*{
 font-family: 'Alata', sans-serif !important; 
}

.fa, .fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}
.elementor-swiper-button *{
  	font-family: eicons !important;
}
.fa-search{
 		font-family: FontAwesome !important; 
}
/* SEARCH FORM EN */
.search-en{
		background-color: #ffffff;
    padding: 2px;
    border-radius: 20px;
    margin-bottom: 25px;
  	height: 35px;
}

.search-en input[type=search]{
		border-radius: 20px 0px 0px 20px;
    border: 0px; 
  	height: 30px;
}

.search-en button[type=submit]{
		background-color: #408492;
    border-radius: 0px 20px 20px 0px;
  	padding: 5px 15px;
}

.access-table .column-1, .access-table .column-2, .access-table .column-3{
 		text-align: center;
  	vertical-align: middle;
}
.access-table .column-1{
 		width: 135px;
}
.access-table .access-imgs{
 		width: 125px;
}

.products-hand-en img{
    padding: 15px;
    width: auto !important;
    height: 180px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin: auto;
}

.custom-link a{
  	display: contents !important;
    color: #008cff !important;
}

/* CONTACT */
.contact-en .contact-row{
    display: flex;
}

.contact-en .contact-row .contact-col{
 		padding: 5px 5px 5px 0px; 
}

.contact-en .contact-row .contact-col-1{
 		flex: 1; 
}

.contact-en .contact-row .contact-col-2{
 		flex: 2; 
}

.contact-en .contact-row .contact-col-3{
 		flex: 3; 
}

.contact-en .contact-row .contact-col-4{
 		flex: 4; 
}

.contact-en .contact-row .contact-col-5{
 		flex: 5;
}

.contact-en .contact-row .contact-col-6{
 		flex: 6; 
}

.contact-en .contact-row .contact-col-12{
 		flex: 12;
}

.contact-en .contact-row input,
.contact-en .contact-row textarea{
 		margin-top: 5px; 
  	padding: 5px;
    border-radius: 5px;
}

.contact-en input[type=submit]{
 		padding: 14px;
    font-size: 1.5rem;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #408492;
    text-decoration: none; 
}

.contact-en .contact-row textarea{
 		min-width: 100%;
    max-width: 100%;
    min-height: 150px;
    max-height: 250px;
    height: 150px;
}

.contact-en .contact-row input:focus,
.contact-en .contact-row textarea:focus
{
 		border-width: 2px;
}

.contact-en .contact-divider{
 		margin-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}

/* Product Selector Form */
.product-selector-contact-en .wpcf7-response-output{
 		display: none !important; 
}

/* Background */
.home-try-out-en-div > div{
 		background-image: url("/files/2020/08/orange_box.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.sustainability-en-div > div{
  	background-image: url("/files/2020/08/green_box.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.product-div > div{
  	background-image: url("/files/2020/08/Product_lead.lg_.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.hand-soap1-div > div{
  	background-image: url("/files/2020/08/violet_box.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.hand-soap2-div > div{
  	background-image: url("/files/2020/08/orange_box.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.contract-soap-div > div{
 		background-image: url("/files/2020/08/14.jpg") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.markets-div > div{
 		background-image: url("/files/2020/08/Market_lead.lg_.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.about-us-div > div{
 		background-image: url("/files/2020/08/10.jpg") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.tools-div > div{
 		background-image: url("/files/2020/08/Tools_resources.png") !important;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (min-width: 1015px) {
    .main-title-en h6{
        font-size: 1.4rem;
    }
}


@media only screen and (max-width: 850px) and (min-width: 768px){
    .main-logo-en img{
    		max-width: 100% !important;
    }
}

@media only screen and (max-width: 550px){
    .main-logo-en img{
    		max-width: 50% !important;
    }
  
  	.sustainability-content-en > div{
      	padding: 0% 30% 10% 30% !important;
  	}
  	
  	.sustainability-en > div{
      	padding: 10% 30% 0% 30% !important;
  	}
}

@media only screen and (max-width: 300px){
    .home-try-out-en > div{
    		padding: 20% 30% 20% 30% !important;
    }
  
  	.sustainability-content-en > div{
      	padding: 0% 25% 10% 25% !important;
  	}
  	
  	.sustainability-en > div{
      	padding: 10% 25% 0% 25% !important;
  	}
}