.navigation-is-open .header_top.ht_fixed{ top:-100px!important;}
.navigation-is-open .header.ie8none.hnone { display: block!important;}



.header { position:fixed; left:0; top:0; height:110px; width:16.5%; z-index:999; overflow:hidden;}
.header .header_logo{ background:#FFF;width: 65%;margin-left: 35%;height: 110px;display: block;}
.icon{color: #de5350;}
.header_logo {text-align: center}
.header_logo img{ margin: 0px auto;height: 100%; max-width: 100%;display: inline-block;vertical-align: middle;}

.boxshadow{box-shadow: 1px 1px 1px rgba(0,0,0,.1);-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);}

 
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}


main{display: block; position: relative; z-index: 2; -webkit-overflow-scrolling: touch; padding: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);}

.navigation-is-open main{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}

.cdnav {width: 35%;height: 100%;position: absolute;left:0; top: 0px;z-index: 3;overflow: hidden;background: #000000;}




.cd-nav-trigger:hover .cd-nav-icon{opacity: 1;}


.no-touch .cd-nav-trigger:hover .cd-nav-icon::after{top: 2px;}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before{top: -2px;}




.cd-nav{position: fixed; z-index: 499; top: 0; left: 0; height: 100%; width: 100%; background-color: #1c1c1c; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;}
.cd-nav .cd-navigation-wrapper{ padding: 0px 0 0px 16.5%;height: 100%; overflow: hidden; }

.navigation-is-open .cd-nav{visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.navigation-is-open .cd-nav .cd-navigation-wrapper{}


.cd-nav h2{position: relative; margin-bottom: 1.5em; font-size: 1.3rem; font-weight: 800; color: #fff; text-transform: uppercase;}
.cd-nav h2::after{content: ''; position: absolute; left: 0; bottom: -20px; height: 1px; width: 60px; background-color: currentColor;}
.cd-nav .cd-primary-nav * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cd-nav .cd-primary-nav{margin-top: 60px;}
.cd-nav .cd-primary-nav li{margin: 3em 0;}
.cd-nav .cd-primary-nav a{font-size: 3.4rem;color: #666;display: inline-block;font-family: 'Montserrat-Bold';}
.cd-nav .cd-primary-nav a:hover{color: #fff;}
.cd-nav .cd-primary-nav a h1{font-size: 3.4rem;color: #666;}
.cd-nav .cd-primary-nav a h3{ margin-left:-300px;}
.cd-nav .cd-primary-nav a:hover h1{color: #fff;}
.cd-nav .cd-primary-nav a:hover h3{color: #666;margin-left:0px;}
.cd-nav .cd-primary-nav a.selected{color: #ffffff;}
.cd-nav .cd-contact-info{ position:absolute; width:14%; background:#000; top:0; right:0; height:100%; padding:12% 3% 0 4%; z-index:9;}
.cd-nav .cd-contact-info li{margin-bottom: 2em; line-height: 1.2; color:#666;}
.cd-nav .cd-contact-info li:nth-child(2){margin-bottom: 15px;}
.cd-nav .cd-contact-info li:nth-child(3){margin-bottom: 3px;line-height: 24px;}
.cd-nav .cd-contact-info li:nth-child(5) {margin-top: 30px;}
.cd-nav .cd-contact-info li:nth-child(5) h6{color: #464646;}
.cd-nav .cd-contact-info li h5 {font-size: 16px;text-transform: uppercase;position: relative;padding-bottom:20px;margin-bottom: 20px;}
.cd-nav .cd-contact-info li h5::after {content: '';width: 40px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;opacity: .3;}
.cd-nav .cd-contact-info a{}
.cd-nav .cd-contact-info a:hover{color: #fff;}
.cd-nav .cd-contact-info span{display: block; font-size:12px;line-height: 24px;}
.cd-nav .cd-contact-info li h3{font-size: 1.4rem;color: #ffffff;}
.cd-nav .cd-contact-info li h6{color: #555;}


.cd-half-block {position: relative;z-index: 3;margin-top: 50px;overflow: hidden;padding-bottom: 10px;}

 


.navigation-is-open .cd-nav li{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.navigation-is-open .cd-nav li.dnav1 {-webkit-animation-duration:.7s;animation-duration:.7s;}
.navigation-is-open .cd-nav li.dnav2 {-webkit-animation-duration:.8s;animation-duration:.8s;}
.navigation-is-open .cd-nav li.dnav3 {-webkit-animation-duration:.9s;animation-duration:.9s;}
.navigation-is-open .cd-nav li.dnav4 {-webkit-animation-duration:1.0s;animation-duration:1.0s;}
.navigation-is-open .cd-nav li.dnav5 {-webkit-animation-duration:1.1s;animation-duration:1.1s;}




.no-js main{height: auto; overflow: visible;}
.no-js .cd-nav{position: static; visibility: visible;}
.no-js .cd-nav .cd-navigation-wrapper{height: auto; overflow: visible; padding: 100px 5%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}



.mntel {display: none; border-top: 1px solid #333;overflow: hidden; text-align: left; margin: 10% 0px 0 0px;width: 90%;}
.mntel a {width: 54%;display: block;border-radius:3px; margin-top: 10%;background:  url("../image/ctel.svg") 10% center no-repeat;background-size: 10%; padding: 10px 20px 10px 40px;border: 1px solid rgba(255,255,255,.5);font-family: 'Montserrat-Bold';opacity: 0.5;text-align: center;font-size: 16px;color: #fff;}
.mntel a:hover {color: #fff;font-size: 16px;}




.menu-toggle,.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.navigation-is-open .menu-toggle span.hamburger,
.navigation-is-open .menu-toggle span.hamburger:after,
.navigation-is-open .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.navigation-is-open .menu-toggle span.hamburger,
.navigation-is-open .menu-toggle span.hamburger:after,
.navigation-is-open .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.navigation-is-open .menu-toggle span.hamburger:after {transition-delay:0s;}
.navigation-is-open .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.navigation-is-open .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.navigation-is-open .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}














@media screen and (max-width: 980px) {
.cd-contact-info { display:none;}	
.mntel {display: block;width: 81%;margin: 10% 0px 2px 0px}
}



@media only screen and (max-width: 980px) and (orientation:landscape) { 
.cd-nav .cd-primary-nav li{margin:0 1.6em 1.0em 0; float:left;}
.cd-nav .cd-primary-nav a{font-size: 1.6rem;}
}



@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
.cd-nav .cd-primary-nav a{font-size: 3.0rem;}
}