/* Product Catalogue */
#content{
	width:100%;
	left:0;
}
#main{
	background: rgba(255, 255, 255);
}
.block{position:relative;}
.pure-g [class *="pure-u"]{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
}
.pc-top-info{
	padding-bottom:35px;
}
.pc-top-info p{
	margin-top:0;
}

.ctas ul{
	float:right;
}
.ctas ul li{
	display: block;
	margin-top:0;
	padding: 0 0 20px 20px;
}
.c-w1 ul li:before{
	content:'';
}
.ctas ul li a{
	width:205px;
	height:55px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	display:block;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}
#subnav {display:none;}


.block h2{
	font-size: 30px;
	line-height: 1.1;
	color: #000;
	font-weight: 600;
	margin: 0.83em 0 0.5em 0;
	text-transform: capitalize;
	border-bottom:1px solid #000;
    padding-top:5px;
}

.featured-products #close-featured{
	position:absolute;
	left:250px;
	top:12px;
	display: none;
}
#content .featured-products img{
	display:block;
	margin:0 auto;
}
.featured-products #close-featured a, 
.product-search #reset-options a,
.search-result a{
	color:#005078;
}

.product-wrapper{
	background:#fff; 
    position: relative;
    /*overflow-x: scroll;
    overflow-y: hidden;*/
    white-space:nowrap;
    border:1px solid #000;
	-webkit-overflow-scrolling: touch;
}
.product-wrapper ul{
	margin:0;
	/*display:table;*/
	padding:10px 20px;
}
.product-wrapper ul li{
    margin: 2px;    
    /*display:table-cell;*/
    text-align:center;
    padding-left:0;

    -webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

  .product-wrapper ul li:before{
    display: none;
  }

.product-wrapper ul li a{
	display:block;
	/*width:210px;
	height:168px;*/
	padding:15px 8px 8px 8px;
	text-decoration: none;
	font-weight:600;
    font-size:12px;
  white-space: normal;
}

.product-wrapper ul li span{
	display:block;
	color:#000;
	margin-top:6px;
}
.product-wrapper ul li a img{
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
.product-wrapper ul li:hover{
	-webkit-box-shadow: 1px 1px 5px #999; 
	-moz-box-shadow: 1px 1px 5px #999; 
	box-shadow: 1px 1px 5px #999;
	behavior: url(/css3pie/PIE.htc);
}
.product-wrapper ul:hover li:not(:hover) img{
	filter: saturate(50%);
  	opacity: 0.5;
}

.product-wrapper .slick-prev{
       left:3px;
}
.product-wrapper .slick-next{
        right:3px;       
}

.product-wrapper .slick-prev:before, 
.product-wrapper .slick-next:before{
        font-size:18px;
        color:#000;
}


.product-search {
    line-height: 1.7;
}

    .product-search, .search-result {
        padding: 0px 40px 0px 40px;
    }

    .product-search select, .product-search input {
        -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6) inset;
        -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6) inset;
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6) inset;
        behavior: url(/css3pie/PIE.htc);
    }
.product-search .top-options select, .product-search .top-options input{
	width:100%;
	color:#646464;
	border:1px solid #000;
}
.product-search .top-options, .product-search .bottom-options{
	/*padding-bottom:10px;*/
}
.product-search .top-options select{
	margin-bottom:15px;
	padding:5px;
}
.product-search .top-options input{
	padding:6px 8px;
}
input.quick-search {margin-bottom:15px;}
.product-search label {
    font-size: 18px;
}
    .product-search .bottom-options label {
        border-bottom: 1px dotted #7f7f7f;
        display: block;
        margin-bottom: 10px;
    }

.product-search .search-tip{
	display:table;
	font-size:14px;
}
.product-search .search-tip span{
	display:table-cell;
}

.btn-show-all {
    padding-right: 40px;
    padding-left:10px;
}

.btn-pagging {
    padding-right: 15px;
}
.pageing-number {
    padding-right: 10px;
}
::-webkit-input-placeholder {
   color: #646464;
}

:-moz-placeholder { /* Firefox 18- */
   color: #646464;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #646464;  
}

:-ms-input-placeholder {  
   color: #646464;  
}



