/* common */
html{overflow-x:hidden !important;}
h1{margin:0;}
h1, h2, p, dd, dt, li, div, span{word-break: keep-all;}
h1, h2, p{transform:rotate(0.028deg);}
.logo {display: inline-block;}
.logo img{margin-top:12px;}
.feature-box p{font-size:14px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font24{font-size:24px;}
.pd15{padding:15px;}
.pt20{padding-top:20px;}
.pb10{padding-bottom:10px;}
.pv20{padding:20px 0;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mb5{margin-bottom:5px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb80{margin-bottom:80px;}
.mtvh5{margin: top 5vh;}
.mtvh10{margin-top:10vh;}
.mtvh15{margin-top:15vh;}
.mtvh20{margin-top:20vh;}
.mtvh25{margin-top:25vh;}
.mbvh5{margin-bottom:5vh;}
.mbvh8{margin-bottom:8vh;}
.mbvh10{margin-bottom:10vh;}
.mbvh20{margin-bottom:20vh;}
.mbvh25{margin-bottom:25vh;}
.h-vh5{height: 5vh;}
.h-vh10{height: 10vh;}
.h-vh15{height: 15vh;}
.h-vh20{height: 20vh;}
.h-vh25{height: 25vh;}
.mv-10 {margin-top: 10px;margin-bottom: 12px;}
.mb-0{margin-bottom:0;}
.mt-0{margin-top:0;}
.mg-0{margin:0;}
.image-box p{margin-bottom:8px;margin-top:0;}
.imgCenter > img{margin:0 auto;padding:0 15px;text-align:center;}
.imgCenter2 img{margin:0 auto;padding:0;}
.pv-40-mobile{padding:40px 0;}
.bold{font-weight:bold;}
.style-2 .body p.font15{font-size:15px;}
.slogan{font-size:24px;letter-spacing:-1px;color:#3697d9;}
.border-top-1{border-top:1px solid #e8e8e8;}
.txtC{text-align:center;}
.text-left{text-align:left!important ;}
.circle-link{margin:10px auto;text-align:center;}
.circle-link li{display:inline-block;list-style:none;margin:0 5px;}
.circle-link li a{color:#292929;border:2px solid #0097f6;width:120px;height:120px;border-radius:50%;display:inline-block;vertical-align:middle;line-height:115px;transform:skew(-0.03deg);text-decoration:none;}
.circle-link li a:hover{background-color:#0097f6;border-color:#0097f6;color:#fff;}
button{all:unset;cursor: pointer;}
/* main */
h4.font22{font-size:22px;margin:5px 0 0 0;}
/* main slalom92 */
.banner{position:relative;z-index:0;width:100%;padding:0;overflow:hidden;}
.banner>ul>li{display:none;overflow:hidden;list-style:none;padding-top:155px;margin:0;height:750px;}
.banner>ul>li>.tableLayout{margin-left: 7vw;}
.bannerUl{margin: 0;padding: 0;}
.banner .typingTxtArea{padding:0 0 0 0;vertical-align:middle;color: #414141;font-weight: 800;}
.banner-text-sm{font-size: 27px;color:#7a7a7a; font-weight: 600; letter-spacing: -0.01em;}
.banner-text-sm.white{color:#fff;text-shadow: 11px 11px 27px rgba(0,22,85,0.45);}
.banner-text-md{font-size: 44.5px;letter-spacing: -0.05em;}
.banner-text-lg{font-size: 55px;letter-spacing: -0.05em;}
.banner-text-lg2{font-size: 61.4px;letter-spacing: -0.05em;}
.banner-text-lg2.white{color:#fff;text-shadow: 11px 11px 27px rgba(0,22,85,0.45);}
.banner-btn-01{margin-top:10px;font-size: 24px;background: rgb(14,208,88); background: linear-gradient(90deg, rgba(14,208,88,1) 0%, rgba(0,151,246,1) 100%);color:#fff;padding: 10px 32px 8px;border-radius: 50px;}
.banner-btn-02{margin-top:10px;font-size: 24px;background: #fff;color:#1599c7;padding: 10px 32px 8px;border-radius: 50px;}
.main-bg-1{background-image: url(../images/banner/main-bg-1.png);background-position: right center;background-repeat: no-repeat;}
.main-bg-2{background-image: url(../images/banner/main-bg-2.png);background-position: right center;background-repeat: no-repeat;}
.arrow-position{display: flex;align-items: center;margin-top: 72px;position: absolute;bottom: 20%;}
.main-bg-2 .arrow-position a{color: #fff;}
.btnLeft{position:absolute;z-index:2;left:2%;top:46%;}
.btnRight{position:absolute;z-index:2;right:2%;top:46%;}
.btnLeft2, .btnRight2{font-size: 30px;}
.indiCateNum{color: #cecece;margin-left: 10px;}
.indiCateNum a{font-size: 20.7px;vertical-align: middle;color: #cecece;margin: 0 12px;text-decoration: none;}
.indiCateNum a.on,.indiCateNum a:hover{color: #aeaeae;}
.main-bg-2 .indiCateNum, .main-bg-2 .indiCateNum a{color:#aaecf1;}
.main-bg-2 .indiCateNum a.on, .main-bg-2 .indiCateNum a:hover{color:#fff;}
@media (max-width:1560px) {
.main-bg-1{background-size: 50%;}
.banner .typingTxtArea{width: 54%;}
.banner-text-sm{font-size: 2.688rem;}
.banner-text-md{font-size: 3.781rem;}
.banner-text-lg,.banner-text-lg2{font-size: 4.438rem;}
}
@media(max-width:1200px){
.banner{position:relative;z-index:1;width:100%;width:100%;padding:0;overflow:hidden;margin:0;}
.banner ul,.banner li{margin:0;padding:0;list-style:none}
.banner>ul>li{display:none;overflow:hidden;list-style:none;margin:0;height:650px;}
.banner>ul>li.onlyImage .textArea {margin-left:12%; width:18vw; max-width:250px;}
.banner>ul>li.onlyImage .btnMore {padding:3px 0; font-size:14px;}
.main-bg-1{background-position: right 10px center;}
.main-bg-2{background-size: cover;}
.arrow-position{bottom: 12%;}
}
@media(max-width:1024px){
.banner{position:relative;z-index:1;width:100%;padding:0;overflow:hidden;}
.banner .tableLayout{display:block;}
.banner ul,.banner li{margin:0;padding:0;list-style:none}
.banner>ul>li{display:none;overflow:hidden;list-style:none;padding-top:80px;}
.banner>ul>li.onlyImage .textArea {margin-top:-14%; width:20vw; max-width:250px; min-width:170px;}
.banner>ul>li.onlyImage .btnMore {padding:2px 0; font-size:12px;}
}
@media (max-width:882px) {
.banner .typingTxtArea{width: 59%;}
.banner-text-sm{font-size: 1.688rem;}
.banner-text-md{font-size: 2.781rem;}
.banner-text-lg,.banner-text-lg2{font-size: 3rem;}
.banner>ul>li{height: 480px;padding-top:68px;}
.main-bg-1{background-size: 70%;background-position: center right -80px;}
.main-bg-2{background-position: left 80% center;}
.arrow-position{margin-top: 36px;}
}
@media (max-width:480px){
.main-bg-1{background-image: none;text-align: center;}
.main-bg-2{text-align: center;}
.banner .typingTxtArea{width: 100%;}
.banner>ul>li>.tableLayout{margin-left: 0;}
.arrow-position{justify-content: center;}
.arrow-position .btnLeft2,
.arrow-position .btnRight2{display: none;}
.banner>ul>li{height: 435px;}
.main-bg-2{background-position: left 41% center;}
.arrow-position{left: 50%;transform: translate(-50%, 0);}
.indiCateNum{margin-left:0;}
}
.swiper-container.clientArea{margin:100px auto;width:90%;}
.swiper-container.clientArea img{margin:0 auto}
.overflow-hidden{width:100%;overflow:hidden}
.swiper-container.newsArea{width:105%;margin:50px 0 50px 5%;}
.swiper-container.newsArea .swiper-wrapper{padding-top:4px;margin:0 0 0 4%;}
.swiper-container.newsArea .swiper-slide{vertical-align:middle}
.swiper-container.newsArea .swiper-slide>a{display:block;position:relative;z-index:1;}
.swiper-container.newsArea .swiper-slide>a .hiddenLayer{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:10%;background:rgba(0,0,0,0.9);}
.swiper-container.newsArea .swiper-slide>a .hiddenLayer h4{font-size:17px;color:#fff;}
.swiper-container.newsArea .swiper-slide>a .hiddenLayer p{padding:10px 0 0 0;line-height:35.39px;font-size:25.45px;color:#fff;}
.swiper-container.newsArea .swiper-slide>a:hover{cursor:ew-resize}
.swiper-container.newsArea .swiper-slide>a:hover .hiddenLayer{display:block;}
.titleTxt{padding:20px 0;text-align:center;color:#fff;font-size:14px;}
.askBtn{display:block;width:90%;max-width:425px;margin:0 auto;padding:19px 0 17px 0;line-height:20px;text-align:center;background:#0ed058;color:#1b1b1b;font-size:23.5px;font-weight:700;}
.subBtn{display:block;width:90%;max-width:425px;margin:0 auto;padding:19px 0 17px 0;line-height:20px;text-align:center;background:#0097f6;color:#1b1b1b;font-size:23.5px;font-weight:700;}
.askBtn:hover, .subBtn:hover{color:#fff}
.swiper-container.newsArea .btnMore{display:inline;width:20%;height:100%;margin-top:100%;line-height:100%;text-align:center;vertical-align:middle;text-decoration:none;font-size:100px;color:#000;font-weight:700}
.swiper-container.newsArea .btnMore:hover{text-decoration:none;cursor:pointer !important}
.swiper-container.newsArea .width50per{width:8% !important}
.swiper-container.newsArea .swiper-slide>a>img{width:100%}
/* 191222 s */
.banner>ul>li.onlyImage {padding:0; margin:0; background:#292929;}
.banner>ul>li.onlyImage .visualObjArea {width:100%;}
.banner>ul>li.onlyImage .textArea {position:absolute; top:50%; left:50%; margin-left:14%; margin-top:-12%; width:16.37vw; min-width:230px;}
.banner>ul>li.onlyImage .textArea img {width:100%;}
.banner>ul>li.onlyImage .btnMore {display:block; margin-top:6%; margin-left:18%; width:74%; padding:4px 0; color:#fff; font-size:1vw; text-align:center; background:#292929;}
.banner>ul>li.onlyImage .btnMore:hover {background:#0097f6; text-decoration:none;}
.circle-link li {vertical-align:middle;}
.circle-link li a {display:flex; line-height:130%; align-items:center; justify-content:center;}
/* 191224 */
.banner>ul>li.onlyImage .tableLayout {position:relative; height:100%; background: url(../images/main/main_CES_bg.png) no-repeat center center #fff; background-size: cover;}
.banner>ul>li.onlyImage .textArea>div .pc {display:block;}
.banner>ul>li.onlyImage .textArea>div .mo {display:none;}
@media (max-width:680px) {
.banner .typingTxtArea .typing {font-size:24px;}
.tp-caption {width:200px;margin:0;padding:10px 30px;font-size:13px;}
.tp-caption .separator-2{margin-bottom:8px;}
.tp-caption h2{margin:10px 0 5px 0;padding:0;font-size:18px;}
.tp-caption p{line-height:18px;margin:0;padding-bottom:10px;}
}
/* nav */
.navbar-nav li.openWindow span{font-weight:normal;color:#333;font-size:14px;vertical-align:middle;}
.navbar-nav li.openWindow span i{margin:0;padding:0;}
/* menu02 */
.mosaicBox{border:1px solid #e8e8e8;margin:30px auto 0 auto;padding:30px;text-align:center;background:url(../images/menu02/mosaic.gif) left top repeat #fff;width:85%;}
@media (min-width: 992px){
.width88p{width:88%;margin:0 auto;}
}
.section-orange-bg{background-color:#f0ecea;}
.table-talkbot{width:100%;font-size:15px;color:#444;}
.table-talkbot th{border:1px solid #e5e5e5;text-align:center; padding:10px 0;}
.table-talkbot th img{margin:0 auto;}
.table-talkbot td{border:1px solid #e5e5e5;padding:10px;}
.table-talkbot .bold{font-weight:bold;}
.table-talkbot .br-color{border-right-color:#297879;}
/* menu04 */
.pv-10{padding:6px 0 0 0!important;}
.patent-img img{padding-bottom:35px;margin:0 auto;}
/* menu06 */
.view-title{letter-spacing:-1px;font-weight:bold;text-align:center;border-top:2px solid #333;border-bottom:1px solid #e8e8e8;padding:20px 0;margin-bottom:20px;}
.icon-new-left{position:absolute;top:0;left:auto;right:0;}
.icon-new-right{position:absolute;top:0;}
.confirm .image-box,.awards .image-box,.patent .image-box{border:1px solid #e8e8e8;margin:10px;}
.value{width:85%;margin:0 auto;}
.philosophy{width:67%;margin:0 auto;}
@media (max-width: 1200px){
.value{width:100%;}
.value img{margin:0 auto;margin-top:10px;}
.philosophy{width:100%;}
.philosophy img{margin-top:10px;}
}
.style-2 .body {min-height:212px;}
@media (min-width: 992px) and (max-width: 1199px){
.style-2 .body {min-height:257px;}
}
@media (min-width: 992px) and (max-width: 1280px){
.logo img{margin-top:20px;}
}
@media (min-width: 1280px) and (max-width: 1430px){
.logo img{margin-top:15px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.style-2 .body {min-height:257px;}
.swiper-container.newsArea .swiper-slide>a .hiddenLayer p{padding:10px 0 0 0;line-height:18px;font-size:14px;color:#fff;}
.swiper-container.newsArea .btnMore{display:inline;width:20%;height:100%;margin-top:100%;line-height:100%;text-align:center;vertical-align:middle;font-size:60px;color:#000;font-weight:700}
.swiper-container.newsArea .btnMore:hover{text-decoration:none}
}
@media (min-width: 1025px) and (max-width: 1200px){
.banner .typingTxtArea .typing {font-size:35px;}
.banner .typingTxtArea{width:57%;}
}
.style-2 .body2 {min-height:216px;padding:15px;}
.image-box .body3{padding:15px 0;}
@media (max-width: 1199px){
.timeline-item ul.date-year li span{width:100%;margin-bottom:12px;}
}
/* menu07 */
.request{border-top:2px solid #000;padding-top:20px;}
@media (max-width:768px) {
.newTab{border-top:1px solid #f1f1f1;}
.newTab div{border-bottom:1px solid #f1f1f1;background-color:#fff;}
.banner .visualObjArea{min-width:100px;}=-0
.banner .typingTxtArea .typing {font-size:23px;}
/* .banner .bannerRightNav{} */
.banner .bannerRightNav li{padding:5px 0}
.banner .bannerRightNav li, .banner .bannerRightNav li a{line-height:18px;font-size:14px;}
}
@media (min-width:768px) {
.tornadoV iframe{height:384px;}
}
@media (min-width: 100px) and (max-width: 319px){
.banner .bannerRightNav{display:block;float:none;clear:both;width:50%;margin:0 auto;}
}
@media (min-width: 501px) and (max-width: 767px){
.banner .visualObjArea{min-width:69px;}
.banner .typingTxtArea.first-text{padding:27% 0 0 0;}
.banner .visualObjArea.first-img{float:none;}
.banner .typingTxtArea .typing {font-size:28px;}
.banner .bannerRightNav{display:block;float:none;clear:both;width:70%;margin:10px auto;}
.banner .bannerRightNav li{padding:5px 0}
.banner .bannerRightNav li, .banner .bannerRightNav li a{line-height:18px;font-size:14px;}
.swiper-container.newsArea .swiper-slide>a .hiddenLayer h4{font-size:13px;color:#fff;}
.swiper-container.newsArea .swiper-slide>a .hiddenLayer p{padding:10px 0 0 0;line-height:18px;font-size:12px;color:#fff;}
.banner>ul>li.onlyImage {height:680px;}
/* 191226 */
.banner>ul>li.onlyImage .tableLayout {background-image: url(../images/main/main_CES_bg_t.jpg);}
.banner>ul>li.onlyImage .textArea {top:50%; margin:-46.1% auto 0; left:0; width:100%; min-width:100%; max-width:100%;}
.banner>ul>li.onlyImage .textArea>div {width:36.8%; margin:0 auto;}
.banner>ul>li.onlyImage .textArea>div .pc {display:none;}
.banner>ul>li.onlyImage .textArea>div .mo {display:block;}
.banner>ul>li.onlyImage .btnMore {width:26.8%; margin:2% auto 0; padding:4px 0; font-size:2.3vw;}
}
@media (max-width:992px){
.pv-40-mobile{padding-top:0;}
.mosaicBox{width:100%;}
}
@media(max-width:767px){
.scroll-y{overflow:auto;}
}
ol.agree-list{margin-left:5px;padding:0 15px;font-size:14px;transform: rotate(0.028deg);}
ol.agree-list > li {margin-bottom:8px;color:#444;}
ol.agree-list ul{margin:10px 0;}
ol.agree-list ul li{color:#666}
ul.agree-list2{margin:0;padding:0;list-style:none;}
ul.agree-list2 li{padding:0 0 0 18px;margin:0;background:url(../images/common/dot.png) 5px 8px no-repeat;}
.map-info-div{background:url(../images/menu07/parkingMap.png) center 0 no-repeat;height:450px;}
/* Dl list */
dl img{margin:0 auto;}
dl p{font-size:14.5px;transform:skew(-0.03deg);text-align:center;}
dl dt{padding-bottom:8px;color:#5c5c5c;padding-left:13px;transform:skew(-0.03deg);font-weight:800;}
dl dt i{margin-left:-21px;}
dl dt.pl-18{padding-left:18px;}
dl dd{padding-left:21px;font-size:14.5px;line-height:18px;transform:skew(-0.03deg);text-align:justify;}
.dt2{padding:15px 0 3px 21px;}
.dd2{padding-left:21px;}
.dd3{padding-left:41px;}
dl.dot-list {padding:20px;}
dl.dot-list dt{font-weight:bold;padding:0 0 3px 0;color:#333;}
dl.dot-list dd i{margin-left:-20px;}
dl.dot-list dd{font-weight:normal;font-size:14px;line-height:20px;font-weight:700;}
/* Ul list */
ul.list-new{margin:0;padding:0;list-style:none;text-align:left;transform:skew(-0.03deg);}
ul.list-new li{padding:0 0 0 12px;margin:0;background:url(../images/common/dot.png) left 8px no-repeat;font-size:15px; transform: rotate(0.028deg);}
.result-title{font-size:30px;letter-spacing:-1.5px;margin-top:0;text-align:center;}
/*20170413*/
.image-box.style-2 .overlay-container{background-color:#fff;}
.image-box.style-2 .overlay-container img{position: relative; top: 50%; transform: translateY(-50%);margin:0 auto;}
@media (max-width:768px) {
.image-box.style-2 .overlay-container img{transform: translateY(0%);}
}
/*20170414*/
.color-white{color:#fff !important;}
.nav-tabs.style-1{border-bottom:1px solid #444;}
/*20170629 index*/
.content-slider-with-large-controls-autoplay .overlay-container{height:148px;}
/*20180125 map*/
.hidden {display: none;}
div.map-info-div[aria-hidden="true"] {display: none;}
/*20180503 assistant*/
.assistant-bg{background-image:url('/images/menu02/menu02Bg.jpg');background-position:50% 0;min-height:250px;padding-top:60px;padding-bottom:20px;}
/*20181023 talkbot*/
.talkbot-bg{background-image:url('/images/menu02/menuTalkbotBg.jpg');background-position:50% 0;min-height:250px;padding-top:60px;padding-bottom:20px;}
h1.font28{font-size:30px;letter-spacing:-1.5px;font-weight:normal;}
.img-di img{display:inline-block;margin-bottom:5px;}
.img-fl img{margin:0 auto 5px auto;display:inline-block;padding:0 14px;}
.img-mb20 img{display:inline-block;margin:0 7px 20px 7px;}
.mt86{margin-top:86px;}
.hvr-sweep-to-right:before{color: #fff;background-color: #1eab85; border-color: #1eab85;}
/* 20190320 data science*/
.cas-icon h4{margin-top:20px;}
.cas-icon p {font-size:15px;}
.cas-icon span {width:71px;height:71px;display:block;margin:0 auto;}
.cas-icon span.icon01{background:url('/images/menu08/icon01.png') left top no-repeat;}
.cas-icon span.icon02{background:url('/images/menu08/icon02.png') left top no-repeat;}
.cas-icon span.icon03{background:url('/images/menu08/icon03.png') left top no-repeat;}
.feature-box-2 .body2 {margin-left:90px;}
.cas-icon-left span {width:71px;height:71px;position:absolute;}
.cas-icon-left span.icon01{background:url('/images/menu08/icon04.png') left top no-repeat;}
.cas-icon-left span.icon02{background:url('/images/menu08/icon05.png') left top no-repeat;}
.cas-icon-left span.icon03{background:url('/images/menu08/icon06.png') left top no-repeat;}
.cas-icon-left span.icon04{background:url('/images/menu08/icon07.png') left top no-repeat;}
.cas-icon-left p {font-size:15px; margin-bottom:0;}
.ph-25{padding:0 25px;}
.image-box.hNone .overlay-container{height:334px;}
.image-box.hNone .overlay-container img{transform: none;top:0;}
.cd-section {position: relative; padding: 80px 0 100px;}
.bg-img-03 { background: #54abf3 url('/images/menu08/img11.png') right 7% bottom no-repeat; background-size: 47% auto; }
.banner-txt h4 { color: #fff; font-size: 26px; margin-bottom: 20px; }
.banner-txt p { color: #fafafa; }
.banner-txt .btn-area { margin-top: 40px; }
.banner-txt .btn-area .btn { border-radius: 0!important; }
.btn-white { color: #0b88ee; background-color: #fff; }
.banner-txt .btn-area .btn { border-radius: 0!important; }
.btn-area .btn + .btn { margin-left: 15px; }
.btn-area a { font-size: 16px; padding: 8px 20px; }
.btn-line { color: #fff; border: 2px solid #fff; background-color: transparent; }
/* */
.cont-slide { padding-top: 80px; }
.carousel-common { margin: 0 55px; }
.carousel-inner { margin-top:10px; }
.carousel-common .carousel-indicators { width: auto; padding: 0; margin: 0; }
.indicator-icon { top: -80px; bottom: inherit; left: 0; right: 0; }
.carousel-indicators { position: absolute; z-index: 15; text-align: center; list-style: none; }
.carousel-common .carousel-indicators li { border: none; }
.indicator-icon li { display: inline-block; width: 110px!important; height: 60px!important; text-indent: inherit; margin: 0px 5px!important; }
.indicator-icon li div { margin-bottom: 5px; }
.indicator-icon li>span { font-size: 14px; padding: 2px 10px; border-radius: 30px; }
.indicator-icon li div i { color: #b1b1b1; font-size: 24px; transform: none; }
.carousel-common .carousel-control.right { right: -20px; }
.carousel .carousel-control.right { background-position: -40px 0; }
.carousel-common .carousel-control, .carousel-top .carousel-control { top: 50%; bottom: inherit; display: inline-block; width: 40px; height: 73px; margin: -36px; background-image: none; background: url(../img/carousel-control.png) no-repeat; }
.carousel-common .carousel-control.left { left: -20px; }
.carousel .carousel-control.left { background-position: 0 0; }
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.carousel-common .carousel-inner .img-area{display:inline-block;}
.carousel-common .carousel-caption { position: relative; top: 50%; right: auto; bottom: auto; left: auto; width: 100%; color: #333; text-shadow: none; margin: 0; text-align: left; padding: 0;}
.carousel-common .carousel-caption dl {
display: inline-block;
width: 100%;
font-size: 14px;
margin-top: 15px;
}
.carousel-common .carousel-caption dl dt {
height: 100%;
margin-bottom: 8px;
}
.carousel-common .carousel-caption ul{
padding: 0;
list-style-type: none;
}
.style-dot li {
padding-left: 10px;
background: url(/images/menu08/list-style-dot.png) 0px 5px no-repeat;
}
.carousel-common .carousel-caption .tit { position: relative; color: #333; font-size: 24px; margin: 0;}
.carousel .carousel-caption h4 { font-size: 45px; line-height: 60px; letter-spacing: -0.9px; margin: 20px 0 25px;}
.carousel-common .carousel-control.right { right: -20px;}
.carousel .carousel-control.right { background-position: -40px 0;}
.carousel-common .carousel-control, .carousel-top .carousel-control { top: 50%; bottom: inherit; display: inline-block; width: 40px; height: 73px; margin: -36px; background-image: none; background: url(/images/menu08/carousel-control.png) no-repeat;}
.indicator-icon li>span { font-size: 14px; padding: 2px 10px; border-radius: 30px;}
.indicator-icon li div i { color: #b1b1b1; font-size: 24px; transform: none;}
.carousel-common .carousel-indicators li { border: none;}
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff;}
.indicator-icon li.active>span { color: #fff; background: #0b88ee;}
.indicator-icon li.active, .indicator-icon li.active{ background: none;}
.carousel-indicators .active div i{ color: #0b88ee;}
carousel-common .carousel-caption dl dt .label {
display: inline-block;
width: 80px;
}
.label-yellow {
background: #f8b42b;
}
.label {
font-size: 12px;
padding: 4px 12px;
text-align: center;
border-radius: 30px;
}
.indicator-dot {
bottom: -40px;
left: 0;
right: 0;
}
.indicator-dot li.active {
position: relative;
top: -3px;
width: 50px;
height: 6px;
background-color: #0a88ee;
}
.carousel-common .carousel-indicators li {
border: none;
}
.indicator-dot li {
border: none;
background-color: #ccc;
}
/* */
.example-list>li .box-wrap { padding: 30px 30px 15px 29px; margin-bottom: 30px; border-top: 2px solid #0b88ee; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.05);}
.example-list>li { list-style:none;}
.example-caption { display: inline-block; width: 100%; margin-bottom: 12px;}
.example-caption .thumbnail { position: relative; float: left; overflow: hidden; width: 135px; height: 90px; padding: 0; margin-right: 15px; margin-bottom: 0; border-radius: 0; background-color: #ddd;}
.thumbnail { display: block;
line-height: 1.42857143;
border: 1px solid #ddd;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.example-caption .thumbnail img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
}
.example-caption dl {
float: left;
margin-top: 12px;
}
ul[class*=-list]>li dt {
color: #333;
padding-left:0;
}
ul[class*=-list]>li dd {
color: #666;
font-size: 14px;
font-weight:normal;
padding-left:0;
}
.example-caption dl dt {
font-size: 17px !important;
margin-bottom: 6px;
}
.logo-list {margin:0;padding:0;}
.logo-list {
display: inline-block;
width: 100%;
padding-top: 20px;
border-top: 1px dashed #ddd;
}
.logo-list>li {
float: left;
width: 33.3333%;
text-align: center;
list-style:none;
padding:0;
margin:0;
}
.bg-gradation-01 {
background-color: #54abf3;
background-image: linear-gradient(to top right, #1ad2fd, #008aff);
}
.banner-link {
text-align: center;
}
.banner-text-dl {
min-height: 274px;
color: #fff;
padding: 30px 10px;
margin-bottom: 25px;
border: 2px solid #fff;
}
.banner-text-dl dt {
font-size: 18px;
line-height: 30px;
}
.banner-text-dl dd {
font-size: 16px;
line-height: 28px;
margin-top: 20px;
color:#fff;
font-weight:normal;
}
.banner-text-dl dt strong {
display: block;
font-size: 19px;
}
.banner-link p {
color: #fff;
font-size: 23px;
line-height: 34px;
font-weight:bold;
}
.banner-link .btn-area {
margin-top: 25px;
}
.btn-area {
font-size: 0;
}
@media (min-width:991px) {
.cuWrap .feature-box-2 {width:80%;}
.cuWrap .feature-box-2 .body{margin-right:10px;}
.cuWrap .feature-box-2.right {width:80%;float:right;}
.cuWrap .feature-box-2.right .body{margin-left:10px;margin-right:62px;}
}
.num-list li {
text-align: left;
padding-left: 80px;
padding-right: 15px;
}
.num-list li {
position: relative;
color: #555;
font-size: 18px;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 20px;
border: 1px solid #eee;
background: #f3f7fb;
list-style:none;
}
.num-list li .num {
left: 0;
}
.num-list li .num {
position: absolute;
top: 0;
width: 60px;
height: 100%;
color: #fff;
font-size: 26px;
text-align: center;
line-height: 54px;
background: #0b88ee;
}
.point{
color: #0097F6;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-align: center;
margin: 34px 0 16px;
}
.line{
color: #3D424C;
font-size: 64px;
font-weight: 700;
line-height: 96px;
text-align: center;
}
/* */
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
60% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px)
}
}
.goToQuries a{
overflow: hidden;
position: fixed;
bottom: 0;
right: 0;
padding-top: 25px;
color: #fff;
font-size: 22px;
border-radius: 23px 0 0 23px;
background: rgb(2,153,244);
background: linear-gradient(325deg, rgba(2,153,244,1) 0%, rgba(62,207,187,1) 100%);
transition: all 0.3s ease-out;
z-index: 60;
cursor: pointer;
height: 192px;
width:143px;
text-align: center;
line-height: 27px;
}
.goToQuries a:hover{
text-decoration:none;
color:#fff;
}
.goToQuries i{
display:inline-block;
background:url('/images/common/icon-hand.png') left top no-repeat;
width:75px;
height:75px;
vertical-align:middle;
position: absolute;
top: 90px;
left: 46px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.goToQuries a:hover i{
cursor: pointer;
animation-name: bounce;
-moz-animation-name: bounce;
}
.goToQuries p{
color: #feffff;
margin-top: 74px;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
opacity: 0.49;
}
@media(max-width:500px){
.goToQuries{display:none;}
}
/*
.goToQuries a{
position: fixed;
bottom: 50%;
right: 0;
color: #fff;
font-size: 13px;
transition: all 0.3s ease-out;
z-index: 60;
cursor: pointer;
background:url('/images/common/icon-envelope.png') center 30% no-repeat rgba(33,150,243,1);
width:88px;
height:86px;
text-align:center;
padding-top:46px;
border-radius:8px 0 0 8px;
}
.goToQuries a{
overflow: hidden;
position: fixed;
bottom: 75px;
right: 10px;
padding: 10px 20px 10px 46px;
color: #fff;
font-size: 16px;
border-radius: 63px;
background-color: rgba(33,150,243,1);
transition: all 0.3s ease-out;
z-index: 60;
cursor: pointer;
}
*/
@media(max-width:500px){
.goToQuries a{
bottom: 60px;
right:0;
width:60px;
height:63px;
border-radius:0;
padding-top:34px;
background:url('/images/common/icon-envelope.png') center 30% no-repeat rgba(33,150,243,1);
font-size:10px;
}
}
/* new main */
/*=====================*/
/* main banner*/
ul.slides li{border-bottom:1px solid #ccc;}
ul.slides .text{color:#050505;font-size:50px;position:absolute;top:50%;left:13%;margin-top:-86px;}
.text {
font-size: 15px;
color: #050505;
/* text-transform: uppercase; */
}
span.test {
border-right: .05em solid;
animation: caret 1s steps(1) infinite;
}
@keyframes caret {
50% {
border-color: transparent;
}
}
.blue-bg{background-color:#0197f6;}
.tit-info2{font-size:37px;letter-spacing:-2px;margin-top:20px;text-align:center;color:#000;}
.query h1{font-size:44.43px;margin-bottom:17px;margin-top:0; color: #fff;}
.query p{text-align:center;color:#fff;font-size:20px;margin-bottom:50px;font-weight:400;}
.query a{color:#fff;text-decoration:none;}
.product-space{padding:160px 0;}
.merit-space{padding:200px 0;}
.client-space{padding:200px 0;}
.news-space{padding:180px 0 135px;}
.query-space{padding:50px 0;}
.query-space .query {margin: 50px 0;}
/* products */
.con-wrap{width:80%;}
.tit-main{font-size:48.46px;letter-spacing:-2px;color:#000;font-weight:800;margin-top:0;}
.tit-mb{margin-bottom:120px;}
.product-banner img{display:inline-block; width: 100%; max-width: inherit;}
/*.con-wrap .col-md-3{padding:0 35px;}*/
.product-banner {margin: 15px 0; color:#fffefe;font-size:12.64px; border:1px solid #5a5a5a;text-align:center;padding:34px 35px 44px 35px;}
.product-banner:hover{background:#1e1e1e; border-top:1px solid #0ed058; border-left:1px solid #0ed058; border-right:1px solid #0097f6; border-bottom:1px solid #0097f6;}
.product-banner h3{color:#a1a1a1; font-size: 18px;margin-top: 15px;}
.product-banner p{height:70px;padding-top:15px;line-height:22px;font-size: 16px;font-weight: 300;}
.product-banner a.btn-pro{margin:15px auto 0 auto;width:60%;background-color:none; border: 1px solid #ababab;display:block;padding:6px 0;color:#fff;text-decoration:none;font-size:15px;}
@media (min-width: 320px) and (max-width: 499px){
.product-banner{margin-bottom:10px;}
.tit-mb{margin-bottom:120px;}
}
.white{color:#fff;}
.font16{font-size:16px;}
@media (max-width:1686px){
.con-wrap{width:90%;}
}
@media (max-width:1500px){
.con-wrap .col-md-3{padding:0 10px;}
}
@media (max-width:1400px){
.con-wrap{width:90%;}
.product-banner{padding:34px 35px 44px 35px;}
.con-wrap .col-md-3{padding:0 10px;}
}
@media (max-width:1233px){
.con-wrap{width:95%;}
}
@media (max-width:1200px){
.con-wrap .col-md-3{width:50%;padding:10px 20px;}
.tit-mb{margin-bottom:50px;}
.pro-box-bt{margin-bottom:50px;}
.tit-mt{margin-top:50px;}
}
@media (max-width:768px){
.con-wrap{width:100%;}
.con-wrap .col-md-3{width:100%;}
.con-wrap h1{margin-left:20px;}
}
@media (min-width:1200px){
.product-banner{margin: 30px 15px;}
}
/* Merit */
.merit-group{text-align:center;}
.tit-info{font-size:37px;letter-spacing:-2px;margin-top:20px;color:#292929;}
.merit-group span.counter{font-size:95px;font-weight:400;color:#292929;letter-spacing:-2px;font-family: 'Open Sans', sans-serif;}
.merit-group span.counter.afterM:after{content:'M'}
.merit-group span.counter.afterK:after{content:'K'}
.merit-group p{color:#474747;}
.seperate-bar{width:26px;height:4px;background-color:#aaa;margin:30px auto;}
.mt-200{margin-top:200px;}
/* footer */
.logo-footer{border-bottom:2px solid #e8e8e8;margin-bottom:20px;padding-bottom:20px;}
.logo-footer img{display:inline-block;}
ul.banner-list{position:absolute;top:50%;right:0;}
/*sub renew*/
.default-blue-bg{color:#3D424C;background-color:#F5F7FA;margin-bottom: 10vh;}
.default-blue-bg img{margin:0 auto;padding:120px 0;}
.default-blue-bg h1{font-size:45.44px;color:#fff;text-align:center;padding:60px 0;}
.mini-title{color:#ffffff;}
.blue-bar{width:60px;height:5px;background-color:#0097f6;margin:0 auto;}
.product-logo{display:inline-block;margin:-25px 0 0 0;}
.product-logo2{display:inline-block;margin:-25px 0 0 10px;}
h1 .sub-tit-sm{font-size:23.28px;color:#9a9a9a;}
.title h1{text-align:center;}
.sub-tit-sm img{margin:0 auto 20px;}
.container p{text-align:justify;transform:rotate(0.028deg);}
.separator-v{width:3px;height:29px;background:#0097f6;margin:70px auto 0;}
.separator-v2{width:2px;height:32px;background:#0097f6;margin:30px auto;}
.diagram-info{text-align:center!important;margin-top:15px;}
/*.feature-box-2 h4{font-weight:500;}*/
.feature-box-2 p{font-size:16px;margin-top:15px;text-align:center;}
/* swiper */
/**
* Swiper 4.0.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2017 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 28, 2017
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 20px;
height: 36px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 20px 36px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 1;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("/images/main/btn_left.png");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("/images/main/btn_right.png");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #0ed058;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 99%;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* tab */
.nav-tabs.fixed-style{position:fixed;z-index:1;top:70px;left:0;width:100%;text-align:center;margin:0 auto;}
.nav-tabs.fixed-style li{float:none;display:inline-block;}
@media (max-width:678px) {
.nav-tabs.fixed-style{position:static;z-index:1;top:auto;left:auto;width:100%;text-align:center;background:#fff;}
.nav-tabs.fixed-style li{float:none;display:block;}
}
.case-list li{margin-bottom:5px;font-size:15px;transform:skew(-0.03deg);}
.case-list>li>ul{padding-left:0;margin-left:16px;}
ul.executive {padding:0;margin:0;}
ul.executive li{margin-bottom:5px;font-size:15px;transform:skew(-0.03deg);padding-left:0;margin-left:21px;}
.table-bordered td, th{font-size:14px;transform:skew(-0.03deg);}
.small{font-size:80%;}
/* hj */
/* guru-wrap */
.guru-wrap {
position: relative;
}
.guru-wrap .guru-title {
position: absolute; top: -11px; left: 0; right: 0;
text-align: center;
}
.guru-wrap .guru-title .title {
display: inline-block;
font-family: inherit;
font-size: 15px;
padding: 0 20px;
background-color: #fff;
}
/* .guru-wrap .row {
padding: 20px 0 15px;
}
.guru-wrap .row + .row {
border-top: 1px solid #eee;
}
.guru-wrap .row .col-md-6 + .col-md-6 {
border-left: 1px solid #eee;
} */
/* table */
.table>thead>tr>th {
text-align: center;
color: #fff;
border-color: #797979;
background-color: #3e3e3e;
}
.table-bordered {
border-top-color: #000;
}
.table>thead>tr>td,
.table>thead>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th {
vertical-align: middle;
transform: skew(-0.03deg);
}
.table>tbody>tr.info>th,
.table>tbody>tr.info>td,
.table>tbody>tr>th.info,
.table>tbody>tr>td.info {
color: #0097f6;
border-bottom-color: #cfecff;
background-color: #e2f4ff;
}
.table>tbody>tr>td strong {
display: block;
}
@media (max-width:991px) and (min-width:768px){
.techWrap img.test{margin-bottom:131px;}
}
.engineWrap>div{margin-bottom:20px;}
/* mouse srcoll motion */
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes scroll {
0% {
-moz-transform: translateY(0);
}
50% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@keyframes scroll {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.center-it {
position: absolute;
top: 92%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.caption {
margin-top: 10px;
font: 12px "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #BEBCBC;
}
.mouse {
display: inline-block;
height: 42px;
width: 26px;
border-radius: 20px;
border: 2px solid #BEBCBC;
text-align: center;
}
.mouse:after {
display: inline-block;
height: 8px;
width: 8px;
background-color: #BEBCBC;
border-radius: 50%;
content: "";
-webkit-animation: scroll 1.3s ease-out infinite forwards;
-moz-animation: scroll 1.3s ease-out infinite forwards;
animation: scroll 1.3s ease-out infinite forwards;
}
/* 20191017 */
/* pyongyang */
.pyongyang-l{width:55%;float:left;}
.pyongyang-r{width:45%;float:left;}
.audio-wrap:after{content:'';display:block;clear:both;}
.textGroup{margin-top:36%;}
.pyongyang-q{background-color:#f9eedd;padding:255px 0;}
.pyongyang-q img{margin:0 auto;}
.pyongyang-q .q-input{border:none;padding:10px;width:20%;vertical-align:middle;}
.gender{margin-right:100px;}
.btnEnter{background-color:#2b29bb;color:#fff;border:none;font-size:12px;padding:15px 64px;vertical-align:middle;margin-left:16px;display:inline-block;}
@media (max-width:590px){
.gender{margin-right:0;}
.pyongyang-q{padding:100px 15px;}
.pyongyang-q .q-input{width:100%;margin:0 15px 15px;}
.btnEnter{width:50%;padding:15px 0;}
}
@media (min-width: 591px) and (max-width: 1200px){
.pyongyang-q .q-input{width:35%;}
.pyongyang-q img{padding:0 15px;}
}
.pyongyang-form{display:inline-block;}
.pyongyang-form input[type=checkbox] + label {
display: inline-block;
margin: 0.2em;
cursor: pointer;
padding: 0.2em;
color:#1b1b1b;
font-weight:bold;
font-size:15px;
}
.pyongyang-form input[type=checkbox] {
display: none;
}
.pyongyang-form input[type=checkbox] + label:before {
content: "\2714";
border: 0.1em solid #000;
display: inline-block;
width: 1.45em;
height: 1.45em;
padding-left: 0.2em;
padding-bottom: 0.3em;
margin-right: 0.5em;
vertical-align: bottom;
color: transparent;
transition: .2s;
font-size:15px;
}
.pyongyang-form input[type=checkbox] + label:active:before {
transform: scale(0);
}
.pyongyang-form input[type=checkbox]:checked + label:before {
background-color: #2b29bb;
border-color: #2b29bb;
color: #fff;
}
.pyongyang-form input[type=checkbox]:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}
.pyongyang-form input[type=checkbox]:checked:disabled + label:before {
transform: scale(1);
background-color: #2b29bb;
border-color: #2b29bb;
}
/* sound player */
@media (max-width:590px){
.pyongyang-l{width:100%;}
.pyongyang-r{width:100%;}
.textGroup{margin:8%;}
}
@media (min-width: 591px) and (max-width: 784px){
.textGroup{margin-top:20%;}
.textGroup img{width:80%;}
.green-audio-player {width: 200px;height:80px;}
}
@media (min-width: 785px) and (max-width: 1200px){
.textGroup{margin-top:25%;}
.textGroup img{width:80%;}
.green-audio-player {width: 200px;height:80px;}
}
@media (min-width: 1201px) and (max-width: 1280px){
.textGroup{margin-top:22%;}
.textGroup img{width:80%;}
.green-audio-player {width: 200px;height:80px;}
}
@media (min-width: 1281px) and (max-width: 1700px){
.textGroup{margin-top:30%;}
.green-audio-player {width: 200px;height:80px;}
}
.holder {
flex-direction: column;
align-items: center;
}
.holder .get-it-on-github {
margin-top: 24px;
margin-bottom: 24px;
font-family: "Roboto";
color: #55606e;
}
.audio.green-audio-player {
width: 280px;
min-width: 250px;
height: 122px;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 24px;
border-radius: 4px;
user-select: none;
-webkit-user-select: none;
}
.audio.green-audio-player .play-pause-btn {
display: none;
cursor: pointer;
}
.audio.green-audio-player .spinner {
width: 18px;
height: 18px;
background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
background-size: cover;
background-repeat: no-repeat;
animation: spin 0.4s linear infinite;
}
.audio.green-audio-player .slider {
flex-grow: 1;
background-color: #d8d8d8;
cursor: pointer;
position: relative;
}
.audio.green-audio-player .slider .progress {
background-color: #2b29bb;
border-radius: inherit;
position: absolute;
pointer-events: none;
}
.audio.green-audio-player .slider .progress .pin {
height: 16px;
width: 16px;
border-radius: 8px;
background-color: #2b29bb;
position: absolute;
pointer-events: all;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}
.audio.green-audio-player .controls {
font-family: "Roboto", sans-serif;
font-size: 13px;
line-height: 18px;
color: #55606e;
display: flex;
flex-grow: 1;
justify-content: space-between;
align-items: center;
margin-left: 12px;
margin-right: 12px;
}
.audio.green-audio-player .controls .slider {
margin-left: 16px;
margin-right: 16px;
border-radius: 2px;
height: 4px;
}
.audio.green-audio-player .controls .slider .progress {
width: 0;
height: 100%;
}
.audio.green-audio-player .controls .slider .progress .pin {
right: -8px;
top: -6px;
}
.audio.green-audio-player .controls span {
cursor: default;
}
.audio.green-audio-player .volume {
position: relative;
}
.audio.green-audio-player .volume .volume-btn {
cursor: pointer;
}
.audio.green-audio-player .volume .volume-btn.open path {
fill: #44bfa3;
}
.audio.green-audio-player .volume .volume-controls {
width: 30px;
height: 135px;
background-color: rgba(0, 0, 0, 0.62);
border-radius: 7px;
position: absolute;
left: -3px;
bottom: 52px;
flex-direction: column;
align-items: center;
display: flex;
}
.audio.green-audio-player .volume .volume-controls.hidden {
display: none;
}
.audio.green-audio-player .volume .volume-controls .slider {
margin-top: 12px;
margin-bottom: 12px;
width: 6px;
border-radius: 3px;
}
.audio.green-audio-player .volume .volume-controls .slider .progress {
bottom: 0;
height: 100%;
width: 6px;
}
.audio.green-audio-player .volume .volume-controls .slider .progress .pin {
left: -5px;
top: -8px;
}
svg,
img {
display: block;
}
/* service image setting */
.dvm {
display: none;
}
.service_img:hover .dvm {
display: block;
}
@keyframes spin {
from {
transform: rotateZ(0);
}
to {
transform: rotateZ(1turn);
}
}
/* partner */
.videoTitle{font-size:20px;font-weight:normal;}
@media (max-width:991px){
.dataikuLogo img{margin:0 auto;}
.videoTitle{text-align:center;margin-top:40px;}
}
.gartner{background:url('/images/menu07/partner01.png') left bottom no-repeat #ff6d70;color:#fff;text-align:center;padding:136px 0;letter-spacing:-1px;background-size:80%;}
.gartner p.font-normal{font-size:46px;font-weight:400;margin-bottom:0;}
.gartner p.font-big{font-size:64px;font-weight:700;margin-top:0;}
.gartner p.font-small{font-size:24px;font-weight:400;}
.gartner img{margin:90px auto 60px;}
@media (max-width:1200px){
.gartner{background-size:100%;}
}
.targets{color:#2e2727;padding:160px 0;}
.targets .font-big{font-size:64px;}
.targets .font-small{font-size:20px;}
.targets .font-small span{color:#3da8aa;}
.targets img{margin:30px auto 0;}
.attention{background:url('/images/menu07/point-bg.png') left bottom no-repeat #00c3c1;color:#fff;text-align:center;padding:140px 0;letter-spacing:-1px;}
.atten-wrap{width:58%;}
.atten-wrap h1{font-size:55px;letter-spacing:-2px;margin-top:0;font-weight:normal;}
.atten-wrap h1 span{font-weight:800;font-size:74px;}
@media (max-width:1500px){
.atten-wrap{width:68%;}
}
@media (max-width:1200px){
.atten-wrap{width:82%;}
}
.pointBanner {color:#fffefe;text-align:center;background:#fff;margin-top:30px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);}
.pointBanner p{color:#2e3132;font-size:22.5px;padding:10px 26px 26px 26px;}
.feature{padding:100px 0;}
.feature h1{color:#322f2f;font-weight:600;font-size:36px;letter-spacing:-1px;margin-bottom:50px;}
.feature h1 span{font-weight:700;font-size:59px;}
.feature h2{font-size:75px;margin-top:70px;}
.feature h3{font-size:36px;margin-top:-9px;}
.font-pink{color:#fe34ae;}
.font-purple{color:#aa0ce5;}
.font-blue{color:#6289ff;}
.font-green{color:#0eada7;}
.feature ul{padding-left:0;}
.feature li{font-size:27px;color:#504d4d;list-style:none;}
.feature .arrowLeft{position: absolute; top: 225px;}
.feature .arrowRight{position: absolute; top: 225px;right:15px}
.grayBox{background:#f0f0f0;padding:65px;}
.grayBox img{margin:0 auto;}
@media(max-width:1360px){
.feature h2{margin-top:20px;font-size:58px;}
.feature li{font-size:22px;}
}
@media(max-width:991px){
.grayBox img{margin:30px auto 0;}
}
@media(max-width:768px){
.grayBox{padding:10px;}
.feature h2{margin-top:60px;font-size:52px;}
.feature h3{font-size:28px;}
.feature li{font-size:18px;}
.grayBox img{margin:30px auto 40px;}
}
.slide-circle{position:absolute;bottom:20px;left:50%;margin-left:-6%;}
.slide-circle a{width:11px;height:11px;background:#b1b1b1;display:inline-block;border-radius:50%; margin:0 2px;}
.slide-circle a.on{background:#000;}
.partnerBg2{background:url('/images/menu07/point-bg2.png') left top no-repeat;padding:80px 0;}
.partnerBg2 h1{color:#322f2f;font-size:36px;font-weight:600;}
.partnerBg2 h1 span{font-weight:700;font-size:59px;}
.sareaBox div{background:#fff;padding:28px 25px 28px 90px;border:1px solid #b1b5b5;font-size:18px;position:relative;margin-bottom:10px;}
.sareaBox span{font-size:50px;position:absolute;left:24px;top:14px;}
.sareaBox .pointText{font-size:20px;color:#000;}
.font-green{color:#3ac1b3;}
.font-peach{color:#ff6d70;}
.dualTab{margin:40px auto 20px;text-align:center;}
.dualTab a{width:146px;display:inline-block;text-align:center;background:#384a5a;color:#fff;font-size:18px;padding:7px 0;text-decoration:none;cursor:pointer;}
.dualTab a:hover{background:#3ac1b3;text-decoration:none;}
.dualTab a.active{background:#3ac1b3;}
#bdRadiusL{border-radius:5px 0 0 5px;}
#bdRadiusR{border-radius:0 5px 5px 0;}
.techDown{padding:100px 0;}
.techDown .text{color:#494646;font-size:28px;margin-bottom:28px;word-break: keep-all;}
.techDown button.tech{background-color:#00bfbd;padding:16px 40px;color:#fff;font-size:26px;border:none;}
.productRequest{border:7px solid #dfe0e2;padding:60px 0;text-align:center;margin-top:60px;}
.productRequest img{margin:0 auto;}
.productRequest button.proR{color:#656565;background:#e8e8e8;border:1px solid #b1b5b5;border-radius:5px;font-size:24px;padding:10px 30px;}
/* talkbot */
.talkBanner{background:url('/images/menu01/talkbotBg.png') left top no-repeat;margin-top:-50px;padding:100px 0;text-align:right; background-size:100%}
.talkBanner p.font01{color:#000;font-family:"Nanumsqure_acEB"; font-size:3.6rem;line-height:3.6rem;margin-top:0;text-align:left;}
.talkBanner p.font02{color:#000;font-family:"Nanumsqure_acB"; font-size:1.6rem;line-height:2.7rem;font-weight:800;text-align:left;}
.talkBanner img{width:400px;}
.talkBanner button{font-family:"Nanumsqure_acB"; width:180px; margin:0 7px 40px 7px; border:0;font-size:1.5rem;padding:13px 20px; border-radius: 30px; color:#000; float:left}
.talkBanner button:hover{text-decoration:underline; }
.talkBanner button:nth-of-type(1){background-color: rgb(71,215,125);}
.talkBanner button:nth-of-type(2){background-color: rgb(65,173,243);}
@media(max-width:991px){
.talkBanner{padding:0;}
}
@media(max-width:768px){
.talkBanner{background:url('/images/menu01/talkbotBg.png') -40px bottom no-repeat #fafafa;text-align:right;background-size:130%;padding:78px 0; margin-bottom:50px;}
.talkBanner button{width:155px; margin:0 2px 40px;}
.talkBanner img{width:400px;position:relative; top:125px;}
}
/* meta human */
.mh-bg-dark{background:#222;color:#fff;}
.mh-tit h1{font-size:14px;text-align:center;font-weight:600;line-height:1.3;}
.mh-tit h2{font-size:1.8vw;}
.mh-bg-dark.mh-tit h1, .mh-bg-dark.mh-tit h2{color:#fff;}
@media (min-width: 1200px){
.container.mhWrap {
width: 1170px;
}
}
/* inquery */
#mh-inquery{position: fixed;bottom: 0;background: rgba(51,51,51,1);color: #fff;width: 100%;height:81px;z-index:50;font-size: 17px;cursor:pointer;}
.mh-inquery-line{width:300px;height:1px;background-color:#c9c9c9;position:absolute;right:260px;bottom:42px;}
.mh-inquery-text{position:absolute;right:596px;bottom:16px;}
.mhIqBtn {width: 375px;padding: 10px;border: none;background: #0ed058;color: #fff;cursor: pointer;opacity: 1;position:absolute;right:0;bottom:0;height:81px;}
@media screen and (max-width: 768px){
.mhIqBtn{width: 35%;}
.mh-inquery-line{right:32%;width:10%;bottom:29px;}
.mh-inquery-text{right:47%;bottom:3px;}
#mh-inquery, .mhIqBtn{height:60px;font-size:15px;}
}
/* video */
.videoWrap{width: 100%;min-height: 100%;position:relative;}
.videoWrap .backgroundVideo {width: 100%;}
.videoWrap .video-text-group{position: absolute;z-index: 1;top:30%;color: white;width: 100%;text-align:center;}
.videoWrap .video-text-group p {font-size: 2.7vw;letter-spacing:-1px;}
.video-text-group button.btn-default{background:#0097f6;color:#fff;font-size:19px;border-radius:50px;padding:20px 60px;font-weight:400;}
.video-text-group .video-sub-text{font-size:11px;margin-top:9px;}
.btn-sound{width:76px;height:76px;background:url('/images/menu10/icon-sound.png') center 18px no-repeat rgba(0, 0, 0, 0.18);color:#fff;font-size:10.23px;border:none;text-align:center;border-radius:15px;padding-top:29px;margin-top:27px;}
.btn-sound:hover{background-color:#0ed058;}
.btn-sound.muted{background-image:url('/images/menu10/icon-muted.png')}
@media screen and (max-width: 768px){
.videoWrap .video-text-group {
top:20%;
}
.video-text-group button.btn-default{
font-size:15px;
padding:10px 26px;
}
.videoWrap .video-text-group p {
font-size: 17px;
letter-spacing:0;
margin-bottom:0;
}
.video-text-group .video-sub-text{
margin-top:0;
}
.btn-sound{
height:35px;
width:100px;
text-align:left;
padding-top:0;
padding-left:38px;
margin-top:10px;
background-position:left 12px top 8px;
border-radius:50px;
}
}
/* mh character */
.v-pd{padding:150px 0;}
.vt-pd{padding-top:120px;}
.vb-pd{padding-bottom:120px;}
.mh-sub-text{font-size:40px;text-align:center;letter-spacing:-0.48px;margin-top:7px;margin-bottom:19px;line-height:48px;}
.tech-pd{padding:155px 0 80px;}
@media screen and (max-width: 768px){
.tech-pd{padding:110px 0 80px;}
.mh-sub-text{font-size:20px;line-height:33px;}
}
.mh-character > div > div{font-size:23px;height:430px;margin-bottom:20px;line-height:29px;}
.mh-character p{padding:20px 0 0 20px;}
.mh-character .cha01 {background:url('/images/menu10/cha01.png') center bottom -1px no-repeat #24db6a;}
.mh-character .cha02 {background:url('/images/menu10/cha02.png') center bottom -1px no-repeat #0ed058;}
.mh-character .cha03 {background:url('/images/menu10/cha03.png') center bottom -1px no-repeat #28c586;}
.mh-character .cha04 {background:url('/images/menu10/cha04.png') center bottom -1px no-repeat #30afff;}
.mh-character .cha05 {background:url('/images/menu10/cha05.png') center bottom -1px no-repeat #0097f6;}
.mh-character .cha06 {background:url('/images/menu10/cha06.png') center bottom -1px no-repeat #3289ec;}
@media screen and (max-width: 640px){
.v-pd{
padding:80px 0;
}
.mh-tit h1{
font-size:13px;
line-height:1.4;
}
.mh-sub-text {
font-size: 17px;
text-align: center;
line-height:26px;
}
.mh-character > div > div{
font-size:18px;
height:300px;
font-weight:400;
}
.mh-character .cha01,
.mh-character .cha02,
.mh-character .cha03,
.mh-character .cha04,
.mh-character .cha05,
.mh-character .cha06{
background-size: 100%;
}
.mh-character p{
padding:16px 0 0 12px;
line-height:22px;
}
}
@media screen and (max-width: 480px){
.mh-character > div > div{
height:228px;
}
}
/* mh cards */
.mh-card{width:200px;height:300px;background:#fff;border:1px solid blue;float:left;}
.main-news {position: relative;width: 100%;overflow: hidden;height: 1038px;box-sizing: border-box;}
@media screen and (max-width: 768px){
.main-news{height:780px;}
}
.main-news .tit-box {position: absolute;left: 140px;top: 468px;}
.main-news .tit-box .inner-box {position: relative;text-align: left;}
.main-news .tit-box .inner-box h2 {font-size: 46px;font-weight: 600;letter-spacing: -0.04px;}
.main-news .tit-box .inner-box p{font-size:18px;font-weight:500;}
.mh-button-next, .mh-button-prev {top: 126px;text-align: center;line-height: 55px;width: 55px;height: 55px;overflow: hidden;z-index: 1;border:1px solid #a0a0a0;z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat;}
.mh-button-next{background-image: url("/images/menu10/icon_arrow_right.png");margin-right:5px;}
.mh-button-prev {background-image: url("/images/menu10/icon_arrow_left.png");}
.news-slide-cover {position: absolute;top: 288px;left: 518px;width: 100%;height: calc(100% - 300px);overflow-x: hidden;}
.swiper-wrapper li{list-style:none;width:398px;}
.swiper-slide {flex-shrink: 0;height: 100%;position: relative;transition-property: transform;}
.news-con {width: 350px;overflow: hidden;box-shadow: 0 0 15px rgb(0 0 0 / 40%);transition: all .3s;}
.news-con .img {position: relative;width: 100%;height: 257px;overflow: hidden;margin-bottom:0!important;}
.news-con .img::before {content:"";background:url('/images/menu10/icon_mhplay.png') left top no-repeat;width:51px;height:36px;position:absolute;left:50%;top:50%;margin:-18px 0 0 -25px;}
.news-con .box {background: #fff;padding: 40px;}
.news-con .box p {text-align: left;color: #333;letter-spacing: -0.04px;}
.news-con .box .tit {font-size: 24px;line-height: 30px;margin: 5px 0 0;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-con .box .txt {position: relative;font-size: 15px;color: #666;line-height: 25px;margin: 15px 0 0;height: 75px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;}
/*
@media screen and (max-width: 1281px){
.swiper-slide.swiper-slide-active:first-child {
margin-left:515px;
}
}
*/
@media screen and (max-width: 1280px){
.main-news .tit-box {
left:35px;
top:40px;
width:100%;
}
.main-news .tit-box .inner-box h2{
font-size:36px;
margin-bottom:5px;
}
.news-slide-cover {
position: absolute;
top: 175px;
left: 0;
width: 100%;
height: calc(100% - 300px);
overflow-x: hidden;
}
.inner-text{
float:left;
}
.mh-btn-group{
position: absolute;
right:60px;
top:50px;
}
.main-news .mh-button-next,
.main-news .mh-button-prev {
width: 38px;
height: 38px;
}
}
@media screen and (max-width: 768px){
.main-news .tit-box {
left:28px;
}
.main-news .tit-box .inner-box h2{
font-size:26px;
margin-bottom:5px;
}
.main-news .tit-box .inner-box p{
font-size:13px;
}
.news-slide-cover{
left:-18px;
}
.mh-btn-group{
right:46px;
top:36px;
}
.m-tit {
font-size:25px;
}
}
@media screen and (min-width: 1281px){
.mh-btn-group{
display:none;
}
}
/* mh rolling */
.pv-75{padding:75px 0;}
.mh-bg-gray{background:#2f2f2f;}
.mh-gray-box{background-color:#575757;border:1px solid #575757;border-radius:10px;padding-left: 10px;padding-right: 20px;}
.mh-gray-box dt, .mh-gray-box dd{color:#fff;font-weight:500;}
.mh-gray-box dd{font-size:13px;}
.mh-gray-box.active{background-color:#202020;border:1px solid #0097f6;border-radius:10px;}
.mh-gray-box.active dt{color:#0097f6;font-weight:600;}
.cha-img-area{position:relative;text-align:center;}
.cha-img-area {margin:0 auto;}
.cha-img-area a, .cha-img-area a span{display:block;background-color:rgba(255,255,255,0.5);border-radius:50%;}
.cha-img-area a{width:46px;height:46px;padding-top:9px;}
.cha-img-area a > span{width:27px;height:27px;margin-left:9px;padding-top:7px;}
.cha-img-area a > span > span{width:13px;height:13px;margin-left:7px;display:none;}
.cha-img-area a:hover, .cha-img-area a.active{ transform: scale(1.3);background-color:rgba(0,151,246,0.3);}
.cha-img-area a:hover span, .cha-img-area a.active span{background-color:rgba(0,151,246,0.6);}
.cha-img-area a:hover > span > span, .cha-img-area a.active > span > span{display:block;background-color:rgba(0,151,246,1);}
.cha-img-area .loca-head{position:absolute;right:135px;top:102px;}
.cha-img-area .loca-ear{position:absolute;right:246px;top:262px;}
.cha-img-area .loca-eye{position:absolute;right:92px;top:238px;}
.cha-img-area .loca-mouth{position:absolute;right:35px;top:345px;}
@media screen and (min-width: 992px){
.cha07-pointer{display:none;}
}
@media screen and (max-width: 991px){
.cha-img-area{display:none;}
.loca-human-box dd{margin-bottom:10px;text-align:left;}
}
@media screen and (max-width: 1199px){
.cha-img-area .loca-head{position:absolute;right:102px;top:70px;}
.cha-img-area .loca-ear{position:absolute;right:175px;top:222px;}
.cha-img-area .loca-eye{position:absolute;right:50px;top:185px;}
.cha-img-area .loca-mouth{position:absolute;right:16px;top:278px;}
}
/* dark img box */
.dark-img-box{border:1px solid #fff;margin-bottom:20px;}
.dark-img-box .box-text{background:#222;font-size:18px;padding:28px 0;}
.dark-img-box p{font-size:17px;color:#959595;text-align:center;margin-bottom:5px;}
@media screen and (max-width: 991px){
.dark-img-box p{font-size:15px;}
}
.bg-text{background:url('/images/menu10/bg-text.png') center bottom 220px no-repeat #222;}
.b-pd{padding-bottom:276px;}
.ps-text{font-size:23px;text-align:center;margin-top:82px;}
.ps-text2 {font-size: 23px;text-align: center;margin-top: 38px;}
.text-blue{color:#0097f6;}
/* package */
@media screen and (min-width: 992px){
.pack-img01, .pack-img03{width:28%;margin-top:7%;}
.pack-img02{width:44%;background:#fff;-webkit-box-shadow: 0px 0px 12px 8px rgba(0,0,0,0.05); box-shadow: 0px 0px 12px 8px rgba(0,0,0,0.05);}
.mh-package img{margin:0 auto;}
}
@media screen and (max-width: 430px){
.mh-package{position:relative;min-height:600px;}
.pack-img02{float:left!important;width:100%;}
.pack-img01{position:absolute;left:0;bottom:0;width:50%;}
.pack-img03{position:absolute;right:0;bottom:0;width:50%;}
}
/* review */
.mh-bannerUl{position:relative;}
.review{display:table;width:100%;padding: 0;min-height:300px;}
.review .review-logo{display:table-cell;width:50%;vertical-align:middle;}
.review .review-logo img{margin:0 auto;}
.review .review-text{display:table-cell;font-size:13px;vertical-align:middle;transform: rotate(0.028deg);}
.review .review-text > p{margin-top:32px;}
.review .review-text > p > span{color:#585858;}
.mh-r-left, .mh-r-right{content:"";width:51px;height:51px;position:absolute;margin-top:-25px;cursor:pointer;}
.mh-r-left{background:url('/images/menu10/review-arrow-left.png') left top no-repeat;left:0px;top:50%;}
.mh-r-right{background:url('/images/menu10/review-arrow-right.png') right top no-repeat;right:0px;top:50%;}
@media screen and (min-width: 1223px){
.review .review-text{padding-right:50px;}
}
@media screen and (max-width: 991px){
.review{padding:90px 0;}
.review .review-logo{width:100%;float:left;}
.review .review-text{width:100%;float:left;padding:30px 50px 0 50px;text-align:center;}
.review .review-text p{text-align:center;}
}
@media screen and (max-width: 768px){
.mh-r-left{left:18px;}
.mh-r-right{right:18px;}
}
/* media news */
.mh-news > div > div{border:1px solid #a5a5a5;padding:30px 25px;display:inline-block;cursor:pointer;margin-bottom:20px;background-color:#fff;}
.mh-news > div > div:hover{background-color:#f0f0f0;border-color:#838383;}
.mh-news h3{margin-top:0;color:#0097f6;font-size:23px;}
.mh-news p{text-align:left;}
.mh-news p.n-text01{font-size:17px;color:#595959;}
.mh-news p.n-text02{font-size:14px;padding-bottom:10px;color:#969696;border-bottom:1px solid #a0a0a0;}
.mh-news p.n-date{font-size:14px;color:#969696;margin-bottom:0;}
.mh-news p.n-date span::after{content:"I";margin:0 10px;}
@media screen and (min-width: 991px){
.mh-news p.n-text01{
min-height:74px;
}
}
@media screen and (max-width: 767px){
.mh-news > div > div{
width:100%;
}
}
.mh-news-nav{text-align:center;}
.mh-news-nav a{display:inline-block;width:54px;height:4px;background-color:#969696;margin:0 5px;}
.mh-news-nav a.active{background-color:#0097f6;}
.mh-news-btn{text-align:right;margin:20px 0 20px;}
.mh-news-btn button{background-color:#fff;border:1px solid #7a7a7a;padding-top:3px;width:35px;height:35px;color:#979797;}
.mh-news-btn button:hover{background-color:#838383;color:#fff;}
/* popup responsive */
.modal-dialog.modal-lg .close{margin:10px 15px 0 0;}
.modal-dialog.modal-lg label{font-size:22px;}
.modal-dialog.modal-lg .small{font-size:13px;}
.modal-dialog.modal-lg .modal-body{padding:65px 58px;}
.trial-down{font-size:20px;color:#707070;}
.btn-trial{width:100%;color:#fff;background:#0097f6;border:none;border-radius:5px;font-size:17px; padding:10px 0;}
.essential{margin-top:40px;text-align:right;font-size:17px;}
.trail-more{width:100%; border : 1px solid #c5c1c1; text-align:center; border-radius:5px;font-size:17px;padding:10px 0;}
.modal-lg .welcome-messag{color:#fff;text-align:center;font-size:52px;letter-spacing:-3px;margin-top:120px;line-height:68px;margin-bottom:42px;}
.modal-lg .welcome-messag span{font-weight:400;}
.iq-right-area{padding-left:60px;}
.iq-left-area{border-right:1px solid #c5c1c1;padding-right:60px;}
@media screen and (max-width: 992px){
.modal-dialog.modal-lg .modal-body{
padding:45px 35px;
}
.modal-lg .welcome-messag{
font-size:22px;
margin-top:30px;
letter-spacing:-0.8px;
line-height:30px;
margin-bottom:20px;
}
.iq-right-area{
padding-left:15px;
}
.iq-left-area{
border-right:none;
padding-right:15px;
}
.modal-dialog.modal-lg label {
font-size: 20px;
}
}
/* scroll */
.slimScrollDiv{overflow:auto;}
.slimScrollDiv::-webkit-scrollbar{width: 6px;height: 8px;}
.slimScrollDiv::-webkit-scrollbar-track{border-radius: 20px;}
.slimScrollDiv::-webkit-scrollbar-thumb{background: #e1e5ed;border-radius: 20px;}
.slimScrollDiv::-webkit-scrollbar-thumb:hover{background: #cbd2e0;}
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(192,195,197,0.3);
background-color: #F5F5F5;
}
*::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb
{
background-color: #c5c5c5;
border: 2px solid #c0c3c5;
}
.navbar-default .navbar-nav>li>a:hover{transform: none;}