html{background:#ffffff;margin:0px;padding:0px;}
body{margin:0px;padding:0px;border:0;font-size:16px;font-family:"Trebuchet MS", Helvetica, sans-serif;color:#606060;line-height:24px;}
.header{margin:0px;height:460px;background:rgba(0, 0, 0, 0) no-repeat scroll center top/cover;}
.header_first{height:400px;}
.logo{float:left;margin:20px;}
.icons{margin:20px;float:right;font-size:40px;color:#ffffff;}
.icons a:link, .icons a:visited, .icons a:hover{color:#ffffff;}
.iconnav{margin-left:20px;}
.first{margin-left:0px;}
.header_nav{height:60px;z-index:1000;}
.fix-nav{position:fixed;top:0px;width:100%;}
.nav{background-color:#01AEF0;}
.nav ul{height:60px;list-style-type:none;margin:0px;}
.nav ul li{font-size:16px;text-transf orm:uppercase;font-weight:bold;float:left;color:#ffffff;text-transform:uppercase;}
.nav ul li a, .nav ul li a:visited, .nav ul li a:hover{display:block;color:#ffffff;line-height:60px;padding:0px 14px;}
.nav ul li a:hover{background-color:#a2dff7;}
ul {list-style-position: inside;}
.hi{background-color:#a2dff7;}
.main{display:block;}
.article{padding:20px;}
.article p, .wrapper {margin: 0px auto;max-width: 1200px}
.grey{background-color:#EAEAEA;}
.banderole{background-color:#a2dff7;position:relative;margin-top:40px;min-height:300px;}
.banderole_image{border-radius:50%;box-shadow:0 0 0 20px #a2dff7;height:160px;left:50%;margin-left:-75px;position:absolute;top:-10px;width:156px;}
.slogan{color:#ffffff;font-size:18px;text-align:center;padding:140px 100px 20px;}
.slogan h2{color:#ffffff;text-transform:inherit;font-size:22px;}
.itemlist{}
.itemlist h2{text-transform:inherit;font-size:22px;}
.itemlist i{font-size:50px;}
.itemlist .clear {height:30px}
.section{}
h1{color:#606060;font-size:36px;text-transform:uppercase;text-align:center;line-height:46px;margin:0px 0px 20px 0px;}
h2{color:#606060;font-size:20px;text-transform:uppercase;text-align:center;line-height:30px;}
h3{color:#606060;font-size:20px;text-transform:uppercase;text-align:center;line-height:30px;}
h4{color:#606060;font-size:18px;text-transform:uppercase;text-align:center;line-height:28px;}
a, a:hover, a:visited{color:#3aa2fd;text-decoration:none;}
.fullwidth{width:100%;}
.one-half{float:left;width:48%;}
.one-third{float:left;width:32%;}
.two-third{float:left;width:62%;}
.one-half, .one-third, .two-third{margin-right:4%;}
.last{margin-right:0;}
.clear{clear:both;}
.textcenter{text-align:center;}
.footer{height:100px;padding:20px;background-color:#d7d7d7;text-align:center;}
@media only screen
and (max-width:1023px){img{max-width:100%;}
.header{height:360px;}
.header_first{height:300px;}
.header_nav{height:60px;}
}
@media only screen
and (max-width:1023px)
and (min-width:480px){}
@media only screen
and (max-width:785px){.header{height:300px;}
.header_first{height:240px;}
}
@media only screen
and (max-width:479px){.header, #header_nav{height:auto;}
.slogan{font-size:16px;padding:140px 20px 20px;}
.one-half, .one-third, .two-third{width:100%;}
.icons{margin-left:0px;}
.logo{margin-right:4px;}
.nav ul{height:auto;list-style-type:none;margin:0px;padding:0px;}
.nav ul li{float:none;margin-right:0px;text-align:center;}
.nav ul li a, .nav ul li a:visited, .nav ul li a:hover{line-height:40px;}
h1{font-size:30px;line-height:40px;}
h2{font-size:18px;line-height:28px;}
h3{font-size:16px;line-height:26px;}
}