@charset "utf-8";
/* CSS Document */




.arrow {margin-top: -29px;	position: absolute;	text-align: center;	top: 100%;	width: 214px; z-index: 5; height: auto; left: 43%;}
.arrow img{ width:214px !important; height:40px !important;}
.arrow img{vertical-align: middle;  border-style: none;}

.animated-arrow {left: 50%;	margin-top: -40px;	position: absolute;	z-index: 5;}
.animated-arrow .mouse_scroll {margin: 7px 0px 7px -13px; width: 25px;}
.animated-arrow .fa {display: block; font-size: 16px; font-weight: 600;	margin: 0 0 -9px 8px;}
.animated-arrow .unu, .animated-arrow .doi, .animated-arrow .trei {-webkit-animation: mouse-scroll 1s infinite;	-moz-animation: mouse-scroll 1s infinite;}
.animated-arrow .unu {-webkit-animation-delay: .1s;	-moz-animation-delay: .1s;	-webkit-animation-direction: alternate;}
.animated-arrow .doi {-webkit-animation-delay: .2s;	-moz-animation-delay: .2s;	-webkit-animation-direction: alternate;}
.animated-arrow .trei {-webkit-animation-delay: .3s; -moz-animation-delay: .3s;	-webkit-animation-direction: alternate;}

@-webkit-keyframes mouse-wheel {
		0% {opacity: 1;	-webkit-transform: translateY(0); -ms-transform: translateY(0);	transform: translateY(0);}
	100% {opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px);}
}

@-webkit-keyframes mouse-scroll {
	50% {opacity: .6;}
	100% {opacity: 1;}
}

@keyframes mouse-scroll {
	50% {opacity: .6;}
	100% {opacity: 1;}
}



