@font-face {
    font-family: 'Calibri_Light';
    src: url('../font/Calibri_Light.woff2') format('woff2'),
    url('../font/Calibri_Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri_Bold';
    src: url('../font/Calibri_Bold.woff2') format('woff2'),
    url('../font/Calibri_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BellMT_Regular';
    src: url('../font/BellMT.woff2') format('woff2'),
    url('../font/BellMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BellMT_Bold';
    src: url('../font/BellMTBold.woff2') format('woff2'),
    url('../font/BellMTBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BodoniMT_Bold';
    src: url('../font/BodoniMT-Bold.woff2') format('woff2'),
    url('../font/BodoniMT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BodoniM_Regular';
    src: url('../font/BodoniMT.woff2') format('woff2'),
    url('../font/BodoniMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BookAntiqua_Bold';
    src: url('../font/BookAntiqua-Bold.woff2') format('woff2'),
    url('../font/BookAntiqua-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BookAntiqua_Regular';
    src: url('../font/BookAntiqua.woff2') format('woff2'),
    url('../font/BookAntiqua.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham_Light';
    src: url('../font/Gotham-Light.woff2') format('woff2'),
    url('../font/Gotham-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham_Bold';
    src: url('../font/Gotham-Bold.woff2') format('woff2'),
    url('../font/Gotham-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    padding: 0 30px;
    margin: 0;
    font-family: 'Calibri_Light', 'sans-serif';
    font-size: 16px;
    color: #5c5c5c;
    line-height: 1.5;
    overflow-x: hidden;
    background: #ffffff;
}

input, select, button, a, textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    outline: none;
    transition: all 0.5s;
}

select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    list-style: none;
}
h1{
    font-family: 'BellMT_Regular', 'sans-serif';
    font-size: 40px;
    margin: 0;
    line-height: initial;
    text-transform: uppercase;
    font-weight: initial;
    color: #292929;
    letter-spacing: 2px;
}
h2{
    font-family: 'BellMT_Regular', 'sans-serif';
    font-size: 30px;
    margin: 0;
    line-height: initial;
    text-transform: uppercase;
    font-weight: initial;
    color: #292929;
    letter-spacing: 2px;
}
.container{
    padding: 0;
}
.section_header{
    font-family: 'BellMT_Regular', 'sans-serif';
    padding: 25px 30px;
    background: #ffffff;
    position: fixed;
    width: 100%;
    top: 0;
    text-transform: uppercase;
    color: #555555;
    z-index: 1;
    left: 0;
    transition: all 0.5s;
}
.section_header ul{
    margin: 0;
    padding: 0;
}
.section_header li{
    position: relative;
    list-style: none;
    float: left;
    padding: 0 15px;
    line-height: 40px;
}
.section_header li:nth-last-child(1){
    padding-right: 0;
}
.section_header li:nth-child(1){
    padding-left: 0;
}
.nav_left, .nav_right{
    position: relative;
    z-index: 1;
}
.section_header .nav_left ul{
    float: left;
}
.section_header .nav_right ul{
    float: right;
}
.section_header a.active{
    color: #002724;
}
.brand_logo{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    height: 90px;
    top: 0;
    transition: all 0.5s;
}
.brand_logo img{
    position: absolute;
    height: 60px;
    padding: 0;
    transition: all 0.5s;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.section_header a:hover{
    color: #002724;
}
.dropdown_new .dropdown_menu{
    background: #fff;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transform: translateY(-2em);
    transition: all 1s;
    box-shadow: #64646f33 0 7px 29px 0;

}
.dropdown_menu{
    color: #555555;
}
.dropdown_menu li{
    width: 100%;
    padding: 0!important;
    white-space: nowrap;
    line-height: initial;
}
.dropdown_menu a{
    display: inline-block;
    line-height: normal;
    padding: 10px;
    text-align: left;
}
.dropdown_new:hover .dropdown_menu{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.main_menu{
    padding: 25px 25px 0;
    font-size: 14px;
}
.dropdown_menu a{
    width: 100%;
}
.dropdown_menu a:hover{
    background: #002724;
    color: #555555;
}
.section_slideshow{
    position: relative;
    padding: 0;
    overflow: hidden;
}
#maximage{
    width: 100%!important;
}
.section_arrow_slide{
    position: absolute;
    height: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    left: 0;
    right: 0;
}
.section_arrow_slide img{
    width: auto!important;
    opacity: 0.5;
    height: 35px!important;
    filter: brightness(0) invert(1);
    transition: all 0.5s;

}
.section_arrow_slide img:hover{
    opacity: 1;
}
.section_arrow_slide #arrow_left{
    position: absolute;
    left: 30px;
}
.section_arrow_slide #arrow_right{
    position: absolute;
    right: 30px;
}
.overlay_slide {
    position: absolute;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(#00000000, #00000080, #000000b3);
    bottom: 0;
}
#cycle-nav{
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
#cycle-nav ul{
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}
#cycle-nav li {
    float: left;
    text-align: center;
    background: none;
    margin: 0 5px;
    height: 2px;
    width: 30px;
    cursor: pointer;
    transition: all 0.5s;
    background: #fff;
    list-style: none;
}
#cycle-nav li.activeSlide, #cycle-nav li:hover {
    background: #002724;
}
.section_description{
    padding: 100px 0;
    text-align: center;
    color: #ffffff;
    background: #002724;
}
.section_description h1{
    color: #ffffff;
}
.section_description label{
    display: inline-block;
    width: 100%;
}
.section_project{
    padding: 100px 0;
    text-align: center;
}
.section_project img{
    height: 60px;
    margin: 0 auto 25px;
    display: block;
}
.section_project h1{
    position: relative;
    padding-bottom: 25px;
}
.section_project h1:before{
    content: '';
    background: #002724;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.masterplan_home{
    margin-top: 100px;
}
.masterplan_home img{
    width: 750px;
    height: auto;
    display: block;
}
.derails_masterplan{
    margin-top: 50px;
}
.derails_masterplan ul{
    margin: 0;
    padding: 0;
    display: inline-block;
}
.derails_masterplan li{
    list-style: none;
    float: left;
    padding: 0 25px;
    line-height: initial;
    position: relative;
}
.derails_masterplan li:before{
    content: '';
    background: #5c5c5c;
    height: 60px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.derails_masterplan li:nth-last-child(1):before{
    content: none;
}
.derails_masterplan label{
    color: #5c5c5c;
    font-family: 'BookAntiqua_Bold', 'sans-serif';
    font-size: 70px;
    display: inline-block;
    width: 100%;
}
.derails_masterplan span{
    font-family: 'Calibri_Light', 'sans-serif';
    font-size: 16px;
    display: inherit;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    margin-left: 10px;
}
.btn_discover{
    font-family: 'BellMT_Regular', 'sans-serif';
    background: #002724;
    color: #ffffff;
    padding: 10px 30px;
    text-transform: uppercase;
    border: none;
    letter-spacing: 1px;
    transition: all 0.5s;
}
.btn_discover:hover{
    background: #333333;
}
.button_discover{
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}
.section_phuketinsight{
    padding: 100px 0;
    text-align: center;
    background: #f7f7f7;
    margin-left: -30px;
    margin-right: -30px;
}
.section_phuketinsight img{
    height: 30px;
    margin: 0 auto 25px;
    display: block;
}
.section_phuketinsight h1{
    position: relative;
    padding-bottom: 25px;
}
.section_phuketinsight h1:before{
    content: '';
    background: #002724;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.section_phuketinsight label{
    display: inline-block;
    width: 100%;
}
.images_phuketinsight{
    position: relative;
    height: 700px;
    overflow: hidden;
}
.images_phuketinsight img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: all 0.5s;
}
.box_phuketinsight{
    margin-top: 50px;
}
.box_phuketinsight .col-xs-6 .images_phuketinsight:hover img{
    transform: scale(1.0);
}
.box_phuketinsight .col-xs-6{
    padding: 0 25px;
}
.box_phuketinsight .row_phuketinsight{
    margin-right: -25px;
    margin-left: -25px;
}
.box_phuketinsight .col-xs-12 .images_phuketinsight{
    height: 325px;
}
.box_phuketinsight .col-xs-6 .col-xs-12:nth-child(1){
    margin-bottom: 50px;
}
.details_phuketinsight{
    background: #000000cc;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
}
.details_phuketinsight label{
    font-family: 'Calibri_Bold', 'sans-serif';
}
.details_phuketinsight p{
    margin: 0;
    position: relative;
    padding-bottom: 25px;
}
.details_phuketinsight p:before{
    content: '';
    background: #002724;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.box_phuketinsight .col-xs-6 .images_phuketinsight:hover .details_phuketinsight{
    opacity: 1;
}
.section_googlemap{
    padding: 100px 0;
    text-align: center;
}
.section_googlemap iframe{
    width: 100%;
    height: 600px;
    display: block;
}
.logo_footer{
    position: relative;
    text-align: center;
}
.logo_footer:before{
    content: '';
    background: #002724;
    width: calc(50% - 125px);
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.logo_footer:after{
    content: '';
    background: #002724;
    width: calc(50% - 125px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.logo_footer img{
    height: 80px;
}
.section_footer{
    background-image: url('../images/icon/bg_footer.jpg');
    background-position: center top;
    background-size: cover;
    padding-bottom: 50px;
    margin-left: -30px;
    margin-right: -30px;
    color: #333333;
}
.section_footer a:hover{
    color: #002724;
}
.section_footer p{
    margin: 0 0 15px 0;
}
.row_footer{
    margin-top: 50px;
}
.section_footer .row_footer .col-xs-4:nth-child(2){
    text-align: center;
}
.section_footer .row_footer .col-xs-4:nth-child(2) ul{
    font-size: 32px;
}
.section_footer .row_footer .col-xs-4:nth-last-child(1){
    text-align: right;
}
.section_footer ul{
    font-family: 'BellMT_Regular', 'sans-serif';
    margin: 0;
    padding: 0;
    font-size: 20px;
}
.section_footer li{
    list-style: none;
    line-height: initial;
}
.section_footer .row_footer .col-xs-4:nth-last-child(1) ul{
    margin-bottom: 10px;
}
.social_media img{
    height: 35px;
    display: block;
    margin: auto;
}
.social_media{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.social_media ul{
    margin: 0;
    padding: 0;
    display: inline-block;
}
.social_media li{
    float: left;
    padding: 0 10px;
}
.copyright{
    color: #6b6b6b;
    text-align: center;
    border-top: 1px solid #6b6b6b;
    margin-top: 50px;
    padding: 30px 0 0;
}
.copyright p{
    margin: 0;
}
.copyright a, .copyright a:hover{
    color: #ffba00;
}

.scroll_menu{
    padding: 10px 30px;
    box-shadow: #64646f33 0 1px 10px 0;
}
.scroll_menu .brand_logo{
    height: 60px;
}
.scroll_menu .brand_logo img{
    height: 40px;
}
.button_container {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    height: 17px;
    width: 27px;
    margin: auto;
    cursor: pointer;
    z-index: 100;
    transition: all 1s;
}

.button_container:hover {
    opacity: 1;
}

.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
    background: #ffffff;
}

.button_container.active .middle {
    opacity: 0;
    background: #002724;
}

.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #ffffff;
}

.button_container span {
    background: #002724;
    border: none;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 8px;
}

.button_container span:nth-of-type(3) {
    top: 16px;
}

.overlay {
    position: fixed;
    background: #002724;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    /*max-width: 540px;*/
    /* opacity: 0; */
    overflow: hidden;
    z-index: 9;
    transition: all 1s;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
}

.overlay.open {
    opacity: 1;
    width: 50%;
}

.overlay.open li {
    -webkit-animation: fadeInUp .9s ease forwards;
    animation: fadeInUp .9s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

.overlay.open li:nth-of-type(5) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}

.overlay.open li:nth-of-type(6) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s;
}

.overlay.open li:nth-of-type(7) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s;
}

.overlay.open li:nth-of-type(8) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

.overlay.open li:nth-of-type(9) {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

.overlay.open li:nth-of-type(10) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}


.overlay nav {
    position: relative;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    text-align: left;
    padding: 0 30px;
    margin-top: 60px;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    position: relative;
    height: 100%;
    font-family: 'RedHatDisplay_SemiBold', 'sans-serif';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    color: #ffffff;
}

.overlay ul li {
    /*display: block;*/
    position: relative;
    padding: 10px 0;
    opacity: 0;
    width: 100%;
    line-height: initial;
}

.overlay ul li a {
    font-family: 'RedHatDisplay_SemiBold', 'sans-serif';
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    /*overflow: hidden;*/
    opacity: 0.7;
    transition: all 0.5s;
}

.overlay ul li a.active, .overlay ul li a:hover, .nav_mobile .overlay-menu .active {
    color: #ffffff;
    opacity: 1;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
.fix_body{
    overflow: hidden;
}
.base_plus_icon {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 30px;*/
    z-index: 55;
    cursor: pointer;
    display: block;
    padding-left: 20px;
    opacity: 0.7;
}

.base_plus_icon .plus_icon {
    position: absolute;
    /*width: 20px;*/
    height: 35px;
    left: 0;
    top: 0;
    display: block;

}

.base_plus_icon .plus_icon:before,
.base_plus_icon .plus_icon:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: #fff;*/
    margin: auto;
    display: block;
    transition: all 0.6s;
}

.base_plus_icon:hover .plus_icon:before,
.base_plus_icon:hover .plus_icon:after {
    transform: rotate(45deg);
}
.base_plus_icon:hover{
    opacity: 1;
}
.base_plus_icon.active{
    opacity: 1;
}

.base_plus_icon .plus_icon:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    width: 1px;
    height: 20px;
    background: none;
    /*color: #fff;*/
    font-size: 20px;
}

.base_plus_icon .plus_icon:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    height: 20px;
    background: none;
    color: #fff;
    font-size: 20px;
    transform: rotate(90deg);
    opacity: 0;
    transition: all 1s;
}

.base_plus_icon .plus_icon.show_active:before {
    /*display: none;*/
    transform: rotate(45deg);
}
/*.base_plus_icon .plus_icon.active:after{*/
/*    opacity: 1;*/
/*}*/

.info {
    display: none;
    padding: 10px 0 0 35px !important;
}

.info.show_active {
    display: block;
}
ul .animated_submenu{
    list-style: none;
}
ul .info.show_active{
    list-style: none;
}
ul .animated_submenu:hover .base_plus_icon{
    color: #ffffff;
}
.section_parallax{
    height: 400px;
    width: 100%;
    position: relative;
    margin-top: 90px;
}
.section_parallax img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.section_parallax #maximage{
    height: 400px!important;
}
.section_facilities{
    padding: 100px 0;
    text-align: center;
}
.section_facilities img {
    height: 30px;
    margin: 0 auto 25px;
    display: block;
}
.section_facilities h1{
    position: relative;
    padding-bottom: 25px;
}
.section_facilities h1:before{
    content: '';
    background: #002724;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.box_services{
    text-align: left;
    margin-top: 50px;
}
.box_services ul{
    margin: 0;
    padding: 0;
}
.box_services li{
    width: 33.333%;
    float: left;
    padding: 15px 30px;
    border: 0.5px solid #e6e6e6;
    list-style: none;
}
.box_services li:nth-child(1), .box_services li:nth-child(2), .box_services li:nth-child(3){
    border-top: none;
}
.box_services li:nth-last-child(1), .box_services li:nth-last-child(2), .box_services li:nth-last-child(3){
    border-bottom: none;
}
.box_services li:nth-child(1), .box_services li:nth-child(4), .box_services li:nth-child(7), .box_services li:nth-child(10){
    border-left: none;
}
.box_services li:nth-last-child(1), .box_services li:nth-last-child(4), .box_services li:nth-last-child(7), .box_services li:nth-last-child(10){
    border-right: none;
}
.box_services img{
    height: 40px;
    width: auto;
    display: inline-flex;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.section_photofacilities{
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    display: flow-root;
    overflow: hidden;
}
.box_facilities{
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
}
.images_facilities{
    height: 600px;
}
.images_facilities img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.section_photofacilities .col-xs-8, .section_photofacilities .col-xs-4, .section_photofacilities .col-xs-6{
    padding: 0 15px;
}
.section_photofacilities .row_photofacilities{
    margin-left: -15px;
    margin-right: -15px;
}
.row_photofacilities .col-xs-4 .images_facilities{
    height: 285px;
}
.row_photofacilities .col-xs-4 .col-xs-12:nth-child(1){
    margin-bottom: 30px;
}
.box_facilities .row_photofacilities:nth-child(1){
    margin-bottom: 30px;
}
.section_photofacilities2{
    padding-bottom: 100px;
}
.section_photofacilities2 .images_facilities{
    height: 500px;
}
.section_photofacilities2 .row_photofacilities .col-xs-6:nth-child(1) .col-xs-12:nth-child(1) .images_facilities,
.section_photofacilities2 .row_photofacilities .col-xs-6:nth-child(2) .col-xs-12:nth-child(2) .images_facilities{
    height: 250px;
    width: 50%;
}
.section_photofacilities2 .row_photofacilities .col-xs-6:nth-child(1) .col-xs-12:nth-child(1) .images_facilities{
    float: right;
}
.section_photofacilities2 .row_photofacilities .col-xs-6:nth-child(1) .col-xs-12:nth-child(1),
.section_photofacilities2 .row_photofacilities .col-xs-6:nth-child(2) .col-xs-12:nth-child(1){
    margin-bottom: 30px;
}
.details_phuketinsightinfo{
    margin-top: 100px;
}
.box_phuketinsightinfo{
    border-top: 1px solid #eeeeee;
    display: inline-block;
    width: 100%;
    padding: 50px 0;
    text-align: left;
}
.row_phuketinsightinfo .col-xs-6{
    padding: 0 15px;
}
.row_phuketinsightinfo{
    margin-right: -15px;
    margin-left: -15px;
}
.images_phuketinsightinfo{
    height: 350px;
    position: relative;

}
.images_phuketinsightinfo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
}
.row_phuketinsightinfo .col-xs-6:hover .details_phuketinsight{
    opacity: 1;
}
.box_phuketinsightinfo h2{
    margin-bottom: 25px;
}
.row_phuketinsightinfo p:nth-child(1){
    margin-top: 0;
}
.box_phuketinsightinfo .details_phuketinsight p{
    font-family: 'Calibri_Bold', 'sans-serif';
    font-size: 22px;
    font-weight: initial;
    line-height: initial;
}
.details_phuketinsightinfo .box_phuketinsightinfo:nth-child(1) img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    margin: 0;
}
.details_phuketinsightinfo_sub{
    margin: 35px 0;
}
.details_phuketinsightinfo .box_phuketinsightinfo:nth-child(2) .images_phuketinsightinfo{
    margin-bottom: 30px;
}
.box_phuketinsightinfo .details_phuketinsight label{
    font-size: 16px;
    font-family: 'Calibri_Light', 'sans-serif';
    display: inline-block;
    width: 100%;
}
.details_phuketinsightinfo .box_phuketinsightinfo:nth-child(3) .images_phuketinsightinfo{
    margin-bottom: 30px;
}
.details_phuketinsightinfo .box_phuketinsightinfo:nth-last-child(1){
    padding-bottom: 0;
}
.section_phuketinsightinfo label{
    display: inline-block;
    width: 100%;
}
.section_phuketinsightinfo h1{
    margin-bottom: 30px;
}
#contact{
    width: 750px;
    margin: auto;
    text-align: left;
}
#contact label{
    width: 130px;
    float: left;
}
.section_contactus h1{
    margin-bottom: 30px;
}
.input_data{
    /*width: calc(100% - 130px);*/
    width: 100%;
    border: none;
    border-bottom: 1px solid #afafaf;
    padding: 0 0 10px 0;
}
.row_input .col-xs-12{
    padding: 25px 0;
}
.row_input .col-xs-3{
    width: 130px;
}
.row_input .col-xs-9{
    width: calc(100% - 130px);
}
.row_input textarea{
    padding: 10px;
    height: 200px;
    border: 1px solid #afafaf;
    display: block;
}
.row_input .col-xs-12:nth-last-child(1){
    text-align: center;
}
.btn_submit{
    border: 1px solid #002724;
    margin-top: 0;
}
.btn_submit:hover{
    border: 1px solid #333333;
}
.btn_reset{
    margin-top: 0;
    background: none;
    border: 1px solid #333333;
    color: #333333;
}
.btn_reset:hover{
    color: #ffffff;
}
.row_input .col-xs-12:nth-child(6){
    margin-top: 25px;
}
.section_address{
    display: inline-block;
    width: 100%;
}
.section_address .container{
    padding: 50px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.section_address .col-xs-5, .section_address .col-xs-4, .section_address .col-xs-3{
    padding: 0 15px;
}
.section_address .row_address{
    margin-left: -15px;
    margin-right: -15px;
}
.section_address p{
    margin: 0;
}
.section_address ul{
    margin: 0;
    padding: 0;
    display: inline-flex;
    width: 100%;
}
.section_address li{
    list-style: none;
    float: left;
}
.section_address .col-xs-5 li:nth-child(odd){
    width: 135px;
}

.section_address h2{
    margin-bottom: 10px;
}
.section_address .col-xs-4 li:nth-child(odd){
    width: 70px;
    text-align: right;
}
.section_address .col-xs-4 li:nth-child(even){
    padding-left: 30px;
}
.social_address{
    margin-top: 15px;
}
.social_address img{
    height: 35px;
    display: block;
}
.social_address li{
    width: auto!important;
    padding: 0 10px!important;
}
.social_address li:nth-child(1){
    padding-left: 0!important;
}
.social_address li:nth-child(2) img{
    height: 40px;
}
.social_address li:nth-last-child(1){
    padding-right: 0!important;
}
.section_googlemapinfo{
    padding: 100px 0;
}
.details_location{
    background: #333333;
    color: #ffffff;
    padding: 50px 100px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.row_location .col-xs-6{
    padding: 0 100px;
}
.row_location{
    margin-right: -100px;
    margin-left: -100px;
}
.details_location label{
    float: right;
    font-family: 'Calibri_Light', 'sans-serif';
}
.details_location ul{
    margin: 0;
    padding: 0;
    font-family: 'Calibri_Bold', 'sans-serif';
    font-size: 18px;
}
.tel_mobile{
    display: none;
}
span.error{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    color: red;
    font-size: 14px;
}
#span_error{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    color: red;
    font-size: 14px;
}
.tab_gallery{
    margin-top: 50px;
}
#select-box{
    border: none;
    padding: 10px;
}
.box_select{
    border: 1px solid;
    display: inline-block;
    padding: 0 20px;
}
.tab-navigation{
    margin-bottom: 50px;
}
.box_imagesgallery{
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
}
.box_imagesgallery img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: all 0.5s;
    filter: grayscale(0%);
    margin: 0;
}
.box_gallery .col-xs-3:hover .box_imagesgallery img{
    transform: scale(1);
    filter: grayscale(100%);
}
.box_gallery .col-xs-3{
    padding: 10px;
}
.box_gallery .gallery{
    margin-left: -10px;
    margin-right: -10px;
}
.overlay_gallery{
    background: none;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    font-size: 20px;
    transition: all 0.5s;
}
.box_gallery .col-xs-3:hover .overlay_gallery{
    opacity: 1;
}
.gallery_categories{
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
}
.gallery_categories .col-xs-3{
    position: relative;
    overflow: hidden;
    padding: 10px;
}
.gallery_categories img.img-fluid{
    height: 220px;
    width: 100%;
    margin: 0;
    object-fit: cover;
    display: block;
    filter: grayscale(0%);
    transition: all 0.5s;
    transform: scale(1);
}
.gallery_categories .col-xs-3:hover .overlay_gallery{
    opacity: 1;
}
.gallery_categories .col-xs-3:hover img.img-fluid{
    transform: scale(1);
    filter: grayscale(100%);
}
.tab_gallery button.filter{
    background: none;
    border: none;
    padding: 10px 0;
    position: relative;
    margin: 0 10px;
    text-transform: uppercase;
    font-family: 'Gotham_Light', 'sans-serif';
    font-size: 14px;
    color: #3c3c3c;
}
button.filter:before{
    content: '';
    background: transparent;
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
.tab_gallery button.active:before{
    width: 100%;
    background: #002724;
}
.tab_gallerymobile{
    display: none;
    margin: 50px 0 30px;
    position: relative;
    z-index: 2;
    font-family: 'Gotham_Light', 'sans-serif';
    font-size: 14px;
}
.tab_gallerymobile .btn{
    width: 100%;
    background: none;
    background: #a2c31b;
    color: #fff;
    position: relative;
    padding: 10px 50px 10px 20px!important;
    text-align: left;
    border-radius: 0;
    outline: none;
    border: none;
}
.tab_gallerymobile .btn .caret{
    position: absolute;
    right: 15px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 10px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.tab_gallerymobile .dropdown-menu{
    width: 100%;
    margin: auto;
    background: none;
    right: 0;
    top: 40px;
}
.tab_gallerymobile .dropdown-menu button{
    background: #e7e7e5;
    color: #a2c31b;
    width: 100%;
    padding: 10px 20px;
    border: none;
    border-bottom: 1px solid #a2c31b;
    text-align: left;
    transition: all 1s;
    margin: 0;
}
.tab_gallerymobile.open > .dropdown-toggle.btn-default{
    color: #005b49;
    background-color: #a2c31b;
}
.tab_gallerymobile .dropdown-menu button:hover{
    background: #a2c31b;
    color: #ffffff;
}
.tab_gallerymobile .btn-group{
    width: 100%;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
    background: #a2c31b;
    box-shadow: none;
}
.section_projectinfo label{
    display: inline-block;
    width: 100%;
}
.section_projectinfo h1{
    margin-bottom: 30px;
}
.section_concept{
    background-image: url('../images/icon/bg_project.jpg');
    background-size: cover;
    padding: 0 0 100px;
    position: relative;
    margin-right: -30px;
    margin-left: -30px;
}
.section_concept:before{
    content: '';
    background: #ffffff;
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
}
.images_concept{
    position: relative;
    width: 750px;
    margin: auto;
    box-shadow: #64646f33 0 7px 29px 0;
}
.images_concept img{
    width: 100%;
    display: block;
}
.details_concept{
    text-align: center;
    margin-top: 50px;
}
.details_concept label{
    display: inline-block;
    width: 100%;
}
.section_price{
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.section_price h1{
    position: relative;
    padding-bottom: 25px;
}
.section_price h1:before{
    content: '';
    background: #002724;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.box_condition{
    text-align: left;
    margin-top: 0;
    display: inline-block;
    width: 100%;
}
.box_condition h2{
    margin-bottom: 10px;
}
.box_condition .col-xs-6{
    padding: 0 25px;
}
.box_condition .row_condition{
    margin-left: -25px;
    margin-right: -25px;
}
.box_condition ul{
    margin: 0;
    padding: 0;
}
.box_condition li{
    list-style: none;
    padding: 3px 0;
    line-height: initial;
}
.box_condition p{
    margin: 0;
}
.box_condition .col-xs-6:nth-child(1) li{
    float: left;
}
.box_condition .col-xs-6:nth-child(1) ul{
    display: flex;
}
.box_condition .col-xs-6:nth-child(1) li:nth-child(1){
    width: 10%;
}
.box_condition .col-xs-6:nth-child(1) li:nth-child(2){
    width: 80%;
}
.box_condition .col-xs-6:nth-child(1) li:nth-child(3){
    width: 10%;
}
.box_condition label{
    display: inline-block;
    width: 100%;
}
.section_download{
    display: inline-block;
    width: 100%;
    padding-bottom: 100px;
}
.row_download{
    margin-right: -30px;
    margin-left: -30px;
}
.images_download{
    position: relative;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.images_download img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.details_download{
    background-image: url('../images/icon/bg_download.jpg');
    background-size: cover;
    color: #ffffff;
    padding: 50px;
}
.details_download h1{
    color: #ffffff;
}
.details_download p{
    margin: 0;
}
.details_download .btn_discover{
    margin: 25px 0 15px;
    color: #FFF;
}
.details_download .btn_discover:hover{
    color: #ffffff;
}
.details_download .btn_discover img{
    height: 20px;
    margin-right: 10px;
    width: auto;
    display: inherit;
    vertical-align: bottom;
    transition: all 0.5s;
}
.details_download .btn_discover:hover img{
    filter: brightness(0) invert(1);
}
.box_imagesdowload{
    margin-top: 30px;
}
.box_imagesdowload ul{
    margin: 0;
    padding: 0;
}
.box_imagesdowload li{
    list-style: none;
    float: left;
    padding-right: 30px;
}
.box_imagesdowload li:nth-last-child(1){
    padding-right: 0;
}
.box_imagesdowload img{
    height: 150px;
    display: block;
}
.box_commonareafee{
    margin-top: 35px;
}
.table_price{
    padding: 0 50px;
    margin-top: 50px;
    font-size: 15px;
}
.table_price table{
    border-collapse: collapse;
    width: 100%;
}
.table_price td{
    padding: 10px;
    border: 1px solid #cdcdcd;
    line-height: initial;
}
.table_price tr:nth-child(1){
    color: #000000;
    font-family: 'Calibri_Bold', 'sans-serif';
}
.sold{
    text-transform: uppercase;
    color: red;
}
.masterplan_info{
    position: relative;
    width: 750px;
    margin: 50px auto 0;
}
.masterplan_info img{
    width: 100%;
    height: auto;
    margin: 0;
    transition: all 0.5s;
}
.box_plot{
    background: #002724;
    color: #FFF;
    text-align: center;
    width: 70px;
    padding: 7px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'Gotham_Light', 'sans-serif';
    line-height: initial;
    text-transform: uppercase;
    box-shadow: #00000033 0 7px 20px 0;
    position: absolute;
    font-size: 11px;
    cursor: pointer;
}
.box_plot label{
    font-size: 18px;
    font-family: 'Gotham_Bold', 'sans-serif';
    line-height: initial;
    cursor: pointer;
}
.box_sold{
    background: #c32626;
    color: #ffffff;
}
.A1{
    bottom: 320px;
    right: 235px;
}
.A2{
    bottom: 235px;
    right: 185px;
}
.A3{
    bottom: 235px;
    right: 320px;
}
.A4{
    bottom: 235px;
    right: 427px;
}
.A5{
    bottom: 125px;
    right: 437px;
}
.A6{
    bottom: 125px;
    right: 353px;
}
.A7{
    bottom: 125px;
    right: 270px;
}
.A8{
    bottom: 125px;
    right: 185px;
}
.A9{
    bottom: 125px;
    right: 95px;
}
.B1{
    top: 250px;
    right: 185px;
}
.B2{
    top: 321px;
    right: 243px;
}
.B3{
    top: 387px;
    right: 304px;
}
.B4{
    top: 463px;
    right: 370px;
}
.A1_1{
    top: 100px;
    right: 285px;
}
.A2_1{
    top: 165px;
    right: 347px;
}
.A3_1{
    top: 234px;
    right: 402px;
}
.A4_1{
    top: 300px;
    right: 460px;
}
.A5_1{
    top: 370px;
    right: 511px;
}
.A6_1{
    top: 449px;
    right: 572px;
}
.close{
    position: relative;
    top: -15px;
    right: -30px;
}
.close img{
    width: auto!important;
    height: 25px;
    filter: brightness(0) invert(1);
    transform: rotate(90deg);
}
.modal{
    background: #000000bf;
}
.box_popupmasterplan{
    height: 100%;
    width: 750px;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.images_masterplan{
    margin-top: -30px;
}
.images_masterplan img{
    width: 100%;
    margin: auto;
    display: block;
    transition:  0.5s;
}
.images_masterplan .close:hover img{
    transform: rotate(180deg);
}
.close:hover, .close:focus{
    opacity: 1;
}
.table_pricemobile{
    display: none;
}
tr.prices td:nth-child(1){
    font-family: inherit!important;
    color: #5c5c5c!important;
    text-align: center!important;
}
.thb_usd td{
    font-family: 'Calibri_Bold', 'sans-serif';
    color: #000000;
}
.masterplan_mobile{
    display: none!important;
}
.section_villatype{
    padding: 100px;
    display: inline-block;
    width: 100%;
}
.box_villatype .images_villatype{
    height: 700px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.images_villatype img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.details_villatype{
    background: #f5f5f5;
    padding: 50px;
    text-align: left;
}
.details_villatype h2{
    font-family: 'Gotham_Bold', 'sans-serif';
    text-transform: none;
    letter-spacing: inherit;
    color: #292929;
}
.details_villatype ul{
    margin: 30px 0 ;
    padding: 0;
    list-style: none;
}
.details_villatype li{
    padding: 8px 0;
    border-bottom: 1px solid #d2d2d2;
    font-size: 18px;
    font-family: 'Gotham_Bold', 'sans-serif';
    color: #292929;
}
.details_villatype li:nth-child(1){
    border-top: 1px solid #d2d2d2;
}
.details_villatype label{
    float: right;
    font-family: 'Gotham_Light', 'sans-serif';
}
.details_villatype h4{
    font-family: 'Gotham_Light', 'sans-serif';
    text-transform: uppercase;
    font-size: 18px;
    color: #292929;
    text-align: center;
    margin: 0;
}
.details_villatype h4 > span{
    font-family: 'Gotham_Bold', 'sans-serif';
}
.slick-arrow{
    background: none;
    padding: 0;
    margin: auto;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 50px;
    z-index: 2;
}
.slick-arrow img{
    height: 50px;
}
.slide_villatype .slick-dots{
    display: none!important;
}
.slick-next.slick-arrow{
    left: auto;
    right: -80px;
}
.slick-prev.slick-arrow{
    right: auto;
    left: -80px;
}