/* 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: 'Roboto Condensed', sans-serif; font-size: 14px; -webkit-text-size-adjust: none}
::-moz-selection{background: #981E1D; color: #fff; text-shadow: none} ::selection{background: #981E1D; color: #fff; text-shadow: none}

.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 !important;}

/* TYPOGRAPHY */

a{text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
a.red-link{font-weight: 700; color: #981E1D;}

/* HEADER */

.header{font-size: 0;}
.header .logo{float: left; padding: 25px 25px 0;}
.header .banner{float: right; text-align: right;}
.scrolling-wrap{width: 100%; height: 90px; border-top: 2px #fff solid; border-bottom: 2px #fff solid; overflow: hidden;}
.scrolling{width:100%; height: 92px;}

/* HOME */
.cycle-slideshow{position: relative; width:100%; max-width:620px; margin:0 auto; z-index: 0 !important;}
.cycle-slideshow img{width: 100%; height: auto; position: relative; z-index: 0;}

.hero{position: relative; background: #333; padding: 15px 0; text-align: center; z-index: 999;}
.hero .banner{position: absolute; max-width: 1100px; width:100%;background: #981E1D; margin: 0 auto; bottom: -35px; left: 0; right: 0; padding: 15px; font-size: 36px; font-weight: 700; text-transform: uppercase; color: #fff; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); z-index:999999;}

.main{position: relative; background: #fff; max-width: 1200px; margin: 0 auto -50px; padding: 80px 50px 50px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);}
.main h1, .main-small h1{font-size: 28px; margin-bottom: 15px;}
.main p{font-size: 18px; line-height: 34px; text-align: justify;}
.main img{float: right; max-width: 200px; padding: 10px 0 10px 35px;}

/* SUB PAGES */

.main-small{position: relative; background: #fff; max-width: 1200px; margin: 0 auto -50px; padding: 35px 20px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);}
.main-small p{font-size: 18px; line-height: 28px;}

#form{display: block; margin: 25px 2px;}
#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: #981E1D; margin: 5px auto; padding: 10px 0; font-family: 'Roboto Condensed', 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; 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 */

.footer{background: #981E1D; padding: 70px 0 25px; text-align: center; color: #fff;}
.footer a:hover{opacity: .5;}

/* RESPONSIVE */

@media screen and (max-width: 1600px){
    .header .logo{max-width: 500px;}
    .header .banner{width: calc(100% - 520px);}
}
@media screen and (max-width: 1024px){
    .header .logo{width: calc(100% - 400px); max-width: 100%;}
    .header .banner{width: 400px; max-width: 100%;}
    .navigation .contact{font-size: 13px;}
    .navigation .contact a{padding: 13px 5px !important;}
}
@media screen and (max-width: 768px){
    .header{background: url("../siteart/header-light.jpg") no-repeat center center; background-size: cover;}
    .header .logo{float: none; width: 100%; padding: 20px; text-align: center;}
    .header .logo img{max-width: 350px; width: 100%; margin: 0 auto;}
    .header .banner{display: none;}
    .navigation .contact{float: none; width: 100%; font-size: 12px; text-align: center; border-top: 1px #fff solid;}
    .navigation .contact a{padding: 5px !important;}
    
    .hero{padding: 0;}
    .hero .banner{position: relative; bottom: 0; font-size: 24px;}
    .main{padding: 50px 20px;}
    .main-small{padding: 25px 20px;}
    .main p, .main-small p{font-size: 16px; line-height: 28px; text-align: left;}
    .main img{max-width: 100px; padding: 10px 0 10px 35px;}
    
    #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;}
}
@media screen and (max-width: 480px){
	input, select{-webkit-appearance: none;}
}