/* @import url("https://use.typekit.net/bje5alp.css") ;  */

#layout { }
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: museo-sans, sans-serif !important;
	font-size: 12px;
	color: #333;
	background-color:#fff;
}

a  { text-decoration:none; color:#000;}
ul { margin:0; padding:0; list-style:none;}

#layout { width:810px; width:100%; /*height:680px;*/ /*background:url(bck.png);*/ position:relative; /*border:#fff solid 1px*/; margin-bottom: -24px;} 

#layout .panel { width:100%; margin:auto; position:relative; }
#layout .panel .map-top{background-color: #f0ece0; padding:25px;}
#layout .panel .the-map{background-color: #fff; padding-top:30px; padding-bottom: 0px; /*padding-left: 50px; padding-right: 50px;*/}
#layout .panel .filters { height:95px; margin-left:25px; margin-right:26px; color:#414042; margin:auto;}

.gm-style div{border:none !important;}

#layout .panel .left { /*width:370px; float:left;*/ margin-left:25px;  }
#layout .panel .left.block { /*height:495px;*/ background-color:#fff;  } 
#layout .panel .filters ul li.filter_item { float:left; margin-right:10px; margin-left: 7px; /*margin-top:8px;*/ padding-top: 20px; padding-bottom: 15px; }
#layout .panel .filters ul li.filter_item p { display:none; margin:0; padding:0; font-family:"Raleway", sans-serif; font-size:12px; text-transform:uppercase; }
#layout .panel .filters ul li.filter_item label { display:block; }
#layout .panel .left .result_container { /*height:450px;*/ }
#layout .panel .left .datagrid { /*height:450px;*/ }
#layout .panel .left .datagrid p { font-family:"Raleway", sans-serif; color:#414042; font-size:15px; }
#layout .panel .left .pagination { display:none; margin-top: 40px; }
#layout .panel .left .pagination a { color:#a41528; font-family: museo-sans, sans-serif !important;}
#layout .panel .left .pagination a.prev { /*background: url(btn_prev.png) no-repeat left; padding-left:20px;*/ visibility:hidden; margin-right: 15px; text-decoration: underline; }
#layout .panel .left .pagination a.next { /*background: url(btn_next.png) no-repeat right; padding-right:20px;*/ display:inline-block; margin-left: 15px; text-decoration: underline; }
#layout .panel .right { /*width:335px; float:right;*/ margin-right:26px;}
#layout .panel .right ul.actions li { float:right; }
#layout .panel .right #gmap { width: 100%; height: 572px; /*border:#b3b2b3 solid 2px;*/ }

.glink { color:#a41528; text-align:center; font-size: 14px; text-decoration: underline; }

#result { font-family:"Raleway", sans-serif; }
#result tbody tr { display:none; }
#result tbody tr td { border-bottom:2px dotted #d9d5d2; padding-top:18px; padding-bottom:18px; vertical-align: top; font-size: 14px; padding-left:8px; padding-right:8px; font-family: museo-sans, sans-serif !important; font-weight: 400;}
#result tbody tr:hover { background-color:#f8f6f1; }
#result tbody tr.hover { background-color:#f8f6f1; }
#result tbody tr:first-child td { padding-top:0; }
#zipcode { width:320px; height:45px; /*background:url(bck_input.png) no-repeat;*/ background:#fff; border: 2px solid #d9d5d2 !important; /*text-indent:10px;*/ color:#bdbbb8; font-family:Arial, Helvetica, sans-serif; font-size:18px; outline:0; border:none; padding-right:23px; font-family: museo-sans, sans-serif; font-weight: 400; color: #938872 !important; padding-left: 23px; }  
.clear { clear:both;}

#overlay { position:absolute; z-index:1000000000000000000000; background:#fff; width:100%; height:100%; top:110px; left:0; right:0; bottom:0; display: none;}
#loader { margin:auto; width:120px; margin-bottom:20px;  position:absolute; z-index:100000000000; left:50%; margin-left:-60px; top:45%; }
.tab { visibility: hidden; color:#fff; }

/* INFO WINDOW */

#infowindow { font-family:"Raleway", sans-serif; font-size:15px; text-align:left; width:180px; font-family: museo-sans, sans-serif; font-weight: 400; width:100%;}
#infowindow a { /*background-color:#a41528;*/ display:inline-block;  padding-top:5px; padding-bottom:5px; color:#a41528; width:110px; text-align:center; font-size:15px; float:right; text-decoration: underline; font-family: museo-sans, sans-serif; }
#infowindow h1 { padding: 0; margin: 0; font-size: 18px; color: #594135; font-weight: 600; letter-spacing: .5px; }
#infowindow p { margin:0; padding:0; margin-bottom:5px; }

.gm-ui-hover-effect{top:0px !important; right: 0px !important; }
.gm-ui-hover-effect img{width: 20px !important; height: 20px !important; }

/**/

.dropdown_sizes { width:211px; min-height:43px; border:#b3b2b3 solid 3px; border-radius:4px; background-color:#fff; box-shadow: 1px 1px 5px #000; position:absolute; z-index:1000000; display:none; }
.dropdown_sizes { }
.dropdown_sizes a.default { color:#414042; }
.dropdown_sizes a { color:#a41528; display:block; padding-top:5px; padding-bottom:5px; padding-left:25px; font-family:"Raleway", sans-serif; font-size:18px; font-weight:100; letter-spacing:1px; }
.dropdown_sizes a:hover { background-color:#a41528; color:#fff; }


.filters .dd_products { /*background:url(dd_bg.png);*/ width:320px; height:45px; background:#fff; border: 2px solid #d9d5d2 !important; position:relative; }
.filters .dd_products a { font-family:"Raleway", sans-serif; font-size:18px; font-weight:100; color:#d9d5d2; /*text-indent:15px;*/ display:block; padding-top:8px; letter-spacing:1px; font-family: museo-sans, sans-serif; font-weight: 400; color: #938872 !important; padding-left: 23px; }
.filters .dd_products a:hover {text-decoration: unset !important;}

.filters .dd_sizes { /*background:url(dd_bg.png);*/ width:320px; height:45px; background:#fff; border: 2px solid #d9d5d2 !important; position:relative; }
.filters .dd_sizes.active { background-position:0 -45px; }
.filters .dd_sizes a { font-family:"Raleway", sans-serif; font-size:18px; font-weight:100; color:#d9d5d2; /*text-indent:15px;*/ display:block; padding-top:8px; letter-spacing:1px; font-family: museo-sans, sans-serif; font-weight: 400; color: #938872 !important; padding-left: 23px; }
.filters .dd_sizes a:hover{text-decoration: unset !important;}

.dropdown_products { width:267px; height:420px; border:#b3b2b3 solid 3px; border-radius:4px; background-color:#fff; box-shadow: 1px 1px 5px #000; position:absolute; z-index:100000; display:none;  }
.dropdown_products .container { width:260px; margin-top:10px; }
.dropdown_products .container a.default { color:#414042; }
.dropdown_products .container a { color:#a41528; display:block; padding-top:5px; padding-bottom:5px; padding-left:30px; font-family:"Raleway", sans-serif;
font-size:18px; font-weight:100; letter-spacing:1px; }
.dropdown_products .container a:hover { background-color:#a41528; color:#fff; }
.mCSB_scrollTools { opacity: 1 !important;}
.mCSB_scrollTools .mCSB_draggerRail{ background-color:#b3b2b3; width:2px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#a41528; width:14px; border-radius:0 !important; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#a41528; width:14px; border-radius:0 !important; }
.black { color:#000 !important; }


.label { color:#fff; font-weight:bold; font-size:13px; text-align:center;}
.labels { color:#fff; font-weight:bold; text-align:center;}



.pac-container { background-color:#f2f0e9; cursor:pointer !important; }
.pac-item:hover { background-color:#a61123; color:#fff;  cursor:pointer !important; }
.pac-item-query { color:#a61123; font-family:"Raleway", sans-serif; padding:10px; font-size:20px; cursor:pointer !important;  }
.pac-item:hover .pac-item-query { color:#fff;  }
.pac-container:after{ content:none !important; }

 .onClickFilterProd::after, .onClickFilterSize::after {
    top: 50%;
    right: 20px;
    margin: -3px 0 0;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 9px 6px 0 6px;
    border-color: #a41528 transparent transparent transparent;
    width: 10px;
}

/*MAP Style*/
.gm-style .gm-style-iw-c{width: 350px; filter: drop-shadow(-2.598px 1.5px 3.5px rgba(0,0,0,0.16)); background-color: #ffffff; border-radius: 0px !important;}

@media (min-device-width : 768px) {
	#layout .panel .filters {
		/*max-width: 750px;*/ width: max-content;
	}
}

@media (min-device-width : 992px) {
	#layout .panel .filters {
		/*max-width: 970px;*/ width: max-content;
	}
}

@media (min-device-width : 1400px) {
	#layout .panel .filters {
		/*max-width: 1423px;*/ width: max-content;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #result tbody tr td { padding-bottom:7px; padding-top:7px; }
  #zipcode { width:220px; padding-right:10px; }
}

@media (max-width: 1600px){
	#layout .panel .the-map{background-color: #fff; padding-top:30px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
}

@media (max-width: 1600px) and (min-width: 1301px){
	.louana_map_col1{-ms-flex: 0 0 33.333333% !important; flex: 0 0 33.333333% !important; max-width: 33.333333% !important;}
	.louana_map_col2{-ms-flex: 0 0 66.666667% !important; flex: 0 0 66.666667% !important; max-width: 66.666667% !important;}
}

@media (max-width: 1300px) and (min-width: 1201px){
	.louana_map_col1{-ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important;}
	.louana_map_col2{-ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important;}
}

@media (max-width: 1300px){
	#result tbody tr td { padding-bottom:10px; padding-top:10px; }
	#layout .panel .left .pagination{margin-top: 20px;}
}

@media (max-width: 1100px){
	#zipcode, .filters .dd_products, .filters .dd_sizes {width:280px;}
}

@media (max-width: 991px){
	#layout .panel .right { /*width:335px; float:right;*/ margin-right:0px;}
	#layout .panel .left { /*width:335px; float:right;*/ margin-left:0px;}
	#layout .panel .left .result_container{min-height: 430px;}
}

@media (max-width: 991px) and (min-width: 768px){
	#zipcode, .filters .dd_products, .filters .dd_sizes {width:220px;}
	#layout .panel .filters ul li.filter_item{margin-right: 0px !important; margin-left: 0px !important; padding-right: 5px !important; padding-left: 5px !important;}	
}

@media (max-width: 767px){
	.filter_item:first-child{border: unset !important;}
	#layout .panel .filters ul li.filter_item{display: contents;}
	#layout .panel .filters{height: 275px;}
	/*.dd_products, */.dd_sizes {margin-top: 30px}
	.filters input, .dd_products, .dd_sizes{width:100% !important;}
	#scrollbar1 .overview, #scrollbar1 .viewport{width: unset !important;}
	#scrollbar1, .dropdown_products .container{width: 100% !important; max-width: 100% !important;}
	.dropdown_products, .dropdown_sizes{width: calc(100% - 50px) !important;}
	.mobile_louana_input_label{display: block !important; font-size: 18px;}
}




