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

/************************************************************** viewport >1201 **************************************************************/
@media only screen and (min-width: 1201px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}

.svg-logo {width:250px; height:auto}
nav.navbar.shrink .svg-logo{width:250px; height:auto}
nav.navbar.shrink {height:75px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink a {font-size: .9em; padding-bottom: 10px !important; padding-top: 10px !important;}
nav.navbar.shrink li > a {color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a, nav.navbar.shrink .open .dropdown-menu {font-size:.9em; background-color:#ed1c24; color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a:hover {font-size:.9em; background-color:#eee; color:#808285!important}

.swiper-wrapper .bn-spec{
height:700px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}

#products h5.same-height {min-height:100px; }

}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}

.svg-logo {width:220px; height:auto}
nav.navbar.shrink .svg-logo{width:220px; height:auto}
nav.navbar.shrink {height:75px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink a {font-size: .9em; padding-bottom: 10px !important; padding-top: 10px !important;}
nav.navbar.shrink li > a {color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a, nav.navbar.shrink .open .dropdown-menu {font-size:.9em; background-color:#ed1c24; color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a:hover {font-size:.9em; background-color:#eee; color:#808285!important}

.swiper-wrapper .bn-spec{
height:400px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}
#products h5.same-height {min-height:100px; }

}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:992px) {

.svg-logo {width:220px; height:auto}

}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}

.svg-logo {width:200px; height:auto}
nav.navbar.shrink .svg-logo{width:200px; height:auto}
nav.navbar.shrink {height:75px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink a {font-size: .9em; padding-bottom: 10px !important; padding-top: 10px !important;}
nav.navbar.shrink li > a {color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a, nav.navbar.shrink .open .dropdown-menu {font-size:.9em; background-color:#ed1c24; color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a:hover {font-size:.9em; background-color:#eee; color:#808285!important}




.swiper-wrapper .bn-spec{
height:400px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}

}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}

.svg-logo {width:250px; height:auto; margin-top:-10px; margin-bottom:-50px}

.navbar-default {height:170px; text-align:center}
.navbar-header {float: left; padding:0; text-align: center; width: 100%;}
.navbar-brand {float:none;}
.nav a {font-size:1em;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {font-size:.95em; color:#inherit!important}
.navbar .navbar-nav {display: inline-block!important;float: none!important;vertical-align: top!important;}
.navbar .navbar-collapse {text-align: center;}

nav.navbar.shrink .svg-logo{width:250px; height:auto}
nav.navbar.shrink {height:170px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink a {font-size: .9em; padding-bottom: 10px !important; padding-top: 10px !important;}
nav.navbar.shrink li > a {color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a, nav.navbar.shrink .open .dropdown-menu {font-size:.9em; background-color:#ed1c24; color:#fff!important}
nav.navbar.shrink .open .dropdown-menu>li > a:hover {font-size:.9em; background-color:#eee; color:#808285!important}



.swiper-wrapper .bn-spec{
height:350px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}

.content-padding {margin-top:140px}
.sub-content-padding {margin-top:170px}

#products h5.same-height {min-height:100px; }

}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{margin-bottom:100px}
.wrapper {width:100%;}
.xs-padding {margin-top:20px}

.svg-logo {width:220px; height:auto}

.nav a {border-bottom:solid 1px #fff;}
.navbar .nav > li > a {margin-top:0px} /** remove margin on mobile**/
.collapsing, .in {background-color: #eee; overflow-y:hidden; }
.collapsing ul li a:hover, .in ul li a:hover {background-color: #ffd2d2!important;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {font-size:.95em; background-color:#f4f4f4; color:#3ba7d2!important}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {border-bottom:dotted 1px #ddd;}

.navbar.navbar-default .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar.navbar-default .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar.navbar-default .navbar-nav li.dropdown.open.active > .dropdown-toggle {background-color:#ffd2d2!important; color:#666!important;}
    
.navbar.navbar-default .navbar-nav li.dropdown.open > ul > li.dropdown-submenu.open > ul > li > a {background-color:#fff!important; border: solid 1px #eee!important; margin:1px 2px!important;}

.navbar .navbar-collapse {width:100%!important; margin-top:30px;}
.navbar .navbar-collapse li:first-child {margin-top:-20px}
.navbar .navbar-collapse li li:first-child {margin-top:-4px}
.navbar .navbar-collapse li:last-child {margin-bottom:-8px; border-bottom:solid 1px #eee}
.navbar .navbar-collapse li > .dropdown .active  {background:#ffd2d2}
.navbar .nav > .active > a {background:#ffd2d2; color:#2e2e2e!important }


nav.navbar.shrink .svg-logo{width:220px; height:auto}
nav.navbar.shrink {height:75px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink .navbar-toggle .icon-bar { background-color: #fff; /* Changes regular toggle color */}
.navbar-toggle:hover {background-color:#ffd2d2!important; color:#ed1c24 /* Changes toggle color on hover */}


.swiper-wrapper .bn-spec{
height:300px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}

.bg-mobile-col1 {background-color:#fff!important}
.bg-mobile-col2 {background-color:#ebebeb!important}



.footer {height:90px; line-height:30px; padding-top:10px;}
.footer .col-sm-6 {text-align:center}


}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
body{margin-bottom:100px}
.wrapper {width:100%;}
.xs-padding {margin-top:20px}

.svg-logo {width:220px; height:auto}

.nav a {border-bottom:solid 1px #fff;}
.navbar .nav > li > a {margin-top:0px} /** remove margin on mobile**/
.collapsing, .in {background-color: #eee; overflow-y:hidden }
.collapsing ul li a:hover, .in ul li a:hover {background-color: #ffd2d2!important;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {font-size:1em; background-color:#f4f4f4; color:#3ba7d2!important}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {border-bottom:dotted 1px #ddd;}

.navbar.navbar-default .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar.navbar-default .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar.navbar-default .navbar-nav li.dropdown.open.active > .dropdown-toggle {background-color:#ffd2d2!important; color:#666!important;}
    
.navbar.navbar-default .navbar-nav li.dropdown.open > ul > li.dropdown-submenu.open > ul > li > a {background-color:#fff!important; border: solid 1px #eee!important; margin:1px 2px!important;}

.navbar .navbar-collapse {width:100%!important; margin-top:30px;}
.navbar .navbar-collapse li:first-child {margin-top:-20px}
.navbar .navbar-collapse li li:first-child {margin-top:-4px}
.navbar .navbar-collapse li:last-child {margin-bottom:-8px; border-bottom:solid 1px #eee}
.navbar .nav > .active > a {background:#ffd2d2; color:#2e2e2e!important;}

nav.navbar.shrink .svg-logo{width:220px; height:auto}
nav.navbar.shrink {height:75px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink .navbar-toggle .icon-bar { background-color: #fff; /* Changes regular toggle color */}
.navbar-toggle:hover {background-color:#ffd2d2!important; color:#ed1c24 /* Changes toggle color on hover */}

.swiper-wrapper .bn-spec{
height:320px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}

.bg-mobile-col1 {background-color:#fff!important}
.bg-mobile-col2 {background-color:#ebebeb!important}

.planit-container .planit-infobox-container {display:none}

.footer {height:90px; line-height:30px; padding-top:10px;}
.footer .col-sm-6 {text-align:center}

}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
body{margin-bottom:100px}
.wrapper {width:100%}
.xs-padding {margin-top:20px}

.svg-logo {width:200px; height:auto}
.mobile-txt {font-size:1em}

.nav a {border-bottom:solid 1px #fff;}
.navbar .nav > li > a {margin-top:0px} /** remove margin on mobile**/
.collapsing, .in {background-color: #eee; overflow-y:hidden; }
.collapsing ul li a:hover, .in ul li a:hover {background-color: #ffd2d2!important;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {font-size:1em; background-color:#f4f4f4; color:#3ba7d2!important}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {border-bottom:dotted 1px #ddd;}
    
.navbar.navbar-default .navbar-nav li.dropdown.open > ul > li.dropdown-submenu.open > ul > li > a {background-color:#fff!important; border: solid 1px #eee!important; margin:1px 2px!important;}

.navbar.navbar-default .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar.navbar-default .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar.navbar-default .navbar-nav li.dropdown.open.active > .dropdown-toggle {background-color:#ffd2d2!important; color:#666!important;}

.navbar .navbar-collapse {width:100%!important; margin-top:30px;}
.navbar .navbar-collapse li:first-child {margin-top:-20px}
.navbar .navbar-collapse li li:first-child {margin-top:-4px}
.navbar .navbar-collapse li:last-child {margin-bottom:-8px; border-bottom:solid 1px #eee}
.navbar .nav > .active > a {background:#ffd2d2; color:#2e2e2e!important; }

nav.navbar.shrink .svg-logo{width:200px; height:auto}
nav.navbar.shrink {height:75px; background-color:rgba(237,28,36,1);}
nav.navbar.shrink .navbar-toggle .icon-bar { background-color: #fff; /* Changes regular toggle color */}
.navbar-toggle:hover {background-color:#ffd2d2!important; color:#ed1c24 /* Changes toggle color on hover */}

.swiper-wrapper .bn-spec{
height:320px; background-position:center 20%; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	
}

.bg-mobile-col1 {background-color:#fff!important}
.bg-mobile-col2 {background-color:#ebebeb!important}

.footer {height:90px; line-height:30px; padding-top:10px;}
.footer .col-sm-6 {text-align:center}
}