a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,
canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,
footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,
samp,section,small,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var
{
	background:transparent;
	border:0 none;	
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:middle;
}

ol, ul {
	list-style:none;
}

a {
    text-decoration: none;
    color:#000000;
}


h1,h2,h3,h4,h5{
	font-weight:normal;		
	 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



body{	
	color:#000000;	
	margin:0;	
	padding: 0;
	overflow-x:hidden !important;
	font-size:16px;
	font-family:var(--body-fonts);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;	
}



#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}


body.scoll-hidden{
	overflow-y: hidden;	
}
header{
	position:relative;
	left:0;
	right:0;
	top:0;
	z-index:99;
	animation-duration: 0.5s;	 	
}

.header-container{
	position: relative;	
	max-width: var(--container-default);
	margin:var(--margin-auto);	
}

.sticky {
	position: fixed;	
	z-index:99;
	animation-name: stickySlideDown;	
	transition: none;
}


.sticky,
header.inner{
	background:var(--color-white);	
    border-bottom: solid 1px var(--color-lightergrey);
}

@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

#content-wrapper {
    min-height:80vh;   
    box-sizing:border-box;
   
}

header.inner + #content-wrapper{
	padding-top:4.2vw;
}

.logowrapper {
    display: inline-block;
    z-index:2;
    position: relative; 
   transition: all 0.4s ease; 
   box-sizing: border-box;
 
}

.header-left{
	position:relative;	
	
}

.header-center{
	position: absolute;
	right:0;
	left:0;
	top:50%;
	transform: translateY(-50%);
}



.header-right{
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.header-nav{
	padding-top:10px;
	padding-bottom: 10px;
	
}



/*slider*/
.hero-wrapper{	
	position: relative;
	
}

.mySwiper .swiper {
    width: 100%;
    height: 100%;
  }

.mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;   
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  /*.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  */



.swiper-pagination-total{
	font-size:var(--f-size_24);
	color:var(--color-darkgrey);
}

.swiper-pagination-current{
	font-size:var(--f-size_24);
	color:var(--color-01);
}

.swiper-button-next, 
.swiper-button-prev{
	width:auto !important;
	height:auto !important;
	
}
.swiper-button-next:after, 
.swiper-button-prev:after{
	font-size:var(--f-size_24);
	color:var(--color-darkgrey);
}

.mySwiper-gallery .swiper-button-next:after, 
.mySwiper-gallery .swiper-button-prev:after{
    font-size:var(--f-size_40);
    color:var(--color-white);
}

.swiper-button-next, 
.swiper-button-prev{
	margin-top: calc(0px - (var(--f-size_24)/ 1));
}

.swiper-pagination-fraction{
	bottom:0;
}


.hero-image img{
    width:100%;
}


.hero-container{
	 position:absolute;
	 left:50%;
	 top:50%;
	 transform:translate(-50%,-50%);	
    z-index:2;    
    box-sizing: border-box;
   width:45%;
  
}


.hero-container h1{
	font-size:var(--f-size_135);	
	line-height:var(--line-height-100);
	color:var(--color-white);
	font-family:var(--title-fonts);	
	text-align:left;
	text-transform:uppercase;	
	padding-left:5%;
	box-sizing: border-box;
	
	
}

.hero-desc{
    color:var(--color-white);
    font-size:var(--f-size_40); 
    font-family:var(--body-fonts-2);
    padding-left:5%;  
    box-sizing: border-box; 
    
}

.hero-action{	
	text-align:center;
	margin-top: var(--unit-space-70);
	
}

.hero-action  a{
    display: inline-block;
}



.btn_circle{  
     width:10vw;
     height:10vw;
       padding: 1.25vw;     
    font-size:var(--f-size_20);
    text-transform:uppercase;
    font-family:var(--title-fonts);
    box-sizing:border-box;
    border-radius: 50%;
    text-align: center; 
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    background:var(--color-white);
    color:var(--color-darkgrey);
    border:solid 8px var(--color-01);
}

.btn_circle i{
    color:var(--color-01);
}



.btn{  
    box-sizing:border-box;
    cursor: pointer; 
	position:relative;		
	 display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;		
	font-size:var(--f-size_24);		
	background:var(--color-darkgrey);
	color:var(--color-white);
	 -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease; 
    padding:var(--unit-space-15) var(--unit-space-30);   
    border-radius:30px;	 
    font-family:var(--title-fonts);
 
}

.btn:hover{
	background: var(--color-purple);
	color:var(--color-white);
	border:none;
}


.site-container{
	max-width:var(--container-default);
	margin:var(--margin-auto);
	position: relative;	
}

.site-continer-medium{
	max-width:var(--container-medium);
	margin:var(--margin-auto);
	position: relative;	
}

.site-continer-large{
	max-width:var(--container-large);
	margin:var(--margin-auto);
	position: relative;	
}

.section{
	padding-top:var(--unit-space-30);
	padding-bottom: var(--unit-space-30);
	position: relative;
}

.section-title {
	display: inline-block;	
	font-size:var(--f-size_70);
    color:var(--color-01);
    font-family:var(--title-fonts);
    line-height: 100%;
    position: relative;
    text-transform:uppercase;
}


.title-wrap{
    position: relative;
   
}

.hero-banner_container .section-title{
    color:var(--color-white);
}

.ttile-bg{
	position: absolute;
	bottom:-20px;
	transform:translateX(-50%);
	left:50%;
	z-index: -1;
	
}

.section-desc{
	    font-size: var(--f-size_16);
	    color: var(--color-04);
	   
}

.section-header{
	margin-bottom: var(--unit-space-30);
}

.section-header .section-desc{
    margin-top: var(--unit-space-20);
}

.carousel{
	margin:calc(var(--unit-space-m) * -1);
}

.carousel .slick-slide {
    margin: var(--unit-space-m);
 
}

.carousel .product-item{
	padding: 0;
}




input, textarea {
    width: 100%;
    height:var(--btn-height-60);   
    color:var(--color-black);   
   font-weight:var(--f-medium); 
    box-sizing: border-box; 
  font-size:var(--f-size_15);    
  border:0 ;
  padding-left:var(--unit-space-16); 
  font-family:var(--body-fonts);
  border-radius:10px;
  background: var(--color-white);
}
input.btn:focus{
  	outline:none;
  }
   
::placeholder {
 color:var(--color-black);    
  opacity: 1; /* Firefox */
  font-size:var(--f-size_15);		
 
}
   
   :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:var(--color-black); 
  font-size:var(--f-size_15);	

 
}

