li{list-style:none}
ul{margin:0;padding:0}
.clear{clear:both}


.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
#news_main{width:100%}
#header .header-column .dropdown a{color:#000}
#header .header-column .dropdown a:hover,#header .header-column .dropdown a active,#header .header-column .dropdown a fousc{color:#0154dd !important}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu{border-top-color:#0154dd}
.tp-bullet.selected,.tp-bullet:hover{background:#0154dd}
.tparrows:hover{background:#0154dd}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu{border-radius:10px !important;-webkit-border-radius:10px !important;-moz-border-radius:10px !important;box-shadow:0 12px 14px 0 rgba(0,0,0,0.3) !important;padding:20px}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu:after{display:block;content:'';border-width:10px 10px 10px 10px;border-style:solid;border-color:transparent transparent #0154dd transparent;position:absolute;left:18%;top:-22px}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown-mega>.dropdown-menu{border-radius:10px !important;-webkit-border-radius:10px !important;-moz-border-radius:10px !important;box-shadow:0 12px 14px 0 rgba(0,0,0,0.3) !important;width:auto;padding:0;margin:0;left:-42%}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown-mega>.dropdown-menu:after{display:block;content:'';border-width:10px 10px 10px 10px;border-style:solid;border-color:transparent transparent #0154dd transparent;position:absolute;left:14%;top:-20px}
#header .header-nav-main.header-nav-main-square nav>ul>li .nav_pro{margin:0;padding:40px;height:auto;overflow:hidden}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li>a{padding:0;font-size:14px;color:#30323c;font-weight:500;padding:6px 0 10px 0}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{padding:0;font-size:15px;color:#30323c;margin-bottom:20px;font-weight:bold;transition:all .5s;display:block}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child a{margin-bottom:0}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a i{float:right;color:#30323c;font-size:10px;margin-top:9px;transition:all .5s}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover,focus{padding-left:10px;background:0}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover i,focus i{margin-right:-10px;color:#0154dd}
#nav_pro{min-width:800px !important;left:-100% !important;padding:0 !important}
#nav_pro .dropdown-mega-content{padding-right:0 !important}
#nav_pro .dropdown-mega-content img{width:100%;max-width:22px;margin-right:16px}
#nav_pro .dropdown-mega-content h3{font-size:16px;color:#9da7b6;font-weight:bolder;margin-bottom:20px;width:100%}
#nav_pro .dropdown-mega-content h3 span{font-weight:500;font-family:Arial;text-transform:none;margin-left:10px}
#nav_pro .dropdown-mega-content h4{font-size:15px;color:#30323c;font-weight:bolder;margin-bottom:16px;width:100%;height:24px;line-height:24px}
#nav_pro .dropdown-mega-content .product{padding:40px}
#nav_pro .dropdown-mega-content .product .pro_link{padding:0}
#nav_pro .dropdown-mega-content .product .pro_link li{margin-bottom:26px}
#nav_pro .dropdown-mega-content .product .pro_link li a{font-size:12px;color:#61657a;font-weight:600}
#nav_pro .dropdown-mega-content .service{padding:40px;background:#f6f6f6;border-radius:0 10px 10px 0 !important}
#nav_pro .dropdown-mega-content .service .left{padding:0}
#nav_pro .dropdown-mega-content .service .left ul{padding-left:34px}
#nav_pro .dropdown-mega-content .service .left ul li{margin-bottom:20px;height:24px;line-height:24px}
#nav_pro .dropdown-mega-content .service .left ul li a{font-size:14px !important;font-weight:500 !important}
#nav_pro .dropdown-mega-content .service .left ul li img{margin-right:10px}
#nav_pro .dropdown-mega-content .service hr{margin:20px 0;background:#ddd}
#nav_pro .dropdown-mega-content .service .right{padding:0}
#nav_pro .dropdown-mega-content .service .right li{margin-bottom:20px;height:22px;line-height:22px}
#nav_pro .dropdown-mega-content .service .right li a{font-size:15px !important;font-weight:bolder;color:#30323c}
.select-items div,.select-items,.select-hide,nav ul li:before,nav ul li:after,nav ul li a,.lnk-default,.lnk-default:before,.lnk-default:after,.room-details:before,.blog-img:before,.booking-btn:before,.slick-prev,.slick-next,.blog-info,.social-links ul li a,.widget-links>ul li a,.room-details:before,.blog-img:before,.htl-img:before,.featz:before,.svr-img>img,.blog-img>img,.widget-newsletter>form button,.htl-img,.room-slide .room-hd,.room-slide .booking-btn,.post_img>img,.room_img>img,.featz>img,.srvs-list li,.srvs-list li:before,.inzta>img,.inzta:before,.inzta>a,.room-caroz .room_img:after,.thumb_img:after,.widget_categories ul li:before,.widget_categories li a,.payment_options .nav-tabs .nav-link:before,.blog_img>img,.reply-btn,.ms-item:after,.gd-item>img,.ab-grid:after,.ab-grid:before,.search_fields>ul li,.menu-bar a span,.main-slider .metis.tparrows,.main-slider .metis.tparrows.tp-leftarrow:before,.main-slider .metis.tparrows.tp-rightarrow:before,.main-slider .metis .tp-tab-number:before,.side_menu_hd .social-links li a,.flatpickr-day,.responsive_mobile_menu,.scrollTop,.resot-icon,.resot-icon i,.search_sec,.sc_list li a,.abt_carousel .slick-dots li button,.abt_carousel .slick-dots li,nav ul li:after,.src-book li:after,.bbtm-header nav>ul>li>a:after,.hp_9 .searc_h:after,.abt-img>img,.room-details>img,.blog-img,.blog-img:after,.featz:after,.room-details:after,.abt-img:after,.srvz-img:after,.htl-img:after,.htl-img,.htl-img>img,.over_lay,.read-more,.widget_links li a,.service-slide .srvc-info,.check-status,.light-overlay iframe,.abt-img iframe,.room_imgs_carousel:after,.inzta:after,.thumb_img>img,.abt-dv>img,.abt-dv:after,.ms-item>img,.ab-grid:after,.blog_img:after,.wd-post-img:after,.ab-grid>img,.faqs_sec h5 .btn,.room_imgs_carousel .slick-prev:before,.room_imgs_carousel .slick-next:before,.mm_menu,.menu_m ul li a,.menu_m ul li a:before,.menu_m ul ul{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.lnk-default,.lnk-default:before,.lnk-default:after,.slick-prev,.slick-next,.social-links ul li a,.widget-newsletter>form input,.widget-newsletter>form button,.select-items,nav ul ul,.price-tag,.seachby li input[type="checkbox"]+label span,.pc-list .select-selected,.tb-detaiils .tb-row .room_info .fct-dv .lnk-default,.payment_options .nav-tabs,.blog_lft ul li,.bd-rad form input,.tags_sec>ul li a,.post-comment .form-field input,.post-comment .form-field textarea,.md-img>img,.widget_ask .form-field input,.widget_ask .form-field textarea,.error_sec form input,.error_sec form button,.search_field form input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.abt_carousel .slick-dots{right:15px}
.abt_carousel .slick-dots{width:100%;top:auto;bottom:-50px;-webkit-transform:inherit;-ms-transform:inherit;-moz-transform:inherit;-o-transform:inherit;transform:inherit;right:0}
#revolutionSlider ul .slide-overlay .link{background:#0154dd;border:none !important;color:#0154dd}
#revolutionSlider ul .slide-overlay .link:hover{color:#0154dd;background:#c12b33 !important}
#revolutionSlider ul .slide-overlay .link:focus{background:#c12b33;color:#0154dd}
#revolutionSlider ul .slide-overlay .link:active{background:#c12b33 !important;border:none !important;color:#0154dd}
.abt_carousel .slick-dots{width:19px;bottom:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:-30px}
.abt_carousel .slick-dots li{position:relative;width:20px;height:20px;cursor:pointer;border:2px solid transparent;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px}
.abt_carousel .slick-dots li button{width:16px;height:16px;-webkit-box-shadow:0 0 0 2px transparent;-moz-box-shadow:0 0 0 2px transparent;-ms-box-shadow:0 0 0 2px transparent;-o-box-shadow:0 0 0 2px transparent;box-shadow:0 0 0 2px transparent;position:relative;background-color:#0154dd}
.abt_carousel .slick-dots li button:hover{-webkit-box-shadow:0 0 0 2px #c4000d;-moz-box-shadow:0 0 0 2px #c4000d;-ms-box-shadow:0 0 0 2px #c4000d;-o-box-shadow:0 0 0 2px #c4000d;box-shadow:0 0 0 2px #c4000d}
.abt_carousel .slick-dots li:hover button,.abt_carousel .slick-dots li.slick-active button{background-color:#c4000d;-webkit-transform:scale(0.4);-moz-transform:scale(0.4);-ms-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}
.abt_carousel .slick-dots li:hover,.abt_carousel .slick-dots li.slick-active{border-color:#c4000d}
.abt-img{position:relative;overflow:hidden}
.abt-img>img{width:100%;margin-left:-1px}
.abt-img .play-vid{position:absolute;top:50%;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%);z-index:9}
.abt-img:hover:before{opacity:.2;visibility:visible}
.lnk-default{height:50px;line-height:50px;color:#fff;font-size:15px;text-transform:capitalize;display:block;width:150px;overflow:hidden;position:relative;z-index:9;text-align:center}
.lnk-default i{padding-left:5px}
.lnk-default:hover{color:#fff;border-color:transparent}
.lnk-default:before{left:-35px;-webkit-transform:skewX(42deg);-moz-transform:skewX(42deg);-ms-transform:skewX(42deg);-o-transform:skewX(42deg);transform:skewX(42deg)}
.lnk-default:after{right:-35px;-webkit-transform:skewX(46deg);-moz-transform:skewX(46deg);-ms-transform:skewX(46deg);-o-transform:skewX(46deg);transform:skewX(46deg)}
.lnk-default:before,.lnk-default:after{content:'';position:absolute;top:0;width:50%;background-color:#0154dd;height:100%;opacity:0;visibility:hidden;z-index:-1}
.lnk-default:hover:before,.lnk-default:hover:after{opacity:1;visibility:visible;width:100%}
.svr-text>.lnk-default{background:inherit;border:1.5px solid #0154dd;color:#0154dd;margin-top:36px}
.svr-text>.lnk-default:hover{color:#fff;background:#0154dd}
.svr-text>.lnk- default i{padding-left:14px}

#about{width:100%;height:auto;overflow:hidden;background:#f7f7f7;padding:100px 0;position:relative}
#about .about-text{padding-top:34px;height:auto;overflow:hidden}
#about .about-text h2{font-family:Arial;font-size:44px;font-weight:600;color:#0154dd;margin:0}
#about .about-text .mb-3{margin-bottom:1.5rem !important}
#about .about-text h3{color:#30323c;font-size:22px;font-weight:600;margin-top:24px}
#about .about-text p{font-size:16px;color:#61657a;text-indent:2em;line-height:28px;margin:0}
#about .slick-slider{margin:0}
#product{width:100%;height:auto;overflow:hidden}
#product .pro_list{padding:0;position:relative}
#product .pro_list .img{position:relative;width:100%;overflow:hidden}
#product .pro_list .img img{width:100%;height:auto;transition:all .4s}
#product .pro_list .dark{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:5;transition:all .5s}
#product .pro_list .pro_text{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;padding:15% 18% 8% 8%}
#product .pro_list .pro_text h3{font-size:44px;color:#fff;font-weight:600;margin-bottom:12%;text-transform:none}
#product .pro_list .pro_text p{color:#fff;font-size:16px;line-height:32px;font-weight:lighter}
#product .pro_list .pro_text a{display:block;position:absolute;left:8%;bottom:10%;text-transform:uppercase;color:#fff;font-size:18px;font-weight:lighter;margin-bottom:10px}
#product .pro_list .pro_text a:after{content:'';width:0;height:1px;background:#fff;bottom:0;left:0;opacity:0;transition:all .5s;display:block;margin-top:10px;-webkit-transition:all .5s;-moz-transition:all .5s}
#product .pro_list .pro_text a i{font-size:18px;margin-left:10px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
#product .pro_list:hover .dark{opacity:.3}
#product .pro_list:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
#product .pro_list:hover a:after{width:80px;opacity:1}
#product .pro_list:hover a i{margin-left:20px}
#service{padding:100px 0;height:auto;overflow:hidden;background:#f5f7f8;width:100%}
#service .title{width:100%;text-align:center;font-size:44px;color:#0154dd;font-family:Arial;font-weight:600;text-transform:none;margin-bottom:27px}
#service h4{width:100%;text-align:center;font-size:22px;font-weight:600;color:#30323c;margin-bottom:24px}
#service .service_list{padding:5px}
.service-box-inner{padding:50px 22px;position:relative}
.overlay{position:absolute;text-align:center;background-color:#0154dd}
.digitalizer-service-box{text-align:center;position:relative;overflow:hidden;transition:.3s all}
.digitalizer-service-box.service-box-style-1{background-color:#fff;height:330px;position:relative}
.digitalizer-service-box.service-box-style-2{background-color:transparent}
a.service-btn{transition:.3s all}
.digitalizer-service-box:hover a{color:#fff}
span.service-icon i{font-size:35px;color:#505050;padding-bottom:35px;transition:.3s;display:inline-block}
.digitalizer-service-box.service-box-style-2 i{color:#0154dd}
span.service-box-title-text{font-size:18px;color:#30323c;display:block;text-transform:none}
.service-box-content p{font-size:14px;margin-bottom:20px;color:#61657a;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.service-box-content h3{margin-bottom:15px}
.service-box-content h3 span{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.service-box-content .icon{color:#0154dd;font-size:46px;margin-bottom:25px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.service-box-inner:hover .service-box-content p{color:#fff}
.service-box-inner:hover .service-box-content span{color:#fff}
.service-box-inner:hover .service-box-content .icon{color:#fff}
#news{width:100%;height:auto;overflow:hidden;padding:100px 0;position:relative}
#news h3{font-size:44px;color:#0154dd;font-weight:600;font-family:Arial;text-transform:none;margin-bottom:24px}
#news h4{font-size:22px;color:#30323c;font-weight:600}
#news .tab_news{margin-bottom:20px}
#news .tab_news .nav-tabs{border:0}
#news .tab_news .nav-tabs li a{display:block;font-size:16px;color:#61657a;padding:0 15px 15px 15px}
#news .tab_news .nav-tabs li.active a{border-bottom:1.5px solid #0154dd;color:#0154dd}
#news .tab-content{border:0;padding:20px 0;height:auto;overflow:hidden;min-height:500px}
#news .tab-content .item{position:relative}
#news .tab-content .item .img{position:relative;overflow:hidden}
#news .tab-content .item .img img{width:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;height:auto;height:249px;object-fit:cover}
#news .tab-content .item h5{font-size:16px;color:#30323c;margin:26px 0 18px 0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#news .tab-content .item p{font-size:14px;color:#61657a;width:100%;overflow:hidden;position:relative;height:58px;line-height:28px}
#news .tab-content .item p:after{content:"...";position:absolute;bottom:0;right:0;padding-left:40px;background:-webkit-linear-gradient(left,transparent,#fff 55%);background:-o-linear-gradient(right,transparent,#fff 55%);background:-moz-linear-gradient(right,transparent,#fff 55%);background:linear-gradient(to right,transparent,#fff 55%)}
#news .tab-content .item .time{width:100%;padding:15px 0;border-bottom:1px solid #ddd;box-sizing:border-box}
#news .tab-content .item .time .icon{color:#61657a;font-size:18px;margin-right:10px;font-weight:600}
#news .tab-content .item .time span{color:#61657a;font-size:16px}
#news .tab-content .item .time .right{width:10%;float:right;border-left:1px solid #ddd;padding-left:15px}
#news .tab-content .item:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
#news .tab-content .item:hover h5{color:#0154dd}
#news .tab-content .item:hover .time{border-bottom:1px solid #0154dd}
#news .tab-content .item:hover .time .icon{color:#0154dd}
#news .tab-content .item:hover .time span{color:#0154dd}
#footer{width:100%;height:auto;overflow:hidden;margin:0;background:#212529;padding-top:50px;border-top:0}
#footer .contact h3{font-size:15px;text-transform:none;color:#9aa0ad}
#footer .contact h4{font-size:36px;color:#fff;font-weight:600}
#footer .contact p{font-size:15px;color:#777}
#footer .contact.contact_Hr h3{font-size:16px;color:#fff;font-weight:600;padding-bottom:10px;position:relative;margin-bottom:23px}
#footer .contact.contact_Hr h3::after{display:block;content:'';width:40px;height:3px;background:#fff;position:absolute;bottom:0;left:0}
#footer .contact.contact_Hr .row{margin:0}
#footer .contact.contact_Hr .row .left{padding-left:0}
#footer .contact.contact_Hr .row .right{text-align:center;padding:0}
#footer .contact.contact_Hr .row .right img{width:100%;max-width:120px}
#footer .contact.contact_Hr p{color:#9aa0ad;font-size:14px;margin-bottom:10px}
#footer .footer_link{padding-bottom:10px}
#footer .footer_link li a{color:#fff;font-weight:600;font-size:15px}
#footer .footer_link li .link{margin-top:10px}
#footer .footer_link li .link li{margin-bottom:8px}
#footer .footer_link li .link li a{color:#9aa0ad;font-weight:500;position:relative;display:block}
#footer .footer_link li .link li a:after{content:'';width:0;height:1px;background:#fff;bottom:0;left:0;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;display:block;position:absolute}
#footer .footer_link li .link li a:hover{color:#fff}
#footer .footer_link li .link li a:hover:after{width:64px;opacity:1}
#footer .footer_bottom{padding:20px 0;font-size:15px;color:#9aa0ad;border-top:1px solid #2c3034;width:100%;margin-top:20px}
#footer .footer_bottom p{font-size:15px;color:#9aa0ad;margin:0}
#footer .footer_bottom .left{text-align:left}
#footer .footer_bottom .right{text-align:right}
#footer .footer_bottom .right a{font-size:15px;color:#9aa0ad}
#footer .footer_bottom .right a:hover{color:#0154dd}
.suspension{position:fixed;z-index:55;right:0;top:45%}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:60px;height:180px;background-color:#0154dd;margin-bottom:4px;cursor:pointer;outline:0;writing-mode:vertical-lr;font-size:18px;color:#fff;text-align:center;display:flex;display:-webkit-flex;justify-content:center;align-items:center;border-radius:6px 0 0 6px;letter-spacing:3px}
.suspension .a i{width:36px;margin-bottom:3px}
.suspension .a i img{width:100%}
#footer a:not(.btn){color:#fff}
.suspension .a.active,.suspension .a:hover{background:#c12b33}
.suspension .a .i{float:left;width:44px;height:44px;background-repeat:no-repeat}
.suspension .d{display:none;width:540px;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #e0e1e5;border-radius:3px;box-shadow:0 2px 5px 0 rgba(161,163,175,0.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px}
.suspension .d-service{top:0}
.suspension .d .inner-box{padding:30px 25px 20px 25px;width:auto;height:auto;overflow:hidden}
.suspension .d .inner-box .tabs{position:relative;width:100%}
.suspension .d .inner-box .tabs .nav-tabs .nav-item{border:0;padding:0}
.suspension .d .inner-box .tabs .nav-tabs .nav-item .nav-link{border:0;color:#30323c;font-size:16px;background:0;border-bottom:2.5px solid #fff}
.suspension .d .inner-box .tabs .nav-tabs .nav-item .nav-link.active{border-bottom:2.5px solid #0154dd}
.suspension .d .inner-box .tabs .tab-content{border:0;height:auto;overflow:hidden;padding:30px 1px 10px 0}
.suspension .d .inner-box .tabs .tab-content .tab-pane{position:relative}
.suspension .d .inner-box .tabs .tab-content .tab-pane .search{width:100%;border:1px solid #ddd;float:left;box-sizing:border-box;box-shadow:none;outline:0;padding:10px 20px;background:#fff;margin-bottom:10px}
.suspension .d .inner-box .tabs .tab-content .tab-pane .search:focus{background:rgba(238,238,238,0.6)}
.suspension .d .inner-box .tabs .tab-content .tab-pane .vCode{width:30%;border:1px solid #ddd;box-sizing:border-box;box-shadow:none;outline:0;padding:10px 20px;background:#fff;float:left}
.suspension .d .inner-box .tabs .tab-content .tab-pane img{width:30%;float:left}
.suspension .d .inner-box .tabs .tab-content .tab-pane .search_bth{display:block;width:40%;float:left;text-align:center;padding:10px 0;background:#0154dd;color:#fff}
#banner_d{background:url("../img/banner_about.jpg") no-repeat;background-size:100%;margin:0}
#banner_d .align-self-center .breadcrumb li a{font-size:15px}
#banner_d .align-self-center .breadcrumb li a:hover{color:#0154dd}
#banner_d .align-self-center .breadcrumb li.active{font-size:15px}
#banner_d .align-self-center h1{font-size:44px !important;margin-bottom:10px;margin-top:5px}
#banner_d .align-self-center .sub-title{font-size:15px}
#banner_d.ban_contact{background:url("../img/banner_contact.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_news{background:url("../img/banner_news.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_lcl{background:url("../img/banner_LCL.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_project{background:url("../img/banner_project.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_train{background:url("../img/banner_train.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_plan{background:url("../img/banner_plan.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_ship{background:url("../img/banner_ship.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_plane{background:url("../img/banner_plane.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_buyer{background:url("../img/banner_buyer.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_join_d{background:url("../img/banner_join_d.jpg") no-repeat;background-size:100%;margin:0}
#banner_d.ban_school_d{background:url("../img/banner_school_d.jpg") no-repeat;background-size:100%;margin:0}
#LoutiNav{position:fixed;top:50%;right:20px;padding:20px 0;display:none;z-index:10}
#LoutiNav li{position:relative;width:20px;height:20px;cursor:pointer;border:2px solid #0154dd;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;transition:all .4s;margin-bottom:14px;background:#0154dd;padding:3px}
#LoutiNav li:before{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;position:relative;background-color:#0154dd;content:'';background:#0154dd;display:none;transition:all .4s}
#LoutiNav li span{position:absolute;top:-16%;left:-450%;font-size:16px;color:#0154dd;opacity:0;display:block;transition:all .4s}
#LoutiNav li:last-child{margin-bottom:0}
#LoutiNav li:hover{background:0}
#LoutiNav li:hover:before{display:block}
#LoutiNav li:hover span{color:#0154dd;opacity:1;left:-500%}
#LoutiNav li.active{background:0}
#LoutiNav li.active:before{width:10px;height:10px;display:block}
.button{position:relative;cursor:pointer;color:white;font-size:22px;padding:.5em 1em .65em;margin:0 10px}
.button .inner{position:absolute;top:0;left:0;width:100%;height:100%}
.button:nth-of-type(1):before,.button:nth-of-type(1):after,.button:nth-of-type(1) .inner:before,.button:nth-of-type(1) .inner:after{background-color:#0154dd}
.button:before,.button:after,.button .inner:before,.button .inner:after{position:absolute;content:"";display:block;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.button.horizontal:before,.button.horizontal:after,.button.both:before,.button.both:after{left:0;width:100%;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0)}
.button.horizontal .inner:before,.button.horizontal .inner:after,.button.both .inner:before,.button.both .inner:after{top:0;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}
.button.horizontal .inner:after,.button.both .inner:after{right:0}
.button.horizontal:before,.button.both:before{top:0}
.button.horizontal:after,.button.both:after{bottom:0}
.button.horizontal:hover:before,.button.horizontal:hover:after,.button.both:hover:before,.button.both:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}
.button.horizontal:hover .inner:before,.button.horizontal:hover .inner:after,.button.both:hover .inner:before,.button.both:hover .inner:after{-webkit-transform:scaleY(1);transform:scaleY(1)}
.button.both.counterclockwise .inner:before{-webkit-transform-origin:bottom center;transform-origin:bottom center}
.button.both.counterclockwise .inner:after{-webkit-transform-origin:top center;transform-origin:top center}
.modal{border-radius:0;background:0}
.modal .modal-dialog{max-width:75vw;top:10%;height:auto;overflow:hidden;padding:0;margin:0 auto;border-radius:20px}
.modal .modal-dialog .modal-content{border:0;border-radius:0}
.modal .modal-dialog .modal-content .modal-body{width:100%;position:relative;padding:0;margin:0}
.modal .modal-dialog .modal-content .modal-body img{width:100%;border-radius:10px;background:0}
.modal .modal-dialog .close{position:absolute;width:60px;height:60px;top:0;right:0;z-index:999;background:0;color:#fff;text-shadow:0 1px 0 rgba(176,41,48,0.6)}
.modal .modal-dialog .close:hover{color:#0154dd}
.modal .modal-dialog .close:focus{border:0;box-shadow:none;outline:0}




@media(max-width:767px){
    .row{margin:0 !important}
    .hidden-xs{display:none !important}
    #header{position:relative;background: #fff;height:60px !important;}
    #header .header-logo{width:50% !important}
    #header .header-logo img{max-width:160px !important}
    #header .header-nav-main{background:#fff}
    #nav_pro .dropdown-mega-content{padding-left:0}
    #header .header-nav-main nav{padding:0 !important}
    #nav_pro{left:0 !important;padding:0 !important;min-width:auto !important}
    #header.header-effect-shrink .header-container{height:60px !important;min-height:inherit !important}
    #header .header-btn-collapse-nav{background:#0154dd}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a{color:#30323c !important;font-weight:500}
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu{margin:0;box-shadow:none !important;padding:15px;border-radius:0 !important;background:#f6f6f6}
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu .dropdown-item{padding:15px 0 15px 0;font-size:14px;font-weight:500}
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu:after{display:none}
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .top-boder{border-top:1px solid #e8e8e8}
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .top-boder li:first-child a{padding-top:0}
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .top-boder li:last-child a{padding-bottom:0}
    #header .header-nav-main nav>ul{padding:0}
    #nav_pro .dropdown-mega-content h3{margin-bottom:0;font-size:15px}
    #nav_pro .dropdown-mega-content h4{margin-bottom:0;margin-top:15px}
    #nav_pro .dropdown-mega-content .product{border-top:1px solid #e8e8e8;padding:15px;background:#fff}
    #nav_pro .dropdown-mega-content .product li{padding:15px 0;margin-bottom:0 !important}
    #nav_pro .dropdown-mega-content .service{padding:15px}
    #nav_pro .dropdown-mega-content .service .left ul li{height:auto;margin:0;padding:15px 0}
    #nav_pro .dropdown-mega-content .service .right li{padding:15px 0;height:auto;margin-bottom:0}
    #header .header-nav-main nav{max-height:60vh}
    #header .header-nav-main nav>ul li{width:100%;height:auto;margin:0}
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{font-size:14px;margin-bottom:0}
    #nav_pro .dropdown-mega-content .service hr{margin:10px 0}
    .abt_carousel .slick-dots{width:100%;top:auto;-webkit-transform:inherit;-ms-transform:inherit;-moz-transform:inherit;-o-transform:inherit;transform:inherit;right:0}

#header .header-nav-main nav>ul li a.dropdown-toggle .fa-chevron-down{width:50%}
#header .header-nav-main nav>ul li a.dropdown-toggle .fa-chevron-down:before{position:absolute;right:10%}




@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}
.row{margin:0 !important}
.hidden-xs{display:none !important}
#header{position:relative;border-bottom:1px solid #e8e8e8}
#header .header-logo{width:50% !important}
#header .header-logo img{max-width:160px !important}
#header .header-nav-main{background:#fff}
#nav_pro .dropdown-mega-content{padding-left:0}
#header .header-nav-main nav{padding:0 !important}
#nav_pro{left:0 !important;padding:0 !important;min-width:auto !important}
#header.header-effect-shrink .header-container{height:60px !important;min-height:inherit !important}
#header .header-btn-collapse-nav{background:#0154dd}
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a{color:#30323c !important;font-weight:500}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu{margin:0;box-shadow:none !important;padding:15px;border-radius:0 !important;background:#f6f6f6}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu .dropdown-item{padding:15px 0 15px 0;font-size:14px;font-weight:500}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu:after{display:none}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .top-boder{border-top:1px solid #e8e8e8}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .top-boder li:first-child a{padding-top:0}
#header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .top-boder li:last-child a{padding-bottom:0}
#header .header-nav-main nav>ul{padding:0}
#nav_pro .dropdown-mega-content h3{margin-bottom:0;font-size:15px}
#nav_pro .dropdown-mega-content h4{margin-bottom:0;margin-top:15px}
#nav_pro .dropdown-mega-content .product{border-top:1px solid #e8e8e8;padding:15px;background:#fff}
#nav_pro .dropdown-mega-content .product li{padding:15px 0;margin-bottom:0 !important}
#nav_pro .dropdown-mega-content .service{padding:15px}
#nav_pro .dropdown-mega-content .service .left ul li{height:auto;margin:0;padding:15px 0}
#nav_pro .dropdown-mega-content .service .right li{padding:15px 0;height:auto;margin-bottom:0}
#header .header-nav-main nav{max-height:60vh}
#header .header-nav-main nav>ul li{width:100%;height:auto;margin:0}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{font-size:14px;margin-bottom:0}
#nav_pro .dropdown-mega-content .service hr{margin:10px 0}



}



@media(min-width:992px) and (max-width:1199px){
    .hidden-md{display:none !important}
    #nav_pro{min-width:720px !important}
    #nav_pro .dropdown-mega-content .product{padding:20px}
    #nav_pro .dropdown-mega-content .service{padding:20px}
    #header.header-effect-shrink .header-logo .PC_IMG{width:200px !important}
    #header.header-effect-shrink .header-logo .Mobile_IMG{width:200px !important}



}


    @media(min-width:1200px){.hidden-lg{display:none !important}
    #header.header-effect-shrink .header-logo img{width:260px}
 
}