a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}

a:hover,a:active,a:focus{text-decoration:none!important}

img{max-width: 100%;}

body{font-size: 15px;margin:0;font-family: 'Roboto', sans-serif; right: 0px;position: relative;}

body p{font-size:15px;margin:0;font-family: 'Roboto', sans-serif;}

.clear60{clear:both;height:60px}

.clear40{clear:both;height:40px}

.clear20{clear:both;height:20px}

.clear10{clear:both;height:10px}

.center{text-align:center}

.left{text-align:left}

.right{text-align:right}

.nopadding{padding:0!important}

.nomargin{margin:0}

.fullwidth{width: 100%;}

.clwhite{color: #fff;}

.clblack{color: #000;}

.bold{font-weight: 700;}

.flex{display: flex;align-items: center;}

.flex-n{display: flex;}

.flex-bw{display: flex;align-items: center;justify-content: space-between;}

.flex-wrap{display: flex;flex-wrap: wrap;}

.show1199{display: none;}

.show991{display: none;}

.show767{display: none;}

.show480{display: none;}

.row:before{content: unset;}

.editer img{

    height: auto !important;

}

.editer p{

    margin-bottom: 10px;

    word-spacing: 2px;

    line-height: 27px;

}

.at4-share,

.at-share-dock,

.at4-thankyou,

.at-share-dock-outer{

    display: none !important;

}

header{

    position: relative;

    z-index: 9999;

}

section{

	margin-top: -55px;

}

header > .container{

    position: relative;

}

header.hd-fixed .header-bottom{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    background: #fff;

    border-bottom: 1px solid #ccc;

}

.header-top {

    background: #fff;

    padding: 10px 0;

}

.header-bottom {

    background: rgba(255, 255, 255, 0.5);

}

.flex-center{

	display: flex;

	align-items: center;

	justify-content: center;

}

.menu-ext {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.lang-search {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.lang-head{

    display: flex;

    align-items: center;

}

.logo{

    display: block;

    width: 300px;

    transition: ease-in-out 0.3s

}

.lang-head > a {

    display: inline-flex;

    align-items: center;

    color: #000;

    margin-right: 15px;

    padding-right: 15px;

    position: relative;

    font-size: 15px;

    font-family: 'Open Sans', sans-serif;

}

.lang-head > a:hover{

    color: #ffdd16;

}

.lang-head > a > img{

    margin-right: 10px;

}

.lang-head > a:last-child{

    margin: 0;

    padding: 0;

}

.social-head{

    display: flex;

    align-items: center;

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.social-head > li{

    margin: 0 10px;

}

.social-head > li > a{

    color: #fff;

}

.social-head > li:hover > a{

    color: #ffdd16;

}

.f-search .stylish-input-group .input-group-addon{

    background: white !important; 

}

.f-search .stylish-input-group .form-control{

    border-right:0; 

    box-shadow:0 0 0; 

    border-color:#ccc;

}

.f-search .stylish-input-group button{

    border:0;

    background:transparent;

}

.search-top {

    display: inline-block;

    color: #fff !important;

    margin-left: 20px;

}

.ul-main-menu {

    list-style-type: none;

    padding: 0;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ul-main-menu > li{

    margin: 0 30px;

}

.ul-main-menu > li:last-child{

    margin-right: 0;

}

.ul-main-menu > li > a{

    display: inline-block;

    padding: 15px 10px;

    color: #194689;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 18px;

    position: relative;

}

.ul-main-menu > li > a:after,

.ul-main-menu > li.active > a:after{

    content: "";

    display: block;

    width: 0;

    height: 5px;

    background: none;

    transition: all 0.3s;

    position: absolute;

    bottom: 0;

    left: 0;

}

.ul-main-menu > li:hover > a:after,

.ul-main-menu > li.active > a:after{

    background: #ffdd16;

    width: 100%;

    transition: all 0.3s;

}

.ul-main-menu > li:hover > a,

.ul-main-menu > li.active > a{

    color: #194689;

}

.has-sub{

    position: relative;

}

.ul-sub-menu{

    list-style-type: none;

    margin: 0;

    position: absolute;

    top: 100%;

    left: 0;

    min-width: 220px;

    background: #505055;

    padding: 0;

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

    -webkit-transition: max-height .3s cubic-bezier(.1,1.05,1,1) 0s;

    -moz-transition: max-height .3s cubic-bezier(.1,1.05,1,1) 0s;

    -o-transition: max-height .3s cubic-bezier(.1,1.05,1,1) 0s;

    transition: max-height .3s cubic-bezier(.1,1.05,1,1) 0s;

    max-height: 0px;

    overflow: hidden;

}

.has-sub:hover .ul-sub-menu{

    -webkit-transition: max-height 5.3s cubic-bezier(.1,1.05,0,1) 0s;

    -moz-transition: max-height 5.3s cubic-bezier(.1,1.05,0,1) 0s;

    -o-transition: max-height 5.3s cubic-bezier(.1,1.05,0,1) 0s;

    transition: unset;

    max-height: 700px;

}

.ul-sub-menu > li > a{

    display: block;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    padding: 10px 0;

    border-bottom: 1px solid #fff;

    white-space: nowrap;

}

.ul-sub-menu > li:hover > a{

    color: #ccc;

}

.ul-sub-menu > li{

    padding: 0 15px;

}

.ul-sub-menu > li:last-child > a{

    border: none;

}

.block-slider-banner{

    position: relative;

}

.block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots{

    margin: 0;

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

}

.block-slider-banner .owl-theme .owl-dots .owl-dot.active span, 

.block-slider-banner .owl-theme .owl-dots .owl-dot:hover span{

    background: #ef413a;

    width: 30px;

    transition: all 0.3s;

}

.block-slider-banner .owl-theme .owl-dots .owl-dot{

    transition: all 0.3s;

    outline: unset;

}

.block-slider-banner .owl-theme .owl-dots .owl-dot span{

    background: #fff;

}

.tit-pub{

    font-weight: 700;

    text-transform: uppercase;

    font-size: 24px;

    margin: 0;

    margin-bottom: 30px;

    color: #1a4589;

}

.tit-pub span{

    display: inline-block;

    border-bottom: 10px solid #1a4589;

    padding-bottom: 15px;

}

.des-intro-home{

    font-size: 18px;

    margin-bottom: 30px;

    text-align: left;

    word-spacing: 2px;

    line-height: 27px;

}

.btn-pub{

    font-size: 18px;

    color: #1a4589;

    display: inline-block;

    border: 1px solid #1a4589;

    padding: 10px 20px;

    border-radius: 50px;

    background: #fff;

}

.btn-pub:hover{

    background: #1a4589;

    color: #fff;

}

.block-ser{

    padding: 10px 10px 0 10px;

    border: 1px solid #1a4589;

    margin-bottom: 30px;

}

.tit-ser{

    text-align: center;

    font-weight: 700;

    margin: 0;

}

.tit-ser a{

    display: block;

    padding: 20px 0;

    color: #1a4589;

    font-size: 24px;

}

.logo-ft img{

    width: 120px;

}

.ul-ft{

    list-style-type: none;

    padding: 0;

    margin: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.ul-ft > li{

    width: 50%;

    margin-bottom: 10px;

}

.ul-ft > li > a{

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

}

footer{

    background: #1a4589;

}

.tit-form-ft{

    color: #fff;

    font-weight: 700;

    margin-bottom: 20px;

}

.form-ft form{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #fff;

}

.form-ft form input{

    height: 36px;

    width: calc(100% - 36px);

    background: none;

    border: none;

    outline: unset;

    padding: 6px 0;

    color: #fff;

    font-size: 16px;

}

.form-ft form input::-webkit-input-placeholder {

  color: #fff;

}

.form-ft form input:-ms-input-placeholder {

  color: #fff;

}

.form-ft form input::placeholder {

  color: #fff;

}

.form-ft form span{

    display: inline-flex;

    align-items: center;

    justify-content: flex-end;

    width: 36px;

    height: 36px;

    color: #fff;

    font-size: 20px;

}

.copyright {

    font-size: 12px;

    color: #fff;

    text-transform: uppercase;

    height: 52px;

    padding: 0;

    display: flex;

    align-items: center;

}

.block-banner-page{

    position: relative;

    margin-bottom: 50px;

}

.breac-banner{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 2;

}

.breac-banner:after{

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    background: rgba(108, 108, 108, 0.5);

    width: calc(50% - 570px);

    display: block;

    height: 100%;

}

.block-breac{

    background: rgba(108, 108, 108, 0.5);

    display: flex;

    align-items: center;

}

.tit-page {

    font-size: 30px;

    margin: 0;

    padding: 15px 30px;

    background: #194689;

    color: #fff;

    font-weight: 700;

    border-left: 10px solid #efe047;

    max-width: 50%;

    position: relative;

    bottom: -10px;

    height: calc(100% + 10px);

    margin-top: -10px;

    text-transform: uppercase;

}

.breac{

    padding-left: 40px;

}

.breac span a{

    color: #efe047;

}

.breac span{

    color: #fff;

    font-size: 18px;

}

.items-group-gall-intro{

    margin-bottom: 30px;

}

.editer18 p{

    font-size: 18px;

    word-spacing: 2px;

    line-height: 27px;

}

.items-intro-team{

   display: flex;

   justify-content: space-between;

   padding: 5px;

   border: 1px solid #1a4589;

   margin-bottom: 20px; 

}

.avatar-intro-team{

    width: 170px;

    margin-right: 15px;

}

.content-intro-team{

    width: calc(100% - 185px);

}

.content-intro-team p{

    font-size: 18px;

    word-spacing: 2px;

    line-height: 27px;

}

.content-intro-team p.name-avatar{

    font-size: 20px;

    font-weight: 700;

    color: #1a4589;

    margin-bottom: 10px;

}

.tit-ser-detail{

    font-weight: 700;

    text-transform: uppercase;

    font-size: 24px;

    margin: 30px 0;

    color: #1a4589;

}

.tit-ser-detail span{

    display: inline-block;

    border-bottom: 10px solid #1a4589;

    padding-bottom: 15px;

}

.editerser p{

    font-size: 18px;

    margin-bottom: 10px;

    word-spacing: 2px;

    line-height: 27px;

}

.tit-fleet{

    font-weight: 700;

    text-transform: uppercase;

    font-size: 24px;

    margin: 0;

    color: #1a4589;

}

.img-fleet{

    margin: 20px 0;

}

.ul-fleet {

    padding-left: 20px;

    margin: 0;

}

.ul-fleet li{

    margin-bottom: 5px;

    font-size: 18px;

    word-spacing: 2px;

    line-height: 27px;

}

.ul-fleet li:last-child{

    margin: 0;

}

.items-fleet{

    margin-bottom: 30px;

}

.link-recrui{

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}

.link-recrui a{

    display: inline-flex;

    align-items: center;

    font-size: 30px;

    color: #194689;

}

.link-recrui a img{

    margin-right: 20px;

    max-width: 50px;

}

.social-contact a{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    color: #fff;

}

.block-info-contact{

    background: #f8f8f8;

    border: 1px solid #c4c4c4;

    padding: 20px;

}

.form-group-ct{

    margin-bottom: 20px;

}

.plabel{

    font-size: 16px;

    text-transform: uppercase;

    color: #194689;

    margin-bottom: 10px;

    font-weight: 700;

}

.block-input-ct{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 1px solid #c4c4c4;

}

.block-input-ct > input{

    border: none;

    height: 48px;

    width: calc(100% - 48px);

    outline: unset;

    padding: 6px 12px;

}

.block-input-ct > span{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

}

.block-input-ct > textarea{

    width: 100%;

    border: none;

    padding: 6px 12px;

    outline: unset;

}

.btn-submitform{

    background: #1a4589;

    color: #fff;

    position: relative;

    border: none;

    padding: 10px 20px;

}

.btn-submitform:after{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 7px;

    height: 100%;

    background: #4bc9ff;

    transition: ease-in-out 0.3s;

}

.btn-submitform:hover:after{

    width: 100%;

}

.btn-submitform span{

    position: relative;

    z-index: 2;

    font-weight: 700;

    font-size: 14px;

}

.fade-mobile{

    display: none;

}

@keyframes fadeIn {

    from {

        opacity: 0;

    }

}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {

        transform: translateX(0);

    }

    40% {

        transform: translateX(5px);

    }

    60% {

        transform: translateX(15px);

    }

}

@keyframes bouncel {

    0%, 20%, 50%, 80%, 100% {

        transform: translateX(0);

    }

    40% {

        transform: translateX(-5px);

    }

    60% {

        transform: translateX(-15px);

    }

}

.loader {

    position: fixed;

    right: 0%;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 99999999;

    background: url('../img/loadding.svg') 50% 50% no-repeat rgb(249,249,249);

    transition: all 1s;

    display: none;

}

.loader-af{

    right: 100%;

    transition: all 1s;

}

.block-info-contact{

    background: none;

    padding: 0;

    margin: 0;

    border: none;

}

.view-more{

    display: inline-block;

    padding: 5px 10px;

    border-radius: 4px;

    color: #1a4589;

    border: 1px solid #1a4589;

    font-size: 13px;

}

#modal-content .editerser{

    max-height: unset;

    overflow: unset;

}

#modal-content .modal-header{

    padding: 0;

    border: none;

    position: absolute;

    right: 0px;

    top: -5px;

    z-index: 99;

}

#modal-content .modal-body {

    padding: 20px 15px 15px 15px;

    max-height: calc(100vh - 20px);

    overflow: auto;

}

#modal-content .modal-header .close {

    margin-top: 0;

    opacity: 1;

    font-size: 30px;

    width: 30px;

    height: 30px;

    background: #1a4589;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: relative;

    top: -5px;

    right: -10px;

    color: #fff;

}

.inside-group-ser > .center,

.inside-group-intro > .center{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #fafafa;

    padding: 10px;

    z-index: 6;

}

.block-slide-allsea,

.block-slide-allsea-modal{

    position: relative;

    margin-bottom: 15px;

}

.block-slide-allsea .owl-theme .owl-nav.disabled+.owl-dots,

.block-slide-allsea-modal .owl-theme .owl-nav.disabled+.owl-dots{

    position: absolute;

    bottom: 5px;

    left: 50%;

    transform: translateX(-50%);

    margin: 0;

    z-index: 9;

}

.block-slide-allsea .owl-theme .owl-dots .owl-dot,

.block-slide-allsea-modal .owl-theme .owl-dots .owl-dot{

    outline: unset;

}

.inside-group-intro .block-slide-allsea-modal,

.inside-group-ser .block-slide-allsea-modal{

    display: none !important;

}

.block-slide-allsea-modal{

    overflow: hidden;

}

.box-slider-mobile *{

    height: 100% !important;

    display: block !important;

}

.center-btn-view{

    display: none;

}

.justi{

    text-align: left;

}

footer.ft-fixed {

    position: fixed;

    width: 100%;

    bottom: 0;

    left: 0;

}

.box-sodo{

    position: relative;

    width: 900px;

    margin: 0 auto;

    height: 1500px;

}

.sodo-row-1 {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

}

.position-sodo{

    margin-top: 10px;

    border: 1px solid #1a4589;

    font-weight: 700;

    padding: 10px;

    text-align: center;

    color: #1a4589;

    background: #fff;

}

.img-sodo{

    width: 170px;

    height: 170px;

    margin: 0 auto;

}

.img-sodo img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.line-sodo-1{

    position: absolute;

    top: 223px;

    left: 50%;

    transform: translateX(-50%);

    height: 70px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.sodo-row-2-1{

    position: absolute;

    top: 290px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

}

.sodo-row-2-2{

    position: absolute;

    top: 405px;

    left: 0;

    z-index: 1;

    display: flex;

    align-items: center;

}

.sodo-row-2-3{

    position: absolute;

    top: 405px;

    right: 0;

    z-index: 1;

    display: flex;

    align-items: center;

}

.position-sodo-row-2-2{

    margin-left: 10px;

    border: 1px solid #1a4589;

    font-weight: 700;

    padding: 10px;

    text-align: center;

    text-align: center;

    color: #1a4589;

    background: #fff;

    border-radius: 50%;

}

.position-sodo-row-2-3{

    margin-right: 10px;

    border: 1px solid #1a4589;

    font-weight: 700;

    padding: 10px;

    text-align: center;

    text-align: center;

    color: #1a4589;

    background: #fff;

}

.line-sodo-2 {

    position: absolute;

    top: 490px;

    left: 290px;

    height: 1px;

    width: 75px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-3 {

    position: absolute;

    top: 490px;

    right: 260px;

    height: 1px;

    width: 105px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-4{

    position: absolute;

    top: 510px;

    left: 50%;

    transform: translateX(-50%);

    height: 250px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-5{

    position: absolute;

    top: 620px;

    left: 50%;

    transform: translateX(-50%);

    height: 1px;

    width: 460px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-6 {

    position: absolute;

    top: 620px;

    left: 220px;

    height: 70px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-7 {

    position: absolute;

    top: 620px;

    right: 220px;

    height: 70px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.sodo-row-3-1 {

    position: absolute;

    top: 690px;

    left: 135px;

    z-index: 1;

}

.sodo-row-3-2 {

    position: absolute;

    top: 755px;

    left: 50%;

    transform: translate(-50%);

    z-index: 1;

}

.sodo-row-3-3 {

    position: absolute;

    top: 690px;

    right: 135px;

    z-index: 1;

}

.line-sodo-8{

    position: absolute;

    top: 910px;

    left: 220px;

    height: 195px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-9{

    position: absolute;

    top: 910px;

    right: 220px;

    height: 195px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-10 {

    position: absolute;

    top: 975px;

    left: 50%;

    transform: translateX(-50%);

    height: 350px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-11 {

    position: absolute;

    top: 1060px;

    left: 60px;

    height: 1px;

    width: 320px;

    background: #1a4589;

    z-index: 0;

}

.group-sodo-4-1{

    position: absolute;

    top: 1100px;

    left: 0;

    z-index: 1;

    width: calc(50% - 5px);

    display: flex;

    align-items: flex-start;

}

.group-sodo-4-2{

    position: absolute;

    top: 1100px;

    right: 0;

    z-index: 1;

    width: calc(50% - 5px);

    display: flex;

    align-items: flex-start;

}

.position-sodo-4{

    color: #1a4589;

    text-align: center;

    margin-top: 10px;

    font-weight: 700;

}

.sodo-row-4-1,

.sodo-row-4-2,

.sodo-row-4-3 {

    flex: 1;

    margin: 0 3px;

}

.group-sodo-4-1 .img-sodo,

.group-sodo-4-2 .img-sodo{

    width: auto;

    height: auto;

}

.line-sodo-12 {

    position: absolute;

    top: 1060px;

    right: 60px;

    height: 1px;

    width: 320px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-13 {

    position: absolute;

    top: 1060px;

    left: 59px;

    height: 45px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-14 {

    position: absolute;

    top: 1060px;

    left: 380px;

    height: 45px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-15 {

    position: absolute;

    top: 1060px;

    right: 59px;

    height: 45px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-16 {

    position: absolute;

    top: 1060px;

    right: 380px;

    height: 45px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.group-sodo-5 {

    position: absolute;

    top: 1365px;

    left: 0;

    z-index: 1;

    width: 100%;

    display: flex;

    align-items: flex-start;

}

.item-sodo-5{

    margin: 0 5px;

}

.line-sodo-17{

    position: absolute;

    top: 1324px;

    left: 100px;

    height: 1px;

    width: 700px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-18{

    position: absolute;

    top: 1324px;

    left: 99px;

    height: 40px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-19{

    position: absolute;

    top: 1324px;

    left: 345px;

    height: 40px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-20{

    position: absolute;

    top: 1324px;

    right: 99px;

    height: 40px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.line-sodo-21{

    position: absolute;

    top: 1324px;

    right: 345px;

    height: 40px;

    width: 1px;

    background: #1a4589;

    z-index: 0;

}

.name-mng{

    font-size: 16px;

    font-weight: 700;

    color: #1a4589;

    margin-bottom: 5px;

}

.info-manager{

    display: none;

}

.box-position-sodo-1 {

    position: absolute;

    left: 570px;

    width: 300px;

    background: #fff;

    z-index: 9;

    border: 1px solid #1a4589;

    padding: 10px;

    display: none;

}

.box-position-sodo-1.active{

    display: block;

}

.box-position-sodo-2 {

    position: absolute;

    left: 570px;

    top: 240px;

    width: 300px;

    background: #fff;

    z-index: 9;

    border: 1px solid #1a4589;

    padding: 10px;

    display: none;

}

.box-position-sodo-2.active{

    display: block;

}

.box-position-sodo-3 {

    position: absolute;

    left: 0px;

    top: 240px;

    width: 300px;

    background: #fff;

    z-index: 9;

    border: 1px solid #1a4589;

    padding: 10px;

    display: none;

}

.box-position-sodo-3.active{

    display: block;

}

.box-position-sodo-4 {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 550px;

    width: 300px;

    background: #fff;

    z-index: 9;

    border: 1px solid #1a4589;

    padding: 10px;

    display: none;

}

.box-position-sodo-4.active{

    display: block;

}

.box-position-sodo-5 {

    position: absolute;

    left: 59px;

    top: 945px;

    width: 300px;

    background: #fff;

    z-index: 9;

    border: 1px solid #1a4589;

    padding: 10px;

    display: none;

}

.box-position-sodo-5.active{

    display: block;

}

.box-position-sodo-6 {

    position: absolute;

    right: 59px;

    top: 945px;

    width: 300px;

    background: #fff;

    z-index: 9;

    border: 1px solid #1a4589;

    padding: 10px;

    display: none;

}

.box-position-sodo-6.active{

    display: block;

}

.ullist-intro{

	padding-left: 20px;

}

.ullist-intro li{

	word-spacing: 2px;

	margin-bottom: 5px;

	font-size: 18px;

	line-height: 27px;

}

.sec-ser-2,

.sec-ser-4,

.sec-ser-6,

.sec-intro-2,

.sec-intro-3{

	background: #e5e5e5;

}

.hight-light{

    font-weight: 700;

    color: #194689;

}

.img-ser-detail img{

    max-height: 400px;

    object-fit: cover;

}







@media (max-width: 1199px){

    .show1199{display: block;}

    .hide1199{display: none;}

    .ul-main-menu {

        list-style-type: none;

        padding: 0;

        margin: 0;

        display: flex;

        align-items: center;

        justify-content: flex-end;

        width: calc(100% - 140px);

    }

    .menu-ext{

        top: 10px;

    }

    .ul-main-menu > li {

	    margin: 0 10px;

	}

}



@media (max-width: 991px){

    .show991{display: block;}

    .hide991{display: none;}

    body{transition: all 0.3s;}

    .ul-main-menu{

        display: none;

    }

    .lang-mb{

        display: flex;

        align-items: center;

    }

    .lang-mb a{

        display: inline-block;

        width: 30px;

        margin-right: 10px;

    }

    .logo-mb{

        display: inline-block;

        max-width: 300px;

        margin-right: 30px;

    }

    header{

        background: #fff;

        padding: 10px 0;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        z-index: 999;

    }

    .sidenav {

        height: 100%;

        width: 0;

        position: fixed;

        top: 0;

        right: 0;

        background-color: #e2e2e2;

        transition: 0.3s;

        z-index: 99999;

        padding: 0;

    }

    .sidenav:before{

        content: "";

        position: fixed;

        top: 0;

        left: 0;

        width: calc(100vw - 280px);

        height: 100vh;

        background: rgba(0,0,0,0.5);

        width: 0;

        transition: all 0.3s;

    }

    .sidenav.active:before{

        width: calc(100vw - 280px);

        transition: all 0.3s;

    }

    .sidenav .closebtn {

        font-size: 25px;

        display: block;

        align-items: center;

        width: 40px;

        background: #f5821f;

        color: #fff;

        margin: 0 auto;

        text-align: center;

        padding: 5px 0;

    }

    .menu-mobile {

        padding: 0;

        text-decoration: none;

        color: #818181;

        transition: 0.3s;

        list-style-type: none !important;

        overflow: auto;

        max-height: calc(100vh - 55px);

    }

    .menu-mobile li {

        margin: 0;

        background: unset;

        border: none;

        border-radius: 0;

        box-shadow: unset;

        border-bottom: 1px solid #1a4589;

    }

    .menu-mobile a {

        padding: 15px 0 15px 20px;

        display: inline-block;

        width: calc(100% - 50px);

        color: #1a4589;

        font-size: 15px;

        font-weight: 700;

        text-transform: capitalize;

    }

    .menu-mobile a >img{

        width: 25px;

        margin-right: 10px;

    }

    .menu-mobile .sub-menu-mb .phelp a:first-child{

        padding: 15px 0 15px 15px;

        width: calc(100% - 50px);

    }

    .menu-mobile .sub-menu-mb a{

        width: 100%;

        padding: 15px;

    }

    .hassub-mb .phelp .a-icon {

        position: absolute;

        right: 15px;

        top: calc(50% - 7.5px);

        z-index: 9999;

        text-align: center;

        width: 20px;

        padding: 0;

    }

    .phelp {

        position: relative;

    }

    .phelp > a:first-child{

        border-right: 1px solid #1a4589;

    }

    .sub-menu-mb{

        padding: 0;

        list-style-type: none;

        margin: 0;

    }

    .sub-menu-mb > li{

        border-top: 1px solid #1a4589;

        border-bottom: none;

        background: #c3c3c3;

    }

    .sub-menu-mb > li:last-child{

        border-bottom: none;

    }

    .sub-menu-mb > li > .sub-menu-mb > li{

        background: #fff;

    }

    .push-left {

        position: relative;

        right: 280px;

        transition: all 0.3s;

        left: unset;

    }

    .sp-sn{

        display: flex;

        align-items: center;

        justify-content: center;

        width: 40px;

        height: 40px;

        background: #1a4589;

        color: #fff;

    }

    .sp-sn img{

        width: 20px;

    }

    .sp-cn{

        display: flex;

        align-items: center;

        justify-content: center;

        width: 40px;

        height: 40px;

        background: #1a4589;

        color: #fff;

    }

    .sp-cn img{

        width: 20px;

    }

    .block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots{

        bottom: 5px;

    }

    .block-ser{

        height: calc(100% - 30px);

    }

    .copyright-mb{

        font-size: 13px;

        color: #fff;

        text-align: center;

        padding: 10px 0;

    }

    .tit-pub:after{

        content: unset;

    }

    .tit-pub{

        display: inline-block;

        color: #fff;

        padding: 5px 20px 5px 10px;

        font-size: 20px;

        background: #1a4589;

    }

    .des-intro-home {

        text-align: left;

    }

    .block-intro .center{

        text-align: left;

    }

    .fade-mobile {

        position: fixed;

        bottom: 0;

        left: 0;

        width: 100%;

        z-index: 99;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 16px;

        animation: fadeIn 3s infinite alternate;

        text-transform: uppercase;

        padding: 15px 0;

        color: #fff;

        background-image: linear-gradient(transparent, rgba(26, 69, 137, 0.6));

    }

    .fade-mobile i.fa-angle-double-right{

        margin-left: 10px;

        animation: bounce 2s infinite;

    }

    .fade-mobile i.fa-angle-double-left{

        margin-right: 10px;

        animation: bouncel 2s infinite;

    }

    .loader{

        display: block;

    }

    .block-banner-page > img{

        display: none;

    }

    .block-banner-page{

        background: #194689;

        margin-bottom: 20px;

    }

    .breac-banner{

        position: unset;

    }

    .block-breac{

        background: none;

        display: block;

    }

    .breac{

        display: none;

    }

    .tit-page {

        font-size: 20px;

        margin: 0;

        padding: 10px 0;

        background: #194689;

        color: #fff;

        font-weight: 700;

        border-left: none;

        position: unset;

        bottom: unset;

        height: auto;

        margin-top: 0;

        max-width: unset;

        text-align: center;

        display: block;

    }

    .flex-order{

        flex-wrap: wrap;

        display: flex;

    }

    .order-1{

        width: 100%;

        order: 1;

    }

    .order-2{

        width: 100%;

        order: 2;

    }

    .tit-ser-detail {

        display: inline-block;

        color: #fff;

        padding: 5px 10px;

        font-size: 20px;

        background: #1a4589;

        margin: 15px 0;

        margin-top: 0;

    }

    .tit-ser-detail:after{

        content: unset;

    }

    form.f-search {

        padding: 0 15px;

    }

    .group-ser{

        overflow: hidden;

    }

    .block-intro-page {

        overflow: hidden;

    }

    .inside-group-ser,

    .inside-group-intro {

        height: calc(100% - 60px);

        width: calc(100% - 20px);

        margin: 0 auto;

        background: #fafafa;

        padding: 15px 0;

        overflow: hidden;

        position: relative;

    }

    .block-bnintro{

        height: 100%;

        padding-bottom: 65px;

    }

    .block-service{

        height: 100%;

        padding-bottom: 65px;

    }

    .block-banner-page{

        display: none;

    }

    .block-intro{

        padding: 20px 0 0 0;

    }

    .boxin-service{

        padding: 20px 0 0 0;

        height: 100%;

    }

    .boxin-service .col-xs-12:last-child .block-ser{

        margin: 0;

    }

    .boxin-service .container{

        height: 100%;

    }

    .list-ser-home .row{

        height: 100%;

    }

    .boxin-service .col-xs-12 .block-ser{

        margin: 0;

        height: calc(100% - 10px);

    }

    .sec-2 > .fp-tableCell{

        display: block !important;

    }

    .footer-fullpage{

        height: 0;

        opacity: 0;

        visibility: hidden;

    }

    .fp-viewing-sec2 .footer-fullpage{

        position: fixed;

        bottom: 0;

        left: 0;

        width: 100%;

        height: auto;

        visibility: visible;

        opacity: 1;

        transition: 0.3s;

        transition-delay: 1s;

    }

    .sec-1 .fp-slidesNav{

        bottom: unset;

        text-align: center;

    }

    .sec-1 #fp-nav ul li a span, 

    .sec-1 .fp-slidesNav ul li a span{

        background: #da251d;

    }

    .block-intro-page,

    .group-ser{

        height: 100%;

        padding-bottom: 65px;

    }

    #fullpage-intro .section .fp-tableCell,

    #fullpage-services .section .fp-tableCell{

        display: block;

    }

    .inside-group-intro,

    .inside-group-ser{

        height: 100%;

    }

    .inside-group-intro > .container{

        overflow: hidden;

    }

    .center-btn-view{

        text-align: center;

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        background: #fafafa;

        padding: 10px;

        z-index: 6;

        display: block;

        height: 50px;

    }

    #mySidenav .sp-cn{

        position: absolute;

        right: 100%;

        top: 7px;

        border: 1px solid #fff;

    }

    section{

		margin-top: 0;

	}

	.sec-ser-2,

	.sec-ser-4,

	.sec-ser-6{

		background: #fff;

	}

    .sec-intro-2,

    .sec-intro-3{

        background: #fff;

    }

    .tit-pub span,

    .tit-ser-detail span{

        border: none;

        padding: 0;

    }

}



@media (max-width: 767px){

    .show767{display: block;}

    .hide767{display: none;}

    .block-ser {

        height: auto;

        display: flex;

        align-items: center;

        padding: 5px;

        margin-bottom: 20px;

    }

    .block-ser > a{

        display: block;

        width: 35%;

    }

    .block-ser .tit-ser{

        width: 65%;

        padding: 0 15px;

        text-align: center;

    }

    .tit-ser a{

        padding: 0;

        font-size: 18px;

    }

    .tit-fleet{

        font-size: 18px;

    }

    .img-fleet{

        margin: 10px 0;

    }

    .ul-fleet li {

        font-size: 15px;

    }

    .items-fleet {

        margin-bottom: 15px;

    }

    .link-recrui {

        flex-direction: column;

    }

    .link-recrui a img {

        margin-right: 15px;

        max-width: 30px;

    }

    .link-recrui a {

        display: inline-flex;

        align-items: center;

        font-size: 20px;

        color: #194689;

        margin-bottom: 15px;

        width: 150px;

    }

    .link-recrui a:last-child{

        margin: 0;

    }

    .hight-light{

        display: inline-block;

        background: #1a4589;

        color: #fff;

        padding: 3px 10px;

    }

}



@media (max-width: 480px){

    .show480{display: block;}

    .hide480{display: none;}

    .fwmb{width: 100%;}

    .clear40{

        height: 20px;

    }

    .btn-pub {

        font-size: 15px;

        padding: 7px 20px;

    }

    .des-intro-home{

        font-size: 15px;

    }

    .block-ser{

        height: auto;

        margin-bottom: 20px;

    }

    .des-intro-home{

        margin-bottom: 15px;

    }

    .tit-pub{

        margin-bottom: 15px;

    }

    .items-group-gall-intro{

        margin-bottom: 15px;

    }

    .group-gall-intro .col-md-6.col-sm-6.col-xs-6:nth-child(odd){

        padding-right: 7px;

        padding-left: 0;

    }

    .group-gall-intro .col-md-6.col-sm-6.col-xs-6:nth-child(even){

        padding-left: 7px;

        padding-right: 0;

    }

    .editer18 p{

        font-size: 15px;

    }

    .editer18.center{

        text-align: left;

    }

    .avatar-intro-team {

        width: 80px;

        margin-right: 10px;

    }

    .avatar-intro-team img{

        width: 100%;

        height: 90px;

        object-fit: cover;

    }

    .content-intro-team {

        width: calc(100% - 90px);

        margin-bottom: 0;

    }

    .content-intro-team p.name-avatar{

        font-size: 16px;

    }

    .content-intro-team p {

        font-size: 14px;

    }

    .editerser p{

        font-size: 15px;

    }

    .block-fleet .row .col-md-4.col-sm-6.col-xs-6{

        padding: 0 7px;

    }

    .tit-pub,

    .tit-ser-detail{

        font-size: 5.5vw;

    }

    .ullist-intro li{

    	font-size: 15px;

    }

}