::-ms-input-placeholder { /* Microsoft Edge */
 color:var(--color-black); 
  font-size:var(--f-size_15);		
 
}



/*newslettercss*/

#testo{
	  font-size:var(--f-size_15);   
	text-align:center;
	margin-bottom: 20px;
	
	
}


#newsletter{	
	position: relative;
}

#newsletter input{			
	background:var(--color-white);
	color: var(--color-04);
	border:none;
	width:calc(100% - 120px);
    height: var(--btn-height);
    border-radius: 0;
	
}


#newsletter ::placeholder {
	color:var(--color-04); 
}

*:focus {
    outline: none;
}

#newsletter input:-webkit-autofill,
#newsletter input:-webkit-autofill:hover, 
#newsletter input:-webkit-autofill:focus, 
#newsletter input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 30px #ffffff inset !important;   */ 
    -webkit-text-fill-color: var(--color-black);   
	-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
    
}


@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}


#newsletter .check label,
#newsletter .check label a{
	color:var(--color-white);
}

#newsletter .check label:before{
	 border:var(--border-white);
}

#newsletter .check label:after{
	 border:var(--border-white);
	 background: var(--color-white)
}

#newsletter .check label.error{
	color:red;
}

#newsletter .input-btn {
    position: absolute;
  	background:none;
  	color:var(--color-white);
  	max-width:120px;  	
  	right:0;  	  
  	cursor:pointer;  
  	text-align:center;
  	border:solid 1px var(--color-white);
  	font-family:var(--title-fonts);
  	box-sizing:border-box;
  	
  
}

