﻿@charset "utf-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Home Slider
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
ul,li{ list-style:none;border: 0; margin: 0; padding: 0;}
.clear { clear: both; }
.clearfix:after{ content:""; display:block;visibility:hidden; height:0; clear:both;}
.clearfix {zoom:1;}

#loading {
position: absolute;
top: 49.5%;
left: 49.5%;
z-index: 3;
width: 24px;
height: 24px;
text-indent: -999em;
background-image: url(../images/progress.gif);
}
#supersize{position: relative; }
#supersize img, #supersize a{
width:100%; float:left;
position:absolute;margin:0; padding:0;
z-index: 0; left:0
}
#supersize .prevslide, #supersize .prevslide img{
z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
z-index: 2;
}

.sectionnr{text-align:center;display:block}
.sectionnr h1{color:#fff;width:78%;margin:0 auto;text-shadow:0 0 10px #333;filter:progid:DXImageTransform.Microsoft.Glow(Color=Gray,Strength=.4);text-transform: uppercase;}
@media (min-width:768px){.sectionnr .intro p{color:#fff;max-width:60%;border-top:solid #fff 1px;padding-top:20px;font-weight:300;margin:0 auto 30px auto;font-size:30px;font-size:3rem;line-height:36px;line-height:3.6rem;text-shadow:0 0 5px #333;filter:progid:DXImageTransform.Microsoft.Glow(Color=Gray,Strength=.4)}
}

.sectionnr .btn.btn-default{text-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 5px rgba(0,0,0,.3)}
.sectionnr .btn.btn-default:hover{text-shadow:none}
.sectionnr .btn{margin-bottom:10px;text-transform: uppercase;}
.sectionnr article{ background:#fff;color:#555555;font-size:15px;font-size:1.5rem;line-height:25px;line-height:2.5rem; text-align:left;}

.banner-pager{position:relative;width:100%;z-index:2; margin-top:9%;}
.banner-pager .btn-default{ padding:10px 20px;}
.sectionnr .intro { height:60%}
.sectionnr article{ margin-left:16.6%;padding:0 70px;}

.btn-group.bootstrap-select{ margin:0 10px}
.btn-group.bootstrap-select button{width:100%;}
.btn-group.bootstrap-select .filter-option{ color:#FFFFFF}
.bootstrap-select.btn-group .btn .caret{border-top:8px solid #fff;}
.bootstrap-select.btn-group:hover .filter-option{ color:#000000}
.bootstrap-select.btn-group:hover .btn .caret{border-top:8px solid #000000;}

.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;font-size:15px;font-size:1.5rem;text-align:left;list-style:none;background-color:transparent;border:1px solid #fff;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:2.42857143;color:#fff;white-space:nowrap; margin:0}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#000000;text-decoration:none;background-color:#fff}

@media (max-width:767px){
.sectionnr article{padding:0px; margin-left:0}
.sectionnr .intro {height:510px; height:51rem;}
.btn-group.bootstrap-select{ width:67%!important; margin-bottom:10px}
.dropdown-menu{ background-color:#000}
.banner-pager .btn-lg{ width:67%!important;}
.col-xs-8{ width:100%;}
.btn-group.bootstrap-select .btn-lg{width:100%!important;}
}

@media (min-width:768px) and (max-width:991px){.sectionnr .intro {height:430px; height:43rem;}}
@media (min-width:992px) and (max-width:1191px){.sectionnr .intro {height:420px; height:42rem;}}
@media (min-width:1192px){.sectionnr .intro {height:520px; height:52rem;}}