@font-face {
    font-family: 'Leelawadee';
    src: url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/Leelawadee-Bold.eot');
    src: url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/Leelawadee-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/Leelawadee-Bold.woff2') format('woff2'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/Leelawadee-Bold.woff') format('woff'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/Leelawadee-Bold.ttf') format('truetype'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/Leelawadee-Bold.svg#Leelawadee-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Leelawadee UI Semilight';
    src: url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/LeelawadeeUI-Semilight.eot');
    src: url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/LeelawadeeUI-Semilight.woff2') format('woff2'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/LeelawadeeUI-Semilight.woff') format('woff'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/LeelawadeeUI-Semilight.ttf') format('truetype'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/LeelawadeeUI-Semilight.svg#LeelawadeeUI-Semilight') format('svg');
     font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Guld Script PERSONAL USE ONLY';
    src: url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/GuldScriptPERSONALUSEONLY.eot');
    src: url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/GuldScriptPERSONALUSEONLY.eot?#iefix') format('embedded-opentype'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/GuldScriptPERSONALUSEONLY.woff2') format('woff2'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/GuldScriptPERSONALUSEONLY.woff') format('woff'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/GuldScriptPERSONALUSEONLY.ttf') format('truetype'),
        url('https://www.solutaste.com.br/wp-content/themes/Solutaste/fonts/GuldScriptPERSONALUSEONLY.svg#GuldScriptPERSONALUSEONLY') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader img {
  width: 320px;
  height: 170px;
  animation: resize 1.5s ease-in-out infinite;
}

@keyframes resize {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.hidden {
  display: none;
}

.sb_instagram_header.sbi_header_palette_light{
	display: flex !important;
}



*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;	
}

.leelawadee{
	font-family: 'Leelawadee' !important;
}

.leelawadee-semilight{
	font-family: 'Leelawadee UI Semilight' !important;
}

.guld{
	font-family: 'Guld Script PERSONAL USE ONLY', sans-serif !important;
}


header{
	font-family: 'Leelawadee' !important;
}

#aromas .nav-button{
   font-family: 'Leelawadee' !important;
}

.btn:focus, button:focus, .navbar-toggler:focus, .navbar-toggler:hover, input:focus, textarea, select, video{
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    outline: none;
    text-decoration: none;
}

a{
	text-decoration: none;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #142381; 
}
::-webkit-scrollbar-thumb:hover {
  background: darkgray; 
}

html{
	scroll-behavior: smooth !important;
}

body, footer{
	position: relative;
	overflow-x: hidden !important;
}



.text-blue{
	color:#142381 !important;
}

.text-grenn{
	color:#43a93c !important;
}

.bg-blue{
	background-color:#142381 !important;
}

.bg-green{
	background-color:#43a93c !important;
}

header{
	background-color: rgba(255,255,255, 0.6);
	position: absolute;
	top:0;
	width: 100%;	
	z-index: 999;
	padding: 15px 0;
	transition: all 0.4s ease;
}

.changeColor{
	 transition: all 0.4s ease;
	 padding: 0;
	 top:0;
	 position: fixed;
	 background-color: #fff !important;
	 z-index: 999;	
}

.changeSize{
	width: 170px !important;
}

#carouselExampleCaptions .carousel-indicators button{
	border-radius: 50%;
	height: 12px;
	width: 12px;
}

#carouselExampleCaptions .carousel-indicators .active{
	height: 14px !important;
	width: 14px !important;
	position: relative;
	top: -1px;
}

#carouselExampleCaptions .carousel-item{
	width: 100%;
	height: 95vh;
	max-height: 1080px;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	height: 3rem !important;
	width: 3rem !important;
}

.carousel-caption{
	max-width: 580px;
    top: 55%;
    left: 60%;
    max-height: 600px;
    transform: translate(-50%, -50%);
    width: 100%;
}

#aromas.owl-theme .owl-nav [class*=owl-]{
	border-radius: 50% !important;
	width: 50px;
    height: 50px;
	font-size: 7rem;
	color:rgba(67,169,60,0.7) !important;
	line-height:0;	
	background-color: rgba(255,255,255,0.0) !important;
}

#icones.owl-theme .owl-nav [class*=owl-]{
	border-radius: 50% !important;
	width: 50px;
    height: 50px;
	font-size: 7rem;
	color:rgba(255,255,255,0.7) !important;
	line-height:0;	
	background-color: rgba(255,255,255,0.0) !important;	
}

#aromas.owl-theme .owl-nav{	
    position: absolute;
    width: 92%;
    max-width: 2560px;    
    transform: translate(5%, -50%);
    top: 44%;
	margin:0 !important;
	height: 0 !important;
}

#icones.owl-theme .owl-nav {
   position: absolute;
    width: 100%;
    max-width: 2560px;    
    transform: translate(5%, -50%);
    top: 15%;
	margin:0 !important;
	height: 0 !important;
	left: -5%;
}

.owl-theme .owl-nav button .owl-next{
	padding: 15px 0px 5px 7px !important;	
	position: relative;
    left: -5px;
    top: -5px;
}