/*newslettercss*/

/*check*/

.check{
	position: relative;
	display:block;	
	padding-left:1.875em;	
}
.check label {
  cursor: pointer;  
  position:relative;  
  color:var(--color-black); 
  font-size:var(--f-size_14);
 font-family: var(--body-fonts); 
}
.check label:before, .check label:after {
  content: '';
  position: absolute;
  top:0;
 
}
.check label:before {
  left:-1.875rem;
  width:1.25rem;
  height: 1.25rem;
 
 border:var(--border-grey);
}
.check label:after {
  left:-1.875rem;
  width:1.25rem;
  height: 1.25rem; 
 border:var(--border-grey);
  opacity:0;
  color:#000000; 
  background:#000000;
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.check input[type="radio"],
.check input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
}
.check input[type="radio"]:checked + label:after,
.check input[type="radio"]:checked + label.error + label:after,
.check input[type="checkbox"]:checked + label:after,
.check input[type="checkbox"]:checked + label.error + label:after  {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.check label.error:before, .check label.error:after{
	content: none;
}

.check label.error{
	position: relative;
	left:-1.875rem;
	bottom:0px;
}

.style-input--round label:before, .style-input--round label:after {
  border-radius:50%;
} 
.check label a{
	color:var(--color-black);
	vertical-align:baseline;
} 


label.error {
    color: red;
    font-size: var(--f-size_12);   
    display: block;
   /*left: var(--unit-space-10);*/
    position: absolute;
   
} 

.error-captcha.error,
.error.captcha {
	z-index: 2;
	position: relative;
	margin-bottom: 10px
}

.error-me{
	color: red;
	 font-size:var(--xx-small); 
	
}

#captcha {
    width: 100%;
    height: 45px;
}

/*check*/


/*footer*/



.footer-title{
	color: var(--color-darkgrey);
    font-style: italic;
    font-weight: var(--f-semibold);
   font-family:var(--title-fonts);
   font-size:var(--large);
}


.footer-bg{
	 background-image: url("../images/footer-bg.jpg");
	 background-size: cover;
	 background-position: center;
}

.fw-contactrow{
	text-align:center;
}

.contact-info {  
    font-family: var(--body-fonts);
   font-size: var(--f-size_24);
   color:var(--color-darkgrey);       
   box-sizing: border-box;
   margin-top: var(--unit-space-15);
}



.contact-icon{
	width:4.68vw;
    height:4.68vw;
    border-radius: 50%;
    text-align: center;
    background: var(--color-01);
    font-size: var(--f-size_40);
    color: var(--color-white);
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin:0 auto;
}


.col-icon i{
	  font-size:1.5rem;
	   color:var(--color-white);
}

.fw-info{
	  font-family: var(--body-fonts);
   font-size:var(--xx-small);
     color:var(--color-white);
  
}

.fw-menu.main-menu{	
	-webkit-column-count: 1;
	  -moz-column-count: 1;
	  column-count:1;}

.fw-menu.main-menu li{	
 	box-sizing: border-box;
 	-webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
}


.fw-menu li > a{	
	display: block;	
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: var(--body-fonts);
   font-size:var(--x-small);
   color:var(--color-white); 
	
}

.fw-menu > li > ul > li > a{	
	color:#b2b2b2;
	
}

.fw-social{	
	font-size:0;	
	margin-top:var(--unit-space-m); 	
}
.fw-social li{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
.fw-social li a{
	 color:var(--color-white);
	display:block;
	font-size: var(--medium);
    width: var(--medium);
    height: var(--medium);
}


.footer-bottom-continer{
	color:#7e7e7e;
	box-sizing: border-box;			
	font-family: var(--body-fonts);
	font-size:var(--f-size_24);		
	background:var(--color-darkgrey); 
	padding-top: var(--unit-space-15);
	padding-bottom: var(--unit-space-15);
	margin-top: var(--unit-space-30);
	
	
	
}



.footer-bottom-continer a{	
	color:#7e7e7e;
	padding:0.5em;
	position: relative;	
	display: inline-block;
}

.footer-bottom-continer a:before{
	content: "";
	position: absolute;
	right:0;
	width:1px;
	background:var(--color-darkgrey);
	top:0;
	bottom:0;
}

.footer-bottom-continer a:last-child:before{
	content: none;
}

.footer-bottom-continer .fw-menu li{
	display: inline-block;
}

.footer-bottom-continer .copyright a{
    padding-left: 0;
}

/*footer*/



#hero-banner{
	position: relative;	
	overflow: hidden;
	z-index: 2;
	
}

