/*
	Site developed by Karoline Dassie
	
	Color information
	- Dark Blue: #263879
	- Gray: #f3f3f3
	- Yellow: #fec400
	
*/

/*========================== PAGE STRUCTURE ==========================*/

	body { 
		-webkit-text-size-adjust: none;
		font-size: 15px; 
		line-height: 24px; 
		background:#1e1858;
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	.main-container{ padding: 50px 0; background:#fff}
	
	.mt-container{
		max-width:1450px;
		margin: 0 auto;
	}
	
	.twothird{width:64%; *width: 64%; float:left; padding-right: 30px; box-sizing: border-box;}
	.onethird{width:36%; *width: 36%; float:left; box-sizing: border-box; text-align:right;}
	
	.column3-4 {width:75%; float:left; box-sizing: border-box;}
	.column1-4 {width:25%; float:left;}
	.column2{float: left; width: 50%; padding-right: 25px; box-sizing: border-box;}
	.column3{float: left; width: 33.3333%; padding-right: 25px; box-sizing: border-box;}
	.column4{float: left; width: 24%; margin-right:1%; box-sizing: border-box;}
	.column5 {width:13%; float:left; margin:0.5%; box-sizing: border-box;}
	.column6 {width:16.66666%; *width: 14%; float:left; padding-right: 10px; box-sizing: border-box; margin: 0 0 50px 0; display:inline-block;}
	.column7, .column-padding-specializations {width:11.5% !important; *width: 11.5%; float:left; box-sizing: border-box; margin-right: 1%; display:inline-block;}
.post-container-specializations{display: flex; flex-wrap: wrap;}
	.last{padding-right:0; margin-right:0}
	
	img{max-width: 100%; height: auto;}
	.clear{clear:both;}	
	* {box-sizing: border-box;}
	
	.gray {background: #f3f3f3; padding:2em 0;}
	.yellow{background: #fec400; padding:1em 0;}	
	.blue {background: #1e1958;padding: 3em 0;}
	.pattern{background:url('../images/background_1.png') repeat;}
	
	::-moz-selection {
		background: #1e1958;
		color: #fff;
		text-shadow: none;
	}
	
	::selection {
		background: #1e1958;
		color: #fff;
		text-shadow: none;
	}
		
/*========================== TYPOGRAPHY ==========================*/

	strong { font-weight:900 }
	
	.shwidget ul.bullets li, .foot ul.bullets li{
		list-style-type: disc !important;
		margin: 10px 0 10px 15px;
		font-size: 12px;
		line-height: 24px;
	}
		
	.shwidget h1, .foot h1, .header h1, .copy h1{ 
		font-size:30px;
		color:#263879;
		font-weight:900;
		margin-bottom:20px;
		margin-top: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	 
	.shwidget h2, .foot h2, .header h2, .copy h2 { 
		font-size:26px;
		color:#fff;
		font-weight:400;
		margin-bottom:10px;	
		margin-top: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	.shwidget h3, .foot h3, .header h3, .copy h3{
		font-size:20px;
		color:#263879;
		font-weight:900;
		margin-bottom:10px;	
		margin-top: 0;
		text-transform:uppercase;
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	.shwidget h4, .foot h4, .header h4, .copy h4{
		font-size:20px;
		color:#989898;
		font-weight:500;
		margin-bottom:10px;	
		margin-top: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	.shwidget h4 a, .foot h4 a, .header h4 a, .copy h4 a{color:#fec400!important}
	
	.shwidget h5, .foot h5, .header h5, .copy h5{
		font-size:20px;
		color:#fabf2b;
		font-weight:900;
		margin-bottom:10px;	
		margin-top: 0;
		font-family: 'Roboto Condensed', sans-serif;
	}
	/* PARAGRAGHS */
	
	.shwidget p, .header p, .foot p, .copy p {font-size: 15px; line-height: 24px; color:#263879; margin: 0;}
	
	/* LINKS */
	
	.shwidget a, .header a, .foot a, .copy a{
		color:#263879;
		text-decoration:none;
		transition: all .2s ease-in-out; 
		-moz-transition: all .2s ease-in-out; 
		-webkit-transition: all .2s ease-in-out;
        font-family: 'Roboto Condensed', sans-serif;
	}
	
	.shwidget a:hover, .header a:hover, .foot a:hover, .copy a:hover{color: #1e1958;}
	.lg-font {font-size:20px !important; line-height:26px !important;}

.no-heading h1{display: none !important;}
	
/*========================== HEADER ==========================*/

	#social p{font-size: 24px;}
	
	#social a{
		font-size: 24px;
		color: #263879;
	}
	#social i{margin-left: 10px;}
	
	#social a:hover{color: #fec400;}
	
	.header{
		background: #fff;
		width: 100%;
		padding: 5px 0;
		position:relative;
		z-index:999;
		box-shadow:0px 0px 10px #A6A6A6;
	}
	
	#logo{float: left;}
	#logo img {max-width:400px;  width:100%}
	
	#social{
		float: right;
		text-align: right;
		margin-top:25px
	}


/*========================== QUICK SEARCH ==========================*/
	
	#quick-search {
		float: right;
		width: 100%;
		clear: right;
		text-align: right;
		position: relative;
		margin-top: 10px;
	}
	#quick-search:before {
		position: absolute;
		right: 0;
		font-family: 'FontAwesome';
		content: '\f002';
		font-size: 20px;
		line-height: 35px;
		padding: 0 60px;
		text-align: center;
		color: #1e1958;
		background: #e1e1e1; /* Old browsers */
		background: -moz-linear-gradient(top,  #e1e1e1 0%, #ebebeb 22%, #e1e1e1 50%, #e1e1e1 50%, #ebebeb 75%, #ebebeb 75%, #e1e1e1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #e1e1e1 0%,#ebebeb 22%,#e1e1e1 50%,#e1e1e1 50%,#ebebeb 75%,#ebebeb 75%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #e1e1e1 0%,#ebebeb 22%,#e1e1e1 50%,#e1e1e1 50%,#ebebeb 75%,#ebebeb 75%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
		border: 1px #9fa8ae solid;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	#quick-search-input {
		width: 100%;
		background: #fff;
    	padding: 5px 10px 6px  !important;
		border: 1px #9fa8ae solid;
		border-radius: 5px;
		box-sizing: border-box !important;
    	height: 37px !important;
	}
	#quick-search-button {
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		cursor: pointer;
		padding: 0 !important;
		margin: 0 !important;
		height: 38px;
		width: 145px;
	}
	#search-container{
		font-size: 13px;
		position: absolute;
		top: 25px;
		z-index: 9999;
		width: 400px;
	}
	.search-form{
		background-color: rgba(0, 0, 0, 0.6);
		background: rgba(0, 0, 0, 0.6);
		color: rgba(0, 0, 0, 0.6);
		border: 1px #aaa solid;
		padding: 15px 25px;
		box-sizing: border-box;
	}
	.search-form input {
		width: 100%;
		padding: 5px 8px;
		font-size: 12px;
		background: #fff;
		box-sizing: border-box;
		margin-bottom: 10px;
		border: none;
	}
	.search-form select {
		width: 100%;
		padding: 5px 8px;
		font-size: 12px;
		background: #fff;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	.search-form input[type="submit"] {
		font-size: 12px;
		color: #fff;
		background: #1e1958;
		width: 100%;
		padding: 5px 0;
		border: 1px #939393 solid;
		border-radius: none;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.search-form input[type="submit"]:hover {background: #FF2832;}
	
	.noUi-connect {
		background: #1e1958 !important;
	}
	#slider-snap {
		margin: 5px 0 20px;
	}
	
/*========================== CONTENT ==========================*/

	.viewbtn p{color:#fff; font-size:20px; margin: 0 !important;font-family: 'Roboto Condensed', sans-serif; }
	.viewbtn .column1-4 { 
		text-align:center;
		float:left; 
		width: 24%;
    	margin-right: 1%;
		display:inline-block;
		border:1px solid #fff; 
		}
	.viewbtn a{
		padding:5px 0; 
		font-weight:900;
		color:#fff;
		display:inline-block;
		width:100%;
		}
	.viewbtn a:hover{
		color:#fec400;
		background:#fff;
		}
		
	a.aperta, button.aperta{
		padding:5px 0; 
		border:1px solid #263879; 
		font-weight:900;
		color:#263879;
		background: #fff;
		text-align: center;
		display:inline-block;
		width:100%;
		max-width: 400px;
		margin: 5px 0;
        font-family: 'Roboto Condensed', sans-serif!important;
		}
	a.aperta:hover, button.aperta:hover{
		color:#fff;
		background:#263879;
		}
		

/*========================== SPECIALTIES ==========================*/

	.top { 
		font-weight: 400;
		text-align:left;
		padding: 10px 5px;
		box-sizing: border-box;
		background:#263879;
		color:#fff!important;
		text-align:center;
		min-height:70px;
		}	
		
	.midIcon{
		/*background:#fec400;*/
		background-color:#EEEEEE;
		padding:15px 0;
		
		 box-sizing:border-box; border:5px solid #eee;
		}
		
	.midIcon img{height:60px; display:block; margin:0 auto;}
	
	
	a:hover .midIcon {box-sizing:border-box; border:5px solid #fec400;
			transition: all .4s ease-in-out; 
		-moz-transition: all .4s ease-in-out; 
		-webkit-transition: all .4s ease-in-out;
	
	}
	
	
	.low { 
		min-height:17em;
		text-align:left;
		margin: 10px 0 0 0;
		padding: 10px 5px;
		box-sizing: border-box;
		background:#f3f3f3;
		}
		.low p{font-size:15px;}	
		
	.more {
		text-align:left;
		padding: 5px;
		box-sizing: border-box;
		background:#f3f3f3;
		line-height:22px;
		font-size:14px;
		color:#263879!important;
		}	
		
	a.read  {
		color:#fec400!important;
		font-size:19px;
		text-transform:uppercase;
		font-weight: 900;
		background:#f3f3f3;
		}
	
	.read:hover {color:#263879!important;}	


/*========================== AUTHORIZED DEALERS ==========================*/
	.manu{text-align:center; } 
	.manu .column5{
		display:inline-block; 
		border:1px solid #ccc; 
		text-align:center; 
		padding:10px 0;
		float:none;
		
		}
	.manu img {
		vertical-align:middle;
		text-align:center; 
		display:block;
		margin:0 auto;
		}

/*========================== FOOTER ==========================*/
	
	.foot p, .foot a {font-size:15px;font-family: 'Roboto Condensed', sans-serif;}
	
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline;  color:#adadad; font-weight:100;font-size:12px;}
	a.footerlink:hover {text-decoration:none; color:#adadad; font-weight:100;}
	.footertext{font-size:12px; color:#adadad; font-weight:100;font-family: 'Roboto Condensed', sans-serif; }
	.smallfootertext{font-size:12px;  color:#adadad; font-weight:100;font-family: 'Roboto Condensed', sans-serif; }
	
	.divfooter {max-width:720px; text-align:center; margin:0 auto; line-height:20px;font-family: 'Roboto Condensed', sans-serif;}
	
    .footerbg {
        border: 1px solid #000;
    }
	
	/*.dealer-button{
		cursor: pointer;
		padding: 10px 25px;
		display: inline-block;
		margin: 15px 0;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		color: #fff;
		border: 3px solid #1e1958;
		background: #1e1958;
		text-align: center;
	}
	.dealer-button:hover{
		color: #1e1958;
		border: 3px solid #1e1958;
		background: #fff;
	}*/

/*========================== SHOWROOM ==========================*/
.showroomfeature {display:inline-block; }






.manulink {width:100%;}
.manulinksection img {margin:0 auto; display:block;}
a.manulink  {
	font-size: 16px;
    color: #fff;
    background-color: #1e1959;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
    width: 33%;
    margin-bottom: 20px;
    margin-top: 10px; 
}
a.manulink:hover {color:#1e1959; background-color: #fec400;}
.showroomcontainer {padding:10px 0 50px 0; background-color:#fff;}


.manufacturers {display:inline-block; width:100%; }
.manufacturers a { }
.manufacturers a img, .column-padding-manufacturers {display:inline-block; float:left; box-sizing:border-box; margin:.5%; width:10%;}

.column-padding-manufacturers img {max-height: 100px !important; width: auto !important; max-width: 100% !important; padding: 10px;}
.post-container-manufacturers {
	display: flex;
	flex-wrap: wrap;
}

.manustyle {
    display:none;
    width: 80%;
    margin: 0 auto;
    padding: 0 10%;
    background: #fff;
}
.manustyle img {margin: auto;}



/*========================== INVENTORY ==========================*/
.mt-container iframe{width:100%; height:300px}

.media-buttons .print-this, .media-buttons .email-this {
    display: inline-block !important;
}
.body-content .body-wrapper {
    max-width: 1170px;
    margin:0 auto;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%) !important;
  }
.copy {
    background:#1e1958;
}

/*========================== RESPONSIVE STYLES ==========================*/


@media screen and (max-width: 1280px) and (min-width:1024px) {
.mt-container{ padding: 0 25px;}

}

@media screen and (max-width: 1023px) and (min-width:769px) {
.hide{display:none;}
.mt-container{padding: 0 25px;}

}

@media screen and (max-width: 768px) and (min-width: 501px) {
.hide{display:none;}
.mt-container{padding: 0 25px;}

.column4{width: 50%; margin-bottom: 25px;}

#social{float: none; width: 100%; text-align: center; margin: 0;}
#logo{float: none; width: 100%; text-align: center;}
#quick-search, #quick-search-input {float: none; width: 100%;}

.nivoSlider{position: absolute;}
.nivoSlider img{display: none !important;}
#search-container{position: relative; width: 100%;}

.manulink {padding-bottom:20px;}
a.manulink  {width:100%; display:block; margin-top:5px; margin-bottom:5px;}
}
 
@media screen and (max-width: 1230px) {
 	.column7, .column-padding-specializations{width:24%!important;}
}
 
/* iPads (portrait and landscape) ----------- */
 
@media screen and (max-width: 1060px) {

	.column5{width:23%}
	
.manufacturers a img, .column-padding-manufacturers {width:16%; margin:.5% 2%;}
}
 
/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 736px){
	.viewbtn .column1-4 { text-align:center;float:none; width:100%;}
	.viewbtn a{
		display:block;
		width:100%;
		margin:5px auto;
	}
}


/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:640px){
	
	.hide{display:none;}

	.mt-container{padding: 0 25px;}
	
	.column1-4{float: none; width: 100%; padding-right: 0;}
	.column3-4{float: none; width: 100%; padding-right: 0;}
	.column2{float: none; width: 100%; padding-right: 0; margin-bottom: 25px;}
	.column3{float: none; width: 100%; padding-right: 0; margin-bottom: 25px;}
	.column4{float: none; width: 100%; padding-right: 0; margin-bottom: 25px; text-align: center;}
	
	#social{float: none; width: 100%; text-align: center; margin: 5px 0 0;}
	#logo{float: none; width: 100%; text-align: center;}
	#quick-search, #quick-search-input {float: none; width: 100%;}
	
	.dealer-button{display:block; width: 100%;}
	
	.nivoSlider{position: absolute;}
	.nivoSlider img{display: none !important;}
	#search-container{position: relative; width: 100%;}
 
 	.column7, .column-padding-specializations{width:49%!important;}
	.column5{width:33%}
	
.top {min-height:auto;}	
.low {margin:10px 0 30px 0;}


.manufacturers a img, .column-padding-manufacturers {width:25%; margin:1% 4%;}
	
	
.column-padding-manufacturers img {max-height: unset !important; width: unset !important; max-width: 100% !important; padding: 10px;}
	
	
.hosted-content #wide_col{float:none !important;}
}


@media screen and (max-width: 500px){
.column5{width:100%}

.manulink {padding-bottom:20px;}
.manulink a {width:100%; display:block; margin-top:5px; margin-bottom:5px;}
}

/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 480px){
 	.column7, .column-padding-specializations{width:100%!important; float:none;margin:0 auto;}
	

.midIcon img {height:80px;}
.low {min-height:auto;}


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