.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.main{width:100%;margin:0 auto;padding:0 1em 1em 0;min-height:17em;}
.icon-team, .icon-blog, .icon-home, .icon-news, .icon-filial, .icon-portfolio, .icon-services, .icon-contact, .icon-menu{speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-home:before{content:url(menu-1.png);}
.icon-news:before{content:url(menu-8.png);}
.icon-services:before{content:url(menu-2.png);}
.icon-filial:before{content:url(menu-7.png);}
.icon-portfolio:before{content:url(menu-3.png);}
.icon-blog:before{content:url(menu-4.png);}
.icon-team:before{content:url(menu-5.png);}
.icon-contact:before{content:url(menu-6.png);}
.icon-menu:before{content:url(icon-menu.png);}
.nav ul{margin:0;list-style:none;font-weight:300;}
.nav li span{display:block;}
.nav a{display:block;text-decoration:none;color:rgba(0, 0, 0, .9);-webkit-transition:color .5s, background .5s, height .5s;-moz-transition:color .5s, background .5s, height .5s;-o-transition:color .5s, background .5s, height .5s;-ms-transition:color .5s, background .5s, height .5s;transition:color .5s, background .5s, height .5s;}
.nav i{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
a, button{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.no-touch .nav ul:hover a{color:rgba(0, 0, 0, .5);}
.no-touch .nav ul:hover a:hover{color:rgba(0, 0, 0, 0.99);}
.nav li:nth-child(6n+1){background:rgb(232, 232, 232);}
.nav li:nth-child(6n+2){background:rgb(232, 232, 232);}
.nav li:nth-child(6n+3){background:rgb(232, 232, 232);}
.nav li:nth-child(6n+4){background:rgb(232, 232, 232);}
.nav li:nth-child(6n+5){background:rgb(232, 232, 232);}
.nav li:nth-child(6n+6){background:rgb(232, 232, 232);}
.nav li:nth-child(6n+7){background:rgb(232, 232, 232);}
@media (min-width:800px){.nav li{float:left;width:12.2%;text-align:center;-webkit-transition:border .5s;-moz-transition:border .5s;-o-transition:border .5s;-ms-transition:border .5s;transition:border .5s;}
.nav a{display:block;width:auto;}
.no-touch .nav li:nth-child(6n+1) a:hover,
.no-touch .nav li:nth-child(6n+1) a:active,
.no-touch .nav li:nth-child(6n+1) a:focus{border-bottom:4px solid rgb(174, 78, 1);}
.no-touch .nav li:nth-child(6n+2) a:hover,
.no-touch .nav li:nth-child(6n+2) a:active,
.no-touch .nav li:nth-child(6n+2) a:focus{border-bottom:4px solid rgb(191, 117, 20);}
.no-touch .nav li:nth-child(6n+3) a:hover,
.no-touch .nav li:nth-child(6n+3) a:active,
.no-touch .nav li:nth-child(6n+3) a:focus{border-bottom:4px solid rgb(12, 110, 149);}
.no-touch .nav li:nth-child(6n+4) a:hover,
.no-touch .nav li:nth-child(6n+4) a:active,
.no-touch .nav li:nth-child(6n+4) a:focus{border-bottom:4px solid rgb(10, 75, 117);}
.no-touch .nav li:nth-child(6n+5) a:hover,
.no-touch .nav li:nth-child(6n+5) a:active,
.no-touch .nav li:nth-child(6n+5) a:focus{border-bottom:4px solid rgb(16, 34, 44);}
.no-touch .nav li:nth-child(6n+6) a:hover,
.no-touch .nav li:nth-child(6n+6) a:active,
.no-touch .nav li:nth-child(6n+6) a:focus{border-bottom:4px solid rgb(9, 18, 25);}
.no-touch .nav li:nth-child(6n+7) a:hover,
.no-touch .nav li:nth-child(6n+7) a:active,
.no-touch .nav li:nth-child(6n+7) a:focus{border-bottom:4px solid rgb(12, 110, 149);}
.icon{padding-top:0.4em;}
.icon + span{margin-top:0.1em;-webkit-transition:margin .5s;-moz-transition:margin .5s;-o-transition:margin .5s;-ms-transition:margin .5s;transition:margin .5s;}
.nav a{height:9em;}
.no-touch .nav a:hover ,
.nav a:active ,
.nav a:focus{height:15em;}
.no-touch .nav a:hover .icon + span{margin-top:1.2em;-webkit-transition:margin .5s;-moz-transition:margin .5s;-o-transition:margin .5s;-ms-transition:margin .5s;transition:margin .5s;}
.nav i{position:relative;display:inline-block;margin:0 auto;padding:0.4em;border-radius:50%;font-size:1.8em;box-shadow:0 0 0 30px transparent;background:rgba(255,255,255,0.1);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:box-shadow .6s ease-in-out;-moz-transition:box-shadow .6s ease-in-out;-o-transition:box-shadow .6s ease-in-out;-ms-transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out;}
.no-touch .nav a:hover i,
.no-touch .nav a:active i,
.no-touch .nav a:focus i{box-shadow:0 0 0 0 rgba(190,190,190,0.2);-webkit-transition:box-shadow .4s ease-in-out;-moz-transition:box-shadow .4s ease-in-out;-o-transition:box-shadow .4s ease-in-out;-ms-transition:box-shadow .4s ease-in-out;transition:box-shadow .4s ease-in-out;}
}
@media (max-width:49.938em){.main{width:100%;margin:0 auto;padding:17% 1em 1em 0;max-width:82.667em;min-height:4em;}
.icon-home:before{content:url(menu-1m.png);}
.icon-news:before{content:url(menu-8m.png);}
.icon-services:before{content:url(menu-2m.png);}
.icon-filial:before{content:url(menu-7m.png);}
.icon-portfolio:before{content:url(menu-3m.png);}
.icon-blog:before{content:url(menu-4m.png);}
.icon-team:before{content:url(menu-5m.png);}
.icon-contact:before{content:url(menu-6m.png);}
.nav ul li{-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;-ms-transition:background 0.5s;transition:background 0.5s;}
}
@media (min-width:32.5em) and (max-width:49.938em){.nav li{display:block;float:left;width:49%;}
.nav a{padding:0.8em;}
.nav li span,
.nav li span.icon{width:75%;float:left;display:inline-block;top:10px;}
.nav li span.icon{width:25%;}
.nav li .icon + span{font-size:1.2em;}
.icon + span{position:relative;top:-0.2em;}
.nav li i{display:inline-block;padding:8% 9%;border:4px solid transparent;border-radius:50%;font-size:1.5em;background:rgba(255,255,255,0.1);-webkit-transition:border .5s;-moz-transition:border .5s;-o-transition:border .5s;-ms-transition:border .5s;transition:border .5s;}
.no-touch .nav li:hover i,
.no-touch .nav li:active i,
.no-touch .nav li:focus i{border:4px solid rgba(255,255,255,0.1);}
}
@media (min-width:32.5em) and (max-width:38.688em){.nav li span.icon{width:30%;}
.nav li .icon + span{font-size:0.9em;}
.icon + span{max-width:65%;display:table-cell;vertical-align:top;margin:2% 0 0 2%;font-size:0.8em;}
}
.nav .navtoogle{display:none;width:100%;padding:0.5em 0.5em 0.8em;font-weight:normal;text-align:left;color:rgb(7, 16, 15);font-size:1.4em;background:none;border:none;border-bottom:4px solid rgb(221, 221, 221);cursor:pointer;}
.navtoogle i{z-index:1;}
.icon-menu{position:relative;font-size:2.6em;}
@media (max-width:32.438em){.nav .navtoogle{margin:0;display:block;}
.no-js .nav ul{max-height:30em;overflow:hidden;}
.js .nav ul{max-height:0em;overflow:hidden;}
.js .nav .active + ul{max-height:33em;overflow:hidden;-webkit-transition:max-height .4s;-moz-transition:max-height .4s;-o-transition:max-height .4s;-ms-transition:max-height .4s;transition:max-height .4s;}
.nav li span{display:inline-block;height:100%;}
.nav a{padding:0.5em;}
.icon + span{max-width:70%;display:table-cell;vertical-align:top;margin:2% 0 0 2%;font-size:1.2em;}
.nav li:nth-child(6n+1){border-left:8px solid rgb(174, 78, 1);}
.nav li:nth-child(6n+2){border-left:8px solid rgb(191, 117, 20);}
.nav li:nth-child(6n+3){border-left:8px solid rgb(13, 111, 150);}
.nav li:nth-child(6n+4){border-left:8px solid rgb(10, 75, 117);}
.nav li:nth-child(6n+5){border-left:8px solid rgb(16, 34, 44);}
.nav li:nth-child(6n+6){border-left:8px solid rgb(9, 18, 25);}
.nav li:nth-child(6n+7){border-left:8px solid rgb(10, 75, 117);}
.touch .nav a{padding:0.8em;}
}