/***************** CONTAINER *******************/
#container{ background-color:#F0F0F0; padding:72px 0;}
h1{ font-family:'DeltaSans', sans-serif;  color: #414141;font-weight:normal; margin:0; padding:0; font-size:36px; line-height:39px;}
/***********************************************/

/***************** PRODUCT SEARCH ***************/
#productSearchForm{ margin-top:20px;}
#productSearchForm form *{float:left; line-height:23px; padding:1.6%;}
#productSearchForm input[type=text]{width: 57.8%; max-height:23px;}
#productSearchForm input[type=submit]{background:#0087DC url(../images/general/search.svg) center center no-repeat;background-size: 95%;text-indent:-9999px;width: 5%; cursor:pointer;}
/***********************************************/

/***************** FILTERS ***************/
#mobile_filter_button{display:none; text-align:center; }
#mobile_filter_button a{color:#fff; text-decoration:none; padding:13px 0; display:block;}
#mobile_filter_button .arrow{width: 11px; height: 7px; margin-left: 6px; margin-bottom: 1px; display:inline-block; background-position:center center; background-repeat:no-repeat;}
#mobile_filter_button .down{background: url(../images/general/down_arrow_w.png);}
#mobile_filter_button .up{background: url(../images/general/up_arrow_w.png);}
#filters{ margin-top:48px;}
#filters .SumoSelect:nth-child(3n+1){margin-left:0 !important;}
#filters .SumoSelect{width: 100%;margin-bottom: 7%;}
#your_filters {margin-top:24px; display:none;}
#your_filters a {text-decoration: none;color: inherit;background: #C3C8C8 url(../images/general/x.png) 92% 55% no-repeat;background-size: 15px;display: inline-block;margin: 0px 10px 10px 5px;padding: 5px 40px 5px 15px;}
/*****************************************/

/************ COUNT AND SORT**************/
#count_and_sorting{margin-top:55px;}
#count_and_sorting #count{float:left; margin-top:10px;}
#count_and_sorting #sorting{float:right;}
/*****************************************/

/**************** PRODUCTS ****************/
#productsList{ margin-top:48px; }
#productsList .row{margin-bottom:2%;}
#productsList .product_title{ margin: 0 6% 0 7%;}
#productsList .textcopy{ margin: 4% 6% 8% 7%;}
#productsList div[class^="col-"]{background-color:#fff; }
#productsList div[class^="col-"]:hover{background-color:#0087DC;}
#productsList div[class^="col-"]:hover h3, #productsList div[class^="col-"]:hover .textcopy{color:#fff;}
#productsList div[class^="col-"] > a{text-decoration:none;}
#productsList div[class^="col-"] .product_image{text-align:center;}
#productsList div[class^="col-"] .product_image img{ display: inline-block; width: 100%; height: auto;}
/*****************************************/

/**************** LOAD MORE ****************/
#load_more{text-align:center; margin-top:24px;}
#load_more a{ text-decoration: none; font-size: 18px; background: url(../images/arrow_icon.svg) 100px 10px no-repeat; padding-right: 25px; background-size: 14px;}
/*****************************************/

/**************** QUESTION ****************/
#question{margin: 7% 0 1%; text-align: center; display:none;}
#question > *{font-weight:600;}
#question a{color: inherit; text-decoration: inherit; padding: 7px 35px;display: inline-block; margin-left: 20px; background-color: #fff; margin-top: 15px; font-weight:inherit; }
#question a:first-child{margin-left:0 !important;}
#question a:hover{background-color:#0087DC; color:#fff;}
/*****************************************/

.loading{ position:absolute; left:0; top:0; width:100%; height:100%;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5;  -khtml-opacity: 0.5; opacity: 0.5; position:fixed; background:#fff url(../images/my-page/loading.gif) center center no-repeat; background-size:50px; }

/****************** MEDIA QUERIES ***********************/


.SumoSelect>.optWrapper>.options {
       max-height: 350px !important;
	   width: 101%;
}

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

h2, h1 {font-size: 26px; line-height: 29px; }	

	
/***************** CONTAINER *******************/
#container{ padding:6% 0;}
/***********************************************/	

/***************** PRODUCT SEARCH ***************/
#productSearchForm input[type=text] { width:55.8%; }
#productSearchForm input[type=submit] { width:7%; }
#productSearchForm { margin-top: 3%;}
/***********************************************/

/***************** FILTERS ***************/
#filters { margin-top: 5%; }
#your_filters { margin-top: 2.5%; font-size:15px;}
.SumoSelect>.CaptionCont>span { font-size: 15px;}
.SumoSelect>.optWrapper>.options li label { font-size: 13px;}
/*****************************************/

/************ COUNT AND SORT**************/
#count_and_sorting{margin-top:6%; font-size:15px;}
/*****************************************/

/**************** PRODUCTS ****************/
#productsList{ margin-top:5%;}
#productsList h3 {font-size: 22px; line-height: 25px; }
#productsList .textcopy { font-size: 14px; line-height: 20px;}

/*****************************************/

/**************** LOAD MORE ****************/
#load_more{margin-top:2.5%;}
/*****************************************/

/**************** QUESTION ****************/
.textcopy{font-size: 14px; line-height: 20px;}
/*****************************************/

}

@media screen and (min-width: 901px) {
#filters{display:block !important;}	
}

@media screen and (max-width: 900px) {
/***************** PRODUCT SEARCH ***************/
#productSearchForm input[type=text] { width: 88.8%; }
#productSearchForm input[type=submit] { width: 8%;}
/***********************************************/

/***************** FILTERS ***************/
#mobile_filter_button{display:block;background-color:#818A8F; margin-top:5%;}
#filters{background-color:#818A8F; width:100% !important; margin:0; display:none;}
#filters .col-4{ width: 94%; margin: 0 3% !important;}
#filters .SumoSelect { margin-bottom: 13px;}
.SumoSelect>.CaptionCont { padding: 2%;}
/*****************************************/

/************ COUNT AND SORT**************/
#count_and_sorting #count { margin-top: 4px;}
/*****************************************/

/**************** LOAD MORE ****************/
#load_more{background-color:#fff;}
#load_more a{padding: 20px 25px; display: inline-block; background-position:97% 51%;}
/*****************************************/

/**************** QUESTION ****************/
#question{display:block;}
/*****************************************/

}

@media screen and (max-width: 650px){
	#productsList div[class^="col-"], #productsList .row{width:100%; margin:0 !important;}
	#productsList div[class^="col-"]{margin-bottom:5% !important;}
}

@media screen and (max-width: 600px){
/************ COUNT AND SORT**************/
#count_and_sorting {margin-top: 0; }
#count_and_sorting #sorting .SumoSelect{width:100%;}
#count_and_sorting #count, #count_and_sorting #sorting {float:none; width:100%; margin-top:2%;}
/*****************************************/
}

@media screen and (max-width: 500px) {
/***************** PRODUCT SEARCH ***************/
#productSearchForm input[type=text] { width: 85.8%; }
#productSearchForm input[type=submit] { width: 11%;}
/***********************************************/

/***************** FILTERS ***************/
#your_filters a {display: block; margin: 5px 0; background-position:97% 55%;}
/*****************************************/
}