@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:100,300,400,500,700,900');
* {margin: 0; padding: 0; box-sizing: border-box;}

body {font-family: 'Roboto', sans-serif; font-size: 16px; color: #666666; font-weight: 300;}
.container {display: block; width: 94%; margin: 0 auto;}
.container::after {content: ''; display: block; clear: both;}
.clear {display: block; clear: both;}

header {display: block; width: 100%; padding: 18px 0 8px;}
header .headTop {display: table; width: 100%; font-family: 'Roboto Condensed', sans-serif;}
header .headTop .logo, header .headTop .callus, header .headTop .writetous {display: table-cell; vertical-align: middle;}
header .headTop .callus {text-align: center;}
header .headTop .call {display: inline-block; padding: 0 0 0 60px; background: url(../images/Phone-icon.png) center left no-repeat; font-size: 25px; color: #991c3c; font-weight: 700; text-align: left;}
header .headTop .call span {font-size: 16px; color: #282828; display: block;}

header .headTop .writetous {text-align: right;}
header .headTop .mail {display: inline-block; padding: 0 0 0 60px; background: url(../images/Mail-icon.png) center left no-repeat; font-size: 25px; color: #991c3c; font-weight: 700; text-align: left;}
header .headTop .mail span {font-size: 16px; color: #282828; display: block;}
header .headTop .rera {display: block; font-family: 'Roboto', sans-serif; color: #454545; font-size: 14px; font-weight: 500; margin: 8px 0 0;}

.banner {display: block; width: 100%; border-top: 6px solid #9a1d3d; position: relative;}
.banner .banImg {width: 100%;}
.banner .blossom {width: 25%; position: absolute; top: 4%; left: 2%;}
.banner .gitForm {display: block; width: 32%; position: absolute; top: 50%; right: 3%; background: rgba(255,255,255,.9); transform: translateY(-50%); padding: 36px 36px;}
.banner .gitForm h3 {font-size: 34px; color: #9a1d3d; font-weight: 300; margin: 0 0 16px;}
.banner .gitForm ul {list-style: none; display: block;}
.banner .gitForm ul li {display: block; margin: 0 0 16px;}
.banner .gitForm ul li input[type=text] {display: block; width: 100%; height: 46px; border: 0; background: none; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; border-bottom: 2px solid #454545;}
.banner .gitForm ul li.submit {text-align: right;}
.banner .gitForm ul li.submit input[type=submit] {display: inline-block; height: 46px; padding: 0 42px; background: #9a1d3d; color: #fff; border: 0; font-size: 20px; font-weight: 300; text-transform: uppercase; font-family: 'Roboto', sans-serif;}

.readyToMove {display: block; width: 100%; background: #eeeeee; font-family: 'Arial', sans-serif; padding: 56px 0 44px;}
.readyToMove .head {display: inline-block; vertical-align: middle;}
.readyToMove p {font-size: 27px; color: #2f2f2f; font-style: italic;}
.readyToMove .head h4 {font-size: 44px; font-weight: 900; color: #9a1d3d;}
.readyToMove .head h4 span {font-size: 32px; font-weight: 900; color: #2f2f2f; display: block; text-align: right; font-style: italic;}
.readyToMove .gst {display: inline-block; vertical-align: middle;font-size: 44px; font-weight: 900; color: #9a1d3d; padding: 0 0 0 70px; margin: 0 0 0 70px; border-left: 2px dotted #9a1d3d;}
.readyToMove .gst span {font-size: 14px; font-weight: normal; display: block;}

.overview {display: block; width: 100%; padding: 74px 0; text-align: center;}
.overview h2 {display: inline-block; margin: 0 0 32px; font-size: 44px; color: #9a1d3d; text-transform: uppercase; font-weight: normal; background: url(../images/overview-h2-bg.jpg) center repeat-x; padding: 0 20%;}
.overview h2 span {display: inline-block; background: #fff; padding: 0 20px;}
.overview .detail {display: block; text-align: justify;}
.overview .detail p {margin: 0 0 32px; color: #000000; font-size: 20px; line-height: 32px;}

.floorplan {display: block; width: 100%; padding: 28px 0; background: #9a1d3d; color: #fff; font-size: 13px;}
.floorplan h3 {font-size: 44px; text-align: center; font-weight: 400; margin: 0 0 32px;}
.floorplan .floorPlanSlider ul li img {width: 100%; margin: 0 0 10px;}
.floorplan .floorPlanSlider .bx-wrapper .bx-viewport {padding: 0; left: 0; border: 0; box-shadow: none; background: none;}
.floorplan .floorPlanSlider .bx-wrapper .bx-pager.bx-default-pager a {width: 20px; height: 20px; border-radius: 50%; border: 1px solid #fff; background: none;}
.floorplan .floorPlanSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .floorplan .floorPlanSlider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff; }

.proHighlights {display: block; width: 100%; padding: 46px 0; background: #eeeeee;}
.proHighlights h3 {font-size: 44px; text-align: center; font-weight: 400; margin: 0 0 46px; color: #9a1d3d;}
.proHighlights .highlights {display: block;}
.proHighlights .highlights ul {display: block;}
.proHighlights .highlights ul li {display: inline-block; vertical-align: top; width: calc(50% - 4px); padding: 0 34px; margin: 0 0 36px; font-size: 20px; color: #000; background: url(../images/Bullet.png) 0 2px no-repeat;}

.layoutAmenities {display: block; width: 100%; padding: 46px 0;}
.layoutAmenities h3 { font-size: 44px; font-weight: 400; margin: 0 0 46px; color: #9a1d3d;}
.layoutAmenities h4 { font-size: 32px; font-weight: 400; margin: 20px 0 32px; color: #9a1d3d;}
.layoutAmenities .layout {display: block; width: 48%; float: left;}
.layoutAmenities .layout .pic {}
.layoutAmenities .layout .pic img {width: 100%;}
.layoutAmenities .amenities {display: block; width: 48%; float: right;}
.layoutAmenities .amenities .featureList {display: block;}
.layoutAmenities .amenities .featureList ul {display: block;}
.layoutAmenities .amenities .featureList ul li {display: inline-block; width: calc(23% - 4px); vertical-align: top; border: 1px solid #ccc; text-align: center; margin: 0 2% 20px 0;}
.layoutAmenities .amenities .featureList ul li img {width: 100%;}

.locationMap {display: block; width: 100%; background: #eee; padding: 46px 0;}
.locationMap h3 { font-size: 44px; font-weight: 400; margin: 0 0 46px; color: #9a1d3d; text-align: center;}
.locationMap .Map {display: block; width: 100%;}
.locationMap .Map iframe {display: block; width: 100%; height: 380px;}

.gallery {display: block; width: 100%; padding: 46px 0;}
.gallery h3 { font-size: 44px; font-weight: 400; margin: 0 0 46px; color: #9a1d3d; text-align: center;}
.gallery .galSlider {display: block;}
.gallery .galSlider ul {display: block;}
.gallery .galSlider ul li {display: inline-block; width: calc(25% - 4px); padding: 0 2%;}
.gallery .galSlider ul li img {width: 100%;}


.fewLeftRera {display: block; background: #eeeeee; margin: 0 0 20px;}
.fewLeftRera .fewLeft {display: inline-block; vertical-align: middle; font-size: 28px; color: #9a1d3d; font-weight: 900; text-transform: uppercase; padding: 0 0 0 3%; line-height: 72px;}
.fewLeftRera .reraloanWrap {float: right; width: 743px;}
.fewLeftRera .reraloanWrap .reraComp::before {content: ''; display: block; position: absolute; top: 0; right: 100%;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    border-top: 72px solid #71bd44;
}
.fewLeftRera .reraloanWrap .reraComp {float: left; background: #71bd44; color: #fff; font-size: 28px; font-weight: 900; padding: 10px 8px 10px 20px; position: relative;}
.fewLeftRera .reraloanWrap .reraComp span {display: block; font-weight: 400; font-size: 14px;}

.fewLeftRera .reraloanWrap .homeloans {float: left; background: #f4811f; color: #fff; font-size: 28px; font-weight: 900; padding: 10px 40px 10px 20px; position: relative;}
.fewLeftRera .reraloanWrap .homeloans::before {content: ''; display: block; position: absolute; top: 0; right: 100%;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    border-top: 72px solid #f4811f;
}
.fewLeftRera .reraloanWrap .homeloans span {display: block; font-weight: 400; font-size: 14px;}

footer {display: block; width: 100%; background: #171717; color: #d3d3d3; font-size: 12px; padding: 32px 0;}
footer ul {display: block;}
footer ul li {display: inline-block; vertical-align: middle; border-left: 1px solid #d3d3d3; padding-left: 2%; margin-left: 2%;}
footer ul li a {color: inherit; text-decoration: none;}
footer ul li:nth-child(1) {border-left: 0; padding-left: 0; margin-left: 0;}
footer ul li {display: inline-block; vertical-align: middle;}
footer ul li img {height: 14px;}