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


/***** BEGIN RESET *****/
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
/*--------	GLOBAL	------------*/

body {
	-webkit-text-size-adjust: none;	
	font-family: 'Lato', sans-serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-size:cover;
}

.clear {
	clear: both;
}

img{display:inline-block;}

/*---------	General	 -------------*/

h1 {font-size:72px;font-weight:900;text-transform:uppercase;color:#00213b;line-height:62px;}
h1 span {color:#1261a3;}
h2 {font-size:40px;font-weight:900;text-transform:uppercase;color:#00213b;line-height:50px;margin:0 0 20px 0}
h2 span {color:#1261a3;}
h3 {font-size:16px;font-weight:900;text-transform:uppercase;margin-bottom:5px;}

p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #292929;
	margin:0 0 50px 0;
}

hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 -12px 12px -12px rgba(0, 0, 0, 0.5);
	margin:0;
	position:relative;
}

hr.style-five {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	margin:0;
	position:relative;
}

a{text-decoration:none;color:#1261a3;}
a:hover{color:#fff;}

.text {
    display: inline-block;
    width: 58%;
    vertical-align: middle;
    padding-right: 2%;
	float:left;
}

.text-full{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding-right: 2%;
}

.content-wrap {
	width: 90%;
	max-width:1200px;
	display:block;
	margin:0 auto;
	font-family: 'Lato', sans-serif;
}

.home {
	padding: 80px 0;

}

.about {
	padding: 80px 0;

}

#hero {
	background-image:url(../images/hero-image.jpg);
	background-size:cover;
	padding: 160px;
}

.map {
	 width:100%;
	 height:650px;    
}

.map-wrap {
     position:relative;
	 float:right;
	 width:60%; 
}
         
.overlay {
	 width:100%;
	 min-height:600px; 
	 position:absolute; 
	 top:0;
}

/*--------	Header	---------*/

header {
    position: relative;
	height:90px;
	width:100%;
}

#company-logo {
	background-color:#00213b;
	display: inline-block;
	vertical-align: top;
	width:30%;
	height:90px;
	float:left;
}

#company-logo img{width:70%;margin:30px 0 0 50px;}

.google{
	position: relative;
    top: -600px;
    margin: 0 5px 0 0;
}
.google a{font-weight:400;}

.google img{display:inline-block;}

#google_translate_element{
	float:right;
}

/*--------- Home ---------*/

.home-image {
    width: 39%;
    display: inline-block;
    vertical-align: middle;
	float:right !important;	
	margin: 0 0 20px 0;
}

.home-image img {
    width: 100%;
	border:1px solid #e1e1e1;
	-moz-box-shadow: 1px 2px 5px #e1e1e1;  /* for Mozilla Ffox */
	-webkit-box-shadow: 1px 2px 5px #e1e1e1;  /* for Safari, Chrome & others */
	box-shadow: 1px 2px 5px #e1e1e1;  /* for IE9 */
}

#address-bar {
    background: #292929;
    color: #FFF;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
	line-height:22px;
	position: relative;
    top: -24px;
}

.container{min-height: 600px;}

.thankyou{
	margin:250px 20px;
	text-align:center;
	color:#252525;	
}

.thankyou .fa{background:none;}

.thankyou a{
	color:#1261a3;
	text-decoration:underline;
}

.thankyou a:hover{
	color:#252525;
}

/*****form*****/

.contact-left{width:35%;float:left;}

.contact_form{
	width:100%;
	float:left;
	color:#252525;
}

/*----FORM------*/

#content {
	padding:30px 0;
	position:relative;
}

#col {
	width:320px;
	float:left;
	display:inline-block;
	margin:0 20px 0 0;
}

#col.right {
	margin:0;
}

#one-col {
	width:1000px;
	margin:0 0px 0 0;
	float:left;
	display:inline-block;	
}

#two-col {
	width:660px;
	margin:0 20px 0 0;
	float:left;
	display:inline-block;	
}

#two-col.right {
	margin:0;
}

.myform label{
	display:inline-block;
	width:135px;
	font-size:14px;
	text-align:left;
	color:#252525;
	margin-top: 10px;
}

