html,
body{min-height:100%;width:100%;border:1px solid transparent;}
body{background:#151521 url(../images/bg1_min.jpg) no-repeat center top;}
.cntr{height:100%;max-height:100%;min-width:800px !important;}
.cn_tl{display:block;width:100%;max-width:1200px;min-width:800px !important;height:auto;margin:0 auto;position:relative;height:100%;max-height:100%;}
.cn_tl .ship-bg, .cn_tl .ship-an{display:block;height:auto;width:100%;max-width:1200px;min-width:800px !important;margin-top:146px;}
.cntr .ship-an{margin:0;position:absolute;top:0px;}
.cntr .title{display:block;z-index:30;width:550px;height:200px;position:absolute;padding:15px;bottom:-80px;left:30px;display:block;}
.cntr .title h1{color:#fff;margin:0;padding:0;width:400px;height:90px;font-family:'Trebuchet MS', sans-serif;font-size:36px;font-weight:bold;text-align:center;line-height:34px;text-shadow:0px 0px 4px rgba(0,0,0,0.9);display:table-cell;vertical-align:middle;}
.cn_tl .tlflip{position:absolute;display:block;width:80px;height:80px;z-index:999;text-transform:uppercase;font-style:italic;font-family:'Humnst', Helvetica, sans-serif;}
.tlflip::after{content:'';position:absolute;width:160px;height:20px;bottom:100%;pointer-events:none;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.tlflip:hover::after{pointer-events:auto;}
.tlflip-content{position:absolute;z-index:9999;width:160px;height:80px;left:50%;margin-left:-80px;bottom:100%;text-align:center;color:#fff;opacity:0;margin-bottom:20px;cursor:default;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.tlflip-effect-1 .tlflip-content{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
.tlflip-effect-2 .tlflip-content{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
.tlflip-effect-3 .tlflip-content{-webkit-transform:translate3d(0,10px,0) rotate3d(0,0,1,5deg);transform:translate3d(0,10px,0) rotate3d(0,0,1,5deg);}
.tlflip:hover .tlflip-content{opacity:1;pointer-events:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.tlflip-content > span{float:left;width:50%;height:100%;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.tlflip-content > span img{display:block;max-width:60px;margin:10px;}
.tlflip-front{background:#4e2e5d;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:perspective(1000px) rotate3d(0,1,0,-90deg);transform:perspective(1000px) rotate3d(0,1,0,-90deg);}
.tlflip-back{background:rgba(0,2,20,0.8);font-size:1.05em;padding:2.2em 1em 0;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:perspective(1000px) rotate3d(0,1,0,90deg);transform:perspective(1000px) rotate3d(0,1,0,90deg);}
.tlflip:hover .tlflip-content > span{-webkit-transform:perspective(1000px) rotate3d(0,1,0,0deg);transform:perspective(1000px) rotate3d(0,1,0,0deg);}
.tlflip-content .tlflip-front::after,
.tlflip-content .tlflip-back::after{content:'';position:absolute;top:100%;width:0;height:0;}
.tlflip-content .tlflip-front::after{right:0;border-top:10px solid #4e2e5d;border-left:10px solid transparent;}
.tlflip-content .tlflip-back::after{left:0;border-top:10px solid rgba(0,2,20,0.8);border-right:10px solid transparent;}
.cn_tl .tlline{position:absolute;display:block;width:80px;height:80px;z-index:999;text-transform:uppercase;font-style:italic;font-family:'Humnst', Helvetica, sans-serif;}
.tlline::after{content:'';position:absolute;width:100%;height:20px;bottom:100%;left:50%;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.tlline:hover::after{pointer-events:auto;}
.tlline-content{position:absolute;z-index:9999;width:300px;left:50%;bottom:100%;font-size:18px;line-height:18px;text-align:center;font-weight:normal;color:#fff;background:transparent;opacity:0;margin:0 0 20px -150px;cursor:default;pointer-events:none;text-transform:uppercase;font-style:italic;font-family:'Humnst', Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-webkit-transition:opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s;}
.tlline:hover .tlline-content{opacity:1;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s;}
.tlline-content span{display:block;}
.tlline-text{border-bottom:10px solid #4e2e5d;overflow:hidden;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform 0.3s 0.3s;transition:transform 0.3s 0.3s;}
.tlline:hover .tlline-text{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.tlline-inner{background:rgba(0,2,20,0.9);padding:10px;min-height:100px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.tlline:hover .tlline-inner{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.tlline-content::after{content:'';bottom:-20px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#4e2e5d;border-width:10px;margin-left:-10px;}
.tlcurv{position:absolute;z-index:999;width:50px;height:50px;cursor:pointer;}
.tlcurv-item{width:30px;height:30px;left:50%;top:50%;margin:-15px 0 0 -15px;position:absolute;border-radius:50%;border:2px solid #e35583;-webkit-animation:pulse 0.7s infinite alternate;animation:pulse 0.7s infinite alternate;}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(0.7,0.7,1);}
to{-webkit-transform:scale3d(1,1,1);}
}
@keyframes pulse{from{-webkit-transform:scale3d(0.7,0.7,1);transform:scale3d(0.7,0.7,1);}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.tlcurv:hover .tlcurv-item{border-color:#fff;}
.tlcurv-title{display:block;width:150px;position:absolute;top:40px;left:0;font-size:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;font-weight:bold;color:#fff;opacity:.8;letter-spacing:1px;text-transform:uppercase;}
.colbl{color:#000225;}
.tlcurv-content{position:absolute;background:rgba(0,2,20,0.9);z-index:9999;width:320px;bottom:50%;padding:10px;border-radius:7px;color:#fff;opacity:0;cursor:default;pointer-events:none;font-family:"Trebuchet MS", Helvetica, sans-serif;font-style:italic;text-transform:uppercase;font-size:12px;text-align:left;-webkit-font-smoothing:antialiased;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.tlcurv-west .tlcurv-content{left:50px;-webkit-transform-origin:-2em 50%;transform-origin:-2em 50%;-webkit-transform:translate3d(0,50%,0) rotate3d(1,1,1,30deg);transform:translate3d(0,50%,0) rotate3d(1,1,1,30deg);}
.tlcurv:hover .tlcurv-content{opacity:1;-webkit-transform:translate3d(0,50%,0) rotate3d(0,0,0,0);transform:translate3d(0,50%,0) rotate3d(0,0,0,0);pointer-events:auto;}
.tlcurv-content::before,
.tlcurv-content::after{content:'';position:absolute;}
.tlcurv-content::before{height:100%;width:3em;}
.tlcurv-content::after{width:2em;height:2em;top:50%;margin:-1em 0 0;background-size:100%;}
.tlcurv-west .tlcurv-content::before,
.tlcurv-west .tlcurv-content::after{right:99%;}
.tlcurv-east .tlcurv-content::before,
.tlcurv-east .tlcurv-content::after{left:99%;}
.tlcurv-east .tlcurv-content::after{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1);}
.rm-box{display:block;width:700px;height:200px;position:absolute;bottom:-80px;right:0;}
.rm-box span{display:block;width:inherit;height:inherit;position:relative;}
.rm-box span b{opacity:0;position:absolute;bottom:0;left:0;display:block;color:#fff;font-size:24px;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;}
.rm-box span li:hover b{opacity:1;}
.round_menu{border-radius:50%;display:block;width:150px;height:150px;position:absolute;top:0;right:0;padding:20px;}
.rm-box .round_menu:first-child{right:60%;}
.rm-box .round_menu:nth-child(2){right:30%;}
.rm-box .round_menu:nth-child(3){}
.round_menu ul{background:transparent;display:block;height:110px;width:110px;border-radius:50%;border:5px solid #fff;position:absolute;top:20px;left:20px}
.round_menu > p{text-align:center;line-height:100px;font-size:60px;font-family:"Trebuchet MSbd", Arial, Helvetica, sans-serif;width:110px;height:110px;font-weight:bold;z-index:2}
.round_menu li{display:block;position:absolute;width:110%;height:110%;opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;-webkit-transition:-webkit-transform 0.5s, opacity 0.3s;transition:transform 0.5s, opacity 0.3s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;}
.round_menu:hover li{opacity:1;-webkit-transition:-webkit-transform 0.6s, opacity 0.6s;transition:transform 0.6s, opacity 0.6s;}
.round_menu li a{display:block;width:100%;height:100%;position:relative;}
.round_menu li a img{position:absolute;top:10%;left:5%;opacity:1;}
.round_menu li a:hover img{opacity:.8;}
.round_menu:hover li:first-child{-webkit-transform:translate3d(-113px, -113px, 0);transform:translate3d(-113px, -113px, 0);}
.round_menu:hover li:nth-child(2){-webkit-transform:translate3d(0, -160px, 0);transform:translate3d(0, -160px, 0);}
.round_menu:hover li:nth-child(3){-webkit-transform:translate3d(113px, -113.14px, 0);transform:translate3d(113px, -113.14px, 0);}
.round_menu:hover li:nth-child(4){-webkit-transform:translate3d(-160px, 0, 0);transform:translate3d(-160px, 0, 0);}
.round_menu:hover li:nth-child(5){-webkit-transform:translate3d(160px, 0, 0);transform:translate3d(160px, 0, 0);}
.round_menu .select_ship{display:block;width:100%;height:100%;position:absolute;top:0;left:0;padding:25px;z-index:1}
.round_menu .select_ship img{}
#contact{padding-top:400px !important;}
@media screen and (max-width:1370px){#contact{padding-top:300px !important;}
html,
body{max-height:700px !important;}
body{background-size:1366px auto;}
.cn_tl .ship-bg, .cn_tl .ship-an{max-width:900px;margin:146px auto 0 auto;}
.cn_tl .ship-an{left:0;right:0;margin:0 auto;}
.cn_tl{height:100%;max-height:100%;max-width:854px;margin:0 auto;}
.cntr .title{height:170px;left:220px;bottom:-55px;}
.cntr .title h1{width:300px;font-family:'Trebuchet MS', sans-serif;font-size:26px;line-height:24px;}
.rm-box{z-index:9999;width:200px;height:520px;position:absolute;bottom:-55px;right:0;}
.rm-box .round_menu:first-child{right:0%;top:10%}
.rm-box .round_menu:nth-child(2){right:0%;top:35%}
.rm-box .round_menu:nth-child(3){right:0%;top:60%}
.round_menu:hover li:first-child{-webkit-transform:translate3d(-113px, -113px, 0);transform:translate3d(-113px, -113px, 0);}
.round_menu:hover li:nth-child(2){-webkit-transform:translate3d(-160px, 0, 0);transform:translate3d(-160px, 0, 0);}
.round_menu:hover li:nth-child(3){-webkit-transform:translate3d(-113px, 113px, 0);transform:translate3d(-113px, 113px, 0);}
.cntr .big_text h1, .cntr .big_text i{color:#ffffaa !important}
#cntr_main{margin-top:-70px !important;}
}
@media screen and (max-width:1150px){.cntr{max-width:700px;}
.cn_tl{}
}