/* 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;}

::-moz-selection{background: #b41d2a; color: #fff; text-shadow: none;} ::selection{background: #b41d2a; color: #fff; text-shadow: none;}

h1{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #b41d2a; font-size: 24px; text-transform: uppercase;}
h3{font-family: 'Montserrat', sans-serif; font-weight: 700; color: #b41d2a; font-size: 18px; text-transform: uppercase; margin-bottom: 6px;}
p{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 28px;}
a{color: #000; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
a:hover{color: #b41d2a;}

/* SITE FRAMEWORK */

body{font-family: 'Montserrat', sans-serif; -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear;}

@-webkit-keyframes fontfix{from{opacity: 1;}to {opacity: 1;}}

.header{padding: 15px 0; width: 100%;}
.main{background: #fff; padding: 50px 0;}
.wrapper-width{max-width: 1100px; margin: 0 auto;}

.column1{width: 100%;}
.column2{width: 50%; float: left; box-sizing: border-box;}
.column3{width: 33.33333%; float: left; padding-right: 25px; box-sizing: border-box;}
.column4{width: 25%; float: left; padding-right: 25px; box-sizing: border-box;}
.column5{width: 20%; float: left; padding-right: 25px; box-sizing: border-box;}
.column6{width: 16.66666%; float: left; padding-right: 25px; box-sizing: border-box;}

.pad-r{padding-right: 25px;}
strong{font-family: 'Montserrat', sans-serif; font-weight: 700;}
.red{color: #b41d2a;} 
.red-bg{background: #b41d2a;} 
.bullet-list{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 28px; list-style: disc; margin-left: 15px;}

.welcome{font-family: 'Montserrat', sans-serif; font-size: 48px; color: #fff; text-shadow: 0px 0px 16px rgb( 0, 0, 0 );}
.scrolling-wrap{width: 100%; height: 90px; overflow: hidden;}
.scrolling{width: 100%; height: 92px;}

/* STYLES */

#main-logo{float: left;}
#address{float: right; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 20px; font-size: 14px; padding-top: 12px;}
#address span a{color: #b41d2a;}
.hero{position: relative;}
.hero-pad{font-family: 'Montserrat', sans-serif; font-size: 48px; color: #fff; text-shadow: 0px 0px 20px rgb( 0, 0, 0 ); text-align: center; position: absolute; z-index: 99; top: 40%; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.big-letter{font-size: 72px; line-height: 64px;}
.front-slide{position: relative; z-index: 99!important;}
.icon-container{background: #000 url(../siteart/icon-container.jpg) no-repeat center center; padding: 30px 0;}
.icon-row{margin: 35px 0;}
.icon-column{float: left; width: 33%; padding: 0 12px; box-sizing: border-box; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 30px; color: #fff;}
.cycle-slideshow, .cycle-slideshow img{width: 100%; height: auto;}
.partners{margin: 15px 0;}
.partners img{max-height: 100px; height: auto;}
.academy{width: 500px; margin: 25px auto 0;}
.academy img{max-width: 100%; height: auto;}

/*FORM*/

.calculator{width: 30%; margin-left: 3.33333%; float: left;}
.financial-calc{background: #fff; width: 100%; height: 380px;}

@media screen and (max-width: 1024px){
  .calculator{width: 100%; margin-left: 0%; float: none;}
  .financial-calc{height: 340px;}
}  

#form input{width: 100%; padding: 5px 10px; border: 1px solid #DFDFDF; margin: 5px 0 15px; height: 35px; box-sizing: border-box;}
#form textarea{width: 100%; padding: 5px 10px; border: 1px solid #DFDFDF; margin: 5px 0 15px; height: 105px; box-sizing: border-box;}
#form select{width: 100%; padding: 5px 10px; border: 1px solid #DFDFDF; margin: 5px 0 15px; height: 35px; box-sizing: border-box;}
#form input[type="checkbox"]{margin: 5px 10px 0 0; width: 13px; height: 13px; display: inline;}
#form input[type="radio"]{margin: 5px 10px 0 0; width: 15px; height: 15px; display: inline;}
#form input.button,
#form input.button:focus{font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; text-transform: uppercase; width: 200px; background: #b41d2a; font-size: 14px; color: #fff;}
#form input.button:hover{background: #92101B; color: #fff;}

.CaptchaPanel{margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; text-align: left !important; line-height: normal !important;}
.CaptchaAnswerPanel input{width: 200px !important;}
.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;} 

/* FOOTER FORM */

.half{width: 50%; float: left; box-sizing: border-box;}
.half-pad{padding-right: 25px;}
#footer-form input{font-family: 'Montserrat', sans-serif; width: 100%; background: #555; padding: 5px 10px; border: none; margin: 5px 0 15px; height: 35px; box-sizing: border-box; color: #aaa;}
#footer-form textarea{font-family: 'Montserrat', sans-serif; width: 100%; background: #555; padding: 5px 10px; border: none; margin: 5px 0 15px; height: 105px; box-sizing: border-box; color: #aaa;}
#footer-form select{font-family: 'Montserrat', sans-serif; width: 100%; background: #555; padding: 5px 6px; border: none; margin: 5px 0 15px; height: 35px; box-sizing: border-box; color: #aaa;}
#footer-form input.button,
#footer-form input.button:focus{font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; text-transform: uppercase; width: 140px; background: #b41d2a; font-size: 14px; color: #fff; cursor: pointer;}
#footer-form input.button:hover{background: #92101B; color: #fff;}

/* FOOTER STYLES */

.footer{background: #333; padding: 50px 0; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; color: #aaa;}
.footer a{font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; text-decoration: none; color: #aaa;}
.footer a:hover{color: #fff;}
.footer-bottom{background: #000; padding: 20px 0;}
#footer-logo{float: right;}
.contact-frame{height: 320px; width: 100%;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-family: 'Montserrat', sans-serif; color: #fff; font-size: 10px;}
a.footerlink:hover{font-family: 'Montserrat', sans-serif; font-weight: bold; color: #d83944;}
.footertext{font-family: 'Montserrat', sans-serif; font-size: 10px; color: #fff;}
.smallfootertext{font-family: 'Montserrat', sans-serif; font-size: 10px; color: #fff;}
.divfooter{float: left; width: 50%; line-height: 14px;}
 
.clear{clear: both;}	

/* RESPONSIVE STYLES */

@media screen and (max-width: 1200px) and (min-width: 1024px){
  .wrapper-width{padding: 0 20px;}
  #cssmenu > ul > li > a{padding: 12px 1vw !important; font-size: 10px !important;}
  #cssmenu > ul > li.has-sub > a::after{display: none;}
  #cssmenu > ul > li.has-sub > a{padding-right: 0px;}
}

@media screen and (max-width: 1023px) and (min-width: 796px){
  .wrapper-width{padding: 0 20px;}
  .red-bg .wrapper-width{padding: 0;}
  #cssmenu > ul > li > a{padding: 12px 1vw !important; font-size: 10px !important;}
  #cssmenu > ul > li.has-sub > a::after{display: none;}
  #cssmenu > ul > li.has-sub > a{padding-right: 0px;}
}

@media screen and (max-width: 795px) and (min-width: 441px){
  .hide-mobile{display: none;}
  .wrapper-width{padding: 0 20px;}
  .red-bg .wrapper-width{padding: 0;}
  .hero{background: #000 url(../siteart/hero.jpg) no-repeat center center;}
  .hero-pad{display: none;}
  .cycle-slideshow{display: none;}
  .column2{width: 100%; float: none;}
  .column3{width: 100%; float: none;}
  .pad-r{padding-right: 0;}
  #main-logo{float: none; width: 250px; margin: 0 auto;}
  #main-logo img{width: 250px; height: auto;}
  #address{float: none; text-align: center; padding-top: 10px;}
  .icon-container{background: #b41d2a;}
  .icon-row{margin: 0;}
  .icon-column{float: none; width: 100%; padding: 15px 12px;}
  #footer-logo{float: none; margin: 15px auto; text-align: center;}
  #footer-logo img {display: block; margin: 0 auto;}
  .divfooter{float: none; width: 100%; text-align: center;}
}

@media screen and (max-width: 440px){
  .hide-mobile{display: none;}
  .wrapper-width{padding: 0 20px;}
  .red-bg .wrapper-width{padding: 0;}
  .hero{background: #000 url(../siteart/hero.jpg) no-repeat center center;}
  .hero-pad{display: none;}
  .cycle-slideshow{display: none;}
  .half{width: 100%; float: none;}
  .half-pad{padding-right: 0;}
  .column2{width: 100%; float: none;}
  .column3{width: 100%; float: none;}
  .pad-r{padding-right: 0;}
  #main-logo{float: none; width: 250px; margin: 0 auto;}
  #main-logo img{width: 250px; height: auto;}
  #address{float: none; text-align: center; padding-top: 10px;}
  .icon-container{background: #b41d2a;}
  .icon-row{margin: 0;}
  .icon-column{float: none; width: 100%; padding: 15px 12px;}
  .hero-pad{font-size: 24px;}
  .big-letter{font-size: 36px; line-height: 30px;}
  .contact-frame{height: 380px;}
  #footer-logo{float: none; margin: 15px auto; text-align: center;}
  #footer-logo img {display: block; margin: 0 auto;}
  .divfooter{float: none; width: 100%; text-align: center;}
}