/********************** RESET ******************/
@font-face {font-family:poppins,sans-serif; src: url(../fonts/Poppins-Light.ttf); font-weight: 300; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-LightItalic.ttf); font-weight: 300; font-style: italic; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-Regular.ttf); font-weight: 400; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-Italic.ttf); font-weight: 400; font-style: italic; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-Medium.ttf); font-weight: 500; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-MediumItalic.ttf); font-weight: 500; font-style: italic; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-SemiBold.ttf); font-weight: 600; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-SemiBoldItalic.ttf); font-weight: 600; font-style: italic; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-Bold.ttf); font-weight: 700; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-BoldItalic.ttf); font-weight: 700; font-style: italic; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-SemiBold.ttf); font-weight: 800; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-SemiBoldItalic.ttf); font-weight: 800; font-style: italic; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-Black.ttf); font-weight: 900; font-style: normal; }
@font-face {font-family: poppins,sans-serif; src: url(../fonts/Poppins-BlackItalic.ttf); font-weight: 900; font-style: italic; }


body { font-size: 16px; font-family: poppins,sans-serif; color: #464646; font-weight: 400; font-style: normal;}
a { color: #464646; }
a:hover { text-decoration: none; color: #286782; }
a:hover, a:focus { text-decoration: none;}
img { max-width: 100%; height: auto; object-position: center; object-fit: cover;}

h1.title { font-weight: 400; }
h2.title { font-size: 35px; font-weight: 700; margin-bottom: 30px; padding-bottom: 14px; position: relative;}
h2.title:before { content: ""; position: absolute; bottom: 0px; width: 100px; height: 3px; left: 0%; background-image: url(../images/icons/line.png); background-size: 100% 100%; }

.slick-prev, .slick-next { width: 30px; height: 30px;background-color: #286782; background-repeat: no-repeat; background-position: center; border-radius: 5px; box-shadow: 0px 3px 6px rgba(0,0,0,0.1); z-index: 10; background-size: 8px;}
.slick-next { right: -30px; }
.slick-prev { left: -30px; }
.slick-prev:hover, .slick-prev:focus { background-image: url("../images/icons/arrow-left.png"); background-repeat: no-repeat; background-position: center; background-color: #4dc7ec; background-size: 8px;}
.slick-next:hover, .slick-next:focus { background-image: url("../images/icons/arrow-right.png"); background-repeat: no-repeat; background-position: center; background-color: #4dc7ec; background-size: 8px;}
.slick-prev { background-image: url("../images/icons/arrow-left.png");}
.slick-next { background-image: url("../images/icons/arrow-right.png"); }
.slick-prev:before, .slick-next:before { content: none; }


/*BLOCK-NEWS*/
.block-new .link-news{ display: flex; flex-wrap: wrap; margin-bottom: 10px; align-items: flex-end; border: 1px solid #f1f1f1;}
.block-new .wrap-img { position: relative; width: 30%; padding-top: 30%; height: 0px; overflow: hidden;}
.block-new .wrap-img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center; transition: all ease 0.4s;}
.block-new .wrap-info { padding-left: 20px; width: 70%; margin-bottom: 5px;}
.block-new .wrap-info h4.title { color: #286782; font-size: 14px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.block-new .date-time { font-style: italic; font-size: 12px; }
.block-new .wrap-info .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.block-new .link-news:hover img { transform: scale(1.1) rotate(3deg); }

/*FORM*/

.form__contact-wrap .form-submit { position: relative; z-index: 10; }
.form__contact-wrap { display: flex; margin-right: -15px; margin-left: -15px; flex-wrap: wrap; }
.form__contact-wrap .form-group { padding-left: 15px; padding-right: 15px; width: 100%; margin-bottom: 30px;}
.form__contact-wrap .form-group .input { width: 100%; border: none; padding: 15px 20px; border: 1px solid #f1f1f1; background: transparent; outline: none; border-radius: 5px;}
.form__contact-wrap .wrap-submit { text-align: center; }
.form__contact-wrap .button-register { padding: 10px; background-color: #4dc7ec; font-weight: 600; outline: none; cursor: pointer; transition: all ease 0.6s; border: 1px solid transparent; color: #fff; width: 100%;}
.form__contact-wrap .button-register:hover { color: #4dc7ec; background-color: #fff; border-color: #4dc7ec;}

.section-form-project { background: url(../images/examples/background-whyus.jpg) no-repeat center center; background-size: cover; position: relative; padding-top: 60px; padding-bottom: 30px; color: #fff;}
.section-form-project .basic-title { color: #fff; font-size: 25px; font-weight: bold; margin-bottom: 20px;}
.section-form-project .description { margin-bottom: 40px; }
.section-form-project .form__contact-wrap { display: flex; margin-right: -15px; margin-left: -15px; flex-wrap: wrap; }
.section-form-project .form__contact-wrap .form-group { padding-left: 15px; padding-right: 15px; width: 27%; position: relative;}
.section-form-project .form__contact-wrap .form-group .input { width: 100%; padding: 10px 15px; border-radius: 5px; color: #fff; padding-left: 30px;}
.section-form-project .form__contact-wrap .form-group .input::placeholder { color: #fff;  }
.section-form-project .form__contact-wrap .wrap-submit { width: 19%; }
.section-form-project .form__contact-wrap .wrap-submit .submit { width: 100%; padding: 10px 15px; background-color: #fff; border: 1px solid transparent; border-radius: 5px; transition: all ease 0.6s; cursor: pointer;}
.section-form-project .form__contact-wrap .wrap-submit .submit:hover { background-color: #4dc7ec; border: 1px solid #fff; }
.section-form-project .form__contact-wrap .form-group i{position: absolute; top: 23px; left: 25px; transform: translateY(-50%); font-size: 13px; }


/*//DETAIL PROJECT*/

section.breadcrumb { background-color: #4dc7ec; color: #fff; margin-bottom: unset;}
section.breadcrumb a { color: #fff; }

.accordion-collapse { display: flex; align-items: center; flex-wrap: wrap;}
.accordion-collapse .component-left { width: 100%;}
.accordion-collapse .component-right { width: 100%; border: 1px solid #1B1819; }
.accordion-collapse .component-left .item-floor { font-weight: bold; text-transform: uppercase; text-align: center; margin-right: 5px; border: 1px solid transparent;}
.accordion-collapse .component-left .item-floor.active { border-color: #1B1819;}
.accordion-collapse .component-left .item-floor a:before { position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background-color: #fff; content: ''; opacity: 0; transition: all ease 0.4s;}
.accordion-collapse .component-left .item-floor.active a { color: #ff822f; }
.accordion-collapse .component-left .item-floor.active a:before { opacity: 1; }
.accordion-collapse .component-left .item-floor a { padding: 15px 20px; display: block; position: relative;}
.accordion-collapse .list-detail-floor .item-detail .item-detail-inner { display: flex; padding: 20px; align-items: center;}
.accordion-collapse .list-detail-floor .item-detail .left { width: 30%; }
.accordion-collapse .list-detail-floor .item-detail .left div span { font-weight: bold; margin-right: 10px; font-size: 18px;}
.accordion-collapse .list-detail-floor .item-detail .left .info { margin-top: 20px; }
.accordion-collapse .list-detail-floor .item-detail .right { width: 70%; }
.list-info-floor { display: flex; list-style: none; padding-left: unset; margin-bottom: 0;}

.policy { padding: 60px 0; }
.policy__inner { display: flex; flex-wrap: wrap;}
.policy__left { width: 50%; padding-right: 30px;}
.policy__right { width: 50%; }
.policy__right .section-form-project .form__contact-wrap .form-group { width: 100%; }
.policy__right .section-form-project { border-radius: 10px; }
.policy__right .section-form-project .basic-title { text-align: center; margin-bottom: 30px;}
.policy__left .sub-title { font-weight: 600; margin-bottom: 30px;}
.policy__left ul { padding-left: unset; margin-bottom: 0; list-style: none;}
.policy__left ul li { position: relative; margin-bottom: 10px; padding-left: 20px; font-style: italic; font-size: 18px;}
.policy__left ul li:before{content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 0; }
.policy__right .section-form-project { padding: 30px; }


section.related-news { padding: 50px 0px; background: url(../images/project/bg-submenu.png) repeat center center;}
section.related-news .main-title { font-size: 25px; font-weight: 600; margin-bottom: 30px; }
section.related-news .list-news { display: flex; flex-wrap: wrap; margin: -10px; padding-left: unset; list-style: none;}
section.related-news .list-news .block-new { width: 50%; padding: 10px;}

@keyframes zoomIn {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}


@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
}
@keyframes "headerAnimation" {
    0% { margin-top: -70px; }
    100% { margin-top: 0; }
}

.social-button{display: inline-grid; position: fixed; bottom: 15px; left: 45px; min-width: 45px; text-align: center; z-index: 99999; }
.social-button-content{display: inline-grid; } .social-button a {padding:8px 0;cursor: pointer;position: relative;}
.social-button i{width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.social-button span{display: none; }
.alo-circle {animation-iteration-count: infinite; animation-duration: 1s; animation-fill-mode: both; animation-name: zoomIn; width: 50px; height: 50px; top: 3px; right: -3px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }
.alo-circle-fill {animation-iteration-count: infinite; animation-duration: 1s; animation-fill-mode: both; animation-name: pulse; width: 60px; height: 60px; top: -2px; right: -8px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; background-color: rgba(0, 175, 242, 0.5); opacity: .75; }
.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{display: block}
.social-button a span {border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 9px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; } .social-button a span:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; }
.bottom-contact{display:none}


.news__inner { display: flex; flex-wrap: wrap; justify-content: center;}
.news__list { display: flex; flex-wrap: wrap; padding-left: unset; list-style: none; margin-bottom: 0;}
.news__left { width: 66.67%;}
.news__right { width: 33.33%; }
.news__list-item.big a { padding: unset; }
.news__list-item a { display: flex; flex-wrap: wrap; align-items: flex-end; position: relative; border-bottom: 1px solid #e4e4e4; padding: 15px 0;}
.news__list-item.big .wrap-img { width: 100%; padding-top: 62%;}
.news__list-item.big .wrap-info { width: 100%; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.75); padding: 10px 15px;}
.news__list-item .wrap-img { position: relative; width: 35%; position: relative; padding-top: 35%; overflow: hidden;}
.news__list-item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all ease 0.5s;}
.news__list-item .wrap-info { flex: 1; padding-left: 10px; padding-bottom: 5px;}
.news__left .news__list-item { width: 50%;}
.news__right .news__list-item { width: 100%; }
.news__list-item { padding: 0 10px; }
.news__list-item:last-child a, .news__list-item:nth-child(7) a { border-bottom: unset; }

.news-home { padding: 40px 0;}
.news__list-item.big .title { font-size: 18px; color: #fff;}
.news__list-item .title{-webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; font-size: 16px; font-weight: 500; line-height: 1.4; overflow: hidden; color: #194350;}
.news__list-item .date { font-size: 13px; color: #D0D0D0; }
.news__list-item a:hover .title{ color: #4481eb; }

.news__list-item.big .wrap-img:before { content: ''; left: 50%; right: 50%; top: 50%; bottom: 50%; border: 1px solid #fff; position: absolute; transition: all ease 0.5s; z-index: 3;}
.news__list-item a:hover .wrap-img:before{ left: 5px; right: 5px; bottom: 5px; top: 5px; }
.news__list-item a:hover .wrap-img img { transform: scale(1.1); }
.news__list-item:first-child a { padding-top: unset; }
.news__right .news__list-item .wrap-img { padding-top: 23%; }

.tyle-location__inner { padding: 40px 0; }
.tyle-location__list { display: flex; flex-wrap: wrap; margin: -15px;}
.tyle-location__list-item { width: 33.33%; padding: 15px; }
.tyle-location__list-item a { display: block; position: relative; }
.tyle-location__list-item a:before { content: ''; left: 0; right: 0; top: 0; bottom: 0; position: absolute; background-color: rgba(0,0,0,0.6); z-index: 1;}
.tyle-location__list-item a:after { content: ''; top: 50%; right: 50%; left: 50%; bottom: 50%; border: 1px solid #fff; position: absolute; z-index: 1; transition: all ease 0.6s;}
.tyle-location__list-item a .wrap-info { position: absolute; top: 50%; left: 10px; right: 10px; transform: translateY(-50%); text-align: center; z-index: 5; color: #fff; }
.type { font-size: 20px; }
.location { font-size: 30px; font-weight: 700; }
.tyle-location__list-item a .wrap-image { position: relative; overflow: hidden; }
.tyle-location__list-item a .wrap-image img { transition: all ease 0.6s; }
.tyle-location__list-item a:hover .wrap-image img{ transform: rotate(5deg) scale(1.2); }
.tyle-location__list-item a:hover:after { left: 10px; right: 10px; top: 10px; bottom: 10px; }


.header { position: fixed; position: -webkit-fixed; top: 0; z-index: 111; overflow: unset; background: url(../images/project/bg-submenu.png) repeat; width: 100%; box-shadow: 0 2px 10px rgba(0,0,0,.25);}
.header .navbar { padding: 0;}
.header .logo .img { width: 130px; z-index: 1; transition: all ease .4s; max-height: 100px; object-fit: contain; border: 3px solid #F7B935; padding: 5px; margin-bottom: -25px; background-color: #fff;}
.header .navbar .navbar-collapse { position: relative; padding: 5px 0; transition: all ease .4s; display: flex; justify-content: space-between;}
.header .navbar .navbar-collapse .navbar-nav { width: 100%; justify-content: center; flex: 1; }
.header .nav-link { color: #004860; padding: 8px 15px; display: flex; align-items: center; line-height: 1; text-transform: uppercase; font-weight: 600;}
.header.sticky .navbar .collapse { padding: 15px 0; }
.header .navbar .nav-link i { font-size: 9px; padding-right: 2px;}
.header .phone-contact { background-color: #004860; color: #fff; padding: 10px 15px; border-radius: 20px; }
.header .phone-contact:hover { color: #D4CAA6; }
.header .nav-link:hover, .header .nav-link.active { color: #F7B935;}
.header .nav-item:last-child .nav-link { padding-right: unset; }


.header .nav-button-bar { display: none; }
.header .header__inner { display: flex; padding: 5px 0; align-items: center; justify-content: space-between;}
.header .header__inner .navbar-nav { flex-direction: row; }
.nav-button-bar {background-color: #5E000F; width: 66px; height: 132px; position: absolute; top: 0; right: 46.5px; padding: 43px 16px; -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; }
.nav-button-bar .navbar-toggler {outline: none; width: 33px; height: 23px; padding: unset; }
.nav-button-bar .navbar-toggler .wrap-line {position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
.nav-button-bar .navbar-toggler .wrap-line .line {-webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; position: absolute; left: 0; bottom: 0; height: 1px; background: #fff; display: block; }
.nav-button-bar .navbar-toggler .wrap-line .line:nth-of-type(1) {top: 0; width: 100%; }
.nav-button-bar .navbar-toggler .wrap-line .line:nth-of-type(2), .nav-button-bar .navbar-toggler .wrap-line .line:nth-of-type(3) {top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin-left: auto; }
.nav-button-bar .navbar-toggler .wrap-line .line:nth-of-type(4) {bottom: 0px; width: 100%; margin-left: auto; }
.nav-button-bar .navbar-toggler:not(.collapsed) .line:nth-of-type(1) {left: 50%; right: 50%; width: unset; }
.nav-button-bar .navbar-toggler:not(.collapsed) .line:nth-of-type(2) {-webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
.nav-button-bar .navbar-toggler:not(.collapsed) .line:nth-of-type(3) {-webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
.nav-button-bar .navbar-toggler:not(.collapsed) .line:nth-of-type(4) {left: 63%; right: 37%; width: 0; }

.overview-project { padding: 60px 0; position: relative;}
.overview-project:before { top: 0; left: 0; content: ''; background: url(../images/examples/bf-tq.png) no-repeat center center; background-size: contain; width: 600px; height: 311px; position: absolute; }
.overview-project__inner { display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.overview-project__left { width: 50%; padding-right: 30px;}
.overview-project__right { width: 50%; padding-left: 30px;}
.overview-project__left .inner ul  { padding-left: unset; margin-bottom: unset; list-style: none; display: block; line-height: 1.6; position: relative; width: 100%; font-size: 14px;}
.overview-project__left .inner ul li { margin-bottom: 10px; position: relative;}
.overview-project__left .inner ul li i { margin-right: 5px; }
.overview-project__right .link { display: block; position: relative; }
.overview-project__right .link .icon-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgba(0,0,0,.5); border-radius: 50%; padding: 10px; transition: all .3s; width: 80px; }
.overview-project__right .link:hover .icon-play{ background-color: rgba(255,255,255,.3) }
.btn-registration{background-color: #ffdb8f; box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23); color: #fff; margin-top: 20px; padding: 12px 20px; transition: all .5s;}
.btn-registration .svg-icon { margin-right: 8px; }
.btn-registration span { font-weight: 500; text-transform: uppercase; }
.btn-registration:hover { background-color: #194350; color: #ffdb8f; }
.btn-registration:hover svg path { fill: #ffdb8f; }
.overview-project__left .heading .des { margin-bottom: 30px; }
.overview-detail table tr td:first-child { font-weight: 600; }
.overview-detail table tr td { padding-bottom: 10px; }
.overview-project__right .list-image { display: flex; flex-wrap: wrap; margin: -10px; padding-left: unset; list-style: none;}
.overview-project__right .list-image .item { width: 100%; padding: 10px; }
.overview-project__right .list-image .item .link:hover .wrap-img img { transform: scale(1.1) rotate(3deg); }
.overview-project__right .list-image .item .wrap-img img { transition: all ease 0.4s; }
.overview-project__right .list-image .item .wrap-img { position: relative; overflow: hidden; border: 3px solid #D4CAA6; border-radius: 17px;}

.sunshine-sections .section-location { background: #1e2842; position: relative; padding-top: 100px; padding-bottom: 100px;}
.sunshine-sections .section-location:before { opacity: .07; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-image: url(../images/favicon.svg); background-position: calc(100% + 10px) calc(100% + 50px); background-size: 300px; background-repeat: no-repeat; }
.basic-title { color: #fff; margin-bottom: 5px; }
.basic-sub-title { font-size: 28px; color: #c99232; font-family: 'SVN'; margin-bottom: 20px; }
.wrap-location-line .list-zones { margin: 0; list-style-type: none; padding-left: unset;}
.wrap-location-line .list-zones .item-zone { display: flex; }
.wrap-location-line .list-zones .item-zone .time { width: 25%; padding-right: 25px; position: relative; text-align: right; }
.wrap-location-line .list-zones .item-zone .time:before { position: absolute; right: -9px; top: 5px; width: 15px; height: 15px; border-radius: 50%; background: #c99232; content: ""; }
.wrap-location-line .list-zones .item-zone .list-locations { width: 75%; padding-left: 30px; border-left: 2px solid #c99232; margin-bottom: 0px; padding-bottom: 30px; list-style: none;}
.wrap-location-line .list-zones .item-zone .list-locations .item-location { margin-bottom: 8px; }

.location-project{ background: url(../images/project/bg-submenu.png) repeat center center; padding: 60px 0; }
.location-project__inner { display: flex; flex-wrap: wrap;}
.location-project__left { width: 58%; padding-right: 30px;}
.location-project__right { width: 42%; }
.location-project__left .wrap-content { text-align: justify; margin-bottom: 20px;}


.utilities { background: url(../images/examples/background-whyus.jpg) no-repeat center center; background-size: cover; position: relative; padding: 60px 0; }
.utilities h2.title { color: #fff; margin-bottom: 20px;}
.utilities .heading { margin-bottom: 40px; }
.utilities .heading .wrap-content { color: #fff; }
.utilities__list { display: flex; flex-wrap: wrap; list-style: none; padding-left: unset; margin: -8px;}
.utilities__list-item { width: 25%; padding: 8px; }
.utilities__list-item .wrap-img { border: 2px solid #D4CAA6; position: relative; height: 0; padding-top: 100%; overflow: hidden; border-radius: 10px;}
.utilities__list-item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06); transition: all ease 0.6s;}
.utilities__list-item .wrap-info { position: absolute; top: 70%; left: 5px; right: 5px; text-align: center; transform: translateY(-50%); z-index: 2; color: #fff; font-size: 16px; font-weight: 600; opacity: 0; transition: all ease 0.4s; text-transform: uppercase;}
.utilities__list-item a { display: block; position: relative; border-radius: 10px; overflow: hidden;}
.utilities__list-item a:before { content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #000000; opacity: 0; position: absolute; transition: all ease 0.4s;}
.utilities__list-item a:hover:before { opacity: 0.6; z-index: 1;}
.utilities__list-item a:hover .wrap-info{ top: 50%; opacity: 1; }
.utilities__list-item a:hover img { transform: scale(1.1) rotate(3deg); }

.flat-project { position: relative; padding: 60px 0; }
.flat-project .wrap-content { margin-bottom: 40px; }

.btn-registration{background-color: #D4CAA6; box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23); margin-top: 20px; padding: 10px 20px; transition: all .5s;}
.btn-registration .svg-icon { margin-right: 8px; width: 25px;}
.btn-registration span { font-weight: 500; text-transform: uppercase; }
.btn-registration:hover { background-color: #194350; color: #D4CAA6; }
.btn-registration:hover svg path { fill: #D4CAA6; }

.button-seemore {background-color: #ffdb8f; border-radius: 2px; color: #194350; display: inline-block; font-size: 17px; margin: 20px auto 0; max-width: 80%; overflow: hidden; padding: 10px 20px; position: relative; text-align: center; min-width: 130px; transition: all ease 0.4s; border: 1px solid transparent;}
.button-seemore:hover { background-color: #194350; color: #ffdb8f; }


.design-project { position: relative;}
.design-project:before{ top: 0; right: 0; content: ''; background: url(../images/examples/bf-tq-2.png) no-repeat center center; background-size: contain; width: 600px; height: 311px; position: absolute; }
.design-project .accordion-collapse .component-right { border-color: #1B1819; flex-grow: 1; flex-basis: 0; width: unset;}
.design-project .accordion-collapse .component-left { width: 200px; }
.design-project .accordion-collapse .component-left .item-floor { width: 100%; margin-right: unset; margin-bottom: 5px; border-bottom: 1px solid transparent; border-right: unset;}
.design-project .accordion-collapse .component-left .item-floor.active { border-color: #1B1819; }
.design-project .accordion-collapse .component-left .item-floor a:before { bottom: 0;  top: 0; left: unset; right: -2px ; width: 2px; height: 100%;}
.design-project .list-info-floor { flex-wrap: wrap; padding-left: unset; margin-bottom: 0; list-style: none;}
.list-detail-floor { padding-left: unset; margin-bottom: 0; list-style: none; }



.menu-scroll {position: fixed; right: calc((100vw - 720px)/2); top: 0; color: #000000; text-transform: uppercase; font-weight: bold; padding: 15px; border-top-left-radius: 15px; z-index: 10;  display: none;}
.menu-scroll.menu-home .link-menu{ position: absolute; transform: translateX(100%); margin-bottom: 0; padding-left: unset; -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; left: -100%; top: 50px; background: #fff; padding: 30px 15px; box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.4); width: 300px; border-radius: 20px;}
.menu-scroll .nav-icon {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.menu-scroll .nav-icon img {width: 31px; margin-right: 10px; -o-object-fit: contain; object-fit: contain; }
.menu-scroll .button-close {position: absolute; top: 15px; left: 15px; width: 15px; cursor: pointer; opacity: 0; pointer-events: none; z-index: 15; }
.menu-scroll .navbar-nav {margin-bottom: unset; padding: 60px 30px 30px 30px; }
.menu-scroll .navbar-nav a {color: #000000; text-transform: uppercase; font-size: 16px; font-weight: bold; display: block; }
.menu-scroll .navbar-nav a:hover {text-decoration: underline; }
.menu-scroll.show .nav-icon {opacity: 0; height: 0; }
.menu-scroll.menu-home.show .link-menu { transform: unset; list-style: none; }
.menu-scroll.menu-home.show .button-close { opacity: 1; pointer-events: inherit; }

.button { display: inline-block; background-color: #FEE6B4; color: #004860; font-weight: bold; padding: 12px 25px; text-transform: uppercase; font-size: 16px; border-radius:5px; }

.slider-top { overflow: hidden; position: relative;}
.slider-top__list { margin-bottom: 0; padding-left: unset; list-style: none; }
.slider-top__list { outline: none; }
.slider-top__list-item .wrap-img img { width: 100%; height: 100vh; }
.slider-top .wrap-info { position: absolute; top: 55%; right: calc((100vw - 1140px)/2); transform: translateY(-50%); max-width: 350px;}
.slider-top .wrap-info .heading { background-color: rgba(30,28,20,0.6); border-radius: 5px; padding: 20px 15px; text-align: right; color: #fff;}
.slider-top .wrap-info .title { font-size: 16px; line-height: 1.4; text-transform: uppercase;}
.slider-top .wrap-info .title span { font-weight: 600; }
.slider-top .wrap-info .location { font-weight: 400; font-style: italic; font-size: 14px; margin-bottom: 0;}
.slider-top .wrap-info .wrap-button { text-align: right; margin-top: 20px; }
.slider-top .wrap-info .section-form-project .form__contact-wrap .form-group { width: 100%; }
.slider-top .section-form-project .basic-title { font-size: 18px; color: #fff;}
.slider-top .section-form-project .form__contact-wrap .form-group .input { border-color: #fff; color: #fff;}
.slider-top .section-form-project .form__contact-wrap .form-group .input::placeholder { color: #fff; }
.slider-top .section-form-project { background: rgba(30,28,20,0.6); }
.slider-top .section-form-project .form__contact-wrap .form-group { color: #fff; }
.slider-top .section-form-project .form__contact-wrap .wrap-submit .submit { background: #FEE6B4; }
.slider-top .section-form-project { padding-top: 0; padding-bottom: 0; }

.why-us { background: url(../images/examples/background-whyus.jpg) no-repeat center center; background-size: cover; position: relative; padding: 60px 0; }
.why-us__list { display: flex; flex-wrap: wrap; padding-left: unset; margin-bottom: 0; list-style: none; color: #fff; margin: -20px;}
.why-us__list-item { width: 25%; text-align: center; padding: 20px;}
.why-us__list-item .number{ padding-bottom: 15px; font-size: 24px; text-transform: uppercase; font-weight: 600;}
.why-us__list-item .title { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px;}
.why-us__list-item .detail { text-align: justify; }
.why-us .heading .title { color: #fff; }

.wrap-location-line .list-zones .item-zone .list-locations .item-location img { width: 15px; margin-right: 5px; }

.section-footer {font-size: 13px; background: url(../images/examples/background-whyus.jpg) no-repeat center center; background-size: cover; padding-top: 60px; padding-bottom: 20px; color: #fff; }
.section-footer h4 { font-size: 13px; }
.section-footer a {color: #fff; }
.section-footer a:hover {color: #ff4b43; }
.section-footer .logo-container { display: block; width: 150px; }
.section-footer .logo {width: 100%; object-fit: contain; margin-top: -20px;}
.section-footer .submit-form {margin-bottom: 40px; }
.section-footer .submit-form .group-input {position: relative; }
.section-footer .submit-form .input {background: transparent; border: none; outline: none; border-bottom: 1px solid #fff; width: 100%; padding: 8px 40px 8px 0; color: #fff; } .section-footer .submit-form .btn-submit {position: absolute; background: transparent; right: 0; border: none; outline: none; padding: 8px 0; }
.section-footer .submit-form .btn-submit > img {width: 27px; transition: all ease 0.4s; }
.section-footer .submit-form .btn-submit:hover > img {transform: translateX(5px); }
.section-footer .divider {width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; background: #fff; }
.section-footer .list-term {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.section-footer .list-term .item {padding-left: 10px; padding-right: 10px; }
.section-footer .copyright {color: #929292; }
.section-footer .socials .icon {width: 20px; height: 20px; object-fit: contain; object-position: center;}
.section-footer .socials{display: flex; list-style-type: none; margin: 0 -15px; padding: 0; }
.section-footer .socials > li { padding: 0 15px; }
.section-footer .list-link .item a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 7px;}

.page-single-content__inner { display: flex; padding-top: 20px; padding-bottom: 50px;}
.page-single-content__left { flex: 1; }
.page-single-content__right { width: 330px; padding-left: 30px;}
.page-single-content__right .section-form-project { margin-bottom: 50px; }
.page-single-content__right .section-form-project .form__contact-wrap .form-group { width: 100%; }
.page-single-content__right .section-form-project .form__contact-wrap .wrap-submit { width: 100%; }
.page-single-content { padding-top: 140px; }
.page-single-content__left h2.title:before { content: none; }
.page-single-content__inner h1.title { font-size: 27px; margin-bottom: 5px; font-weight: bold;}
.page-single-content__left .date { margin-bottom: 25px; }
.page-single-content__right h2.title { margin-bottom: 30px; font-size: 30px;}

.breadcrumb { font-size: 14px; margin: -10px; margin-top: 15px; color: #004860; background: transparent; padding: 0;}
.breadcrumb a { color: #004860; padding-right: 5px;}
.breadcrumb span { padding: 0 5px;  }

.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}
.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;max-width: 100%;}
.wp-caption img{border:0 none;padding:0;margin:0;height: auto;}
.wp-caption p.wp-caption-text{line-height:1.5;font-size:10px;margin:0}
.wp-smiley{margin:0!important;max-height:1em}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}
.centered{float:none;margin-left:auto;margin-right:auto}
img{max-width:100%;height: auto;}
input{outline:none}
button{outline:none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.h1, .h2, h1, h2 { font-size: 24px; }
.h3, h3 { font-size: 20px; }
.h4, h4 { font-size: 18px; }
.h5, h5 { font-size: 16px; }
.page-single-content__left .thumnail { margin-bottom: 20px; }
.section-footer .list-link { margin-top: 30px; justify-content: center; margin-bottom: unset; list-style: none; padding-left: unset;}
.news__list-related { padding-left: unset; margin-bottom: 0; list-style: none; }


.mobile-menu {pointer-events: none; pointer-events: inherit; }
.mobile-menu__box {width: 320px; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; z-index: 999; }
.mobile-menu__overlay {position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; }
.mobile-menu__inner {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; position: relative; }
.mobile-menu__inner .logo {display: block; text-align: center; padding: 25px 10px; margin: auto; max-width: 80%; }
.mobile-menu__inner .navbar-nav {display: block; }
.mobile-menu__inner .navbar-nav .nav-item {padding: 10px; }
.mobile-menu__inner .navbar-nav .nav-item.active {background-color: #fff; position: relative; }
.mobile-menu__inner .navbar-nav .nav-item.active .nav-link {position: relative; color: #fff; }
.mobile-menu__inner .navbar-nav .nav-item.active:before {position: absolute; top: 0; left: 0; content: ""; width: 4px; bottom: 0px; }
.mobile-menu__inner .navbar-nav .nav-item .nav-link {padding: 10px 20px; text-transform: uppercase; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }
.mobile-menu__close-button {position: absolute; top: 0; right: 100%; width: 36px; height: 36px; line-height: 36px; font-size: 20px; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; cursor: pointer; }


.footer__list { display: flex; flex-wrap: wrap; margin: -15px;}
.footer__item { width: 33.3%; padding: 15px;}
.footer__item .contact { display: flex; justify-content: space-between; }
.footer__item:first-child { align-self: center; }

#popup-alert {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(46,46,46,0.85); z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-alert.open {opacity: 1; visibility: visible; }
#popup-alert .component-inner {width: 500px; max-width: 90%; max-height: 95%; margin: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: auto; }
#popup-alert .component-inner .component-info {background: #194350; position: relative; border-radius: 20px; overflow: hidden; }
#popup-alert .component-inner .component-info .form-contact {max-width: unset; position: relative; padding: 30px; }
#popup-alert .component-inner .component-info .form-contact .group-heading {text-align: center; }
#popup-alert .component-inner .close-button {position: absolute; top: 30px; right: 30px; width: 20px; height: 20px; cursor: pointer; }
#popup-alert .component-inner .component-info .form-contact .group-heading {max-width: 438px; margin: auto; padding-bottom: 31px; }
#popup-alert .component-inner .component-info .form-contact .group-heading img {margin-bottom: 7px; width: 110px; background-color: #fff; border-radius: 50%;}
#popup-alert .component-inner .component-info .form-contact .group-heading .sub-title {font-size: 22px; font-weight: 600; color: #ffdb8f; margin-bottom: 15px; }
#popup-alert .component-inner .component-info .form-contact .group-heading .title {font-size: 27px; font-weight: 600; color: #ffdb8f; margin-bottom: 15px; }
#popup-alert .component-inner .component-info .form-contact .group-heading .description {color: #ffdb8f; }
#popup-alert .form-register__inner .form-group label.error  { color: #dc3545; }
#popup-alert h2.title:before { content: none; }
#popup-alert .section-form-project { background: none; padding: unset; }
#popup-alert .section-form-project .form__contact-wrap .form-group { width: 100%; }