/*---------------------------------------------------------------------------*
 * SF UI Text
 *---------------------------------------------------------------------------*/
/** Bold */
@font-face {
    font-family: "SF Text";
    font-weight: 700;
    src: url("../fonts/sf/SanFranciscoText-Bold.otf");
}
/** Medium */
@font-face {
    font-family: "SF Text";
    font-weight: 500;
    src: url("../fonts/sf/SanFranciscoText-Medium.otf");
}
/** Medium Italic */
@font-face {
    font-family: "SF Text";
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/sf/SanFranciscoText-MediumItalic.otf");
}
/** Regular */
@font-face {
    font-family: "SF Text";
    font-weight: 400;
    src: url("../fonts/sf/SanFranciscoText-Regular.otf");
}
/** Regular Italic */
@font-face {
    font-family: "SF Text";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/sf/SanFranciscoText-Italic.otf");
}
/** Semibold */
@font-face {
    font-family: "SF Text";
    font-weight: 600;
    src: url("../fonts/sf/SanFranciscoText-Semibold.otf");
}

body{
    font-family: "SF Text";
    color: #333333;
    overflow-x: hidden;
    padding-top: 80px;
}

.ellips{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.modal {
    z-index: 99999999999;
}

.select2-container{
    z-index: 99999999;
}
.select2-container:focus, .select2-container .selection:focus, .select2-container .selection .select2-selection:focus{
    outline: none!important;
}
.select2-container .select2-dropdown{
    border-top: 1px solid #aaa!important;
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    margin-top: 5px!important;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height: 300px!important;
}

.js-language+.select2 .select2-selection--single{
    border: 0;
    background: transparent;
}
.js-language+.select2 .select2-selection--single span.custom{
    display: flex;
    align-items: center;
}
.js-language+.select2 .select2-selection--single span.custom:after{
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/dd_arrow.png) no-repeat;
    margin-left: 3px;
}
.js-language+.select2 .select2-selection__arrow{
    display: none;
}

.btn{
    border-radius: 0;
    border: 0;
    padding: 8px 40px;
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
}
.btn:focus, .btn.focus{
    box-shadow: none;
}
.btn.btn-primary{
    background-image: linear-gradient(to right, #ed1c24 , #f36e21);
    background-color: #0f327a;
    background-repeat: no-repeat;
    background-size: 150% 150%;
    background-position: left center;
    transition: all .5s ease;
}
.btn.btn-primary:hover{
    background-size: 0% 150%;
    background-position: right center;
}
.card{
    border-radius: 0;
    border: 0;
    background: #fff;
}
.card .card-img, .card .card-img-top{
    border-radius: 0;
}

.wrapper-header{
    height: 100vh;
}
#header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    background: #fff;
}
#header .inner-header{
    min-height: 50px;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}
#header .inner-header .head-right{
    margin-top: -70px;
    display: block;
    width: 100%;
}
#header .logo img{
    height: 40px;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}
#header .top{
    margin-top: 10px;
}
#header .wrapper-search .inner-search{
    background: #ebebeb;
    display: inline-block;
    border-radius: 15px;
    padding: 0 15px;
    padding-right: 8px;
}
#header .wrapper-search .inner-search input{
    border: 0;
    background: transparent;
    padding: 3px 2px 3px 5px;
    outline: 0;
}
#header .wrapper-search .inner-search button{
    border: 0;
    background: transparent;
    outline: 0;
}
#header .wrapper-language{
    width: 42px;
    position: relative;
    margin-left: 25px;
}
#header .wrapper-language .inner-language{
    position: absolute;
    top: 0;
    left: -7px;
}
#header .wrapper-menu-main{
    padding: 0;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
#header .wrapper-menu-main .navbar-toggler{
    border: 0;
    padding-right: 0;
    margin-top: 10px;
}
#header .wrapper-menu-main .navbar-toggler .navbar-item-icon{
    width: 20px;
    background: #005f97;
    height: 2px;
    display: block;
    margin-bottom: 4px;
}
#header .wrapper-menu-main ul li.nav-item-home{
    display: none;
}
#header .wrapper-menu-main ul li.nav-item-home a{
    padding: 0;
    font-size: 23px;
    color: #005f97!important;
}
#header .wrapper-menu-main li a{
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 15px;
    padding-right: 15px!important;
    padding-left: 15px!important;
    color: #333333!important;
    text-align: center;
}
#header .wrapper-menu-main li ul.dropdown-menu{
    display: none;
}
#header .wrapper-menu-main li.active > a, #header .wrapper-menu-main li:hover > a{
    color: #005f97!important;
}

body.none-header-sticky #header.sticky{
    display: none;
}
body.none-header-sticky .section-menu-sub.sticky{
    top: 0;
}
#header.sticky{
    background: #fff;
    display: flex;
    align-content: center;
}
#header.sticky .inner-header{
    min-height: 50px;
    height: 50px;
}
#header.sticky .wrapper-menu-main .navbar-toggler{
    margin-top: 30px;
}
#header .logo{
    padding-top: 5px;
    position: relative;
    z-index: 9999;
}
#header.sticky .logo img{
    max-height: 40px!important;
}
#header.sticky .top{
    display: inline-block;
    float: right;
    margin-top: 0;
    width: 280px;
}
#header.sticky .bottom{
    display: inline-block;
    float: right;
    width: 100%;
}
#header.sticky .wrapper-menu-main{
    margin-top: 0;
    margin-bottom: 0;
}
#header.sticky .wrapper-menu-main li a {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
#header.sticky .wrapper-search .inner-search input{
    width: 120px;
}

.wrapper-main-slider{
    height: calc(100% - 50px);
    margin-top: 50px;
}
.main-slider{
    height: 100%!important;
}
.main-slider .slick-list{
    height: 100%;
}
.main-slider .slick-track{
    height: 100%;
}
.main-slider .slick-slide img{
    visibility: hidden;
}
.main-slider .slick-dots{
    bottom: 95px;
    width: auto;
    left: 0;
    right: 0;
}
.main-slider .slick-dots li button{
    background: transparent;
    display: block;
    border: 1px solid #fff;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.main-slider .slick-dots li button:before{
    display: none;
}
.main-slider .slick-dots li.slick-active button, .main-slider .slick-dots li button:hover, .main-slider .slick-dots li button:focus{
    background: #f04e23;
}
.main-slider .slide-image{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    height: 100%;
}
.main-slider .slide-image .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 140px;
    top: inherit;
    text-align: center;
}
.main-slider .slide-image .text .sub{
    font-family: 'Mulish';
    font-weight: 300;
    font-size: 20px;
    color: #fff;
}
.main-slider .slide-image .text .main{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 37px;
    color: #fff;
}

#section-about-us > div >.container-fluid{
    overflow: hidden;
}
#section-about-us .wrapper-description{
    padding-top: 50px;
}
#section-about-us .wrapper-description h2{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 35px;
    color: #005f97;
}
#section-about-us .wrapper-description h3{
    font-family: 'Mulish';
    font-weight: 300;
    font-size: 25px;
    color: #666666;
}
#section-about-us .wrapper-description .desc{
    text-align: justify;
}
#section-about-us .wrapper-description a.read-more{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
    color: #f04e23;
    margin-top: 25px;
    display: inline-block;
    text-decoration: none;
}
#section-about-us .wrapper-description a.read-more:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
    margin-left: 8px;
}
#section-about-us .wrapper-description a.read-more:hover{
    color: #0f327a;
}
#section-about-us .wrapper-description a.read-more:hover:after{
    border-left-color: #0f327a;
}
#section-about-us .wrapper-info{
    position: relative;
    z-index: 99999999;
}
#section-about-us .wrapper-poster{
    padding: 0;
}
#section-about-us .wrapper-poster >.container-fluid{
    height: 100%;
}
#section-about-us .wrapper-poster >.container-fluid >.row{
    height: 100%;
}
#section-about-us .wrapper-poster .wrapper-main{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -45px;
}
#section-about-us .wrapper-poster .main {
    width: 567px;
    padding-top: 567px;
    transform: rotate(
            315deg
    );
    position: relative;
    z-index: 9999999;
}
#section-about-us .wrapper-poster .main:before {
    content: '';
    position: absolute;
    top: 90px;
    left: 95px;
    width: 100px;
    padding-top: 100px;
    background: #dfdfdf;
    z-index: -1;
}
#section-about-us .wrapper-poster .main .inner {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#section-about-us .wrapper-value{
    background: #ebebeb;
    padding: 10px 0;
    margin-top: -270px;
    padding-top: 220px;
}
.wrapper-value .item-value{
    margin: 15px 0;
}
.wrapper-value .item-value .wrapper-icon{
    width: 125px;
    height: 125px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    margin-right: 15px;
}
.wrapper-value .item-value .wrapper-icon.wrapper-icon-commitment{
    padding: 12px;
}
.wrapper-value .item-value .wrapper-icon.wrapper-icon-speed{
    padding: 24px;
}
.wrapper-value .item-value .wrapper-icon.wrapper-icon-creativity{
    padding: 15px;
}
.wrapper-value .item-value .wrapper-content .title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
.wrapper-value .item-value .wrapper-content .desc{
    text-align: justify;
}