.myform input, .myform select, .myform textarea{
	padding:5px;
	margin-bottom:0;
	text-align:left;
	background:#fff;
	font-size: 14px;
	height:28px;
	width:98%;
	border:0;
}

.myform textarea{
	font-size:14px;
	height: 80px;
}

.myform input.button, .myform input.button:focus{
	border:0; 
	text-align:center; 
	height: 1%;/*For IE7*/ 
	text-align:center;
	color:#fff;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	cursor:pointer;
	margin:20px 0;
	float:right;
	font-size:14px;
	text-transform: uppercase;
	padding: 10px 35px;
	font-weight: 600;
	background:#1261a3;
	width:50%;
}

.myform input.button:hover {
	height: 1%;/*For IE7*/ 
	background:#00213b;
}

.myform label.checkbox, .myform input.checkbox{width:14px; border:none; margin:5px 10px 0 0; padding:0;}

.myform input:focus, .myform textarea:focus{
	background:#00213b;
	color:#fff;
}

.myform .radiobuttons {display:inline; width:20px; border:none;}



/**CATEGORIES-zoom box*/

.cats{background:#252525;position: relative;
    top: -24px;}

.zoom-container {
    float: left;
    width: 33.333%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 15px;
    font-size: 1rem;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

.zoom-container .zoom-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.zoom-container:hover .zoom-caption {
    background: none;
}

.zoom-button {
    display: block;
    background: url(../siteart/cats/arrow.png) no-repeat;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    right: 0;
    height: 20px;
    width: 20px;
    margin: 15px;
	background-size: cover;
}

.zoom-container .zoom-caption h3 {
    display: block;
    text-align: center;
    font-size: 25px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 10px;
    position: absolute;
    bottom:125px;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);  /* not recognized by IE 7, 8, 9 */
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.zoom-container img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	opacity:0.1;
	min-height:300px;
	object-fit:cover;
}


.zoom-container:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:1;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
	max-width:1200px;
    height:90px;
    overflow:hidden;
	margin:-11px auto -11px auto;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*------------Faceted Inventory-------*/
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{
	background-color: #1261a3!important;
}
.list-container-flexrow .buy-now-link, .list-container-flexrow .contact-options a, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{
	background: #333!important ;
}
.list-content .list-title .list-listings-count{
	color: #000 !important;
}
.list-content .list-top-section .listing-option-bar .list-listings-count{
	color: #000 !important;
}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{
	background-color: #1261a3!important;
	
}

.detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price{
	color: #1261a3!important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn{
	border-color:#1261a3!important;
	color:#1261a3!important;
}

.detail-content .detail-additional-data .data-row .data-label{
	background-color: #1261a3!important;
}
.detail-content .search-results{
	color:#1261a3!important;
}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc, .detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc-ca{
	display: inline-block !important;
	height: 50px !important;
}
.paging-container .page-navs .list-page-nav{
	background-color: #1261a3!important;
}
.list-content .add-update-time{
	margin-left: 5px !important;
}
/*---------- Slideshow -------------*/


.slider {
  margin: 0 auto;
  width:100%;
}

.slide_viewer {
  height: 600px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background-image:url(../images/slides/1.jpg);
  background-size:cover;
}

.slide:nth-of-type(2) {
  background-image:url(../images/slides/2.jpg);
  background-size:cover;
}

.slide:nth-of-type(3) {
  background-image:url(../images/slides/3.jpg);
  background-size:cover;
}

.slide:nth-of-type(4) {
  background-image:url(../images/slides/4.jpg);
  background-size:cover;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 999999;
  margin-top: -61px;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: -305px;
}

