@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face { font-family: 'Vegawanty'; src:  url('../font/vegawanty.ttf') format('truetype'); font-weight: 400; font-style: normal; }
body { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #191919; overflow-x: hidden !important;  }
.hero { position: relative; }
.hero-menu { position: relative; z-index: 2; gap: 80px; padding-top: 50px; }
.hero-menu-link a { color: #FFF8ED; font-size: 18px; letter-spacing: 1px; text-decoration: none; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.hero-menu-link a:hover { color: #F1C091; text-decoration: none; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.hero-menu-img { }
.hero-text img { margin-left: auto; margin-right: auto; height: 50px; display: block; }
.hero-text h1 { color: #FFF8ED; font-family: 'Vegawanty', sans-serif; font-size: 90px; letter-spacing: 2px; font-weight: 400; margin-top: 20px; margin-bottom: 0px; text-align: center; }
.hero-text p { color: #F5E9D3; font-size: 18px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 30px; width: 70%; margin-left: auto; margin-right: auto; }
.hero-text span { color: #F1C091; }

.about-padding { padding-top: 80px; padding-bottom: 80px; }
.about-image img { display: block; width: 100%; }
.about-text { padding-left: 100px; }
.about-text img { height: 30px; display: block; }
.about-text span { color: #693F25; font-size: 18px; font-weight: 500; margin-top: 5px; margin-bottom: 100px; display: block; }
.about-text h2 { color: #B38558; font-family: 'Vegawanty', sans-serif; font-size: 55px; text-transform: uppercase; line-height: 50px; font-weight: 400; margin-bottom: 50px; }
.about-text p { color: #251407; font-size: 16px; text-transform: uppercase; }

.brand { background-color: #947658; color: #F5E9D3; }
.brand-inner { flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; }
.brand-item { position: relative; flex: 0 0 auto; padding: 10px 50px 10px 20px; text-align: center; font-size: 18px; letter-spacing: 0.12em; color: #F5E9D3; font-weight: 400; }
.brand-item::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30px; height: 30px; background-image: url('../img/star-brand.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.brand-item:last-child::after { display: none; }

.hand { padding-top: 150px; padding-bottom: 150px; color: #FFF8ED; }
.hand h2 { font-family: 'Vegawanty', sans-serif; font-size: 55px; text-transform: uppercase; font-weight: 400; margin-bottom: 50px; margin-top: 0px; color: #D7A87B; }
.hand p { color: #FFF8ED; font-size: 16px; text-transform: uppercase; }

.catalogues-background { background: #FFFFFF; padding-top: 100px; padding-bottom: 100px; }
.catalogues { text-align: center; }
.catalogues-images { height: 30px; display: block; margin-left: auto; margin-right: auto; }
.catalogues span { color: #693F25; font-size: 18px; font-weight: 500; margin-top: 5px; margin-bottom: 100px; display: block; }
.catalogues h2 { font-family: 'Vegawanty', sans-serif; font-size: 55px; text-transform: uppercase; font-weight: 400; margin-bottom: 50px; margin-top: 0px; color: #B38558; text-align: center; }
.catalogues p { color: #251407; font-size: 16px; text-transform: uppercase; }
.catalogues b { display: block; text-align: center; color: #B38558; font-size: 16px; font-weight: 700; text-decoration: none; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.catalogues b:hover { color: #F1C091; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.catalogues a { text-decoration: none; color: #B38558; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.catalogues a:hover { text-decoration: none; color: #F1C091; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.tranquilia-catalogues-section { padding: 40px 0 70px; overflow: hidden; }
.tranquilia-catalogues-slider-wrap { max-width: 1440px; margin: 0 auto; position: relative; }
.catalogues-custom-slider { width: 100%; }
.catalogues-stage { position: relative; width: 100%; height: 620px; }
.catalogues-stage span { display: block; margin-top: 10px; color: #B38558; font-size: 16px; font-weight: 700; }
.catalogues-card{ position: absolute; top: 50%; width: 31%; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; z-index: 0; transform: translateY(-50%) scale(0.6); transition: transform 0.45s ease, opacity 0.45s ease, left 0.45s ease, right 0.45s ease; }
.catalogues-card img { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; }
.catalogues-card.is-left, .catalogues-card.is-center, .catalogues-card.is-right { visibility: visible; pointer-events: auto; }
.catalogues-card.is-left { left: 3%; right: auto; transform: translateY(-50%) scale(0.78); opacity: 0.7; z-index: 1; }
.catalogues-card.is-center { left: 50%; right: auto; transform: translate(-50%, -50%) scale(1); opacity: 1; z-index: 3; }
.catalogues-card.is-right { right: 3%; left: auto; transform: translateY(-50%) scale(0.78); opacity: 0.7; z-index: 1; }
.catalogues-card.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; z-index: 0; }
/*.catalogues-card { position: absolute; top: 50%; width: 31%; cursor: pointer; transition: transform 0.45s ease, opacity 0.45s ease, left 0.45s ease, right 0.45s ease; }
.catalogues-card img { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; }
.catalogues-card.is-left { left: 3%; transform: translateY(-50%) scale(0.78); opacity: 0.7; z-index: 1; }
.catalogues-card.is-center { left: 50%; transform: translate(-50%, -50%) scale(1); opacity: 1; z-index: 3; }
.catalogues-card.is-right { right: 3%; transform: translateY(-50%) scale(0.78); opacity: 0.7; z-index: 1; }*/
.catalogues-dots { margin-top: 28px; display: flex; justify-content: center; align-items: center; gap: 10px; }
.catalogues-dot { width: 20px; height: 20px; border: 1px solid #B38558; border-radius: 50%; background: transparent; padding: 0; cursor: pointer; transition: all 0.25s ease; }
.catalogues-dot.is-active { background: #B38558; }
.catalogues-card { text-decoration: none; pointer-events: none; }
.catalogues-card.is-center { pointer-events: auto; }
.catalogues-card img { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; -webkit-user-drag: none; }

.work-with-us-background { background: #251407; }
.work-with-us { color: #FFF8ED; padding: 100px 0px 100px 100px; width: 635px; }
.work-with-us-image { height: 30px; display: block; }
.work-with-us span { color: #FFF8ED; font-size: 18px; font-weight: 500; margin-top: 5px; margin-bottom: 100px; display: block; }
.work-with-us h2 { font-family: 'Vegawanty', sans-serif; font-size: 55px; text-transform: uppercase; font-weight: 400; margin-bottom: 50px; margin-top: 0px; color: #D7A87B; }
.work-with-us p { color: #FFF8ED; font-size: 16px; text-transform: uppercase; }
.work-with-us ul { margin: 0 0 20px 0; padding: 0 0 0 20px; text-transform: uppercase; }
.work-with-us-image-bottom { height: 50px; display: block; margin-top: 70px; }

.contact-container { background: #F5E9D3; padding-top: 50px; padding-bottom: 50px; }
.contact img { display: block; height: 30px; margin-left: auto; margin-right: auto; }
.contact span { display: block; text-align: center; font-size: 18px; font-weight: 500; color: #693F25; margin-top: 5px; margin-bottom: 100px; }
.contact h2 { font-family: 'Vegawanty', sans-serif; font-size: 55px; text-transform: uppercase; font-weight: 400; text-align: center; color: #986342; margin-top: 0px; margin-bottom: 60px; }
.contact p { color: #986342; font-size: 16px; text-transform: uppercase; text-align: center;  }
.contact-form { margin-top: 80px; }
.contact-input { margin-top: 40px; }
.contact-input label { text-transform: uppercase; color: #986342; font-size: 16px; font-weight: 500; margin-bottom: 5px; display: block; } 
.contact-input input { display: block; width: 100%; border-left: 0; border-right: 0; border-top: 0; border-bottom: solid 1px #D7A87B; background: transparent; border-radius: 0; font-size: 16px; color: #986342; }
.contact-input input:focus { color: #986342; background-color: transparent; border-color: #D7A87B; outline: 0; box-shadow: none; }
.contact-input input:active { color: #986342; background-color: transparent; border-color: #D7A87B; outline: 0; box-shadow: none; }
.contact-input input:hover { color: #986342; background-color: transparent; border-color: #D7A87B; outline: 0; box-shadow: none; }
.contact-button { margin-top: 50px; background: transparent; border: solid 1px #D7A87B; border-radius: 0; font-size: 16px; color: #986342; display: inline-block; width: auto; margin-left: auto; margin-right: auto; padding: 10px 20px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.contact-button:hover { color: #F5E9D3; border: solid 1px #D7A87B; background: #D7A87B; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.contact-star { position: absolute; top: 50%; transform: translateY(-50%); width: 120px; height: 120px; background-image: url('../img/star-contact.png'); background-size: contain; background-repeat: no-repeat; }
.contact-star-left { left: 0px; }
.contact-star-right { right: 0px; }

.futer { background: #947658; color: #F5E9D3; text-align: center; }
.futer img { height: 130px; display: block; margin: 50px auto 50px auto; }
.futer p { font-size: 14px; text-transform: uppercase; margin-bottom: 30px; text-align: center; padding: 0 40px; }
@media (max-width: 1400px){
    .hero-text h1 { font-size: 80px; }
    .about-text h2 {font-size: 48px; }
    .hand h2 { font-size: 48px; }
    .catalogues h2 { font-size: 48px; }
    .work-with-us h2 { font-size: 48px; }
    .contact h2 { font-size: 48px; margin-bottom: 60px; }
    .about-text { padding-left: 60px; }
    .about-text span { margin-bottom: 60px; }
    .catalogues span { margin-bottom: 60px; }
    .hand { padding-top: 100px; padding-bottom: 100px; }
    .catalogues-background { padding-top: 80px; padding-bottom: 50px; }
    .work-with-us { padding: 80px 0px 80px 60px; width: 547px; }
    .work-with-us span { margin-bottom: 60px; }
    .contact span { margin-bottom: 60px; }
    .tranquilia-catalogues-section { padding: 20px 0px 70px 0px; }
    .catalogues-stage { height: 550px; }
}
@media (max-width: 1200px){
    .hero-menu { padding-top: 30px; gap: 60px; }
    .hero-menu-img img { height: 90px; }
    .hero-text h1 { font-size: 70px; }
    .hero-text p { font-size: 16px; }
    
    .about-text { padding-left: 40px; }
    .about-text span { margin-bottom: 50px; font-size: 16px; }
    .about-text h2 { font-size: 38px; line-height: 40px; margin-bottom: 40px; }
    .about-text p { font-size: 14px; }
    
    .brand-item { padding: 10px 35px 10px 10px; font-size: 16px; }
    .brand-item::after { width: 25px; height: 25px; }
    
    .hand { padding-top: 80px; padding-bottom: 80px; }
    .hand h2 { font-size: 38px; line-height: 40px; }
    .hand p { font-size: 14px; }
    
    .catalogues span { margin-bottom: 50px; font-size: 16px; }
    .catalogues h2 { font-size: 38px; line-height: 40px; }
    .catalogues p { font-size: 14px; }
    .tranquilia-catalogues-section { padding: 0px 0px 70px 0px; }
    .tranquilia-catalogues-slider-wrap { max-width: 1199px; }
    .catalogues-stage { height: 520px; }
    .catalogues-dots { margin-top: 0px; }
    
    .work-with-us { padding: 60px 0px 60px 40px; width: 456px; }
    .work-with-us span { margin-bottom: 50px; font-size: 16px; }
    .work-with-us h2 { font-size: 38px; line-height: 40px; margin-bottom: 40px; }
    .work-with-us p { font-size: 14px; }
    .work-with-us ul { font-size: 14px; }
    
    .contact h2 { font-size: 38px; margin-bottom: 50px; }
    .contact span { margin-bottom: 50px; }
    .contact p { font-size: 14px; }
    .contact-input label { font-size: 14px; }
    .contact-star { width: 80px; height: 80px; }
    .contact-star-right { right: 30px; }
    .contact-star-left { left: 30px; }
    
    .futer img { height: 110px; }
}
@media (max-width: 992px){
    .hero-menu { padding-top: 20px; gap: 40px; }
    .hero-menu-link a { font-size: 16px;}
    .hero-menu-img img { height: 80px; }
    .hero-text h1 { font-size: 58px; }
    .hero-text p { font-size: 14px; margin-bottom: 20px; }
    .hero-text img { height: 40px; }
    
    .about-padding { padding-top: 50px; padding-bottom: 50px; }
    .about-text { padding-left: 30px; }
    .about-text img { height: 24px; }
    .about-text span { margin-bottom: 40px; font-size: 16px; }
    .about-text h2 { font-size: 30px; line-height: 32px; margin-bottom: 30px; }
    .about-text p { font-size: 14px; }
    
    .brand-item { padding: 10px 25px 10px 5px; font-size: 14px; }
    .brand-item::after { width: 20px; height: 20px; }
    
    .hand { padding-top: 80px; padding-bottom: 80px; }
    .hand h2 { font-size: 30px; line-height: 32px; margin-bottom: 30px; }
    .hand p { font-size: 14px; }
    
    .catalogues-background { padding-top: 50px; padding-bottom: 30px; }
    .catalogues-images { height: 24px; }
    .catalogues span { margin-bottom: 40px; font-size: 16px; }
    .catalogues h2 { font-size: 30px; line-height: 32px; margin-bottom: 30px; }
    .catalogues p { font-size: 14px; }
    .tranquilia-catalogues-section { padding: 0px 0px 40px 0px; }
    .tranquilia-catalogues-slider-wrap { max-width: 991px; }
    .catalogues-stage { height: 400px; }
    .catalogues-dots { margin-top: 0px; }
    
    .work-with-us { padding: 50px 0px 50px 30px; width: 310px; }
    .work-with-us-image { height: 24px; }
    .work-with-us span { margin-bottom: 40px; font-size: 16px; }
    .work-with-us h2 { font-size: 30px; line-height: 32px; margin-bottom: 30px; }
    .work-with-us p { font-size: 14px; }
    .work-with-us ul { font-size: 14px; }
    
    .contact img { height: 24px; }
    .contact h2 { font-size: 30px; line-height: 32px; margin-bottom: 30px; }
    .contact span { margin-bottom: 40px; font-size: 16px; }
    .contact p { font-size: 14px; }
    .contact-input label { font-size: 14px; }
    .contact-star { width: 60px; height: 60px; }
    .contact-star-right { right: 0px; }
    .contact-star-left { left: 0px; }
    
    .futer img { height: 110px; }
}
@media (max-width: 768px){
    .hero-menu { flex-wrap: wrap; justify-content: center; padding-top: 10px; gap: 0px; }
    .hero-menu-link { order: 2; width: 50%; text-align: center; }
    .hero-menu-link a { font-size: 14px; width: 50%; }
    .hero-menu-img { order: 1; width: 100%; text-align: center; margin-bottom: 10px; }
    .hero-menu-img img { height: 50px; }
    .hero-text h1 { font-size: 46px; line-height: 48px; margin-bottom: 10px; }
    .hero-text p { font-size: 14px; margin-bottom: 20px; width: 95%; }
    .hero-text img { height: 40px; }
    
    .about-padding { padding-top: 50px; padding-bottom: 50px; }
    .about-text { padding-left: 15px; margin-top: 30px; }
    .about-text img { height: 24px; }
    .about-text span { margin-bottom: 40px; font-size: 16px; }
    .about-text h2 { font-size: 28px; line-height: 32px; margin-bottom: 40px; }
    .about-text p { font-size: 14px; }
    
    .brand-item { padding: 10px 25px 10px 5px; font-size: 14px; }
    .brand-item::after { width: 20px; height: 20px; }
    .brand-item:nth-child(3)::after,
    .brand-item:nth-child(6)::after,
    .brand-item:nth-child(7)::after { display: none; }
    
    .hand { padding-top: 80px; padding-bottom: 80px; }
    .hand h2 { font-size: 28px; line-height: 32px; margin-bottom: 40px; }
    .hand p { font-size: 14px; }
    
    .catalogues-background { padding-top: 50px; padding-bottom: 30px; }
    .catalogues-images { height: 24px; }
    .catalogues span { margin-bottom: 40px; font-size: 16px; }
    .catalogues h2 { font-size: 28px; line-height: 32px; margin-bottom: 40px; }
    .catalogues p { font-size: 14px; }
    .tranquilia-catalogues-section { padding: 0px 0px 40px 0px; }
    .tranquilia-catalogues-slider-wrap { max-width: 400px; }
    .catalogues-stage { height: 380px; }
    .catalogues-stage span { font-size: 14px; font-weight: 700; line-height: 16px; }
    .catalogues-dots { margin-top: 0px; }
    .catalogues-card.is-left { left: 0; transform: translateY(-50%) scale(0.5); }
    .catalogues-card.is-center { left: 50%; transform: translate(-50%, -50%) scale(1.6); }
    .catalogues-card.is-right { right: 0; transform: translateY(-50%) scale(0.5); }
    
    .work-with-us { padding: 50px 10px 50px 10px; width: 100%; }
    .work-with-us-image { height: 24px; }
    .work-with-us span { margin-bottom: 40px; font-size: 16px; }
    .work-with-us h2 { font-size: 28px; line-height: 32px; margin-bottom: 40px; }
    .work-with-us p { font-size: 14px; }
    .work-with-us ul { font-size: 14px; }
    
    .contact img { height: 24px; }
    .contact h2 { font-size: 28px; line-height: 32px; margin-bottom: 40px; }
    .contact span { margin-bottom: 40px; font-size: 16px; }
    .contact p { font-size: 14px; }
    .contact-input label { font-size: 14px; }
    .contact-star { width: 0px; height: 0px; }
    .contact-star-right { right: 0px; }
    .contact-star-left { left: 0px; }
    
    .futer img { height: 110px; }
}
@media (max-width: 576px){
	
}