.hom-text{margin-bottom:15px; margin-top:45px; color:#000}

.ht-20{ height:20px; clear:both;}
.ht-50{ height:50px; clear:both;}

.col-red{color:#ed1c24}


.home-blog-home{ width:100%; padding:30px 5px 10px 5px; background: rgb(236,29,37); background: linear-gradient(90deg, rgba(236,29,37,1) 0%, rgba(236,29,37,1) 46%, rgba(234,234,234,1) 46%, rgba(234,234,234,1) 100%);}

.hygiene{ color:#fff; font-size:36px; font-family: 'Archivo Black', sans-serif; display: -webkit-flex;  display: flex;  -webkit-flex-flow: column;  flex-flow: column; -webkit-justify-content: center; justify-content: center;/* text-align: center;*/ /*min-height:180px;*/ padding: 7px; letter-spacing:-1px; line-height:36px;}


.custom-dropdown {position: relative;display: inline-block;vertical-align: middle;}
.custom-dropdown select {background-color:#FFF;color: #e72125;font-size:18px; padding:10px 10px 10px 14px; width:250px; padding-right: 2.5em; line-height:28px;border:1px solid #dcdcdc; margin: 0;
  border-radius: 3px; text-indent: 0.01px; text-overflow: ''; -moz-appearance: none;  -webkit-appearance:none;appearance: none;}
.custom-dropdown select::-ms-expand {display: none;}
.custom-dropdown::before, .custom-dropdown::after { content: ""; position: absolute; pointer-events: none;}
.custom-dropdown::after { content: "\25BC"; height: 1em; font-size: .625em; line-height: 1; right: 1.2em; top: 50%;  margin-top: -.5em;}
.custom-dropdown::before {width: 2em; right: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0; background-color: #ec1d25;}
.custom-dropdown::after {color:#fff;}
.custom-dropdown select[disabled] {color: rgba(0,0,0,.25);}





.solution-dropdown{display: -webkit-flex;  display: flex;  -webkit-flex-flow: column;  flex-flow: column; -webkit-justify-content: center; justify-content: center;  /*min-height:180px;*/ padding-left:15px; padding-right:15px; /*padding-top:20px;*/
 }
.solution-finder-dropdown .dropdown button {overflow: hidden; text-align: left; border: 0; width: calc(100% - 40px); max-width: 326px; border-radius: 8px 0 0 8px; background: #fff; font-size: 16px;
    position: relative; padding: 9px 0 9px 20px; height: 40px; color: #5d7183;}
.solution-finder-dropdown .dropdown .caret {margin: 0; background:url(../images/arrow-dropdown-white.png)center no-repeat #ec1d25;  cursor: pointer;  background-size: 9px 20px;
    width: 40px; height: 40px; border: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; position: absolute;}
.solution-finder-dropdown .dropdown ul.dropdown-menu {
    -webkit-box-shadow: 0 15px 30px -10px rgba(93,113,131,.25);
    -moz-box-shadow: 0 15px 30px -10px rgba(93,113,131,.25);
    -ms-box-shadow: 0 15px 30px -10px rgba(93,113,131,.25);
    box-shadow: 0 15px 30px -10px rgba(93,113,131,.25);
    border: none; width: 100%; max-width: 366px;  margin: 10px 0 0;  padding: 0; left: 50%; transform: translateX(-50%); -webkit-border-radius: 8px;  -moz-border-radius: 8px;  -ms-border-radius: 8px;
    border-radius: 8px;}
.product_range_hom{width:100%; position:relative; padding:50px 0px 50px 0px; background-color:#fff;}
.solution-finder-dropdown .dropdown ul.dropdown-menu li a {color: #5d7183; font-size: 16px;  padding: 7px 20px 7px 18px;  white-space: normal;}
.dropdown-menu>li>a {clear: both; font-weight: 400; color: #333;}
div [data-url] {cursor: pointer;}
.dropdown-menu>li>a {display: block; padding: 3px 20px; line-height: 1.42857; white-space: nowrap;}
.solution-finder-dropdown .dropdown ul.dropdown-menu li a:hover {background: #ec1d25; color: #fff;}
.solution-finder-dropdown .dropdown ul.dropdown-menu li a:active {outline: 0; outline-offset: 0; background: #ec1d25;  color: #fff;}

@media (min-width: 992px){
.solution-finder-dropdown .dropdown button {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/*font-family: 'Poppins', sans-serif;*/ font-style: normal;  font-weight: 400; font-size: 18px;  width: 365px; height: 61px; max-width: 365px; padding: 18px 0 18px 35px;}
.solution-finder-dropdown .dropdown .caret {width: 61px; height: 61px;}
.solution-finder-dropdown .dropdown, .product-listing-page .product-listing-banner .solution-finder-dropdown .dropdown {margin: 10px 0 0;}
.solution-finder-dropdown .dropdown button {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/*font-family: 'Poppins', sans-serif;*/ font-style: normal; font-weight: 400; font-size: 18px;  width: 365px; height: 61px;  max-width: 365px; padding: 18px 0 18px 35px;}
.solution-finder-dropdown .dropdown ul.dropdown-menu {width: 426px; max-width: 426px;  left: auto; transform: none;}
}



@media only screen and (min-width: 768px){
 .solution-finder-dropdown .dropdown ul.dropdown-menu li a {font-size: 18px; padding: 9px 20px 9px 35px;}
}



 




.peod-text{ position: relative; min-height:275px;}


.ped-image { opacity: 1;  display: block;  width: 100%;  height: auto;  transition: .5s ease;  backface-visibility: hidden;}
.ped-middle { transition: .5s ease;  opacity: 0;  position: relative; /* top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);*/  text-align: center;}
.peod-text:hover .ped-image {opacity: 1;}
.peod-text:hover .ped-middle {opacity: 1;}

.ped-text { color:#ec1d25; font-size: 18px; padding: 5px 30px 5px 30px ; line-height:24px;}


.grad {/* background-color: #f0f9fa; background-image: linear-gradient(#eaeaea, #ffffff);*/ padding-top:30px; padding-bottom:50px;  background: rgb(234,234,234);
background: linear-gradient(180deg, rgba(234,234,234,1) 50%, rgba(255,255,255,0.2) 100%);}



.why_choose_box_2 {position: relative;}
.why_choose_box_2_img { background: url("../images/blog/home3.jpg") center center no-repeat; background-size: cover; width: 100%; height: 445px;}
.why_choose_box_2_img.bg_2 {background: url("../images/blog/home3.jpg") center center no-repeat; background-size: cover; }
.why_choose_box_2_area.section_padding {padding-bottom: 160px;}
.why_choose_box_2_area img {width: 100%;}

.why_choose_box_2 .why_choose_box_2_details {width: 330px; display: inline-block; position: absolute; right: 20px;  background: #0eb3d6; padding: 40px; font-size: 24px; color: #ffffff;  line-height: 36px;  bottom: -40px; font-weight: 700;}





.recent-posts-type-3 {display: flex; height: 380px; background-size: cover; background-position: center; cursor: pointer; transform-style: preserve-3d; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); border-radius: 12px;
  transform: perspective(1000px); }
  @media (max-width: 1199px) {
.recent-posts-type-3 {margin-bottom: 30px; } }
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper {width: 100%; height: 100%; position: absolute; z-index: 20; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 50px;    transform-style: preserve-3d;}
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .content-wrapper--box-tilt {display: flex; transform: translateZ(50px); }
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .content-wrapper--box-tilt .box-tilt--title {line-height: 1.8; color: #fff; font-size: 28px;}
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .box-tilt--content {opacity: 0; transition: all .3s ease-in-out; transform: translateY(5px) scale(0.9); color: #fff; }    
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .content-wrapper--link {color: #fff; display: flex; justify-content: space-between; align-items: center;/*transform: translateZ(50px);*/ }

 .recent-posts-type-3 .recent-posts-wrapper--content-wrapper .content-wrapper--link p {font-size: 12px;letter-spacing: 0.5px; font-weight: 600; text-transform: uppercase; color: #fff; opacity: 0; /*transition: all .3s ease-in-out; */color: #fff;  }
 
 
  @media (max-width: 575px) {.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .content-wrapper--link p {font-size: 11px; } }
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .content-wrapper--link i {color: #fff; font-size: 17px;  opacity: 0; /*transition: all .3s ease-in-out; transform: translateX(-5px) scale(0.85);*/ }
.recent-posts-type-3:after {content: ' '; display: block; width: 100%; height: 100%; top: 0; left: 0;position: absolute; /* transition: all .4s ease-in-out;*/ opacity: .5; z-index: 2; border-radius: 10px; 
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 50%, rgba(255,255,255,0.2) 100%);


}



.recent-posts-type-3:hover .recent-posts-wrapper--content-wrapper .box-tilt--content {/*transform: translateY(-5px) scale(1);*/opacity: 1; }
.recent-posts-type-3:hover .recent-posts-wrapper--content-wrapper .content-wrapper--link i {/*transform: translateX(0) scale(1);*/ opacity: 1; }
.recent-posts-type-3:hover .recent-posts-wrapper--content-wrapper .content-wrapper--link p {opacity: 1; /*transition: all .3s ease-in-out; transform: translateX(0) scale(1);*/}
.recent-posts-type-3 .recent-posts-wrapper--content-wrapper .box-tilt--content1 {opacity: 1; /*transition: all .3s ease-in-out;*/ color: #fff; } 

.recent-posts-type-3:hover .recent-posts-wrapper--content-wrapper{ 
background: rgb(236,29,37); background: linear-gradient(180deg, rgba(236,29,37,1) 50%, rgba(198,21,28,1) 100%);  border-radius: 10px;  
-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
 
 }


@media only screen and (max-width: 425px) {
.mob-disp-nod{ display:none}	
.hero-wrapp { min-height: 50vw!important;}	
.ht-50 {height: 0px;clear: both;}
.homepage-header-hero.hero-wrapp { height: 56vw;}
.hom-text { margin-top:20px;}
.my-container{ padding-left:15px; padding-right:15px;}
.home-blog-home{ width:100%; padding:10px; /*background: rgba(234,234,234,1);*/ /*background-image: linear-gradient(#ec1d25, #f7f7f7)*/ background: rgb(236,29,37);
background: linear-gradient(180deg, rgba(236,29,37,1) 0%, rgba(236,29,37,1) 50%, rgba(234,234,234,1) 50%, rgba(234,234,234,1) 100%);}
.hygiene{ color:#fff; font-size:32px;}

.solution-dropdown{ padding-left:0px; padding-right:0px; width:100%; text-align:center; margin-top:20px;}

.solution-finder-dropdown{margin-top:20px;}

}