html {scroll-behavior: smooth;}
body {line-height: 38px; overflow: hidden; position: relative; font-size: 18px;font-family: operetta-8, serif; font-weight: 200; font-style: normal;}
h1 {margin-bottom: 25px; font-family: operetta-8, serif;font-weight: 200;font-style: normal;color: #543018; font-size: 110px; line-height: 130px;}
h2 {margin-bottom: 25px; font-family: operetta-8, serif;font-weight: 200;font-style: normal;color: #543018; font-size: 70px; line-height: 80px;}
h3 {font-size: 40px; line-height: 56px;  margin-bottom: 25px; font-family: operetta-8, serif;font-weight: 200;font-style: normal;}
h3 a {color: inherit;}
h4 {line-height: 1; font-family: operetta-12, serif;font-weight: 200;font-style: normal;}
h5 {line-height: 1; font-family: operetta-12, serif;font-weight: 200;font-style: normal;}
p {font-size: 20px; line-height: 36px;font-weight: 200;font-style: normal; margin-bottom: 15px;}
p:last-child {margin-bottom: 0;}
p a {color: #444; text-decoration: none; border-bottom: 1px solid #000;}
ul, ol {margin: 25px;}
li {font-size: 20px; line-height: 36px; font-weight: 200;font-style: normal;}
strong {font-weight: 900;}
p img {display: inline-block;}
blockquote p {color: #a5202e;}

.flex-alt {display: flex;flex-flow: row wrap;}


.logos-row {display: flex; margin: 160px 0 60px; text-align: center; justify-content: center;}
.logos-row figure {display: block; position: relative; border: 1px solid #fff; border-radius: 50%; width: 350px; height: 350px; margin: 0 5px;}
.logos-row figure img {max-width: 85%; margin: 0 auto}
.logos-row a {display:inline-block; text-decoration: none; margin: 0 25px;}
.logos-row a:hover figure {opacity:0.6}
.logos-row a figure figcaption {font-size: 18px; font-style: italic; color: #fff; text-decoration: none; line-height: 1; font-family: sans-serif; margin-top: 15px; position: absolute; top: 63%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.logos-row .tame-logo {max-width: 160px; position: absolute; top: 43%; transform: translate(-50%,-50%); left: 50%;}
.logos-row .wedding-logo {max-width: 150px; position: absolute; top: 43%; transform: translate(-50%,-50%); left: 50%;}
.logos-row .elysian-logo {max-width: 180px; position: absolute; top: 41%; transform: translate(-50%,-50%); left: 50%;}

.menu-text {width: 100%; display: flex; color: #fff; line-height: 2.7; justify-content: center; margin: 20px 0;}
.menu-text img {height: 50px;}
/* General */

.noscroll {height: 100vh; overflow-y: hidden;}

.button {padding: 15px 35px; text-transform: uppercase; font-size: 18px; color: #543018; border: 1px solid #543018; background: none;font-family: operetta-8, serif; font-weight: 200; transition: 0.3s;}
.button:hover {background: #543018; color: #fff;}

.custom-navigation-item {position: absolute;top: 50%;left: 50%;width: 90%;transform: translate(-50%, -50%); z-index: 99;}
.custom-navigation-item .custom-next {position: absolute; width: 65px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer;}
.custom-navigation-item .custom-prev {position: absolute; width: 65px; left: 0px; top: 50%; transform: translateY(-50%) rotate(180deg); z-index: 99; cursor: pointer;}

.main-area-container .custom-prev {content: url('/img/arrow-prev.svg');display: block;width: 20px;height: 40px;padding: 10px 20px;border-radius: 50%;border: 1px solid #f49f41;top: 50%;position: absolute;transform: translateY(-50%);z-index: 999;left: 1.5%;}
.main-area-container .custom-next {content: url('/img/arrow-prev.svg');display: block;width: 20px;height: 40px;padding: 10px 20px;border-radius: 50%;border: 1px solid #f49f41;top: 50%;position: absolute;transform: translateY(-50%)rotate(180deg);z-index: 999;right: 1.5%;}

.close-icon {padding: 25px; background: #f49f41; left: 0px; top: 0; position: absolute; z-index: 9999; overflow: hidden; transition: 0.5s; transform: rotate(180deg); cursor: pointer;}
.close-icon::before {content: ''; position: absolute; width: 2px; height: 30px; background: #fff; transform: rotate(45deg); top: 10px; transition: 0.5s;}
.close-icon::after {content: ''; position: absolute; width: 2px; height: 30px; background: #fff; transform: rotate(-45deg); top: 10px; transition: 0.5s;}

.close-icon:hover {background: #371d0b;}
.close-icon:hover::before {transform: rotate(-135deg) !important;}
.close-icon:hover::after {transform: rotate(-225deg)!important;}

.popout-main-container {opacity: 0; position: fixed; bottom: 25px; right: -50%; z-index: 999; transition: 0.6s; max-width: 600px;}
.popout-main-container article {padding: 50px;border: 2px #54b0f1 solid; background: #fff;}
.popout-main-container.active-popout {right: 25px; opacity: 1;}

.hamburger { width: 150px; height: 150px; position: fixed; cursor: pointer; right: 125px;top: 125px; z-index: 99999; animation: throb 4s linear infinite;}
.hamburger span {height: 2px; background: #f49f41; width: 100%; position: absolute; opacity: 1; transition: 0.3s;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 15px;}
.hamburger span:nth-child(3) {bottom: 0;}

.hamburger.active span:nth-child(2) {opacity: 0; transform: rotate(90deg); top: 15px;}
.hamburger.active span:nth-child(1) {top: 0; transform: rotate(135deg); top: 15px;}
.hamburger.active span:nth-child(3) {bottom: 0; transform: rotate(225deg); top: 15px;}

.hamburger img {width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute;}

@keyframes throb { 0% { transform: scale(1); } 50% { transform: scale(1.4);} 100% { transform: scale(1);}}

.mobile-nav {position: fixed;top: 0; z-index: 999; height: 100vh; width: 100vw; right: -100vw;box-sizing: border-box; transition: 0.6s;}
.mobile-nav.active {right: 0;}
.mobile-nav::before {content: ''; position: absolute; width: 2300px; height: 2300px; background: #371d0b; border-radius: 100%; right: -140%; top: -960px; z-index: 99; transition: 0.6s;}
.mobile-nav.active::before {right: -53vw}
.mobile-nav::after {content: ''; position: absolute; top: 50%;right: -50%; transform: translateY(-50%); height: 50vw; width: 50vw; background: #0008; box-shadow: 0 0 150px 200px #0008; border-radius: 100%; transition: 1.2s;}
.mobile-nav.active::after {height: 150vw; width: 150vw; right: 0;}

.navigation-menu-container ul {text-align: right; display: flex; justify-content: flex-end; align-items: center; margin: 20px 0; column-gap: 2%;}
.navigation-menu-container ul li {list-style: none;}
.navigation-menu-container ul li a {color: #f49f41; font-size: 28px; text-decoration: none; position: relative; bottom: 0px; display: block; transition: 0.3s;}
.navigation-menu-container ul li:hover a {bottom: 10px;}
.navigation-menu-container h2 {color: #f49f41; font-size: 60px; text-align: right; margin: 0; line-height: 80px; position: relative; right: 0;transition: 0.3s;}
.navigation-menu-container h2:first-of-type {color: #fff; margin-bottom: 20px;}
.navigation-menu-container h2:hover {right: 30px;}
.navigation-menu-container h2 a {text-decoration: none; color: inherit;}

.mobile-nav .navigation-menu-container {opacity: 0;position: absolute;right: -100%;top: 60%;transform: translateY(-50%);transition: 1s;width: 60%;z-index: 99;overflow: hidden;}
.mobile-nav.active .navigation-menu-container {opacity: 1; right: 9%;}

.wrapper {max-width: 85%; margin: 0 auto;}
.wrapper-sml {max-width: 65%; margin: 0 auto;}

.account-main-container {padding: 200px 0; background: #121212; background-size: 110% auto; background-position: center; min-height: 105vh; box-sizing: border-box;}
.account-main-container article {max-width: 650px; margin: 0 auto; position: relative; z-index: 999; padding: 100px; bottom: -50px; opacity: 0; transition: 1s;}
.account-main-container.active-scroll article {bottom: 0; opacity: 1;}

.account-main-container article h1 {color: #fff;}
.account-main-container article h2 {color: #fff;}
.account-main-container article p {color: #fff;}
.account-main-container article p a {color: #eb2f2f;}

header {position: absolute; left: 0; top: 0; width: 100%; z-index: 9999;}
header .logo {position: absolute; left: 150px;top: 90px;}
header .logo.te-ao-logo {left: 50%; transform: translateX(-50%); width: 350px;}
header .logo.te-ao-logo img {width: 100%; height: auto}

header .wrapper-sml > ul {display: flex; justify-content: flex-end; align-items: center; margin: 0;}
header .wrapper-sml > ul li {list-style: none; position: relative; z-index: 99;}
header .wrapper-sml > ul li::after {content: ''; width: 0%; left: 50%; bottom: 10px; transform: translateX(-50%); height: 2px; background: #fff; position: absolute; transition: 0.3s;}
header .wrapper-sml > ul li a {text-decoration: none; color: #fff; padding: 30px 20px; font-size: 22px; display: block; line-height: 1; transition: 0.3s;}
header .wrapper-sml > ul > li:hover::after {width: 60%;}

header .special-spin {position: fixed;right: -400px;top: -400px;z-index: 9999;width: 1200px; max-width: none; filter: invert(1) contrast(400%); animation: animatespin 60s linear infinite; user-select: none; pointer-events: none; transition: 0.8s;}
header .special-spin.active {right: -850px;top: -850px;width: 2100px;}
#loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 30px; height: 30px; transform: translate(-50%, -50%); border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; transition: 0.3s; opacity: 1;}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

.animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s;}

@-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 }}
@keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 }}

.special-banner-container {position: relative; overflow: hidden; height: 100vh;}
.special-banner-container::before {content: '';position: absolute;top: 0;width: 100%;height: 40%;background: linear-gradient(to top, #fff0 0%, #0007 100%);mix-blend-mode: overlay; z-index: 9;}
.special-banner-container::after {content: '';position: absolute;bottom: 0;width: 100%;height: 40%; mix-blend-mode: hue;z-index: 9;}

.special-banner-container img.special-left {position: absolute; left: 0; bottom: 0; z-index: 2; animation: animateleft 20s linear infinite;}
.special-banner-container img.special-middle {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 3; animation: animatemiddle 20s linear infinite;}
.special-banner-container img.special-right-one {position: absolute; right: 0; bottom: -320px; width: 100%; z-index: 1; filter: blur(1px); animation: animaterighttop 20s linear infinite;}
.special-banner-container img.special-right-two {position: absolute; right: 0; bottom: 0px; z-index: 1; opacity: 0.6; animation: animateright 20s linear infinite;}
.special-banner-container img.special-bak {position: absolute; object-fit: cover; width: 100%; height: 100%; animation: animatebak 20s linear infinite;}

.special-banner-container > article { position: absolute; width: 65%; left: 50%; top: 55%; transform: translateX(-50%); z-index: 99;}
.special-banner-container > article p {font-size: 30px;line-height: 44px; text-align: center; color: #fff; margin-top: 20px;}
.special-banner-container > article p a {color:#fff; border-color:#fff}

.special-banner-container .special-slider-top-container {position: absolute;width: 60%;padding: 100px;top: 55%;left: 100px;z-index: 999;user-select: none;box-sizing: border-box;}
.special-banner-container .special-slider-top-container .swiper-slide article {position: relative; bottom: -100px; right: -100px; opacity: 0; width: 85%;transition: 0.6s;}
.special-banner-container .special-slider-top-container .swiper-slide-active article {bottom: 0; right: 0; opacity: 1;}
.special-banner-container .special-slider-top-container h2 {font-size: 80px; color: #f49f41; position: relative; left: -50px; opacity: 0; transition: 0.6s; transition-delay: 0.3s;}
.special-banner-container .special-slider-top-container p strong {color: #f49f41; margin: 0; position: relative; opacity: 0; bottom: 50px; transition: 0.6s; transition-delay: 0.3s;}
.special-banner-container .special-slider-top-container p {font-size: 32px; line-height: 60px; color: #fff; position: relative;}
.special-banner-container .special-slider-top-container .button {color:#f49f41; border: 1px solid #f49f41;}

.special-banner-container .special-slider-top-container .swiper-slide-active h2 {opacity: 1; left: 0;}
.special-banner-container .special-slider-top-container .swiper-slide-active p strong {opacity: 1; bottom: 0;}

@keyframes animatespin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@keyframes animatebak { 0% {transform: scale(1); filter: blur(1px) contrast(100%);} 50% {transform: scale(1.2) rotate(-5deg);height: 120%; filter: blur(0px) contrast(200%);} 100% {transform: scale(1); filter: blur(1px) contrast(100%);}}
@keyframes animateleft { 0% {transform: scale(1);} 50% {transform: scale(1.5) rotate(5deg); filter: blur(5px);} 100% {transform: scale(1);}}
@keyframes animateright { 0% {transform: scale(1);} 50% {transform: scale(0.95) rotate(-5deg); right: -100px;bottom: -100px;} 100% {transform: scale(1);}}
@keyframes animatemiddle { 0% {transform: scale(1) translateX(-50%);} 50% {transform: scale(1.2) rotate(-3deg) translateX(-50%); filter: blur(2px);} 100% {transform: scale(1) translateX(-50%);}}
@keyframes animaterighttop { 0% {transform: scale(1);} 50% {transform: scale(1.2) rotate(-10deg); filter: blur(5px);} 100% {transform: scale(1);}}

.about-banner {height: 45vh; background: #ebebeb;}


.main-area-container {padding: 100px 0; background: #ebebeb; position: relative;}
.main-area-container > article {width: 85%; margin: 0 auto; padding: 100px 0;}
.main-area-container > article > h1 {text-align: center;}
.main-area-container > article > h2 {text-align: center;}
.main-area-container > article > h3 {text-align: center;}
.main-area-container > article > p {text-align: center;}
.main-area-container .slider-feat-container {position: relative; width: 100%; z-index: 99; height: 100vh; overflow: hidden;}
.main-area-container .slider-feat-container .swiper-slide figure {position: relative; height: 100%; opacity: 0; overflow: hidden;transition: 0.6s; background: #404040;}
.main-area-container .slider-feat-container .swiper-slide figure::after { content: ""; display: block; width: 100%; position: absolute; bottom: 0px; height: 80%;}
.main-area-container .slider-feat-container .swiper-slide figure img {object-fit: cover;width: 100%;height: 100%; opacity: 0.6;}
.main-area-container .slider-feat-container .swiper-slide article {position: absolute;z-index: 9;display: block;top: 40%;transform: translateY(-50%);max-width: 800px;left: 10%;}
.main-area-container .slider-feat-container .swiper-slide .button {color: #f39f41; border: 1px solid #f39f41; overflow: hidden; display: inline-block; z-index: 999; position: relative;}
.main-area-container .slider-feat-container .swiper-slide .button:hover {background: #f39f41; color: #fff;}
.main-area-container .slider-feat-container .swiper-slide article h2 {color: #f39f41;}
.main-area-container .slider-feat-container .swiper-slide article p {color: #fff; font-size: 50px;line-height: 1.1;}
.main-area-container .slider-feat-container .swiper-slide-active figure {opacity: 1;}

.main-wide-area-container.main-area-container .wrapper.flex-alt {max-width: 90%;}
.main-wide-area-container.main-area-container .wrapper.flex-alt .block-one {width: 45%;}
.main-wide-area-container.main-area-container .wrapper.flex-alt .block-two {width: 55%;}

.main-area-container .wrapper.flex-alt {max-width: 1370px;}
.main-area-container .wrapper.flex-alt .block-one {width: 35%; position:relative;}
.main-area-container.no-image-container .wrapper.flex-alt .block-one {border-top: 1px solid #000;}
.main-area-container .wrapper.flex-alt .block-two {width: 65%; position:relative;}
.main-area-container .wrapper.flex-alt figure {overflow: hidden;}
#main-image-block figure img {height: 100%; width: auto;}
#main-image-block figure figcaption {position: absolute;bottom: -85px;left: 45%;transform: translateX(-50%);white-space: nowrap;text-align: center;}
/* .main-area-container .wrapper.flex-alt figure img {height:100%; width: 100%; object-fit: cover; position: absolute;} */
.main-area-container.home {padding: 0px;}
.main-area-container.home .wrapper.flex-alt figure img {width: 100%; height:100%; object-fit: cover; margin-top: 50px;}
.main-area-container.home .wrapper.flex-alt figure figcaption {position: absolute;left: 50%;transform: translateX(-50%);white-space: nowrap; text-align: center;}
.main-area-container .wrapper.flex-alt article {padding: 0% 8%; box-sizing: border-box;}
.main-area-container .wrapper.flex-alt article p {color: #543018;}

.main-area-container .wrapper.flex-alt article .flex-row {padding-top: 30px; column-gap: 5%; justify-content: flex-start;}
.main-area-container .wrapper.flex-alt article .flex-row p {text-align: center; font-size: 30px; line-height: 1; margin: 0;}
.main-area-container .wrapper.flex-alt article .flex-row p strong {font-size: 88px; font-weight: 200;}

/* .main-area-container.job-listing-container .block-one figure img {width: 100%; height: 100%; object-fit: cover;} */

.social-container {padding: 100px 0; background: #371d0b;}
.social-container .wrapper.flex-row {position: relative;justify-content: flex-end; margin-bottom: -200px}
.social-container article {transform: rotate(90deg);position: absolute;top: 180px;left: -130px;}
.social-container article h2 {font-size: 170px; line-height: 150px; color: #fff;}
.social-container .social-item {width: 65%; column-gap: 2%; z-index: 99;}

.social-icons {width: 200px;transform: rotate(-90deg) translateY(-50%);position: absolute;bottom: 50%;right: -270px;}

.gal-container {position: relative; width: 49%; margin: 10px 0; cursor: pointer;}
.gal-container .gal-item {height: 400px; overflow: hidden; position: relative; transition: 0.3s;}
/* .gal-container:nth-child(5n+1) .gal-item {height: 400px;}
.gal-container:nth-child(5n+2) .gal-item {height: 300px;}
.gal-container:nth-child(5n+3) .gal-item {height: 300px;}
.gal-container:nth-child(5n+4) .gal-item {height: 600px;} */
.gal-container:nth-child(5n+5) {width: 100%;}
/* .gal-container:nth-child(5n+5) .gal-item {height: 400px;} */

.gal-container .gal-item img,.gal-container .gal-item iframe {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; max-width: none;}

.gal-container .gal-pop {position: fixed; opacity: 0; transition: 0.5s; max-width: 600px; width: 100%; transform: translate(-50%, -50%); left: 150%; top: 50%; z-index: -999;}
.gal-container .gal-pop img,.gal-container .gal-pop iframe {width: 50%; transition: 0.3s;}
.gal-container .gal-pop::after {content: ''; z-index: -99; position: absolute; top: 50%;left: 150%; transform: translate(-50%,-50%); height: 50vw; width: 50vw; background: #0008; box-shadow: 0 0 150px 200px #0008; border-radius: 100%; transition: 0.6s;}
.gal-container.active {cursor: default;}
.gal-container.active .gal-pop img,.gal-container.active .gal-pop iframe {width: 100%;}
.gal-container.active .gal-pop {opacity: 1; z-index: 999;  transform: translate(-50%, -50%); left: 50%;}
.gal-container.active .gal-pop::after {height: 150vw; width: 150vw; left: 50%;}

.gal-container .gal-item iframe {background: #000;}

.specialarticleSlider {overflow: visible;}
.specialimageSlider {overflow: visible; height: 100%;}

.specialimageSlider .swiper-slide.car article {left:50%; top:56%; transform:translate(-50%,-50%); width:100%; display: flex; justify-content: center;}
.specialimageSlider .swiper-slide.car article h2 {transform: translate(-50%,-50%);top: -11%;left: 64%;position: absolute;width: 100%;}
.specialimageSlider .swiper-pagination-bullet {width: 100px!important; border-radius: 0px!important; margin: 0 20px!important; background: #ebebeb !important; opacity: 1!important;}
.specialimageSlider .swiper-pagination-bullet-active {background: #f2a83f!important;}

.custom-navigation {position: absolute;display: flex;justify-content: space-between;width: 97%;left: 50%;transform: translate(-50%,-50%); top: 50%;z-index: 99;}
.custom-navigation .custom-prev {content: url('/img/arrow-prev.svg'); display: block; width: 20px; height: 40px;padding: 10px 20px;border-radius: 50%;border: 1px solid #f49f41;}
.custom-navigation .custom-next {content: url('/img/arrow-next.svg'); display: block; width: 20px; height: 40px;padding: 10px 20px;border-radius: 50%;border: 1px solid #f49f41;}

.testimonial-heading {padding: 100px 0; margin-top: 200px;}
.testimonial-heading article {max-width: 1000px; margin: 0 auto;}
.testimonial-heading article h2 {text-align: center;}

.testimonial-container {margin-bottom: 100px; position: relative;}
.testimonial-container .wrapper {max-width: 1370px;}

.testimonial-container .testimonial-item {border: 1px solid #bcbcbc;}
.testimonial-container .testimonial-item .block-one {width: 40%; position:relative;}
.testimonial-container .testimonial-item .block-two {width: 60%; position:relative;}
.testimonial-container .testimonial-item figure {overflow: hidden;}
/* .testimonial-container .testimonial-item figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;} */
.testimonial-container .testimonial-item article {padding: 20% 12%; box-sizing: border-box;}
.testimonial-container .testimonial-item article p {font-size: 28px; line-height: 40px; color: #543018;}

.contact-form-container {padding: 100px 0; position: relative; background: #e3e1e0; overflow: hidden;}
.contact-form-container::before {content: ''; background: url('/uploads/images/menu-spin-element.svg'); position: absolute;left: -600px;bottom: -600px; width: 800px; height: 1200px;width: 1200px; user-select: none; pointer-events: none; animation: animatespin 60s linear infinite;}

.contact-form-container article {padding: 100px; border: 1px solid #b6b4b3; background: #e3e1e0; position: relative; z-index: 99;}
.contact-form-container article .button {margin: 30px auto;}

.contact-form-container .wrapper {max-width: 70%;}

.title-area-container {margin-bottom: 100px;}
.title-area-container h2 {line-height: 1; margin: 0;}
.title-area-container p {text-align: right;}

.brown-area-container {padding: 100px 0; background: #3e1f03; position: relative;}
.brown-area-container .block-one {width: 40%; position:relative; top: 150px; z-index: 99;}
.brown-area-container .block-two {width: 60%; position:relative;}

.brown-area-container figure {overflow: hidden; height: 100%;}
/* .brown-area-container figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;} */
.brown-area-container article {padding: 20% 15%; box-sizing: border-box;}
.brown-area-container article h2 {color: #fff;}
.brown-area-container article h3 {color: #eaaa50;}
.brown-area-container article p {font-size: 22px;line-height: 44px;color: #fff;}
.brown-area-container article .button {color: #fff; border: 1px solid #fff; display: inline-block; line-height: 1; margin: 5px 0;}

#brown-container-about .block-one figure img:nth-child(1) {margin-bottom: 25px;}

.sub-home-banner-container {position: relative; background: #ebebeb;}
.sub-home-banner-container .insidebannerSlider {overflow: visible;}
.sub-home-banner-container figure {height: 100vh; overflow: hidden; position: relative; width: 100%;}
.sub-home-banner-container figure img {width: 100%; height: 100%; position: absolute; object-fit: cover; max-width: none;}
.sub-home-banner-container article {box-sizing: border-box; width: 100%; position:absolute; top: 45%;}

.sub-home-banner-container article h2, .intro article h2 {color: #e9a24f; font-size: 70px; line-height: 80px;}
.sub-home-banner-container article p, .intro article p {color: #fff; font-size: 40px; line-height: 60px;}
.sub-home-banner-container article .button, .intro article .button {color: #fff; border-color: #fff; }

.sub-home-banner-container article h1 {color: #fff; font-size: 70px; line-height: 80px; text-align:center}
.sub-home-banner-container article h2 {color: #fff; font-size: 70px; line-height: 80px; text-align:center}
.sub-home-banner-container-wheels article h2, .intro article h2 {color: #fff!important;text-align:center}

.intro h1 {color: #fff; font-size: 70px; line-height: 80px; text-align:center}
.intro {background: #371d0b; padding: 100px; box-sizing: border-box; width: 100%;}
.intro article p a {display: inline-block;line-height: 1;position: relative;left: 50%;transform: translateX(-50%);}

.text-feat-container {margin: 100px 0 -100px 0; position: relative; z-index: 99;}
.text-feat-container article {padding: 100px; border: 1px solid #bcbcbc; background: #fff;}
.text-feat-container article .text-col-item {column-count: 2; column-gap: 5%;}
.text-feat-container article .text-center-item {padding: 50px 0;}
.text-feat-container article .text-center-item h2 {text-align: center;}
.text-feat-container article .text-center-item h3 {text-align: center;}
.text-feat-container article .text-center-item p {text-align: center;}

.brown-text-feat-container {padding: 200px 0 100px 0; background: #371d0b;}
.brown-text-feat-container .flex-row {column-gap: 4%; max-width: 70%;}
.brown-text-feat-container article {width: 48%;}
.brown-text-feat-container article h2 {color: #e9a24f;}
.brown-text-feat-container article h3 {color: #fff;}
.brown-text-feat-container article p {color: #fff;}
.brown-text-feat-container article h3 strong {color: #e9a24f; font-weight: 200;}

.banner-feat-container {position: relative;}
.banner-feat-container .wrapper {position: relative; max-width: 1200px; margin: 50px auto;}
.banner-feat-container figure {width: 100%; height: 100%; height: 80vh; overflow: hidden;}
.banner-feat-container figure img {width: 100%; height: 100%; position: absolute; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.brown-feat-center-container {padding: 100px 0 0 0; position: relative; background: #371d0b;}
.brown-feat-center-container .wrapper {max-width: 70%;}
.brown-feat-center-container article {max-width: 1000px; margin: 0 auto;}
.brown-feat-center-container article h2 {color: #fff; text-align: center;}
.brown-feat-center-container article h3 {color: #fff; text-align: center;}
.brown-feat-center-container article p {color: #fff; text-align: center;}
.brown-feat-center-container figure {width: 100%; position: relative; bottom: -100px; z-index: 99;}

.inside-banner-container {height: 85vh; position: relative; overflow: hidden;}
.inside-banner-container article {position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); width: 75%; text-align: center; z-index: 99;}
.inside-banner-container article h1 {color: #fff;}
.inside-banner-container article h2 {color: #fff;}
.inside-banner-container article h3 {color: #fff;}
.inside-banner-container article p {color: #fff;}
.inside-banner-container article .button {color: #fff; border: 1px solid #fff;}
.inside-banner-container figure {height: 100%; position: relative; background: #000;}
.inside-banner-container figure img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; opacity: 0.6;}

.audio-button {position: fixed; top: 15px; width: 45px; left: 10px; color: #fff; z-index: 999; background: none;}
.audio-button p {color: #fff;white-space: nowrap;font-size: 13px; display: inline-block;}

.new-new-slider {position: relative; padding-top: 100px; left: 50%; transform: translateX(-50%); z-index: 999; width: 85%; overflow: hidden;}
.new-new-slider figure {width: 60%; height: 600px; position: relative; overflow: hidden; margin: 0 auto;}
.new-new-slider figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.new-new-slider article {width: 50%; box-sizing: border-box; padding: 0 5%;}
.new-new-slider article h2 {font-size: 80px; color: #f49f41; position: relative; left: -50px; opacity: 0; transition: 0.6s; transition-delay: 0.3s;}
.new-new-slider article p strong {color: #f49f41; margin: 0; position: relative; opacity: 0; bottom: 50px; transition: 0.6s; transition-delay: 0.3s;}
.new-new-slider article p {font-size: 42px; line-height: 60px; color: #fff; position: relative;}

.job-listing-container {padding-top: 200px!important;}

.booking-container iframe {width: 100%; outline: none; border: none; height: 800px;}

footer {padding: 50px 0; position: relative;}
footer p {margin: 0; color: #000; font-size: 18px;}
footer a {text-decoration: none; color: inherit; border: 0;}
footer img {width: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.sub-home-banner-container-wheels {position: relative;background: #ebebeb;}
.sub-home-banner-container-wheels figure {height: 130vh;overflow: hidden;position: relative;width: 100%;}
.sub-home-banner-container-wheels figure img {width: 100%;height: 100%;position: absolute;object-fit: cover;max-width: none;}
.sub-home-banner-container-wheels article {box-sizing: border-box; width: 100%; position:absolute; top: 45%;}
.sub-home-banner-container-wheels article h2, .intro article h2 {color: #e9a24f; font-size: 70px; line-height: 80px;}
.sub-home-banner-container-wheels article p, .intro article p {color: #fff; font-size: 35px; line-height: 60px;}
.sub-home-banner-container-wheels article .button, .intro article .button {color: #fff; border-color: #fff; }
.sub-home-banner-container-wheels article h1 {color: #fff; font-size: 70px; line-height: 80px; text-align:center}

.about-page-image {height: 120vh; position: relative;}
.about-page-image img {height: 100%;width: 100%;object-fit: cover;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}

.downArrow {position: absolute;top: 90%; z-index: 9;width: 100%;}
.downArrow img {width: 80px; position: relative; left: 50%; transform: translate(-50%);}

#home-arrow {position: absolute;top: 40%; z-index: 9;width: 100%;}
#home-arrow img {width: 80px; position: relative; left: 50%; transform: translate(-50%);}

.bounce { -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite;}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.three-column-container .wrapper {max-width: 90% !important;}
.three-column-container .block-one {width: 25% !important;}
.three-column-container .block-two {width: 50% !important;}

.full-aspect-container .wrapper {max-width: 1200px;}

.upper {margin-bottom: 40px;}

.mid-images .flex-row {justify-content: space-between; padding: 100px 0;}
.mid-images .flex-row figure {width: 47%;height: 800px;position: relative;overflow: hidden;}
.mid-images .flex-row figure img {width: 100%; height: 100%; object-fit: cover;}


#three.block-three {width: 33.3%;}
#two.block-two {width: 33.3%;}
#one.block-one {width: 33.3%;}


img.logo-menu-button {width: 170px; cursor: pointer;}

.specialimageSlider .swiper-slide.car article #car-button {margin-top: 530px;}


#band {font-family: 'operetta-8, serif';position: relative; padding: 15px 0px;font-weight: 400; font-style: normal; font-size: 18px; line-height: 25px; letter-spacing: 1.1px; color: #eaaa50; text-align: center; background: #3e1f03;z-index: 99999;}

/*=====================================================================
Media Queries
=====================================================================*/

@media screen and (max-width: 1400px) {
  .special-banner-container .special-slider-top-container h2 {font-size: 40px;}

.special-banner-container > article {padding-top: 40px;}

  .special-banner-container .special-slider-top-container p { font-size: 32px; line-height: 40px;}
  .special-banner-container > article p {font-size: 28px;line-height: 38px;}

.special-banner-container {padding-bottom:50px;}
.new-new-slider {bottom: 50px;}
.new-new-slider img {border-radius: 3px;}


.social-container article h2 {
    font-size: 80px;
    line-height: 66px;
    color: #fff;
}

.social-container .social-item {margin-top: -50px;}
.testimonial-container {max-width: 90%; margin: 0 auto 50px}
.testimonial-heading article h2 {font-size: 38px; line-height: 48px; margin-top: 20px;}
.testimonial-container .testimonial-item article p {font-size:18px; line-height: 24px; max-width: 80%}

.job-listing-container {padding-top: 30px!important;}
#main-image-block figure figcaption {bottom: -35px;}
.main-area-container.home .wrapper.flex-alt figure figcaption {z-index: 9; bottom: -70px;}

.specialimageSlider .swiper-slide.car article h2 {left: 80%;}

.specialimageSlider .swiper-slide.car article {top: 55%;}
.specialimageSlider .swiper-slide.car article #car-button {margin-top: 450px;}

}

@media screen and (max-width: 1500px) {
  .gal-container .gal-item iframe {width: 180%;}
  .mid-images .flex-row figure {height: 700px;}
}

@media screen and (max-width: 1400px) {
  body {font-size: 18px !important; line-height: 34px !important;}
  h1 {font-size: 42px !important; line-height: 58px !important;}
  .main-area-container h2 {font-size: 38px !important;line-height: 45px !important;}
  .main-area-container h3 {font-size: 28px !important;line-height: 40px !important;}
  .main-area-container h4 {font-size: 24px !important; line-height: 24px !important;}
  .main-area-container p {font-size: 18px !important; line-height: 34px !important;}
  li {font-size: 18px !important; line-height: 34px !important;}
  header .logo img {width: 100px;}
  header .special-spin {right: -315px;top: -235px;width: 750px;}
  header .special-spin.active { right: -430px; top: -120px; width: 1000px;}
  .mobile-nav .navigation-menu-container {width: 85%;}
  .navigation-menu-container h2 {font-size: 26px !important;}
  .hamburger { right: 34px;top: 110px;transform: scale(0.6); width: 55px; height: 55px;}
  .navigation-menu-container ul li a {font-size: 16px;}
  .contact-form-container .wrapper {max-width: 85%;}
  .main-area-container {padding: 0;}
  .main-area-container .wrapper.flex-alt article .flex-row p strong { font-size: 38px;}
  .social-container .wrapper.flex-row {align-items: flex-start; margin-bottom:0}
  .social-container article {width: 30%; position: relative;top: 0;}
  .social-icons {width: 100px;transform: rotate(0deg) translateY(0%);position: relative;bottom: 0;right: 0px; margin-bottom: 30px;}
  .social-icons img {width: 30px;}
  .main-area-container > article {padding: 30px 0;}
  .testimonial-heading {padding: 30px 0;}

  .brown-area-container {padding: 50px 0;}
  .brown-area-container article { padding: 10% 10%;}
  .brown-area-container .block-one {top: 0;}
  .text-feat-container article {padding: 30px;}
  .brown-text-feat-container { padding: 150px 0 30px 0;}
  .contact-form-container { padding: 50px 0;}
  .contact-form-container article {padding: 50px;}
  .sub-home-banner-container {padding-bottom: 120px;}
  .sub-home-banner-container article {padding: 50px;}
  .sub-home-banner-container-wheels {padding-bottom: 120px;}
  .sub-home-banner-container-wheels article {padding: 50px;}
  .testimonial-heading {margin-top: 120px;}
  .title-area-container {margin-bottom: 50px;}
  .gal-container .gal-item { height: 300px;}

  .cart__right {width: 100% !important;}
  .cart__left {width: 100% !important; margin-bottom: 30px !important;}
  .cart__item figure {width: 100% !important;}
  .cart__item article {width: 100% !important; padding: 20px 0 !important;}

  .mid-images .flex-row figure {height: 600px;}

  #home-arrow  {top: 45%;}

}
@media screen and (max-width: 1200px) {
  .special-banner-container .special-slider-top-container p {font-size: 26px;}
}
@media screen and (max-width: 900px) {

    #band {font-size:15px;}
  header .logo.te-ao-logo {width: 200px;}
  .three-column-container .block-one {width: 100% !important;}
  .three-column-container .block-two {width: 100% !important;}
  @keyframes animatebak { 0% {transform: scale(1); filter: blur(1px) contrast(100%);} 50% {transform: scale(1.2) rotate(-2deg);height: 120%; filter: blur(0px) contrast(200%);} 100% {transform: scale(1); filter: blur(1px) contrast(100%);}}
  .mobile-nav::before {width: 1000px; height: 1000px; top: 50%; transform: translateY(-50%);}
  header .logo {left: 50%; transform: translateX(-50%);top: 120px;}
  header .logo img {min-width: 200px}
  .intro {padding: 30px 0;}
  .intro article p {font-size: 30px; line-height: 1.3;}
  .special-banner-container > article {top: 40%; width: 85%;}
  .special-banner-container {height: 80vh;}
  .special-banner-container .special-slider-top-container {padding: 30px; top: 40%; width: 95%; left: 50%; transform: translateX(-50%); text-align: center;}
  .special-banner-container .special-slider-top-container .swiper-slide article {width: 100%;}
  .main-area-container .slider-feat-container {width: 100%;}
  .main-area-container .wrapper.flex-alt article .flex-row {justify-content: center;}
  .contact-form-container article {padding: 30px;}
  .contact-form-container .wrapper {max-width: 85%;}
  .brown-area-container {padding: 30px 0;}
  .brown-area-container .block-one {width: 100%; top: 50px;}
  .brown-area-container .block-two {width: 100%;}
  .brown-area-container article {padding: 0;}
  .brown-area-container figure {height: 400px;}
  .main-area-container .wrapper.flex-alt .block-two {width: 100%;}
  .main-area-container .wrapper.flex-alt .block-one {width: 100%; border-top: 0;}
  .main-area-container .wrapper.flex-alt figure {width: 90%;margin: 0 auto 50px; position: relative; overflow: visible;}
  .testimonial-heading { padding: 30px 0; margin-top: 140px;}
  .social-container { padding: 30px 0;}
  .social-container .wrapper.flex-row {margin-bottom: -150px;}
  .social-container .social-item {width: 100%; margin-top: 0px;}
  .gal-container .gal-item {height: 200px;}
  .social-container article { transform: rotate(0deg); position: relative; top: 0; left: 0; width: 100%;}
  .testimonial-container {margin-bottom: 100px;}
  .testimonial-container .testimonial-item .block-one {width: 100%;}
  .testimonial-container .testimonial-item .block-two {width: 100%;}
  .testimonial-container .testimonial-item figure {height: 400px;}
  .testimonial-container .testimonial-item article {padding: 30px;}
  .custom-navigation-item {top: 107%;}
  .title-area-container { margin-bottom: 30px;}
  .title-area-container h2 {text-align: center; width: 100%;}
  .title-area-container p {text-align: center; width: 100%;}
  .contact-form-container { padding: 30px 0;}
  form .flex-row input {width: 100%;}
  .sub-home-banner-container article {padding: 30px; width: 80%; left: 50%; transform: translateX(-50%);}
  .sub-home-banner-container article h2 {font-size: 28px !important;line-height: 38px !important;}
  .sub-home-banner-container article .button {display: inline-block;}
  .sub-home-banner-container-wheels article {padding: 0px; width: 100%;}
  .sub-home-banner-container-wheels article h2 {font-size: 28px !important;line-height: 38px !important;}
  .sub-home-banner-container-wheels article .button {display: inline-block;}
  .text-feat-container { margin: 30px 0 -30px 0;}
  .text-feat-container article .text-col-item { column-count: 1; column-gap: 0%;}
  .text-feat-container article .text-center-item {padding: 0;}
  .brown-text-feat-container { padding: 60px 0 30px 0;}
  .brown-text-feat-container .flex-row { column-gap: 0%; max-width: 85%;}
  .brown-text-feat-container article {width: 100%;}
  .brown-feat-center-container { padding: 30px 0 0 0;}
  .brown-feat-center-container .wrapper {max-width: 85%;}
  .brown-feat-center-container figure {bottom: -30px;}
  .new-new-slider { bottom: 30px;}
  .new-new-slider figure {height: 250px; width: 90%;}
  .inside-banner-container article h1 {margin-bottom: 0px;}
  .inside-banner-container article h2 {font-size: 50px;line-height: 1.3;}

  .brown-area-container article h3 {font-size: 30px; line-height: 1.3;}
  .brown-feat-center-container article h3 {font-size: 30px; line-height: 1.3;}
  .brown-text-feat-container article h2 {font-size: 50px;line-height: 1.3;}
  .brown-text-feat-container article h3 {font-size: 30px;line-height: 1.5;}
  .main-wide-area-container.main-area-container .wrapper.flex-alt .block-one {width: 100%;}
  .main-wide-area-container.main-area-container .wrapper.flex-alt .block-two {width: 100%;}
  .main-area-container h2 {margin-bottom: 0px;}

  .main-area-container.no-image-container .wrapper.flex-alt .block-one {border: none;}

  .checkout-left {width: 100% !important;}
  .checkout-right {width: 100% !important;}
  .section__cart {margin-top: 150px;}

  /* .main-area-container.home .wrapper.flex-alt figure img {height: 100%; object-fit: cover; margin: 0; width: 100%;} */
  .main-area-container.home .wrapper.flex-alt figure figcaption {bottom: -45px}
  #main-image-block figure img {height: 100%;width: 100%; object-fit: contain; margin: 0 auto;}
  #main-image-block figure figcaption {bottom: -50px;left: 50%;}

  .logos-row {display: none;}

  .booking-container iframe {height: 1200px;}

  footer p {text-align: center; width: 100%;}
  footer img {margin: 30px auto;position: relative; left: 0%; top: 0%; transform: translate(0%,0%);}

  .about-page-image {height: 75vh;}

  .mid-images .flex-row figure {height: 500px; width: 100%;}
  .mid-images .flex-row figure:nth-child(1) {margin-bottom: 50px;}
  #tame-social .wrapper.flex-row {margin-bottom: 0px;}

  #three.block-three {width: 100%;}
  #two.block-two {width: 100%;}
  #one.block-one {width: 100%; margin-top: 30px;}

  .downArrow {display: none;}

  .main-area-container .slider-feat-container {height: 73vh;}
  .main-area-container .slider-feat-container .swiper-slide article {top: 45%; left: 10%;}

  .specialimageSlider .swiper-slide.car article {left: 50%; top: 55%;}
  .specialimageSlider .swiper-slide.car article #car-button {margin-top: 380px;}

}

@media screen and (max-width: 500px) {
  .mobile-nav::before {right: -200%;}
  .main-area-container .slider-feat-container {width: 100%;position: relative;}
  .special-banner-container .special-slider-top-container {width: 90%; top: 42%;}
  .special-banner-container .special-slider-top-container p {font-size: 28px;}

  .main-area-container.home {height: 50vh;}
  .special-banner-container .special-slider-top-container h2 {font-size: 28px;}
  .special-banner-container .special-slider-top-container p {font-size: 20px;}
  .special-banner-container > article {top: 22%;}
  .special-banner-container > article p {font-size: 20px;}

  .special-banner-container {height: 80vh;}
  .special-banner-container > article {top: 45%;}
  .main-area-container .slider-feat-container .swiper-slide figure {height: 550px;}
  .custom-navigation {display: none;}
  img.logo-menu-button {width: 140px;}
  .main-area-container .slider-feat-container .swiper-slide article h2 {font-size: 25px !important;}
  .main-area-container .slider-feat-container .swiper-slide article {top: 35%;}
  .specialimageSlider .swiper-slide article {max-width: 95%;}
  .specialimageSlider .swiper-slide.car article {top: 45%; max-width: 95%;}
  .specialimageSlider .swiper-slide.car article #car-button {margin-top: 190px; position: absolute;}
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 50px !important;}
  .specialimageSlider .swiper-pagination-bullet {width: 50px !important;}
  .specialimageSlider .swiper-slide.car article h2 {left: 75%; bottom: 10%;}
  footer {margin-top: 150px;}
  .button {padding:10px 30px;}
  #car-button a {padding: 10px;}
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 320px) {

}