.hero-banner_container{
	position: absolute;
    top:0;
    left:var(--unit-space-70);;
    right:var(--unit-space-70);;
    bottom:0;
	z-index: 5;	
	box-sizing: border-box;	
	text-align:center;
}

.hero-banner_container.fixed-height{
	height:130px !important;
	min-height:100%;
}


	

.hero-banner-image{
	position: relative;
}


.page-title{
	font-size:var(--x-large);
	color:var(--color-white);
	font-family:var(--title-fonts-cormorant);	
	font-weight:var(--f-bold);
	/*text-transform:uppercase;*/
}

.page-title02{
	font-size: var(--large);
	color:var(--color-darkgrey);
	font-family:var(--title-fonts);
	font-weight:var(--f-bold);
}



/*bredcrumbs*/

.breadcrumbs {
	margin-bottom:var(--unit-space-20);
}

.breadcrumbs ul{
	display: flex;
	flex-wrap:wrap;
}
.breadcrumbs_item{
	display: inline-block;	
	position:relative;
	padding-right:1.250em;
	box-sizing:border-box;
	
}

.breadcrumbs_item:after {
    content: "/";
    position: absolute;
    right0;
    top:50%;
    transform:translateY(-50%);
    color:var(--color-04);         
}


.breadcrumbs_item:last-child
.breadcrumbs_line:after{
	content:none;	}

.breadcrumbs_link{	
	vertical-align:middle;	
	display: block;	
	padding-top: 0.5em;    
    padding-bottom: 0.5em;
    font-size:var(--f-size_15);
    color:var(--color-04); 
}

.breadcrumbs_link.active{
	opacity: 0.5;
}


.breadcrumbs_item:last-child:after{
	content: none;
}
/*bredcrumbs*/


.btn-txt {    
    display: inline-block;  
    font-size:var(--f-size_14);
    color:var(--color-04);
    font-family:var(--body-fonts-2);
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
   
}





/*popup*/
.popup {
	position: relative;
	background:var(--color-01);	
	margin:var(--margin-auto);
	padding:1.875em;
	width: auto;		
	box-sizing:border-box;
	z-index:99999;	
}

.popup-title{
	font-size:1.875em;		
	color:var(--color-white);
	line-height:100%;
	font-family: var(--title-fonts);
}



.popup-action,
.popup-content{
	margin-top:1.875em;
}


.popup-action .btn{	
    height: var(--btn-height_d);
    background: var(--color-03);
    color: var(--color-white);
    border: none;
    font-size:var(--f-size_16);
    padding-left: var(--btn-padding_d);
    padding-right: var(--btn-padding_d);
    min-width:12.5em;
}


.popup-action .btn.btn-2{	
    background: var(--color-04);
   
}

.popup-action .btn.w-auto{
	max-width: var(--btn-maxwidth);
	margin: var(--margin-auto);
}



.btn-group {
	margin: -5px;
}
.btn-col{
	padding: 5px;
	box-sizing: border-box;
}
/*popup*/


/*input*/
.styled-input{
	position: relative;
}
.styled-input .required,
.floting-required{	
	display: block;
	font-size:var(--f-size_15);	
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	left:var(--unit-space-16);
	 color:var(--color-04);
	-webkit-transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
	transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
	pointer-events: none;
	
	
}

.styled-input.txt-area .required{
    top:20px;
}


.required.autofill{
	 top:-20px;
}

