/*
 Theme Name:   Ralph Rose Child
 Description:  Ralph Rose Child Theme
 Template:     ralphrose
 Version:      1.0.0
*/

/* FONTS
----------------------*/

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

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

 	@font-face {
		font-family: 'Optima';
		font-style: normal;
		font-weight: normal;
		src: local('Optima'), url('fonts/OPTIMA.woff') format('woff');
    }

    @font-face {
		font-family: 'Optima Bold';
		font-style: normal;
		font-weight: normal;
		src: local('Optima Bold'), url('fonts/OPTIMA_B.woff') format('woff');
    }


/* MAIN STYLESHEET
----------------------*/
*{ margin:0; padding:0; box-sizing:border-box; line-height: 1.2em; }
body{font-family: "Oxygen", sans-serif;font-style: normal;font-weight: 400;background: none;overflow-x:hidden;}
h1{font-family: 'Classy Vogue';font-style: normal;}
h2,h3,h4,h5,h6{font-family: 'Optima Bold';}

a{ outline:none; text-decoration:none; }
img{ border:none; max-width:100%; height:auto; }
p{font-family: "Oxygen", sans-serif; font-size: 20px; line-height: 1.5em; color:#231F20; margin: 0 0 20px 0; }
p:last-child,p:empty{ margin: 0; }
ul{padding: 0 0 0 20px;}
ul li{ font-family: "Oxygen", sans-serif; line-height: 1.5em;font-size: 20px;color:#231F20;}
ul li{margin:5px 0;}
ul#menu-main-menu li a{font-family:Helvetica, sans-serif;font-weight: 700;}

.hideme{opacity:0;}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){ background:none; text-decoration:none; outline:none; }
.row{ align-items: center; }
.show-mobile{ display:none; }
.align-left{ text-align:left; }
.align-center{ text-align:center; }
.align-right{ text-align:right; }
.white-txt{ color:#fff !important; }
.text-center{ text-align: center; }
.grey-bg{background:#F6F6F6;}
.max-width-1150{ max-width: 1150px; margin: 0 auto; text-align:center; }
.max-width-900{ max-width: 900px; margin: 0 auto; text-align:center; }
.max-width-550{ max-width: 550px; margin: 0 auto; text-align:center; }

/* FORM FIELD
----------------------*/
input[type="text"], input[type="email"],
input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], .form-control{
	font-size: 18px;
	display: block;
	width: 100%;
	height: 55px;
	padding: 13px 20px;
	margin: 0;
	color: #AEAEAE;
	background-color: #F3F3F3;
	border: 1px solid #AEAEAE;
	border-radius: 100px;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="number"]:focus, .form-control:focus{
	outline: 0;  
	color: #AEAEAE;
	background-color: #ffffff;
	border: 1px solid #AEAEAE;
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
.form-control::-moz-placeholder{ color: #AEAEAE; opacity: 1; }
.form-control:-ms-input-placeholder{ color: #AEAEAE; }
.form-control::-webkit-input-placeholder{ color: #AEAEAE; }
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control{ cursor: not-allowed; background-color: transparent; opacity: 1; }
input:-internal-autofill-selected { background-color: transparent; }
textarea.form-control{ border: 1px solid #AEAEAE; height: auto; border-radius: 20px; }

.form-group{ margin-bottom: 25px; }

.wpcf7-not-valid{ border-color: #b2241c!important; }
.wpcf7-not-valid-tip{ font-size: 18px; margin-top: 7px; }
.wpcf7 form .wpcf7-response-output{
	font-size: 18px;
	padding: 8px 15px 8px 15px;
	margin: 15px 0 0 0;
	color: #ffffff;
	background-color: transparent;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{ background-color: #b2241c; border-color: #b2241c; }
.wpcf7 form.sent .wpcf7-response-output{ background-color: #ffb900; border-color: #ffb900; color: var(--black); }
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{ color: #ffffff; background-color: #b2241c; border-color: #b2241c; }
.wpcf7-form .wpcf7-response-output:empty{ display: none; }
.form-group span[data-name="agree-terms"] input[type="checkbox"]{margin: 10px 5px -5px 0;}

/* BUTTONS
----------------------*/
.btn, #primary input.btn{
	font-size: 16px;
	font-weight: 600;
	min-width: 220px;
	padding: 15px 40px;
	color: #ffffff;
	background: #000000;
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	border: 2px solid #000000;
	letter-spacing: 1px;
	text-transform: uppercase; min-width:280px;
}
.btn:hover, #primary .btn:focus,
#primary input.btn:hover,
#primary input.btn:focus{ background: transparent; outline: none; text-decoration: none; color: #000; border: 2px solid #000; }
.btn img{ height: 24px;vertical-align: middle;display: inline-block;margin: -3px 5px 0 0; }
.btn.btn-brown{ background:#C29B40;color:#fff;border-color:#C29B40; }
.btn.btn-brown:hover{ background:transparent;color:#fff;border-color:#fff; }
.btn.btn-white{ background:#fff;color:#000;border-color:#fff; }
.btn.btn-white:hover{ background:transparent;color:#fff; }
.btn.btn-outline{ background:transparent;color:#fff;border-color:#fff; }
.btn.btn-outline:hover{ background:#fff;color:#000; }
.btn-row{ margin: 50px 0 0 0; }
.btn-arrow{padding:0 0 0 35px !important;display: flex;align-items: center;justify-content: space-between; max-width:220px;min-width: auto;border-color:transparent;}
.btn-arrow i{font-size:50px;margin:0 -2px 0 0;}

/* PADDING & MARGINS 
----------------------*/
header .container,
section .container,
footer .container{ width:100%; max-width: 1600px; padding: 0 20px; }
section{ padding:80px 0; }
section .section-title{ font-size: 48px; color: #000; margin: 0 0 25px; line-height: 1.2em; }
section .subtitle{ font-size: 30px; color: #000; line-height: 1.2em; margin: 0 auto 40px; max-width: 1200px; }

/* SLIDER
----------------------*/
.owl-stage-outer{overflow:hidden;padding:0 0 40px;}
.owl-stage{display:flex;justify-content: space-between; align-items: center;}
.owl-stage .owl-item{padding:0 15px;}
.owl-nav.disabled, .owl-dots.disabled{display:none;}
.owl-nav{float:right;width:auto;}
.owl-nav button span{font-size: 30px;line-height: 20px;display: none;}
.owl-nav button{outline:none;padding:0px;border:1px solid #CCCCCC;background:none !important;border-radius:100%;width:60px;height:60px;margin:0 10px;}
.owl-nav button:hover, .owl-nav button:focus{border-color:#FF8620;}
.owl-nav button:before{
	content:'';
	font-family: 'FontAwesome';
	color:#CCCCCC;
	font-size:25px;
}
.owl-nav .owl-prev::before {content:"\f30a";}
.owl-nav .owl-next::before {content:"\f30b";}
.owl-nav button:hover:before, .owl-nav button:focus:before{color:#FF8620;}
.owl-dots{float:left;margin:0 15px;}
.owl-loaded .owl-dots .owl-dot{background:#E8E8E8 !important;border:2px solid #fff;width:15px;height:15px;padding:0;border-radius:100%;margin:0 3px;}
.owl-loaded .owl-dots .owl-dot.active, .owl-loaded .owl-dots .owl-dot:hover, .owl-loaded .owl-dots .owl-dot:focus{border-color:#000;background:#fff !important;}

/* HEADER
----------------------*/
#header-section{ position:fixed; width:100%; z-index:10; padding:30px 0; transition: all 0.5s ease; }
#header-section.fixed{ background:rgba(0,0,0,1); padding:15px 0; }
#header-section img{ max-width:none; vertical-align:middle; display:inline-block;height:60px;width: auto;}
#header-section .simsm-shortcode-ui span{width:auto;height:auto;}
#header-section .simsm-shortcode-ui span:before{width:35px;height:35px;font-size:35px;}
#header-section .col-xs-8{
	-ms-flex-preferred-size: 66.66666667%!important;
	flex-basis: 66.66666667%!important;
	max-width: 66.66666667%!important;
}
#header-section .col-xs-4{
	-ms-flex-preferred-size: 33.33333333%!important;
	flex-basis: 33.33333333%!important;
	max-width: 33.33333333%!important;
}

/* BANNER
----------------------*/
#banner-section{
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 100vh;
	padding: 0 0 60px 0; 
	color: #ffffff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}
#banner-section:before{
	content:'';
	position:absolute;
	bottom: 0; left:0;
	width: 100%; height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1;
}
.video-bg{position:absolute;top:50%;left:50%;width:100vw;height:100vh;object-fit:cover;z-index:0;object-fit: cover;transform: translate(-50%, -50%);}

.video-background {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .video-background iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;max-width: none;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;max-width: none;
  }
}


#banner-section .container{ position:relative; display: flex; justify-content: center;z-index: 2;}
#banner-section .container .row{ width: 100%; align-items: end; }
#banner-section h1{ font-size: 70px; color:#fff; font-weight: 500; margin-bottom: 15px; }
#banner-section .banner-txt{ color:#fff; font-size: 24px; }
#banner-section .banner-txt p{ color:#fff; font-size: 24px; }
#banner-section .banner-btn{ display: flex; gap: 20px; margin: 30px 0 0 0;flex-wrap: wrap;}

.social-links a{ display: inline-block; margin: 0 10px; }
.social-links a:hover img{ opacity: 0.9; }

#banner-section .banner-form{ background: #FFFFFF; border-radius: 10px; padding: 25px 30px; }
#banner-section .banner-form .row{ margin: 0; align-items: center; gap: 30px; }
#banner-section .banner-form .col{ width: calc(20% - 30px); position: relative; }
#banner-section .banner-form .col + .col:after{
	content:'';
	position:absolute;
	top: 4px; left: -15px;
	width: 1px; height: 50px;
	background:#000;
}

.banner-form p{ margin:0; }
.banner-form .wpcf7-spinner{ position:absolute; }
.banner-form input{
	font-size:18px;
	height: 60px;
	display: block;
	padding:10px 20px;
	background:#F3F3F3;
	border:1px solid rgba(0, 0, 0, 0.5);
	border-radius:30px;
}
.banner-form .btn{margin:0;padding: 15px 20px;}

/* HOME PAGE
----------------------*/
#intro-section{ background: #F6F6F6; }
#intro-section .img-cont{ position: relative; display: inline-block; padding: 0 20px; }
#intro-section .img-cont img{ position: relative; z-index: 1; }
#intro-section .img-cont:before{
	content: '';
	position: absolute;
	bottom: 20px; right: 0; 
	width: 92%; height: 100%;
	border: 1px solid #000000;
}
#intro-section .img-cont:after{
	content: '';
	position: absolute;
	top: 20px; left: 0;
	width: 92%; height: 100%;
	background: #000000;
}
#intro-section .img-box img{ height:auto; }
#intro-section .intro-txt{ padding-left: 30px; }

#development-section .view-button a{ font-size: 28px; font-weight: bold; color: #000000; }
#development-section .view-button img{ width: 35px; vertical-align: middle; }
#development-section .properties_list .row > div{ padding: 10px; }
#development-section .property-cont{ border-radius: 10px; overflow: hidden; position: relative; }
#development-section .property-cont .info-cont{
	position: absolute;
	bottom: 50px;
	width: 100%;
	padding: 20px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	display: flex;
	z-index: 1;    align-items: center;
}
#development-section .property-cont .info-cont *{width:50%;}
#development-section .property-cont .info-cont h4{font-size:30px;width:65%;}
#development-section .property-cont .info-cont .prop-info{font-size:20px;width:35%;}

#variations-section{background:#F6F6F6;}
#variations-section .container{max-width:1750px;margin-right: 0;}
#variations-section .col-xs-8{overflow:hidden;}
#variations-slider{padding:0 120px 0 0;margin:0 0 0 -5px;}
#variations-slider .slick-list{overflow:visible;}
#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .wpsisac-slick-image-slide{padding:0 25px;}
#variations-slider h2.wpsisac-slide-title, #variations-slider h2.wpsisac-slide-title a{font-size:30px !important;}
#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .wpsisac-slide-wrap{border:none;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);border-radius: 8px;background: #fff;}
#variations-slider .wpsisac-slick-carousal-wrp{margin-bottom:100px;}
#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .slick-arrow{left: auto;right:-10px;top: auto;bottom:-100px;width:59px;height:37px;opacity:0.5;}
#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .slick-next{right:-85px;background:url(images/right-arrow.svg) 0 0 no-repeat;}
#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .slick-prev{background:url(images/left-arrow.svg) 0 0 no-repeat;}
#variations-slider .wpsisac-slick.wpsisac-arrow-design-8 .slick-arrow:hover{transform:none; height: 37px!important;opacity:1;}

#why-section{background-position:center top;background-repeat:no-repeat;background-size:cover;padding-bottom:250px;color:#fff;}
#why-section .section-title, #why-section p{color:#fff;}
#why-section .left-widgets{max-width:650px;}
#why-section .left-widgets .row{align-items:flex-start;}
#why-section .left-widgets .col-xs-6{text-align:center;padding:50px;}
#why-section .left-widgets .col-xs-6 img{height:100px;width:auto;display:block;margin:0 auto 20px;}
#why-section .left-widgets .col-xs-6:nth-child(1), #why-section .left-widgets .col-xs-6:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.5);}
#why-section .left-widgets .col-xs-6:nth-child(2), #why-section .left-widgets .col-xs-6:nth-child(4){border-left:1px solid rgba(255,255,255,0.5);}

#newsletter-section{padding-top:0;}
#newsletter-section .newsletter-container{border-radius:58px;background:#FFFFFF;box-shadow:0 0 40px rgba(0, 0, 0, 0.1);margin:-150px 0 100px 0;}
#newsletter-section .newsletter-container .section-text{padding:0 30px 0 0;}
#newsletter-section .regulated-list{text-align:center;padding:30px 0 0;max-width:1200px;margin:0 auto;}
#newsletter-section .regulated-list img{max-width:200px;height:auto;}

/* OUR DEVELOPMENTS
--------------------*/
.projects_list .project_row{
	display: flex;
	flex-flow: column wrap;
	align-content: space-between;
	height: 2200px;
	counter-reset: items;
}
.projects_list .project_row .item{width:calc(50% - 30px);margin:15px;box-sizing: border-box;position:relative;}
.projects_list .project_row .item::before {counter-increment: items; content: counter(items);display:none;}
.projects_list .project_row .item:nth-child(odd) { order: 1; }
.projects_list .project_row .item:nth-child(even) { order: 2; }
.projects_list .project_row .item .project-info{
	position: absolute;
	top: 50%;
	transform: translateY(-50%); 
	width: 100%;
	color:#fff;
	text-align: center;
	z-index:1;
}
.projects_list .project_row .project-info-inner{max-width:400px;margin:0 auto;}
.projects_list .project_row .item:after{content:''; position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));}
.projects_list .project_row .item h3{font-size: 50px;text-transform: uppercase;font-weight: 600;line-height: 1.2em; margin: 0 0 20px; padding: 0 15px; }
.projects_list .project_row .item h4{font-size: 24px;font-weight: 500;line-height: 0;margin:0;opacity:0;}
.projects_list .project_row .item:hover:after{background:rgba(194,155,64,0.8);}
.projects_list .project_row .item:hover h4{opacity:1; line-height: 1.3; margin: 0 0 15px 0; }
.projects_list .project_row .item:hover .btn{border-color:#fff;}

/* DEVELOPMENTS DETAIL
----------------------*/
#banner-info{ background:#0C0C0E; color:#fff; padding: 50px 0;}
#banner-info .info-cont{border-bottom:2px solid #C29B40;padding:0 0 20px;max-width:320px;}
#banner-info .info-cont p{color:#fff;font-size:18px;margin: 0;}
#banner-info .info-cont h5{font-size:40px;margin:15px 0;font-weight:600;font-family: "Oxygen", sans-serif;}

.property-slider{margin:0 0 30px 0; position: relative;}
.property-slider .owl-nav{float:none;width:100%;position:absolute;top:calc(50% - 30px);display: flex; justify-content: space-between;}
.property-slider .owl-nav button{border:none;color:#fff;}
.property-slider .owl-nav .owl-prev::before{content:"\f053";color:#fff;}
.property-slider .owl-nav .owl-next::before{content:"\f054";color:#fff;}
.property-slider .owl-nav button:hover:before{color:#C29B40;}
.property-slider .owl-dots{float:none;text-align:center;position: absolute;bottom: 80px; width: 100%;}
.property-slider.owl-loaded .owl-dots .owl-dot{border-radius:0;background:none !important;}
.owl-loaded .owl-dots .owl-dot.active, .owl-loaded .owl-dots .owl-dot:hover, .owl-loaded .owl-dots .owl-dot:focus{border-color:#C29B40;background:#C29B40 !important;}

#facilities-list .facilities-inner{display:flex;gap:20px; align-items: center;padding:10px 0;}
#facilities-list .facilities-inner img{width:50px;height:60px;}
#facilities-list .facilities-inner h4{font-size:20px;line-height:28px;font-weight:500;}

section#our-developement-section .section-title{margin:0;}
section#our-developement-section .wpsisac-slider-short-content{display:none;}
section#our-developement-section a:hover ~ .wpsisac-slide-wrap .wpsisac-slider-short-content{display:block;}

#why-invest-section{background:#0C0C0E;color: #fff;}
#why-invest-section .section-title, #why-invest-section .section-text p, #why-invest-section .section-text{color:#fff;}

#widgets_list{margin:70px 0 0;padding:70px 0 0;border-top:1px solid #C29B40;}
#widgets_list img{padding:0 0 15px 20px;height: 85px;width: auto;}
#widgets_list .info-cont{border-left: 2px solid #CAAD6B;padding:0 0 0 20px;}
#widgets_list .info-cont h4{font-size:26px;font-weight:500;margin:0 0 10px;}
#widgets_list .info-cont p{font-size:18px;color:#fff;}

@media only screen and (min-width: 992px) {
    #widgets_list .col-md-2 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

/* THANK YOU PAGE
-----------------------*/
#thankyou-section{position:relative;background:url(images/thankyou-bg.webp) 0 0 no-repeat;background-size:cover;height:100vh;width:100%;display:flex;flex-direction:column;color:#fff;justify-content: center;padding:50px 0;}
#thankyou-section:before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.7); position: absolute; top: 0;}
#thankyou-section .m-container{max-width:800px;}
#thankyou-section > div{position:relative;}
#thankyou-section h2{color:#fff;font-size:40px;margin:0 0 20px;}
#thankyou-section p{color:#fff;font-size:22px;line-height:30px;}
#thankyou-section a:not(.btn){color:#F94D2D;font-weight:700;}

/* ABOUT US
---------------------*/
.our-vision-section .vision-content{ padding: 0 50px; }
.our-values-section .values-content{ padding: 0 50px; }
.our-vision-section .vision-img{ text-align: right; }
.our-values-section .values-img{ text-align: left; }
.our-vision-section .vision-content ul{ padding: 0 0 0 20px; margin: 0; }
.our-vision-section .vision-content ul li{ font-size: 20px; color: #231F20; margin: 0 0 10px 0; }
.why-choose-box{ position: relative; margin-top: 30px; z-index:1; }
.why-choose-box:before{
	content: "";
	position: absolute;
	top: 18px; left: 25px;
	width: 100%; height: 100%;
	border-top: 1px solid #000000;
    z-index: -1;
}
.why-choose-box:last-child:before{ content: unset; }
.why-choose-box .circle{
	position: relative;
	width: 37px; height: 37px;
	line-height: 37px;
	background: #FFFFFF;
	border: 4px solid #C29B40;
	border-radius: 100%;
	z-index: 1;
	overflow: hidden;
	margin-bottom: 20px;
}
.why-choose-box h3{ margin-bottom: 10px; }
.development-slider{ padding-top: 30px; }
.development-slider h2.wpsisac-slide-title{ font-size: 28px!important; margin: 0 0 15px 0!important; }
.development-slider p{ color: #ffffff; }
.development-slider .wpsisac-readmore{display:none;}
.about-contact-image{ position: relative; padding-left: 50px; z-index: 1; margin-top: 50px; }
.about-contact-image:before{
	content: "";
	position: absolute;
	top: -20px; bottom: 0;
	left: 25px; right: 0;
	width: 80%; height: 100%;
	background-color: #002349;
	z-index: -11;
}
.about-contact-image:after{
	content: "";
	position: absolute;
	top: -40px; bottom: 0;
	left: 0; right: 0;
	width: 50%; height: 100%;
	border: 1px solid #C29B40;
	z-index: -12;
}
.about-contact-form{ padding-left: 50px; }

/* CONTACT US
---------------------*/
.contact-form{ padding-left: 50px; }
.contact-info{ padding: 30px; background: #000000; }
.contact-info .info-box{ margin-bottom: 30px; }
.contact-info .info-box:last-child{ margin-bottom: 0; }
.contact-info .info-box h3{ font-size: 24px; color: #ffffff; margin-bottom: 5px; }
.contact-info .info-box p{ font-size: 18px; color: #ffffff; margin-bottom: 0; }
.contact-info .info-box .icon-box{ display: flex; align-items: center; margin-top: 10px; }
.contact-info .info-box .icon-box .icon{ margin-right: 15px; }
.contact-info .info-box .icon-box .icon img{ max-width: 50px; }
.contact-info .info-box .icon-box .content{ color: #ffffff; }
.contact-info .info-box .icon-box .content a{ color: #ffffff; }
.contact-info .info-box .icon-box .content ul{ padding: 0; margin: 0; list-style: none; }
.contact-info .info-box .icon-box .content ul li{ padding: 0 5px 0 5px; display:inline-block; }
.contact-info .info-box .icon-box .content ul li:first-child{ padding: 0 5px 0 0; display:inline-block; }
.contact-info .info-box .icon-box .content ul li:last-child{ padding: 0 0 0 5px; display:inline-block; }
.contact-map{ padding-top: 70px; }
.contact-map iframe{ height: 500px; }

/* LOCATION
---------------------*/
#introduction-section{ background: #FFF; }
#introduction-section h2{max-width:900px;margin:0 auto 25px;}

#information-section{padding:0;}
#information-section > div{padding:80px 0;}
#information-section .information_list .info-img{text-align:right;}
#information-section .information_list .reverse .info-img{text-align:left;}

/* FOOTER
----------------------*/
footer#colophon{padding:50px 0;background:#000;color:rgba(255,255,255,0.75);max-width:100%;font-size:15px;margin:0;}
footer#colophon img.footer-logo{height:aut0;width:380px;margin:0 0 15px;}
footer#colophon .container{margin:0 auto;}
footer#colophon .row.center-row{padding-top:50px;padding-bottom:50px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
footer#colophon a, footer#colophon p{color:rgba(255,255,255,0.75);font-size:15px;}
footer#colophon a:hover{color:#fff;}
footer#colophon ul{list-style:none;margin:0;padding:0;display:flex;}
footer#colophon .footerMenu1 ul{flex-direction:column;gap:12px;}
footer#colophon .footerMenu1 a{font-size:18px;}
footer#colophon .footerMenu2 ul{gap:20px;justify-content: end;}
footer#colophon .footerMenu2 li a{margin:0 20px 0 0;}
footer#colophon .footerMenu2 li:not(:last-child):after{content:'';width:1px; height:15px;background:rgba(255,255,255,0.75);display:inline-block;vertical-align:middle;}
footer#colophon .footerMenu2 li:last-child a{margin:0;}
footer#colophon .copyrights, footer#colophon .footertxt{font-size:15px;}
footer#colophon .row:last-child{padding:40px 0 0;}
footer#colophon .social-links a{display:inline-block;width:45px;height:45px;text-align:center;border:1px solid #fff;line-height:40px;}
footer#colophon .footerContactInfo p, footer#colophon .footerContactInfo p a{font-size:18px;}

/* SCROLL TOP
----------------------*/
.scroll-top{display:none;position:fixed;bottom:50px;right:20px;z-index:999;background:#000;width:25px;border-radius:15px;}



/* RESPONSIVE
----------------------*/
@media only screen and ( max-width: 1299px ) {
	#banner-section h1{ font-size: 64px; }
	section .section-title{ font-size: 46px; }
	#development-section .view-button a{ font-size: 26px; }
	#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .wpsisac-slick-image-slide{ padding: 0 20px; }
	#why-section .left-widgets .col-xs-6{ padding: 30px; }
	.projects_list .project_row .item h3{ font-size: 42px; }
	footer#colophon a, footer#colophon p{ font-size: 14px; }
	footer#colophon .copyrights, footer#colophon .footertxt{ font-size: 14px; }
	.contact-map{ padding-top: 65px; }
	.contact-map iframe{ height: 470px; }
}
@media only screen and ( max-width: 1199px ) {
	section{ padding: 60px 0; }
	#banner-section h1{ font-size: 60px; }
	#banner-section .banner-form .row{ gap: 15px; }
	#banner-section .banner-form .col + .col:after{ left: -6px; }
	section .section-title{ font-size: 42px; }
	#development-section .view-button a{ font-size: 22px;margin: 0 0 25px; display: block;}
	#development-section .view-button img{width:25px;}
	#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .wpsisac-slick-image-slide{ padding: 0 15px; }
	#why-section .left-widgets .col-xs-6{ padding: 25px; }
	#why-section .icon-cont h4{ font-size: 20px; }
	#newsletter-section .newsletter-container{ margin: -170px 0px 70px 0; }
	#newsletter-section .newsletter-container .row{ padding: 30px 0; }
	footer#colophon{ padding: 50px 0; }
	footer#colophon .footerMenu2 li:not(:last-child):after{ content: unset; }
	footer#colophon .footerMenu2 li a{ margin: 0 5px 0 0; }
	#widgets_list{ margin: 50px 0 0; padding: 50px 0 0; }
	.our-vision-section .vision-content{ padding: 0 0 25px 0; }
	.our-values-section .values-content{ padding: 25px 0 0 0; }
	.why-choose-box:before{ left: 0; }
	.why-choose-box:last-child:before{ content: ""; }
	.about-contact-form{ padding-top: 20px; padding-left: 0; }
	.contact-form{ padding-top: 25px; padding-left: 0; }
	.contact-map{ padding-top: 60px; }
	.contact-map iframe{ height: 440px; }
}

@media only screen and ( max-width:1023px ) {
	#information-section > div{padding:40px 0;}
	.information_list .row{flex-direction: column-reverse;}
	section .information-list .container{padding:0 25px;}
	.information_list .row > div{width:100%;}
	.information_list .row .info-img{margin:0 -20px 30px 0;}
	.information_list .row.reverse .info-img{margin:0 0 30px -20px;}
	
	.reverse > div{order:2;}
	.reverse > div + div{order:1;}
}

@media only screen and ( max-width: 991px ) {
	#banner-section h1{ font-size: 56px; }
	#banner-section .banner-txt{ font-size: 22px; }
	#banner-section .banner-form .col{ width: calc(100% - 0px); }
	#banner-section .banner-form .col + .col:after{ content: unset; }
	.banner-form input{ margin: 0; }
	.social-links a{ margin: 0 4px; }
	#header-section .col-xs-6{
		-ms-flex-preferred-size: 50%!important;
		flex-basis: 50%!important;
		max-width: 50%!important;
	}
	section .section-title{ font-size: 38px; }
	.col-xs-4, .col-xs-6, .col-xs-8{
		-ms-flex-preferred-size: 100%!important;
		flex-basis: 100%!important;
		max-width: 100%!important;
	}
	
	/* #development-section .col-xs-6{
		-ms-flex-preferred-size: 50%!important;
		flex-basis: 50%!important;
		max-width: 50%!important;
	}*/
	
	#intro-section .intro-txt{ padding-left: 0; padding-top: 40px; }
	#variations-slider{ padding-top: 30px; padding-right:80px;}
	#why-section .left-widgets{ max-width: 100%; }
	#why-section .left-widgets .col-xs-6:nth-child(1),
	#why-section .left-widgets .col-xs-6:nth-child(2){ border-bottom: unset!important; }
	#why-section .left-widgets .col-xs-6:nth-child(2),
	#why-section .left-widgets .col-xs-6:nth-child(4){ border-bottom: unset!important; border-left: unset!important; }
	#newsletter-section .newsletter-container .row{ padding: 0; }
	#newsletter-section .newsletter-container .section-text{ padding: 0 30px 30px 30px; }
	#newsletter-section .newsletter-container .section-title{ padding: 0 30px 0 30px; }
	#newsletter-section .regulated-list img{ max-width: 160px; }
	footer#colophon ul{ display:inline-block; }
	footer#colophon .footerMenu1 a{ padding-top: 10px; display: inline-block; }
	footer#colophon a, footer#colophon p{ font-size: 18px; }
	footer#colophon .footerMenu2 ul{width: 100%; text-align:left;}
	footer#colophon .footerMenu2 li a{ margin: 10px 0 0 0!important; display: inline-block; }
	footer#colophon .col-xs-10{ -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; }
	footer#colophon .col-xs-2{ -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; }
	.site-footer .social-links.align-right{ text-align: left; }
	.site-footer .social-links .sponserlist{ padding-top: 25px; }

	.projects_list .project_row{ display:inline-block; width:100%; height: auto; }
	.projects_list .project_row .item{ width: 100%; margin: 0 0 30px 0; }

	#banner-info .info-cont{ padding: 20px 0 20px 0; }
	#banner-info .info_list .col-xs-3{ -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	#widgets_list .col-xs-3{ -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	#widgets_list .info-cont{ padding: 0 0 20px 20px; }
	.contact-map{ padding-top: 55px; }
	.contact-map iframe{ height: 410px; }
}
@media only screen and ( max-width: 767px ) {
	
	#banner-section{min-height:80vh;}
	#header-section img{height:auto;max-width:300px;}
	#header-section{ padding: 20px 0; }
	.simple-slideout-menu-panel ul.slideout-menu a{ font-size: 24px!important; }
	section{ padding: 50px 0; }
	#banner-section{ padding: 0 0 100px 0; }
	#banner-section .col-xs-10{ -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; }
	#banner-section .col-xs-2{ -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; }
	#banner-section h1{ font-size: 46px; }
	#banner-section .banner-btn .btn{display:block;}
	#banner-section .social-links{ text-align: left; padding-top: 20px; }
	.btn, #primary input.btn{ min-width:250px; font-size: 14px; padding: 15px 30px; }
	section .section-title{ font-size: 34px; }
	.regulated-list .col-xs-3{
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	footer#colophon .col-xs-3{ -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; }
	footer#colophon .col-xs-9{ -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; }
	footer#colophon .row:last-child{ padding: 30px 0 0; }
	footer#colophon .copyrights, footer#colophon .footertxt{ font-size: 18px; text-align: left; }
	footer#colophon{ padding: 35px 0; }
	.footertxt{ padding-top: 15px; }
	#newsletter-section .regulated-list{ padding: 0; }
	#why-section{ padding-bottom: 220px; }
	#why-section .left-widgets .col-xs-6{-ms-flex-preferred-size: 50% !important;flex-basis: 50% !important;max-width: 50% !important;}
	
	#newsletter-section .newsletter-container{ margin: -170px 0px 50px 0; }
	#newsletter-section .newsletter-container .section-title{ padding: 0 20px 0 20px; }
	#newsletter-section .newsletter-container .section-text{ padding: 0 20px 20px 20px; }
	#banner-section .banner-txt p{ font-size: 20px; }
	.projects_list .project_row .item h3{ font-size: 36px; }
	#variations-slider{padding-right:50px;padding-top:0;}
	#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .slick-arrow{ width: 40px; }
	#variations-slider h2.wpsisac-slide-title, #variations-slider h2.wpsisac-slide-title a{ font-size: 28px!important; }
	#variations-slider .wpsisac-slick-carousal-wrp{ margin-bottom: 70px; }
	#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .slick-arrow{right:40px;}
	#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .slick-next{right: -20px;}
	#variations-section .btn{display:none;}
	#variations-slider .wpsisac-img-wrap{height:300px;}
	#variations-slider img.wpsisac-slider-img{height:auto;}
	
	#development-section .col-xs-6{
		-ms-flex-preferred-size: 100%!important;
		flex-basis: 100%!important;
		max-width: 100%!important;
	}
	
	.contact-info{ padding: 20px; }
	.contact-map{ padding-top: 50px; }
	.contact-map iframe{ height: 380px; }
	.property-slider{ margin: 0 0 0 0; }
	#information-section .information_list .info-img{margin-top:20px;}
	.regulated-list .img-cont{padding:10px 0;}
	#newsletter-section .newsletter-container{border-radius:30px;}
	#newsletter-section .regulated-list img { max-width:80%;height: 60px;}
	#why-section .icon-cont h4{font-size:16px;}
	#why-section .left-widgets{padding:20px 10px 0;}
	#why-section .left-widgets .col-xs-6 {padding: 20px 10px;}
	#why-section .left-widgets .col-xs-6 img{height:70px;}
	#why-section .left-widgets .col-xs-6:nth-child(1), #why-section .left-widgets .col-xs-6:nth-child(2){border-bottom:1px solid #ccc !important;}
	#why-section .left-widgets .col-xs-6:nth-child(2), #why-section .left-widgets .col-xs-6:nth-child(4){border-left:1px solid #ccc  !important;}
	
	#our-vision-section .row{flex-direction: column-reverse;}
	#our-vision-section.our-vision-section .vision-content{padding:25px 0 0;}
	
}
@media only screen and ( max-width: 575px ) {
	section{ padding: 40px 0; }
	.simple-slideout-menu-panel ul.slideout-menu a{ font-size: 22px!important; }
	p, ul li{ font-size: 18px; }
	#banner-section h1{ font-size: 40px; }
	#banner-section .banner-form{ padding: 20px 15px; }
	.btn, #primary input.btn{ padding: 15px 25px; }
	section .section-title{ font-size: 30px; }
	#development-section .property-cont .info-cont h4{ font-size: 26px; }
	footer#colophon .footerMenu1{ padding: 20px 0 20px; margin: 0 0 15px; }
	footer#colophon .footerMenu1 a{ font-size: 16px; }
	footer#colophon a, footer#colophon p{ font-size: 16px; }
	footer#colophon .copyrights, footer#colophon .footertxt{ font-size: 16px; }
	.contact-map{ padding-top: 45px; }
	.contact-map iframe{ height: 350px; }
	.contact-info .info-box p{ font-size: 16px; }
	.projects_list .project_row .item h3{ font-size: 30px; }
	.owl-stage .owl-item{ padding: 0; }
	.owl-stage-outer{ padding: 0 0 20px; }
	.our-vision-section .vision-content ul li{ font-size: 18px; }
}
@media only screen and ( max-width: 480px ) {
	header .container, section .container, footer .container{ padding: 0 15px; }
	#banner-section h1{ font-size: 34px; }
	#banner-section .banner-txt{ font-size: 20px; }
	#banner-section .banner-btn{ gap: 0; margin: 20px 0 0 0; }
	#banner-section .banner-btn .btn.btn-outline{ margin: 15px 0 0 0; }
	p, ul li{ font-size: 16px; }
	section .section-title{ font-size: 26px; }
	#development-section .section-title{ font-size: 24px;margin: 0 0 10px;}
	#development-section .view-button a{ font-size:14px;margin: 0 0 10px;}
	#development-section .view-button img{ width: 22px; }
	#development-section .property-cont .info-cont{ bottom: 20px; padding: 15px; }
	#development-section .property-cont .info-cont h4{ font-size: 24px; }
	#development-section .property-cont .info-cont .prop-info{ font-size: 16px; }
	#variations-slider .wpsisac-slick-carousal.wpsisac-prodesign-7 .wpsisac-slick-image-slide{ padding: 0 10px; }
	#variations-slider h2.wpsisac-slide-title, #variations-slider h2.wpsisac-slide-title a{ font-size: 26px!important; }
	.contact-map{ padding-top: 40px; }
	.contact-map iframe{ height: 300px; }
	.simple-slideout-menu-panel ul.slideout-menu a{ font-size: 20px!important; }
	#banner-info{ padding: 15px 0 30px 0; }
	#banner-info .info-cont h5{ font-size: 30px; }
	#facilities-list{ margin-bottom: 30px; }
	#facilities-list .facilities-inner{ padding: 5px 0; }
	#widgets_list{ margin: 40px 0 0; padding: 40px 0 0; }
	#widgets_list .col-xs-3{ -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
	.our-vision-section .vision-content ul li{ font-size: 16px; }
}
@media only screen and ( max-width: 374px ) {
	#banner-section h1{ font-size: 30px; }
	#banner-section .banner-txt{ font-size:18px; }
	.btn, #primary input.btn{ padding: 12px 20px; }
	section .section-title{ font-size:24px; }
	#development-section .property-cont .info-cont h4{ font-size: 22px; }
	#variations-slider h2.wpsisac-slide-title, #variations-slider h2.wpsisac-slide-title a{ font-size: 22px!important; }
	#newsletter-section .regulated-list img{ max-width: 130px; }
	.contact-info .info-box p{ font-size: 14px; }
	.projects_list .project_row .item h3{ font-size: 24px; }
	#banner-info .info-cont p{ font-size: 16px; }
	#banner-info .info-cont h5{ font-size: 24px; }
	#widgets_list .info-cont p{ font-size: 16px; }
}