/* * RTL */ /* * General */ .custom-font-secondary { font-family: "Lora", serif !important; } .custom-highlight-text-1 { position: absolute; right: -64px; bottom: -41px; font-size: 36.8px; font-size: 2.3rem; transform: rotate(-15deg); } .custom-border-radius-1 { border-radius: 7px; } .custom-container-style-3 { min-width: 85vw; } @media (min-width: 576px) { .custom-container-style-3 { min-width: 540px; } } @media (min-width: 768px) { .custom-container-style-3 { min-width: 720px; } } @media (min-width: 992px) { .custom-container-style-3 { min-width: 960px; } } @media (min-width: 1200px) { .custom-container-style-3 { min-width: 1140px; } } .custom-container-position-1 { position: relative; transform: translate3d(-50%, 0, 0); left: 50%; } /* * Buttons */ @keyframes toBottomFromTop { 49% { transform: translate3d(0, 100%, 0) scale(1); } 50% { opacity: 0; transform: translate3d(0, -100%, 0) scale(1); } 51% { opacity: 1; } } .custom-btn-effect-1:hover > .animated-icon, .custom-btn-effect-1:hover > img, .custom-btn-effect-1:hover > i, .custom-link-effect-1:hover > .animated-icon, .custom-link-effect-1:hover > img, .custom-link-effect-1:hover > i { animation: toBottomFromTop 0.3s forwards; } /* * Main */ .main { margin-top: -78px; } /* * Header */ #header { position: relative; width: 100%; top: calc(100vh - 78px); left: 0; height: 78px; } #header .header-btn-collapse-nav { margin-top: 4px; } #header .container { width: 100%; } #header .header-body { background: transparent; border-top: 0; border-bottom: 0; min-height: 0; } #header .header-container { min-height: 78px; } #header .header-nav { padding: 0; } #header .header-nav-main:before { content: none; } #header .header-nav-main nav > ul > li > a { position: relative; background: transparent !important; font-size: 13.6px; font-size: 0.85rem; font-weight: 600; letter-spacing: 0; color: #FFF !important; transition: ease color 300ms; } @media (min-width: 992px) and (max-width: 1060px) { #header .header-nav-main nav > ul > li > a { padding: 27px 7px; } } @media (min-width: 1061px) and (max-width: 1199px) { #header .header-nav-main nav > ul > li > a { padding: 27px 10px; } } @media (min-width: 1200px) { #header .header-nav-main nav > ul > li > a { padding: 27px 16px; } } #header .header-nav-main nav > ul > li > a.active:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; border-bottom: 3px solid #CCC; width: 100%; } @media (max-width: 991px) { #header .header-nav-main nav > ul > li > a.active:before { bottom: 0; border-width: 2px; } } #header .header-nav-main nav > ul li { border-bottom: 0; } html.sticky-header-active #header .header-body { top: 0; background: #333940; border-bottom-color: #333940; } @media (max-width: 991px) { html:not(.sticky-header-active) #header .header-body { background: #333940; border-bottom-color: #333940; } } @media (min-width: 992px) { #header .header-nav-main nav > ul > li > a { height: 100%; } #header .header-nav-main nav > ul > li > a.active { color: #CCC !important; } #header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li.open > a { color: #CCC !important; } } /* * Owl Carousel */ .custom-dots-style-1 .owl-dots { bottom: 55px !important; } .custom-dots-style-1 .owl-dots .owl-dot { transition: ease transform 300ms; } .custom-dots-style-1 .owl-dots .owl-dot.active, .custom-dots-style-1 .owl-dots .owl-dot:hover { transform: scale(1.3); } .custom-dots-style-1 .owl-dots .owl-dot + .owl-dot { margin-left: 4px; } /* * Testimonials */ .custom-testimonial-style-1 blockquote > p { font-family: "Lora", sans-serif !important; } .custom-testimonial-style-1.testimonial-with-quotes blockquote:before, .custom-testimonial-style-1.testimonial-with-quotes blockquote:after { font-family: "Lora", sans-serif; font-weight: bold; color: #212121; } /* * Sort */ .sort-destination-loader.sort-destination-loader-showing { max-height: none; }