﻿/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	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%;}


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
	/*font-family: 'Roboto', sans-serif;*/
	font-family: Calibri, 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0;
	padding:0;
	background:url(../siteart/road.jpg) top center fixed no-repeat !important;
	-moz-background-size:cover !important;
	-webkit-background-size:cover !important;
	background-size:cover !important;
	color:#000;
	}

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: 'Roboto', sans-serif;*/
	margin: 0;
	padding:0 0 2% 0;
	font-weight:700;
	line-height:1.5em;
	color:#b11116;
	}
	h1 {font-size: 40px;}
	h2 {font-size: 36px;}
	h3 {font-size: 30px;}
	h4 {font-size: 24px;}
	h5 {font-size: 18px;}

p {
	/*font-family: 'Roboto', sans-serif;*/
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	}
/*strong{font-family: 'Roboto', sans-serif;}*/

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #b11116;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{padding:2px 0;font-size:14px;color:#fff;float:right;width:100%;text-align:right;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;}
.topbar ul li{float:left;padding:7px 40px 7px 0;}
.topbar ul li:last-child{float:right;padding:7px 0 7px 0;}
.english-header{background-color: #000; padding: 5px 10px; border-radius: 100px;}
header{width:100%;margin:0;padding:10px 0;background:#b11116;height:80px;}

.hompg header {max-width:1200px;margin-left: auto;margin-right: auto;margin-bottom: -100px; z-index: 4; position: relative;}

.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.logo{float:left;width:25%;padding-top:15px;}
.headright{float:right;width:75%;text-align:right;}
.toplink,.headsocial,.headsearch{display:inline-block;zoom: 1;*display: inline;margin:0 2px;vertical-align:middle;}
.headsocial img{display:inline-block !important;zoom: 1 !important;*display: inline !important;}
.toplink{background:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 15px;}
.toplink p{font-size:16px;padding:0;line-height:1.2em;font-weight:700;color:#fff !important;}
.toplink:hover{background:#fff;-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.toplink:hover p{color:#b11116 !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}

.headsocial a{margin-right:2px;}

.headsearch{width:35%;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:0 auto;}
.cf{background:#fff;}


.bottombanner{background:url(../siteart/producthero.jpg) bottom center fixed no-repeat;height:350px;width:100%;}
#received{height:480px;}
.spread{display:none;}

.internal{background:url(../siteart/white.png) repeat;padding:2% 0;}
#btnSearch{background:#b11116 !important;}
#btnSearch:hover{background:#333 !important;}
#btnCancel{background:#333 !important;color:#fff;}
#btnCancel:hover{cursor:pointer;}

.contentrow{border-bottom:2px solid #000;padding:1% 0;margin-bottom:2%;}
#second{border:none;}
.contentleft{width:50%;float:left;}
.contentleft h3{padding:0;}
.contentright{width:48%;float:right;margin-left:2%;}
.centered{text-align:center;color:#000;padding:0;}
.innerleft{width:45%;float:left;}
.innerleft h4{padding:0;}
.innerright{width:53%;float:right;margin-left:2%;}
#distributed{width:50%;}

/*===================== 
	slideshow styles 
=======================*/
.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;}

.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);max-height:500px;overflow:hidden;}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}

/*===================== 
	Hero styles
=======================*/

.hero{width:100%;height:440px;background:url(../siteart/compactorhero.jpg) center center no-repeat;position:relative; background-color:#111}
.herotitle{position:absolute;top:65%;width:60%;left:20%;right:20%;z-index:1000;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;}
.herotitle h4{padding:0;color:#fff;font-size:30px;}
.herotitle h1{color:#cdcdcd;font-size:60px;font-weight:700;padding:0;line-height:1.2em;}
.herotitle h1 span{padding:0;color:#fff;font-size:30px;display:block;line-height: 1.4;}
.herotitle p{color:#fff;font-size:24px;}


/*===================== 
	Quicklink styles 
=======================*/
.quicklinks{width:100%;margin:0 auto;text-align:center;position:relative;
	background-color:#fff;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.linklarge{width:39%;border-right:5px solid #f9f9f9;float:left;position:relative;overflow:hidden;padding-bottom:4%;height:360px;}
.linksmall{width:21.3%;float:left;position:relative;overflow:hidden;padding-bottom:4%;height:360px;}
.linkcontent img{transform:scale(0.8);margin-top:-10px;}
.linksmall .linkcontent img{margin-top:50px;}
/*.linktext{position:absolute;width:80%;left:10%;right:10%;bottom:-190px;}*/
.linktext{position:absolute;width:80%;left:10%;right:10%;top:80%;}

#rentaltext{bottom:-135px;}
.linksmall:hover #rentaltext{bottom:auto;}
.linktext h3, .linktext h2{color:#b11116;font-weight:700;padding-bottom:0;font-size: 30px;}
.down{color:#b11116;padding-bottom:0;margin-top:-8px;font-size: 24px;}
.linkbutton{background:#b11116;width:80%;margin:10px auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 0;text-align:center;}
.linkbutton h4, .linkbutton span {color:#fff;padding-bottom:0;font-size:20px;font-weight: 700; line-height: 1.5em;}
.linkbutton:hover{cursor:pointer;background:#000;-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.linktext p{margin-top:30px;}
.linklarge:hover,.linksmall:hover{cursor:pointer;}
.linklarge:hover .linktext, .linksmall:hover .linktext{bottom:auto;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.linklarge:hover .linkcontent img, .linksmall:hover .linkcontent img{opacity: 0.3;filter: alpha(opacity=30);-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.linklarge:hover .linktext p, .linksmall:hover .linktext p{margin-top:0;}
.linklarge:hover .linktext h3, .linksmall:hover .linktext h3{color:#000;}
.linklarge:hover .linktext h2, .linksmall:hover .linktext h2{color:#000;}
.linklarge:hover .down, .linksmall:hover .down{display:none;}

/*===================== 
	welcome styles 
=======================*/
.welcome{background:#f9f9f9;padding:2% 0;}
.welcome h3, .welcome h2 span {padding:0;color:#000;font-size:24px;display:block}
.welcome h1, .welcome h2 {line-height:1.0em;padding-bottom:1%;font-size:36px;}
#corporate{float:left;width:40%;}

/*===================== 
	news styles 
=======================*/
.newsblock{padding:2% 0; background-color: #000000b5;} /*background-image:url(../siteart/black.png); background-repeat: repeat; */
.newsslider{margin:0 auto;width:100%;}
.story{margin:0.5%;text-align:left;overflow:hidden;min-height:420px !important;position:relative;}
.story:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.story:hover .dateline{padding-top:20px;-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
.story p{color:#d4d4d4;padding:3px 0 0 0;font-size:14px;}
.story h6, .story h3 {color:#d4d4d4;padding-bottom:2%;font-size:16px;}
.read{width:100%;position:absolute !important;bottom:2% !important;}
.read:hover{background:#fff;}
.read:hover span {color:#b11116;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
.wrapper:not(.inv-wrapper) label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
.wrapper:not(.inv-wrapper) input{
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

.wrapper:not(.inv-wrapper) select{
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

.wrapper:not(.inv-wrapper) textarea{
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

.formleft,.formright{float:left;width:48%;margin:0 1%;}

.searchfield,.searchsubmit{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.searchfield{width:85%;}
#search{margin-bottom:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:1% 1% 1% 3%;width:96%;}
.searchsubmit{height:30px;width:30px;background:url(../siteart/logos/search.png) center center no-repeat;margin-left:5px;}
.searchsubmit input{border:none;background:none;margin:0;height:30px; width: 30px;}
.searchsubmit input:hover{cursor:pointer;}

.sendbutton{background:#b11116;color:#fff;}
.sendbutton:hover{background:#000;cursor:pointer;-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}

.captchabox{width:50%;margin:0 auto;text-align:center;}
.CaptchaPanel { margin: 10px 0px 10px 0px; text-align: center; padding: 10px; }
.CaptchaImagePanel { padding: 5px 5px 10px 5px; }
.CaptchaImage { }
.CaptchaMessagePanel { padding: 5px 5px 10px 5px; font-weight: bold; }
.CaptchaAnswerPanel { padding: 5px 5px 10px 5px; }
.CaptchaWhatsThisPanel { padding: 5px 5px 10px 5px; }	

/*===================== 
	layout styles 
=======================*/
.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}

.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*--------Scrolling Inventory--------*/

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-size:24px !important;}
.hosted-content h2{font-size:22px !important;}
.hosted-content h3{font-size:20px !important;}

.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
}


/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#000;padding:30px 0 0 0;}
.pagebottom p{color:#fff;font-size:14px;}
.pagebottom a{color:#d5d5d5;}
.pagebottom a:hover{color:#fff;}

.footerleft{width:40%;float:left; color: #d5d5d5;}
.footerright{width:40%;float:right;}
.footercolumn{width:50%;float:left;}
.footercolumn h4{color:#fff;}
.footercolumn a{display:block;margin:3px 0;}

.bottombar{background:#d5d5d5;padding:5px 0;text-align:center;margin:2% 0 0 0;}
.bottombar img{display:inline-block !important;zoom: 1 !important;*display: inline !important;vertical-align:middle;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #b11116;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footertext {
	font-size:11px; 
	color:#b11116;
	}

.smallfootertext {
	font-size:11px; 
	color:#d5d5d5;
	}

.divfooter {
	text-align:left; 
	margin:0 auto;
	}


/* FACETED */

.searchsubmit #submit{
	background:  none !important;
}

#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: 'Roboto', sans-serif!important;} /* Reset font, ignore icons */


#inv > .container{
	padding-top: 20px !important;
}
#inv .more{
	position: relative;
	right: 0;
}


.inv-heading {
	padding-bottom: 10px;
}

.country-container {
	padding-bottom: 10px;
}

.country-container span {
	display: inline-block;
	padding-right: 15px;
}

.country-container a {
	display: inline-block;
  	padding: 5px 16px;
  	color: #fff;
  	background-color: #b11116;
  	margin: 3px;
  	border-radius: 5px;
  	font-size: 14px;	
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button {background:#b11116 !important; color: #fff !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn {background: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .page-nav, .contact-options a {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details, .cs-btns a, .list-error-container .info button {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{padding: 20px 0;box-sizing: border-box;}

.bottom-bar {display:none !important;}


.fayatlogo {
	max-width: 100%;
  	height: auto;
	margin-right:2rem;
}

.welcome-text {
	padding-left:2rem;
}

.text-upper {text-transform:uppercase}


.langswitch {
	text-align:right;
}
.langswitch a {
	margin-right:5px;
	margin-left:5px;
}
.langswitch a:hover {
	text-decoration: underline;
	color:#fff;
}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1670px) {
.linktext{width:92%;left:4%;right:4%;}
.newsslider{width:90%;margin:0 auto;}
.bottombanner{height:320px;}

}

@media screen and (max-width: 1455px) {
.hero{height:400px;}
.herotitle h4, .herotitle h1 span {font-size:26px;}
.herotitle h1{font-size:54px;}
.herotitle p{font-size:20px;}
.linkcontent img{-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);margin-top:-60px;}
.linksmall .linkcontent img{margin-top:40px;}
.linklarge{width:38%;height:260px;}
.linksmall{width:23%;height:260px;}
#rentaltext{bottom:-130px;}
.linktext{bottom:-180px;}
.linktext h3, .linktext h2 {font-size:24px;}
.linktext p{font-size:16px;}
.linkbutton h4, .linkbutton span {font-size:18px;}
.story{min-height:390px !important;}
.footercolumn h4{font-size:20px;}
.footercolumn a{font-size:14px;}

.centered{font-size:20px;}
}

@media screen and (max-width: 1280px) {
.linktext h3, .linktext h2{font-size:24px;}
.linktext{width:84%;left:8%;right:8%;bottom:-200px;}
#rentaltext{bottom:-148px;}
.story{min-height:370px !important;}
.bottombanner{height:350px;overflow:hidden;background:none;}
.spread{display:block;}
.footerright{width:50%;}
}

@media screen and (max-width: 1100px) {
header{height:auto;}
#search{padding:2% 1% 2% 3%;}
.headsearch{width:45%;}
h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 18px;}
.herotitle{width:70%;left:15%;right:15%;}
.herotitle h4, .herotitle h1 span {font-size:24px;}
.herotitle h1{font-size:48px;}
.herotitle p{font-size:20px;}
.linklarge{width:37%;}
.linksmall{width:24.9%;}
.linklarge,.linksmall{height:240px;}
.linkcontent img{margin-top:-40px;}
.linktext{bottom:-190px;}
.linkbutton h4, .linkbutton span{font-size:16px;}
#rentaltext{bottom:-144px;}
.welcome h3, .welcome h2 span {font-size:20px;}
.welcome h1, .welcome h2 {font-size:30px;}
p {font-size: 16px;}
.story{min-height:360px !important;}
.story:hover img{-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.story:hover .dateline{padding-top:3px;}
body{background:url(../siteart/road.jpg) top center no-repeat !important;-moz-background-size:cover !important;-webkit-background-size:cover !important;background-size:cover !important;}

.innerleft h4{font-size:20px;}
.centered{font-size:18px;}
	
	.inv-wrapper{
		width: 100%;
	}

}

@media screen and (max-width: 1000px) {
.linktext h3, .linktext h2,.down{font-size:20px;}
.linktext p{font-size:15px;padding:0;}
.linkbutton h4,  .linkbutton span{font-size:14px;}
.linklarge,.linksmall{height:200px;}
.linksmall .linkcontent img{margin-top:30px;}
.linksmall{width:24.7%;}
#corporate h4,#distributed h4{font-size:16px;}
.bottombanner{height:320px;}

.internal{padding:3% 0;}

}


@media screen and (max-width: 900px) {
header{position:relative;}
.logo{position:absolute;bottom:10px;padding:0;width:30%;}
.headright{width:100%;text-align:center;float:none;}
.topbar{float:none;text-align:center;padding-bottom:8px;}
.navbar{text-align:right;}
.bottom-bar {display:block !important; bottom: 50px !important;}

}

@media screen and (max-width: 800px) {
.logo{float:none;text-align:center;}
.address{text-align:center;padding-top:20px;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
.herotitle{width:90%;left:5%;right:5%;}
.herotitle h4, .herotitle h1 span {font-size:22px;}
.herotitle h1{font-size:44px;}
.herotitle p{font-size:18px;}	
#rentaltext{bottom:-118px;}
.linktext{width:94%;left:3%;right:3%;bottom:-160px;}
.linklarge{width:36%;}
.linksmall{width:26.5%;}
.linktext h3, .linktext h2,.down{font-size:18px;}
.linktext p{font-size:14px;}
.linksmall .linkcontent img{margin-top:20px;}
.linkcontent img{margin-top:-25px;}
.story{min-height:340px !important;}
.bottombanner{height:250px;}
.footercolumn h4{font-size:16px;}

.contentleft,.contentright,.innerleft,.innerright{float:none;display:block;width:100%;margin:2% auto;}
.contentleft h5{font-size:20px;}
.centered{font-size:22px;padding:0;}
.innerleft p{padding:0;font-size:18px;}
.innerright{text-align:center;}
#distributed{width:80%;}
	
.welcome-text {padding-left:0;}
.fayatlogoouter {padding:1rem; text-align:center;}
	.fayatlogo {max-width:90%}
}

@media screen and (max-width: 750px) {
.linklarge,.linksmall{height:185px;}
.linktext p{font-size:13px;}
}

@media screen and (max-width: 700px) {
.linktext{width:90%;left:5%;right:5%;bottom:-180px;}
.linkcontent img{margin-top:-15px;}
.linktext h3, .linktext h2,.down{font-size:16px;}
.linksmall{width:26.4%;}
.down{margin-top:-5px;}
#rentaltext{bottom:-120px;}
.wrapper{width:92%;}
#corporate{width:50%;}
.story{min-height:320px !important;}
.bottombanner{height:200px;}
.footerright{width:55%;}

.formleft,.formright{float:none;display:block;width:100%;margin:0 auto;}
.captchabox{width:80%;}

.hosted-content h1{font-size:20px !important;}
.hosted-content h2{font-size:18px !important;}
.hosted-content h3{font-size:16px !important;}
}

@media screen and (max-width: 640px) {
.logo{width:35%;}
.headsearch{width:70%;display:block;margin:5px auto;margin-bottom:0;}
.toplink p{font-size:15px;}
.linklarge,.linksmall{width:100%;float:none;display:block;margin:0 auto;}
.linklarge{border-right:none;border-bottom:5px solid #c1c1c1;}
.linkcontent img{margin-top:-80px;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
.linklarge,.linksmall{height:240px;}
.linktext{bottom:-155px;}
.linktext h3, .linktext h2,.down{font-size:20px;}
.linktext p{font-size:15px;}
.linksmall .linkcontent img{margin-top:-85px;}
#rentaltext{bottom:-90px;}
.welcome{text-align:center;}
#corporate{width:70%;float:none;}
.padit{padding:4% 0;}
.bottombanner{height:170px;}
.pagebottom{position:relative;}
.footerleft{width: 100%; text-align: center; margin-bottom: 2rem;}
.footerleft img{position:absolute;width:50%;left:25%;right:25%;}
.footerright{width:100%;float:none;display:block;margin:0 auto;text-align:center;padding-top:60px;}
.footercolumn{display:inline-block;zoom: 1;*display: inline;vertical-align:top;float:none;width:45%;margin:1%;}
footer{position:absolute;width:90%;left:5%;right:5%;bottom:15%;}
.divfooter{text-align:center;}
.bottombar{margin-top:120px;}

.internal{padding:4% 0;}
.centered,.contentleft h5{font-size:18px;}
.innerleft p{font-size:16px;}
}

@media screen and (max-width: 480px){
.logo{width:45%;}
.headsearch{width:90%;}
.hero{height:300px;}
.herotitle h4, .herotitle h1 span {font-size:20px;}
.herotitle h1{font-size:36px;}
.herotitle p{font-size:16px;}
.linktext{width:88%;left:6%;right:6%;}
.linkcontent img{margin-top:-70px;}
#rentaltext{bottom:-110px;}
.linksmall .linkcontent img{margin-top:-75px;}
.divfooter {text-align:center;}	
p{font-size:15px;}
#corporate{width:90%;}
.newsslider{width:80%;}
.story{min-height:350px !important;}
.bottombanner{height:140px;}
.bottombar{margin-top:140px;}
#distributed{width:100%;}


}

@media screen and (max-width: 447px){
.linklarge,.linksmall{height:220px;}
.linktext{bottom:-180px;}

}

@media screen and (max-width: 414px){
.logo{width:50%;}	
.hero{height:300px;}
.herotitle h1{font-size:30px;}
.herotitle p{font-size:15px;}
.linklarge,.linksmall{height:200px;}
.linkcontent img{margin-top:-70px;}
.linktext{width:94%;left:3%;right:3%;}
.story{min-height:330px !important;}
.bottombanner{height:120px;}
.bottombar{margin-top:170px;}
.smallfootertext{font-size:10px;}
}

@media screen and (max-width: 400px){
.linkcontent img{margin-top:-55px;}
}
	
@media screen and (max-width: 360px){
.logo{width:60%;}
.headsearch{width:96%;}
.toplink,.headsocial{margin:5px 2px;}
.linkcontent img{margin-top:-45px;}
.linksmall .linkcontent img{margin-top:-45px;}
#rentaltext{bottom:-115px;}
.story{min-height:320px !important;}
}

@media screen and (max-width: 350px){
.herotitle h1, .welcome h1{font-size:26px;}
#corporate{width:96%;}
.bottombanner{height:100px;}
.footercolumn{display:block;width:90%;margin:4% auto;}
footer{bottom:10%;}
.footerleft img{width:60%;left:20%;right:20%;}
.footerright{padding-top:40px;}
}