/* BEGIN RESET */


.shop-i {    background: #0a62ad;
    color: #fff;
    padding: 2px 10px;
    font-size: 20px;
    bottom: 2px;
    position: relative;
	border-radius: 3px;
	transition:.25s;
}
.shop-i:hover {    
	background: #397ab2;
	box-shadow:0px 2px 4px #333;
}

* {background:transparent; border:0; margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif; font-style:normal; line-height:normal; -webkit-text-size-adjust: none;}
ol, ul, li {list-style: none; font-size:15px; line-height:20px;}
ul {padding:0 0;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-family: 'Roboto Condensed', sans-serif !important; font-size:48px; line-height:42px; color:#0a62ad; text-transform:uppercase; font-weight:700; margin-top:45px;}
h2 {font-family: 'Roboto Condensed', sans-serif !important; font-weight:700; font-size:32px; text-transform:uppercase; }
h3 {font-family: 'Roboto Condensed', sans-serif !important; font-size:28px;}
h4 {font-family: 'Roboto Condensed', sans-serif !important; font-size:22px; text-transform:uppercase; color:#fff; margin-top:5px;}
h5 {font-family: 'Roboto Condensed', sans-serif !important; font-size:18px; text-transform:uppercase; font-weight:700; margin-top:5px;}

p {font-size:16px; line-height:26px;}

a {text-decoration:none;}

/* BASIC STYLES */
body {overflow-x:hidden; background:#fff;}
#contentwrap {width:90%; margin:0 auto;}
#site-width {width:75%; padding:175px 0 15px; margin:0 auto; position:relative;}
#site-width a {color:#282828;}
#site-width a:hover {color:#0a62ad;}


#colorblock {background:linear-gradient(#e9ca0b, #f0d407); color:#000; padding:10px 0;}
#iconwrap {width:75%; margin:-120px auto 10px; position:relative; z-index:9999; }

/* HEADER */
header {position:absolute; width:100%; z-index:99999999999999999999999; top:0;}
header a {color:#000; font-size:24px; font-weight:700;}
.logo {width:25%; position:absolute; top:10px; left:70px;  z-index:99;}
.logo img {width:90%;}
.navwrap {background: rgba(40, 40, 40, 0.89); width:75%; float:right;}

/* CONTENT STYLES */
#icon {background:#0a62ad; border-right:1px solid #136EBB; padding:10px 0;}
#icon:hover {background:linear-gradient(#e9ca0b, #f0d407);  border-right:1px solid #f2dc4c; padding:10px 0;}

#hometext a {color:#000;}
#hometext a:hover {color:#0a62ad;}

#middle {background: url(../siteart/bg.jpg) no-repeat; padding:20px 0 13px;}

.pageleft {float:left; width:60%;}
.pageright {float:right; width:35%;}

.custom-btn {border:1px solid #0a62ad; color:#0a62ad; font-weight:700; display:inline-block; width:48%; text-align:center; padding:10px 0; margin:10px 1% 10px 0;}
.custom-btn:hover {background:linear-gradient(#0a62ad, #0c5797); color:#fff;}

.manu img {height:85px; vertical-align:middle; margin:0 2% 2%;}

.videoslot {float:left; width:48%; margin:30px 10px; border:1px solid #fff;}
.four_grid {display:inline-block; width:22%; margin:0 1% 2%; background:#0a62ad; text-align:center; font-size:20px; color:#fff; line-height:36px;border:1px solid #ccc; font-weight:700; text-transform:uppercase;}
.four_grid img {width:100%;}

.svg-inline--fa.fa-w-10 {width: auto !important;} 

.three_grid {display:inline-block; width:30%; margin:0 1% 2%; background:#0a62ad; text-align:center; font-size:20px; color:#fff; line-height:36px;border:1px solid #ccc; font-weight:700; text-transform:uppercase;}
.three_grid img {width:100%;}    

.invsearchicon {width:60px; height:auto; position:absolute; margin:50px 0 0 12px;}

.parts-head-title {font-family: 'Roboto Condensed', sans-serif !important; text-transform: uppercase; font-weight: 400; color: #000; line-height: 1.4; margin-bottom: .5rem; font-size: 3rem;}

/* FOOTER */
footer * {box-sizing:border-box !important;}
footer {background:#282828; padding:20px 0; color:#fff;}
footer a {color:#fff !important;}
footer a:hover {color:#f0d407 !important;}
footer h5 {font-size: 18px; font-weight: 700;}
footer p {font-size: 13px;}
.line {border-top:1px solid #0a62ad; margin:0 auto;}
.foot_column {float:left; width: 49%;}
.foot {float:right; width:18%; margin-top:20px;}
.foot img {width:100%; vertical-align:top; margin:1% 2%;}
#footright {text-align:right;}

.view-listing-details-link:hover {color:#fff!important}
.view-listing-details-link, .detail-contact-bar .contact-bar-btn {background: #0a62ad !important; color: #fff !important;}
.detail-additional-data .data-row .data-label, .contact-options a, .fin-calc-mobile > a {background: #333 !important;}
/************************************************ Responsive Styles **/

@media screen and (max-width: 1580px)  {
.tagline {top:200px; right:50px;}
h2 {font-size:18px;}
#flipbox{width:24%;}

h3 {font-size:24px; margin:15px 0 0;}
p {font-size:13px;}

.durastartagline a {width:75%; font-size:16px;}
.terrastartagline a {width:75%; font-size:16px;}

h1 {font-size:32px; margin:20px 0 10px; line-height:32px;}
.style1 {font-size:25px; padding-top:0;}

.videoslot {width:47%;}
.four_grid {font-size:16px;}

.invsearchicon {margin:45px 0 0 10px;}

.foot img {margin:0 2%;}
.footleft {width:65%;}
.footright {width:35%;}

}

@media screen and (max-width: 1280px)  {
.logo {width:30%; left:10px;}
.manu img {height:50px;}

.four_grid {width:31%;}

.invsearchicon {margin:42px 0 0 20px;}

}

@media screen and (max-width: 1024px)  {
#site-width {width:90%;}

header a {font-size:24px;}
.logo {width:40%;}

#iconwrap {width:90%; margin:-75px auto 10px;}

.hosted-content #listings-title {font-size:1.25rem !important;}

.videoslot {float:none; width:100%; margin:0 auto;}
.four_grid {width:30%; font-size:12px;}

.custom-btn {font-size:14px;}
.foot_column {width:75%;}
.foot {width:20%;}

}
@media screen and (max-width: 1000px){
	footer {margin-bottom: 0px !important;}
}


@media screen and (max-width: 780px)  {
	
h1 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
p {font-size:12px; line-height:20px;}
header {position:relative;}
header a {font-size:18px;}
.logo {width:40%;}
.navwrap {width:100%; background:#282828;}

#site-width {margin:20px auto; padding-top:0;}

#iconwrap {width:100%; margin:-20px auto 10px; position:relative; padding:10px 0;}
#icon {width:50%; border-bottom:1px solid #f2dc4c;}

.manu img {height:25px;}

.four_grid {width:47%;}
.three_grid {font-size:14px;}

.pageleft {float:none; width:100%;}
.pageright {float:none; width:100%;}

.custom-btn {width:100%; margin:10px auto 15px;}

#footright {text-align:left;}


}

@media screen and (max-width: 600px)  {
.invsearchicon {margin:42px 0 0 12px;}
}

@media screen and (max-width: 550px)  {
.invsearchicon {margin:90px 0 0 0px;}
}

@media screen and (max-width: 500px)  {
.hosted-content #listings-title {font-size:1rem !important; line-height:1.25rem;}

.four_grid {width:100%; margin:0 auto 2%;}


.three_grid {display:block; width:100%; margin:0 auto 2%;}
.foot_column {float:none; width:100%;}
.foot {float:none; width:75%; margin:0 auto;}
#footright {margin-top:-15px;}


}

@media screen and (max-width: 375px)  {
#logo {top:55px;}

#icon {width:100%; border-right:none;}


}

@media screen and (max-width: 350px)  {
.invsearchicon {margin:112px 0 0 0px;}
}

@media screen and (max-width: 250px)  {
.invsearchicon {margin:112px 0 0 0px;}
}