.styled-input input:focus ~ label.required, 
.styled-input textarea:focus ~ label.required, 
.styled-input input:valid ~ label.required, 
.styled-input textarea:valid ~ label.required,
.floating-input:focus ~ label.floting-required, .floating-input:not(:placeholder-shown) ~ label.floting-required,
.floating-select:focus ~ label.floting-required , .floating-select:not([value=""]):valid ~ label.floting-required,
.styled-input input:placeholder-shown ~ label.required{
  font-size:var(--f-size_12);	
  top:0;
  left:var(--unit-space-10);
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  background:var(--color-01);
  padding: 5px 6px;
  box-sizing: border-box;
}


.styled-input input ~ span.active-border, 
.styled-input textarea ~ span.active-border {
  display: block;
  width: 0;
  height: 2px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
.styled-input input:focus, 
.styled-input textarea:focus {
  outline: 0;
}
.styled-input input:focus ~ span.active-border, 
.styled-input textarea:focus ~ span.active-border {
  width: 100%;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
 
 input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--color-black);     
	-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
    left:var(--unit-space-10);
   
}


.styled-input input:-webkit-autofill ~ label.required,
.styled-input input:-webkit-autofill:hover ~ label.required,
.styled-input input:-webkit-autofill:focus ~ label.required,
.styled-input input:-webkit-autofill:active ~ label.required{
	top:0;
	font-size:var(--f-size_12);    
	left:var(--unit-space-10);
	padding: 2px 6px;
  box-sizing: border-box;
   color:var(--color-black);
}

select:focus{
	outline: none;
}

select{	
    -webkit-appearance: none;
    position: relative;     

   
}
.select-wrapper{
	position: relative;		
}
.select-wrapper:after{
	position: absolute;
	  font: normal normal normal 14px/1 FontAwesome;
	content: "\f0d7";
	right:10px;
	top:20px;	
	pointer-events:none;
	font-size:var(--f-size_15); 
	 color:var(--color-black);
	
}


.select-wrapper select{
	 width: 100%;
  	 height:var(--btn-height-60);  
    box-sizing: border-box;   
   color:var(--color-black);
   font-size:var(--f-size_15);   
   background:var(--color-07); 
    border: solid 1px var(--color-08);
    padding-left: var(--unit-space-16);
    color: var(--color-04);
    border-radius: 5px;
        
	 
    
}
.field{
	margin-bottom:var(--unit-space-32);
	position: relative;
}


.input-btn {  
    background: var(--color-darkgrey);
    color: var(--color-white);      
     font-size: 1.25em;
    cursor: pointer;     
    height:auto;
    text-transform:uppercase;
    border:none;
    font-family: var(--title-fonts);
    text-align:center;
   padding: 15px;
   width:auto;
}

.input-btn.w-full{
	max-width: var(--width-auto);
}

input.btn{
	width: auto;
	background: var(--color-03);
	border:none;
}


/*input*/
.btn-wrap {
    display: inline-block;
}

.block-inner + .block-inner{
	margin-top:var(--unit-space-30);
}

.position-relative{
	position: relative;
}


.description{
	font-size:var(--f-size_15);
	line-height:var(--line-height);
}




.skrollr-desktop{
	margin-right:0 !important;
}

.row-box,
.row-gallery{
	margin:-var(--xx-small);	
}

.box-thumb,
.gallery-thumb{
	padding:var(--xx-small);
}

.contact-block{
	background:var(--color-lightgrey);
	padding: var(--box-padding);
}



.contact-block a{
	color:#000000;
}

.contact-block i{
	margin-bottom:var(--space-small);
	color:var(--color-black);
	font-size:var(--medium);
}

.contact-block .title{
	margin-bottom:var(--space-small);
	color:var(--color-black);
	font-size:var(--small);
	font-weight:var(--f-semibold);
}

.contact-block .info{
	color:var(--color-black);
	font-size:var(--x-small);
}


.box-thumbcontainer{
	background:var(--color-lightgrey);
	padding: var(--box-padding);
}

.sitemap {
	display: flex;
flex-wrap: wrap;
} 

.sitemap li{	
	padding:0px 20px;	
	box-sizing: border-box; 
	vertical-align:top;
	display:inline-block;	
	text-align:left;
	flex-basis:33.33%;
	max-width:33.33%;
}

