@charset "utf-8";
/* CSS Document */
::-moz-selection{background:#a8adba;}
::selection{background:#a8adba;}

/*template*/
*{margin:0; padding:0; font-family:'Droid Sans',Helvetica, sans-serif; font-size:18px; color:#222222; outline:none;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; margin:0; padding:0; background:#e3e3e3 url('../images/container.png') center repeat-y;}

body{width:100%; height:100%; margin:0; padding:0; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; color:#222222;}
h1{font-size:28px; margin:0px 0px 30px 0px;}
h2{font-size:24px; margin:0px 0px 10px 0px; color:#1db6e5;}
h3{font-size:19px; color:#222222;}
h4{}
h5{}
h6{}

p{}
a, a *{color:#1b325e; text-decoration:underline;}
a:hover, a:hover *{}
small{font-size:11px;}
.clear{clear:both;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, footer, header, section{display:block !important; overflow:hidden;}

.container{min-height:100%; background:#727175;}
.placeholder{display:none;}
.menu-icon{display:none;}
/*header*/
header{height:459px; display:block; position:relative; background:#ffffff url('../images/header.png') no-repeat top center;}

/*logo*/
header h1.logo{width:328px; height:250px; display:block; overflow:hidden; margin:80px 0px 0px 105px; position:absolute;}
header h1.logo a{width:328px; height:250px; display:block; text-indent:-4000px; background:url('../images/logo.png') no-repeat top center;}

/*nav*/
header nav{height:80px; margin:259px 0px 0px 0px !important; background:#1db6e5;}
header nav ul{width:735px; height:50px; display:block; margin:15px 0px;}
header nav ul li{width:auto; height:50px; display:block; float:left;}
header nav ul li:not(:last-child):after {content:""; width:2px; height:60px; display:block; margin:-5px 7px 0px 7px; float:right; background:url('../images/nav-spacer.jpg')}
header nav ul li a{width:auto; height:50px; display:block; float:left; line-height:50px; color:#fff; text-decoration:none; padding:0px 35px; font-size:21px; font-weight:bold; transition:.2s;}
header nav ul li.on a{transition:.2s; background:#61cced;}
header nav ul li:hover a{transition:.2s; background:#61cced;}

/*section*/
section{background:#ffffff;}

/*aside*/
aside{margin:0px 0px 100px 0px !important; float:left !important;}
aside h2{width:100%; height:auto; display:block; line-height:78px; margin:0px 0px 30px 0px; border-bottom:2px solid #1db6e5; color:#1db6e5; font-weight:bold; font-size:30px;}
aside p{color:#1db6e5; line-height:1.6em;}
aside p *{color:#1db6e5; line-height:1.6em;}
aside p a{text-decoration:none;}

/*article*/
article{margin:0px 0px 100px 0px !important; float:right !important;}
article h1{width:100%; height:auto; display:block; line-height:48px; margin:0px 0px 30px 0px; padding:15px 0px; border-bottom:2px solid #222222; color:#222222; font-weight:bold; font-size:30px;}
article p{line-height:1.6em; font-size:18px; color:#222222; margin:0px 0px 30px 0px;}
article *{line-height:1.6em;}
article ul{list-style:disc outside; margin:0px 0px 30px 20px;}
article ul li{line-height:1.6em; font-size:18px; color:#222222; margin:0px 0px 0px 0px; list-style:disc;}
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article table{margin:0px 0px 15px 0px; overflow-x:auto;}
.tb{width:100%; overflow-y:auto; _overflow:auto; margin:0px 0px 15px 0px;}
.tb::-webkit-scrollbar{-webkit-appearance:none; width:14px; height:14px;}
.tb::-webkit-scrollbar-thumb{border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3);}

/*form*/
article label{width:210px; height:40px; line-height:40px; float:left; font-size:18px; display:inline-block;}
article input[type="text"],
article input[type="tel"],
article input[type="email"]{width:418px; height:37px; float:left; margin:0px 0px 15px 0px; border:1px solid #727175;}
article input[type="text"].red,
article input[type="tel"].red,
article input[type="email"].red{border:1px solid #d55f27; transition:.2s;}
article input[type="text"].red:hover,
article input[type="tel"].red:hover,
article input[type="email"].red:hover{border:1px solid #727175; transition:.2s;}
article textarea{width:418px; height:100px; float:left; margin:0px 0px 15px 0px; border:1px solid #727175;}
article textarea.red{border:1px solid #d55f27; transition:.2s;}
article textarea.red:hover{border:1px solid #ccc; transition:.2s;}
article input[type="submit"]{width:180px; height:40px; display:block; cursor:pointer; float:right; padding:0px 15px; border-radius:2px; font-size:18px; color:#fff; border:none; text-align:right; background:#1db6e5;}

/*footer*/
footer{padding:20px 0px 10px 0px; position:relative; background:#727175;}
footer h3.logo{width:202px; height:106px; display:block; margin:auto; overflow:hidden;}
footer h3.logo a{width:202px; height:106px; display:block; overflow:hidden; text-indent:-4000px; background:url('../images/logo-white.png') no-repeat top center;}
footer a.facebook{width:32px; height:31px; display:block; overflow:hidden; position:absolute; top:20px; right:20px; text-indent:-4000px; background:url('../images/icon-facebook.png') no-repeat top center;}
footer p{margin:40px 0px 0px 0px; font-size:12px; font-weight:bold; color:#b3b2b4; text-align:center;}
footer p *{font-size:12px; text-decoration:none; font-weight:bold; color:#b3b2b4; text-align:center;}

@media only screen and (min-width: 995px) and (max-width: 1275px) {
    /*header*/
    header{height:319px; background:#fff url('../images/header.png') no-repeat top center; background-size:960px auto;}

    /*logo*/
    header h1.logo{width:280px; height:213px; display:block; overflow:hidden; margin:40px 0px 0px 55px; position:absolute;}
    header h1.logo a{width:280px; height:213px; display:block; text-indent:-4000px; background:url('../images/logo.png') no-repeat top center; background-size:280px auto;}
    
    /*nav*/
    header nav{width:595px !important; margin:199px 0px 0px 0px !important; padding-left:365px !important; background:#1db6e5;}
    header nav ul{width:auto; float:right; margin:15px 20px 15px 0px;}
    
}

@media only screen and (max-width: 1275px) {
    
    /*aside*/
    aside h2{font-size:28px;}

    /*article*/
    article h1{font-size:28px;}

    /*form*/
    article label{width:100%; box-sizing:border-box;}
    article input[type="text"],
    article input[type="tel"],
    article input[type="email"]{width:100%; box-sizing:border-box;}
    article textarea{width:100%; box-sizing:border-box;}
}

@media only screen and (min-width: 785px) and (max-width: 994px) {
    .container{background:#fff;}
    .placeholder{max-width:100%; display:block; visibility:hidden;}
    
    /*header*/
    header{height:auto; margin:0px 0px 30px 0px !important; background:#fff url('../images/header.png') no-repeat top center; background-size:100% auto;}
    
    /*logo*/
    header h1.logo{width:240px; height:183px; display:block; overflow:hidden; margin:0px 0px 0px 20px; bottom:60px; z-index:99; position:absolute;}
    header h1.logo a{width:240px; height:183px; display:block; text-indent:-4000px; background:url('../images/logo.png') no-repeat top center; background-size:240px auto;}
    
    /*nav*/
    header nav{width:100% !important; position:absolute; margin:0px 0px 0px 0px !important; bottom:30px; padding:0px !important; background:#1db6e5;}
    header nav ul{width:auto; float:right; margin:15px 20px 15px 0px;}
    header nav ul li a{font-size:19px; padding:0px 30px;}
}

@media only screen and (max-width: 784px){
    .container{background:#fff;}
    .placeholder{max-width:100%; display:block; visibility:hidden;}
    
    /*header*/
    header{height:auto; overflow:visible; margin:0px 0px 30px 0px !important; background:#fff url('../images/header.png') no-repeat top center; background-size:100% auto;}
    
    /*logo*/
    header h1.logo{width:30%; height:100%; display:block; overflow:hidden; margin:0px 0px 0px 20px; z-index:9; position:absolute;}
    header h1.logo a{width:100%; height:100%; display:block; text-indent:-4000px; background:url('../images/logo.png') no-repeat center center; background-size:100% auto;}
    
    /*nav*/
    header nav{width:100% !important; height:auto; z-index:99; position:absolute; -webkit-transform: translateY(-100%); transform:translateY(-100%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s; top:0px; margin:0px 0px 0px 0px !important; padding:0px !important; background:#1db6e5;}
    header nav.open{-webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header nav ul li:not(:last-child):after {content:""; width:0px; height:0px;}

    header nav ul{width:auto; height:auto; margin:55px 0px 5px 0px;}
    header nav ul li{width:100%; height:50px; float:none; margin:0px 0px 10px 0px;}
    header nav ul li a{width:100%; font-size:19px; text-align:center; padding:0px;}
    
    /* trigger menu */
    .menu-icon{width:auto; height:auto; display:block; overflow:hidden; top:0px; right:0px; padding:0px 0px 0px 10px; margin:0px 15px 0px 0px; float:right; position:absolute; z-index:9999; cursor:pointer; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background:#fff;}
    .menu-icon .text{opacity:1; display:block; line-height:35px; font-weight:bold; -webkit-transition:all .1s ease-in-out; float:left; transition:all .1s ease-in-out; line-height:42px; text-transform:uppercase; font-size:18px; color:#1db6e5;}
    .menu-icon .trigger{width:55px; height:40px; border-radius:0 0 0 4px; padding:10px 10px 7px 9px; box-sizing:border-box; overflow:hidden; display:inline-block; float:left;}
    .menu-icon .trigger span{width:28px; height:5px; border-radius:1px; margin-bottom:3px; display:block; background:#1db6e5; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    .menu-icon.close .trigger .bar-1{-ms-transform:translateY(7px) rotate(-45deg); -webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg);}
    .menu-icon.close .trigger .bar-2{opacity:0; visibility:hidden;}
    .menu-icon.close .trigger .bar-3{-ms-transform:translateY(-9px) rotate(45deg); -webkit-transform:translateY(-9px) rotate(45deg); transform:translateY(-9px) rotate(45deg);}
    .menu-icon.close .text{opacity:0; display:none; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}

    /*section*/
    section{width:90% !important; padding:0px 5% !important;}
    
    /*aside*/
    aside{margin:0px 0px 50px 0px !important;}
    aside h2{line-height:48px; font-size:25px;}

    /*article*/
    article{margin:0px 0px 30px 0px !important;}
    article h1{line-height:48px; font-size:25px;}

    /*footer*/
    footer{display:block !important;}
    footer h3.logo{width:40%; max-width:202px; height:106px; display:block; margin:auto; overflow:hidden;}
    footer h3.logo a{width:100%; height:106px; display:block; overflow:hidden; text-indent:-4000px; background:url('../images/logo-white.png') no-repeat top center; background-size:100% auto;}
}