#section-quote{
    background: url('../images/bg-world.png') #005f97;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
#section-quote #animation_container{
    width: 100%!important;
    height: 280px!important;
    display: flex;
    justify-content: center;
}
#section-quote #animation_container #canvas{
    max-height: 100%;
    width: 400px!important;
    height: auto !important;
    max-width: 100% !important;
}
#section-quote .wrapper-quote-slider{
    height: 100%;
    /*display: flex;*/
    /*align-items: center;*/
    position: relative;
}
#section-quote .wrapper-quote-slider .inner-quote-slider{
    padding-top: 50px;
    text-align: center;
}
#section-quote .wrapper-quote-slider:before{
    content: '';
    position: absolute;
    top: 22px;
    left: calc(50% - -25px);
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 10px solid #ed2424;
}
#section-quote .wrapper-quote-slider .quote-slider .item .text{
    max-width: 100%;
    font-family: 'Mulish';
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    font-style: italic;
}
#section-quote .wrapper-quote-slider .quote-slider .item .text:before{content: open-quote;}
#section-quote .wrapper-quote-slider .quote-slider .item .text:after{content: close-quote;}

#section-featured-project{
    padding-bottom: 50px;
}
#section-featured-project .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-top: 50px;
}
#section-featured-project .wrapper-list-as-tab{
    margin-top: 15px;
}
#section-featured-project .wrapper-list-as-tab ul{
    flex-wrap: inherit;
}
#section-featured-project .wrapper-list-as-tab ul .nav-item{
    margin:0px  2.5px;
}

#section-featured-project .wrapper-list-as-tab .nav-item .nav-link {
    padding: 8px 5px;
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background: #828282;
    border-radius: 0;
    border: 0;
    text-align: center;
}
#section-featured-project .wrapper-list-as-tab .nav-item .nav-link.active{
    background: linear-gradient(to right, #ed1c24 , #f36e21);
}
#section-featured-project .wrapper-list-as-tab .tab-content{
    margin-top: 20px;
    margin-bottom: 40px;
}
.list-project .card{
    background: #eeeeee;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
}
.list-project .card a{
    color: #333;
    text-decoration: none;
}
.list-project .card .wrapper-img{
    overflow: hidden;
    cursor: pointer;
}
.list-project .card .wrapper-img .card-img-top{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.list-project .card:hover .card-img-top{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.list-project .card .badge{
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 500;
    color: #fff;
    padding: 10px 30px;
    background: rgb(14 49 120 / 80%);
    font-size: 0.8rem;
}
.list-project .card .card-body{
    padding: 1.85rem;
}
.list-project .card .card-body h5.card-title{
    font-family: "SF Text";
    font-weight: 600;
    font-size: 18px;
    -webkit-line-clamp: 1;
}
.list-project .card .card-body p.card-text{
    margin-bottom: 5px;
    line-height: 18px;
    -webkit-line-clamp: 1;
}
.list-project .card .card-body p.card-text strong{
    font-family: "SF Text";
    font-weight: 700;
}
.list-project .card .card-body .read-more{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
    color: #f04e23;
    margin-top: 5px;
    display: inline-block;
}
.list-project .card .card-body .read-more:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
    margin-left: 8px;
}
.list-project .card .card-body .read-more:hover{
    color: #0f327a;
}
.list-project .card .card-body .read-more:hover:after{
    border-left-color: #0f327a;
}

#section-news{
    background: #eee;
}
#section-news .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 28px;
    margin-top: 50px;
}
#section-news .news-slider{
    margin-bottom: 100px;
}
#section-news .news-slider .slick-dots{
    bottom: -50px;
}
#section-news .news-slider .slick-dots li button{
    width: 15px;
    height: 15px;
    border: 1px solid #f04e23;
    border-radius: 50%;
    padding: 0;
}
#section-news .news-slider .slick-dots li.slick-active button{
    background: #f04e23;
}
#section-news .news-slider .slick-dots button:before{
    display: none;
}
#section-news .wrapper-list-news .list-news .card{
    margin-left: 15px;
    margin-right: 15px;
}
#section-news .wrapper-list-news .card-deck{
    margin-left: -15px;
    margin-right: -15px;
}
.wrapper-list-news .card-deck .list-news{
    width: auto;
}
#section-news .wrapper-list-news .card-deck .card{
    margin-bottom: 0;
    background: #fff;
}
.wrapper-list-news .card-deck{
    margin-left: 0;
    margin-right: 0;
}
.wrapper-list-news .list-news .card{
    margin-left: 0;
    margin-right: 0;
    background: #eee;
    margin-bottom: 30px;
}
.wrapper-list-news .list-news .card a{
    color: #333;
    text-decoration: none;
}
.wrapper-list-news .list-news .card .card-body{
    padding: 1.85rem;
}
.wrapper-list-news .list-news .card .card-body .card-title{
    font-weight: bold;
    color: #000000;
    font-size: 1rem;
    -webkit-line-clamp: 2;
    height: 2.5em;
}
.wrapper-list-news .list-news .card .card-body .card-text{
    -webkit-line-clamp: 3;
    height: 4.5em;
}
.wrapper-list-news .list-news .card .card-body .read-more{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
    color: #f04e23;
    margin-top: 5px;
    display: inline-block;
}
.wrapper-list-news .list-news .card .card-body .read-more:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
    margin-left: 8px;
}
.wrapper-list-news .list-news .card .card-body .read-more:hover{
    color: #0f327a;
}
.wrapper-list-news .list-news .card .card-body .read-more:hover:after{
    border-left-color: #0f327a;
}

body:not(.disable-fullpage) #section-footer .inner-section-footer{
    /*height: 100vh;
    display: flex;
    flex-direction: column;*/
    height: auto;
    display: block;
}
#section-footer >.fp-tableCell{
    vertical-align: bottom;
}
#section-footer .inner-section-footer .wrapper-partner{
    flex-grow: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}