.sitemap li ul{
	display: flex;
flex-wrap: wrap;
}

.sitemap li ul li{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	width:50%;
}

.sitemap li a{
	color:var(--color-darkgrey);
	padding-top:10px;
	padding-bottom:10px;
	display: block;	
	border-bottom:solid 1px #afa68a;
	font-size: var(--f-size_24);
	
	
}

.sitemap li ul li a{
	color:#666666;
}

.align-middle {
    display: flex;
    align-items: center;
    height:100%;
}


.coursel{
	padding-left:var(--box-padding);
	padding-right:var(--box-padding);
}



/*newcss*/


.imgLiquidFill .btn{
	width:auto !important;
	height:auto !important;
	display: inline-block !important;
}

.imgLiquidFill{
	height:100%;
}

.imgLiquidFill .show-image{
	width:auto !important;
	height:auto !important;
	display: inline-block !important;
}


iframe{
	width:100%;
}

.row-no-pad,
.m-0{
	margin-left:0;
	margin-right:0;
}

.row-no-pad>[class*=" col-"],
.row-no-pad>[class^=col-],
.p-0 {
 padding-left:0;
 padding-right:0;
}

.row-pad-5{
	margin-left:-5px;
	margin-right:-5px;
}

.row-pad-5>[class*=" col-"],
.row-pad-5>[class^=col-] {
 padding-left:5px;
 padding-right:5px;
}



.row-pad-5>[class*=" col-"],
.row-pad-5>[class^=col-] {
 padding-left:5px;
 padding-right:5px;
}

.row-pad-16{
    margin-left:-16px;
    margin-right:-16px;
}

.row-pad-16>[class*=" col-"],
.row-pad-16>[class^=col-] {
   padding-left:16px;
 padding-right:16px;
}

.row-pad-large{
	margin-left:-50px;
	margin-right:-50px;
}

.row-pad-large>[class*=" col-"],
.row-pad-large>[class^=col-] {
 padding-left:50px;
 padding-right:50px;
}
.center-box {
    max-width:1000px;
    margin: 0 auto;
}

.center-box.box-container{
    padding-left: var(--unit-space-32);
}

textarea{
	padding-top:20px;
	box-sizing: border-box;
}
  
.fw-description{
	font-size:0.688em;
	color:#ffffff;
}

.contct-item{
	font-size:20px;
	color:#d8cfad;
	margin-bottom: 10px;
	font-weight:500;
}

.contct-item a{
	color:#d8cfad;
}


.overflow-x{
	overflow-x: hidden;
}

.slider-nav {
    margin-top: 20px;
}




.fw-logo{
	text-align:center;
}

.fw-title{	
	
	color:#dbd7ca;
	font-weight:500;
	margin-bottom: 20px;
}

.fw .soc-icon .icon{
	color:#ffffff;
	font-size:1.5rem;
}

.social ul{
	display: flex;	
}

.social ul li{
	vertical-align: top;	
}

.social li a{	
	display:block;	
	box-sizing: border-box;
	font-size:var(--f-size_30);
	color:var(--color-darkgrey);
	line-height: 100%;
	
}

.social li.title{
    font-size:var(--f-size_24);
    margin-right:var(--unit-space-30);
    font-family:var(--body-fonts-2); 
}


.btn-contact{
    display: flex;
}

.btn-contact .btn-txt{
    font-size:var(--f-size_18);
    text-transform:uppercase;
    color:var(--color-01);
    margin-right: var(--unit-space-8)
}

.icon-style{
	width:42px;
	height:42px;	
	border-radius:50%;
	text-align:center;
	background: var(--color-01);
	font-size:var(--f-size_18);
	color:var(--color-white);
	
	    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}




.social ul li span.text{
	font-size: var(--f-size_14);
	color: var(--color-04);
}

.image-grayscale{
	-webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

iframe {
    width: 100%;
    height: 100%;
}


.imgLiquidFill a {
    display: inline-block !important;
    width: auto !important;
}

#rc-imageselect, .g-recaptcha {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

ul#tabs{
margin-bottom: 2rem;
}