.owl-theme .owl-nav button .owl-prev{
	padding: 15px 5px 0px 0px !important;
	position: relative;
    left: -5px;
    top: -5px;
}

.owl-theme .owl-nav button.owl-next{
	float: right !important;
}

.owl-theme .owl-nav button.owl-prev{
	float: left !important;
}


#aromas button.owl-next:hover, #aromas button.owl-prev:hover{
	background-color: rgba(0,0,0, 0.0) !important;
}

.owl-theme .owl-nav button {
	border-radius: 0 !important;
    background: rgba(255,255,255, 0.5) !important;
    animation: pulse-white 1.5s infinite !important;	
}
  
  @keyframes pulse-white {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba255,255,255, 0);
    }
  }

 .owl-theme .owl-nav button{
    animation: none;
  }

#aromas .owl-dot span{
	background-color: #43a93c;
    width: 20px;
    height: 20px;
	margin: 1px !important;
 }

#aromas .owl-dot{
	margin: 0 -25px;
	position: relative;
	top: 0;
}

#aromas .owl-dots .active span{
	width: 75px !important;
}

#aromas .owl-dots{
	background-color:#d1d1d1;
	height:21px;
	position: relative;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

#aromas .owl-stage-outer{
	top: 2px;
}

@media(min-width: 768px){
	.container-overlay {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0, 0.6);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.container-overlay:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

}


#navbarNavDropdown ul li a{
	color:#142381;
	font-weight: 500;
	margin: 0 5px;
}

#sub-menu li a{
	margin: 0 !important;
}

@media(min-width:992px) and (max-width:1200px){
	#navbarNavDropdown ul li a{
		margin: 0 !important;
		font-size: 0.8rem;
	}
}

#sub-menu{
	background-color: rgba(20,35,129,0.5);
}

#sub-menu li a{
	color:#fff !important;
}

#sub-menu li a:hover{
	background-color: rgba(67,169,60,0.9) !important;
	transition: all 0.2 ease;
}

#banner-video .banner{
	position:relative;
	width: 100%;   
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items:center;
	background-color:#000;	
	max-height: 700px;
}

#banner-video .banner video{
	position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    object-position: center;
}

.content{
	position: relative;
	z-index:1;
	max-width: 750px !important;	
    background-color: rgba(246,246,246,0.4);
    border-radius: 5px;
}


.sbi_header_link{
	position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.banner-aromas{    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
	max-width: 2560px;
	margin: 0 auto;
	width: 100%;
    height: 95vh;
    max-height: 1080px;
	display: grid;
	place-items: center;
	color: #fff;	
	font-size: calc(4.5vw + 5.5rem);	
	text-shadow: 3px 3px 3px rgb(0 0 0 / 50%);
}

.banner-secundario{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
	max-width: 2560px;
	margin: 0 auto;
	width: 100%;
    height: 90vh;
    max-height: 800px;
	display: grid;
	place-items: center;
	color: #fff;	
}

.banner-secundario-dist{
		height: auto !important;
		max-height: 1200px !important;
}

.carousel-caption{	
	font-family: 'Guld Script PERSONAL USE ONLY', sans-serif !important;
	font-size: calc(3rem + 2.5vw);	
	line-height: 0.9;
}

footer{
	max-width: 2560px;
	margin: 0 auto;
}

.form-control, .form-select{
	border-radius: 0;
	color:#142381 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #142381 !important;
    opacity: 0.5 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #142381 !important;
    opacity: 0.5 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #142381 !important;
    opacity: 0.5 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #142381 !important;
    opacity: 0.5 !important;
}

/* Sobre Nos */
.sobre-nos{	
    height: auto;
	display: grid;
	place-items: center;
	text-align: justify;
}

/* Contato */


#translate .dropdown-toggle::after{
	color:#142381 !important;
}

#translate .dropdown-menu{
	min-width: 4rem !important;
	padding-left: 6px;
	background-color: rgba(20,35,129,0.5) !important;
}

span.dropdown-toggle.text-white.bg-transparent{
	border: 2px solid #43a93c;
	padding: 2px;
}

#translate a.glink span {
	color:#fff;
}
#translate a.glink span:hover{
	background-color: rgba(67,169,60,0.9) !important;
	transition: all 0.2 ease;
	padding: 2px;
}

.line-height{
	line-height: 0.9;
}

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position: relative;
  padding: 0px;
}
.btn-close {
  position: absolute;
  right: -30px;
  top: 0;
}

.thumb-video{
	min-height: 300px;
    background-position: center;
    background-size: 100%;
	background-repeat: no-repeat;
    object-fit: cover;	
}

.thumb-video button{
	width: 100%;
    height: 100%;
    opacity: 0;
}

#title-form{
	width: 95%;
}

#title-form p{
  font-size: calc(2.2rem + 2.2vh) !important;
}

/* Responsive Media Devices */

