* {  margin:0 auto; padding:0; }

a, a:after, a:before, li, img, input, textarea, a span, button, i, figure, .anim { transition: all 0.2s ease; }

img { border: none; max-width: 100% !important; }

a { color: #8EC6A5; }
a:hover { color: #000; }
a:focus { text-decoration: none; outline: none !important;  }
a, a:hover { text-decoration: none; cursor: pointer !important; }

:focus, .focus { outline: none !important; text-shadow:none; }

input:focus, button:focus, textarea:focus { outline: none !important; }

article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: inline-block; }

ul { margin: 0; padding: 0; }
li { list-style: none; }

body { font-family: 'Poppins', sans-serif; color:#252525; font-size:14px; font-weight:300;  line-height: 25px;
-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

::-moz-selection { background:#6e6e6e; text-shadow: none; color:#fff; }
::selection { background: #6e6e6e; text-shadow: none; color: #fff; }

.clear { clear: both; }
.right { float: right; }
.left { float: left; }

  /* title */
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight:600; margin: 0; }

  /*  margin padding */
.pd-0 { padding: 0; }

.mt-0 { margin-top: 0px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { display: block; }

 
  /* buttions */
.btn { display: inline-block; background:#8EC6A5; border: #8EC6A5 1px solid; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 1px; padding:10px 20px;
  border-radius: 0; font-family: 'Raleway', sans-serif; }
.btn[type=submit]{background:#404548;border-color:#404548;}
.btn[type=submit]:hover{background:#8EC6A5;border-color:#8EC6A5;}
 .cross-section.dark-bg .btn {background:#8EC6A5;}
.btn:hover, .cross-section.dark-bg .btn:hover { background:#6e6e6e; color: #fff; border:rgba(255,255,255,0.4) 1px solid; }

.btn.light {  border: #8EC6A5 1px solid; color: #8EC6A5; background:transparent;  }
.btn.light:hover { background:#6e6e6e; color: #fff; border:#6e6e6e 1px solid; }

.btn.light{border-color:#404548;color:#404548;}
.btn.light:hover{background:#8EC6A5;border-color:#8EC6A5;color:#FFF;}
.btn:focus { color: #fff; }

  /* section title */
.section-title { display: inline-block; width: 100%; float: left; margin-bottom: }
.section-title h2 { font-size: 50px; color: #323232; margin-bottom: 25px; font-weight: 700; }
.section-title p { font-size: 25px; font-weight: 500; letter-spacing: -1px; line-height: 34px;  font-family: 'Raleway', sans-serif; }

.section-title.light h2 { color: #ffffff; }
.section-title.light p { color: #ffffff; }


figure.left-shadow { position: relative; display: inline-block; z-index: 1; }
figure.left-shadow::after { content: ""; position: absolute; background: #8EC6A5; width: 75px; height: 80%; bottom: -25px; left: -30px; z-index: -1; }

figure.right-shadow { position: relative; display: inline-block; z-index: 1; }
figure.right-shadow::after { content: ""; position: absolute; background: #8EC6A5; width: 75px; height: 80%; bottom: -25px; right: -30px; z-index: -1; }
 .cross-section.dark-bg figure.right-shadow::after{background:#252525;}

.down-arrow { display: inline-block; width: 100%;  text-align: center; }
.first-carectior { display: inline-block; font-size: 100px; font-weight: 600; color: #8EC6A5;  margin: 0 10px 0px 0; float: left; line-height: 75px;
  font-family: 'Raleway', sans-serif; }

.main-wapper { display:inline-block; float:left; width:100%; overflow:hidden; }



@media (min-width: 1500px) {

  .container {  width: 100%; max-width:1435px; }

}

 



/*======== cross section ========*/
.cross-section { float: left; width: 100%; padding: 180px 0; position: relative; display: inline-block; }
.cross-section::after {  content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: right;
  position: absolute; top:100px; left: -12vw;  }
 .quality-service.cross-section{padding:50px 0;}
.cross-section::before { content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: left;
  position: absolute; bottom:100px; right: -12vw; }


.cross-section .down-arrow  { margin: 50px 0;}
.cross-section .btn { margin-top: 30px; }


.dark-bg { background: #404548; color: #fff; }
.dark-bg h2 { color: #fff; }

.gray-bg { background: #ebebeb; }


/*======== HEADER ========*/
header { display: inline-block; width: 100%; float: left; padding: 25px 0; transition: all 0.2s ease; }

    /* logo */
header figure { float: left; width: 100%; }

    /* Navigation */
header nav { display: inline-block; width: 100%; float: left; margin-top: 13px; transition: all 0.2s ease; }
header nav ul { float: right; margin: 0; padding: 0; }
header nav ul li { float: left; margin-left: 45px; }
header nav ul li a { color: #252525; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px;  }

/*home page header*/
header.home-header { position: fixed; z-index: 99; transition: background-color 0.4s ease 0s, box-shadow 0.4s ease 0s, border-color 0.4s ease 0s; left:0; }
header.home-header nav ul li a { color: #fff; }

header figure.light-vertion {  display: inline-block !important; /*position: absolute;*/ opacity: 1;  }
header figure.dark-vertion {  display: inline-block !important; opacity: 0; }

header.stikey-header { position: fixed; z-index: 999; width: 100%; top: 0; left: 0; background: #fff; padding: 15px 0; border-bottom: rgba(0,0,0,0.1) 1px solid; }

header.stikey-header figure.light-vertion { opacity: 0; position:absolute; }
header.stikey-header figure.dark-vertion { opacity:1; }


header.stikey-header nav { margin-top: 5px; }
header.stikey-header nav ul li a { color: #252525; }

header.stikey-header figure { width: 180px; }


.inner-page { padding-top: 99px;  } 
.inner-page header {  position: fixed; z-index: 99;  background: #fff;  top: 0;  left: 0;  }



/*======== Home Banner ========*/
.home-banner { position: relative; float: left; width: 100%; }
.home-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 354px; background: url(../images/slider-top-shadow.png) repeat-x center top;
  z-index: 1; }

   /* content */
.home-banner .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; }
.home-banner .content h1 { font-size: 94px; font-weight: 700; margin-bottom: 45px; }
.home-banner .content p { font-size: 20px; font-weight: 300; line-height: 32px; }
.home-banner .content .btn { margin-top: 50px; }

   /* banner image */
.home-banner figure { float: left; width: 100%; overflow: hidden; background:#252525; }
.home-banner figure img { height: 100vh; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center; opacity: 0.63; }

  /* Down Arrow */
.home-banner .down-arrow { position: absolute; bottom: 125px; z-index: 1; }
.home-banner .down-arrow img {  opacity: 0.72;  }

/*======== Philosophy ========*/

.philosophy .d-arrow { position: absolute; bottom: 0; left: -60px; }
.philosophy .section-title { margin-bottom: 60px;  }


/*======== Inclusions ========*/
.inclusions { display: inline-block; width: 100%; float: left; position: relative; color: #fff; padding-bottom:100px;}

.inclusions figure { display: inline-block; width: 100%; float: left; margin: 0; overflow: hidden; background:#252525; }
.inclusions figure img { height: 550px; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center; opacity: 0.63; }

.inclusions .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; }
.inclusions .content h4 { font-size: 36px; color: #fff; font-weight: 300; margin-bottom: 50px; font-family: 'Poppins', sans-serif; }

/*======== Latest Homes ========*/
.latest-homes {  display: inline-block; width: 100%; float: left; padding-top: 130px; }

    /* Title */
.latest-homes .section-title { text-align: center; margin-bottom: 35px; }
.latest-homes .section-title h2 { font-size: 72px; }

    /* Home List */
.latest-homes .homes-list { display: block; margin-right: -30px; }
.latest-homes .homes-list li { width:calc(33.3% - 30px); margin-right: 30px; float: left; margin-bottom: 30px; border-bottom: #252525 1px solid; padding-bottom: 10px; }
.latest-homes .homes-list li h5 { font-size: 23px; letter-spacing: 1px; color: #252525; font-weight: 300; margin:10px 0 10px 0; font-family: 'Poppins', sans-serif; }

.latest-homes .homes-list li .features { display: inline-block; width: 100%; float: left; }
.latest-homes .homes-list li .features span { font-size: 16px; font-weight: 300; margin-right: 10px; color: #252525; opacity: 0.7; }

.latest-homes .homes-list li figure { display: inline-block; width: 100%; position: relative; overflow: hidden; 
  background-size: cover; background-position: center; height: 288px; }
.latest-homes .homes-list li figure .content { position: absolute; color: #fff; width: 100%; height: 100%; left: 0;  background: rgba(142, 198, 165,0.47);
  padding: 20px; opacity: 0; top: -100%; transition: all 0.2s ease; }
.latest-homes .homes-list li:hover figure .content { opacity: 1; top: 0; }
.latest-homes .homes-list li figure .content h4 { font-family: 'Poppins', sans-serif;  font-size: 26px; font-weight: 600; margin-bottom: 10px; }

.latest-homes .homes-list li figure .content .options { display: inline-block; width: 100%; padding: 0 20px; }
.latest-homes .homes-list li figure .content .options span { display: inline-block; width: 100%; font-size: 22px; font-weight: 300; }

.latest-homes .homes-list li figure .content .home-features { position: absolute; width: 100%; bottom: 0; left: 0; padding:10px 20px; background: #8EC6A5; }
.latest-homes .homes-list li figure .content .home-features span { float: left; width: 33.3%; text-align: center; font-size: 22px; font-weight: 500; }
.latest-homes .homes-list li figure .content .home-features span i { margin-right: 10px; line-height: normal; }
.latest-homes .homes-list li figure .content .home-features span small { position: relative; top: 2px; }



/*======== Latest Homes ========*/
.make-an-enquiry { text-align: center; display: inline-block; width: 100%; float: left; margin-top: 35px; position: relative; }
.make-an-enquiry::after {  content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: left;
  position: absolute; top:100px; right: -12vw;  }
.make-an-enquiry::before { content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: right;
  position: absolute; bottom:300px; left: -12vw; }


    /* Title */
.make-an-enquiry .section-title { margin-top: 40px; }

    /* Form */
.make-an-enquiry .enquiry-form { display: inline-block; width: 100%; float: left; margin-top: 30px; }

.make-an-enquiry .enquiry-form input[type="text"],
.make-an-enquiry .enquiry-form input[type="email"] { display: inline-block; width: 100%;  border:#a1a1a1 1px solid; height: 55px; padding: 0 15px; margin-bottom: 20px; }
.make-an-enquiry .enquiry-form input[type="text"]:focus,
.make-an-enquiry .enquiry-form input[type="email"]:focus { border-color: #000; }

.make-an-enquiry .enquiry-form textarea { display: inline-block; width: 100%;  border:#a1a1a1 1px solid; height:220px; padding:10px 15px; margin-bottom: 20px; resize: none; }
.make-an-enquiry .enquiry-form textarea:focus { border-color: #000; }

.make-an-enquiry .enquiry-form input[type="submit"]{ margin-top:30px; padding:10px 50px; }


/*======== Footer ========*/
footer { border-top:13px solid #8EC6A5; display: inline-block; width: 100%; float: left;  margin-top: 70px; background:#FFF; color: #000; padding-top: 40px; }
footer .phone-txt{margin-top:30px;padding-left:15px;}
footer .phone-txt a{color:#000;font-family: Poppins;font-size: 20px;font-weight: 300;line-height: 30px;letter-spacing: 0.05em;margin-left:15px;}
footer .phone-txt svg{margin-bottom:-12px;}

footer .logos{text-align:center;padding-top:37px;}
footer .logos img{max-height:93px;}
footer .logos img:nth-child(2){margin-left:25px;margin-right:25px;}

footer .contact-info-txt{
	font-family: Poppins;
	font-size: 17px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.05em;
	text-align: right;
	color:#000;
	padding-top:30px;
}
footer .contact-info-txt .web-design-by{
	margin-top:20px;
}
  /* home made */
footer .home-made { display: inline-block; text-align: center; width: 100%; font-size: 28px; letter-spacing: -1.5px; color: #8EC6A5; font-weight: 200; }

  /* Contact infomation */
footer .contact-info { float: right;}
footer .contact-info li { float: left; margin-left: 15px; text-align: center; width:22%;}
footer .contact-info li span {  display: inline-block; width: 100%; float: left; font-size: 17px; text-transform: uppercase; font-weight: 200; letter-spacing: 1.5px; margin-top: 10px; white-space:pre; }
footer .contact-info li.phone-txt span{font-size:13px;line-height:30px;}
  /* Designby */
footer .design-by { display: inline-block; text-align: center; width: 100%; padding:15px 0; font-size: 14px; text-transform: uppercase; font-weight: 200; }
footer .design-by a { color: #fff; cursor: pointer; }
footer .design-by a:hover { color: #8EC6A5; }

/*======== Easy Homes ========*/

.easy-homes-warpper { padding-top: 0 !important; }
.easy-homes { display: flex; width: 100%; color: #fff;  margin: 0; text-align: center; }

.easy-homes .section-title { text-align: center; position: relative; z-index: 1; }
.easy-homes .section-title h2 { color: #fff; font-size: 77px; }
.easy-homes .section-title p { font-size: 20px; line-height: 28px; font-weight: 300; font-family: 'Poppins', sans-serif; }

.easy-homes .range-box { position: relative; padding: 70px 50px; display: table-cell; width: 50%; border-right: #000 1px solid; }
.easy-homes .range-box > figure { margin: 0; position: absolute; width: 100%;  z-index: -1; background:#252525; left: 0; top: 0; overflow: hidden; height: 100%; }
.easy-homes .range-box > figure img { opacity: 0.34; height: 100%; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center;  }

.easy-homes .range-box .range-future { position: relative; background:rgba(0,0,0,0.47); display: inline-block; padding: 30px 0 0 0; width: 640px; max-width: calc(100% - 30px);
    margin-top: 70px; }

.easy-homes .range-box .range-future ul { min-height: 300px; }
.easy-homes .range-box .range-future ul li { display: inline-block; width: 50%; vertical-align: top; padding: 0 20px; margin-bottom:15px; float: left; font-size: 16px; line-height: 20px;
 font-weight: 300; }
.easy-homes .range-box .range-future ul li:nth-child(2n+1) { clear: both; }
.easy-homes .range-box .range-future ul li figure { display: inline-block; width: 100%; margin-bottom: 5px; min-height: 50px; }

.easy-homes .range-box .range-future .links { display: inline-block; width: 100%; float: left; margin: 20px 0; }
.easy-homes .range-box .range-future .links a { color:#fff; font-size: 16px; }
.easy-homes .range-box .range-future .links a:hover { text-decoration: underline; }

.easy-homes .range-box .btn { margin-top: 30px; position: relative; z-index: 1; font-size: 24px; padding: 7px 30px;  }

.easy-homes .easy::before { position: absolute; content: ""; background:url(../images/easy-shadow.png) repeat-x top center; width: 100%; height: 100%; top: 0; left: 0;  }
.easy-homes .plus::before { position: absolute; content: ""; background:url(../images/plus-shadow.png) repeat-x top center; width: 100%; height: 100%; top: 0; left: 0;  }

.easy-homes .plus { border-left: #000 1px solid; border-right: none;  }
.easy-homes .plus figure {  } 
.easy-homes .plus:after { content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/plus-shadow-dark.png) repeat-x bottom; left: 0; bottom: 0; z-index: -1; }
.easy-homes .plus figure img { opacity: 1; }

.easy-homes .plus .btn { background-color:#8EC6A5; border-color: #8EC6A5; }
.easy-homes .plus .btn:hover { background: #6e6e6e; color: #fff;  border: rgba(255,255,255,0.4) 1px solid; }




/*======== Close Section ========*/
.close-section { display: inline-block; width: 100%; }
.close-section .btn { background-color: #8EC6A5; border-color: #8EC6A5; margin-bottom:35px; padding: 10px 30px; }
.close-section .btn img { margin-left: 10px; }

.green-bullats { display: inline-block; width: 100%; padding-left: 70px; list-style-type: none;}
.green-bullats li { position: relative; display: inline-block; width: 100%; padding-left: 20px; margin-bottom: 15px; font-size: 17px;list-style: none; list-style-type: none; }
.green-bullats li:after { content: ""; height: 8px; width: 8px; background: #8EC6A5; border-radius: 50%; position: absolute; left: 0; top: 9px;font-size: 0; }


/*======== Close Form ========*/
.close-form-warpper { display: inline-block; width: 100%; background:#51968a; padding:25px 50px 10px;   }
.close-form-warpper > a { color: #fff; font-size: 22px; }
.close-form-warpper > a img { margin-left: 5px; }

.close-form-warpper .close-form { display: inline-block; width: 100%; margin: 0 -7px; margin-top: 20px; }
.close-form-warpper .close-form select { height: 50px; background: #fff url(../images/down-select-arrow.png) no-repeat calc(100% - 15px) center; font-size: 17px;
  -webkit-appearance: none; appearance:none; border-radius: 0; width: 100%; padding: 0 15px; }

.close-form-warpper .close-form input[type="submit"] { float: left; height: 50px; border: none; background:#252525; color: #fff; font-size: 17px; width: 100%;
  font-weight: 300; }
.close-form-warpper .close-form input[type="submit"]:hover { color: #fff; background: #8EC6A5; }

.close-form-warpper .close-form .col-1,
.close-form-warpper .close-form .col-2 { padding: 0 7px;  margin-bottom: 20px; }

.close-form-warpper .close-form .col-1 > span { display: inline-block; color: #fff; font-size: 18px; font-weight: 300; float: right; text-align: right;
  margin-top: 12px; }
.close-form-warpper .close-form .col-1.to select { width: calc(100% - 30px); float: left; }

.close-form-warpper .close-form .col-1 { float: left; width: 25%; }
.close-form-warpper .close-form .col-2 { float: left; width: 16.66%; }


.close-form-selectbox { display: inline-block; width: 100%; padding: 25px 50px; color: #fff; background: #8EC6A5; margin-bottom:35px; font-size: 17px; }
.close-form-selectbox input[type="checkbox"] { height: 22px; width: 22px; float: left; -webkit-appearance: none; appearance:none; background: #fff;
  margin: 0 10px 0 0; position: relative; cursor: pointer; }
.close-form-selectbox input[type="checkbox"]:checked { background: #fff; }
.close-form-selectbox input[type="checkbox"]:checked::after {  content: "\f00c"; font-family: "Font Awesome 5 Free";  font-weight: 900; color: #8EC6A5;
  font-size: 14px; position: absolute; height: 22px; width: 22px; text-align: center; line-height: 22px; }

.close-form-selectbox input[type="submit"] {  height: 50px; border: none; background:#252525; color: #fff; font-size: 17px; display: inline-block; padding: 0 10px; width: 215px;
  font-weight: 300; text-align: center; margin-top: 15px; }
.close-form-selectboxinput[type="submit"]:hover { color: #fff; background: #8EC6A5; }

.close-form-selectbox .col-sm-6 { margin-bottom: 15px; }

.inner-page .latest-homes { padding-top: 60px; }

.plus-btns { display: inline-block; width: 100%; margin-bottom: 20px; margin-top: 100px; }
.plus-btns a { float: left; background:#8EC6A5; border: none; margin-right: 20px; padding-right: 60px; 
    position: relative; }
.plus-btns a:after { content: ""; position: absolute; right: 10px; height: 100%; background: url(../images/plus-icon.png) no-repeat center; width: 30px; top: 0; }
.plus-btns a:hover { background:#6e6e6e; border: none; }
.plus-btns a:focus { color: #fff;  } 
.plus-btns a.active { background:#6e6e6e; border: none; }
.plus-btns a.active:after { content: ""; position: absolute; right: 10px; height: 100%; background: url(../images/x-icon.png) no-repeat center; width: 30px; top: 0; }

#return-to-top { position: fixed; bottom: 20px;  right: 20px;  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px;  display: block; 
  text-decoration: none;  -webkit-border-radius: 35px;  -moz-border-radius: 35px; border-radius: 35px;  display: none; transition: all 0.3s ease; }
#return-to-top i { color: #fff;  margin: 0;  position: relative;  left: 16px; top: 13px; font-size: 19px;   transition: all 0.3s ease; }
#return-to-top:hover {  background: rgba(0, 0, 0, 0.9); }
#return-to-top:hover i { color: #fff; top: 5px; }

.standard-inclusions-content,
.refine-content { display: none; float: left; }
.refine-content { margin-bottom: 25px; }


/*======== Home Detail ========*/
.enquire-to-bar { display: inline-block; width: 100%; float: left; padding:25px 0; border-bottom:#8EC6A5 2px solid; margin-bottom: 8px;  }

.enquire-to-bar .back-btn { float: left; line-height: 16px; color:#252525; font-size: 12px; }
.enquire-to-bar .back-btn img { float: left; margin-right: 10px; }
.enquire-to-bar .back-btn:hover { color: #8EC6A5; }

.enquire-to-bar .next-prev-btns { float: left; margin-left: 45px; }
.enquire-to-bar .next-prev-btns a { color:#252525; font-size: 12px; position: relative; line-height: 30px; }
.enquire-to-bar .next-prev-btns a:hover {  color: #8EC6A5; }

.enquire-to-bar .next-prev-btns .prev { padding-right: 30px; }
.enquire-to-bar .next-prev-btns .prev img { margin-right:14px; }
.enquire-to-bar .next-prev-btns .prev:after { content: ""; position: absolute; height: 20px; width:1px; background: #949494; right: -1px; top:0px; }

.enquire-to-bar .next-prev-btns .next { padding-left: 30px; }
.enquire-to-bar .next-prev-btns .next img { margin-left:14px; }

.enquire-to-bar .enquire-btn { float: right; font-size: 16px;  padding: 7px 20px; margin-top: -4px; }

.home-detail-title { display: inline-block; width: 100%; float: left; color: #fff; background: #8EC6A5; padding: 40px 0 20px 0; }
.home-detail-title h2 { font-size: 47px; }

.home-detail-title .content { display: inline-block; width: 100%; float: left; position: relative; font-size: 20px; }
.home-detail-title .content:before { content:""; position: absolute; left: -110px; top: 10px; height:68px; width:91px; 
  background:  url(../images/white-down-arrow.png) no-repeat center; }


/*======== Home Detail Slider ========*/ 
.home-detail-slider { display: inline-block; width: 100%; float: left; margin-top: 30px; } 

.home-detail-slider #sync1 .item { position: relative; }
.home-detail-slider #sync1 .item .content { position: absolute; left: 0; padding: 22px 50px; background: rgba(142, 198, 165,0.90); width: 100%; left: 0; bottom: 0;
  font-size: 14px; color: #fff;   }

.home-detail-slider #sync1 .owl-dots { display: none !important; }

.home-detail-slider #sync2 { padding: 0 50px; margin-top: 30px; padding-bottom: 30px; border-bottom:#8EC6A5 2px solid; }

.home-detail-slider #sync2 .owl-next,
.home-detail-slider #sync2 .owl-prev { position: absolute; top: 50%; height: 44px; width: 22px; margin-top: -36px; font-size: 0; cursor: pointer; }

.home-detail-slider #sync2 .owl-next { background: url(../images/prev-arrow.png) no-repeat center; left: 0; }
.home-detail-slider #sync2 .owl-prev { background: url(../images/next-arrow.png) no-repeat center; right: 0; }


/*======== Hillside ========*/ 
.hillside { display: inline-block; width: 100%; float: left; margin-top: 40px; }
.hillside .section-title h2 { margin-bottom: 5px; }
.hillside .section-title p { font-size: 19px; color: #000;  font-family: 'Poppins', sans-serif; font-weight: 300; letter-spacing: 0; }

.hillside .content { display: inline-block; width: 100%; float: left; padding-left: 55px; margin-top: 40px; font-size: 20px; }
.hillside .content .down-arrow { float: left; margin-bottom: 40px; text-align: left; }
.hillside .content p { margin-bottom: 23px; }

.hillside .find-out-more { background: #8EC6A5; color: #fff; display: inline-block; width: 100%; padding: 45px 50px 20px 50px; margin-top: 150px; }  
.hillside .find-out-more .section-title { margin-bottom: 30px; }
.hillside .find-out-more .section-title p { color: #fff; font-weight: 500; }

.hillside .download-brochure { display: inline-block; width: 100%; color: #fff; background: #8cd5b0;  text-align: center; padding: 20px 15px; font-family: 'Raleway', sans-serif;
  font-size: 20px; font-weight: 600; letter-spacing: 0.3px; margin-top: 20px; }
.hillside .download-brochure img { margin-right: 15px; }
.hillside .download-brochure:hover { background:#6e6e6e; }


/*======== Floor Plan ========*/ 
.floor-plans {  display: inline-block; width: 100%; float: left;  }
.floor-plans .content { display: inline-block; width: 100%; float: left; margin: 50px 0; padding: 40px 0; border-top:#8EC6A5 2px solid; border-bottom: #8EC6A5 2px solid; }
  
    /* Tabs */
.floor-plans .nav.nav-tabs { border: none !important; border-radius: 0; }
.floor-plans .nav.nav-tabs li { border: none !important; border-radius: 0; float: left; width: 20%; }
.floor-plans .nav.nav-tabs li a { border: none !important; border-radius: 0; float: left; width: 100%; text-align: center; background:#8EC6A5; font-size: 22px; color: #fff; }

.floor-plans .nav.nav-tabs li:nth-child(2) a { background:#59c38c; }
.floor-plans .nav.nav-tabs li:nth-child(3) a { background:#76cda0; }
.floor-plans .nav.nav-tabs li:nth-child(4) a { background:#94d8b5; }
.floor-plans .nav.nav-tabs li:nth-child(5) a { background:#b1e3c9; }

.floor-plans .nav.nav-tabs li a:hover { background:#6e6e6e; }

.floor-plans .tab-content { background:#8EC6A5; color: #fff; padding: 30px 25px; }

.floor-plans .tab-content .fitures { display: inline-block; width: 100%; text-align: center; padding-bottom: 25px; border-bottom: #bbe6d0 2px solid; margin-bottom: 25px; }
.floor-plans .tab-content .fitures li { margin: 0; float: none; display: inline-block; padding: 0 15px; }
.floor-plans .tab-content .fitures li span { display: inline-block; width: 100%; font-size: 24px; margin-top: 13px; }

.floor-plans .tab-content h4 { margin: 10px 0 25px 0; font-size: 27px; font-weight: 700; }

.floor-plans .tab-content .spacifications { margin: 0 0 50px 0; padding: 0 35px; }
.floor-plans .tab-content .spacifications li { display: inline-block; width: 100%; font-size: 19px; margin-bottom: 15px; }
.floor-plans .tab-content .spacifications li span { float: right; } 
.floor-plans .tab-content .spacifications li:last-child { margin-bottom: 0; }

.floor-plans .design-option { display: inline-block; width: 100%; }

.floor-plans .design-option .design-title { text-align: center; font-family: 'Raleway', sans-serif; }
.floor-plans .design-option .design-title h2 { font-size: 34px; color: #000000; margin: 0 0 30px 0; font-weight: 700; }
.floor-plans .design-option .design-title p { font-size: 25px; margin: 0 0 15px 0; font-weight: 500; }
.floor-plans .design-option .design-title span { font-size: 16px; letter-spacing: 0.5px; font-weight: 400; }

.floor-plans .option-list { display: inline-block; width: 100%; margin-top: 60px; }
.floor-plans .option-list li { float: left; width: 33.3%; margin-bottom: 12px; font-size: 19px; position: relative; padding-left: 38px; cursor: pointer;}
.floor-plans .option-list li input[type="checkbox"] { position: absolute; width: 100%; height: 100%; left: 0 ; top: 0; z-index: 1; -webkit-appearance: none; 
    background: url(../images/round.png) no-repeat 1px 0; cursor: pointer; }
.floor-plans .option-list li input[type="checkbox"]:checked { background: url(../images/check.png) no-repeat 3px 0; }
.floor-plans .option-list li input[type="checkbox"]:checked + span { font-weight: 600; }

.floor-plans .option-list li:nth-child(3n + 1) { clear: both; }

.floor-plans .map-view { display: inline-block; width: 100%; float: left; text-align: center; margin-top: 50px; }

.floor-plans .image-lightbox { display: inline-block; width: 100%; text-align: center; margin-top: 50px; }
.floor-plans .image-lightbox a { display: inline-block; color: #8EC6A5; font-size: 20px; }
.floor-plans .image-lightbox a span { display: inline-block; width: 100%; margin-top: 7px; }


    /* Tabs */
.facade { display: inline-block; width: 100%; float: left; }
  
.facade .facade-list { float: left; padding: 0 50px; }
.facade .facade-list figure { margin: 0; }
.facade .facade-list h3 { font-size: 34px; font-weight: 700; margin: 15px 0 0 0; display: inline-block; width: 100%; }

.facade .facade-list .owl-next,
.facade .facade-list .owl-prev { position: absolute; top: 50%; height: 44px; width: 22px; margin-top: -55px; font-size: 0; cursor: pointer; }

.facade .facade-list .owl-next { background: url(../images/prev-arrow.png) no-repeat center; left: 0; }
.facade .facade-list .owl-prev { background: url(../images/next-arrow.png) no-repeat center; right: 0; }

.facade .content { display: inline-block; width: 100%; float: left; margin-top: 35px; line-height: 22px; padding: 0 50px; }

  
  /* Inclusions */
.plus-inclusions { display: inline-block; width: 100%; float: left; margin-top: 50px; margin-bottom: 70px; }

.plus-inclusions .content { display: inline-block; width: 100%; float: left; padding-top: 22px; border-top: #8EC6A5 2px solid; }

.plus-inclusions .section-title { float: left; width: auto; }

.plus-inclusions .download-inclusions { display: inline-block;  color: #fff; background: #8cd5b0;  text-align: center; padding: 20px 40px; float: right;
  font-family: 'Raleway', sans-serif;  font-size: 20px; font-weight: 600; letter-spacing: 0.3px;  }
.plus-inclusions .download-inclusions img { margin-right: 15px; }
.plus-inclusions .download-inclusions:hover { background:#6e6e6e; }

.plus-inclusions .nav.nav-tabs { border: none !important; border-radius: 0; margin-top: 50px; }
.plus-inclusions .nav.nav-tabs li { border: none !important; border-radius: 0; float: left; width: 25%; }
.plus-inclusions .nav.nav-tabs li a { border: none !important; border-radius: 0; float: left; width: 100%; text-align: center; background:#8cd5b0; font-size: 25px; color: #fff;
  padding: 20px 10px; font-family: 'Raleway', sans-serif; font-weight: 400; }
.plus-inclusions .nav.nav-tabs li a img { margin-right: 20px; position: relative; top: -1px; }
.plus-inclusions .nav.nav-tabs li a:hover { background:#6e6e6e; }
.plus-inclusions .nav.nav-tabs li.active a { background: #8EC6A5; font-weight: 700; }

.plus-inclusions .tab-content { padding: 50px 80px; background: #8EC6A5; color: #fff; } 

.plus-inclusions .main-fitures {  display: inline-block; width: 100%; }
.plus-inclusions .main-fitures li { float: left; width: 50%; font-size: 20px; padding-left: 40px; background: url(../images/check-with-white-bg.png) no-repeat 0 2px; 
    margin-bottom: 27px; font-weight: 200; padding-right: 15px; }
.plus-inclusions .main-fitures li:nth-child(2n + 1) { clear: both; } 


  /* Home Plus */
.home-plus-warpper { padding-top: 0 !important; }
.home-plus-warpper .enquire-to-bar { border-color: #8EC6A5; }
.home-plus-warpper .home-detail-title { background: #8EC6A5; }

.home-plus-warpper .btn { background: #8EC6A5; border-color:#8EC6A5; }
.home-plus-warpper .btn:hover { background: #6e6e6e; border-color:#6e6e6e; }

.home-plus-warpper .home-detail-title .content:before { background: url(../images/dark-down-arrow.png) no-repeat center; }

.home-plus-warpper .home-detail-slider #sync1 .item .content {  background: rgba(142, 198, 165,0.80); }

/*
.home-plus-warpper .home-detail-slider #sync2 .owl-next { background-image:url(../images/prev-arrow-dark.png);  }
.home-plus-warpper .home-detail-slider #sync2 .owl-prev { background-image:url(../images/next-arrow-dark.png);  }
*/

.home-plus-warpper .home-detail-slider #sync2 { border-color:#8EC6A5; }

.home-plus-warpper .hillside .find-out-more { background: #8EC6A5; }

.home-plus-warpper .hillside .download-brochure { background: #6da79d; }
.home-plus-warpper .hillside .download-brochure:hover { background: #8EC6A5; }

.home-plus-warpper .floor-plans .content { border-color:#8EC6A5;  }

.home-plus-warpper .floor-plans .nav.nav-tabs li a { background: #8EC6A5; }

.home-plus-warpper .floor-plans .nav.nav-tabs li:nth-child(2) a { background: #2c7f71; }
.home-plus-warpper .floor-plans .nav.nav-tabs li:nth-child(3) a { background: #51968a; }
.home-plus-warpper .floor-plans .nav.nav-tabs li:nth-child(4) a { background: #77ada3; }
.home-plus-warpper .floor-plans .nav.nav-tabs li:nth-child(5) a { background: #9cc3bc; }

.home-plus-warpper .floor-plans .nav.nav-tabs li a:hover { background: #8EC6A5; }

.home-plus-warpper .floor-plans .tab-content { background: #8EC6A5; }

.home-plus-warpper .floor-plans .option-list li input[type="checkbox"] { background-image: url(../images/round-dark.png); }
.home-plus-warpper .floor-plans .option-list li input[type="checkbox"]:checked { background-image: url(../images/check-dark.png); }

.home-plus-warpper .floor-plans .image-lightbox a { color: #8EC6A5; }

.home-plus-warpper .facade .facade-list .owl-next { background-image:url(../images/prev-arrow-dark.png); }
.home-plus-warpper .facade .facade-list .owl-prev { background-image:url(../images/next-arrow-dark.png); }

.home-plus-warpper .plus-inclusions .download-inclusions { background: #8EC6A5; }
.home-plus-warpper .plus-inclusions .download-inclusions:hover { background: #6e6e6e; }

.home-plus-warpper .plus-inclusions .nav.nav-tabs li a { background: #6e6e6e; }
.home-plus-warpper .plus-inclusions .nav.nav-tabs li.active a {  background: #8EC6A5; }
.home-plus-warpper .plus-inclusions .nav.nav-tabs li a:hover { background: #8EC6A5; }

.home-plus-warpper .plus-inclusions .tab-content { background: #8EC6A5; }


/*======== Contact Banner ========*/
.contact-banner { position: relative; float: left; width: 100%; }
.contact-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 354px; background: url(../images/slider-top-shadow.png) repeat-x center top;
  z-index: 1; }

   /* content */
.contact-banner .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; }
.contact-banner .content h1 { font-size: 65px; font-weight: 700; margin-bottom: 35px; }
.contact-banner .content p { font-size: 20px; font-weight: 300; line-height: 32px; margin-top: 50px; }
.contact-banner .content .btn { margin-top: 35px; }

   /* banner image */
.contact-banner figure { float: left; width: 100%; overflow: hidden; background:#252525; }
.contact-banner figure img { height: 80vh; min-height: 700px; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center; opacity: 0.47; }

  /* Down Arrow */
.contact-banner .down-arrow {  display: inline-block; width: 100%; text-align: center; z-index: 1; }
.contact-banner .down-arrow img {  opacity: 0.72;  }


/*======== Contact Map and Icnfo ========*/
.contact-map-and-info { float: left; width: 100%; padding: 180px 0; position: relative; display: inline-block; text-align: center; }
.contact-map-and-info::after {  content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: right;
  position: absolute; top:100px; left: -12vw;  }

    /* Contact info */
.contact-map-and-info .contact-info { display: inline-block; }
.contact-map-and-info .contact-info li { float: left; position: relative; padding-left: 70px; font-size: 19px; color: #323232; font-weight: 300; text-align: left; width: 50%; 
    margin-bottom: 35px; } 
.contact-map-and-info .contact-info li i { position: absolute; left: 0; top: 0; }
.contact-map-and-info .contact-info li strong { font-weight: 500; display: inline-block; width: 100%; }
.contact-map-and-info .contact-info li a { color:#323232; }
  
    /* MAP */
.contact-map-and-info .map { display: inline-block; width: 100%; float: left; padding-right: 35px; position: relative; z-index: 1; margin-top: 35px; }
.contact-map-and-info .map:after { content: ""; position: absolute; background:#8EC6A5; width:70%; height: 74px; right: 0;  bottom: -37px; z-index: -1;  }
.contact-map-and-info .map iframe { width: 100% !important; float: left; }



  /* Contact enquiry */
.contact-make-an-enquiry { text-align: center; display: inline-block; width: 100%; float: left; margin-top: 35px; position: relative; padding: 125px 0;
    background: url(../images/contact-enqury.png) no-repeat center; background-size: cover; }
.contact-make-an-enquiry::after {  content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: left;
  position: absolute; top:300px; right: -12vw;  }
.contact-make-an-enquiry::before { content: ""; display: block; width: 24vw;  height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: right;
  position: absolute; bottom:300px; left: -12vw; }


.contact-make-an-enquiry .contact-enquiry-warpper { display: inline-block; width: 100%; background: #fff; padding: 60px 35px; }


    /* Form */
.contact-make-an-enquiry .enquiry-form { display: inline-block; width: 100%; float: left; margin-top: 50px; }

.contact-make-an-enquiry .enquiry-form input[type="text"] { display: inline-block; width: 100%;  border:#a1a1a1 1px solid; height: 55px; padding: 0 15px; margin-bottom: 20px; }
.contact-make-an-enquiry .enquiry-form input[type="text"]:focus { border-color: #000; }

.contact-make-an-enquiry .enquiry-form textarea { display: inline-block; width: 100%;  border:#a1a1a1 1px solid; height:220px; padding:10px 15px; margin-bottom: 20px; resize: none; }
.contact-make-an-enquiry .enquiry-form textarea:focus { border-color: #000; }

.contact-make-an-enquiry .enquiry-form input[type="submit"] { margin-top:30px; padding:10px 50px; }



/*======== General Page Banner ========*/
.general-page-banner { position: relative; float: left; width: 100%; }
.general-page-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 354px; background: url(../images/slider-top-shadow.png) repeat-x center top;
  z-index: 1; }

   /* content */
.general-page-banner .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; }
.general-page-banner .content h1 { font-size: 94px; font-weight: 700; margin-bottom: 50px; margin-top: 80px; }
.general-page-banner .content h2 { font-size: 36px; font-weight: 700; position: relative; margin: 0; padding-bottom: 10px; }
.general-page-banner .content h2:after { content: "";  height: 3px; width: 94px; background: #8EC6A5; position: absolute; bottom: 0; left: 50%; margin-left: -47px; }
.general-page-banner .content h3 { margin: 0; font-size: 36px; font-weight: 400;  }
.general-page-banner .content p { font-size: 20px; font-weight: 300; line-height: 32px; margin-top: 25px; }
.general-page-banner .content .btn { margin-top: 35px; }

   /* banner image */
.general-page-banner figure { float: left; width: 100%; overflow: hidden; background:#252525; }
.general-page-banner figure img { height: 80vh; min-height: 700px; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center; opacity: 0.47; }

  /* Down Arrow */
.general-page-banner .down-arrow {  display: inline-block; width: 100%; text-align: center; z-index: 1; margin-bottom: 35px; }
.general-page-banner .down-arrow img {  opacity: 0.72;  }

/*
.general-content,
.general-content p { font-size: 25px; line-height: 35px; }
*/
.general-content h3 { font-size: 31px; font-weight: 600; margin-top: 35px; }

.general-slider-warpper { padding-bottom: 110px; }

.general-slider-warpper,
.general-slider { display: inline-block; width: 100%; float: left; }

.general-slider figure,
.general-slider figure img { display: inline-block; width: 100%; float: left; }

.general-slider .owl-next,
.general-slider .owl-prev { position: absolute; top: 50%; height: 44px; width: 22px; margin-top: -22px; font-size: 0; cursor: pointer; }

.general-slider .owl-next { background: url(../images/prev-arrow3.png) no-repeat center; left: 20px; }
.general-slider .owl-prev { background: url(../images/next-arrow3.png) no-repeat center; right: 20px; }

.general-slider .owl-dots { position: absolute; bottom: 50px; right: 0; background: rgba(142, 198, 165,0.75); color: #fff; padding:5px 10px 3px; font-size: 20px; } 
.general-slider .owl-dots:before { content: ""; width: 0; height: 0; position: absolute; left: -66px;  bottom: 0;
    border-left: 33px solid transparent;
    border-right: 33px solid rgba(142, 198, 165,0.75);
    border-top: 33px solid transparent; }

.general-slider .owl-dots .owl-dot { float: left; margin: 0 5px; }


.general-content .d-arrow { position: absolute; bottom: 0; left: -60px }


.quality-service {  text-align: center;  display: inline-block; width: 100%; float: left; margin-top: 35px; position: relative; }
.quality-service .down-arrow { margin-bottom: 60px; margin-top: 0; }

.quality-service .content { text-align: left; margin-top: 50px; }

.quality-service .content .green-bullate {  display: inline-block; width: 100%; float: left; margin-top: 75px; margin-left: 50px; }
.quality-service .content .green-bullate li { display: inline-block; width: 100%; float: left; position: relative; padding-left: 50px; margin-bottom: 35px;
  font-size: 16px; }
.quality-service .content .green-bullate li:last-child { margin-bottom: 0; }
.quality-service .content .green-bullate li:after { content: ""; height: 9px; width: 9px; background: #8EC6A5; border-radius: 50%; position: absolute; left: 0; top: 8px; }

.quality-service.cross-section::before { top: 300px; bottom: inherit;  }
.quality-service.cross-section::after { bottom: 300px; top: inherit; }


/*======== House & Land ========*/
.house-and-land-banner { position: relative; float: left; width: 100%; }
.house-and-land-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 354px; background: url(../images/slider-top-shadow.png) repeat-x center top;
  z-index: 1; }
 
   /* content */
.house-and-land-banner .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; }
.house-and-land-banner .content h1 { font-size: 65px; font-weight: 700; margin-bottom: 35px; }
.house-and-land-banner .content p { font-size: 25px; font-weight: 300; line-height: 35px; margin-top: 50px; letter-spacing: -0.5px;
    font-family: 'Raleway', sans-serif; }
.house-and-land-banner .content .btn { margin-top: 35px; }
 
   /* banner image */
.house-and-land-banner figure { float: left; width: 100%; overflow: hidden; background:#252525; }
.house-and-land-banner figure img { height: 80vh; min-height: 700px; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center; opacity: 0.47; }
 
  /* Down Arrow */
.house-and-land-banner .down-arrow {  display: inline-block; width: 100%; text-align: center; z-index: 1; }
.house-and-land-banner .down-arrow img {  opacity: 0.72;  }
 
 
.house-and-land-list-warpper { display: inline-block; width: 100%; }
 
.house-and-land-list-warpper .house-title { font-size: 80px; color: #141415; text-align: center; font-weight: 700; margin: 100px 0 75px 0; font-family: 'Raleway', sans-serif; }
 
  /* list */
.house-and-land-list { display: block; margin-right: -42px; }
.house-and-land-list li { width: calc(33.3% - 42px); margin-right: 42px; margin-bottom: 65px; float: left; list-style: none; }
 
 
.left-top-line { display: inline-block; width: 100%; position: relative; }
.left-top-line:after { content: ""; display: block; width: 24vw; height: 1px; background: #8EC6A5; transform: rotate(-45deg); transform-origin: right; position: absolute;
    top: 100px; left: -12vw; }
 
.right-top-line { display: inline-block; width: 100%; position: relative; }
.right-top-line:after { content: ""; display: block; width: 24vw; height: 1px;  background: #8EC6A5;  transform: rotate(-45deg); transform-origin: left;  position: absolute;
    top: 150px; right: -12vw; }  
 
 
 
/*======== Special Offers ========*/
.special-offers-banner { position: relative; float: left; width: 100%; }
.special-offers-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 354px; background: url(../images/slider-top-shadow.png) repeat-x center top;
  z-index: 1; }
 
   /* content */
.special-offers-banner .content { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; text-align: center; color: #fff; }
.special-offers-banner .content h1 { font-size: 65px; font-weight: 700; margin-bottom: 35px; }
.special-offers-banner .content p { font-size: 25px; font-weight: 500; line-height: 35px; margin-top: 50px; letter-spacing: -0.5px;
    font-family: 'Raleway', sans-serif; }
.special-offers-banner .content .btn { margin-top: 35px; }
 
   /* banner image */
.special-offers-banner figure { float: left; width: 100%; overflow: hidden; background:#252525; }
.special-offers-banner figure img { height: 80vh; min-height: 700px; width: 100%; object-fit: cover; display: flex;  flex-direction: column;  justify-content: center; opacity: 0.47; }
 
  /* Down Arrow */
.special-offers-banner .down-arrow {  display: inline-block; width: 100%; text-align: center; z-index: 1; }
.special-offers-banner .down-arrow img {  opacity: 0.72;  }
 
 
 
 
.special-offers-warpper { display: inline-block; width: 100%; }
 
.special-offers-warpper .offers-title { font-size: 65px; color: #141415; text-align: center; font-weight: 700; margin: 100px 0 75px 0; font-family: 'Raleway', sans-serif; }
 
.special-offers-list { display: block; margin-right: 45px; margin-top: 85px; font-size: 0; }
.special-offers-list li { display: inline-block; width: calc(50% - 45px); margin-right: 45px; margin-bottom: 90px; } 
 
 .mtp-5{margin-top:5em;}

































 





/* End */