/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 14px; margin: 0; padding: 0 4px 5px; }
/*End core*/
.editor-content img { max-width: 100%; height: auto; }
.editor-content img.media-object { max-width: none; }
.editor-content h2, .editor-content h3, .editor-content h4 { font-weight: 700; color: #000; }
.editor-content h4 { font-size: 16px; }
.editor-content h3 { font-size: 18px; }
.editor-content h2 { font-size: 20px; color: #ed1c24;}


#header .wrapper-menu-main li a{text-transform: uppercase;}
.wrapper-icon{}
.wrapper-value .item-value .wrapper-icon{padding: 12px;}
.wrapper-value .col-12 .row .col-12:nth-child(1) .wrapper-icon{padding: 0px;}
.wrapper-value .col-12 .row .col-12:nth-child(3) .wrapper-icon{padding: 24px;}

.wrapper-pagination ul.pagination li a,
.wrapper-pagination ul.pagination li span{
	position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #acacac;
}
.wrapper-pagination ul.pagination li span
{
	border-color: #f04e23;
    color: #f04e23;
    background: none;
}
.wrapper-list-news .list-news{width: 100%;}
.select2-results__option{white-space: nowrap;}
.wrapper-about-quickview .line .content-detail .desc-detail blockquote{font-size: 35px; font-style: italic; color: #0e3178; padding-left: 35px;     line-height: 1.2em; quotes: '\201c' '\201d'; font-family: 'sans-serif'; position: relative;}
.wrapper-about-quickview .line .content-detail .desc-detail blockquote:before{content: open-quote;    font-size: 2em;    margin-left: -35px; position: absolute;}
.wrapper-about-quickview .line .content-detail .desc-detail blockquote:after{content: close-quote; font-size: 2em;     position: absolute;bottom: -5px; display: none;}


.section-padding {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px; margin-bottom: 0px;
}

.section-padding .section-title h3{
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 25px;
    color: #005f97;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.single-project-page #fullpage section{background-color: #ebebeb !important;}
.single-project-page #fullpage section:nth-child(odd){background-color: #fff !important;}
.section-project-general-right {}


.library-slide .item{position: relative; display: block;}
.library-slide .item .thumb{position: relative; transition: all 300ms ease; margin-bottom: 3%; height: 0px; padding-top: 90%; }
.library-slide .item .thumb:before{content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.library-slide .item.slick-active{z-index: 2;}
.library-slide .item.slick-active .thumb:before{background: transparent;}

.library-slide .item  h4{font-size: 18px; font-weight: 500; margin: 0px; color: #bed631;  text-transform: none; text-align: center;}
.library-slide .item:not(.slick-active) .thumb{transform: scale(0.9);}
.library-slide .item:not(.slick-active) h4{display: none;}
.library-slide .item{padding: 30px 0px 0px;}
.library-slide .item.slick-active .thumb{    transform: scale(1.12);}
.library-slide .item.slick-active .thumb img{border-radius: 20px;}

.library-slide .item.next .thumb:before{
  background: rgba(0,0,0,0.8);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
    background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.library-slide .item.prev .thumb:before{
  background: rgba(0,0,0,0.8);
background: -moz-linear-gradient(270deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
background: linear-gradient(270deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 30%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


.library-slide .item.slick-active.next .thumb:before{background: transparent;}

#section_video.library-slide .item.slick-active .thumb{   transform: scale(1);}

#section-progress .inner-info{padding-top: 10px;}
#section-progress .info-title{
    font-weight: bold;    color: #000000;    font-size: 1rem;    -webkit-line-clamp: 2;    height: 2.5em;
}

.library-slide .item h4 {
    font-family: 'Mulish';
    font-weight: bold;
    font-size: 20px;
    color: #f04e23;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.library-slide .slick-slider{ margin-bottom: 0px;}
.library-slide .slick-prev,
.library-slide .slick-next,
#document .slick-prev,
#document .slick-next{width: 70px; height: 32px; }
.library-slide .slick-prev:before,
.library-slide .slick-next:before,
#document .slick-prev:before,
#document .slick-next:before{display: none;}

.library-slide .slick-prev,
#document .slick-prev{left: 18%;;  z-index: 2; background: url('../images/arrow-left.svg') no-repeat center center;}
.library-slide .slick-next,
#document .slick-next{right: 18%; background: url('../images/arrow-right.svg') no-repeat center center;}
.library-slide .slick-prev:hover,
#document .slick-prev:hover{background: url('../images/arrow-left-hover.svg') no-repeat center center; }
.library-slide .slick-next:hover,
#document .slick-next:hover{background: url('../images/arrow-right-hover.svg') no-repeat center center;}

#section_video.library-slide .items{padding-top: 0px;}
#section_video .item img{margin: 0px auto;}
#section_video .item .thumb:after{content: "\f04b"; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 90px; height: 90px; 
    text-align: center; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; background: #fff; border-radius: 50%; color: #f04e23;
    line-height: 90px; text-indent: 7px; font-size: 32px;
}
#section_video.no-scale .item.slick-active .thumb{    transform: scale(1); padding-top: 0px; height: auto;}
#section_video .item:hover .thumb:after{background: #f04e23; color: #fff;}
#section_video .item{opacity: 0;}
#section_video .item .thumb{margin-bottom: 20px; padding-top: 0px;}
#section_video .item.slick-active{opacity: 1;}
#section_video .slick-prev{left: 15px;  z-index: 2; background: url('../images/arrow-left-hover.svg') no-repeat center center;}
#section_video .slick-next{right: 15px; background: url('../images/arrow-right-hover.svg') no-repeat center center;}

#section_promotion{position: relative;}
#section_promotion .section-content{position: absolute; left: 0px; top: 0px; height: 100%; width: 33.3333333%;  background: rgba(20,95,145,0.9); padding: 45px 100px; z-index: 3; display: flex; align-items: flex-end;}
#section_promotion .section-content .inner{color: #fff;}
#section_promotion .section-content .section-title{color: #fff; }
#section_promotion.library-slide .items{padding-top: 0px; margin-bottom: 0px;}
#section_promotion.library-slide .item{height: 0px; padding-top: calc(100vh -  60px );}
#section_promotion .item:hover .thumb:after{background: #f04e23; color: #fff;}
#section_promotion .item{opacity: 0;}
#section_promotion .item .thumb{margin-bottom: 20px; padding-top: 0px;}
#section_promotion .item.slick-active{opacity: 1;}
#section_promotion .dots .slick-dots{    position: static; text-align: left;}
#section_promotion .slick-dots li {margin-left: 0px; width: 10px; height: 10px; margin-right: 25px;}
#section_promotion .slick-dots li button{width: 10px; height: 10px; background: #fff; border-radius: 50%;}
#section_promotion .slick-dots li:not(.slick-active) button {opacity: 0.3;}
#section_promotion .slick-dots li button:before{display: none;}

#section_model_house{position: relative;}
#section_model_house .section-content{position: absolute; right: 0px; top: 0px; height: 100%; width: 33.3333333%;  background: rgba(20,95,145,0.9); padding: 45px 100px; z-index: 3; display: flex; align-items: flex-end;}
#section_model_house .section-content .inner{color: #fff;}
#section_model_house .section-content .section-title{color: #fff; }
#section_model_house.library-slide .items{padding-top: 0px; margin-bottom: 0px;}
#section_model_house.library-slide .item{height: 0px; padding-top: calc(100vh -  60px );}
#section_model_house .item:hover .thumb:after{background: #f04e23; color: #fff;}
#section_model_house .item{opacity: 0;}
#section_model_house .item .thumb{margin-bottom: 20px; padding-top: 0px;}
#section_model_house .item.slick-active{opacity: 1;}
#section_model_house .dots .slick-dots{    position: static; text-align: left;}
#section_model_house .slick-dots li {margin-left: 0px; width: 10px; height: 10px; margin-right: 25px;}
#section_model_house .slick-dots li button{width: 10px; height: 10px; background: #fff; border-radius: 50%;}
#section_model_house .slick-dots li:not(.slick-active) button {opacity: 0.3;}
#section_model_house .slick-dots li button:before{display: none;}

.wpcf7-form .wpcf7-form-control-wrap{display: block;}
.wpcf7-form .wpcf7-form-control.wpcf7-submit{}

.section-project-general-right .wrapper-project-general .line >.content-detail{padding-left: 0px;}
body .fancybox-container{    z-index: 99999999;}
.single-project-page section img{max-width: 100%; height: auto;}


@media (min-width: 1200px){
   .section-padding {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (min-width: 992px){
    .section-padding .section-title h3 {
        font-size: 35px;
    }
}

@media (max-width:1599px) {
    .wrapper-about-quickview .line .content-detail .desc-detail blockquote{font-size: 27px;}
}

@media (max-width:1199px) {
    .wrapper-about-quickview .line .content-detail .desc-detail blockquote{font-size: 24px;}   
}
@media (max-width:991px) {
    #header .wrapper-menu-main li ul.dropdown-menu{margin: 0px;}
    #header .wrapper-menu-main li ul.dropdown-menu.show{display: block; border: 0px;}
    #header .wrapper-menu-main li ul.dropdown-menu li a{    text-transform: none;}
}

@media (max-width:767px) {
    .wrapper-about-quickview .line .content-detail .desc-detail blockquote{font-size: 20px;}       
    .library-slide .item h4,
    .utilities-slider .item.slick-current .info .info-title{font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
    .wrapper-project-location .line .content-detail .sub-detail{font-size: 16px; margin-bottom: 10px;}
    .wrapper-project-location .line .content-detail .title-detail{margin-bottom: 5px;}
    .wrapper-project-general .line .content-detail .title-detail,
    #section-ground .section-title h3,
    #section-utilities .section-title h3,
    .section-padding .section-title h3,
    #section-featured-news .section-title h3{margin-bottom: 15px;}
    .wrapper-project-general,
    #section-featured-news .wrapper-list-news{margin-top: 0px; padding-top: 0px;}
    .section-banner-page .title, .section-banner-page h1{font-size: 27px;}
}
.section-banner-gallery .wrapper-title{position: absolute;top: 50%}
.section-banner-gallery{max-height: 100vh;}


.loading-overlay{
    position: fixed;   width: 100%;   height: 100vh;   left: 0;   top: 0;   overflow: hidden;   z-index: 99999999;
}
.loading-overlay:before,
.loading-overlay:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    overflow: hidden;
    background-color: rgba(0,0,0,1);
    transition: height .9s ease;
   left: 0px;
   transition-duration: 0.5s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; -ms-transition-duration: 1s;
}
.loading-overlay:before{top: 0px;}
.loading-overlay:after{bottom: 0px;}
.loading-overlay svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;
    opacity: 1;
    transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; -ms-transition-duration: 1s;
}
.loading-overlay.done{
    pointer-events: none;
   
    
}
.loading-overlay.done:before,
.loading-overlay.done:after{height: 0px;}
.loading-overlay.done svg{opacity: 0;}

.loading-overlay .stroke-line {
    fill-opacity: 0;
    fill: #005E96;
    stroke: #005E96;
    stroke-miterlimit: 10;
    stroke-width: 1;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
}
.loading-overlay .stroke-line-2 {
    fill-opacity: 0;
    stroke: #F7941E;
    stroke-miterlimit: 10;
    stroke-width: 1;
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
}
.loading-overlay .stroke-line-2.st1{fill: url(#SVGID_1_);}
.loading-overlay .stroke-line-2.st1{fill: url(#SVGID_2_);}
.loading-overlay .stroke-line-2.st1{fill: url(#SVGID_3_);}
.loading-overlay .stroke-line-2.st1{fill: url(#SVGID_4_);}

.loading-overlay .stroke-line {
    animation-name: DrawStroke;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.loading-overlay .stroke-line-2 {
    animation-name: DrawStroke2;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.loading-overlay.show .stroke-line,
.loading-overlay.show .stroke-line-2 {fill-opacity: 1;}



@keyframes DrawStroke {
    0% {
        stroke-dashoffset: 200;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes DrawStroke2 {
    0% {
        stroke-dashoffset: 900;
    }
    to {
        stroke-dashoffset: 0;
    }
}


.section-cover,.cover{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.section-title{    font-family: 'Mulish';   font-weight: bold;   font-size: 25px; color: #005f97;    text-transform: uppercase;}
.section-project-why{padding: 70px 0px;}
.section-project-why .section-title{color: #fff;}
.section-project-why .section-content .item{margin: 45px 0px; padding-left: 20px; position: relative; color: #fff;}
.section-project-why .section-content .item:before{content: ''; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 0px; top: 5px;}
.list-payment-progress .thumb{position: relative;padding-bottom: 56.2%; overflow: hidden;}
.list-payment-progress .thumb img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.list-payment-progress .item .info{margin-top: 15px;}
.list-legal a{position: relative; border: solid 1px #145f91; min-height: 90px; margin: 25px 50px; padding: 5px 25px; padding-right: 100px; color: #333; display: flex; align-items: center;}
.list-legal a:after{background: #145f91; content: "\f019"; 
    font: normal normal normal 30px/1 FontAwesome; color: #fff; width: 90px; height: 100%; position: absolute; right: 0px; top: 0px;
        text-align: center; line-height: 80px;
}
.list-legal a span{}
.list-agency .slick-track{display: flex; align-items: center;}
.list-agency .item{padding: 5px 20px;}
.list-agency .item img{max-height: 150px;     margin: 0px auto;}

.list-agency .slick-dots li {margin-left: 0px; width: 10px; height: 10px; margin-right: 25px;}
.list-agency .slick-dots li button{width: 10px; height: 10px; background: #333; border-radius: 50%;}
.list-agency .slick-dots li:not(.slick-active) button {opacity: 0.3;}
.list-agency .slick-dots li button:before{display: none;}
.list-payment-progress .item{margin: 15px 0px;}

@media (max-width:1199px) {
    #section_promotion .section-content,
    #section_model_house .section-content{padding: 45px 45px;}
}

@media (max-width:992px) {
    #section_promotion .section-content{position: static; width: 100%;}
    #section_promotion.library-slide .item{padding-top: calc(100vw * 9 / 16);}

    #section_model_house .section-content{position: static; width: 100%;}
    #section_model_house.library-slide .item{padding-top: calc(100vw * 9 / 16);}
}

@media (max-width:767px) {
    .section-project-why .section-content .item{margin: 15px 0px;}
    .library-slide .slick-prev, #document .slick-prev{    left: 0px;}
    .library-slide .slick-next, #document .slick-next{right: 0px;}
    .list-legal a{margin: 15px 0px;min-height: 60px;     padding: 5px 10px;}
    .list-legal a:after{width: 60px; line-height: 60px; font-size: 24px;}

    .section-project-why{    padding: 30px 0px;}

}