@media(max-width:767.9px){
	
	.thumb-video{
		min-height: 260px !important;
	}
	
	#sub-menu{
		width: 90vw;
		text-align: center;
	}
	
	.carousel-caption{
		left: 53% !important;
		top: 55% !important;
		width: 60% !important;
	}
	
	#carouselExampleCaptions .sabor::before{
		left: 20% !important;
	}
	
	#sobre-nos .banner-secundario{
	 background-position: 86% bottom !important;
	}
	
	@media(max-width: 992px){
		#translate .dropdown-menu {
			padding: 0 !important;
		}		
	}
	
	
	#aromas .center{
		transition: all 0.4s ease;
		transform: scale(1.1) !important;
	}
	
	#aromas .owl-stage{
		margin: 20px 0;
	}
	#banner-video .banner{
		height: 100vh;
	}
	
	.banner-aromas{
		font-size: 4.7rem !important;
	}
	
	#aromas img {
		border-radius: 12px;
	}
}

@media(min-width:768px){
	.content{
		padding: 0px 25px 25px 25px;	
	}
	
	#banner-video .banner{
		height: calc(5rem + 72vh);
	}
	
	.content{
		max-height: 475px;
	}
}

.disable{
	opacity: 0.5;
	pointer-events: none;
}

@media(min-width:992px){
	.img-top{
		position: relative;
		top:-17%;
	}
	
	.thumb-video{
		margin: 20px 0;
	}
}

@media(min-width: 992px) and (max-width:1399.9px){
	.min-h-lg-550{
		min-height: 700px;
	}
}

@media(min-width: 1400px){
	.min-h-lg-550{
		min-height: 560px;
	}
}

.cn-close-icon:before, .cn-close-icon:after {
	background-color: #d63638 !important;
	height:20px !important;
	width: 4px !important;
}

#cn-notice-text{
	padding: 20px;
    font-size: 1rem;
    max-width: 900px;
}

#cn-more-info{
	color: #fff;    
}

#flavor-1::after{
	content: url('https://www.solutaste.com.br/wp-content/uploads/2023/04/aroma-bottom-1.png');
}

.fs-caption{
	font-size: calc(4rem + 2.5vw);
}

#video-container:hover{
	cursor: pointer;
}

/*CSS AJUSTE PAGINA SOBRE NOS*/

/*@font-face {*/
/*    font-family: 'Leelawadee';*/
/*    src: url('https://localhost/muriel/wp-content/themes/muriel/SOBRE-NOS/fonts/Leelawadee-Bold.eot');*/
/*    src: url('https://localhost/muriel/wp-content/themes/muriel/SOBRE-NOS/fonts/Leelawadee-Bold.eot?#iefix') format('embedded-opentype'),*/
/*        url('https://localhost/muriel/wp-content/themes/muriel/SOBRE-NOS/fonts/Leelawadee-Bold.woff2') format('woff2'),*/
/*        url('https://localhost/muriel/wp-content/themes/muriel/SOBRE-NOS/fonts/Leelawadee-Bold.woff') format('woff'),*/
/*        url('https://localhost/muriel/wp-content/themes/muriel/SOBRE-NOS/fonts/Leelawadee-Bold.ttf') format('truetype'),*/
/*        url('https://localhost/muriel/wp-content/themes/muriel/SOBRE-NOS/fonts/Leelawadee-Bold.svg#Leelawadee-Bold') format('svg');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/



.bg-green-light {
    background-color: #3db660 !important;
}


.text-green{
    color: #43a93c;
}

.col-values{
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;      
    display: grid;
    place-items: center;    
}

@media(max-width: 767.9px){
    .scale-text{
        max-width: 255px;
        transform: scale(0.9);
    }

    .ul-scale{
        transform: scale(0.9);
    }

    .col-values{
        min-height: 420px;
        min-width: 386px;
    }
}

@media(max-width:374px){
    .col-values{
        min-height: 330px; 
        background-size:  300px 100% !important;        
    }

    .scale-text, .ul-scale{
        transform: scale(0.75);
    }
}

@media(min-width:374.1px) and (max-width:576px){
    .col-values{
        min-height: 400px; 
        background-size:  375px 100% !important;        
    }
}

@media(min-width:768px){
    .col-values{
        min-height: 420px;
        min-width: 386px;
    }

    .mw-65{
        max-width: 65% !important;
    }
}

@media(min-width:992px) and (max-width:1550px){
    .scale-text{
        transform: scale(0.9);
    }
}

@media(min-width:1550px){
    .col-values{
          min-height: 498px;
           min-width: 458px;
    }
}

.row-values{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 750px;
}

.col-values ul li{
    font-family: 'Leelawadee'!important;
    color: #142381;
}

.col-values ul l::marker{
    color: #142381;
}

.row-gap-2{
    row-gap: 2rem;
}

@media(min-width:992px){
    .mw-95{
        max-width: 90%;
    }
}

@media(min-width:1400px){
    .mw-90{
        max-width: 90%;
    }
}

@media(max-width:1400px){
    .bg-lg-none{
        background-image: none !important;
    }
}