body.disable-fullpage #section-footer .inner-section-footer .wrapper-partner{
    padding-top: 50px;
    padding-bottom: 50px;
}
#section-footer .inner-section-footer .wrapper-partner .inner-partner{
    padding: 0 50px;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider button.slick-next{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    right: -43px;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider button.slick-prev{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    left: -43px;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider button.slick-prev:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-right: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider button.slick-next:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider .slick-track {
    display: flex;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider .slick-slide {
    border: 1px solid #e1e1e1;
    display: flex;
    height: auto;
    justify-content: center;
    align-content: center;
    margin: 0 5px;
}
#section-footer .inner-section-footer .wrapper-partner .partner-slider .slick-slide a{
    display: flex;
    align-items: center;
}

.wrapper-footer{
    background: #005f97;
    color: #eee;
}
.wrapper-footer a{
    color: #eee;
}
.wrapper-footer h4.title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
.wrapper-footer .register-receive-info{
    background: #09548b;
    padding-top: 50px;
    padding-bottom: 21px;
    background: url('../images/bg-footer-top.png') #09548b;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.wrapper-footer .register-receive-info .content{
    max-width: 640px;
    padding-bottom: 30px;
}
.wrapper-footer .register-receive-info h4.title{
    margin-bottom: 20px;
}
.wrapper-footer .register-receive-info form .form-row{
    margin-bottom: 24px;
}
.wrapper-footer .register-receive-info form .form-row input{
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #1e60a4;
    outline: none;
    color: #fff;
}
.wrapper-footer .register-receive-info form .form-row input::-webkit-input-placeholder{
    color: #d1d1d1!important;
}
.wrapper-footer .register-receive-info form .form-row input:-ms-input-placeholder{
    color: #d1d1d1!important;
}
.wrapper-footer .register-receive-info form .form-row input::placeholder {
    color: #d1d1d1!important;
}
.wrapper-footer .company-info{
    padding-top: 50px;
    padding-bottom: 12px;
}
.wrapper-footer .company-info h4.title{
    margin-bottom: 20px;
}
.wrapper-footer .company-info .wrapper-list-link{
    margin-bottom: 20px;
}
.wrapper-footer .company-info .content ul.list-info li{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.wrapper-footer .company-info .content ul.list-info li i.fa{
    font-size: 30px;
    width: 40px;
    float: left;
    margin-top: -7px;
}
.wrapper-footer .company-info .content ul li{
    margin-bottom: 5px;
}
.wrapper-footer .company-info .wrapper-footer-bottom{
    border-top: 1px solid #3e5688;
    padding-top: 19px;
}
.wrapper-footer .company-info .wrapper-footer-bottom .wrapper-social ul li{
    margin-right: 25px;
}
.wrapper-footer .company-info .wrapper-footer-bottom .copyright{
    color: #dcdcdc;
    font-size: 0.91rem;
}

#gotop {
    position: fixed;
    bottom: 15px;
    right: 23px;
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 1px 0px 5px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 0px 5px 0px rgb(0 0 0 / 15%);
}
#gotop:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ec2124;
    margin-top: -5px;
}

.show_hotline{
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 99;
    top: calc(50% - 80px);
    right: 10px;
}
.show_hotline ul {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.show_hotline ul li {
    position: relative;
    display: table;
    margin: 0 0 5px;
    padding: 0;
}
.show_hotline ul li .simage {
    margin: 0;
    padding: 9px 0;
    position: relative;
    width: 45px;
    height: 45px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    float: left;
    line-height: 30px;
}
.show_hotline ul li .simage img{
    max-width: 100%;
}
.show_hotline ul li .stitle {
    z-index: 1;
    margin: 11px 0 0 -50px;
    padding: 8px 60px 8px 20px;
    position: absolute;
    right: -400px;
    float: left;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    white-space: nowrap;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #e85b21;
}
.show_hotline ul li :hover .stitle {
    right: 0px;
}

.section-menu-sub.sticky{
    top: 50px;
}
.section-menu-sub{
    background: #ebebeb;
    position: fixed;
    top: 73px;
    left: 0;
    right: 0;
    z-index: 999999;
}
.wrapper-menu-sub ul{
    margin-bottom: 0;
    flex-flow: wrap;
}
.wrapper-menu-sub ul li{
    padding: 5px 5px; position: relative;
}
.wrapper-menu-sub ul li:after{content: ''; height: 24px; width: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; background: #333;}
.wrapper-menu-sub ul li:first-child{
    padding-left: 0;
}
.wrapper-menu-sub ul li:last-child{
    padding-right: 0;
}
.wrapper-menu-sub ul li:last-child:after{display: none;}
.wrapper-menu-sub ul li a{
    color: #333;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    display: block;
}
.wrapper-menu-sub ul li.active a{
    color: #005f97;
}

body:not(.disable-fullpage) .section-banner-page .wrapper-mixer{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 73px;
}
body:not(.disable-fullpage) .section-banner-page .wrapper-mixer > .container-fluid{
    height: 100%;
}
body:not(.disable-fullpage) .section-banner-page .wrapper-mixer .wrapper-banner-page{
    height: 100%;
    display: flex;
    align-items: center;
}
.section-banner-page{
    width: 100%;
    height: 328px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 328px;
}
.section-banner-page .title, .section-banner-page h1{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
}

.section-list-news{
    padding-top: 30px;
    padding-bottom: 30px;
}
.wrapper-pagination ul.pagination{

}
.wrapper-pagination ul.pagination li{
    margin: 0 5px;
}
.wrapper-pagination ul.pagination li a{
    border: 1px solid #acacac;
    border-radius: 0!important;
    color: #0b1d42;
    outline: 0;
}
.wrapper-pagination ul.pagination li.active a, .wrapper-pagination ul.pagination li a:hover{
    border-color: #f04e23;
    color: #f04e23;
    background: none;
}

.wrapper-news-detail{
    margin: 30px auto;
    max-width: 1150px;
}
.wrapper-news-detail >h1.title{
    color: #005f97;
    font-weight: 600;
    font-size: 20px;
}
.wrapper-news-detail >.title-date{
    color: #f04e23;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 25px;
}
.wrapper-news-detail >.content{
    text-align: justify;
}
.wrapper-news-detail >.content img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
}

.section-news-related{
    padding-bottom: 0px;
}
.section-news-related .wrapper-news-related{
    border-top: 1px solid #dadada;
}
.section-news-related .wrapper-news-related>.title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 20px;
    color: #005f97;
    margin-top: 45px;
    margin-bottom: 30px;
}
.section-news-related .wrapper-list-news .list-news .card{
    margin-left: 15px;
    margin-right: 15px;
}
.section-news-related .wrapper-list-news .card-deck{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 82px;
}
.section-news-related .wrapper-list-news .card-deck .card{
    margin-bottom: 0;
}
.slider-news-related .slick-dots{
    bottom: -75px;
}
.slider-news-related .slick-dots li{
    margin: 0 5px;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}
.slider-news-related .slick-dots li button {
    font-size: 1rem;
    border: 1px solid #acacac;
    border-radius: 0!important;
    color: #0b1d42;
    outline: 0;
    padding: .5rem .75rem;
    width: auto;
    height: auto;
    line-height: inherit;
}
.slider-news-related .slick-dots li button:before{
    display: none;
}
.slider-news-related .slick-dots li.slick-active button{
    border-color: #f04e23;
    color: #f04e23;
}

.section-policy{
    padding-top: 30px;
    padding-bottom: 30px;
}
.wrapper-section-policy >.title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.wrapper-section-policy > .content .line{
   display: flex;
   flex-direction: column;
}
.wrapper-section-policy > .content .line >.img-poster{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}
.wrapper-section-policy > .content .line >.content-detail{
    width: 100%;
    background: #eee;
    padding: 15px 15px;
}
.wrapper-section-policy > .content .line >.content-detail .title-detail{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 18px;
    color: #f04e23;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.section-position{
    margin-bottom: 30px;
}
.wrapper-table-position >.title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 45px;
}
.wrapper-table-position .table-position table{
    color: #333;
    margin-bottom: 30px;
}
.wrapper-table-position .table-position table.table-bordered thead td, .wrapper-table-position .table-position table.table-bordered thead th{
    border-bottom-width: 2px;
    background: #005f97;
    color: #fff;
    font-family: 'Mulish';
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.wrapper-table-position .table-position table thead tr th:first-child{
     border-left: 1px solid #005f97;
}
.wrapper-table-position .table-position table thead tr th:last-child{
    border-right: 1px solid #005f97;
}
.wrapper-table-position .table-position table tbody tr td:first-child{
    border-left: 1px solid #6699cc;
}
.wrapper-table-position .table-position table tbody tr td:last-child{
    border-right: 1px solid #6699cc;
}
.wrapper-table-position .table-position table tbody tr:first-child td{
    border-top: 1px solid #6699cc;
}
.wrapper-table-position .table-position table tbody tr:last-child td{
    border-bottom: 1px solid #6699cc;
}
.wrapper-table-position .table-position table tbody tr:nth-of-type(odd) {
    background-color: #e6e6e6;
}
.wrapper-table-position .table-position table td{
    padding: 25px;
    border: 1px solid #fff;
}
.wrapper-table-position .table-position table td a.register{
    font-family: 'Mulish';
    font-weight: bold;
    color: #f04e23;
    text-decoration: none;
}

.section-info-contact{
    padding-top: 30px;
    padding-bottom: 30px;
}

.wrapper-info-contact .title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 20px;
    color: #005f97;
    margin-bottom: 25px;
}
.wrapper-info-contact .item-info{
    display: flex;
    align-items: center;
}
.wrapper-info-contact .item-info .icon{
    font-size: 25px;
    color: #005f97;
    margin-right: 15px;
}
.wrapper-info-contact .item-info a{
    color: #333;
    text-decoration: none;
}
.wrapper-info-contact .wrapper-map{
    margin-top: 25px;
    margin-bottom: 30px;
}

.section-investment-relation-content{
    margin-top: 30px;
    margin-bottom: 30px;
}
.wrapper-investment-relation-content .line{
    display: flex;
    flex-direction: column;
}
.wrapper-investment-relation-content .line >.img-poster{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}
.wrapper-investment-relation-content .line .content-detail{
    width: 100%;
    padding: 15px 15px;
    text-align: justify;
}
.wrapper-investment-relation-content .line .content-detail .title-detail{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.wrapper-quote-other{
    padding-left: 15px;
    padding-right: 15px;
    border: 2px solid #f36f21;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    margin-bottom: 30px;
}
.slider-quote-other .item{
    color: #005f97;
    font-weight: 500;
    font-size: 1.3rem;
}
.slider-quote-other .item .wrapper-text{
    position: relative;
    quotes: '\201c' '\201d';
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}
.slider-quote-other .item .wrapper-text:before{
    position: absolute;
    top: 0px;
    left: 0;
    content: open-quote;
    font-size: 2em;
    font-family: 'sans-serif';
    font-weight: bold;
}
.slider-quote-other .item .wrapper-text:after{
    position: absolute;
    top: 0px;
    right: 0;
    content: open-quote;
    font-size: 2em;
    font-family: 'sans-serif';
    font-weight: bold;
    transform: rotateY(
            180deg
    );
}

.section-publish{
    padding-top: 30px;
    padding-bottom: 10px;
}
.wrapper-publish >.title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.wrapper-publish .wrapper-download{
    max-width: 1380px;
    margin: 0 auto;
}
.wrapper-publish .wrapper-download .list-download{
    margin-top: 30px;
    margin-bottom: 50px;
}
.wrapper-publish .wrapper-download .list-download .item-download{
    border-top: 1px dashed #b2b2b2;
    padding-top: 15px;
    padding-bottom: 15px;
}
.wrapper-publish .wrapper-download .list-download .item-download .time{
    color: #005f97;
}

.section-project{
    padding-top: 30px;
    padding-bottom: 10px;
}
.wrapper-project .wrapper-list-project{
    margin-bottom: 90px;
}
.wrapper-project .wrapper-list-project >.title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.wrapper-project .wrapper-list-project .wrapper-view-all{
    margin-top: 20px;
}

.wrapper-project-general{
    padding-top: 30px;
}
.wrapper-project-general .line{
    display: flex;
    flex-direction: column;
}
.wrapper-project-general .line >.img-poster{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}
.wrapper-project-general .line .content-detail{
    width: 100%;
    padding: 15px 15px;
}
.wrapper-project-general .line .content-detail .title-detail{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.section-project-location{
    background: #ebebeb;
    padding-top: 30px;
    padding-bottom: 30px;
}
.wrapper-project-location .line{
    display: flex;
    flex-direction: column;
}
.wrapper-project-location .line >.img-poster{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}
.wrapper-project-location .line .content-detail{
    width: 100%;
    padding: 15px 15px;
    display: flex;
    align-items: center;
}
.wrapper-project-location .line .content-detail .title-detail{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.wrapper-project-location .line .content-detail .sub-detail{
    font-family: 'Mulish';
    font-weight: 600;
    font-size: 20px;
    color: #f04e23;
    margin-bottom: 15px;
}

#section-ground{
  
}
#section-ground .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#section-utilities{
    padding-top: 30px;
    padding-bottom: 30px;
}
#section-utilities .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.utilities-slider .item{
    padding-left: 12px;
    padding-right: 12px;
}
.utilities-slider .item .wrapper-image{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.utilities-slider .item .wrapper-image:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(14 49 120 / 60%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}
.utilities-slider .item:not(.slick-current) .wrapper-image:before{
    opacity: 1;
}
.utilities-slider .item .info{
    display: none;
}
.utilities-slider .item.slick-current .info{
    display: block;
    text-align: center;
}
.utilities-slider .item.slick-current .info .info-title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 20px;
    color: #f04e23;
    margin-top: 30px;
    margin-bottom: 20px;
}
.utilities-slider .item.slick-current .info .info-desc{
    padding-left: 15px;
    padding-right: 15px;
}
.utilities-slider button.slick-next{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    right: 15px;
    top: 140px;
    z-index: 99;
}
.utilities-slider button.slick-prev{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    left: 15px;
    top: 140px;
    z-index: 99;
}
.utilities-slider button.slick-prev:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-right: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
.utilities-slider button.slick-next:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
.utilities-slider .slick-list{
    padding: 0!important;
}

