@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');

html, body { height:100%; }
body { color:#232120; background:#FFFFFF; font-family:'Arial', 'Helvetica', sans-serif; font-size:16px; font-weight:300; line-height:160%; }
body a { color:#232120; }
body a:hover { text-decoration:none; }
body a:hover, body a:active, body a:focus { outline:0; }

input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="submit"], input[type="button"], button, .btn { border:1px solid #E6E6E6; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#232120; font-size:120%; line-height:40px; outline:0 none; padding:5px 10px; width:100%; background:#FFFFFF; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
textarea { height:100px; }
input::-moz-focus-inner { border:0; }
fieldset { border:none; padding:0; }

.clear:before, .clear:after { content:" "; display:table; }
.clear:after { clear:both; }

.container { max-width:1200px; margin:0 auto; }

/* Flash Messages */
.flash-messages { display:block; }
.flash-messages:empty { display:none; }
.flash-messages > ul { margin:0; padding:0; list-style:none; }
.flash-messages > ul li { margin:0; padding:20px; background:#CCCCCC; color:#FFFFFF; text-align:center; list-style:none; border-top:solid 1px rgba(255,255,255,0.5); }
.flash-messages > ul.success li { background:#00AB5A; }
.flash-messages > ul.error li { background:#D8222A; }
.flash-messages > ul.warning li { background:#F9A02D; }
.flash-messages > ul.info li { background:#752E91; }

/* Buttons */
input[type="submit"], input[type="button"], button, .btn { display:inline-block; height:auto; width:auto; padding-left:40px; padding-right:40px; color:#232120; font-size:100%; font-weight:normal; text-decoration:none; line-height:48px; border:solid 1px #232120; background:transparent; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.btn.upper { text-transform:uppercase; }
.btn.white { color:#FFFFFF; border-color:#FFFFFF; }

/* Headings */
.hdr.type-1 { margin:0 0 30px 0; font-weight:normal; font-family:'Quicksand', 'Arial', 'Helvetica', sans-serif; }
.hdr.tight { margin:0 0 15px 0; }
.hdr.upper { text-transform:uppercase; }
.hdr.underline { padding-bottom:10px; border-bottom:solid 1px #E6E6E6; }
.hdr.xxlarge { font-size:400%; line-height:150%; }
.hdr.xlarge { font-size:350%; line-height:150%; }
.hdr.large { font-size:300%; line-height:150%; }
.hdr.medium { font-size:250%; line-height:150%; }
.hdr.small { font-size:200%; line-height:150%; }
.hdr.xsmall { font-size:150%; line-height:150%; }
.hdr.xxsmall { font-size:120%; line-height:150%; }
.hdr.white { color:#FFFFFF; }

/* Icons */
.ico { display:inline-block; width:100%; vertical-align:middle; line-height:100%; }
.ico img { display:block; width:100%; vertical-align:middle; }
.ico.size-16 { width:16px; height:16px; line-height:16px; }
.ico.size-20 { width:20px; height:20px; line-height:20px; }
.ico.size-24 { width:24px; height:24px; line-height:24px; }
.ico.size-30 { width:30px; height:30px; line-height:30px; }
.ico.size-40 { width:40px; height:40px; line-height:40px; }
.ico.size-60 { width:60px; height:60px; line-height:60px; }


.frm .honeypot { position:fixed; top:-5000px; left:-5000px; }
.frm.type-1 textarea, 
.frm.type-1 select, 
.frm.type-1 input[type='text'], 
.frm.type-1 input[type='password'] { width:100%; }
.frm.type-1 textarea { height:300px; }
.frm.type-1 fieldset { margin:0 0 20px 0; padding:20px; background:#FAFAFA; }
.frm.type-1 .field { margin:10px 0px; }
.frm.type-1 .field .label { margin-bottom:5px; }

.pgr ul { padding:0; list-style:none; overflow:hidden; }
.pgr ul li { float:left; }
.pgr ul li a, .pgr ul li span { display:block; width:40px; height:40px; line-height:40px; text-align:center; text-decoration:none; }
.pgr ul li.active a { color:#A9A6A6; }
.pgr ul li.disabled { color:#A9A6A6; }
.pgr ul li.info { float:right; height:40px; padding:0 20px; line-height:40px; }

/* Navigation */
.nav.primary { position:relative; padding:20px 0; overflow:hidden; }
.nav.primary .logo { display:block; float:left; color:#FFFFFF; font-size:160%; font-family:'Quicksand', 'Arial', 'Helvetica', sans-serif; line-height:210%; text-decoration:none; }
.nav.primary ul.desktop { float:right; padding:0; list-style:none; }
.nav.primary ul.desktop li { float:left; margin-left:20px; text-transform:uppercase; }
.nav.primary ul.desktop li a { color:#FFFFFF; text-decoration:none; }
.nav.primary ul.mobile { position:absolute; top:0; left:0; width:100%; padding:0; list-style:none; }
.nav.primary ul.mobile li a { display:block; padding:15px 5px; text-decoration:none; }
.nav.primary ul.mobile li.menu { position:absolute; top:0; left:0; }
.nav.primary ul.mobile li.back { position:absolute; top:0; right:0; }

.section.header { position:relative; background:#232120 url("../imgs/header-bg.jpg") no-repeat center center; background-size:cover; }
.section.header .container { position:relative; z-index:100; }
.section.header .slideshow { position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; }
.section.header .slideshow ul { width:100%; height:100%; margin:0; padding:0; }
.section.header .slideshow ul li { width:100%; height:100%; background:no-repeat center center; background-size:cover; }

.section.header .slideshow-pager { position:absolute; z-index:101; bottom:20px; left:0; right:0; text-align:center; }
.section.header .slideshow-pager > span { display:inline-block; width:8px; height:8px; margin:0 3px; background:rgba(255,255,255,0); border:solid 1px #FFF; border-radius:50%; text-decoration:none; cursor:pointer; line-height:8px; }
.section.header .slideshow-pager > span.cycle-pager-active { background:rgba(255,255,255,1); }

.section.header .overlay { position:absolute; z-index:11; top:0; right:0; bottom:0; left:0; background:rgba(35,33,33,0.65); }

.section.main { padding:50px 0 80px 0; }
.section.footer { padding:80px 0 50px 0; color:#A9A6A6; text-align:center; border-top:solid 1px #E6E6E6; }
.section.footer .hit-counter { margin-top:20px; color:#DDDDDD; font-size:70%; }

.section.sidebar { position:fixed; z-index:1000; top:0; bottom:0; left:-250px; overflow:hidden; width:250px; min-height:100%; font-family:'Quicksand', 'Arial', 'Helvetica', sans-serif; background:#232120; transform:transplate3d(0,0,0); -webkit-transform:transplate3d(0,0,0); -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.section.sidebar ul { position:absolute; top:0; right:0; bottom:0; left:0; overflow:auto; margin:0; padding:0; -webkit-overflow-scrolling:touch; list-style:none; }
.section.sidebar ul::-webkit-scrollbar { display: none; } 
.section.sidebar ul > li { border-bottom:solid 1px rgba(255,255,255,0.05); }
.section.sidebar ul > li > a { display:block; padding:9px 24px; color:#FFFFFF; text-decoration:none; }
.section.sidebar ul > li.close { font-size:150%; text-align:right; }

/* Medium screens */
@media (max-width:1000px) {
.nav.primary { text-align:center; }
.nav.primary .logo { float:none; }
.nav.primary ul { display:none; }
}

/* Small screens */
@media (max-width:767px) {
body .viewport { transform:transplate3d(0,0,0); -webkit-transform:transplate3d(0,0,0); } 
body.sidebar-active .viewport { overflow:hidden; width:100%; }
body.sidebar-active .section.sidebar { left:0px; }

.hdr.xxlarge { font-size:300%; line-height:150%; }
.hdr.xlarge { font-size:300%; line-height:150%; }
.hdr.large { font-size:250%; line-height:150%; }
.hdr.medium { font-size:200%; line-height:150%; }
.hdr.small { font-size:150%; line-height:150%; }
.hdr.xsmall { font-size:120%; line-height:150%; }
.hdr.xxsmall { font-size:100%; line-height:150%; }

.nav.primary .logo { width:150px; margin:0 auto; font-size:110%; line-height:180%; }
}