.pure-g > div{
	padding-right:20px;
}
.pure-g > div:last-child{
	padding-right:0;
}

.bottom-options .opblock {
    display: inline-block;
    vertical-align: top;
    /*padding-right:5px;*/
}

.bottom-options .col-0{
	width: 36%;
}
.bottom-options .col-1{
	width: 62%;
}
.bottom-options .col-2{
	width: 20%;
}
.bottom-options .col-3{
	width: 22%;
}
.bottom-options .col-4{
	width: 25%;
}
.bottom-options .col-5{
	width: 30%;
}

form{
	position:relative;
}


.opblock span {
    font-weight: bold;
    font-size: 18px;
}
span.chk-features {font-weight: unset;}

#features-col-one {
    margin-left: 95px;
    width: 30%;
    float: left;
}

#features-col-two {
    width: 30%;
    float: left;
}

#features-col-three {
    width: 28%;
    float: right;
}

#filter-by {
    color: #646263
}

#more-filter {
    float: left;
    width: 52%;
}
#clear-all {float:right; width:48%;text-align: right;}
.yellow .moreFilterBtn {
    background-color: #FFD201;
    border: none;
    color: #000000;
    padding: 1px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 0px;
    cursor: pointer;
    font-weight: bold;
}

.blue #more-filter-sec {
    margin-top: 22px;
}

.green #more-filter-sec {
    margin-top: 22px;
}

#more-filter-icon {
    padding-top: 7px;
    float: right;
}

#more-filter-text {
    float: left;
    padding-top: 3px;
}

.green .moreFilterBtn {
    background-color: #9ea374;
    border: none;
    color: #000000;
    padding: 1px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 0px;
    cursor: pointer;
    font-weight: bold;
}
.green #reset-options:lang(fr) {
    padding: 4px 25px;
}

#reset-options {
    background-color: #eeeeee;
    border: none;
    color: #000000;
    padding: 4px 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: bold;
}

    #reset-options a {
        text-decoration: none;
        color: #959595 !important;        
    }

.product-search input[type="image"], .product-search .y-search-btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    behavior: url(/css3pie/PIE.htc);
}

/*.product-search .y-search-btn {
    display: block;
    height: 1px;
    overflow: hidden;
    padding-top: 50px;
    width: 166px;
  }*/

  .product-search .y-search-btn {
    display: inline-block;
    padding-top: 50px;
    width: 166px;
    text-indent: -9999px;
  }
    

.search-result{
	padding-bottom:60px;
}
.search-result h3 a{
	color:#000;
	text-decoration:none;
	font-size:17px;
	font-weight:400;
}
.search-result .related-doc a{
	color:#005078;
	font-size:14px;
	font-weight:400;
}
.search-result .related-doc a:before{
content:'';
width:12px;
height:15px;
background:url(../img/icon-doc.png) no-repeat;
display:inline-block;
vertical-align:top;
margin-right:8px;
}
.search-result .links a{
	font-size:12px;
	line-height:1.7;
}
.search-result #top-product-pager{
	position:absolute;
	right:40px;
	top:60px;
	color:#646464;
}
.search-result #bottom-product-pager{
	position:absolute;
	right:40px;
	bottom:38px;
	color:#646464;
}
.search-result ul{
	margin-bottom:10px;
	margin-left:0;
}
.search-result ul li{
	padding-left:0;
	padding:2px 0;
	margin-top:0;
	border-bottom:1px dotted #7f7f7f;
}
.search-result ul li:first-child{
	border-top:1px dotted #7f7f7f;
}
.search-result ul li span{
	font-size:14px;
	/*color:#000;*/
	display:inline-block;
	  vertical-align: top;
    width: 152px;
}
.search-result ul li .title {
	width: 85px;
}
#content .search-result img{
	float:left;
	padding: 0 5px 70px 0;
	
}
.search-result h3{
	margin:0 0 0.5em 0;
}
.search-result .links a{
	padding-left:16px;
	font-size:14px;
}
.search-result .links a:first-child{
	background:url(/img/skin/icon-technical.png) no-repeat left;
}
.search-result .links a:last-child{
	background:url(/img/skin/icon-msds.png) no-repeat left;
}
.search-result .pure-g{
	border-bottom:1px solid #000;
}