.previous_btn {
  bottom: 0;
  left: 50px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 50px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  color: #FFF;
  font-size: 30px;
  vertical-align: middle;
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid #FFF;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

.previous_btn i {
    padding: 10px 0 0 14px;
}

.next_btn i {
    padding: 10px 0 0 16px;
}


.slide h1 {
    /* margin-left: 180px; */
    /* margin-top: 208px; */
}
.gradient {
    height: 100%;
    top: 0;
    padding: 200px 0 0 200px;
	background: -moz-linear-gradient(to right,  rgb(202, 202, 202), rgba(202, 202, 202, 0));
	background: -webkit-linear-gradient(to right,  rgb(202, 202, 202), rgba(202, 202, 202, 0));
	background: -o-linear-gradient(to right,  rgb(202, 202, 202), rgba(202, 202, 202, 0));
	background: -ms-linear-gradient(to right,  rgb(202, 202, 202), rgba(202, 202, 202, 0));
	background: linear-gradient(to right,  rgb(202, 202, 202), rgba(202, 202, 202, 0));
	background-attachment: fixed;
}

/**HOSTED STYLES**/

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {
    background: #1261a3 !important;
}

.hosted-content input[type='submit'], .hosted-content button:hover[type='submit'], .hosted-content .btn:hover, .hosted-content .button:hover {
    background: #e1e1e1 !important;
}

.listings-wrapper .listing-boxed .listing-boxed-details h2 a {
    text-shadow: none;
}

.inv{background:#e1e1e1;}


/****image effects****/ 

.polaroid {
  	position: relative;
	width: 32%;
    margin: 20px 20px 40px 0;
	float:left;
}
 
.polaroid img {
	border: 10px solid #fff;
	border-bottom: 45px solid #fff;
	-webkit-box-shadow: 0px 2px 3px #e1e1e1;
	-moz-box-shadow: 0px 2px 3px #e1e1e1;
	box-shadow: 0px 2px 3px #e1e1e1;
	width:100%;
}

/* By default, we tilt all our images -2 degrees */
.one{
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}
 
/* Rotate all even images 2 degrees */
.two {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}
 
/* Don't rotate every third image, but offset its position */
.three{
  -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -5px;
}
 
.polaroid p {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0px;
	font: 400 18px/1 'Kaushan Script', cursive;
	color: #888;
}


/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
.polaroids:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  position: relative;
  z-index: 5;
}

/*-----------	Footer	-------------*/

footer {
	background-image:url(../images/footer-bg.jpg);
	background-size:cover;
	padding: 40px 0 0 0;
	height: auto;
	overflow: hidden;
}

#footer-contact ul li {
    list-style-type: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #292929;
}


#footer-contact {
    display: inline-block;
	float: left;
    margin: 0 50px 20px 0;
}

#footer-copy {
    display:  inline-block;
    float: right;
    vertical-align: top;
}

footer img{width:100%; max-width:400px;}

.copyright_bar{background:#00213b;padding:5px 0;}
.copyright_left{float:left;color:#666;}
.copyright_right{float:right;color:#666;}

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

.show-menu-for-mobile {display:none;}  


@media screen and (max-width: 1500px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}

#nav {display:none;}
#navcontain{margin:0;}
#navicon {
	float: left;
	font-size: 18px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0;
	color:#252525;
}
#company-logo img {
    width: 85%;
    margin: 35px 20px;
}
.slide h1{font-size:50px;line-height:48px;}
.about img{
    margin: 20px 15px 40px 0;
}
.polaroid{width:31%;}
}


@media screen and (max-width: 768px) {
.gradient {
    padding: 200px 125px 0 125px;
}
#address-bar span{display:inline-block;}
.zoom-container {width:100%;}
.text{width:100%;}
.home-image{width:100%;margin-bottom:40px;}
h2{font-size:25px;line-height:35px;}

}

@media screen and (max-width: 736px) {
.search-form h3{display:none;}
section .search-form input[type=text] {
    width: 70%;
}

section .searchButton {
    width: 29% !important;
}
.search{padding:20px 0;}
.polaroid {width:100%;margin:0;}
.contact-left{width:100%;}
.map-wrap{width:100%;}
}


@media screen and (max-width: 600px){
#company-logo{width:100%;}
#company-logo img{width:65%;}
.previous_btn, .next_btn{display:none;}
.slide_viewer{height:300px;}
.gradient{padding:20px;}
.slide h1{font-size:35px;line-height:35px;}
.about{padding:40px 0;}
#footer-contact {
    display: inline-block;
    float: left;
    margin: 0 20px 20px 0;
    font-size: 14px;
}
}


@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}

#nav  {display:none;}
.myform input, .myform select, .myform textarea {
    width: 79%;
}
}