.tabs-wrap{
	padding:1rem 2rem;
	position: relative;
	box-sizing: border-box;
}


.tabs{
  text-align: center;
}

.tab_container{
    margin-top: var(--unit-space-30);
}

ul#tabs li,
.tabs li{		
	box-sizing: border-box;
	cursor: pointer;	
	position: relative;		
	z-index: 2;		
    font-size:var(--f-size_30);
    font-family:var(--title-fonts);
    line-height:100%;
    background-color:var(--color-01);
    border-radius:30px;
    padding: var(--unit-space-15) var(--unit-space-70);
    color:#ffffff;
  margin:var(--unit-space-15) var(--unit-space-15) 0 var(--unit-space-15);
    display: inline-block;
    vertical-align: baseline;	
}





ul#tabs li .tabs-wrap:after{
	content: "";
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	 background-image: url(../images/bg-banner.png);
	 z-index: -1;
	 opacity: 0.3;
}

ul#tabs li.active,
ul.tabs li.active {	
	color:var(--color-white);
	background:var(--color-darkgrey);
	font-weight:700;
	
}

ul#tabs li.active .tabs-wrap:after{
	opacity: 1;
}


ul#tab >li{
 	position:relative;
 	overflow-y: hidden;
 }  
   
ul#tab >li .tab-wrap {
 background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  border-radius: 6px;
  
}
	
ul#tab li.active .tab-wrap {
		opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position:relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0
 }

ul#tab > li.active{
	display:block;
}

.tab_content {
    display: none;
    background: var(--color-lightergrey);
    border-radius:var(--border-radius);
}

.tab_drawer_heading { display: none; }

@media screen and (max-width:576px) {
    .tabs {
        display: none;
    }
    .tab_drawer_heading {       
      
        font-size:var(--f-size_18);  
        background-color:var(--color-01); 
        color:var(--color-white);
        border-radius:var(--border-radius);
        margin-bottom:var(--unit-space-15); 
        margin-top: var(--unit-space-15); 
        text-transform:uppercase;
    
        padding: 10px var(--unit-space-30);
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .d_active
     {
         background-color:var(--color-darkgrey); 
          margin-bottom:0; 
        
    }
    
    .d_active.active{
    	    background-color: var(--color-01) !important;
    }
    
    .tab_drawer_heading.active{
    	background-color:var(--color-darkgrey); 
    }
    
}

.block-image img{
	width: 100%;
}


/* Search Style */ 

.search-bar{
	display: flex;
}


.searchTerm{
	background-color: var(--color-white);
	border:none;
	 border-radius: var(--style-round) 0px 0px var(--style-round);
	 height:var(--input-height);
	 font-size:var(--f-size_14);
}

.search-button {
    width:60px;
    border: none;
    outline: none;
    cursor: pointer;
    background: var(--color-03);
   border-radius: 0 var(--style-round) var(--style-round) 0;    
    
}

.search-button .icon{
	width:var(--icon-size_20);
	height:var(--icon-size_20);
	fill:var(--color-02);

}



/* Search Style */ 



.banner-container{
	position: relative;
	border-radius:var(--border-radius);	
	overflow: hidden;
}

.banner-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



.banner-content{
    background:var(--color-01);
    position: relative;
    z-index: 2;
   width: 40%;
   margin: 0 0 0 auto ;
     padding: var(--unit-space-70);
     border-radius:var(--border-radius);
   
}

.banner-content.left{
       margin: 0 auto 0 0 ;
}

.banner-title{	
	font-size: var(--f-size_40);
    color: var(--color-darkgrey);  
    line-height: 100%;
    text-transform:uppercase;
    font-family:var(--title-fonts);
   
}

.banner-desc{
	font-size: var(--f-size_24);
    color: var(--color-darkgrey);  
    margin-top: var(--unit-space-30);
   
}

.banner-button{
    position: absolute;
    left:-10%;
    top:50%;
    transform:translateY(-50%);
    
}

.banner-button.right{
    left:auto;
    right:-10%;
}

.uppercase{
    text-transform:uppercase;
}