.blue .search-result .pure-g {
    margin-top: 50px;
}

    .search-result .pure-g > div {
        /*padding: 15px 15px 20px 15px;*/
        padding: 15px 0px 20px 0px;
    }

#industrial_Compliances {
    display: none;
}
#content img{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	behavior: url(/css3pie/PIE.htc);
}

.s-product-title {
    font-size: 16px !important;
    color: #404049 !important;
    /*font-weight:600 !important;*/
}

	.ctas ul li{
		display: inline-block;
		margin-top:0;
		padding-left: 20px;
	}
	.pc-top-info{
		padding-bottom:0;
	}

	.bottom-options .col-0{
		width: 41%;
	}
	.bottom-options .col-1{
		width: 57%;
	}
	.bottom-options .col-2{
		width: 100%;
	}
	.bottom-options .col-3{
		width: 22%;
	}
	.bottom-options .col-4{
		width: 25%;
	}
	.bottom-options .col-5{
		width: 30%;
		
	}
 .c-w1 .bottom-options .chk-features {padding:0px;margin-left:0px;}
.c-w1 .bottom-options .chk-features li {
	float:left;
	margin:0px;
	width:25%;
	padding:0px;
	position: relative;
	padding-left: 12px;
    line-height: 20px;
}
	.c-w1 .bottom-options .chk-features li:nth-child(4n+1){
		clear:left;
	}
	.c-w1 .bottom-options .chk-features li input[type="checkbox"]{
		position: absolute;
		left: 0;
		top: 5px;
	}
.bottom-options .chk-features label {display:inline-block;color:#646464;font-size:14px;border:none;vertical-align:top;padding-left:5px;}

	.search-result h3 a{
		font-size:20px;
	}



@media screen and (max-width: 640px){

	.c-w1 .bottom-options .chk-features li {
		width: auto;
		float: none;
	}
		.c-w1 .bottom-options .chk-features li input[type="checkbox"]{
			margin:0;
		}
		.c-w1 .bottom-options .chk-features li label{margin-left: 0;}

	.search-result #top-product-pager{
		position: static;
	}

	.bottom-options .col-2{width: 100%;}

	.product-search select, .product-search input[type='text']{
		margin: 10px 5px 10px 0;
	}
	.product-search input[type='checkbox']{
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.chk-features{
		margin: 0 !important;
		padding: 0 !important;	}
		.chk-features li{
			padding: 0 0 0 20px!important;
			position: relative;
		}
        .chk-features input[type="checkbox"] {
            /*position: absolute;*/
            left: 0;
            top: 10px;
        }
			.chk-features li:before{
				display: none;
			}
		.chk-features label{
			display: inline-block!important;
			margin-left: 10px;
		}

	.ctas ul{
		position:inherit;
		padding:10px 0 15px 0;
		width:425px;
		margin:0 auto;
		float:none;
	}

	.ctas ul li{
		display: inline-block;
		margin-top:0;
		padding-left: 10px;
		padding-bottom:0;
	}
	.ctas ul li:first-child{
		padding-left:0;
	}

	.pc-top-info{
		padding-bottom:0;
	}

	.featured-products #close-featured{
		left:auto;
		right:10px;
		top:10px;
	}

	.block h2{
		font-size: 25px;
	}

	.bottom-options .opblock{
		width:100%;
	}
	.pure-g > div {
		padding-right: 0;
	}

	.search-result #top-product-pager{
		top:5px;
	}

    #features-col-one {
        margin-left: 0px;
        width: 100%;
        float: none;
    }

    #features-col-two {
        width: 100%;
        float: none;
    }

    #features-col-three {
        width: 100%;
        float: none;
    }

    #more-filter img { display: inline;}

    .blue .product-search-title {
        margin-top: 30px;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 480px){

	.ctas ul{
		width:205px;
	}

	.ctas ul li{
		display: block;
		padding-top: 10px;
		padding-left:0;
	}
	.ctas ul li:first-child{
		padding-top:0;
	}
	.featured-products #close-featured{
		top:5px;
	}

	.block h2{
		font-size: 20px;
	}

	.bottom-options .opblock{
		width:100%;
	}

	.search-result #top-product-pager{
		top:2px;
	}

    #features-col-one {
        margin-left: 0px;
        width: 100%;
        float: none;
    }

    #features-col-two {
        width: 100%;
        float: none;
    }

    #features-col-three {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 420px){
	#content .search-result img{
		float:none;
		padding-bottom:10px;
		display:block;
		margin:0 auto;
	}

	#reset-options{
		position:relative;
		bottom:auto;
		left:auto;
		display:block;
		padding-bottom:4px;
	}

    #features-col-one {
        margin-left: 0px;
        width: 100%;
        float: none;
    }

    #features-col-two {
        width: 100%;
        float: none;
    }

    #features-col-three {
        width: 100%;
        float: none;
    }
}


