@charset "utf-8";
/* CSS Document */
.bannerInfo-inside span h2 {width:auto; height:auto; display:block; font-size:48px; font-weight:600; color:#ee4c1e; padding-bottom:15px; line-height:50px;}
.uppercase{text-transform:uppercase !important;}
.apartments_box{display:block;  padding:0px; overflow:hidden; position:relative; min-height:615px;}
.projectMap{display:inline-block; vertical-align:top; position:relative; text-align:left; margin-bottom:30px; width:100%;}
.projectMap img{display:block; margin:auto;}
.plan_img{display:inline-block; vertical-align:top; position:relative; text-align:left; margin-bottom:30px; width:100%;}
.plan_img img{display:block; margin:auto;}
.download_img{background:url(../images/download-icon.png) no-repeat 0 0; padding-left:38px; color:#ef4d28; font-size:12px; line-height:20px; font-weight:normal; margin-left:10px; text-align:left; position:relative; display:inline-block;}
.margin_bottom22{margin-bottom:22px; display:inline-block; width:100%;}
.apartment{display:inline-block; vertical-align:middle; position:relative; width:100%;}
.apartment .apartment-left{float:left; width:100%;}
.apartment .apartment-right{float:left; width:35%;}

.apartment_tower{display:inline-block; vertical-align:middle; position:relative;}
.apartment_tower .apartment-left{float:left; width:65%;}
.apartment_tower .apartment-right{float:left; width:35%;}

.apartment h2{font-size:22px; line-height:30px; color:#373737; font-weight:700; position:relative; text-transform:uppercase; letter-spacing:1px; display:block; padding-bottom:5px; margin-bottom:30px; text-align:left;}
.apartment h2:after{content:''; width:30px; height:3px; background:#373737; position:absolute; left:0; bottom:0;}


.apartment_tower h2{font-size:22px; line-height:30px; color:#373737; font-weight:700; position:relative; text-transform:uppercase; letter-spacing:1px; display:block; padding-bottom:5px; margin-bottom:30px; text-align:left;}
.apartment_tower h2:after{content:''; width:30px; height:3px; background:#373737; position:absolute; left:0; bottom:0;}

.apartments_type{display:inline-block; vertical-align:top; text-align:left; padding-left:30px; margin-bottom:30px;}
.apartments_type big{color:#5c421d; font-size:15px; font-weight:600; text-transform:uppercase; display:block; padding-bottom:15px;}
.apartments_type b{color:#b34800; font-size:13px; font-weight:400; display:block; padding-bottom:15px;}
.apartments_type strong{color:#5c421d; font-size:11px; font-weight:600; text-transform:uppercase; display:block; padding-bottom:10px;}
.apartments_type ul{margin-bottom:25px;}
.apartments_type ul li{color:#5c421d; font-size:11px; line-height:17px; zoom: inherit; font-weight:600; text-transform:uppercase; padding:7px 0 5px 32px; border:1px dotted #000; position:relative; cursor:pointer; border-radius:16px; margin-bottom:12px; width:177px; text-align:left;}
.apartments_type ul li:focus{ font-size:11px; line-height:17px;}
.apartments_type ul li b{display:none;}
.apartments_type ul li samp{width:11px; height:11px; border-radius:50%; position:absolute; left:14px; top:9px; z-index:2;}
.apartments_type ul li:after{content:''; width:11px; height:11px; border-radius:50%; position:absolute; left:14px; top:9px;}
.apartments_type ul li:nth-child(1):after{background:#88a67d;}
.apartments_type ul li:nth-child(2):after{background:#d2bc7b;}
.apartments_type ul li:nth-child(3):after{background:#b4c0b5;}
.apartments_type ul li:nth-child(4):after{background:#cdcc91;}
.apartments_type ul li:nth-child(5):after{background:#f6e4d1;}
.apartments_type ul li:nth-child(6):after{background:#f7e5d1;}
.apartments_type ul li.phase2-btn:nth-child(1):after{background:#b5c1b5;}
.apartments_type ul li.phase2-btn:nth-child(2):after{background:#f5e19f;}


.apartments_type ul.serampore_flat_type li:nth-child(1):after{background:#fab493;}
.apartments_type ul.serampore_flat_type li:nth-child(2):after{background:#92c5eb}
.apartments_type ul.serampore_flat_type li:nth-child(3):after{background:#a3bf73}
.apartments_type ul.serampore_flat_type li:nth-child(4):after{background:#9fd18a}
.apartments_type ul.serampore_flat_type li:nth-child(5):after{background:#25b24b}
.apartments_type ul.serampore_flat_type li:nth-child(6):after{background:#fff9b8}
.apartments_type ul.serampore_flat_type li:nth-child(7):after{background:#f2ee80}
.apartments_type ul.serampore_flat_type li:nth-child(8):after{background:#ffc20e}

.apartments_type ul.joka_flat_type li:nth-child(1):after{background:#3d9eff}
.apartments_type ul.joka_flat_type li:nth-child(2):after{background:#8fb851}
.apartments_type ul.joka_flat_type li:nth-child(3):after{background:#bc76aa}
.apartments_type ul.joka_flat_type li:nth-child(4):after{background:#99b3ff}
.apartments_type ul.joka_flat_type li:nth-child(5):after{background:#ffa852}
.apartments_type ul.joka_flat_type li:nth-child(6):after{background:#f8f99f}
.apartments_type ul.joka_flat_type li:nth-child(7):after{background:#ffc20a}


.abbreviations{display:block; padding:0 0 0 5px;}
.abbreviations span{display:block; color:#5c421d; font-size:12px; font-weight:400;}
.abbreviations span strong{display:inline!important;}
.floor_plan_left{float: inherit; width:100%; /*overflow:hidden;*/ position:relative;}


.plan-area .download_img2{background:url(../images/download-icon.png) no-repeat 0 0; padding-left:38px; color:#ef4d28; font-size:12px; line-height:20px; font-weight:normal; text-align:left; position:absolute; display:inline-block; left:50px;}

.plan-area .download_img3{background:url(../images/download-icon3.png) no-repeat 0 0; padding-left:38px; color:#535353; font-size:12px; line-height:22px; font-weight:normal; text-align:left; position:absolute; display:inline-block; left:50px;}
.plan-area .download_img3:hover{color:#ef4d28;}


.plan-area2 .download_img2 {
    /* background: url(../images/downArrow.png) no-repeat 213px  center; */
    color: #2a5647;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    text-align: left;
    position: inherit;
    display: inline-block;
    left: 50px;
    margin: 50px 0; border: 1px solid #2a5647; padding: 15px 30px 15px 30px; border-radius: 25px;
}
.plan-area2 .download_img3{background:url(../images/download-icon3.png) no-repeat 0 0; padding-left:38px; color:#535353; font-size:12px; line-height:22px; font-weight:normal; text-align:left; position:absolute; display:inline-block; left:50px; }
.plan-area2 .download_img3:hover{color:#ef4d28;}


.floor_plan_right{float: inherit; width:100%; padding-top:0px;}
.transition{-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
/*.bhk1, .bhk2, .bhk3, .bhk4, .bhk5, .bhk6, .bhk_1, .bhk_2{width:100%; height:100%; display:inline-block; background:rgba(255,255,255,1.00); position:absolute; left:100%; top:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; padding:50px;}*/
.plan-area{width:100%; height:100%; display:inline-block; background:rgba(255,255,255,1.00); position:absolute; left:100%; top:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; padding:50px; z-index:2;}

.plan-area2{width:96%; height:100%; display:inline-block; background:rgba(255,255,255,1.00);  left:100%; top:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;  padding: 30px 50px; z-index:2;}
#parentHorizontalTab3 .plan-area2{width:100%; }


.resp-tab-content.hor_2{box-shadow: none; border: 0px solid;}
.resp-tab-content.hor_3{box-shadow: none; border: 0px solid;}
.resp-tab-content.hor_4{box-shadow: none; border: 0px solid;}
#parentHorizontalTab2{padding: 0px 0;}
#parentHorizontalTab3{padding: 0px 0;}
#parentHorizontalTab4{padding:0px 0;}
.resp-tabs-container.hor_3 { margin: 20px 20px 0 20px;}
.switch label {position: absolute;font-size: 12px;left: 0px;top: 0px;z-index: 1;cursor: pointer;}
label.\33 d_switch {
    top: 3px;
    left: 7px; color: #2d6d66;
}

.switch input + label span {
    right: 31px;
    position: relative;
    z-index: 9; color: #2d6d66;
}
.hor_2 {margin: 20px 0px 0 0px;}
.location-wrapper.full-wrapper {width: 100%; max-width: 1266px; margin: 0 auto; display: block;}

/*.bhk1{width:100%; height:100%; display:inline-block; background:rgba(255,255,255,1.00); position:relative; left:0; top:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}*/
a.floor_plan{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
a.floor_plan:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_plan:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}


a.floor_plan2, a.floor_plan3, a.floor_plan4, a.floor_plan5, a.floor_plan6, a.floor_plan7, a.floor_plan8, a.floor_plan9{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
a.floor_plan2:before, a.floor_plan3:before, a.floor_plan4:before, a.floor_plan5:before, a.floor_plan6:before, a.floor_plan7:before, a.floor_plan8:before, a.floor_plan9:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}



a.floor_plan2:hover:before, a.floor_plan4:hover:before, a.floor_plan5:hover:before, a.floor_plan6:hover:before, a.floor_plan7:hover:before, a.floor_plan8:hover:before, a.floor_plan9:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}




a.floor_3bhk1{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
 a.floor_3bhk1:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_3bhk1:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}

a.floor_3bhk2{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
 a.floor_3bhk2:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_3bhk2:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}

a.floor_3bhk3{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
 a.floor_3bhk3:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_3bhk3:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}


a.floor_3bhk4{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
 a.floor_3bhk4:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_3bhk4:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}


a.floor_3bhk5{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
 a.floor_3bhk5:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_3bhk5:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}


a.floor_3bhk6{font-size:14px; line-height:20px; font-weight:500; color:#ef4d28; position:relative; padding:5px 0 0 29px; margin:3px 0 0 0; display:inline-block; float:left;}
 a.floor_3bhk6:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 0; width:8px; height:25px; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.floor_3bhk6:hover:before{content:''; background:url(../images/arrow-top.png) no-repeat 0 100%;}

.apartments_box{min-height: auto !important}




a.back{font-size:14px; line-height:20px; font-weight:normal; color:#ef4d28; position:relative; padding:0 0 0 38px; float:right; display:inline-block;}
a.back:before{content:''; background:url(../images/arrow-left.png) no-repeat 0 0; width:25px; height:8px; position:absolute; left:0; top:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.back:hover:before{content:''; background:url(../images/arrow-left.png) no-repeat 100% 0;}
.apartments_type2{display:inline-block; vertical-align:top; text-align:left; padding-left:0px; width:100%;}
.apartments_type2 .flat_type{padding-bottom:20px;}
.apartments_type2 .flat_type h3{font-size:16px; line-height:22px; color:#373737; font-weight:600; padding-bottom:2px; display:block; padding-bottom:10px;}
.apartments_type2 .flat_type h2 {font-size: 18px;line-height: 22px;   color: #373737; font-weight: 500; padding-bottom: 2px;    display: block;}
.apartments_type2 .flat_type ul{font-size: 14px; line-height: 20px; font-weight: 500; color: #373737; margin: 10px 0 15px;     padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
.apartments_type2 .flat_type ul li{padding-bottom:2px;}
.apartments_type2 .flat_type ul li a{color:#ef4d28; font-weight:500;}

.apartments_type2 .flat_type ul li samp{color:#F20;}
.apartments_type2 .legend{display:block;}
.apartments_type2 .legend big{font-size: 18px; line-height: normal; font-weight:bold; color:#373737; padding-bottom:15px; display:block; text-align:left;}
.apartments_type2 .legend ul{font-size:12px; line-height:18px; color:#373737; font-weight:300; list-style:decimal; display:block; padding-left:13px; text-align:left;}
.apartments_type2 .legend ul.no_decimal{list-style:none; padding-left:0;}
.apartments_type2 .legend ul.no_decimal li{padding-left:30px;}
.apartments_type2 .legend ul li{padding-bottom:4px; white-space:nowrap; position:relative;     font-size: 14px;
    font-weight: 500;
    line-height: 20px;}
.apartments_type2 .legend ul li i{display:inline-block; position:absolute; top:0; left:0; font-style:normal; font-size:12px; line-height:18px; color:#373737; font-weight:300;}
.apartments_type2 .legend ul li i em{color:#ee4c1e;; font-style:normal; font-weight:bold; font-size:12px;}

.apartments_type2 .legend ul li span{min-width:165px; float:left; padding-right:6px;}
.apartments_type2 .legend ul li span em{color:#ee4c1e; font-size:12px; font-style:normal; font-weight:bold; font-size:14px; padding:0 6px 0 2px;}
.apartments_type2 .legend ul li span samp{color:#F20;}

.apartments_type2 .legend small{font-size:12px; line-height:18px; color:#000; font-weight:300; padding:15px 0 10px 0; display:block;}
.apartments_type2 .legend small em{color:#ee4c1e; font-size:12px; font-style:normal; font-weight:bold; font-size:14px; padding:0 6px 0 2px;}

.download_hr{background:url(../images/download-icon.png) no-repeat 0 0; padding-left:38px; color:#ef4d28; font-size:12px; line-height:20px; font-weight:normal; margin-left:10px; text-align:left; display:inline-block; position:absolute; left:50px; bottom:30px;}



.apartments_type2 .download-tower-plan strong{font-size:16px; line-height:22px; color:#f7560f; font-weight:normal; display:inline-block; width:100%; padding:15px 0 15px;}
.apartments_type2 .download-tower-plan .download_img4{background:url(../images/download-icon3.png) no-repeat 0 0; padding-left:38px; color:#535353; font-size:12px; line-height:22px; font-weight:normal; text-align:left; display:inline-block;}
.apartments_type2 .download-tower-plan .download_img4:hover{color:#ef4d28;}



.apartments_type2 .legend b{font-size:10px; line-height:16px; font-weight:400; color:#373737; padding-bottom:2px; display:block; text-align:left;}
.apartments_type2 .legend b samp{color:#F20; font-size:12px; line-height:18px;}
.floor_plan_left .projectMap{margin:40px 0 0 0; display:block; padding-bottom:0px;}
.floor_plan_left .plan3d{position:relative; margin-top:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.floor_plan_left .plan3d_new{margin-top:1000px; display: none;}
.floor_plan_left .planoutline{/*position:absolute;*/ left:0; top:-550px; width:100%; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; display: none}
.floor_plan_left .planoutline_new{top:0px; padding:30px 0; width:100%; display: block}
.eq_height{display:flex; flex-wrap:wrap;}
.eq_height .floor_plan_left{/*max-height:423px;*/ overflow:hidden; display:inline-block;}


/*------apartment new css add--------*/
.apartment_block_sr{float:left; width:100%; background-color:#fff; padding:30px 0; margin-bottom:50px;}
.apartment_block_sr h3{font-size:24px; color:#474747; position:relative; font-weight:300; text-transform:uppercase; padding-bottom:15px; margin-bottom:15px; float:left; width:100%;}
.apartment_block_sr h3:after{position:absolute; content:""; margin:0 auto; left:0px; right:0px; bottom:0px; background-color:#5f5f5f; width:19px; height:2px;}
.size_chart{display:none;}
.block_menu{margin:0 auto; width:275px; position:relative; }
#showmenu{ width:100%; float:left;border-radius:25px; border:1px solid #c2c2c2; padding:15px 34px; text-align:left; position:relative; cursor:pointer;}
#showmenu:after{position:absolute; content:""; background:url(../images/select_ap.png) no-repeat; width:7px; height:7px; right:20px; top:50%; margin-top:-3px;}
.block_menu ul{float:left; width:100%; position:relative; border:1px solid #c2c2c2; background-color:#fff;  margin:15px 0 0; position:absolute; top:60px;     -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.14);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.14);    box-shadow: 0 0 5px 0 rgba(0,0,0,.14); text-align:left; z-index:9}
	.block_menu ul li{float:left; width:100%; padding:15px 15px; border-bottom:1px solid #c2c2c2;}
	.block_menu ul li a{color:#000;}
	
	.floor_plan_block{float:left; width:100%; padding:80px 0;}
	.floor_plan_block h4{font-size:16px; font-weight:700px;}
	.floor_plan_block h4 span{font-weight:300}
	.floor_plan_block .download_img5{display:inline-block;}
	.floor_plan_block .link{display:inline-block; width:100%; text-align:center;}
	
	.size_chart .apartments_box{border:0px solid #e3e3e3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0px;}
	.size_chart .apartments_box h2{text-align:center; margin-bottom:50px;}
	.size_chart .apartments_box h2::after {left: 0; bottom: 0;  right: 0; margin: 0 auto;}
	
.bonhooghly_aprt {text-align:center;}
.bonhooghly_aprt .resp-tabs-list li{width:50%;}
.bonhooghly_aprt h2{float:left; width:100%;}
.bonhooghly_aprt h2:after {margin: 0 auto; right: 0;}


.legendList div{color:#5c421d; font-size:11px; line-height:17px; zoom: inherit; font-weight:600; text-transform:uppercase; padding:7px 0 5px 18px; position:relative; text-align:left;}
.legendList div:focus{ font-size:11px; line-height:17px;}
.legendList div b{display:none;}
.legendList div samp{width:11px; height:11px; border-radius:50%; position:absolute; left:14px; top:9px; z-index:2;}
.legendList div:after{content:''; width:11px; height:11px; border-radius:50%; position:absolute; left:0px; top:9px;}
.legendList div:nth-child(1):after{background:#7d86b2;}
.legendList div:nth-child(2):after{background:#b9bee1;}


.yearmenu{display: inline-block; width: 50%; background: url("../images/divide_para.png") no-repeat bottom; padding: 0px 0 20px; margin: 0px auto; position: relative; margin-bottom: 30px;}
.yearmenu span{font-size: 14px; color: #242424; float: left; width: 100%; padding: 0 0 10px; text-align: left;}
.yearmenu > a{font-size: 30px; cursor: pointer; color: #242424; float: left; font-weight: 600; background: url("../images/down_arrow.png") no-repeat right; padding: 0 100px 0 0; width: 100%; text-align: left;}


.dropmenu_open{width: 292px; padding: 25px; border: 1px solid #e1e1e1; position: absolute; top: 75px; left: 0; z-index: 2; background-color: #fff; border-radius: 6px;}
.dropmenu_open:after{position: absolute; content: ""; background: url("../images/select_up.png") no-repeat; width: 20px; height: 11px; left: 20px; top: -11px;}
.dropmenu_open a{float: left; width: 100%; border-bottom: 1px solid #e1e1e1; color: #383838; font-weight: 500; font-size: 16px; padding: 9px 0; cursor: pointer;}
.dropmenu_open a:last-child{border-bottom: 0px solid #e1e1e1;}


.dropmenu_open{display: none;}
.targetDiv{display: none;}





.dropmenu_open2{width: 292px; padding: 25px; border: 1px solid #e1e1e1; position: absolute; top: 75px; left: 0; z-index: 2; background-color: #fff; border-radius: 6px;}
.dropmenu_open2:after{position: absolute; content: ""; background: url("../images/select_up.png") no-repeat; width: 20px; height: 11px; left: 20px; top: -11px;}
.dropmenu_open2 a{float: left; text-align: left;width: 100%; border-bottom: 1px solid #e1e1e1; color: #383838; font-weight: 500; font-size: 16px; padding: 9px 0; cursor: pointer;}
.dropmenu_open2 a:last-child{border-bottom: 0px solid #e1e1e1;}


.dropmenu_open2{display: none;}
.targetDiv2{display: none;}



.dropmenu_open3{width: 292px; padding: 25px; border: 1px solid #e1e1e1; position: absolute; top: 100px; left: 0; z-index: 2; background-color: #fff; border-radius: 6px;}
.dropmenu_open3:after{position: absolute; content: ""; background: url("../images/select_up.png") no-repeat; width: 20px; height: 11px; left: 20px; top: -11px;}
.dropmenu_open3 a{float: left; width: 100%; border-bottom: 1px solid #e1e1e1; color: #383838; font-weight: 500; font-size: 16px; padding: 6px 0; cursor: pointer;}
.dropmenu_open3 a:last-child{border-bottom: 0px solid #e1e1e1;}


.dropmenu_open3{display: none;}
.targetDiv3{display: none;}



.dropmenu_open4{width: 292px; padding: 25px; border: 1px solid #e1e1e1; position: absolute; top: 100px; left: 0; z-index: 2; background-color: #fff; border-radius: 6px;}
.dropmenu_open4:after{position: absolute; content: ""; background: url("../images/select_up.png") no-repeat; width: 20px; height: 11px; left: 20px; top: -11px;}
.dropmenu_open4 a{float: left; width: 100%; border-bottom: 1px solid #e1e1e1; color: #383838; font-weight: 500; font-size: 16px; padding: 6px 0; cursor: pointer;}
.dropmenu_open4 a:last-child{border-bottom: 0px solid #e1e1e1;}


.dropmenu_open4{display: none;}
.targetDiv4{display: none;}



/* .resp-tab-content .wrapper{padding:0 20px;} */



.openfordesktop{display: block}
.openformbobile{display: none}

.tabs-wrapper{display: block}
.yearmenu{display: none}

#parentHorizontalTab3 ul.resp-tabs-list{text-align: center}
#parentHorizontalTab3 .resp-tabs-list li{float: none}
#parentHorizontalTab4 ul.resp-tabs-list{text-align: center}
#parentHorizontalTab4 .resp-tabs-list li{float: none}



div#parentHorizontalTab{text-align:center; margin-bottom:30px;}
ul.resp-tabs-list {
    display: inline-block;
    width: 95%;
    /* max-width: 708px; */
    margin: 0 auto;
    text-align: center;
    background: #07aa97; border-radius: 5px;
}


.resp-tabs-list li.jalsaImages{font-size:24px; line-height:28px;}
.resp-tabs-list li.jalsaImages span {display: block;padding: 20px 0 0px 0;}


.resp-tabs-list li{font-weight:normal; font-size:24px; line-height:68px; display:inline-block; cursor:pointer; width:50%; float:left; color:#fff; text-transform: inherit;}
.resp-tabs-list li span{display:block; padding:20px 0; margin:0 2px; text-align:center;}
.resp-tabs-container{padding:0px; clear:left; margin-top:20px;}
h2.resp-accordion{cursor:pointer; padding:5px; display:none;}
.resp-tab-content{display:none;}
.concept_plan_cont{padding:50px;}
.concept_plan_cont img{width:100%; max-width:427px;}
.resp-tab-active{color:#fff !important;}

.resp-accordion span, .resp-tab-active span{background: #088a7b; position: relative; color:#fff !important; border-radius: 0px 5px 5px 0; font-size:24px; line-height:68px; text-transform: inherit; font-weight:400; text-align:left; padding-bottom:10px; margin-bottom:20px; width:100%; display:inline-block;}
.resp-accordion span, .resp-tab-active span::after{background: url(../images/flatLayoutArrow.png) center bottom no-repeat; content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 0px; right: 0px; margin: 0 auto; bottom: -10px;}


.resp-tabs-list li.jalsaImages .resp-tab-active span{background: #088a7b; color:#fff !important; border-radius: 5px 0px 0px 5px; font-size:24px; line-height:68px; text-transform: inherit; font-weight:400; text-align:left; padding-bottom:10px; margin-bottom:20px; width:100%; display:inline-block;}
.resp-tabs-list li.jalsaImages .resp-tab-active span::after{background: url(../images/flatLayoutArrow.png) center bottom no-repeat; content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 0px; right: 0px; margin: 0 auto; border: 1px solid red;}




.resp-tab-active span.resp-arrow{border:0 !important;}
.resp-content-active, .resp-accordion-active{display:block;}
/* .resp-tab-content{border:1px solid rgba(209,209,209,1.00); -webkit-box-shadow:0px 1px 9px 0px rgba(209,209,209,0.75); -moz-box-shadow:0px 1px 9px 0px rgba(209,209,209,0.75); box-shadow:0px 1px 9px 0px rgba(209,209,209,0.75);} */
h2.resp-accordion{font-size:13px; border-top:0px solid #c1c1c1; margin:0px; padding:10px 15px;}
h2.resp-tab-active{border-bottom:0px solid #c1c1c1 !important; margin-bottom:0px !important; padding:10px 15px !important;}
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1 !important; background:blue;}
.phase1_cont_row{  display: -webkit-box;
  display: -webkit-flex;
display:flex; flex-wrap:wrap;}
.phase1_cont_row .phase1_cont_col{width:50%; float:left; padding:50px 60px 70px; position:relative;}
.phase1_cont_row .phase1_cont_col img{width:100%;display:block;  position: relative; top: 50%; transform: translateY(-50%);}
.phase1_cont_row .phase1_cont_col.full_view{width:100%;}
.phase1_cont_row .phase1_cont_col.full_view img{max-width:100%; width:auto; transform:none; top:auto;} 
.phase1_cont_row .phase1_cont_col:nth-child(1){background:#efefef !important;}
.phase1_cont_row .phase1_cont_col h2{font-size:24px; line-height:30px; color:#434343; text-align:left; font-weight:400; position:relative; padding-bottom:6px; margin-bottom:29px;}
.phase1_cont_row .phase1_cont_col h2:after{content:''; width:19px; height:3px; background:#f7560f; position:absolute; left:0; top:100%;}

.phase1_cont_row .phase1_cont_col.full_view h2{font-size:24px; line-height:30px; color:#434343; text-align:center; font-weight:400; position:relative; padding-bottom:6px; margin-bottom:29px;}
.phase1_cont_row .phase1_cont_col.full_view h2:after{content:''; width:19px; height:3px; background:#f7560f; position:absolute; left:0; right:0; margin:0 auto; top:100%;}


.phase1_cont_row .phase1_cont_col strong{font-size:16px; line-height:24px; color:#434343; text-align:left; font-weight:400; padding-bottom:6px; display:inline-block; width:100%;}
.phase1_cont_row .phase1_cont_col ul{list-style:none; counter-reset:my-awesome-counter; display:flex; flex-wrap:wrap;}
.phase1_cont_row .phase1_cont_col ul li{float:left; width:50%; text-align:left; font-size:12px; line-height:20px; color:#434343; padding:5px 30px 5px 30px; counter-increment:my-awesome-counter; position:relative;}
.phase1_cont_row .phase1_cont_col ul li:before{content:counter(my-awesome-counter); display:inline-block; color:#434343	; text-align:center; position:absolute; left:0; top:4px;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active{/* background:#DBDBDB;*//* !important;*/}
.resp-easy-accordion h2.resp-accordion{display:block;}
.resp-easy-accordion .resp-tab-content{/*border:1px solid #c1c1c1;*/}
.resp-easy-accordion .resp-tab-content:last-child{/*border-bottom:1px solid #c1c1c1;*//* !important;*/}
.resp-jfit{width:100%; margin:0px;}
.resp-tab-content-active{display:block;}
h2.resp-accordion:first-child{/*border-top:1px solid #c1c1c1;*//* !important;*/}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/


.phase1_cont_row2{/*  display: -webkit-box;  display: -webkit-flex;display:flex; flex-wrap:wrap;*/ float:left; width:100%;}
.phase1_cont_row2 .phase1_cont_col{width:50%; float:left; padding:50px 60px 70px;}
/*.phase1_cont_row2 .phase1_cont_col img{width:100%;display:block;  position: relative; top: 50%; transform: translateY(-50%);}*/
.phase1_cont_row2 .phase1_cont_col.full_view{width:100%;}
.phase1_cont_row2 .phase1_cont_col.full_view img{max-width:96%; width:auto; transform:none; top:auto;} 
.phase1_cont_row2 .phase1_cont_col h2{font-size:24px; line-height:30px; color:#434343; text-align:left; font-weight:400; position:relative; padding-bottom:6px; margin-bottom:29px;}
.phase1_cont_row2 .phase1_cont_col h2:after{content:''; width:19px; height:3px; background:#f7560f; position:absolute; left:0; top:100%;}
.apartments_box .nav{position: inherit; left: 0; top:0px; width:96%; height:auto; background: inherit; z-index:97; overflow: inherit;}

.flatLayouts{ background: #d5e7e5; padding: 53px 0;}
.flatLayouts h2 {padding: 0px 0 25px 0px; font-size: 48px; font-weight: 600; color: #2a5647;}
h2.cawChild2 {padding: 0px 0 25px 25px; font-size: 48px; font-weight: 600; color: #2a5647;}

.laleTab .resp-tabs-list li span {
    display: block;
    padding: 5px 0;
    margin: 0 2px;
    text-align: center;
    color: #2a5647;
    margin: 0 auto;
    text-transform: uppercase;
}
.laleTab .nav-tabs li {border-bottom: 0px solid transparent;}
.laleTab .resp-accordion span, .laleTab .resp-tab-active span {
    background: #fff;
    position: relative;
    color: #2a5647 !important;
    border-radius: 5px;
    font-size: 24px;
    line-height: 68px;
    text-transform: inherit;
    font-weight: 400;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}

.laleTab .resp-tab-active span::after {
    background: url(../images/flatLayoutArrow2.png) center bottom no-repeat;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: -9px;
    /* bottom: 0px;border: 1px solid red; */
}

.typeText{ background: #fff; width: 100%; -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.62); -moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.62); box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.62); border-radius: 5px;}
.textBoxd{ padding: 35px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); min-height: 142px; border-bottom: 2px solid #f04e27; border-radius: 5px 5px 0 0;}
.onwards { padding: 20px 36px 35px 35px; border-radius: 0 0 5px 5px;}
.textBoxd { display: flex;}
.textBoxd ul { border-right: 1px solid #d0d0d0; padding: 0 20px;}
.textBoxd ul li { color: #2a5647; font-size: 13px; line-height: 20px; padding: 0 0 12px 0;}
.textBoxd ul:last-child { border-right: 0px solid #d0d0d0;}
.textBoxd ul:nth-child(1){ width: 42%; padding: 0 20px 0 0;}
.textBoxd ul:nth-child(2){ width: 28%;}
.textBoxd ul:nth-child(3){ width: 30%;}
.onwards ul { display: flex;}
.onwards ul li { display: inline-block; width: 25%; font-size: 16px; line-height: 20px; color: #2a5647;}
.onwards ul li span{ display: block; font-size: 26px; padding: 10px 0 7px 0;}
.onwards ul li span b{ color: #f04e27; font-weight: 400;}
.twoType{ display: flex; width: 100%;  justify-content: space-between; padding: 0px 0;}
.twoType h2{ font-size: 30px; color: #2a5647; float: left; position: absolute;}
.twoType{}
.offOn{ float: right;}
/* span.left, span.right {
    position: absolute;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ef4d28;
    border-radius: 50%;
    left: -50px;
    top: 8px;
    z-index: 9999;
    cursor: pointer;
    color: #ffffff;
} */
.scroller-btn.inactive {
    /* opacity: 0.3; */
    /* pointer-events: none; */
}

/* span.left, span.right {
    position: absolute;
    height: 30px; z-index: 98;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ef4d28;
    border-radius: 50%;
    left: -50px;
    top: 8px;
    z-index: 9999;
    cursor: pointer;
    color: #ffffff;
} */

.rightText{ position: absolute; right: 0px; top: 240px; z-index: 9;} 
.boxPart { position: relative;}
.jalsaBox {background: url(../images/bankLine1.png) center top no-repeat; min-height: 128px; width: 130px;  padding: 15px 15px 0 20px; text-align: left; color: #fff; font-size: 14px;}
.jalsaBox a p{ font-size: 14px; color: #fff; line-height: 18px; padding: 10px 0 0 0; display: block; text-align: left;}
.jalsaBox a img { padding: 15px 0 0 0; display: block; text-align: center;}

.newlayout_box {
    background: url(../images/new_layout_image.png) center top no-repeat;
    min-height: 145px;
    width: 130px;
    padding: 0px 15px 0 0px;
    text-align: left;
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.newlayout_box p {
    text-align: center;
    margin-top: 6px;
}
.newlayout_box a p{ font-size: 14px; color: #fff; line-height: 18px; padding: 10px 0 0 0; display: block; text-align: left;}
.newlayout_box a img { padding: 15px 0 0 0; display: block; text-align: center;}

.sold_out_image {
    width: 130px;
    margin-right: 40px;
}

.otherTowers {
    background: url(../images/bankLine2.png) center top no-repeat; 
    min-height: 135px;
    width: 130px;
    padding: 15px;
    margin: -2px 0 0 0;
    text-align: left; color: #fff; font-size: 14px;
}
.otherTowers a p{ font-size: 14px; color: #fff; line-height: 18px; padding: 10px 0 15px 0; display: block; text-align: left;}
.otherTowers a img { padding: 15px 0 0 0; display: block; text-align: center;}
.offOn1 {position: absolute;right: 60px;}





.switch {
      font-size: 1rem;
      position: relative;
   }
   .switch input {
      position: absolute;
      height: 1px;
      width: 1px;
      background: none;
      border: 0;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      overflow: hidden;
      padding: 0;
   }
   .switch input + label {
      position: relative;
      min-width: calc(calc(2.375rem * .8) * 2);
      border-radius: calc(2.375rem * .8);
      height: calc(2.375rem * .8);
      line-height: calc(2.375rem * .8);
      display: inline-block;
      cursor: pointer;
      outline: none;
      user-select: none;
      vertical-align: middle;
      text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
   }
   .switch input + label::before, .switch input + label::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: calc(calc(2.375rem * .8) * 2);
      bottom: 0;
      display: block;
   }
   .switch input + label::before {
      right: 0;
      background-color: #74c4bb;
      border-radius: calc(2.375rem * .8);
      transition: 0.2s all;
   }
   .switch input + label::after {
      top: 2px;
      left: 2px;
      width: calc(calc(2.375rem * .8) - calc(2px * 2));
      height: calc(calc(2.375rem * .8) - calc(2px * 2));
      border-radius: 50%;
      background-color: #47a297;
      transition: 0.2s all;
   }
   .switch input:checked + label::before {
    background-color: #74c4bb;
}
   .switch input:checked + label::after {
      margin-left: calc(2.375rem * .8);
   }
   .switch input:focus + label::before {
      outline: none;
      box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, .25);
   }
   .switch input:disabled + label {
      color: #868e96;
      cursor: not-allowed;
   }
   .switch input:disabled + label::before {
      background-color: #e9ecef;
   }
   .switch.switch-sm {
      font-size: 0.875rem;
   }
   .switch.switch-sm input + label {
      min-width: calc(calc(1.9375rem * .8) * 2);
      height: calc(1.9375rem * .8);
      line-height: calc(1.9375rem * .8);
      text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
   }
   .switch.switch-sm input + label::before {
      width: calc(calc(1.9375rem * .8) * 2);
   }
   .switch.switch-sm input + label::after {
      width: calc(calc(1.9375rem * .8) - calc(2px * 2));
      height: calc(calc(1.9375rem * .8) - calc(2px * 2));
   }
   .switch.switch-sm input:checked + label::after {
      margin-left: calc(1.9375rem * .8);
   }
   .switch.switch-lg {
      font-size: 1.25rem;
   }
   .switch.switch-lg input + label {
      min-width: calc(calc(3rem * .8) * 2);
      height: calc(3rem * .8);
      line-height: calc(3rem * .8);
      text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
   }
   .switch.switch-lg input + label::before {
      width: calc(calc(3rem * .8) * 2);
   }
   .switch.switch-lg input + label::after {
      width: calc(calc(3rem * .8) - calc(2px * 2));
      height: calc(calc(3rem * .8) - calc(2px * 2));
   }
   .switch.switch-lg input:checked + label::after {
      margin-left: calc(3rem * .8);
   }
   .switch + .switch {
      margin-left: 1rem;
   }
   .contentA{ display: none;}
.jalsaBox img{ margin: 0px; padding: 0px;}






.contentA{ padding: 50px 0;}
.contentB{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA { margin: 0 auto;}

.contentAa{ padding: 50px 0; display: none;}
.contentBb{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentAa { margin: 0 auto;}

.contentA2{ padding: 50px 0; display: none;}
.contentB2{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA2 { margin: 0 auto;}

.contentA3{ padding: 50px 0; display: none;}
.contentB3{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA3 { margin: 0 auto;}

.contentA4{ padding: 50px 0; display: none;}
.contentB4{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA4 { margin: 0 auto;}

.contentA5{ padding: 50px 0; display: none;}
.contentB5{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA5 { margin: 0 auto;}

.contentA6{ padding: 50px 0; display: none;}
.contentB6{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA6 { margin: 0 auto;}


.contentA7{ padding: 50px 0; display: none;}
.contentB7{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA7 { margin: 0 auto;}

.contentA8{ padding: 50px 0; display: none;}
.contentB8{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA8 { margin: 0 auto;}

.contentA9{ padding: 50px 0; display: none;}
.contentB9{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA9 { margin: 0 auto;}

.contentA10{ padding: 50px 0; display: none;}
.contentB10{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA10 { margin: 0 auto;}

.contentA11{ padding: 50px 0; display: none;}
.contentB11{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA11 { margin: 0 auto;}

.contentA12{ padding: 50px 0; display: none;}
.contentB12{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA12 { margin: 0 auto;}

.contentA13{ padding: 50px 0; display: none;}
.contentB13{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA13 { margin: 0 auto;}

.contentA14{ padding: 50px 0; display: none;}
.contentB14{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA14 { margin: 0 auto;}

.contentA15{ padding: 50px 0; display: none;}
.contentB15{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA15 { margin: 0 auto;}

.contentA16{ padding: 50px 0; display: none;}
.contentB16{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA16 { margin: 0 auto;}

.contentA17{ padding: 50px 0; display: none;}
.contentB17{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA17 { margin: 0 auto;}

.contentA18{ padding: 50px 0; display: none;}
.contentB18{ padding: 40px 0 0px 0; margin: 0 auto;}
.contentA18 { margin: 0 auto;}










.nav-tabs li.active a {
    color: #2a5647;
}		
		
ul.nav.nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
	margin: 0px 0px 0px 20px; background: #e1eeed; border-bottom: 1px dotted #2a5647;

}


		


.nav-tabs li {
    flex-basis: 20%;
    min-width: 20%;
    display: flex;
    align-items: flex-start;
    margin: 0!important;
}


.tabs-wrapper, .tabs-wrapper3{
	position: relative;
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
}


 span.left, span.right {
    position: absolute;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#07aa97;
    border-radius: 50%;
    left: 28px;
    top: 20px;
    z-index: 9999;
    cursor: pointer;
    color: #ffffff;
}


span.right{
 right: 28px;
 left:unset;
}
/* .scroller-btn.inactive {
    opacity: 0.3;
    pointer-events: none;
}
	.scroller-btn3.inactive {
    opacity: 0.3;
    pointer-events: none;
} */
		.tab-content>.tab-pane {
    display: none;
}
		
		.tab-content>.active {
    display: block;
}
		.nav-tabs {
    border-bottom: 1px solid #ddd;
}
		.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
			position: relative;
}
		.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
		.fade.in {
    opacity: 1;
}
		.nav-tabs>li>a {

}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 0px 0px;
    
}
.arrowBox { padding: 0 0 20px 0;}




@media screen and (min-width:1080px){

.wrapper {
    max-width: 100%;
    margin: 0px auto;
    width: 100%;

}

.tab-content {
    padding: 0px 0px;
}
.nav-tabs a {
    border: 0!important;
    background-color: transparent!important;
}
.nav-tabs li.active {
    /* border-bottom: 2px solid #ef4d28; */
    background: #fff;
}


.nav-tabs li.active:after {
    background: url(../images/flatLayoutArrow2.png) center bottom no-repeat;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: -9px;
}


.nav-tabs li {
    border-bottom: 2px solid transparent;
}
.nav-tabs li a {
    width: 100%;
    text-align: center;
    color: #777777;
    font-size: 23px;
    line-height: 70px;
    }
h2.cawChild2 {
    padding: 0px 0 25px 0 !important;
    font-size: 48px;
    font-weight: 600;
    color: #2a5647;
}
}

@media screen and (max-width:1079px){


.nav-tabs a {
    border: 0!important;
    background-color: transparent!important;
}
.nav-tabs li.active {
    border-bottom: 0px solid #ef4d28; background: #fff; border-radius: 5px; line-height: 30px;
}
.nav-tabs li {
    border-bottom: 2px solid transparent;
}
.nav-tabs li a {
    width: 100%;
    text-align: center;
	color: #777777;
}
.nav-tabs li.active a {
    color: #ef4d28;
}		
		
ul.nav.nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
	margin-bottom: 20px;
}
.nav-tabs li {
    flex-basis: 25%;
    min-width: 25%;
    display: flex;
    align-items: flex-start;
    margin: 0!important;
}
.tabs-wrapper, .tabs-wrapper3{
	position: relative;
	max-width: 830px;
	width: 100%;
	margin: 0 auto;
}
span.left, span.right {
    position: absolute;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#07aa97;
    border-radius: 50%;
    left: -50px;
    top: 20px;
    cursor: pointer;
    color: #ffffff;
}
span.right{
 right: -50px;
 left:unset;

}
.scroller-btn.inactive {
/*
    opacity: 0.3;
    pointer-events: none;
*/
}
.scroller-btn3.inactive {
    /* opacity: 0.3; 
    pointer-events: none;*/
}
.tab-content>.tab-pane {
    display: none;
}
		
.tab-content>.active {
    display: block;
}
		.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
			position: relative;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
		.fade.in {
    opacity: 1;
}
.nav-tabs>li>a {

}
.nav>li>a {
    position: relative;
    display: block;
    /* padding: 25px 15px 25px !important; */ font-size: 22px; line-height: 65px;
}
.twoType h2 {
    font-size: 30px;
    color: #2a5647;
    float: left;
    position: inherit;
}
.offOn1 {
    position: inherit;
    right: 0px;
    margin: 25px 0 0 0;
}
}

@media screen and (max-width:1100px){
.apartments_type2 .legend ul li span{min-width:80px;}
}
@media screen and (max-width:1000px){
.apartment .apartment-left{width:100%;}
.apartment .apartment-right{width:100%; margin-top:30px;}
	
.apartment_tower .apartment-left{width:100%;}
.apartment_tower .apartment-right{width:100%; margin-top:30px;}	
	
.apartments_type{padding-left:0; margin-bottom:0; display:block; text-align:center;}
.apartments_type big{text-align:center}
.apartments_type ul li{margin:0 auto 12px auto;}
.abbreviations span{text-align:center;}
.apartment{text-align:center;}
.apartment_tower{text-align:center;}
.projectMap{width:100%; margin-bottom:30px;}
.abbreviations{display:inline-block; padding:0;}
.abbreviations span{text-align:left;}
.floor_plan_left{float:left; width:100%; height:360px; padding-bottom:30px;}
.floor_plan_right{float:left; width:100%;}
.plan-area{text-align:center;}
.floor_plan_left .projectMap{margin:30px 0 0 0; display:block;}
.download_img{margin-left:0;}
.apartments_type2{padding-left:0;}
.apartments_type2 .flat_type{text-align:center;}
.plan-area .download_img2{left:0; right:0; margin:auto; width:216px;}
.apartments_type2{text-align:center;}
.apartments_type2 .legend{display:inline-block;}
.apartments_type2 .legend big{text-align:center;}
.apartments_box{min-height:970px;}
.floor_plan_right{padding-top:0;}

.plan-area .download_img2{position:relative; bottom:-5px;}
.floor_plan_left .planoutline_new{padding-top:20px; padding-bottom: 0;}
	.plan_img {
    margin-bottom: 0px;
}
.twoType {
    display: block;
    width: 100%;
    justify-content: space-between;
    padding: 20px 0;
}

.flatLayouts h2 {
    padding: 0px 0 13px 0px;
    font-size: 39px;
    font-weight: 600;
    color: #2a5647;
    text-align: center;
}


.rightText {
    position: inherit;
    right: 0px;
    top: 380px;
    z-index: 9;
}
.contentA {
    padding: 0px 0;
}
.resp-tabs-list li span {
    display: block;
    padding: 20px 0;
    margin: 0 2px;
    text-align: center;
    font-size: 20px;
}
.rightText ul{ display: flex; height: 110px;}
.jalsaBox {
    background: #088a7b;
    min-height: 80px;
    width: 50%;
    padding: 15px 15px 0 20px; text-align: center;
}
.otherTowers {
    background: #f04e27;
    min-height: 110px;
    width: 50%; text-align: center;
    padding: 15px 15px;
    margin: 0px 0 0 0;
}
.jalsaBox a p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding: 10px 0 0 0;
    display: block;
    text-align: center;
}
.jalsaBox a img {
    padding: 15px 0 0 0;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.contentA img{ max-width: 100%; height: auto; padding: 10px;}
.contentB img{ max-width: 100%; height: auto; padding: 10px;}
.twoType h2 {
    font-size: 30px;
    color: #2a5647;
    float: inherit;
}
.contentB {
    padding: 10px 0 10px 0;
}
.textBoxd ul:nth-child(1) {
    width: 100%;
    padding: 0 0px 0 0;
}
.textBoxd {
    display: inherit;
}
.textBoxd ul li {
    color: #2a5647;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 0px 0;
}
.textBoxd ul:nth-child(2) {
    width: 100%;
    padding: 15px 0;
}
.textBoxd ul:nth-child(3) {
    width: 100%;
}
.onwards ul {
    display: block;
}
.onwards ul li {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #2a5647;
    padding: 7px 0;
}
.otherTowers a p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding: 10px 0 15px 0;
    display: block;
    text-align: center;
}
.otherTowers a img {
    padding: 15px 0 0 0;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.jalsaBox p br{ display: none;}
.otherTowers p br{ display: none;}
.nav-tabs li {
    flex-basis: 50%;
    min-width: 50%;
    display: flex;
    align-items: flex-start;
    margin: 0 !important;
}

ul.nav.nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    margin: 0px 0px 0px 9px;
    background: #e1eeed;
    border-bottom: 1px dotted #2a5647;
}
.hor_3 img{ max-width: 100%; height: auto;}
	
.contentAa{ padding: 50px 0; display: none;}
.contentBb{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentAa { margin: 0 auto;}

.contentA2{ padding: 50px 0; display: none;}
.contentB2{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA2 { margin: 0 auto;}

.contentA3{ padding: 50px 0; display: none;}
.contentB3{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA3 { margin: 0 auto;}

.contentA4{ padding: 50px 0; display: none;}
.contentB4{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA4 { margin: 0 auto;}

.contentA5{ padding: 50px 0; display: none;}
.contentB5{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA5 { margin: 0 auto;}

.contentA6{ padding: 50px 0; display: none;}
.contentB6{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA6 { margin: 0 auto;}


.contentA7{ padding: 50px 0; display: none;}
.contentB7{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA7 { margin: 0 auto;}

.contentA8{ padding: 50px 0; display: none;}
.contentB8{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA8 { margin: 0 auto;}

.contentA9{ padding: 50px 0; display: none;}
.contentB9{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA9 { margin: 0 auto;}

.contentA10{ padding: 50px 0; display: none;}
.contentB10{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA10 { margin: 0 auto;}

.contentA11{ padding: 50px 0; display: none;}
.contentB11{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA11 { margin: 0 auto;}

.contentA12{ padding: 50px 0; display: none;}
.contentB12{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA12 { margin: 0 auto;}

.contentA13{ padding: 50px 0; display: none;}
.contentB13{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA13 { margin: 0 auto;}

.contentA14{ padding: 50px 0; display: none;}
.contentB14{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA14 { margin: 0 auto;}

.contentA15{ padding: 50px 0; display: none;}
.contentB15{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA15 { margin: 0 auto;}

.contentA16{ padding: 50px 0; display: none;}
.contentB16{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA16 { margin: 0 auto;}

.contentA17{ padding: 50px 0; display: none;}
.contentB17{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA17 { margin: 0 auto;}

.contentA18{ padding: 50px 0; display: none;}
.contentB18{ padding: 0px 0 0px 0; margin: 0 auto;}
.contentA18 { margin: 0 auto;}
.tab-pane img{max-width: 100%; height: auto;}	
}
@media screen and (max-width:800px){
	#parentHorizontalTab3 {
    padding: 0px 0px;
}
	span.left {
    left: 0px;
}
	span.right {
    right: 0px;
    left: unset;
}
/*.projectMap img{width:100%;}*/
	.plan-area2 .download_img2 {
    margin-top: 20px;
}
	
	.openfordesktop{display: none}
.openformbobile{display: block}
	
	.tabs-wrapper{display: none}
	.tabs-wrapper3{display: none}
.yearmenu{display: block}
	
/*.tab2bhkblock .targetDiv2:first-child{display: block}
.tab3bhkblock .targetDiv3:first-child{display: block}*/
	
	.tab-content>.active {
    display: block;
}


		.fade.in {
    opacity: 1;
}
.resp-tabs-container.hor_3 {
    margin: 20px 7px 0 7px;
}
.textBoxd ul {
    border-right: 0px solid #d0d0d0;
    padding: 0 20px;
}
h2.cawChild2 {padding: 0px 0 25px 0px; font-size: 48px; font-weight: 600; color: #2a5647;}
}
@media screen and (max-width:650px){
.projectMap img{width:400px;}
.apartments_type2 .flat_type{padding-bottom:15px;}

	.apartments_type2 .legend big {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #373737;
    padding-bottom: 15px;
    display: block;
    text-align: cenetr;
}
.apartments_type2 .flat_type ul{font-size:12px; line-height:18px; text-align: center; font-weight: 400;}
.apartments_type2 .flat_type i{text-align: center; float: left;  width: 100%; padding: 0 0 25px;}
.apartments_type2 .legend ul li { white-space: normal;}

.apartments_type2 .flat_type h2 {font-size: 14px; line-height: 22px; color: #373737; font-weight: normal; padding-bottom: 2px; display: block;
text-align: center;}
	
	
.apartments_type2 .legend ul{font-size:12px; line-height:18px;}
.floor_plan_left{height:auto; padding-bottom:0px;}
.eq_height .floor_plan_left {max-height: 100% !important; height: auto;}
.plan_img img{width:400px;}
.apartments_box{min-height:870px;}
/*.bhk1, .bhk2, .bhk3, .bhk4, .bhk5, .bhk6, .bhk_1, .bhk_2{padding:25px;}*/
.plan-area{padding:25px;}
	
.location-wrapper.full-wrapper {width: 100%;}
	
.apartments_box {padding: 0 30px;}
.yearmenu {width: 100%;margin-bottom: 25px; float: left;}
.yearmenu > a {font-size: 18px;}
.plan-area2 {padding: 0 0 0px 0;}
	
	
.floor_plan_left .projectMap {
    padding-bottom: 20px;
}
	
.location-wrapper.full-wrapper .center {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
	
.targetDiv2 a.floor_plan2 {
    font-size: 14px;
    margin: 20px 0 0 0;
}
.targetDiv3 a.floor_plan2 {
    font-size: 14px;
    margin: 20px 0 0 0;
}
#parentHorizontalTab2 {
    padding: 0px 0;
}
	
.apartments_type2 .legend ul li {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
	
.apartments_type2 .legend ul li i {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
}
	
.resp-tab-content .wrapper {
    padding: 0 0px;
}
	
}
@media screen and (max-width:500px){
.apartments_box{padding:0px !important;}
.projectMap img{width:auto;}
/*.bhk1, .bhk2, .bhk3, .bhk4, .bhk5, .bhk6, .bhk_1, .bhk_2{padding:20px;}*/
.plan-area{padding:20px;}
.plan_img img{width:auto;}
.floor_plan_left{height:auto;}
.apartments_box{min-height:auto;}
.floor_plan_left .projectMap{padding-bottom:20px;}
.bannerInfo-inside span h2 {font-size: 25px;line-height: 30px; padding-bottom: 5px;}

.floor_plan_block { padding:40px 0 0;}
	.right_quick_links{margin-bottom: 0 !important}

}


@media screen and (max-width:480px){
.apartments_box {
    min-height: 730px;
}
}
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

@media only screen and (max-width:999px){
    .phase1_cont_row .phase1_cont_col{width:100%;}
    }
 
@media only screen and (max-width:500px){
    .phase1_cont_row .phase1_cont_col ul li{width:100%; padding:5px 0 5px 30px;}
    }



@media screen and (max-width:680px) {
    .newlayout_box {
        background: #7eae46;
        min-height: 100px;
        width: 100%;
        padding: 0px;
    }
    li.newlayout_box.two {
        width: 50%;
        min-height: 100px;
    }
    li.otherTowers.one {
        width: 100%;
    }
    .sold_out_image {
        width: 130px;
        margin-right: 0px;
        margin: 0px auto;
        margin-top: 10px;
    }
}

























