﻿/***** 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;	font-family: 'Open Sans', sans-serif;
}

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, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

body {font-size:16px; line-height: 24px; -webkit-text-size-adjust:none;font-weight:300;background:url("../siteart/wood.png") !important;color:#fff; background-color: #000!important;}
h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;margin-bottom:5px;}
strong {font-weight:700;}
a:link, a:visited, a:active {text-decoration:none;color: #fff;}
a:hover {text-decoration:underline; color:#fff !important;}

header {background: #fff;width:100%;height:auto;color:#fff;}
header span {padding-right:5px;}

.header-links {color: #000 !important;}
.header-links:hover {color: #7e0217 !important;}

.threecols {width:100%;max-width:33%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.threecols img, .threecols-hd img, .twocols img {display:inline-block;max-width:100%;height:auto;}
.threecols-hd {width:100%;max-width:33%;display:inline-block;vertical-align: middle;box-sizing:content-box;}
.threecols-hd img {padding-right: 30px;}

.center {text-align:center;}
.twocols {width:100%;max-width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.twocols:first-of-type {padding-right:10px;}

.wrapper {width:100%;max-width:75%;margin:0 auto;padding:3% 0px;}
img.service {max-width:100%;height:auto;margin:0 auto;}

.divfooter {width:450px; text-align:center; margin:0 auto;}

.hosted-content h3 {color: #fff !important;}
.hosted-content a:link, .hosted-content a:visited, .hosted-content a:active {text-decoration:none; color:#fff;}
.hosted-content a:hover {text-decoration:underline; color:#be0020;}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background:#be0020 !important;border:1px solid #ccc !important;}
.hosted-content .listings-detail-wrapper .information-box :nth-child(2n).row {background:#be0020 !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner, .hosted-content .listings-wrapper .sort-box {background: #be0020 !important;}

.grid {position:relative;clear:both;margin:0 auto;padding:0 0 0 0;max-width:100%;list-style:none;text-align:center;}
.grid figure {position:relative;float:left;overflow:hidden;margin:0 0 0 0;max-width:100%;width:49.99%;height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img {position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
.grid figure figcaption {padding:0;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events:none;}
.grid figure figcaption, .grid figure figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;}
.disclaimer p {
    color: #545454;
    font-size: 13px;
}
.disclaimer a {
    color: #656565;
    font-size: 13px;
	font-weight: 600;
}
.disclaimer a:hover {
    color: #545454!important;
    font-size: 13px;
	font-weight: 700;
}
.disclaimer {
    padding: 15px 75px 30px 75px;
    background: #fff;
	font-family: 'Open Sans', sans-serif;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2 {font-weight:300;}
.grid figure h2 span {font-weight:800;}
.grid figure h2, .grid figure p {margin:0;}
.grid figure p {font-size:68.5%;}

figure.effect-ming {background:#030c17;}
figure.effect-ming img {opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-ming figcaption::before {position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);}
figure.effect-ming h2 {margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-ming p {padding:1em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(1.5);transform:scale(1.5);}
figure.effect-ming:hover h2 {-webkit-transform: scale(0.9);transform: scale(0.9);}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
figure.effect-ming:hover figcaption {background-color: rgba(58,52,42,0);}
figure.effect-ming:hover img {opacity: 0.4;}

#form{background: #fafafa; color: #333; margin: 25px 0; padding: 25px; box-sizing: border-box; border: 1px #eee solid;}
#form input[type="text"], #form input[type="email"], #form select, #form textarea{width: 100%; padding: 10px 5px; border: 1px solid #ccc; margin: 5px 0 15px; box-sizing: border-box;}
#form textarea{height: 90px;}
#form label{cursor: pointer;}
#form input.button{width: 100%; max-width: 250px; background: #000; padding: 10px 0; font-size: 14px; color: #fff; cursor: pointer;}
#form input.button:hover{background: #333;}
.CaptchaPanel{margin: 0 !important; padding: 0 !important; text-align: left !important; line-height: normal !important;}
.CaptchaAnswerPanel input{width: 200px !important;}
.CaptchaImagePanel{margin: 0; padding: 0;}
.CaptchaMessagePanel{padding: 0 !important; margin: 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
.CaptchaAnswerPanel{margin: 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{color: #000;}
.CaptchaWhatsThisPanel a:hover{text-decoration: none;} 

footer {background:url("../siteart/footer.png") no-repeat;background-position:center center; max-width:100%;height:auto;border-top:2px solid #be0020;border-bottom:2px solid #be0020;}

.row > .column {}
.row:after {content:"";display:table;clear:both;}

/* Create four equal columns that floats next to eachother */
.column {float:left;width:33%;cursor:pointer;box-sizing:border-box;border:1px solid #ccc;}

/* The Modal (background) */
.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;}

/* Modal Content */
.modal-content {position:relative;background-color:#fefefe;margin:auto;padding:0;width:90%;max-width:100%;}

/* The Close Button */
.close {color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold;}
.close:hover, .close:focus {color:#999;text-decoration:none;cursor:pointer;}

/* Hide the slides by default */
.mySlides {display:none;}

/* Next & previous buttons */
.prev, .next {cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}

/* Position the "next button" to the right */
.next {right:0;border-radius:3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover {background-color:rgba(0, 0, 0, 0.8);}

/* Number text (1/3 etc) */
.numbertext {color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;}

/* Caption text */
.caption-container {text-align:center;background-color:black;padding:2px 16px;color:white;}
img.field {opacity:0.6;}
.active, .field:hover {opacity:1;}
img.hover-shadow {transition: 0.3s;max-width:100%;height:auto;}
.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


button.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-colorPrimary.options-popper-btn.empireequipmentcocomhstg-ajs6dv{color:#fff;}

/* Return to Home Button */
.home-btn {background-color: #be0020; padding: 10px; font-weight: 600; transition: .4s ease-in;}
.home-btn:hover {background-color: #7e0217; text-decoration: none;}

@media screen and (max-width: 1280px) {
    .wrapper {max-width: 90%;}



@media screen and (max-width: 1024px) {
.wrapper {padding:4% 0px;}
    .modal {z-index:800;}
.threecols-hd img {padding-right: 50px;}
}
@media screen and (max-width: 844px) {
.wrapper {padding:4% 0px;}
    .wrapper {max-width: 98%;}

}



@media screen and (max-width: 767px) {
    .threecols {max-width:50%;}
    .twocols {max-width:100%;}
    .twocols:first-of-type {padding-right:0px;}
    
    .threecols-hd {max-width:100%;padding-bottom:10px;}
    .hide-sm {display:none;}

    .grid figure {float:none;margin:0px 0px;width:100%;}
    .grid figure h2 {font-size:18px;}
    
    .column {float:left;width:50%;}
.disclaimer {
    padding: 25px 20px;
    background: #fff;
}
}
 
 

@media screen and (max-width: 320px){
    .threecols {max-width:100%;}
    .column {float:none;width:100%;}

}