#section-featured-news{
    background: #eee;
    padding-top: 30px;
    padding-bottom: 30px;
}
#section-featured-news .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.featured-news-slider .item a{
    text-decoration: none;
    color: #000;
}
.featured-news-slider .item .line{
    display: flex;
    flex-direction: column;
}
.featured-news-slider .item .line >.img-poster{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 260px;
}
.featured-news-slider .item .line >.content-detail{
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 15px;
}
.featured-news-slider .item .line >.content-detail .date-detail{
    font-weight: 600;
    color: #f04e23;
    margin-bottom: 20px;
}
.featured-news-slider .item .line >.content-detail .title-detail{
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}
.featured-news-slider .item .line >.content-detail .read-more{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
    color: #f04e23;
    margin-top: 5px;
    display: inline-block;
}
.featured-news-slider .item .line >.content-detail .read-more:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
    margin-left: 8px;
}
.featured-news-slider .item .line >.content-detail .read-more:hover{
    color: #0f327a;
}
.featured-news-slider .item .line >.content-detail .read-more:hover:after{
    border-left-color: #0f327a;
}
.featured-news-slider button.slick-next{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    right: 20px;
    top: 140px;
    z-index: 99;
}
.featured-news-slider button.slick-prev{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    left: 20px;
    top: 140px;
    z-index: 99;
}
.featured-news-slider button.slick-prev:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-right: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
.featured-news-slider button.slick-next:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
#section-featured-news .wrapper-list-news{
    margin-top: 30px;
}
#section-featured-news .wrapper-list-news .list-news .card{
    background: #fff;
}

#section-galerry{
    padding-top: 30px;
}
#section-galerry .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.list-galerry .item-galerry{
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.list-galerry .item-galerry .info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}
.list-galerry .item-galerry:hover .info{
    opacity: 1;
}
.list-galerry .item-galerry .info .inner-info{
    height: 100%;
    background: rgb(14 49 120 / 60%);
}
.list-galerry .item-galerry .info .inner-info .info-title{
    font-family: 'Mulish';
    font-weight: 600;
    font-size: 20px;
    color: #fff;
}

.wrapper-document{
    flex-grow: 1;
    padding-top: 70px;
    padding-bottom: 70px;
}
.wrapper-document .document{
    text-align: center;
}
.wrapper-document .document a{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 15px;
    color: #f04e23;
    text-decoration: none;
    border: 1px solid #f04e23;
    padding: 17px 20px;
}

.wrapper-about-quickview .line{
    display: flex;
    flex-direction: column;
}
.wrapper-about-quickview .line >.img-poster{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}
.wrapper-about-quickview .line .content-detail{
    width: 100%;
    padding: 15px 15px;
}
.wrapper-about-quickview .line .content-detail .title-detail{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.wrapper-about-quickview .line .content-detail .desc-detail blockquote{
    margin-top: 5px;
    display: inline-block;
    font-family: "SF Text"!important;
    color: #005f97!important;
}
.wrapper-about-quickview .line .content-detail .desc-detail blockquote:before{
    font-family: 'sans-serif';
    font-weight: bold;
}

#section-fields-operation{
    background: #efefef;
    padding-top: 50px;
    padding-bottom: 50px;
}
#section-fields-operation .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-top: 0px;
    margin-bottom: 30px;
}
.fields-operation-slider .item{
    padding-left: 12px;
    padding-right: 12px;
}
.fields-operation-slider .item .wrapper-image{
    position: relative;
}
.fields-operation-slider .item .wrapper-image:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(14 49 120 / 60%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}
.fields-operation-slider .item:not(.slick-current) .wrapper-image:before{
    opacity: 1;
}
.fields-operation-slider .item .info{
    display: none;
}
.fields-operation-slider .item.slick-current .info{
    display: block;
    text-align: center;
}
.fields-operation-slider .item.slick-current .info .info-title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 18px;
    color: #0e3179;
    margin-top: 30px;
    margin-bottom: 20px;
}
.fields-operation-slider .item.slick-current .info .info-desc{
    padding-left: 15px;
    padding-right: 15px;
}
.fields-operation-slider button.slick-next{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    right: 15px;
    z-index: 99;
}
.fields-operation-slider button.slick-prev{
    width: 38px;
    height: 38px;
    background: #ebebeb;
    border: 0;
    border-radius: 3px;
    left: 15px;
    z-index: 99;
}
.fields-operation-slider button.slick-prev:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-right: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
.fields-operation-slider button.slick-next:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}

.section-about-value{
    margin-top: 50px;
    margin-bottom: 50px;
}
.section-about-value .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-top: 13px;
    margin-bottom: 30px;
}
.section-about-value .wrapper-value{
    background: #ebebeb;
    position: relative;
}
.section-about-value .wrapper-value> .bg{
    position: absolute;
    top: calc(50% - 250px);
    left: 0;
    width: 500px;
    height: 500px;
    background: #ebebeb;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.wrapper-vision-mission .line{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wrapper-vision-mission .line >.img-poster{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
}
.wrapper-vision-mission .line .content-detail{
    width: 100%;
    padding: 15px 15px;
}
.wrapper-vision-mission .line .content-detail .title-detail{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
}
.wrapper-vision-mission .line .content-detail .desc-detail{
    text-align: justify;
}