.bottom-options {
    display: none;
}
.bottom-options.open {
    display: block;
}

.loading-background {
    position: fixed; 
    text-align: center; 
    height: 100%; 
    width: 100%; 
    top: 0; 
    right: 0; 
    left: 0; 
    z-index: 9999999; 
    background-color: #fff; 
    background-color: rgba(255, 255, 255, 0.95);
}

.loading-text {
   display: block;
   position: fixed;
   top: 50%;
   margin-top: -22px;
}





@-moz-keyframes plus-loader-top {
  2.5% {
    background: #f86;
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  13.75% {
    background: #ff430d;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  13.76% {
    background: #ffae0d;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  25% {
    background: #fc6;
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  27.5% {
    background: #fc6;
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  41.25% {
    background: #ffae0d;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  41.26% {
    background: #2cc642;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    background: #6d7;
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  52.5% {
    background: #6d7;
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  63.75% {
    background: #2cc642;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  63.76% {
    background: #1386d2;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    background: #4ae;
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  77.5% {
    background: #4ae;
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  91.25% {
    background: #1386d2;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  91.26% {
    background: #ff430d;
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    background: #f86;
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@-webkit-keyframes plus-loader-top {
  2.5% {
    background: #f86;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  13.75% {
    background: #ff430d;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  13.76% {
    background: #ffae0d;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  25% {
    background: #fc6;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  27.5% {
    background: #fc6;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  41.25% {
    background: #ffae0d;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  41.26% {
    background: #2cc642;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    background: #6d7;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  52.5% {
    background: #6d7;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  63.75% {
    background: #2cc642;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  63.76% {
    background: #1386d2;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    background: #4ae;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  77.5% {
    background: #4ae;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  91.25% {
    background: #1386d2;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  91.26% {
    background: #ff430d;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    background: #f86;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@keyframes plus-loader-top {
  2.5% {
    background: #f86;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  13.75% {
    background: #ff430d;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  13.76% {
    background: #ffae0d;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  25% {
    background: #fc6;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  27.5% {
    background: #fc6;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  41.25% {
    background: #ffae0d;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  41.26% {
    background: #2cc642;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    background: #6d7;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  52.5% {
    background: #6d7;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  63.75% {
    background: #2cc642;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  63.76% {
    background: #1386d2;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    background: #4ae;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  77.5% {
    background: #4ae;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  91.25% {
    background: #1386d2;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  91.26% {
    background: #ff430d;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    background: #f86;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@-moz-keyframes plus-loader-bottom {
  0% {
    background: #fc6;
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  50% {
    background: #fc6;
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  75% {
    background: #4ae;
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  100% {
    background: #4ae;
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@-webkit-keyframes plus-loader-bottom {
  0% {
    background: #fc6;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  50% {
    background: #fc6;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  75% {
    background: #4ae;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  100% {
    background: #4ae;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@keyframes plus-loader-bottom {
  0% {
    background: #fc6;
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  50% {
    background: #fc6;
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  75% {
    background: #4ae;
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  100% {
    background: #4ae;
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@-moz-keyframes plus-loader-background {
  0% {
    background: #f86;
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  25% {
    background: #f86;
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  27.5% {
    background: #6d7;
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  50% {
    background: #6d7;
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  52.5% {
    background: #6d7;
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  75% {
    background: #6d7;
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  77.5% {
    background: #f86;
    -moz-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
  }
  100% {
    background: #f86;
    -moz-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
    -moz-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@-webkit-keyframes plus-loader-background {
  0% {
    background: #f86;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  25% {
    background: #f86;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  27.5% {
    background: #6d7;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  50% {
    background: #6d7;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  52.5% {
    background: #6d7;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  75% {
    background: #6d7;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  77.5% {
    background: #f86;
    -webkit-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
  }
  100% {
    background: #f86;
    -webkit-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
@keyframes plus-loader-background {
  0% {
    background: #f86;
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  25% {
    background: #f86;
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  27.5% {
    background: #6d7;
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  50% {
    background: #6d7;
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  52.5% {
    background: #6d7;
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  75% {
    background: #6d7;
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
  77.5% {
    background: #f86;
    -moz-transform: rotateZ(270deg);
    -ms-transform: rotateZ(270deg);
    -webkit-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
  }
  100% {
    background: #f86;
    -moz-transform: rotateZ(270deg);
    -ms-transform: rotateZ(270deg);
    -webkit-transform: rotateZ(270deg);
    transform: rotateZ(270deg);
    -moz-animation-timing-function: step-start;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
  }
}
/* :not(:required) hides this rule from IE9 and below */
.loading-text:not(:required) {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #f86;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: plus-loader-background 3s infinite ease-in-out;
  -webkit-animation: plus-loader-background 3s infinite ease-in-out;
  animation: plus-loader-background 3s infinite ease-in-out;
}
.loading-text:not(:required)::after {
  background: #f86;
  -moz-border-radius: 24px 0 0 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px 0 0 24px;
  content: '';
  position: absolute;
  right: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-animation: plus-loader-top 3s infinite linear;
  -webkit-animation: plus-loader-top 3s infinite linear;
  animation: plus-loader-top 3s infinite linear;
}
.loading-text:not(:required)::before {
  background: #fc6;
  -moz-border-radius: 24px 0 0 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px 0 0 24px;
  content: '';
  position: absolute;
  right: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-animation: plus-loader-bottom 3s infinite linear;
  -webkit-animation: plus-loader-bottom 3s infinite linear;
  animation: plus-loader-bottom 3s infinite linear;
}

#add-filter-left {
    float: left;
}

#add-filter-right {
    margin-top: 3px;
    display: inline-block;
    margin-left: 5px;
}

@media screen and (min-width: 648px) and (max-width: 1024px) {
    .filter-col {
        width: 33%;
    }
}

.professionals-coatings-container {
    padding: 40px 40px;
    margin-left: 0px !important;
}

.professionals-overview-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 15px;
    row-gap: 30px;
    justify-content: center;
    margin-bottom: 80px !important;
}

    .professionals-overview-list ul li {
        width: 100%;
        padding-left:0px !important;
    }

        .professionals-overview-list ul li .btn-yellow {
            position: static !important;
        }

        .professionals-overview-list ul li .content_block {
            padding-top: 20px;
        }

        .professionals-overview-list ul li .i-o-image img {
            width: 325px;
        }


#archtectural-paints-title {
    text-align: center;
    margin-bottom: 25px;
}

    #archtectural-paints-title h1 {
        font-size: 36px;
        line-height: 1.1;
        color: #000;
        font-weight: 600;
        text-transform: capitalize;
        margin:0px !important;
    }

.blue .product-search-title {
    /*padding: 0px 40px 0px 40px;*/
    padding: 0px 80px 0px 80px;
}

    .blue .product-search-title h2 {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-34) var(--unnamed-font-family-lato);
        letter-spacing: var(--unnamed-character-spacing--0-3);
        color: var(--unnamed-color-000000);
        text-align: left;
        font: normal normal bold 30px/34px Lato;
        letter-spacing: -0.3px;
        color: #000000;
        opacity: 1;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.blue #industrial-search-title {
    margin-top: 11px;
}

.blue .product-search label {
    color: #2d73a5;
}

@media (min-width:768px) {
    .professionals-overview-list ul li {
        width: calc(100% / 3);
        margin-top: 0px !important;
        text-align: center;
    }

        .professionals-overview-list ul li:last-child .content_block {
            margin-top: 51px;
            padding-top: 0px;
        }
}

@media (min-width: 641px) and (max-width: 1220px) {
    .professionals-overview-list ul {
        column-gap: 56px;
    }
}