/***** BEGIN RESET *****/
@import url('https://fonts.cdnfonts.com/css/trebuchet-ms-2');
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;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 
body{font-family: 'Trebuchet MS', sans-serif; letter-spacing:.5px;}
/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/



a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.nav-wrapper{position:relative; margin: 0 auto;}
.header{display:flex; flex-direction:row; justify-content:space-between;width:85%; margin: 0 auto;}

.top-nav{width:80%; background-color:#000; float:right; position:relative; }
.top-nav:after{position:absolute; left:-1px; top:-1px; content:'';border-bottom: 60px solid white;border-right: 40px solid transparent;}

.top-nav ul{display:flex; flex-direction:row; justify-content: space-between;width:60%; margin-left:12%; padding:20px 0;}
.top-nav ul li a{color:#fff; transition: .3s ease; font-size:15px;}
.top-nav ul li a:hover{color:#fcc300;}
.top-nav ul li a:hover i{color:#fcc300;}
.top-nav i{transition:.3s ease;}

.logo{width:400px; position:absolute; left:0; top:0;border-top: solid 8px #000;}
.logo img{width:40%; margin-left:40%; padding-top:5px; z-index:2000;}

.socials{display:flex; flex-direction:row; position:absolute; background-color:#fcc300; right:0; bottom:46%; padding-right:5%;}
.socials i{color:#000; padding:12px; transition: .3s ease-in-out}
.socials i:hover{transform:scale(-1, 1);}
.socials .fab{font-size:20px; }

.social-triangle{position: absolute; bottom: 0; z-index: 10;right:100%; border-left:22px solid transparent;border-right:20px solid #fcc300;border-bottom: 24px solid transparent;border-top: 20px solid transparent;}

/*---BODY--------------------------------*/
/*----Slideshow--------*/
.slideshow{max-width:100%;}
.slider-back{position:relative; background-color:#f1f1f1;}
.slider-back img{object-fit:contain; width:100%; }
.slide-row{position:absolute;bottom:33%;left:10%; display:flex; flex-direction:row; z-index:150; justify-content: space-between; width:80%;}
.slide-caption{color:#fff; padding-top:6%;}
.slide-caption h1{font-size:55px;text-transform:uppercase; font-weight:600; letter-spacing:1px;}
.slide-caption p{font-size:16px;letter-spacing:1.5px;line-height:24px;font-weight:100;padding: 10px 0 40px 0; width:80%;}
.slide-caption a{color:#000;background-color:#fcc300;font-size: 16px;font-weight: 100;padding: 12px 0px 5px 22px; transition: .3s ease-in-out;}

.slide-caption a i{padding-left:34px;}
.hero-link{display:flex; flex-direction:row;}
.link-tri{z-index: 10; border-right:22px solid transparent;border-left:20px solid #fcc300;border-bottom: 24px solid transparent;border-top: 20px solid transparent;}
.mobile-slide-search{display:none;}


.hero-link a{box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.7); position:relative; cursor:pointer;}
.hero-link a:after{content: ''; font-size:60px; margin-top:-16px; position:absolute; opacity:0; top:0; right:-10px; transition: .5s}
.hero-link a:hover{padding-right:15px; padding-left:25px; cursor:pointer;}



/*-----previous and next buttons--------*/
.cycle-next{display: block;position: absolute!important;bottom: 35%;right:0;padding-right:5px;color:#000;z-index:200;}
.cycle-prev{display: block;position: absolute!important; bottom: 35%;left: 10%;color:#000;z-index:200;}
.cycle-prev i, .cycle-next i{font-size:24px;transition:.3s ease-in-out;}
.tri-container{position:absolute;bottom:63%;z-index:200;}
.triangle{border-right:40px solid transparent;border-left:40px solid #fcc300;border-bottom: 40px solid transparent;border-top: 40px solid transparent;transition: .3s ease-in-out;}
.next-tri-container{position:absolute;bottom:63%;right:0;z-index:200;}
.next-triangle{border-left:40px solid transparent;border-right:40px solid #fcc300;border-bottom: 40px solid transparent;border-top: 40px solid transparent;transition: .3s ease-in-out;}
.next-triangle:hover{border-left:40px solid transparent;border-right:40px solid #000;border-bottom: 40px solid transparent;border-top: 40px solid transparent;}
.triangle:hover{border-right:40px solid transparent;border-left:40px solid #000;border-bottom: 40px solid transparent;border-top: 40px solid transparent;}
.triangle:hover .cycle-prev i{color:#fcc300;}
.next-triangle:hover .cycle-next i{color:#fcc300;}


/*--------EQUIPMENT SEARCH-------------*/
.slide-search h3, .mobile-slide-search h3{text-align:center; font-size:19px; font-weight:700;padding: 17px; background-color:#fcc300; color:#000;}
.slide-search, .mobile-slide-search{background-color:rgba(6,6,6,0.78); width:380px; color:#fff; padding: 0 0 25px 0;}
.search-row{display:flex; flex-direction:column; justify-content: center; color:#fff; width:90%; margin: 0 auto;}
.formfield select{width:100%; font-size: 14px; background-color:#fff; height:50px; color:#777; text-align:center;}

.formfield input[type="text"]{width:92%; padding:12px; font-size:14px; background-color:#fff; height:24px;margin-top:5px; text-align:center; }
.search-row input[type="submit"]{width:80%!important; margin-left:10%;; height:50px; padding: 10px; color:#000; background-color:#fcc300; display: inline-block; outline: none; border: none; transition: .3s ease-in-out;box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.7); cursor:pointer;}
.search-row input[type="submit"]:hover{background-color:#000; color:#fff;}



/*----QUICK LINKS----------*/

.ql-container{ background-color:#F1F1F1; padding:40px 0; }
.qls{display:flex; flex-direction: row; justify-content: center; flex-wrap:wrap;width:90%; margin: 0 auto;}
.ql{padding:20px 0; border: 1px solid #bababa;; margin:20px; transition: .4s ease-in-out;box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.2);cursor:pointer;}
.ql p{padding-top:10px; text-align: center; font-size:14px;}
.ql a{color:#000;}

.ql:hover{transform:translatey(-20px);}


/*------About Section----------*/
.about-container{background:url(/siteart/about-background.png); background-repeat: no-repeat; width:100%; background-position: center; background-size:cover;}
.welcome{padding:50px 0; text-align:center;}
.welcome h2{font-size:35px;}
.about-row{display:flex; flex-direction:row; justify-content:space-between; width:75%; margin: 0 auto;}
.about-text{width:50%; line-height:28px; font-size:16px; padding-top:5%;}
.about-text a{padding:10px 0px 10px 20px; color:#000; background-color:#fcc300; transition:.3s ease;}
.about-text a i{padding-left:60px;}
.about-img{width:44%; margin-right:3%;}
.about-img img{width:100%;}

/*------Link To Bedrocks Site Section----------*/
.bedrock-row{display:flex; flex-direction:row; margin: 0 auto; position: relative;}
.bedrock-container{ border-bottom: 251px solid #fcc300;border-left: 0px solid transparent;border-right: 125px solid transparent; border-top: 418px; height: 0;width: 949px;}
.bedrock-text{width:37%; line-height:28px; font-size:16px; padding-top:4%;}
.bedrock-text a{padding:12px 20px; background-color:#000; color:#fff; text-transform: uppercase; font-size:17px; transition: .3s ease;box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.7); cursor:pointer; padding-left:20px;}
.bedrock-row p{padding-bottom:24px;}
.bedrock-row a i{padding-left: 20px;}
.bedrock-row img{padding-top:80px; margin: 0 auto; left: 224px; position: relative;}


/*---------Image Links---------------*/
.black-ql-container{width:100%; margin: 0 auto; justify-content:center; background:url("/siteart/Black 3.JPG"); background-repeat: repeat;}
.black-container{width:80%; margin: 0 auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; padding:50px 0;}
.img-padding{padding:12px;}
.img-wrapper{overflow:hidden;width:340px; height:200px; position:relative;background-color:#000;}
.img-container img{width:100%; object-fit:cover; transition: .5s ease-in-out; filter:brightness(.7); vertical-align:middle; transform:scale(1.2);}
.equipment a:hover .img-container img{transform:scale(1); filter:brightness(.2);}
.equipment a:hover .img-container p{bottom:40%;}
.img-container p{position:absolute; z-index:10; bottom:5%; color:#fff; font-weight:#fff; font-size:17px; width: 100%; text-align:center; padding:10px 0; text-transform:uppercase; transition: .5s ease-in-out;}


/*---------MAP---------------*/
.top-nav{width:80%; background-color:#000; float:right; position:relative;}
.top-nav:after{position:absolute; left:-1px; top:-1px; content:'';border-bottom: 60px solid white;border-right: 40px solid transparent;}

.map-container{position:relative;}

.question-container{width:100%; height:355px; overflow:hidden; position:absolute; bottom:0; text-align:center;  display: flex; flex-direction:row; justify-content: space-between;}
.question{position:absolute; bottom:0; padding:170px 0; width:30%; background-color:#fcc300; z-index:10;}
.question p{padding-bottom:24px;background-color:#fcc300;}
.question a{padding:12px 20px; background-color:#000; color:#fff; text-transform: uppercase; font-size:17px; transition: .3s ease;box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.7); cursor:pointer;}
.question a:hover{background-color:#fff; color:#000;}
.yellow-tri{position: absolute; bottom: 0; z-index: 100;left:30%; border-right:80px solid transparent;border-left:300px solid #fcc300;border-bottom: 0px solid transparent;border-top: 352px solid transparent;}





/*-------------Pages Top ------------------*/
.pages-top{position:relative; with:100%; overflow:hidden;}
.pages-img{width: 100%;background-color:#000;}
.pages-img img{width:100%; background-color:#000;}
.pages-img h1{position:absolute; bottom:50%; left:10%; color:#fff; z-index:100; font-size:50px; text-transform: uppercase;}
.pages-img p{position:absolute; bottom:40%; left:10%; color:#fff; z-index:100; font-size:17px; font-weight:100; width:45%;}
.pages-tri{position: absolute; bottom: 4px; z-index: 10;right:28%; border-left:80px solid transparent;border-right:300px solid #fcc300;border-bottom: 0px solid transparent;border-top: 352px solid transparent;}
.pages-container{position:absolute; bottom:4px; right:0; background-color:#fcc300; width:30%; height:100%; z-index:100;}
.page-info{padding:4% 60px;}
.page-info h4{font-size:19px; padding-bottom:4px;}
.page-info p a{color:#000; transition: .3s ease; font-size:16px;}
.page-info p a:hover{color:#fff;}


/*-------Contact----------*/
.contact-call{padding:20px 0; width:80%; margin: 0 auto;}
.contact-call h3{font-size:28px; color:#000;}
.contact-call p{font-size:18px;}
.contact-call h3:hover{color:#EFB800;}

.team-cont{padding: 50px 0;}
.team-cont h2{text-align:center; font-size:28px; padding:20px 0;}
.team-row{display:flex; flex-direction:row;  justify-content: space-around; flex-wrap:wrap; width: 80%; margin: 0 auto;}
.team-mate{padding:30px 45px; border: solid 1px #C9C8C8; width:260px; margin:5px;}
.team-mate h3{ font-size:17px; color:#444;}
.team-mate h5{padding:5px 0 19px 0; font-size:24px }
.team-mate p{line-height:24px;}
.team-mate a{color:#000; transition: .3s ease;}
.team-mate a:hover{color:#fcc300;}
/*--------ABOUT-----------------*/
.about-page-text{width:100%; margin: 0 auto; display:flex; flex-direction:row;}
.about-right h3{font-size:30px; width:80%; margin: 0 auto;}
.about-left h4, .about-right h4{padding:14px 0; font-size: 26px;width:80%; margin: 0 auto;}
.about-left p, .about-right p{font-size:16px; line-height:28px; width:80%; margin: 0 auto;}
.about-left{background-color:#D8D8D8; padding:150px 0px 150px 100px;}
.about-right{background-color:#f1f1f1; padding:150px 100px 150px 0px;}


/*-------THANK YOU---------------------*/

.thankyou {text-align:center; padding: 100px 0;}
.thankyou h2{font-size:35px; padding-bottom:20px;}
.thankyou p{padding-top:20px;}
.thankyou i{font-size:50px; color:#EDB801; padding:24px; border:solid 1px #edb801; border-radius: 50%;}
/*--------FORM STYLES--------------------*/
.form-width{width:80%; margin: 0 auto;}
.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
.form-background{background-color:#EDEDED;width:100%;margin: 0 auto; border-top:1px solid #bbb;}
#formpage input {padding: 16px;border: 1px solid #ccc;color: #5A5A5A;font-size: 14px;margin-top: 5px;}
.flex-row{display:flex;flex-direction:row; justify-content: space-between; width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 60px 0px;}
.form-half{flex: 1; display: inline-block;vertical-align: middle;margin: 10px;}
.form-third{flex: 1; display: flex;vertical-align: middle;margin: 10px;}
.flex-input{display:flex; flex:1;}
.form-whole{flex: 1; display:block;vertical-align:middle;margin:10px;}
.row-input{display:flex; flex-direction:row;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;}
#formpage input.submit-button, #formpage input.submit-button:focus {background:#000; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 100px;border:none;height:auto; text-transform:uppercase; font-size:16px; font-weight:600;}
#formpage input.submit-button:hover{background:#fcc300; box-shadow:1px 1px 3px #848484;transition:ease-out .3s;}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

#formpage textarea {padding: 15px;border: 1px solid #ccc!important;color: #000;font-size: 16px;background: #fff;width: 100%;height: 60px;border-radius:2px;margin-top:10px;}

#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

.submit-button{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;} 
#formpage h3{font-size:20px; text-transform: uppercase; padding:30px 0;}

/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}
.CaptchaImage{
	margin:0 auto;
}
.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}
/*end form styles*/




/*-------- FOOTER STYLES ----------------*/
.footer{background-color:#000; width:100%; padding:50px 0;}
.footer-row{display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; width:80%; margin: 0 auto; padding-bottom: 60px;}
.foot-col{padding:20px 10%; border-right:solid 1px #666;}
.last-foot-col{padding:30px 10.2%;;}
.foot-col h4, .last-foot-col h4{color:#fff; padding:0 0 30px 0; font-size:15px;}
.foot-col ul li a{color:#fff; line-height:26px; font-size:14px; transition: .3s ease;}
.foot-col ul li a:hover{color:#fcc300;}
.last-foot-col i{color:#fff; padding:5px; font-size:18px; transition: .3s ease;}
.last-foot-col i:hover{transform:scale(-1, 1);}
.bottom-footer{ text-align:center; font-size:14px; color:#666; border-top: solid 1px #666; width:80%; margin: 0 auto;}
.bottom-footer p{padding:20px 0; color:#ccc;}
.bottom-footer a{color:#ccc; transition: .3s ease;}
.bottom-footer a:hover{color:#fff;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #fcc300 !important;
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #fcc300 !important;
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #000 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
	color: #000 !important;}






/*---------- RESPONSIVE STYLES ----------*/
@media screen and (max-width: 1550px)  {
	.logo img{margin-left:30%;}	
	.slide-row{bottom:20%;}
	.pages-img p{bottom:30%;}
	.page-info{padding:3.5% 60px;}
}


@media only screen and (max-width: 1400px) {
	.top-nav{width:75%;}
	.top-nav ul li a{font-size:14px;}
	.slide-search{width:320px;}
	.about-text{padding-top:0; width:50%;}
	.page-info{padding:2.2% 20px;}
	.page-info h4{font-size:18px;}
}
@media screen and (max-width: 1300px)  {
	.socials{display:none;}
	.logo{display:block; position:relative; clear:both;width:20%; margin: 0 auto; border-top: 1px solid transparent; padding:10px 0;}
	.logo img{width:100%; margin:0 auto;}
	.top-nav{width:100%;}
	.top-nav:after{display:none;}
	.top-nav ul{width:80%; margin:0 auto;}
}

@media screen and (max-width: 1240px)  {
	.socials{display:none;}
	.logo{display:block; position:relative; clear:both;width:20%; margin: 0 auto; border-top: 1px solid transparent; padding:10px 0;}
	.logo img{width:100%; margin:0 auto;}
	.top-nav{width:100%;}
	.top-nav:after{display:none;}
	.top-nav ul{width:80%; margin:0 auto;}
	.slide-caption h1{font-size:45px;}
	.slide-caption p{font-size:14px;}
	.formfield input[type="text"]{padding:10px; height:20px;margin-top:0;}
	.footer-row{width:90%;}
	.pages-container{width:35%;}
	.page-info h4{padding-bottom:0px;}
	.pages-tri{border-right:200px solid #fcc300; border-top: 200px solid transparent; right:34%}
	.about-left, .about-right{padding:150px 0;}
	.pages-img p{font-size: 15px; width:40%;}
}

@media only screen and (max-width: 1300px) {
	.bedrock-row img {left:150px;}
}


@media only screen and (max-width: 1000px) {
	.slide-row{bottom:40%;}
	.slide-caption p{padding:10px 0;}
	.slider-back{background-color:#fff;}
	.slide-search{display:none;}
	.mobile-slide-search{display:block; width:50%; margin: 50px auto; background-color:#000;}
	.logo {width:25%;}
	.qls{width:94%;}
	.about-container{background:#fff;}
	.about-row{flex-direction:column; width:100%;}
	.about-text{width:80%; margin: 0 auto; padding-bottom:50px;}
	.about-img{width:100%; background:url("../siteart/about-background.png"); background-position:right; repeat:no-repeat; background-size:cover;height:400px;}
	.about-img img{width:60%;margin-left:30%;}
	.map iframe{height:300px;} 
	.question-container{height:304px;}
	.question{padding:120px 0;}
	.yellow-tri{left:28%;}
	.footer-row{justify-content: center;}
	.foot-col{padding:20px 6%; width:180px;}
	.last-foot-col{text-align:center;}
	.pages-img{height:210px;}
	.pages-img img{height:100%; object-fit:cover;}
	.pages-tri{border-top: 260px solid transparent;}
	.page-info{padding:3.5% 0px;}
	.about-left h4,.about-right h4{font-size:22px; width:90%;}
	.about-right h3{font-size:24px;}
	.about-left p,.about-right p{font-size:14px; width:90%;}
	.pages-tri, .pages-container{bottom:0px;}
	.pages-img h1{font-size:42px;}
	.bedrock-row img {left:100px;width: 67%;
	}
	
}


@media only screen and (max-width: 890px) {
	.slider-back{height:500px;}
	.slider-back img{object-fit:cover; height:100%;}
	.top-nav ul{width:95%;}
	.top-nav ul li a{font-size:13px;}
	.logo{width:30%;}
	.about-img img{width:70%;margin-left:22%;}
	.black-ql-container{background-repeat:repeat;}
	.question-container{position:relative; clear:both;}
	.yellow-tri{display:none;}
	
	.question-container{height:200px;}
	.question{width:100%; padding:85px 0;}
	
	.foot-col{padding:20px 2%; width:160px;}
	.pages-tri{display:none;}
	.pages-container{position:relative; clear:both;width:100%; text-align: center;}
	.page-info{padding:10px 0;}
	.pages-img h1{bottom:70%;}
	.about-page-text{flex-direction:column;}
	.about-left, .about-right{padding:50px 0;}
	.pages-img p{bottom:59%; width:80%;}
	.form-width{width:95%;}
/*	.bedrock-container{height:200px;}*/
	.bedrock-row{ flex-direction: column;}
	.bedrock-container{border-right: 0px; width: 100%;}
	.bedrock-text {
		padding: 85px 0; margin: 0 auto; width: 43%;}
	
}
@media only screen and (max-width: 695px) {
	.foot-col{border:none;}
}
@media only screen and (max-width: 650px) {
	.slide-caption h1{font-size:35px;}
	.slide-caption p{font-size:14px;}
	.next-triangle{border-left: 30px solid transparent;
    border-right: 30px solid #fcc300;
    border-bottom: 30px solid transparent;
    border-top: 30px solid transparent;}
	.cycle-next i, .cycle-prev i{font-size:19px;}
	.triangle{border-right: 30px solid transparent;
    border-left: 30px solid #fcc300;
    border-bottom: 30px solid transparent;
    border-top: 30px solid transparent;}
	.cycle-next i, .cycle-prev i{font-size:19px;}
	.slide-caption a{padding: 12px 0 0px 16px; font-size:14px;}
	.top-nav ul{flex-direction:column; margin-left:5%}
	.top-nav ul li {padding:5px 0;}
	.logo{width:35%;}
	.mobile-slide-search{width:70%;}
	.about-img{height:330px}
	.about-img img{width:80%;margin-left:12%;}
	.about-text{width:95%;}
	.black-container{width:95%;}
	.map iframe{height:220px;}
	.link-tri{border-right: 20px solid transparent;
    border-left: 18px solid #fcc300;
    border-bottom: 22px solid transparent;
    border-top: 18px solid transparent;}
	.about-text a{padding:8px 0 6px 20px;}
	.slide-caption p{width:100%;}
	.contact-call h3{font-size:24px;}
	.contact-call p{font-size:14px;}
	.flex-row{flex-direction:column;}
	.form-half{width:96%;}
	.contact-map iframe{height:230px;}
	#formpage textarea{width:97%;}
	
}

@media only screen and (max-width: 480px) {
	.slide-row{width:95%;}
	.logo{width:45%;}
	.mobile-slide-search{width:80%;}
	.about-img{height:300px}
	.about-img img{width:90%;margin-left:10%;}
	.img-wrapper{width:250px; height:180px;}
	.slide-caption h1{font-size:30px;}
	.slider-back{height:400px;}
	.pages-img{height:160px;}
	.pages-img h1{font-size:32px;}
	.about-left h4,.about-right h4{font-size:20px;}
	.about-left p, .about-right p{line-height:23px;}
	.contact-call{width:95%;}
	.team-row{width:90%;}
	.team-mate{width:280px; padding:25px;}
	.bedrock-text {width: 62%;}
}

@media only screen and (max-width: 390px) {
	.logo{width:55%;}
	.mobile-slide-search{width:90%;}
	.about-img{height:270px}
	.about-img img{width:95%;margin-left:8%;}
	.welcome h2{font-size: 25px;}
	.about-text{font-size: 14px;}
	.slide-caption p{font-size:13px;}
	.contact-call h3{font-size:20px;}
	.form-half{width:92%;}
	.team-mate h5{font-size:20px;}
	.team-mate h3{ font-size:15px;}
	.team-mate p{font-size:14px;}
	.team-mate a{word-break:break-all;}
	.pages-img h1{bottom:78%;}
	.pages-img p{font-size:14px;}
	.bedrock-row img {left:50px;width: 72%;
	}
	.bedrock-container {border-bottom: 200px solid #fcc300;}
}