.section-organizational-chart{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-organizational-chart .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-top: 0px;
    margin-bottom: 30px;
}
.wrapper-organizational-chart{
    position: relative;
    margin-bottom: 30px;
}
.wrapper-organizational-chart > .before{
    content: '';
    position: absolute;
    top: 0px;
    left: 30px;
    width: 132px;
    height: 75px;
    background-image: url('../images/bg-sodo-left.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    overflow: hidden;
}
.wrapper-organizational-chart > .before .inner{
    width: 100%;
    height: 100%;
    position: relative;
}
.wrapper-organizational-chart > .before .inner .wrapper-object-1{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper-organizational-chart > .before .inner .wrapper-object-1 .effect{
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -ms-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite;
}
.wrapper-organizational-chart > .before .inner .wrapper-object-1 .effect .bg{
    background-image: url("../images/bg-sodo-left.png");
    background-repeat: no-repeat;
    background-position: -172px -20px;
    border-radius: 50%;
    width: 240px;
    height: 240px;
    transform: scale(0.2, 0.2);
}
.wrapper-organizational-chart > .before .inner .wrapper-object-2{
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 4px;
    left: 4px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper-organizational-chart > .before .inner .wrapper-object-2 .effect{
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -ms-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite;
}
.wrapper-organizational-chart > .before .inner .wrapper-object-2 .effect .bg{
    background-image: url("../images/bg-sodo-left.png");
    background-repeat: no-repeat;
    background-position: -12px -192px;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    transform: scale(0.2, 0.2);
}
.wrapper-organizational-chart > .after{
    content: '';
    position: absolute;
    top: 0px;
    right: 30px;
    width: 132px;
    height: 75px;
    background-image: url('../images/bg-sodo-right.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    overflow: hidden;
}
.wrapper-organizational-chart > .after .inner{
    width: 100%;
    height: 100%;
    position: relative;
}
.wrapper-organizational-chart > .after .inner .wrapper-object-1{
    width: 68px;
    height: 68px;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper-organizational-chart > .after .inner .wrapper-object-1 .effect{
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -ms-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite;
}
.wrapper-organizational-chart > .after .inner .wrapper-object-1 .effect .bg{
    background-image: url("../images/bg-sodo-right.png");
    background-repeat: no-repeat;
    background-position: -8px -8px;
    border-radius: 50%;
    width: 230px;
    height: 230px;
    transform: scale(0.25, 0.25);
}
.wrapper-organizational-chart > .after .inner .wrapper-object-2{
    width: 47px;
    height: 47px;
    position: absolute;
    top: 6px;
    right: 6px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper-organizational-chart > .after .inner .wrapper-object-2 .effect{
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -ms-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite;
}
.wrapper-organizational-chart > .after .inner .wrapper-object-2 .effect .bg{
    background-image: url("../images/bg-sodo-right.png");
    background-repeat: no-repeat;
    background-position: -255px -15px;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    transform: scale(0.28, 0.28);
}

.section-prize{
    background: #ebebeb;
    padding-top: 70px;
    padding-bottom: 50px;
}
.section-prize .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-top: 0;
}
.prize-slider .item .wrapper-image{
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
}
.prize-slider .item.slick-current .wrapper-image{
    display: inline-block;
    border: 4px solid #ed1d24;
    border-radius: 50%;
    width: 208px;
    height: 208px;
}
.prize-slider .item .wrapper-image img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
}
.prize-slider .item .info{
    display: none;
}
.prize-slider .item .wrapper-time{
    padding-top: 200px;
    color: #005f97;
    font-weight: 600;
    border-bottom: 1px solid #5b9bd3;
    padding-bottom: 50px;
    position: relative;
}
.prize-slider .item .wrapper-time:before{
    content: '';
    position: absolute;
    bottom: -12.5px;
    left: calc(50% - 12.5px);
    width: 25px;
    height: 25px;
    background: #005f97;
    border-radius: 50%;
}
.prize-slider .item.slick-current .wrapper-time{
    padding-top: 0px;
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 20px;
    color: #f04e23;
    margin-bottom: 20px;
    border-bottom: 0;
    padding-bottom: 0px;
}
.prize-slider .item.slick-current .wrapper-time:before{
    display: none;
}
.prize-slider .item.slick-current .info{
    display: block;
    text-align: center;
}
.prize-slider .item.slick-current .info .info-title{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 17px;
    color: #0e3179;
    margin-top: 30px;
    margin-bottom: 20px;
}
.prize-slider .item.slick-current .info .info-desc{
    padding-left: 15px;
    padding-right: 15px;
}
.prize-slider button.slick-next{
    width: 38px;
    height: 38px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    right: 0px;
    top: 150px;
    z-index: 99;
}
.prize-slider button.slick-prev{
    width: 38px;
    height: 38px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    left: 0px;
    top: 150px;
    z-index: 99;
}
.prize-slider button.slick-prev:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-right: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}
.prize-slider button.slick-next:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-left: 6px solid #ec2124;
    border-bottom: 5.5px solid transparent;
}

.section-about-quickview{
    margin-top: 50px;
    margin-bottom: 30px;
}

.section-vision-mission{
    margin-top: 15px;
}

.wrapper-recruitment-detail{
    width: 100%;
    padding: 15px 15px 0px 50px;
}
.wrapper-table-position table .wrapper-position-can-click{
    position: relative;
    display: inline-block;
    width: 100%;
    /*font-weight: bold;*/
    text-decoration: none;
    color: #333;
    padding-right: 20px;
}
.wrapper-table-position table .wrapper-position-can-click:before{
    content: '';
    background-image: url('../images/viewx.svg');
    background-size: 12px 15px;
    position: absolute;
    right: 10px;
    top: 30%;
    transform: rotate(
            90deg
    ) translateY(-50%);
    width: 12px;
    height: 15px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wrapper-table-position table tr.item.show .wrapper-position-can-click:before{
    background-image: url('../images/viewt.svg');
    transform: rotate(
            -90deg
    ) translateY(-50%);
    right: -4px;
}
.wrapper-table-position table tr.tr-recruitment-detail{
    display: none;
}
.wrapper-table-position table tr.tr-recruitment-detail.show{
    display: table-row;
}
.wrapper-table-position table tr.item.show td{
    color: #005f97;
    font-weight: bold;
}
.wrapper-table-position table tr.item.show td a:not(.register){
    color: #005f97;
    font-weight: bold;
}

.section-project-general,
.section-project-location{
    padding-top: 30px;
    padding-bottom: 30px;
}

/*=======================
Responsive-CSS
==============================*/

@media (max-width:767px) {
    #header .logo{
        margin-right: 50px;
    }

    .prize-slider .slick-list{
        padding: 0!important;
    }
    .utilities-slider .slick-list{
        padding: 0!important;
    }

    .fields-operation-slider button.slick-prev{
        left: 30px;
        top: 130px;
    }
    .fields-operation-slider button.slick-next{
        right: 30px;
        top: 130px;
    }
    .wrapper-about-quickview .line >.img-poster{  background-size: contain;}
    #section-quote .wrapper-quote-slider:before{
        border-top: 10px solid #ed2424;
        border-bottom: 0px;
    }
    #section-about-us .wrapper-value{    padding-top: 60px;   z-index: 99999999;    position: relative;}
    #section-featured-project .wrapper-list-as-tab .nav-item{ flex-grow: 1; flex-basis: 0;    }
    #section-featured-project .wrapper-list-as-tab .nav-item .nav-link{height: 100%;   display: flex; align-items: center;font-size: 12px;  flex-direction: column; justify-content: center;}
}

@media (min-width:768px) {
    #section-about-us .wrapper-poster .main:before {
        right: -80px;
        bottom: -170px;
        width: 280px;
        padding-top: 280px;
    }
    .prize-slider .slick-list{
        padding: 0!important;
    }

    #section-quote .wrapper-quote-slider:before{
        left: calc(50% - -45px);
    }
    #section-quote #animation_container{
        height: 400px!important;
    }
    #section-quote #animation_container #canvas {
        width: 550px!important;
        height: 400px!important;
    }

    .wrapper-document .document a{
        padding: 17px 200px;
    }

    .list-project .card .wrapper-img {
        height: 220px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #section-about-us .wrapper-poster .wrapper-main{
        margin-top: 40px;
        justify-content: center;
        padding-bottom: 100px;
    }
    #section-about-us .wrapper-poster .main {
        width: 367px;
        padding-top: 367px;
    }
    #section-about-us .wrapper-poster .main:before {
        right: -40px;
        bottom: -40px;
        width: 180px;
        padding-top: 180px;
        left: inherit;
        top: inherit;
    }
    #section-about-us .wrapper-value{
        margin-top: -264px;
        padding-top: 260px;
    }

    .wrapper-about-quickview .line {
        flex-direction: row;
    }

    .wrapper-investment-relation-content .line {
        display: flex;
        flex-direction: row;
    }

    #section-footer .inner-section-footer .wrapper-partner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width:991px){
    #header .logo{
        margin-right: 50px;
    }

    .wrapper-menu-sub{
        padding: 10px 0;
    }
    .wrapper-menu-sub > ul{
        display: none!important;
    }
    .wrapper-menu-sub .select2-selection{
        background: #0e3179!important;
        color: #fff!important;
        border: 0!important;
        border-radius: 0!important;
        height: auto!important;
    }
    .wrapper-menu-sub .select2-selection .select2-selection__rendered{
        color: #fff!important;
        padding-top: 7px!important;
        padding-bottom: 6px!important;
        text-transform: uppercase!important;
        text-align: center!important;
    }
    .wrapper-menu-sub .select2-selection .select2-selection__arrow b{
        border-width: 8px 7px 0 7px!important;
        border-color: #fff transparent transparent transparent!important;
        margin-left: -10px!important;
        margin-top: 3px!important;
    }
    .wrapper-menu-sub .select2-container--default.select2-container--open .select2-selection .select2-selection__arrow b{
        border-color: transparent transparent #fff transparent!important;
        border-width: 0 7px 8px 7px!important;
    }

    #section-project-location, #section-project-location > .fp-tableCell{
        height: auto!important;
    }

    #section-ground, #section-ground > .fp-tableCell{
        height: auto!important;
    }

    #section-utilities, #section-utilities > .fp-tableCell{
        height: auto!important;
    }

    #section-featured-news, #section-featured-news > .fp-tableCell{
        height: auto!important;
    }

    #section-galerry, #section-galerry > .fp-tableCell{
        height: auto!important;
    }

    #section-fields-operation, #section-fields-operation > .fp-tableCell{
        height: auto!important;
    }

    .section-organizational-chart, .section-organizational-chart > .fp-tableCell{
        height: auto!important;
    }

    .section-prize, .section-prize > .fp-tableCell{
        height: auto!important;
    }

    .section-about-quickview, .section-about-quickview > .fp-tableCell{
        height: auto!important;
    }

    .fields-operation-slider .slick-list{
        padding: 0!important;
    }

    .img-hover-mapster .map{
        width: 100%!important;/*TODO: fix*/
        max-width: 100%!important;/*TODO: fix*/
        overflow: hidden!important;/*TODO: fix*/
    }
}

