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

.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;} *{font-family: 'Roboto Condensed', sans-serif; box-sizing: border-box;} img{max-width: 100%; height: auto;}

a{text-decoration: none;}
.container{max-width: 1250px; margin: 0 auto; padding: 0 15px;}
#hs-content-wrapper{max-width: 1250px !important; margin: 0 auto; padding: 0 15px;}

/* HEADER */

.header{position: relative; background: #333333; font-size: 14px; color: #fff;}
.header .logo{float: left; width: 25%; text-align: center;}
.header a{color: #fff;}
.header a strong{font-size: 20px;}
.header a span{text-decoration: underline; padding: 0 5px;}

.header .column9{padding: 25px 0 0;}
.header .column4 .column6{text-align: right; border-right: 1px #fff solid; padding: 0 15px;}
.header .column4 .column6.last{text-align: left; border: none; padding-right: 0;}

.header .navicon{display: none; float: left; padding: 8px 0; font-size: 32px; text-align: center; color: #fff; cursor: pointer;}
.header .mobile-phone{display: none; position: absolute; top: 0; right: 0; height: 61px; width: 61px; line-height: 61px; background: #f49725; font-size: 24px; color: #fff; text-align: center;}

/* NAVIGATION */

.topnav{background: #454142;}
.nav ul{background: #454142; font-size: 0; text-align: right;}
.nav ul li{display: inline-block; position: relative;}
.nav ul li a{font-size: 18px; font-weight: 700; text-decoration: none; color: #fff; display: block; padding: 6px 15px 10px;}
.nav ul li a:before, .nav ul li a:after{opacity: 0; position: relative; transition: all 0.3s; content: "|"; font-size: 1.2em; color: #f49725;}
.nav ul li a:before{left: 35px;}
.nav ul li a:after{right: 35px;}
.nav ul li a:hover:before{opacity: 1; left: -5px;}
.nav ul li a:hover:after{opacity: 1; right: -5px;}
.nav li ul{position: absolute; display: none; width: inherit; border: 1px #ccc solid; border-top: none;  z-index: 9999999;}
.nav li:hover ul{display: block; right: 0; left: auto;}
.nav ul ul li{display: block; text-align: left;}
.nav ul ul li a{font-weight: 400; font-size: 16px; padding: 10px; width: 225px;}
.nav ul ul li a:hover{background: #6C6668;}
.nav ul ul li a:hover:before, .nav ul ul li a:hover:after{opacity: 0 !important;}

.mobile-nav{position: fixed; background: #333; top: 0; left: -100%; width: 250px; height: 100%; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); transition: all .5s ease-in-out; z-index: 999999;}
.mobile-nav ul{background: #333; padding: 10px 0;}
.mobile-nav ul li a{display: block; padding: 10px 15px; font-weight: 700; color: #fff;}
.mobile-nav ul li a:hover{background: #222;}
.mobile-nav ul li svg{float: right; color: #f49725;}
.mobile-nav .mobile-nav-header{display: block; width: 100%; background: #454142; padding: 15px; color: #fff;}
.mobile-nav .mobile-nav-header a{font-size: 14px; color: #fff;}
.mobile-nav .mobile-nav-header svg{padding-right: 5px; color: #f49725;}
.show-mobile-nav{left: 0;}

/* FOOTER */

.footer{background-color: #333333; background-image: linear-gradient(to right, #262626 50%, #333333 51%); color: #fff;}
.footer h3{margin-bottom: 10px;}
.footer .column3{text-align: center;}
.footer .column9{background: #333; padding: 25px;}
.footer .column9 a{line-height: 150%; color: #999;}
.footer .social a{font-size: 28px; color: #f49725; padding: 8px;}
.footer .copyright{margin: 15px 0;}
.footer .copyright a{padding: 0 8px; color: #f49725;}


/* RESPONSIVE */

@media screen and (max-width: 1024px){
    .header .column9{display: none;}
    .header .logo{width: 170px;}
    .header .navicon{display: block;}
    .header .mobile-phone{display: block;}
    .topnav{display: none;}
    
    .footer{background-color: #333333; background-image: none; color: #fff;}
    .footer .column3{float: none; width: 100%; text-align: center; padding: 0;}
    .footer .column4{text-align: left; margin-bottom: 15px}
    .footer .column9{background: none; float: none; width: 100%; text-align: center; padding: 15px 0; border-top: 1px #fff solid;}
}
@media screen and (max-width: 480px){
    .footer .column4{width: 50%;}
}