/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 10, 2015 */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../webfonts/bebasneue-webfont.eot');
    src: url('../webfonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/bebasneue-webfont.woff') format('woff'),
         url('../webfonts/bebasneue-webfont.ttf') format('truetype'),
         url('../webfonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*===================== 
	base styles 
=======================*/
html, body{
  height:100%;
}

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
	padding:0;
	background:#000;
	color:#000;
	padding-left:125px !important;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'bebas_neueregular';
	margin: 0;
	padding:0 0 15px 0;
	font-weight:normal;
	line-height:36px;
	color:#4d4d4d;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size:30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}

p {
    font-family: 'Roboto', sans-serif;
	padding: 0 0 10px 0;
	font-size:16px;
	line-height:1.5em;
	margin: 0;
	}
strong{font-family: 'Roboto', sans-serif;font-weight:700;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	color:#f47820;
	}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:underline;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #f47820;
	} 
	
.appbutton{background:#f47820; padding:10px 20px;color:#fff; border-radius:3px;text-decoration:none;font-family: 'bebas_neueregular';display:inline-block;box-sizing:border-box;}
.appbutton:hover{background:#262626;color:#fff;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
header{width:100%;margin:0;padding:10px 0 7px 0;background:#f47820;}

.headerwrap{width:96%;margin:0 auto;max-width:1170px;}
.logo{float:left;width:20%;}
.header-right{float:right;width:80%;}
.address{text-align:right;padding-top:10px;}
.address h2{padding:0;color:#000;}
.address h5{padding:0;color:#000;}

.phone1{font-family: 'bebas_neueregular';font-size:26px;text-align:right;padding:0 15px;color:#262626;}
.phone1 i{color:#fff;margin-right:5px;font-size:.9em;}
.instalogo{position: absolute;}


/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */

.sidenav{width:125px;height:100%;background:#262626;position:fixed;top:0;left:0;}
.sidenav ul{margin:0;padding:0;}
.sidenav ul li{display:block;text-align:center;border-bottom:#4d4d4d 1px solid;height:100px;list-style-type:none;color:#fff;background:#262626;	-webkit-transition:.3s ease-in;  
	-moz-transition:.3s ease-in;  
	-o-transition:.3s ease-in;  
	transition:.3s ease-in;}
.sidenav ul li:hover{background:#000;}
.sidenav ul li a{
	height:100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    line-height: 1.2em;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.sidenav ul li a img{margin:0 auto 10px auto;display:block;}


/* BANNER CTA */

.btnicon{position: absolute; right: 20px;
top: 50%;
transform: translateY(-50%);}
.banner-cta{
	position: relative;
	background: #fff;
	color: #262626 !important;
    font-family: roboto, sans-serif;
	letter-spacing: 1px;
	font-size: 24px;
	text-align: center;
	padding: 20px;
    line-height: 1.6em;
	display: block;
	text-decoration: none !important;
}
.banner-cta span{
	color: #f47820 !important;
}
.banner-cta span.hide-mobile{
	color: #262626 !important;
}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1170px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1230px;margin:0 auto;}

.special {border:1px solid #ccc; width:100%; text-align:center; padding:10px 0;}

/*===================== 
	layout styles 
=======================*/
.main{position:relative;overflow:hidden;height:calc(100% - 151px);min-height:400px;width:100%;background:url("../siteart/Lonestar-Picture.JPG.png") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.content{position:relative;background:#fff;min-height: calc(100% - 151px);}

.tagline{position:absolute;width:100%;top:50%;left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index:100;}
.tagline p{font-family: 'bebas_neueregular';color:#fff;font-size:72px;line-height: 1em;}
.tagline p.sm{font-size: 56px;}
.tagline p.md{font-size: 68px;}
.tagline p.lg{font-size: 105px;position:relative;}
.tagline p.lg img{position:absolute;top:0;}
.tagline span{color:#f47820;}
.colo{max-width:28%;width:auto;margin-bottom:10px;}
.logos img{margin:20px 40px 0;max-height: 120px;max-width: 250px;vertical-align: middle;height:auto;width:auto;}
.padit{padding:40px 0;}
.borderit{padding:15px;border:#ccc 1px solid;}
.welcome h1{color:#f47820;}
.welcome{text-align:center;}
.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#ffcd07 4px solid;}


.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:142px; height:70px;padding-top:100px;font-family: 'Roboto', sans-serif;position:relative;}
a .linkbox{color:#fff;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
a:hover .linkbox{color:#000;}

.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

.showroom{float:left;width:31.33%;margin:0 1% 2% 1%;border-radius:3px;border:#ccc 1px solid;padding:15px;box-sizing:border-box;text-align:center; height: 300px;}
.showroompic{width:100%;height:140px;}
.showroompic img{max-height:100px;}
.showroom .appbutton{display:block;font-size: 1.3em;}

.team{}
.team h3{margin-bottom:0;padding-bottom:0;}
.team table{width:100%;}
.team table td{vertical-align:top;padding: 10px;border: #ccc 1px solid;}

.idealease{float:right;margin:10px;max-width:230px;}
	

.s13-banner{
	margin: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.s13-banner .left-col{
	width: calc(100% - 330px);
}
.s13-banner .left-col .banner-header{
	padding: 37px 36px;
	background: #262626;
	color: #fff;
}
.s13-banner > div .international-grid{
	display: flex; flex-wrap: wrap;
	gap: 15px;
	margin-top: 15px;
}
.s13-banner > div .international-grid a{
	padding: 60px 30px;
	box-sizing: border-box;
	width: calc(33.33333% - 10px);
	border: 1px solid #dddddd;
	text-align: center;
}
.s13-banner > div .international-grid a img{
	max-width: 100%;
}
.s13-banner h6{
	color: #fff;
	font-size: 30px;
	line-height: 35px;
}
/*===================== 
	Form styles 
=======================*/
.order-form{display:block;background:#fafafa;padding:15px;border:#ccc 1px solid;}

#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:inline-block;
	font-size:16px;
}
input{
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 10px;
	font-size:14px;
	box-sizing:border-box;
	width:98%;
	margin:0 1% 10px;
}
input.half{width:48%;float:left;}

input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 20px;
	border:#f47820 solid 1px;
	background-color:#f47820;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#4d4d4d;
	cursor:pointer;
}

input[type="checkbox"] {display:inline-block;width:auto;margin:0 0 0 1%;}

input.paybutton{
	display:block !important;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	border:none !important;
	background-color:#262626 !important;
	color:#fff !important;
	border-radius: 0 !important;
	font-size:12px !important;
	font-style:italic !important;
}
input.paybutton:hover{
	background-color:#000000 !important;
	cursor:pointer !important;
}

select{
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:102%;
}
textarea{
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 10px;
	font-size:14px;
	width:98%;
	margin:0 1% 10px;
	box-sizing:border-box;
}

.CaptchaPanel {
    margin: 0px 0px 0px 0px !important;
    text-align: center;
    padding: 0px !important;
}

.CaptchaImagePanel,
.CaptchaMessagePanel,  
.CaptchaAnswerPanel, 
.CaptchaWhatsThisPanel {
	margin:0px 0px 0px !important;
	font-size: 12px;
	color: #000;
	text-align: left !important;
	font-weight:normal!important;
	padding:0px 0 0!important;
	box-sizing:border-box;
	}

.CaptchaImagePanel{float:left;margin-right:10px !important;}
.CaptchaMessagePanel{}
#CaptchaAnswer{margin:5px 0; width:50%;}
fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}

.partsearch{padding:10px;border:#ccc 1px solid;margin-bottom:20px;}
.partsearch input{float:left; width:calc(100% - 105px); margin:0 0 0 0;border-radius: 0px;}
.partsearch .button2{width:105px;float:left;margin:0 0 0 0;border-radius: 0px;}

/* -------------------------------- 

Popup style

-------------------------------- */
	.img-replace {display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap;}
    
    .bts-popup {position: fixed; left: 0; top: 15%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 999999999999999999;}
	.bts-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 999999999;}
	.bts-popup-container {
	position: relative;
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
	background: #262626; 
	text-align: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999999999;
	box-sizing: border-box;
	padding: 2% 5%;
	border:1px solid #4a4a4a;
	}
	.bts-popup-container p {color: #fff; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; line-height: normal;}
	.bts-popup-container .bts-popup-button {padding: 5px 25px; border: 2px solid white; display: inline-block; margin-bottom: 10px;}

	.bts-popup-container a {color: white; text-decoration: none; text-transform: uppercase;}

	.bts-popup-container .bts-popup-close {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; z-index: 9999; background: #000;}
	.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {content: ''; position: absolute; top: 13px; width: 16px; height: 3px; background-color: white; z-index: 9999;}
	.bts-popup-container .bts-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; z-index: 9999;}
	.bts-popup-container .bts-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 6px; top: 13px; z-index: 9999;}
	.is-visible .bts-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}





/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#000;padding:15px 0;border-top:#474747 1px solid;position:relative;bottom:0;height:48px;box-sizing:border-box;}
.pagebottom p{color:#fff;font-size:18px;font-family: 'bebas_neueregular';line-height:1em;padding:0 0 0 0;margin:0 0 0 0;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#ffcd07;}
.host{float: left;} .copyright{float: right;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
	}
.announcement{
	color: #fff;
	text-align: center;
	font-size: 25px;
	padding: 3%;
	text-transform: uppercase;
}
/*--------Scrolling Inventory--------*/

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.col:first-child { margin-left: 0; }
.hosted-content .col{margin:0 0 0 0;}
.hosted-content input{width:auto;}
.hosted-content select{width:auto;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 760px) {

	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}			
	
}

/*===================== 
	Responsive styles 
=======================*/

@media screen and (max-width: 1280px) {
.colo{display:none;}
}
@media screen and (max-width: 1170px) {
.tagline p.lg img{display:none;}
.logo{float:left;width:25%;}
.header-right{float:right;width:75%;}
.showroom h2{font-size:22px;}
	#billpay{height:50px;}
	.banner-cta{
		font-size: 18px;
	}
}

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

.s13-banner > div .international-grid a{
	width: calc(50% - 7.5px);
	padding: 21px;
}
	
	
.sidenav{width: 100%;height:80px;background:#262626;position: relative;top:0;left:0;}
.sidenav ul{margin:0;padding:0;}
.sidenav ul li{display:block;border-bottom:#4d4d4d 1px solid;height:80px;float: left;text-align: center;width: 20%;}
.sidenav ul li:first-child{display:none;}
.sidenav ul li a img{margin-bottom:10px;height: 25px;}
.sidenav ul li a{height:80px;}
body {padding-left:0 !important;}
p{font-size:16px;}
.tagline p.lg{font-size: 100px;position:relative;}
.team p{font-size:12px;}
}


@media screen and (min-width: 761px) {
	
	.show-mobile{display:none !important;}
}
@media screen and (max-width: 760px) {
	
		
.s13-banner .banner-header{
	margin-top: 15px;
}	
.s13-banner .left-col{
	width: 100%;
}
	.s13-banner .appbutton{
		margin-bottom: 10px;
	}
	.s13-banner {
		flex-direction: column-reverse;
	}
	
	.hide-mobile{display:none !important;}
.main{height:auto;min-height:auto;}
.tagline{position:relative;width:100%;top:auto;left:0;-webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); z-index:100;}
.logos img{margin: 20px 20px;max-height: 70px;max-width: 160px;vertical-align: middle;}
.tagline p.sm{font-size: 42px;}
.tagline p.md{font-size: 50px;}
.tagline p.lg{font-size: 70px;position:relative;}
.tagline p.lg img{height:30px;}
.showroom{width:98%;}

h2 {font-size:24px;}
h5 {font-size:16px; line-height: 20px;}
	
	.banner-cta {
		font-size: 14px;
	}

}
@media screen and (max-width: 480px){
	
	
	.s13-banner .appbutton{
		margin-bottom: 10px;
		display: block;
	}
	
	
	.s13-banner > a img{
		margin: 0 auto;
	}
	
	
.logos img{margin: 20px 10px;max-height: 60px;max-width: 100px;vertical-align: middle;}
.pagebottom p{color:#fff;font-size: 12px;}
.sidenav ul li a{font-size:10px;}
.team table td{display: block;}
.idealease{float:none;margin:10px 0;max-width:230px;}

}