@media (min-width:992px) {
    #header.sticky .top{
        margin-top: 5px;
        width: 220px;
    }
    #header.sticky .wrapper-search .inner-search input {
        width: 70px;
    }

    .section-menu-sub {
        top: 113px;
    }

    body{
        padding-top: 113px;
    }

    body:not(.disable-fullpage) .section-banner-page .wrapper-mixer{
        padding-top: 113px;
    }

    #header .inner-header{
        min-height: 113px;
    }
    #header .logo{
        padding-top: 0px;
    }
    #header .logo img{
        height: 55px;
    }
    #header .inner-header .head-right{
        margin-top: 0;
    }
    #header .wrapper-menu-main li{
        position: relative;
    }
    #header .wrapper-menu-main li a{
        text-align: left;
        font-size: 16px;
    }
    #header .wrapper-menu-main li ul.dropdown-menu{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        list-style: none;
        padding-left: 0;
        text-align: left;
        min-width: 220px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 10px;
        border: 0;
        border-radius: 0;
        margin: 0;
    }
    #header .wrapper-menu-main li:hover ul.dropdown-menu{
        display: block;
    }
    #header .wrapper-menu-main li ul.dropdown-menu li a{
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
        text-decoration: none;
        font-weight: normal;
    }
    #header .wrapper-menu-main li ul.dropdown-menu li:last-child a {
        padding-right: 30px!important;
    }
    #header.sticky .wrapper-menu-main li a{
        padding-right: 9px!important;
        padding-left: 9px!important;
    }
    #header .wrapper-menu-main li:last-child a{
        padding-right: 0!important;
    }
    #header.sticky .wrapper-menu-main li:last-child a {
        padding-right: 0px!important;
    }
    #header .wrapper-menu-main ul li.nav-item-home{
        display: block;
    }
    #header.sticky{
        background: #fbf9fa;
    }
    #header.sticky .bottom{
        width: calc(100% - 280px);
    }
    .wrapper-main-slider{
        height: calc(100% - 113px);
        margin-top: 113px;
    }
    .main-slider .slide-image .text {
        position: absolute;
        top: 40%;
        left: 15px;
        right: inherit;
        bottom: inherit;
        text-align: left;
    }
    .main-slider .slide-image .text .sub{
        font-size: 35px;
    }
    .main-slider .slide-image .text .main{
        font-size: 52px;
    }
    .main-slider .slick-dots {
        bottom: 30px;
        margin-left: 15px;
        right: inherit;
    }
    .main-slider .slick-dots li button {
        border: 2px solid #fff;
        width: 20px;
        height: 20px;
    }
    #section-about-us .wrapper-description{
        padding-top: 50px;
    }
    #section-about-us .wrapper-poster{
        padding: 56px 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        padding: 0;
    }
    #section-about-us .wrapper-poster .wrapper-main{
        margin-top: 0;
    }
    #section-about-us .wrapper-poster .main:before {
        top: inherit;
        left: inherit;
        right: -40px;
        bottom: -45px;
        width: 150px;
        padding-top: 150px;
    }
    #section-about-us .wrapper-poster .main {
        width: 300px;
        padding-top: 300px;
        margin-right: 118px;
    }
    #section-about-us .wrapper-value{
        margin-top: 15px;
        padding-top: 0;
    }

    #section-quote .wrapper-quote-slider {
        margin-left: 100px;
    }
    #section-quote .wrapper-quote-slider:before {
        top: calc(50% - 30px);
        left: -70px;
        border-top: 30px solid transparent;
        border-left: 30px solid #ed2424;
        border-bottom: 30px solid transparent;
    }
    #section-quote .wrapper-quote-slider .inner-quote-slider{
        padding-top: 0;
        text-align: left;
        height: 100%;
    }
    #section-quote .wrapper-quote-slider .inner-quote-slider .slick-slider, #section-quote .wrapper-quote-slider .inner-quote-slider .slick-slider .slick-list, #section-quote .wrapper-quote-slider .inner-quote-slider .slick-slider .slick-list .slick-track, #section-quote .wrapper-quote-slider .inner-quote-slider .slick-slider .slick-list .slick-track .slick-slide{
        height: 100%;
            position: relative;
    }
    #section-quote .wrapper-quote-slider .quote-slider .item .text{
        /*height: 100%;
        display: flex;
        align-items: center;*/
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
         max-width: 528px;
    }
    #section-quote #animation_container{
        justify-content: flex-end;
    }

    #section-featured-project{
        padding-bottom: 0px;
    }
    #section-featured-project .section-title h3{
        margin-top: 0px;
    }
    #section-featured-project .wrapper-list-as-tab .nav-item .nav-link {
        padding: 8px 40px;    min-width: 300px;
    }

    #section-news .section-title h3{
        margin-top: 0;
    }
    #section-news .news-slider{
        margin-bottom: 36px;
    }

    body:not(.disable-fullpage) #section-footer .inner-section-footer{
        padding-top: 50px;
    }
    .wrapper-footer .register-receive-info{
        background-position: left center;
        background-size: contain;
    }
    .wrapper-footer .register-receive-info .content{
        padding-bottom: 0;
    }
    .wrapper-footer .company-info .wrapper-list-link{
        margin-bottom: 0px;
    }

    .section-banner-page{
        height: 728px;
    }

    .wrapper-section-policy > .content .line{
        flex-direction: row;
    }
    .wrapper-section-policy > .content .line >.img-poster{
        width: 50%;
    }
    .wrapper-section-policy > .content .line >.content-detail {
        width: 50%;
        padding: 90px 60px;
    }

    .wrapper-investment-relation-content .line{
        flex-direction: row;
    }
    .wrapper-investment-relation-content .line >.img-poster{
        width: 50%;
    }
    .wrapper-investment-relation-content .line >.content-detail {
        width: 50%;
        padding: 20px 20px 20px 20px;
    }

    .wrapper-project-general .line{
        flex-direction: row;
    }
    .wrapper-project-general .line >.img-poster{
        width: 50%;
    }
    .wrapper-project-general .line >.content-detail {
        width: 50%;
        padding: 60px 50px 60px 100px;
    }

    .wrapper-project-location .line{
        flex-direction: row;
        align-content: center;
    }
    .wrapper-project-location .line >.img-poster{
        width: 50%;
        min-height: 340px;
    }
    .wrapper-project-location .line >.content-detail {
        width: 50%;
        padding: 60px 50px 60px 0px;
    }

    .wrapper-quote-other {
        padding-left: 300px;
        padding-right: 300px;
    }

    .wrapper-about-quickview .line{
        flex-direction: row;
    }
    .wrapper-about-quickview .line >.img-poster{
        width: 30%;
        min-width: 500px;
    }
    .wrapper-about-quickview .line >.content-detail {
        width: 70%;
        padding: 20px 20px 20px 20px;
    }
    .wrapper-about-quickview .line .content-detail .desc-detail{
        text-align: justify;
    }

    .wrapper-vision-mission .line{
        flex-direction: row;
        align-items: flex-start;
    }
    .wrapper-vision-mission .line >.img-poster{
        width: 250px;
        height: 250px;
        border-radius: 50%;
    }
    .wrapper-vision-mission .line >.content-detail {
        width: calc(100% - 250px);
        padding: 0px 0px 0px 30px;
    }
    .wrapper-vision-mission .line .content-detail .title-detail{
        text-align: left;
    }

    .section-about-value .wrapper-value> .bg{
        display: block;
        top: calc(50% - 160px);
        width: 320px;
        height: 320px;
    }

    .prize-slider button.slick-prev{
        left: 0px;
        top: 240px;
    }
    .prize-slider button.slick-next{
        right: 0px;
        top: 240px;
    }
    .prize-slider .item.slick-current .wrapper-image{
        width: 368px;
        height: 368px;
    }
    .prize-slider .item .wrapper-image img {
        width: 360px;
        height: 360px;
    }

    .wrapper-menu-sub ul li{
        padding: 18px 15px;
    }

    .featured-news-slider .item .line{
        flex-direction: row;
    }
    .featured-news-slider .item .line >.img-poster{
        width: 50%;
    }
    .featured-news-slider .item .line >.content-detail{
        width: 50%;
        padding-left: 60px;
        padding-right: 100px;
    }

    .utilities-slider button.slick-next{
        right: 27px;
        top: 290px;
    }
    .utilities-slider button.slick-prev{
        left: 27px;
        top: 290px;
    }

    .wrapper-organizational-chart > .before{
        top: -40px;
        left: 30px;
        width: 232px;
        height: 175px;
    }
    .wrapper-organizational-chart > .after{
        top: -40px;
        right: 30px;
        width: 232px;
        height: 175px;
    }

    .wrapper-section-policy >.title{
        font-size: 35px;
    }
    .wrapper-table-position >.title{
        font-size: 35px;
    }
    .wrapper-section-policy > .content .line >.content-detail .title-detail{
        font-size: 20px;
    }

    .wrapper-news-detail >h1.title{
        font-size: 1.8rem;
    }

    #section-featured-project .section-title h3{
        font-size: 35px;
    }

    #section-news .section-title h3{
        font-size: 35px;
    }

    #section-about-us .wrapper-description h2{
        font-size: 50px;
    }
    #section-about-us .wrapper-description h3{
        font-size: 35px;
    }

    .wrapper-about-quickview .line .content-detail .title-detail{
        font-size: 35px;
    }

    #section-fields-operation .section-title h3{
        font-size: 35px;
        margin-top: 0px;
    }

    .section-about-value .section-title h3{
        font-size: 35px;
    }

    .wrapper-vision-mission .line .content-detail .title-detail{
        font-size: 35px;
    }

    .section-organizational-chart .section-title h3{
        font-size: 35px;
    }

    .section-prize .section-title h3{
        font-size: 35px;
    }

    .wrapper-project .wrapper-list-project >.title{
        font-size: 35px;
    }

    .fields-operation-slider .item.slick-current .info .info-title{
        font-size: 20px;
    }

    .wrapper-project-general .line .content-detail .title-detail{
        font-size: 35px;
    }

    .wrapper-project-location .line .content-detail .title-detail{
        font-size: 35px;
    }

    #section-ground .section-title h3{
        font-size: 35px;
    }

    #section-utilities .section-title h3{
        font-size: 35px;
    }

    #section-featured-news .section-title h3{
        font-size: 35px;
    }

    #section-galerry .section-title h3{
        font-size: 35px;
    }

    .wrapper-investment-relation-content .line .content-detail .title-detail{
        font-size: 35px;
    }

    .slider-quote-other .item{
        font-size: 1.9rem;
    }

    .wrapper-publish >.title{
        font-size: 35px;
    }

    .wrapper-project-general{
        padding-top: 0;
    }

    .fields-operation-slider .item .wrapper-image{
        justify-content: center;
        display: flex;
    }

    .wrapper-about-quickview .line .content-detail .desc-detail blockquote {
        margin-top: 40px;
    }

    .wrapper-organizational-chart > .before .inner .wrapper-object-1{
        width: 110px;
        height: 110px;
        top: 13px;
        right: 40px;
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-1 .effect .bg{
        transform: scale(0.5, 0.5);
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-2{
        width: 80px;
        height: 80px;
        bottom: 5px;
        left: 5px;
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-2 .effect .bg{
        transform: scale(0.5, 0.5);
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-1{
        width: 120px;
        height: 120px;
        top: 5px;
        left: 5px;
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-1 .effect .bg{
        transform: scale(0.45, 0.45);
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-2{
        width: 80px;
        height: 80px;
        top: 12px;
        right: 13px;
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-2 .effect .bg{
        transform: scale(0.5, 0.5);
    }

    #section-about-us .wrapper-description h3 {
        font-size: 20px;
    }
    #section-about-us .wrapper-description h2 {
        font-size: 30px;
    }
    #section-about-us .wrapper-description .desc {
        line-height: 1.2rem;
    }
    .wrapper-value .item-value {
        margin: 15px 0;
        margin-bottom: 0;
    }
    .wrapper-value .item-value .wrapper-icon{
        width: 75px;
        height: 75px;
    }
    .wrapper-value .item-value .wrapper-content .title{
        font-size: 18px;
    }
    .wrapper-value .item-value .wrapper-content .desc {
        line-height: 1.2rem;
    }

    .wrapper-list-news .list-news .card .card-body{
        padding: 15px;
    }

    .list-project .card .wrapper-img {
        height: 200px;
    }
}

@media (max-width:1024px) {
    .img-hover-mapster .map{
        width: 100%!important;/*TODO: fix*/
        max-width: 100%!important;/*TODO: fix*/
        overflow: hidden!important;/*TODO: fix*/
    }
}

@media (min-width:1024px) {
    .fields-operation-slider .slick-list{
        padding: 0!important;
    }
}

@media (min-width:1200px) {
    .container-fluid{
        padding-left: 50px;
        padding-right: 50px;
    }

    #header.sticky .wrapper-menu-main li a{
        padding-right: 20px!important;
        padding-left: 20px!important;
    }
    #header.sticky .top{
        width: 200px;
    }
    #header.sticky .bottom{
        width: calc(100% - 200px);
    }
    #header.sticky .wrapper-search .inner-search input {
        width: 55px;
    }


    .main-slider .slide-image .text {
        left: 50px;
    }
    .main-slider .slick-dots {
        margin-left: 50px;
    }

    #header .wrapper-menu-main li a{
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .wrapper-menu-sub ul li{
        padding: 18px 25px;
    }

    .wrapper-poster .main:before {
        right: -50px;
        bottom: -70px;
        width: 170px;
        padding-top: 170px;
    }
    #section-about-us{
        padding-top: 0px;
    }
    #section-about-us >.fp-tableCell{
        vertical-align: bottom;
    }
    #section-about-us .wrapper-poster .main {
        width: 350px;
        padding-top: 350px;
    }

    #section-quote #animation_container {
        height: 400px!important;
        margin-top: 50px;
    }
    #section-quote #animation_container #canvas {
        width: 550px!important;
        height: 400px!important;
    }
    #section-quote #animation_container #dom_overlay_container {
        height: 400px!important;
    }

    #section-about-us .wrapper-description h2{
        font-size: 30px;
    }
    #section-about-us .wrapper-description h3{
        font-size: 20px;
    }
    #section-about-us .wrapper-description .desc{
        line-height: 1.2rem;
    }
    #section-about-us .wrapper-description a.read-more{
        margin-top: 10px;
    }
    .wrapper-value .item-value{
        margin: 15px 0;
        margin-bottom: 0;
    }
    .wrapper-value .item-value .wrapper-icon {
        width: 100px;
        height: 100px;
    }
    .wrapper-value .item-value .wrapper-content .desc{
        line-height: 1.2rem;
    }

    #section-featured-project .wrapper-list-as-tab .tab-content{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #section-featured-project .section-title h3 {
        margin-top: 50px;
        margin-bottom: 0;
    }
    .list-project .card{
        margin-bottom: 10px;
    }
    .list-project .card .wrapper-img{
        height: 220px;
    }
    .list-project .card .card-body{
        padding: 10px;
    }
    .list-project .card .card-body h5.card-title{
        margin-bottom: 5px;
    }

    #section-news .section-title h3{
        margin-top: 50px;
    }
    #section-news .news-slider{
        margin-bottom: 10px;
    }
    .wrapper-list-news .list-news .card .card-body {
        padding: 10px;
    }

    .fields-operation-slider .slick-list{
        padding: 0 360px!important;
    }
    .fields-operation-slider button.slick-prev{
        left: 295px;
        top: 155px;
    }
    .fields-operation-slider button.slick-next{
        right: 295px;
        top: 155px;
    }

    .utilities-slider .slick-list{
        padding: 0 360px!important;
    }
    .utilities-slider button.slick-next{
        right: 295px;
        top: 155px;
    }
    .utilities-slider button.slick-prev{
        left: 295px;
        top: 155px;
    }

    .wrapper-organizational-chart > .before{
        top: -40px;
        left: 30px;
        width: 332px;
        height: 275px;
    }
    .wrapper-organizational-chart > .after{
        top: -40px;
        right: 30px;
        width: 332px;
        height: 275px;
    }
    .wrapper-organizational-chart img{
        max-height: 100%;
    }
    .wrapper-organizational-chart img{
        max-height: 450px;
    }

    .prize-slider button.slick-prev{
        left: 300px;
    }
    .prize-slider button.slick-next{
        right: 300px;
    }

    .wrapper-organizational-chart > .before .inner .wrapper-object-1{
        width: 170px;
        height: 170px;
        top: 20px;
        right: 30px;
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-1 .effect .bg{
        transform: scale(0.8, 0.8);
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-2{
        width: 130px;
        height: 130px;
        bottom: 5px;
        left: 7px;
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-2 .effect .bg{
        transform: scale(0.8, 0.8);
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-1{
        width: 170px;
        height: 170px;
        top: 10px;
        left: 9px;
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-1 .effect .bg{
        transform: scale(0.75, 0.75);
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-2{
        width: 130px;
        height: 130px;
        top: 5px;
        right: 7px;
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-2 .effect .bg{
        transform: scale(0.8, 0.8);
    }

    .section-about-value .wrapper-value> .bg{
        display: block;
        top: calc(50% - 200px);
        width: 400px;
        height: 400px;
    }

    .wrapper-news-detail{
        margin: 100px auto;
    }
    .wrapper-news-detail >h1.title{
        font-size: 2.2rem;
    }

    .section-news-related{
        padding-bottom: 85px;
    }
    .slider-news-related .slick-dots{
        bottom: -118px;
    }

    .section-info-contact{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-policy{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-position{
        margin-bottom: 90px;
    }

    .section-list-news{
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .section-investment-relation-content{
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .wrapper-quote-other{
        margin-bottom: 100px;
    }

    .wrapper-investment-relation-content .line >.content-detail {
        width: 50%;
        padding: 60px 50px 60px 100px;
    }

    .section-publish{
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .section-project {
        padding-top: 100px;
        padding-bottom: 10px;
    }

    .section-about-quickview{
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .wrapper-about-quickview .line >.content-detail {
        width: 70%;
        padding: 60px 50px 60px 100px;
    }

    .section-about-value{
        margin-top: 100px;
        margin-bottom: 185px;
    }

    .section-organizational-chart{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    body.disable-fullpage #section-footer .inner-section-footer .wrapper-partner{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-project-general,
    .section-project-location,
    #section-featured-news,
    #section-utilities{
        padding-top: 70px;
        padding-bottom: 70px;
    }


    #section-galerry{
        padding-top: 100px;
    }

    .wrapper-document{
        padding-bottom: 100px;
    }

    
}

@media (min-width:1280px) {
    .fields-operation-slider .item .wrapper-image img{
        max-height: 320px;
    }
    .utilities-slider button.slick-next{
        top: 185px;
    }
    .utilities-slider button.slick-prev{
        top: 185px;
    }

    .fields-operation-slider .slick-list{
        padding: 0 390px!important;
    }
    .fields-operation-slider button.slick-prev{
        left: 325px;
        top: 165px;
    }
    .fields-operation-slider button.slick-next{
        right: 325px;
        top: 165px;
    }
    #header .logo img{
        height: 75px;
    }
}

@media (min-width:1366px) {
    #header.sticky .top{
        width: 280px;
    }
    #header.sticky .bottom{
        width: calc(100% - 280px);
    }
    #header.sticky .wrapper-search .inner-search input {
        width: 120px;
    }

    #section-about-us > .fp-tableCell {
        vertical-align: middle;
    }
    #section-about-us .wrapper-description{
        margin-top: 50px;
    }

    .fields-operation-slider .slick-list {
        padding: 0 430px!important;
    }
    .fields-operation-slider button.slick-prev{
        left: 365px;
        top: 165px;
    }
    .fields-operation-slider button.slick-next{
        right: 365px;
        top: 165px;
    }
    .fields-operation-slider .item .wrapper-image img{
        max-height: 320px;
    }

    .utilities-slider button.slick-next{
        top: 205px;
    }
    .utilities-slider button.slick-prev{
        top: 205px;
    }
}

@media (min-width:1440px) {
    #section-about-us >.fp-tableCell{
        vertical-align: middle;
    }
    #section-about-us .wrapper-value{
        margin-top: 30px;
    }
    #section-about-us .wrapper-description {
        margin-top: 50px;
        padding-top: 0;
    }
    #section-about-us .wrapper-description h2{
        font-size: 50px;
    }
    #section-about-us .wrapper-description h3{
        font-size: 35px;
    }
    #section-about-us .wrapper-description .desc{
        line-height: 1.2rem;
    }
    #section-about-us .wrapper-description a.read-more{
        margin-top: 15px;
    }
    .wrapper-value .item-value{
        margin: 25px 0;
        margin-bottom: 15px;
    }
    .wrapper-value .item-value .wrapper-icon {
        width: 110px;
        height: 110px;
    }
    .wrapper-value .item-value .wrapper-content .desc{
        line-height: 1.2rem;
    }

    #section-quote #animation_container {
        margin-top: 50px;
    }

    #section-featured-project .wrapper-list-as-tab .tab-content{
        margin-top: 20px;
        margin-bottom: 5px;
    }
    #section-featured-project .section-title h3 {
        margin-top: 50px;
        margin-bottom: 0.5rem;
    }
    .list-project .card{
        margin-bottom: 15px;
    }
    .list-project .card .wrapper-img{
        height: 220px;
    }
    .list-project .card .card-body{
        padding: 1.85rem;
    }
    .list-project .card .card-body h5.card-title{
        margin-bottom: 0.75rem;
    }

    #section-news .section-title h3{
        margin-top: 50px;
    }
    #section-news .news-slider{
        margin-bottom: 36px;
    }
    .wrapper-list-news .list-news .card .card-body {
        padding: 1.85rem;
    }

    .utilities-slider button.slick-next{
        top: 235px;
    }
    .utilities-slider button.slick-prev{
        top: 235px;
    }
}

