/* 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;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

/* FRAMEWORK */

html, body{font-family: industry, sans-serif; font-size: 14px; -webkit-text-size-adjust: none}
::-moz-selection{background: #1A1D46; color: #fff; text-shadow: none} ::selection{background: #1A1D46; color: #fff; text-shadow: none}

.main{padding: 50px 0;}
.main h1{font-size: 24px; text-transform: uppercase;}
.main h1 strong{font-size: 30px; color: #D60000;}
.container{max-width: 1200px; margin: 0 auto; padding: 0 20px;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

/* TYPOGRAPHY */

p{font-size: 16px; line-height: 175%;}
a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.center{text-align: center;}

/* HEADER */

.header .main-logo{float: left; width: 240px; padding: 15px 0;}
.header .header-right{float: left; width: calc(100% - 240px); text-align: right; color: #1A1D46; padding-left: 25px;}
.header .header-right .search a{display: inline-block; background: #000; padding: 15px 50px; font-weight: 700; text-transform: uppercase;text-align: center; color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); font-family: industry, sans-serif; font-size: 14px;}
.header .header-right .search a:hover{background: #333;}
.header .header-right .contact{font-size: 16px; padding: 25px 0; overflow-wrap: break-word;}
.header .header-right .contact .fa{padding-right: 5px;}
.header .header-right .contact span{position: relative; white-space: nowrap;}
.header .header-right .contact span:after{content: "/"; padding: 0 10px;}
.header .header-right .contact span:last-child:after{content: ""; padding: 0;}

/* NAVIGATION */

#cssmenu-wrapper{background: #000 url("../siteart/nav.jpg"); position: relative; z-index: 999; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}
#cssmenu-wrapper ul{max-width: 1200px; margin: 0 auto; font-size: 0; text-align: center;}
#cssmenu-wrapper ul li{display: inline-block; position: relative;}
#cssmenu-wrapper ul li a{display: block; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #fff; padding: 20px; font-family: industry, sans-serif;}
#cssmenu-wrapper ul li:hover > a{background: #fff; color: #1A1D46;}
#cssmenu-wrapper #cssmenu-btn{display: none;}

/* BODY */

.hero{background: #000 url("../siteart/hero3.jpg") center center; background-size: cover; padding: 200px 0; text-align: center; color: #fff;}
.hero .red-bar{background: #D60000; width: 150px; height: 10px; margin: 15px auto 25px;}
.hero h1{font-size: 32px; text-transform: uppercase; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); line-height: 36px;}
.hero h1 strong{font-size: 40px;}
.hero a{display: inline-block; background: rgba(26,29,70,.75); padding: 15px 35px; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: 3px #fff solid;}
.hero a:hover{background: #1A1D46;}

.categories{background: #000 url("../siteart/blue-bg.jpg") center center; background-size: cover; padding: 50px 0;}
.categories .category-container{display: flex; flex-wrap: wrap;}
.categories .category-container .category{width: calc(25% - 16px); height: 200px; padding: 20px; margin: 8px; position: relative; overflow: hidden; transform: translateZ(0); background: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; background-origin: content-box; border: 1px #fff solid; cursor: pointer; z-index: 1000;}
.categories .category-container .category:before{content: ' '; position: absolute; top: 155px; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .6);}
.categories .category-container .category:hover:before{background: rgba(214,0,0,.8); top: 0;}
.categories .category-container .category .caption{position: absolute; top: 0; right: 0; left: 0; padding: 10px; font-size: 20px; text-align: center; line-height: 24px; color: #fff; transform: translateY(155px); transition: transform .35s ease-out;}
.categories .category-container .category .caption strong{font-weight: 700; text-transform: uppercase;}
.categories .category-container .category .caption p{margin: 10px 0; line-height: 1;}
.categories .category-container .category .caption a{font-size: 14px; text-decoration: underline;}
.categories .category-container .category .caption a:hover{text-decoration: none;}
.categories .category-container .category:hover .caption{-webkit-transform: translateY(0); transform: translateY(0);}

.location{background: url("../siteart/white-bg.jpg") center center; background-size: cover; padding: 50px 0; border-top: 5px #D60000 solid;}
.location .location-box{position: relative; background: #fff; text-align: center; border: 1px #ddd solid;}
.location .location-box:before{position: absolute; font-family: FontAwesome; content: '\f041'; font-size: 72px; color: #D60000; top: -15px; left: -15px; z-index: 999;}
.location .location-box .inner{padding: 25px; font-size: 18px; text-transform: uppercase;}
.location .location-box a{display: block; background: #1A1D46; padding: 15px; font-weight: 700; color: #fff; border-top: 1px #fff solid; border-bottom: 1px #fff solid;}
.location .location-box a:hover{background: #1F2462;}

#form{background: #fafafa; padding: 25px; text-align: left; border: 1px #ddd solid;}
#form .form-row{display: block; margin: 0 0 5px;}
#form .form-row .label-left{float: left; width: 300px; padding-right: 25px;}
#form .form-row .input-right{float: left; width: calc(100% - 300px);}
#form .form-row .input-right label{margin-right: 15px; cursor: pointer;}
#form input[type="text"], #form input[type="email"], #form select, #form textarea{width: 100%; margin: 5px 0 20px; padding: 10px 5px; border: 1px solid #ccc;}
#form input[type="checkbox"], #form input[type="radio"]{margin: 0 10px 25px 0;}
#form input[type="submit"]{display: block; width: 100%; max-width: 250px; background: #1A1D46; margin: 5px auto; padding: 10px 0;font-family: industry, sans-serif; font-size: 14px; color: #fff; border: none; transition: all .2s ease-in-out; cursor: pointer;} #form input[type="submit"]:hover{background: #333;}
#form textarea{height: 90px;}

.CaptchaPanel{margin: 0 !important; padding: 0 !important; line-height: normal !important;}
.CaptchaAnswerPanel input{width: 250px; max-width: 100%; padding: 5px; margin: 5px 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{font-size: 12px; color: #000;} .CaptchaWhatsThisPanel a:hover{text-decoration: none;}

/* FOOTER */

.scrolling-wrap{width: 100%; height: 90px; overflow: hidden; border-top: 5px #1A1D46 solid;}
.scrolling{width: 100%; height: 92px;}

.footer{background: #1A1D46; padding: 50px 0; color: #fff;}
.footer h3{font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-family: industry, sans-serif;}
.footer ul li{display: inline-block;}
.footer ul li a{display: block; padding: 10px 20px 10px 0; font-family: industry, sans-serif;}
.footer ul li a:hover{opacity: .75;}
.bottom-footer{background: #333; padding: 15px 0; font-weight: 700; text-transform: uppercase; text-align: center; color: #aaa; font-size: 11px;}

/* RESPONSIVE */

@media screen and (max-width: 985px){
	.main{padding: 30px 0;}
	
	#cssmenu-wrapper{width: 100%;}
	#cssmenu-wrapper ul{width: 100%; display: none;}
	#cssmenu-wrapper ul li{width: 100%; border-top: 1px solid #ccc;}
	#cssmenu-wrapper ul li a{font-size: 12px; padding: 13px 20px; width: 100%;}
	#cssmenu-wrapper #cssmenu-btn{display: block!important; padding: 20px; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; text-transform: uppercase;}
	#cssmenu-wrapper #cssmenu-btn::after{position: absolute; top: 19px; right: 20px; font-family: FontAwesome; font-size: 16px; content: '\f0c9';}
	.header .header-right .contact{font-size: 12px;}
	
	.hero{padding: 100px 0;}
	.categories{padding: 30px 0;}
	.categories .category-container .category{width: calc(50% - 16px);}
	.location{padding: 30px 0;}
}
@media screen and (max-width: 768px){
	.column6{float: none; width: 100%; padding: 0; margin-bottom: 15px;}
	.header .main-logo, .header .header-right{float: none; width: 100%; text-align: center; padding: 5px 0;}
	.header .main-logo img {display: block; margin: 0 auto;}
	.header .header-right .search{display: none;}
	.header .header-right .contact{padding: 0 0 15px;}
	
	.hero{padding: 50px 0;}
	.hero h1{font-size: 20px; line-height: 26px;}
	.hero h1 strong{font-size: 24px;}
	.hero a{display: block; font-size: 14px; padding: 15px; margin: 5px 0;}
	
    #form .form-row .label-left, #form .form-row .input-right{float: none; width: 100%; padding: 0;}
    #form input[type="text"], #form input[type="email"], #form select, #form textarea{margin: 5px 0 10px;}
	
	.footer{padding: 30px 0;}
	.footer .column8{display: none;}
	.footer .column4{float: none; width: 100%; padding: 0; text-align: center;}
}
@media screen and (max-width: 480px){
	.categories .category-container .category{width: 100%; margin: 5px 0;}
}