@font-face {
  font-family: Montserrat;
  src: url('../../fonts/Montserrat-Light.ttf');
}

body {
	font-family: "Montserrat","Helvetica",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.section-banner .title {
	color: #fff;
	letter-spacing: 5px;
	left: 0;
    right: 0;
    top: 35px;
}

.section-slide {
	background-image: url("../../images/BG1_v2.jpg");
    background-size: cover;
}

.section-sub-banner {
	color: #fff;
	background-color: #313921;
}

.section-sub-banner .title {
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

.section-sub-banner ul > li {
	font-size: 20px;
	margin-left: -50px;
}

.section-sub-banner ul > li .text-small {
	font-size: 70%;
}

.section-slide .title {
	color: #c6916a;
	letter-spacing: 4px;
}

.section-map .nav-link {
	color: #fff;
	border: 0px;
}

.section-map .nav-link.active {
	color: #fff;
	background-image: url("../../images/bg_wood.png");
	background-position: 0px 0px;
}

.section-map .nav-item {
	background-color: #d7d2ce;
}

.section-map .tab-pane {
	background-color: #f1f1f2;
}

.section-register .title {
	letter-spacing: 10px;
    font-weight: 600;
}

.form-control {
	border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
}

.bg-wood {
	background-image: url("../../images/bg_wood.png");
}

.ci_sathorn {
	/*background-image: url("../../images/bg_wood_nav.png");*/
	background-color: #ada099;
}

.owl-dots {
    margin-top: 5px !important;
}

.owl-theme .owl-dots .owl-dot span {
	width: 25px;
    height: 5px;
    margin: 5px 3px;
    border-radius: 0;
	/* background: #788888; */
}

.owl-theme.owl-dot-green .owl-dots .owl-dot span {
	background: #788888;
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #c6916a;
}

.navbar-nav {
	margin-right: 165px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	color: #fff;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    letter-spacing: 1px;
    font-weight: 400;
}

.navbar-nav > li > a {
    padding-top: 12px;
}

.safari-clear{
    -webkit-appearance: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNOTguOSwxODQuN2wxLjgsMi4xbDEzNiwxNTYuNWM0LjYsNS4zLDExLjUsOC42LDE5LjIsOC42YzcuNywwLDE0LjYtMy40LDE5LjItOC42TDQxMSwxODcuMWwyLjMtMi42ICBjMS43LTIuNSwyLjctNS41LDIuNy04LjdjMC04LjctNy40LTE1LjgtMTYuNi0xNS44djBIMTEyLjZ2MGMtOS4yLDAtMTYuNiw3LjEtMTYuNiwxNS44Qzk2LDE3OS4xLDk3LjEsMTgyLjIsOTguOSwxODQuN3oiLz48L3N2Zz4=) no-repeat 99% 50%;
    background-size: 15px;
	background-color: #fff;
}

.section-video {
	background-color: #000;
}

.section-gallery, .section-wtsau {
	background-image: url("../../images/gallery/BG-GALLERY_v2.jpg");
	background-size: cover;
}

.section-gallery.unit-plan {
	background-image: url("../../images/unit_plan/BG-UNITPLAN_v2.jpg");
	background-size: cover;
}

.section-gallery .title, 
.section-master-plan .title, 
.section-facility .title {
    letter-spacing: 5px;
    font-weight: 600;
}

.section-neighborhood .title,
.section-map .title {
    letter-spacing: 5px;
    font-weight: 600;
}

/*.section-master-plan {
	background-image: url("../../images/master_plan/background.jpg");
	background-size: cover;
}*/

.section-master-plan select, .section-master-plan select:focus, .section-facility select, .section-facility select:focus {
	font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    background-color: #e2ddda;
    border: 0;
}

.section-gallery select, .section-gallery select:focus {
	font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    border: 0;
}

.section-living-space {
	background-image: url("../../images/unit_plan/background.jpg");
	background-size: cover;
}

.section-living-space .title {
	/*color: #fff;*/
    letter-spacing: 5px;
    font-weight: 600;
}

.section-unit-plan {
	background-image: url("../../images/master_plan/background.jpg");
	background-size: cover;
}

.section-unit-plan .title {
	/*color: #fff;*/
    letter-spacing: 5px;
    font-weight: 600;
}

.section-unit-plan select, .section-unit-plan select:focus {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    background-color: #d0cac6;
    border: 0;
}

.section-highlight {
	background-color: #788888;
}

.section-highlight .title {
    letter-spacing: 5px;
    font-weight: 600;
}

.section-highlight .nav {
	border: 0;
}

.section-highlight .nav .nav-link  {
	color: #fff;
	background-color: #998d88;
}

.section-highlight .nav .nav-link.active  {
	color: #000;
	background-color: #bab3ae;
}

.section-highlight .nav > li > a {
	color: #c6916a;
	border: 0;
	font-size: 12px;
    font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.section-exterior {
	background-color: #788888;
}

.section-facility {
	background-color: #ae9f98;
}

.section-facility > .floor-detail {
	/*background-color: #fff;*/
	background-color: #ae9f98;
}

.section-facility .floor-filter label {
	color: #fff;
	font-size: 12px;
	padding-left: 70px;
}

.section-facility .floor-filter h6 {
	color: #fff;
}

.section-gallery .arrow-l.arrow-left,
.section-gallery .arrow-r.arrow-right {
	top: 42%;
}

.youtube-iframe {
	height: 540px;
}

.navbar .dropdown-menu {
	padding-left: 0px;
}

.navbar-dark .navbar-toggler {
	border-color: #fff;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* .dropdown-menu.gallery { */
	/*width: 140%;*/
	/*width: 175%;*/
/* } */

.section-facility .img-building {
	height: 550px;
}

/* .floor-detail .image { */
	/*max-height: 400px;*/
/* } */

.section-master-plan .image-floor-plan img, .section-gallery .images-unit img, .section-living-space .images-construction img {
	width: 600px;
}

.section-facility .floor-1 {
	left: 0;
	right: 0;
	bottom: 10px;
    padding-right: 350px;
}

.section-facility .floor-2 {
	left: 0;
	right: 0;
	bottom: 30px;
    padding-left: 350px;
}

.section-facility .floor-30 {
	left: 0;
	right: 0;
	top: 190px;
    padding-left: 350px;
}

.section-facility .floor-34 {
	left: 0;
	right: 0;
	top: 125px;
    padding-left: 350px;
}

.section-facility .floor-37 {
	left: 0;
	right: 0;
	top: 90px;
    padding-right: 350px;
}

.section-facility .rooftop-1 {
	left: 0;
	right: 0;
	top: 45px;
    padding-right: 350px;
}

.section-facility .rooftop-2 {
	left: 0;
	right: 0;
	top: 25px;
    padding-left: 350px;
}

.btn-line-easyconnect {
    position: absolute;
	top: 70%;
    left: 69.5%;
    transform: translate(-50%, -50%);
}

.btn-line-easyconnect > img {
    width: 220px;
    box-shadow: 7px 7px 7px 0px #8a8a8ac7;
}

.section-award {
	background-color: #ae9f98;
}

@media only screen and (min-width: 1024px) {
	.section-slide .images-slide > div {
		margin: 0px;
	}

	.section-slide .images-slide > div .owl-item > div {
		padding: 0px;
	}

	.section-exterior .images-exterior > div {
		margin: 0px;
	}

	.section-exterior .images-exterior > div .owl-item > div {
		padding: 0px;
	}

	.section-interior .images-interior > div {
		margin: 0px;
	}

	.section-interior .images-interior > div .owl-item > div {
		padding: 0px;
	}

	.section-wtsau .images-wtsau > div {
		margin: 0px;
	}

	.section-wtsau .images-wtsau > div .owl-item > div {
		padding: 0px;
	}

	.floor-facility {
		text-align: center;
	}

	.floor-facility .facility-select img {
		width: 115px !important;
	}

	.section-neighborhood img {
		width: 100% !important;
		height: auto !important;
	}

	.images-gallery > div, 
	.images-gallery2 > div, 
	.images-gallery3 > div,
	.images-construction > div {
		margin: 0px;
	}
}

@media only screen and (min-width: 768px) {
	/* #highlight img { */
		/*width: 100px !important;*/
	/* } */

	.youtube-iframe {
		height: 405px;
	}
}

@media only screen and (max-width: 1024px) {
	.ci_sathorn .navbar-brand {
	    position: relative;
	    margin: 0;
	    text-align: left;
	    padding-left: 0;
	}

	.ci_sathorn .navbar-text {
	    position: absolute;
    	right: 15px;
    	top: 13px;
	}

	.section-slide .images-slide > div, 
	.section-unit-plan .images-unit-plan > div, 
	.section-gallery .images-gallery > div,
	.section-gallery .images-gallery2 > div,
	.section-gallery .images-gallery3 > div,
	.section-gallery .images-unit > div,
	.section-living-space .images-construction > div,
	.section-living-space .images-living-space > div, 
	.section-exterior .images-exterior > div,
	.section-interior .images-interior > div,
	.section-wtsau .images-wtsau > div {
		margin: 0;
	}

	.images-living-space .arrow-l.arrow-left,
	.images-living-space .arrow-r.arrow-right {
		top: 42%;
	}

	.images-living-space {
		padding-left: 0px;
	}

	.dropdown-menu.gallery {
		width: 100%;
	}

	.btn-line-easyconnect > img {
	    width: 260px;
	}
}

@media only screen and (max-width: 768px) {
	.navbar-collapse.collapse.show {
		display: block !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 0px;
	    padding-left: 0px;
	    font-size: 12px;
	}

	.navbar-brand {
		margin: 0;
    	padding: 15px;
	}

	.navbar-text {
		width: 270px;
    	text-align: right;
	}

	.images-living-space .arrow-l.arrow-left,
	.images-living-space .arrow-r.arrow-right {
		top: 41%;
	}

	.btn-line-easyconnect > img {
	    width: 195px;
	}
}

@media only screen and (max-width: 425px) {
	.ci_sathorn .navbar-text {
    	right: 80px;
	}

	.section-banner .title {
		font-size: 19px;
    	letter-spacing: 2px;
	}

	.section-slide .title {
		font-size: 25px;
		letter-spacing: 1px;
	}

	.section-slide p {
		font-size: 14px;
    	text-align: justify;
	}

	.section-slide .images-slide, 
	.section-unit-plan .images-unit-plan, 
	.section-gallery .images-gallery,
	.section-gallery .images-gallery2,
	.section-gallery .images-gallery3,
	.section-living-space .images-construction,
	.section-gallery .images-unit,
	.section-living-space .images-living-space,
	.section-exterior .images-exterior,
	.section-interior .images-interior,
	.section-wtsau .images-wtsau {
		padding-right: 0;
		padding-left: 0;
	}

	.section-map {
		padding-bottom: 75px !important;
	}

	.section-sub-banner .title {
		font-size: 14px;
	}

	.section-sub-banner ul > li {
	    font-size: 13px;
	}

	.navbar-text {
		width: 135px;
    	text-align: right;
	}

	.images-living-space .arrow-l.arrow-left,
	.images-living-space .arrow-r.arrow-right {
		top: 35%;
	}

	.youtube-iframe {
		height: 240px;
	}

	.section-facility h6 {
		font-size: 10px;
	}

	.floor-detail .image {
		width: 100%;
		max-height: auto;
	}

	.section-master-plan .image-floor-plan img, .section-gallery .images-unit img {
		width: 100%;
	}

	.section-register-top img {
		width: 100%;
	}

	#wtsau-prev, #wtsau-next {
		top: 90px;
	}

	.section-facility .img-building {
	    height: 425px;
	}

	.section-facility .floor-1, .section-facility .floor-37, .section-facility .rooftop-1 {
	    padding-right: 240px;
	}

	.section-facility .floor-2, .section-facility .floor-30, .section-facility .floor-34, .section-facility .rooftop-2 {
	    padding-left: 240px;
	}

	.btn-line-easyconnect {
	    top: 75%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.btn-line-easyconnect > img {
	    width: 170px;
	}
}

@media only screen and (max-width: 375px) {
	.section-banner .title {
		font-size: 16px;
    	letter-spacing: 1px;
	}

	.youtube-iframe {
		height: 210px;
	}

	.btn-line-easyconnect > img {
	    width: 160px;
	}
}