@media (min-width:1600px) {
    .container-fluid{
        padding-left: 150px;
        padding-right: 150px;
    }

    .main-slider .slide-image .text {
        left: 150px;
    }
    .main-slider .slick-dots {
        margin-left: 150px;
    }

    #section-about-us .wrapper-poster .main {
        width: 460px;
        padding-top: 460px;
        margin-top: 80px;
    }
    #section-about-us .wrapper-description{
        margin-top: 50px;
    }

    #section-quote #animation_container {
        height: 530px!important;
    }
    #section-quote #animation_container #canvas {
        max-width: 700px!important;
        width: 700px!important;
        height: 530px!important;
    }
    #section-quote #animation_container #dom_overlay_container {
        height: 530px!important;
    }

    .section-about-value .wrapper-value> .bg {
        top: calc(50% - 250px);
        width: 500px;
        height: 500px;
    }

    .fields-operation-slider button.slick-prev {
        top: 215px;
        left: 420px;
    }
    .fields-operation-slider button.slick-next {
        top: 215px;
        right: 420px;
    }
    .fields-operation-slider .slick-list {
        padding: 0 485px!important;
    }
    .fields-operation-slider .item .wrapper-image img{
        max-height: 400px;
    }

    .prize-slider .item.slick-current .wrapper-image {
        width: 408px;
        height: 408px;
    }
    .prize-slider .item .wrapper-image img {
        width: 400px;
        height: 400px;
    }
    .prize-slider .slick-list {
        padding: 0 400px!important;
    }
    .prize-slider button.slick-prev {
        left: 380px;
        top: 274px;
    }
    .prize-slider button.slick-next {
        right: 380px;
        top: 274px;
    }

    .wrapper-organizational-chart > .before{
        top: -40px;
        left: 30px;
        width: 432px;
        height: 375px;
    }
    .wrapper-organizational-chart > .after{
        top: -40px;
        right: 30px;
        width: 432px;
        height: 375px;
    }
    .wrapper-organizational-chart img{
        max-height: 100%;
    }

    .utilities-slider .slick-list{
        padding: 0 500px!important;
    }
    .utilities-slider button.slick-next{
        top: 205px;
        right: 435px;
    }
    .utilities-slider button.slick-prev{
        top: 205px;
        left: 435px;
    }

    .wrapper-organizational-chart > .before .inner .wrapper-object-1{
        width: 240px;
        height: 240px;
        top: 20px;
        right: 20px;
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-1 .effect .bg{
        transform: scale(1, 1);
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-2{
        width: 170px;
        height: 170px;
        bottom: 13px;
        left: 15px;
    }
    .wrapper-organizational-chart > .before .inner .wrapper-object-2 .effect .bg{
        transform: scale(1, 1);
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-1{
        width: 230px;
        height: 230px;
        top: 8px;
        left: 8px;
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-1 .effect .bg{
        transform: scale(1, 1);
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-2{
        width: 170px;
        height: 170px;
        top: 15px;
        right: 10px;
    }
    .wrapper-organizational-chart > .after .inner .wrapper-object-2 .effect .bg{
        transform: scale(1, 1);
    }

    #section-footer .inner-section-footer .wrapper-partner{
        padding-bottom: 30px;
    }

    .list-project .card .wrapper-img{
        height: 270px;
    }
}

@media (min-width:1900px) {
    #section-about-us .wrapper-poster .main:before{
        right: -80px!important;
        bottom: -80px!important;
        width: 280px!important;
        padding-top: 280px!important;
    }
    #section-about-us .wrapper-poster .main {
        width: 567px;
        padding-top: 567px;
    }
    #section-about-us .wrapper-description .desc{
        line-height: 1.5rem;
    }
    .wrapper-value .item-value .wrapper-icon {
        width: 125px;
        height: 125px;
    }
    .wrapper-value .item-value .wrapper-content .desc{
        line-height: 1.5rem;
    }

    .fields-operation-slider .slick-list {
        padding: 0 600px!important;
    }
    .fields-operation-slider button.slick-prev{
        left: 530px;
        top: 235px;
    }
    .fields-operation-slider button.slick-next{
        right: 530px;
        top: 235px;
    }
    .fields-operation-slider .item .wrapper-image img{
        max-height: 100%;
    }

    .prize-slider .slick-list {
        padding: 0 580px!important;
    }
    .prize-slider button.slick-prev {
        left: 545px;
    }
    .prize-slider button.slick-next {
        right: 545px;
    }

    .utilities-slider button.slick-next{
        top: 285px;
    }
    .utilities-slider button.slick-prev{
        top: 285px;
    }

    #section-quote #animation_container {
        height: 630px!important;
    }
    #section-quote #animation_container #canvas {
        max-width: 827px!important;
        width: 827px!important;
        height: 630px!important;
    }
    #section-quote #animation_container #dom_overlay_container {
        height: 630px!important;
    }

    .list-project .card .wrapper-img{
        height: 320px;
    }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}