@font-face {
    font-family: 'Lato';
    src: url('../fonts/LatoBold.eot');
    src: url('../fonts/LatoBold.eot') format('embedded-opentype'),
         url('../fonts/LatoBold.woff2') format('woff2'),
         url('../fonts/LatoBold.woff') format('woff'),
         url('../fonts/LatoBold.ttf') format('truetype'),
         url('../fonts/LatoBold.svg#LatoBold') format('svg');
		 font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Lato';
    src: url('../fonts/LatoLight.eot');
    src: url('../fonts/LatoLight.eot') format('embedded-opentype'),
         url('../fonts/LatoLight.woff2') format('woff2'),
         url('../fonts/LatoLight.woff') format('woff'),
         url('../fonts/LatoLight.ttf') format('truetype'),
         url('../fonts/LatoLight.svg#LatoLight') format('svg');
		font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/LatoThin.eot');
    src: url('../fonts/LatoThin.eot') format('embedded-opentype'),
         url('../fonts/LatoThin.woff2') format('woff2'),
         url('../fonts/LatoThin.woff') format('woff'),
         url('../fonts/LatoThin.ttf') format('truetype'),
         url('../fonts/LatoThin.svg#LatoThin') format('svg');
	font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Lato';
    src: url('../fonts/LatoRegular.eot');
    src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
         url('../fonts/LatoRegular.woff2') format('woff2'),
         url('../fonts/LatoRegular.woff') format('woff'),
         url('../fonts/LatoRegular.ttf') format('truetype'),
         url('../fonts/LatoRegular.svg#LatoRegular') format('svg');
		 font-weight: normal;
    font-style: normal;
}






html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{
	margin: 0;
	padding: 0;
	font-family: 'Lato';
	background: #fff;
}
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;font-family: 'Lato';text-transform:capitalize}
a:hover{ color:#111;}
::selection{ background:#111; color:#fff;}
::-moz-selection{ background:#111; color:#fff;}
::-webkit-selection{ background:#111; color:#fff;}
img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}
p{ padding: 0;
color: #1A1B25;
font-size: 16px;
font-family: 'Lato';
margin: 0;
font-weight: 300;
opacity: 0.8;
line-height: 27px;
letter-spacing: 0.8px;
text-align: justify;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'Lato'; color:#151515;}
input, select, button{outline:none !important;}

html{scrollbar-color:#36373b #54575d; scrollbar-width: thin;}
body::-webkit-scrollbar { width: 8px;}
body::-webkit-scrollbar-track {background: #54575d;}
body::-webkit-scrollbar-thumb {background: #36373b;}
body::-moz-scrollbar { width: 8px;}
body::-moz-scrollbar-track {background: #54575d;}
body::-moz-scrollbar-thumb {background: #36373b;}
body::-o-scrollbar { width: 8px;}
body::-o-scrollbar-track {background: #54575d;}
body::-o-scrollbar-thumb {background: #36373b;}
body::-ms-scrollbar { width: 8px;}
body::-ms-scrollbar-track {background: #54575d;}
body::-ms-scrollbar-thumb {background: #36373b;}


.main-container {
    max-width: 1450px;
    padding: 0 80px;
    width: 100%;
    margin: 0 auto;
}

header{
background: #fff;
min-height: 61px;
position: fixed;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
padding: 0 40px 0 0;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
padding: 5px 0px 0;

}
.logo{
	
float: left;

}

.dropbtn {
	background-color: #04AA6D;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
  }
  
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	
	z-index: 1;
  }
  
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  .dropdown-content a:hover {background-color: #D2AC67;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {background-color: #3e8e41;}


.navbar-list {
    display: table;
   float: right;
	padding: 18px 0px 0 0px;
}
.navbar-list > .navbar-item:hover {
		border-bottom: 3px solid #fff;
		transition:0.6s;
	}
.navbar-list > .navbar-item {
    display: table-cell;
}
.navbar-list > .navbar-item > a {
   display: block;
color: #535358;
font-size: 18px;
padding: 0 18px;
font-family: 'Lato';
font-weight: bold;
	
}
.navbar-list > .navbar-item > a img{
	margin-top:-4px;
	}
.headerRightSec{
	display:none
	}
.active-nav{
	border-bottom: 3px solid #D2AC67;
	padding-bottom: 33px;
	}
.carousel-control-prev, .carousel-control-next {
	width:4%;
	}


.banner-slider img{
	position:relative;
	}
.slider-overlay{
	position: absolute;
	bottom: 120px;
}
.contact-area-col{
	width:100%;
	float:left;
	padding: 30px;
	}
.contact-area-col span{
	color:#9d9ea0;
	}
.contact-area-col p{
	color:#fff;
	}
.contact-area-col img{
	float:left;
	margin-right: 14px;
}
section{
	float:left;
	width:100%;
}
.banner{
	margin-top: 20px;
	}
.owl-carousel .owl-item img {
    
    width: 100%;
}
.slider-overlaybg{
	background: rgba(26, 27, 37, 0.75);
    padding: 21px;
    margin-bottom: 22px;
	}
.slider-overlaybg h1{
	color: #F8F8F8;
	 font-weight: bold; 
	font-size: 50px;
}
.slider-overlaybg p{
	color:#C2C2C2;
	}
.mob-enable{
	display:none
	}
.banner-leranmore{
	background:#D2AC67;
	color:#1A1B25;
	padding: 11px 30px;
	margin-right: 10px;
	letter-spacing:0.5px;
	transition:0.6s;
	}
.banner-enquire{
	background:#1A1B25;
	color:#A2A3A7;
	padding: 11px 30px;
	letter-spacing:0.5px;
	transition:0.6s;
	}
.banner-leranmore:hover{
	background: #00aeef;
	transition:0.6s;
	color:#fff;
	}
.banner-enquire:hover{
	background: #00aeef;
	transition:0.6s;
	color:#fff;
	}
.banner-contact-area{
	background:#4C4D54;
	width:100%;
	border-radius:9px;
	position: absolute;
	height: 120px;
	bottom: -60px;
	z-index: 9;
}
.second-section{
	background:url(../images/about-banner.png);
	background-repeat:no-repeat;
	background-position:center;
	padding: 80px 0 140px;
	margin-top: -2px;
	background-size: cover;
	position:relative;
	background-attachment: fixed;
	}

.second-sec-header{
	float:left;
	width:100%;
	padding: 80px 0;
	}
.second-sec-header h1{

	text-transform:uppercase;
	color:#fff;
	font-size: 70px;
	font-weight: bold;
	position:relative;
	}
.second-sec-header h2{
	color: #58596b;
	font-weight:bold;
	font-size: 46px;
	padding: 40px 0 0;
	opacity: 0.5;
}
.second-sec-header h1:after{
	position: absolute;
	content: "";
	bottom: 16px;
	height: 12px;
	width: 12px;
	background: #009bde;margin-left: 8px;
	}
.hc-offcanvas-nav .nav-container{ display:block!important; width: 435px !important; left: -168px !important;}
.hc-offcanvas-nav.nav-position-left .nav-container{ left:0!important}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {transform: translate3d(-493px, 0, 0);}
.about-main{
	background:#000;
	padding-left: 23%;
	}
.about-left-image{
	position: absolute;
	left: -232px;
	bottom: 0;
}
.about-wrapper{
	background: #E4E4E4;
	padding: 420px 84px 100px 461px;
	position: relative;
	bottom: 120px;
	}
.about-bg{
	position: absolute;
	bottom: 0;
	right: 0;
}
.about-shravanthi{
	position: relative;
	bottom: 115px;
	float: left;
	}
.about-shravanthi h3{
	font-weight: bold;
	font-size: 32px;
	padding:28px 0;
	}
.about-shravanthi span{
	color:#1A1B25;
	font-size:15px;
	position:relative;
	padding-left: 62px;
	transition:0.7s;
	}
.about-shravanthi span:after{
	position:absolute;
	content:"";
	left:0;
	width:50px;
	height:2px;
	background:#009BDF;
	top: 9px;
	
	}
.about-shravanthi a{
	color:#1A1B25;
	float: left;
	padding-top: 23px;
	}
.about-shravanthi a img{
	background: #009BDF;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	padding: 30px;
	margin-right: 13px;
	transition:0.7s;
	float:left;
	
	}
.about-shravanthi a label{
	float: left;
	margin-top: 13px;
	background: #e4e4e4;
	padding: 10px 0;
	transition:0.7s;
	}
.about-shravanthi a:hover img{
	background:none;
	border:1px solid #009BDF;
	transition:0.7s;
	
	}
.about-shravanthi a:hover label{
	margin-left:-20px;
	transition:0.7s;
	
	}
.about-textarea{
	background: #000;
	width: 625px;
	padding: 40px 88px;
	position: absolute;
	right: 121px;
	bottom: 0;
	z-index: 99;
	color:#fff;
	}
.about-textarea h4{
	color:#F8F8F8;
	text-transform:capitalize;
	font-weight:bold;
	padding-bottom: 15px;
	font-size: 30px;
	}
.about-textarea p{
	color:#E7E6E4;
	}
.about-textarea a{
	color:#E7E6E4;
	float: left;
	padding-top: 23px;
	}
.about-textarea a span{
	background: #000;
	margin-left: -14px;
	padding: 12px 0;
	font-weight: 100;
	transition:0.7s;
	}
.about-textarea a img{
	width: 75px;
	height: 75px;
	border-radius: 50%;
	padding: 30px;
	border: 2px solid #009BDF;
	transition:0.7s;
	}
.about-textarea a:hover img{
	background:#009BDF;
	transition:0.7s;
	
	}
.about-textarea a:hover span{
	margin-left:16px;
	transition:0.7s;
	
	}
/*----------------Creating Growth Enviorment------------------------*/
.consumer-main{
	background:url(../images/consumer-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:210px 0;
	margin-top: -119px;
	background-attachment: fixed;
	}
.consumer-section{
	float:left;
	width:100%;
	position:relative;
	}
.consumer-overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: #00000061;
	z-index: 9;
	transition:0.6s;
	display:none;
	
	
}
.consumer-section:hover .consumer-overlay{
	display:block;
	transform: scale(1.02);
	transition:0.6s;
	}

.consumer-section img{
	width:100%;
	position:relative;
	transition:0.6s;
}
.consumer-section:hover  img{
	transform: scale(1.10);
	transition:0.6s;
	
	}
.cosumer-header{
	position:absolute;
	bottom:15px;
	background:#009BDF;
	color:#fff;
	width:80%;
	padding: 9px 0;
	text-align: center;
	font-size: 19px;
	font-family: 'Lato';
	letter-spacing: 1px;
	}
.consumer-header{
	float:left;
	width:100%;
	padding: 0 0 55px;}
.consumer-header h1{
	color:#E7E6E4;
	font-weight:bold;
	font-size: 47px;
	text-transform:capitalize;
	}
.consumer-header span{
	font-size:40px;
	color:#E7E6E4;
	} 
.consumer-more{
	color:#fff;
	margin-top:12px;
	font-size: 18px;
	}
.consumer-more:hover{
	color:#009bde;
	}
.consumer-more img{
	margin-left:9px;
	}
	
/*-----------------features---------------*/
.features-main{
	background:url(../images/features-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0;
	background-attachment: fixed;
	
}
.features-header h1{
	color:#F8F8F8;
	text-transform:uppercase;
	font-size:70px;
	font-weight:bold;
}
.features-header h1 color{
	color:#009BDF;
	}
.f-sec span{
	color:#F8F8F8;
	font-size:70px;
	font-weight:bold;
	font-weight: normal;
	position:relative;
}
.f-sec span:after{
	position:absolute;
	content:"";
	width:62px;
	height:2px;
	background: #009BDF;
    left: 1px;
    bottom: 9px;
}
.f-sec img{
	width: 25px;
	margin-top: 40px;
	margin-left: 17px;
}
.f-sec p{
	float:left;
	width:100%;
	font-size:20px;
	color:#A2A3A7;
	margin-top: 8px;
}
.f-sec{
	float:left;
	width:100%;
	margin-bottom:20px;
	}
#counter{
	margin-left: 60px;
	}
/*-----------------Procjects---------------*/
.project-left{
	float:left;
	width:100%;
	}
.left-bg{
	position:relative;
	width:100%;
	}
.project-left-wraper{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding-left: 73px;
	padding-top: 44px;
	}
.project-left-wraper h4{
    color: #F8F8F8;
	text-transform: capitalize;
	font-weight: bold;
	padding-bottom: 15px;
	font-size: 30px;
}


.nav-tabs{
	border-bottom:none;
	
	}
.nav-tabs li a{
	color: #E7E6E4;
	margin-right: 24px;
	font-size:20px;
	font-weight: normal;
	position:relative;
}
.nav-tabs li a.\:after{
	position:absolute;
	content:"";
	background:#009BDF;
	width:50px;
	height:2px;
	left:0;
	bottom: -11px;
	display:none;
	
	}

.nav-tabs li a.active:after{
	display:block;
	}

.panel-body{
	background: #1A1B25DB;
	margin-top: 54px;
	padding: 50px 50px 50px 67px;
	float: left;
	}
.panel-body h3{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:40px;
	line-height: 30px;
	}
.panel-title a {
	position:relative;
	}
.panel-title a:after{
	position:absolute;
	content:"-";
	right:0;
	font-size: 31px;
	color: #fff;
	top: -7px;
	
	
	} 
.panel-title a.collapsed:after{
	position:absolute;
	content:"+";
	right:0;
	font-size: 31px;
	color: #fff;
	top: -7px;
	
	
	} 
.panel-body h3 span{
	font-size:20px;
	width:100%;
	}
.panel-body p{
	color: #E7E6E4;
	letter-spacing: 0.5px;
	padding-top: 30px;
	padding-right: 118px;
	letter-spacing: 0.5px;
	}
.panel-body a{
	color:#E7E6E4;
	float: left;
	padding-top: 23px;
	float: right;
	transition:0.7s;
	}
.panel-body a span{
	
	margin-left: -14px;
	padding: 12px 0;
	font-weight: 100;
	transition:0.7s;
	}
.panel-body a:hover{
	color: #D2AC67;
	transition:0.7s;
	}
.panel-body a:hover span{
	margin-left:4px;
	transition:0.7s;
	}
.mob-enable{
	display:none !important;
	}

.content h3{
	color: #1A1B25;
font-size: 34px;
font-weight: bold;
margin-bottom: 40px;
}
.content h4{
	color: #1A1B25;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 20px;
}
table, table th, table td {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    vertical-align: top;
}
.carrerDivMain ul{
	list-style-type: none;
	
}
.carrerDivMain ul li{
	padding-left: 30px;
color: #fff;
font-size: 17px;
padding-bottom: 20px;
position: relative;
}
.carrerDivMain li::before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 12px;
    height: 16px;
    content: "";
    background: url(../images/bullet-icon.png) no-repeat;
}
 @media (min-width: 768px) {
	 .panel-heading {
		 display: none;
	}
	 .panel {
		 border: none;
		 box-shadow: none;
	}
	 .panel-collapse {
		 height: auto;
	}
	 .panel-collapse.collapse {
		 display: block;
	}
}
 @media (max-width: 767px) {
	 .tab-content .tab-pane {
		 display: block;
	}
	 .nav-tabs {
		 display: none;
	}
	 .panel-title a {
		 display: block;
	}
	 .panel {
		 margin: 0;
		 box-shadow: none;
		 border-radius: 0;
		 margin-top: -2px;
	}
	 .tab-pane:first-child .panel {
		 border-radius: 5px 5px 0 0;
	}
	 .tab-pane:last-child .panel {
		 border-radius: 0 0 5px 5px;
	}
	
	
}

/*---------------------testimonial----------------------*/
.testimonial{
	background:url(../images/testimonial-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0;
	background-position: center;
	background-attachment: fixed;
}
.testimonial-header span{
	color:#1A1B25;
	font-size: 15px;
	position: relative;
	padding-left: 62px;
}
.testimonial-header span:after{
   	position: absolute;
	content: "";
	left: 0;
	width: 50px;
	height: 2px;
	background: #009BDF;
	top: 9px;
}

.testimonial-header h1{
	color:#1A1B25;
	font-size:70px;
	text-transform:capitalize;
	font-weight:bold;
	}
.newsSlider{ float:left; width:100%; }
.newsCol{ width: 100%; padding-left: 25px; position: relative;padding-right: 24px; }
.newsCol span{ display: block; font-size: 19px;  line-height: 27px; margin: 0 0 18px 0;font-family: 'Lato'; color:#1A1B25;min-height: 80px;}
.newsCol p{position:relative;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	padding-top:15px;}
.newsCol p:after{ content: ''; width: 40px; height: 2px; background: #009bdf; position: absolute; top: 0; left: 0; }
.newsCol:after{ width: 14px; height: 24px; content: ''; display: block; background: url(../images/news-shape.png) no-repeat top center;
position: absolute; left: 0; top:9px; }
.newsDate{ width: 100%; clear: both; position: relative; padding: 17px 0 0 0; font-size: 14px; color: #222; text-transform: uppercase; }

.newsDate a{ 
display: block;
font-size: 17px;
color: #d2ac67;
text-transform: capitalize;
padding: 3px 0;
line-height: 1;}
.newsDate a:hover{ color: #009bdf; }
.news-slide{ padding-top: 50px; }
.news-slide .owl-nav{ position: absolute; top: 0; left: 0; }
.news-slide .owl-nav button{ display: block; float: left; font-size: 13px; text-transform: uppercase; color: #111; position: relative;
margin: 0 20px 0 0; }
.news-slide .owl-nav button span{ display: none; }
.news-slide .owl-nav button.owl-prev{}
.news-slide .owl-nav button.owl-prev:after{ display: block; content: "Prev"; font-size: 13px; text-transform: uppercase; color: #111; }
.news-slide .owl-nav button.owl-next:after{ display: block; content: "Next"; font-size: 13px; text-transform: uppercase; color: #111;
padding: 2 10px; }
.news-slide .owl-nav button.owl-prev:before{ content:''; display: block; width: 1px; height: 12px; background: #acacac; position: absolute;
right: -10px; top:3px; }
.news-slide .owl-nav button:hover:after{color: #666; }
.claculator-sec{
	background:#000;
	padding:40px 0;
	
	}
.claculator-sec p{
	color:#fff;
	}
.calculator-button{
	background: none;
	border: 1px solid #fff;
	color: #FDFDFD;
	width: 100%;
	padding: 10px;
	float: left;
	font-size: 30px;
	font-weight: bold;
	cursor:pointer;
}
.calculator-button img{
	float: right;
	margin-top: 18px;
	width: 18px;
	margin-right: 13px;
}
.footer{
	background:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding: 80px 0 14px;
	background-position: center;
	}
.footer-left h1{
	color:#F8F8F8;
	font-size:70px;
	font-weight:bold
	}
.footer-left{
	float:left;
	width:100%;
}
.fromgroup{
	float:left;
	width:100%;
	}
.fromgroup label{
	font-size:14px;
	color:#fff;
	font-family: 'Lato';
	width:100%;
	}
.fromgroup input{
	background:none;
	border:1px solid #878282;
	width: 60%;
	padding: 9px 11px;
	color: #fff;
	}
.fromgroup button{
	background: #d2ac67;
	color: #fff;
	border: navajowhite;
	padding: 10px 37px;
	cursor:pointer;
}
.footer-left p{
	color: #E7E6E4;
	float: left;
	width: 60%;
	padding-top: 30px;
	text-align:justify;
}
.footer-left a{
	color: #E7E6E4;
	float: left;
	padding-top: 23px;
	float: left;
	width:100%;
	transition:0.7s;
}
.footer-left a:hover{
	color: #D2AC67;
	transition:0.7s;
	}
.footer-left a:hover span{
	margin-left:4px;
	transition:0.7s;
	}
.footer-left a span{
	margin-left: -10px;
	transition:0.7s;
}
.footer-right{
	float:left;
	width:100%;
	padding-left: 216px;
	}
.social-area{
	float:left;
	width:100%;
	padding-bottom:35px
}
.social-area a{
	color:#fff;
	font-size:25px;
	margin-right:35px;
	}
.footer-section{
	float:left;
	width:100%;
	padding: 0 0 56px;
	
	}
.footer-section span{
	color:#009BDF;
	font-size:20px;
	}
.footer-section img{
	width: 20px;
	margin-left: 8px;
	}
.footer-section p{
	color:#E7E6E4;
	padding-right: 141px;
	padding-top: 11px;
	}
.copy-right-area{
	border-top:1px solid #E7E6E4;
	margin-top:60px;
	}
.copy-right-area p{
	color:#E7E6E4;
	font-size: 14px;
	}
.footermobilePingNav{ position:fixed; width:100%; bottom: 0px; z-index:1000; text-align:center; display:none; background: #d2ac67;
border-top: 1px rgba(240, 240, 240, 0.2) solid;z-index: 9999;}
.footermobilePingNav li{width: 105px;
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 34px 0 40px;
cursor: pointer;
height: 66px; }
.footermobilePingNav li span{-moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;
 position:absolute; top: 14px; left:50%; width: 25px; margin-left:-12.5px; }
.footermobilePingNav li a{ color:#000; font-size:14px; font-weight:normal; }
.footermobilePingNav li a p{  color:#fff; font-size:14px; font-weight:normal; }
.appoinMentbgmainall1{ background: #f6be67;  }
.appoinMentbgmainall2{ background: #d2ac67;  }
.appoinMentbgmainall3{ background: #37748a ;  }
.footermobilePingNav li:hover span{ top:12px}
.appoinMentbgmainall1 p{ margin:0px!important;  color:#fff; font-size:14px; font-weight:normal; display: inline-block;
position: relative; padding-left: 30px;
padding-top: 4px;}




 #modal-container {
	 position: fixed;
	 display: table;
	 height: 100%;
	 width: 100%;
	 top: 0;
	 left: 0;
	 transform: scale(0);
	 z-index: 1;
}
 #modal-container.one {
	 transform: scaleY(0.01) scaleX(0);
	 animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.one .modal-background .modal {
	 transform: scale(0);
	 animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.one.out {
	 transform: scale(1);
	 animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.one.out .modal-background .modal {
	 animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.two {
	 transform: scale(1);
}
 #modal-container.two .modal-background {
	 background: rgba(0, 0, 0, .0);
	 animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.two .modal-background .modal {
	 opacity: 0;
	 animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.two + .content {
	 animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.two.out {
	 animation: quickScaleDown 0s 0.5s linear forwards;
}
 #modal-container.two.out .modal-background {
	 animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.two.out .modal-background .modal {
	 animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.two.out + .content {
	 animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.three {
	 z-index: 0;
	 transform: scale(1);
}
 #modal-container.three .modal-background {
	 background: rgba(0, 0, 0, .6);
}
 #modal-container.three .modal-background .modal {
	 animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.three + .content {
	 z-index: 1;
	 animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.three.out .modal-background .modal {
	 animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.three.out + .content {
	 animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four {
	 z-index: 0;
	 transform: scale(1);
}
 #modal-container.four .modal-background {
	 background: rgba(0, 0, 0, .7);
}
 #modal-container.four .modal-background .modal {
	 animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four + .content {
	 z-index: 1;
	 animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four.out .modal-background .modal {
	 animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four.out + .content {
	 animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.five {
	 transform: scale(1);
}
 #modal-container.five .modal-background {
	 background: rgba(0, 0, 0, .0);
	 animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.five .modal-background .modal {
	 transform: translateX(-1500px);
	 animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.five.out {
	 animation: quickScaleDown 0s 0.5s linear forwards;
}
 #modal-container.five.out .modal-background {
	 animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.five.out .modal-background .modal {
	 animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six {
	 transform: scale(1);
}
 #modal-container.six .modal-background {
	 background: rgba(0, 0, 0, .0);
	 animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six .modal-background .modal {
	 background-color: transparent;
	 animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p {
	 opacity: 0;
	 position: relative;
	 animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six .modal-background .modal .modal-svg rect {
	 animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six.out {
	 animation: quickScaleDown 0s 0.5s linear forwards;
}
 #modal-container.six.out .modal-background {
	 animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six.out .modal-background .modal {
	 animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six.out .modal-background .modal h2, #modal-container.six.out .modal-background .modal p {
	 animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.six.out .modal-background .modal .modal-svg rect {
	 animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.seven {
	 transform: scale(1);
}
 #modal-container.seven .modal-background {
	 background: rgba(0, 0, 0, .0);
	 animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

 
 #modal-container .modalcontent{
	 opacity: 0;
	 position: relative;
	animation: modalContentFadeIn 0.5s 2.5s linear forwards;
	}
 #modal-container.seven.out {
	 animation: slowFade 0.5s 1.5s linear forwards;
}
 #modal-container.seven.out .modal-background {
	
	
}
 #modal-container.seven.out .modal-background .modal {
	 border-radius: 3px;
	 height: 162px;
	 width: 227px;
	 animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.seven.out .modal-background .modal h2, #modal-container.seven.out .modal-background .modal p {
	 animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container .modal-background {
	 display: table-cell;
	 background: rgba(0, 0, 0, .8);
	 text-align: center;
	 vertical-align: middle;
}
 #modal-container .modal-background .modal {
	
	 padding: 50px;
	 display: inline-block;
	 font-weight: 300;
	 position: relative;
	 background: #ECEDED;
}
 #modal-container .modal-background .modal h2 {
	 font-size: 25px;
	 line-height: 25px;
	 margin-bottom: 15px;
	 color:#1A1B25; 
	 font-weight:bold;
}
 #modal-container .modal-background .modal p {
	 font-size: 15px;
	 line-height: 22px;
}
 #modal-container .modal-background .modal .modal-svg {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 border-radius: 3px;
}
 #modal-container .modal-background .modal .modal-svg rect {
	 stroke: #fff;
	 stroke-width: 2px;
	 stroke-dasharray: 778;
	 stroke-dashoffset: 778;
}
 .content {
	 min-height: 100%;
	 height: 100%;
	 position: relative;
	 z-index: 0;
}
 .content h1 {
	 padding: 75px 0 30px 0;
	 text-align: center;
	 font-size: 30px;
	 line-height: 30px;
}
 .content .buttons {
	 max-width: 800px;
	 margin: 0 auto;
	 padding: 0;
	 text-align: center;
}
 .content .buttons .button {
	 display: inline-block;
	 text-align: center;
	 padding: 10px 15px;
	 margin: 10px;
	 background-color: none;
	 border-radius: 3px;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	 cursor: pointer;
}
 
 @keyframes unfoldIn {
	 0% {
		 transform: scaleY(0.005) scaleX(0);
	}
	 50% {
		 transform: scaleY(0.005) scaleX(1);
	}
	 100% {
		 transform: scaleY(1) scaleX(1);
	}
}
 @keyframes unfoldOut {
	 0% {
		 transform: scaleY(1) scaleX(1);
	}
	 50% {
		 transform: scaleY(0.005) scaleX(1);
	}
	 100% {
		 transform: scaleY(0.005) scaleX(0);
	}
}
 @keyframes zoomIn {
	 0% {
		 transform: scale(0);
	}
	 100% {
		 transform: scale(1);
	}
}
 @keyframes zoomOut {
	 0% {
		 transform: scale(1);
	}
	 100% {
		 transform: scale(0);
	}
}
 @keyframes fadeIn {
	 0% {
		 background: rgba(0, 0, 0, .0);
	}
	 100% {
		 background: rgba(0, 0, 0, .7);
	}
}
 @keyframes fadeOut {
	 0% {
		 background: rgba(0, 0, 0, .7);
	}
	 100% {
		 background: rgba(0, 0, 0, .0);
	}
}
 @keyframes scaleUp {
	 0% {
		 transform: scale(0.8) translateY(1000px);
		 opacity: 0;
	}
	 100% {
		 transform: scale(1) translateY(0px);
		 opacity: 1;
	}
}
 @keyframes scaleDown {
	 0% {
		 transform: scale(1) translateY(0px);
		 opacity: 1;
	}
	 100% {
		 transform: scale(0.8) translateY(1000px);
		 opacity: 0;
	}
}
 @keyframes scaleBack {
	 0% {
		 transform: scale(1);
	}
	 100% {
		 transform: scale(0.85);
	}
}
 @keyframes scaleForward {
	 0% {
		 transform: scale(0.85);
	}
	 100% {
		 transform: scale(1);
	}
}
 @keyframes quickScaleDown {
	 0% {
		 transform: scale(1);
	}
	 99.9% {
		 transform: scale(1);
	}
	 100% {
		 transform: scale(0);
	}
}
 @keyframes slideUpLarge {
	 0% {
		 transform: translateY(0%);
	}
	 100% {
		 transform: translateY(-100%);
	}
}
 @keyframes slideDownLarge {
	 0% {
		 transform: translateY(-100%);
	}
	 100% {
		 transform: translateY(0%);
	}
}
 @keyframes moveUp {
	 0% {
		 transform: translateY(150px);
	}
	 100% {
		 transform: translateY(0);
	}
}
 @keyframes moveDown {
	 0% {
		 transform: translateY(0px);
	}
	 100% {
		 transform: translateY(150px);
	}
}
 @keyframes blowUpContent {
	 0% {
		 transform: scale(1);
		 opacity: 1;
	}
	 99.9% {
		 transform: scale(2);
		 opacity: 0;
	}
	 100% {
		 transform: scale(0);
	}
}
 @keyframes blowUpContentTwo {
	 0% {
		 transform: scale(2);
		 opacity: 0;
	}
	 100% {
		 transform: scale(1);
		 opacity: 1;
	}
}
 @keyframes blowUpModal {
	 0% {
		 transform: scale(0);
	}
	 100% {
		 transform: scale(1);
	}
}
 @keyframes blowUpModalTwo {
	 0% {
		 transform: scale(1);
		 opacity: 1;
	}
	 100% {
		 transform: scale(0);
		 opacity: 0;
	}
}
 @keyframes roadRunnerIn {
	 0% {
		 transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
	}
	 70% {
		 transform: translateX(30px) skewX(0deg) scaleX(0.9);
	}
	 100% {
		 transform: translateX(0px) skewX(0deg) scaleX(1);
	}
}
 @keyframes roadRunnerOut {
	 0% {
		 transform: translateX(0px) skewX(0deg) scaleX(1);
	}
	 30% {
		 transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
	}
	 100% {
		 transform: translateX(1500px) skewX(30deg) scaleX(1.3);
	}
}
 @keyframes sketchIn {
	 0% {
		 stroke-dashoffset: 778;
	}
	 100% {
		 stroke-dashoffset: 0;
	}
}
 @keyframes sketchOut {
	 0% {
		 stroke-dashoffset: 0;
	}
	 100% {
		 stroke-dashoffset: 778;
	}
}
 @keyframes modalFadeIn {
	 0% {
		 background-color: transparent;
	}
	 100% {
		 background-color: white;
	}
}
 @keyframes modalFadeOut {
	 0% {
		 background-color: white;
	}
	 100% {
		 background-color: transparent;
	}
}
 @keyframes modalContentFadeIn {
	 0% {
		 opacity: 0;
		 top: -20px;
	}
	 100% {
		 opacity: 1;
		 top: 0;
	}
}
 @keyframes modalContentFadeOut {
	 0% {
		 opacity: 1;
		 top: 0px;
	}
	 100% {
		 opacity: 0;
		 top: -20px;
	}
}
 
#modal-container.seven .modal-background .modal label {
	float:left;
	color:#161616;
	font-size:18px;
	font-weight:bold;
	margin-right: 40px;
	opacity:0.8;
	min-width: 219px;
	text-align: left;
	
	}
 @keyframes bondJamesBond {
	 0% {
		
		 display:none;
	}
	 80% {
		
		 
		 height: 100%;
		width: 96%;
		 display:block;
	}
	 90% {
		 border-radius: 3px;
		height: 100%;
		 width:97 %;
	}
	 100% {
		 border-radius: 3px;
		 height: 100%;
		 width: 100%;
	}
}
#modal-container.seven .modal-background .modal {
	 width:100%;
	 overflow: hidden;
	 animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 @keyframes killShot {
	 0% {
		 transform: translateY(0) rotate(0deg);
		 opacity: 1;
	}
	 100% {
		 transform: translateY(300px) rotate(45deg);
		 opacity: 0;
	}
}
 @keyframes fadeToRed {
	 0% {
		 background-color: rgba(0, 0, 0, .6);
	}
	 100% {
		 background-color: rgba(255, 0, 0, .8);
	}
}
 @keyframes slowFade {
	 0% {
		 opacity: 1;
	}
	 99.9% {
		 opacity: 0;
		 transform: scale(1);
	}
	 100% {
		 transform: scale(0);
	}
}
 

.emi-input{
	border:none;
	background:none;
	color:#A2A3A7;
}

.emi-group{
	border: 1px solid #272727;
	float:left
	}
.emi-group img{
	border-right: 1px solid #ccc;
	padding: 7px 19px;
}
.modal-head{
	padding-bottom:45px;
	}
.emi-left{
	float:left;
	width:100%;
	margin-bottom:70px;
	}
.sroll-input{
	margin-top: 9px;
	}
.emi-right{
	float:left;
	width:100%;
	border-left: 1px solid #00000029;
	padding-left: 15px;
	}
.emi-right-wrapper{
	float:left;
	width:100%;
	padding-bottom: 35px;
	}
.emi-right-wrapper span{
	float:left;
	width:100%;
	text-align:left;
	color:#7B7B7B;
	
	}
.emi-right-wrapper label{
	float:left;
	width:100%;
	text-align:left;
	color:#7B7B7B !important;
	}
.modalcontent{
	
	}
.modal-radio{margin-left: 55px}
.modal-radio label{
	min-width:auto !important;
	font-size:15px !important;
	color:#161616 !important;
	margin-right:15px !important;
	}
.modal-radio label input{
	margin-left:5px;}




/*Chrome*/
   input[type='range'] {
		background:#eceded;
		width: 24%;
    }
input[type="range"] range-progress {
  background-color: #000000;
  height:10px;
  border-radius:10px
}
input[type="range"] range-track {  
  background-color: #bcbcbc;
}

 /*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 24%;
      -webkit-appearance: none;
     background-color: #bcbcbc;
	  height:14px;
  border-radius:10px;
  z-index:99;
  position:relative;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 14px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
	   border-radius:50%;
	   
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 14px;
      -webkit-appearance: none;
      height: 14px;
      background: linear-gradient(#D2AC67, #695634);
	  box-shadow: 0px 3px 6px #00000080;
      box-shadow: -100px 0 0 100px  #000;
	  border-radius:50%;
	  z-index:999;
	 
	 
	  
    }

}
input[type="range"]::-webkit-range-progress {
  background-color: #000000; 
}
input[type="range"]::-webkit-range-track {  
  background-color: #bcbcbc;
}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #000000;
  height:14px;
  border-radius:10px
}

input[type="range"]::-moz-range-track {  
  background-color: #bcbcbc;
  height:14px;
  border-radius:10px
}
input[type='range']::-moz-range-thumb {
      width: 14px;
      -webkit-appearance: none;
      height: 14px;
      background: linear-gradient(#D2AC67, #695634);
	  box-shadow: 0px 3px 6px #00000080;
      box-shadow: -100px 0 0 100px  #000;
	  border-radius:50%;
	  z-index:999;
	  margin-top:-7px;
	  float:left;
	  position:relative;
	  bottom:15px;
    }
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #000000; 
  height:10px;
  border-radius:10px
}
input[type='range']::-ms-fill-thumb {
      width: 14px;
      -webkit-appearance: none;
      height: 14px;
      background: linear-gradient(#D2AC67, #695634);
	  box-shadow: 0px 3px 6px #00000080;
      box-shadow: -100px 0 0 1000px  #000;
	  border-radius:50%;
	  z-index:999; 
    }
input[type="range"]::-ms-fill-upper {  
  background-color: #bcbcbc;
  height:14px;
  border-radius:10px
}
.modal-close{
	position:absolute;
	right:0px;
	top:0px;
	z-index:999;
	cursor:pointer;
}
/*----------Contact------------*/
.inner-banner{
	float:left;
	width:100%;
	margin-top: 86px;
}
.inner-banner img{
	width:100%;
	}
.contact-bg{
	background:url(../images/contact-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}
.contact-header{
	background:#fff;
	box-shadow: 0px 3px 6px #00000029;
	padding: 27px 0;
	margin-bottom: 60px;
	border-radius: 0 0 127px 120px;
	display: flex;
	justify-content: center;
}

.contact-header-right h1{
	color:#1A1B25;
	font-size:70px;
	font-weight:bold;
	text-transform:uppercase;
	}
.contact-header-right{
	display:flex;
	height:100%;
	display:flex;
	align-items: center;
}
.get-touch-left{
	float:left;
	width:100%;
}
.get-touch-left h2{
	color:#1A1B25;
	font-size:34px;
	font-weight:bold;
	margin-bottom: 40px;
}
.get-touch-section img{
	float: left;
	background: #D2AC67;
	padding: 10px;
	border-radius: 50%;
	margin-right: 16px;
}
.get-touch-txt{
	float: left;
	width: 62%;
}
.get-touch-txt span{
	text-transform:uppercase;
	color:#1A1B25;
	font-weight:bold;
	font-family: 'Lato';
	margin-top: 10px;
	float: left;
	}
.get-touch-txt p{
	color:#7B7B7B;
	float:left;
}
.get-touch-txt p b{
	text-transform:uppercase;
	width:100%;
	float:left;
	}
.get-touch-section{
	float:left;
	width:100%;
	margin-bottom: 35px;
}
.contact-form{
	float:left;
	width:100%;
	background:#1A1B25;
	padding: 60px 40px;
	position: relative;
	top: 29px;
	z-index: 99;
}
.contact-form h3{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	
	}
.contact-form input, .contact-form textarea{
	background:none;
	width:100%;
	border-bottom:1px solid ; 
	color:#FFFFFF;
	opacity:0.5;
	border:none;
	border-bottom:1px solid #6f7074;
	font-size:17px;
	margin-top: 38px;
	}
.contact-form textarea {
	min-height:107px;
	}

.contact-form::-webkit-input-placeholder { /* Edge */
	 color:#FFFFFF;
	opacity:0.5;
	font-size:17px;
}

.contact-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#FFFFFF;
	opacity:0.5;
	font-size:17px;
}

.contact-form::placeholder {
  color:#FFFFFF;
	opacity:0.5;
	font-size:17px;
}
.contact-form::-webkit-textarea-placeholder { /* Edge */
	 color:#FFFFFF;
	opacity:0.5;
	font-size:17px;
}

.contact-form:-ms-textarea-placeholder { /* Internet Explorer 10-11 */
  color:#FFFFFF;
	opacity:0.5;
	font-size:17px;
}

.contact-form::placeholder {
  color:#FFFFFF;
	opacity:0.5;
	font-size:17px;
}
.contact-submit{
	background:#009BDF !important;
	border:none !important;
	width:100% !important;
	color:#1A1B25 !important;
	padding: 10px 0 !important;
	text-transform:uppercase !important;
	font-weight:bold !important;
	float:left !important;
	margin-top:38px !important;
	z-index:100 !important;
	cursor:pointer !important;
	transition:0.6s !important;
	opacity:1 !important
}
.contact-submit:hover{
	transition:0.6s !important;
	background: #D2AC67 !important;
}
.about-banner-sec{
	float:left;
	background:#1b1b25;
	width:100%;
	
}
.about-banner-txt{
	float:left;
	 width:100%;
	 
	 position:relative;
	 }
.about-banner-txt h1{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	float:left;
	width:100%;
	font-size: 70px;
	padding-bottom: 20px;
}
.about-banner-txt h1 span{
	color:#009bde;
	}
.about-banner-para{
	float:left;
	width:100%;
	background:#272731;
	border-top:1px solid #D2AC67;
	padding: 15px 21px;
	}
.about-banner-para p{
	color:#E7E6E4;
	opacity:0.8;
	text-align:justify;
	}
.about-banner-para a{
	color: #E7E6E4;
	float: left;
	padding-top: 23px;
	transition: 0.7s;
}
.abt-shr-icon{
	position: absolute;
    right: -71px;
    top: 40px;
    background: #272731;
    border: 1px solid #D2AC67;
    width: 56.6%;
    display: flex;
    justify-content: center;
    align-items: center;
   height: 602px;

}
.about-success{
	background:url(../images/success-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding: 25px 0 80px;
	background-attachment:fixed;
	}
.about-success p{
	color:#E7E6E4;
	opacity:0.8;
	text-align: justify;
	}
.success-left{
	float:left;
	width:31%;
	border:1px solid #D2AC67;
	padding: 57px 20px 57px 0px;
	border-left:none;
	margin-top: 50px;
	}
	.success-left p{ 
		color:#E7E6E4;
		opacity:0.8;
		margin:0 0 12px 0;
	}
.success-left h2{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	float:left;
	width:100%;
	}
.success-left  h6{
	color:#fff;
	font-weight:bold;
	font-size: 19px;
	font-family: 'Lato';
	margin-bottom:20px;
	float:left;
	width:100%;
	 
	
	}
.success-left a{
	color: #E7E6E4;
	float: left;
	padding-top: 23px;
	transition: 0.7s;
	}
.success-right{
	float:left;
	width: 68%;
	margin-top: 250px;
	}
.success-right h3{
	float:left;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #D2AC67;
	padding: 0 0 8px;
	width: 35%;
	text-align: center;
	text-transform: capitalize;
	}
.success-right p{
	
	}
.success-right-sections-para{
	float: left;
	width: 64%;
	background:#00000029;
	padding: 22px 37px 22px 19px;
	}
.success-right-sections{
	float: left;
	width:100%;
	display:flex;
	align-items:center;
	margin-bottom:15px;
	}
.core-values{
	float:left;
	width:100%;
	background:url(../images/core-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding: 80px 0;
	background-attachment: fixed;
	}
.core-values h2{
	font-weight:bold;
	text-transform:uppercase;
	color:#1A1B25;
	width:100%;
	padding-bottom:15px;
	border-bottom:10px solid #009BDF;
	}
.corepoints h5.collapse{
	background: #a9a9a99e;
	color: #1A1B25;
	font-weight: bold;
	text-transform: capitalize;
	padding: 20px;
	border-radius: 10px;
	font-size: 30px;
	cursor:pointer;
	position:relative;
	margin-bottom:20px;
	display: block !important;
	}
.corepoints h5:after{
	position:absolute;
	content:"";
	background:url(../images/core-point-icon.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	right:0;
	right: 6px;
	top: 32px;
	
	}
.corepoints p{
	color:#1A1B25;
	font-weight: bold;
	text-align:justify;
	margin:0px 10px 20px;
	}
.core-points{
	padding: 25px 76px;
	}
.vision-mission{
	background:url(../images/vm-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding: 80px 0 150px; 
	padding-left: 551px;
	}
.vision-sec{
	float: left;
	width: 100%;
	margin-bottom: 44px;
	}
.vision-sec h3{
	color:#E7E6E4;
	opacity:0.8;
	font-weight:bold;
	font-size: 50px;
	padding-bottom: 10px;
	}
.vision-sec p{
	color:#1A1B25;
	background:#D2AC67;
	box-shadow: inset 0px 3px 6px #00000029;
	border-radius: 36px;
	font-weight:bold;
	padding: 20px 26px;
	width: 588px;
	text-align: justify;
	}

 
.misiion-sec h3{
	color:#1A1B25;
	font-weight:bold;
	font-size: 50px;
	padding-bottom: 10px;
	}
.misiion-sec p{
	color:#E7E6E4;
	background:#009BDF;
	box-shadow: inset 0px 3px 6px #00000029;
	border-radius: 36px;
	font-weight:bold;
	padding: 20px 26px;
	width: 588px;
	text-align: justify;
}
.ch-message{
	float:left;
	width:100%;
	background: #3b8eb6;
	position:relative;
	position:relative;
	margin-top:-47px;
	background: #3b8eb6ab;
	}
.ch-message h4{
	font-weight:bold;
	padding: 10px 0 10px 163px;
	background: #d2ab66;
	}
.mark-sec{
	position: absolute;
	left: 482px;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	}
.mark-sec marquee{
	color:#fff;
	}

.contact-header-right h1 color {
	color: #009BDF;
	}
	
/*---------project---------------*/
.sr-tab-bg{
	float:left;
	width:100%;
	background:#1A1B25;
	padding: 15px 0 0;
}
.sr-tab-bg-header{
	float:left;
	width:50%;
	padding-left: 11%;
	}
.sr-tab-bg-header h1{
	color:#009BDF;
	font-weight:bold;
	}
.responsive-tabs {
	
	border-bottom: none;
	float: left;
	width: 50%;
	padding-bottom: 4px;
}
.tab-list{
	width: 100%;
	float: left;
	position: relative;
	}
.department-tab> li{
	border-bottom:none;}
.department-tab> li:hover{
	border:none;
	}
.department-tab> li > a {
	font-size:17px;
	color:#E7E6E4 !important;
	font-weight: bold;
	display: block;
	padding: 10px 0px 17px 0;
	margin: 0 43px 0 4px;
	outline:0;
	
	}
.department-tab> li > a:hover{
	background-color:#fff !important;
	background:none !important;
	border:none;
	border-bottom:2px solid #D2AC67;
	transition:0.2s;
	outline:0;
	}	
.department-tab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border:none;
	border-bottom:2px solid #D2AC67;
	background-color:#fff !important;
	background:none !important;
	}

.responsive-tabs-container .tab-content {
	
	border-top: none;
	float: left;
	width: 100%;
	background: #fff;
}
.responsive-tabs-container[class*="accordion-"] .tab-pane {
	margin-bottom: 15px;
}

.responsive-tabs-container[class*="accordion-"] .accordion-link {
	display: none;
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
	
	color: #333;
}
.department-txt p{
	font-size:15px;
	line-height:28px;
	color:#1f4756;
	text-align:justify;
	
	}

.responsive-tabs-container[class*="accordion-"] .accordion-link.active {
	border-bottom-right-radius: 0;
	color: #ff6600;
}
.traetment-procedures{
	float:left;
	width:100%;
	margin-top: 30px;
	}
.traetment-procedures p{
	font-size: 15px;
	line-height: 28px;
    color: #1f4756;
}



@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
  }
}



@media (max-width: 767px) {
	.responsive-tabs-container.accordion-xs .nav-tabs {
		display: none;
	}

	.responsive-tabs-container.accordion-xs .accordion-link {
		display: block;
	}
	.sr-tab-bg .responsive-tabs-container.accordion-xs .accordion-link{
		float:left:
		width:100%;
		}

	.responsive-tabs-container .tab-content {
		border: none;
	}

	.responsive-tabs-container[class*="accordion-"] .tab-pane {
		border: 1px solid #ddd;
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-width: medium 1px 1px;
		margin-bottom: 10px;
		margin-top: -10px;
		padding: 10px 10px 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.responsive-tabs-container.accordion-sm .nav-tabs {
		display: none;
	}
	.sr-tab-bg .responsive-tabs-container.accordion-xs .accordion-link{
		
		}

	.responsive-tabs-container.accordion-sm .accordion-link {
		display: block;
	}

	.responsive-tabs-container .tab-content {
		border: none;
	}

	.responsive-tabs-container[class*="accordion-"] .tab-pane {
		border: 1px solid #ddd;
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-width: medium 1px 1px;
		margin-bottom: 10px;
		margin-top: -10px;
		padding: 10px 10px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.responsive-tabs-container.accordion-md .nav-tabs {
		display: none;
	}

	.responsive-tabs-container.accordion-md .accordion-link {
		display: block;
	}
}

@media (min-width: 1200px) {
	.responsive-tabs-container.accordion-lg .nav-tabs {
		display: none;
	}

	.responsive-tabs-container.accordion-lg .accordion-link {
		display: block;
	}
}



/*--------------------side tab--------------------*/


.tabbed-module {
	
	 
}
 .tabbed-module nav {
	 display: block;
	 margin-bottom: 5px;
	 float: left;
	 width: 30%;
   	 background: #E4E4E4;
	 box-shadow: 0px 3px 6px #00000029;
	    padding: 435px 77px 50px 83px;
}
 .tabs-content > div {
	 display: none;
}
.side-tab-content{
padding-left: 10%;
float: left;
width: 70%;
padding-top: 346px;
padding-right: 13%;
background: #FFF;
box-shadow: 0px 3px 6px #00000029;
border-radius: 0px 0px 36px 0px;
margin-bottom: 23px;
padding-bottom: 80px;
}
.side-tab-header{
	float: right;
	text-align:right;
	}
.amininities-list{
	float:left;
	width:100%;
	border-bottom: 1px solid #00000029;
	padding-bottom: 25px;
	margin-bottom: 35px;
}
.aminities-item{
	float: left;
	width: 130px;
	text-align: center;
	cursor: pointer;
	border-radius: 12px;
	margin-right: 4px;
	padding: 10px;
	min-height: 130px;
	transition:0.5s;
}
.aminities-item img{
	width:65px;
	}

.aminities-item:hover{
	background: #FFD813B8;
	transition:0.5s;
	}
.aminities-item span{
	width:100%;
	float:left;
	font-size:14px;
	font-family: 'Lato';
	color:#1A1B25;
	font-weight: bold;
	text-transform:capitalize;
	}
.specification-wrapper{
	float:left;
	width:100%;
	padding-top: 27px;
	}
.spesfic-point{
	float: left;
text-transform: uppercase;
font-family: 'Lato';
font-size: 18px;
font-weight: bold;
margin-bottom: 37px;
position: relative;
padding-right: 33px;
cursor: pointer;
width: 100%;
	}
.spesfic-point p{
	width:85%;
	text-transform: capitalize;
	}
.spesfic-point ul {
	padding-top:10px;
	}
.spesfic-point ul li{
	width:85%;
	text-transform:none;
	font-weight: 100;
	font-size: 16px;
	position:relative;
	padding-left: 23px;
margin-bottom: 12px;
text-align:justify;
}
.spesfic-point ul li::before {
	content:"";
	position: absolute;
	background: url(../images/bullet-iconfaq.png);
    background-repeat: repeat;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	left: 0;
	top: 10px;
	top: 3px;
	
}
.spesfic-point span img{
	float:right;
	width:39px;
}
	

.spesfic-point span.collapse{
	display:block ;
	}
/*.spesfic-point:after{
	position:absolute;
	content:"";
	right:33px;
	width:40px;
	height:40px;
	top:0;
	background:url(../images/Specific-icon.png);
	background-repeat:no-repeat;
	background-size:cover;
}*/

.side-tab-header h4{
	background: #D2AC67;
	width: max-content;
	color: #fff;
	padding: 10px 25px;
	text-transform: capitalize;
	border-radius: 22px 0;
	margin-bottom: 24px;
	
}

.floor-plan{
	width:100%;
	}
.floorplan-gallery .galleryDiv1Float {
    float: left;
    width: 45.33%;
    padding: 20px;
}
@media(max-width:768px){
	.floorplan-gallery .galleryDiv1Float {
   
    width: 100%;
    
}
.floorplan-gallery .galleryDiv1Float img{
	width:100% !important;
	height:auto !important
}
.floorplan-gallery .galleryDiv1Float .playPluseIcon img{
	width:auto !important;
}

.pro-list img{
height:auto !important
}
}

.floorplan-gallery .playPluseIcon {
    display: flex;
    width: 50px;
    height: 50px;
    background: #0ab2f0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transition: 0.5s;
    z-index: 99;
    position: absolute;
    top: 22%;
	left:auto;
    margin-top: -50px;
    right: 3%;
    margin-left: -50px;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 0px 0px rgba(235, 57, 57, 0.4);
    -moz-box-shadow: 0px 0px 0px 0px rgba(235, 57, 57, 0.4);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(235, 57, 57, 0.4);
}
.floorplan-gallery .galleryWrapperAll {
    position: relative;
    overflow: hidden;
    border: 2px solid #ccc;
}
 .tabs-content > div.selected {
	 display: block;
}
 img {
	 max-width: 100%;
	 height: auto;
}
 .tabs {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-start;
	 align-items: flex-end;
	 float:left;
	 width:100%;
}
 .tabs > li {
	 
	 border-bottom-width: 0;
	 margin: 10px 0 0 5px;
	 border-radius: 3px 3px 0 0;
	 float: left;
	 width: 100%;
}
 .tabs > li > a {
	 font-weight: bold;
	 text-decoration: none;
	 display: block;
	 padding: 10px 15px 8px;
	 color: #1A1B25;
	 position: relative;
	 font-size:20px;
	 opacity:0.6;
	 position:relative;
}
.tabs > li > a:after{
	position:absolute;
	content:"";
	right:0;
	width:30px;
	height:30px;
	top: 10px;
	background:url(../images/list-icon.png);
	background-repeat:no-repeat;
	background-size:cover;
	}
 .tabs > li:hover {
	
}
 .tabs > li:hover > a {
	
	color: #1A1B25;
	opacity:1
}

 .tabs > li.selected > a {
	
	color: #1A1B25;
	 top: 1px;
	 opacity:1;
}
.tab-top-img{
	position:absolute;
	left:0;
	top: 70px;
	}
 @media (max-width: 766px) {
	 .tabs {
		 border: 1px solid #dcdcdc;
		 border-radius: 3px;
	}
	 .tabs > li {
		 flex: 1 1 100%;
		 margin: 0;
		 border: none;
		 display: none;
		 z-index: 10;
		 order: 1;
		 border-radius: 0;
	}
	 .tabs > li > a {
		 text-align: left;
		 margin: 1px;
	}
	 .tabs > li.selected {
		 order: 0;
		 display: block;
		 padding-right: 30px;
	}
	 .tabs > li.selected > a {
		 top: 0;
		 position: relative;
	}
	 .tabs > li.selected > a:after {
		 width: 0;
		 height: 0;
		 border-style: solid;
		 border-width: 5px 5px 0 5px;
		 border-color: #666 transparent transparent transparent;
		 content: "";
		 display: block;
		 position: absolute;
		 right: -30px;
		 top: 0;
		 margin: 15px;
	}
	 .tabs.active > li {
		 display: block;
	}
	 .tabs.active > li:last-of-type {
		 border-bottom: 0;
	}
	 .tabs.active > li.selected {
		 padding-right: 0;
	}
	 .tabs.active > li.selected > a:after {
		 border: none;
	}
}
 

/***********************projec**********************/
.project-type{
	float:left;
	width:100%;
	margin: 30px 0 75px;

}
.project-main-wrapper{
	float:left;
	width:100%;
	}

.project-type img{
	width:100%;
	border-radius: 45px;
	
}
.project-type-text{
	position: absolute;
    bottom: 33px;
	left: 30px;
    right: 30px;
	transition: 0.6s;
	text-align: center;
	}
	
.project-type-text h6{
	font-weight: bold;
    color: #FFF;
    font-size: 30px;
    transition: 0.6s;
	background: #000;
	padding: 6px 0px;
    border-radius: 30px;
}
.project-type:hover .project-type-text h6{
		
	background: #009BDF;
	transition: 0.6s;

}
.pro-list{
	float:left;
	width: 100%;
	position:relative;
	
}
.list-wrapper{
	float:left;
	width: 100%;
	margin-top: 121px;
}
.pro-img{
	width:100%;
	position: relative;
	border-radius: 20px;
}
.pra-img
{
    width:669px;height:348px
}
.pro-header{
	position: absolute;
    top: 0;
    right: -179px;
    top: -51px;

}
.shr-header{
	position: absolute;
    top: 0;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    left: 32px;
    top: 6px;
}
.pro-head-1{
	
	width:300px;
}
.pro-head-2{
	
	width:300px;
}
.second-header{
	bottom: 106px;
    left: 58px;

}
.build-header{
	position: absolute;
    top: 0;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    left: 32px;
    top: 6px;

}
.pro-head-3{
	width:270px;
}
.third-header{
	bottom: 142px;
    left: 32px;

}
.buildsub-header{position: absolute;
    top: 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    left: 32px;
    top: 12px;
	text-transform:uppercase;
}
.build-text-area{
	padding-left: 272px;
}
.text-bg{
	background: #ccc;
    padding: 25px 30px;
    border-radius: 31px;
	float: left;
}



.text-bg a{
	color:#1A1B25;
	float: left;
	padding-top: 23px;
	}
.text-bg a img{
	background: #009BDF;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	padding: 30px;
	margin-right: 13px;
	transition:0.7s;
	float:left;
	
	}
.text-bg a label{
	float: left;
	margin-top: 13px;
	background: #ccc;
	padding: 10px 0;
	transition:0.7s;
	}
.text-bg a:hover img{
	background:none;
	border:1px solid #009BDF;
	transition:0.7s;
	
	}
.
.text-bg a:hover label{
	margin-left:-20px;
	transition:0.7s;
	
	}
.cer-icon{
	position: absolute;
    top: -27px;
    left: -24px;
}
.pro-row{
	margin-bottom: 135px;
}

/*-----------------gallery-----------------*/

.gallerymainAllBgSec {
    padding: 100px 10px 0px;
    clear: both;
}
.gallery-tabs{ float: left; clear: both; width: 100%; text-align: left; margin: 0 44px 0; }
.department-content{ float: left; clear: both; width: 100%; clear: both;padding: 0 0 45px; }
.gallery-tabs li{ display: inline-block;margin-right: 10px; background: #d2ac67;color:#fff;cursor:pointer; padding: 9px 0;}
.gallery-tabs li a{ display: block;

width: 97px;
text-align: center;
font-size: 14px;
color: #222222;
position: relative;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;}
.gallery-tabs li.active { background: #00aeef !important; color: #fff !important;  }
#image-area{
	position:relative;
	}
#video-area{
	position:relative;
	}
.galery-select{
	    background: none;
    border: none;
    padding: 9px 9px;
    width: 300px;
    border: 1px solid #00aeef;
	position: absolute;
	top: -42px;
	left: 253px;
}
.galery-select option{
	background:#00aeef;
	padding:5px 0;
	}
	


 .galleryBorder{ border:7px #fff solid; overflow:hidden; position:relative} 
 .galleryWrapper{ position:relative}
 .galleryIconWrapper{ position:absolute; right:0; top:0;}
 .galleryBorder:before{ position: absolute;
content: "";
right: 0px;
top: 0;
width: 0;
height: 0;
border-top: 80px solid #fff;
border-left: 80px solid transparent; 
z-index: 100; transition:0.9s }
.galleryBorder:after{position: absolute;
content: "";
right: 8px;
top: 14px;
width: 23px;
height: 23px;
background: url(../images/gallery-icon1.png) no-repeat center center;
z-index: 100; transition:0.9s}
.galleryBorder:hover:after{background:url(../images/gallery-icon.png) no-repeat center center;}
.galleryBorder:hover:before{border-top: 80px solid #ef4124;
border-left: 80px solid transparent; }
.galleryDivAll{ float:left; width:100%; margin-top:30px;}
.galleryDiv1FloatVideo{ float:left; width:50%; padding:20px}
.galleryDiv1FloatVideo iframe{height:380px;width:100%;}


.galleryDiv1Float{ float:left; width:33.33%; padding:20px}
.galleryWrapperAll{ position:relative; overflow:hidden}
.galleryWrapperAll:hover .playPluseIcon {
    box-shadow: 0px 0px 0px 25px #d2ac6778;
}
.gallerymainAllBgSec{ padding:100px 10px 0px; clear:both}
.galleryWrapperAll:before{ -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; 
 background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; height:100%; width:100%; content:""; opacity:0}
.galleryWrapperAll:hover:before{ opacity:1}
.playPluseIcon{ display: flex; width: 68px; height: 68px; background: #d2ac67; -moz-border-radius: 50%; -webkit-border-radius: 50%; 
border-radius: 50%; transition: 0.5s; z-index: 99; 
position: absolute; top: 50%; margin-top: -50px; left: 50%; margin-left: -50px; align-items: center; justify-content: center;
 box-shadow: 0px 0px 0px 0px rgba(235, 57, 57, 0.4);  -moz-box-shadow: 0px 0px 0px 0px rgba(235, 57, 57, 0.4);  
 -webkit-box-shadow: 0px 0px 0px 0px rgba(235, 57, 57, 0.4); }
.galleryTxtHeder{ margin-top:49px}
.galleryBgSecImg{ position:absolute; top:50px}
.deatilBloagWrapperMainBorder:last-child{ border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.deatilBloagWrapperMainBorder:last-child:before{ background:none;}
.marginBottommain{ margin-bottom:0px!important}
.deatilBloagWrapperMain span{ color:#7b7b7b; font-size:13px; font-weight:bold; margin-bottom:10px; display:block}
.deatilBloagWrapperMain h4{ color:#111111; font-weight:bold; color:#111111; margin-bottom:10px;}
.deatilBloagWrapperMain p{ color:#333333; font-weight:normal;  margin-bottom:10px!important; line-height:28px!important;}
.deatilBloagWrapperMain a{    color: #121c29;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;}
.deatilBloagWrapperMain{ position:relative; padding-left:400px;  text-align:left; min-height:240px;}
.deatilBloagWrapperMainDiv{ position:absolute; left:0; top:0;}
.deatilBloagWrapperMainBorder{position: relative;
border-bottom: 1px #d4d4d4 solid;
padding-bottom: 50px;
padding-top: 50px;}
.deatilBloagWrapperMainBorder:first-child{ padding-top:0px;}
.deatilBloagWrapperMainBorder:before{position: absolute;
left: 0;
bottom: -1px;
width: 195px;
height: 1px;
content: "";
background: #00aeef;}
.gallery-text{
	position: absolute;
	bottom: 23px;
	left: -86%;
	color: #fff;
	transition: 0.9s;
	width:100%;
	
	}

.gallery-text h3{
	color: #fff;
	}
.galleryWrapperAll:hover .gallery-text{
	display:block;
	left: 38px;
	transition:0.9s
	}
.pop-up {
  position:absolute;
  height:100vh;
  width:100%;
  background-color:rgba(0,0,0, .4);
  top:0;
  left:0;
  visibility:hidden;
  opacity:0;
  transition:all .3s;
  
  display:flex;
  align-items:center;
  justify-content:center;
} /* Background */

.pop-up:target {
  visibility:visible;
  opacity:1;
} /* */

.pop-up__content {
  height:300px;
  width:75%;
  background-color: #828489;
  border-radius:8px;
  
  transform:scale(.5);
  transition: all .5s;
  
  position:relative;
}

.pop-up:target .pop-up__content {
  transform:scale(1)
}

.pop-up__close {
  position: absolute;
  top:10px;
  right:20px;
  
  color: #D0EFB1;
  font-size:25px;
  font-weight:700;
}
#video-area{
	display:none;
	}
/*---------------------career------------------*/

.bulletNavMain{ margin:0; padding:0}
.bulletNavMain li{ padding-left:30px; color:#fff; font-size:17px; padding-bottom:20px; position:relative ; }
.bulletNavMain li:before{ position:absolute; left:0; top: 7px; width:12px; height:16px; content:""; background:url(../images/bullet-icon.png) no-repeat;  }
.carrerWrapermainAllDiv h3{ color:#111111; font-size:45px; font-weight:bold; padding-top:30px; position:relative}
.carrerWrapermainAllDiv h3:before{ position:absolute; left:0; top:0; content:""; width:50px; height:2px;background: #d2ac67;}
.carrerWrapermainAll{ position:relative; padding-left:280px;}
.carrerWrapermainAllDiv{ position:absolute; left:0; top:0;}


.carrerDivMain{ background: #d2ac67; margin-bottom:10px; padding:50px; position:relative;padding-bottom: 50px !important; }

.carrerDivMain h3{ font-size:25px; font-weight:normal; color:#fff; margin-bottom:7px; }
.carrerDivMain label{ font-weight:normal; font-size:18px; color:#fff; margin-bottom:30px;}
.carrerDivMain p{ font-weight:normal; color:#fff;}
.carrerDivMain #open{position: relative;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
padding-right: 30px;
border-radius: 0;
border: none;
float: left;
width: 100%;}

 
 .carrerDivMain #close{ position: relative;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
padding-right: 30px;
width: 100%;
border: none;
padding-top: 25px;
float: left;}
 .carrerDivMain a span{ position:absolute; right: 27px;
top: 14px;}
 .career-btn{ text-transform: uppercase;
width: 187px;
text-align: center;
color: #fff!important;
font-weight: bold;
font-size: 14px;
border: 1px #fff solid;
display: block;
position: absolute;
right: 52px;
top: 51px;
padding: 16px;
background: #00aeef;}
  .carrerDivMain a:hover{  background:#173f77;} 
  details { -moz-transition: 0.5s; -webkit-transition: 0.5s;transition: 0.5s;
  position:relative;
}

	
details summary {
  display:block;
  cursor: pointer;
  color: red;
}
.product-detail-wrapper details summary {
    display: block;
    cursor: pointer;
    color: #0050be;
	font-family: 'Lato';
    padding-top: 10px;
}
.product-detail-wrapper .bulletNavMain li{
	color: #152643;
	font-size: 16px;
	}
.product-detail-wrapper .bulletNavMain li::before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 16px;
    content: "";
    background: url(../images/product-detail-bullet.png) no-repeat;
}
.product-detail-wrapper details[open] {
    display: block;
    padding-bottom: 45px;
    animation: open .2s linear;
    margin-top: 25px;
}	

details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:45px;
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}



details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}

::-webkit-details-marker {display: none;}

.carrerFooter{ padding:80px 0px 100px; background:#fff}
.carrerWrapperMain{ position: relative;
padding-top: 92px;
text-align: center;}
.carrerWrapperMainDivBorder{ position:relative}
.carrerWrapperMainDivBorder:before{ position:absolute; right:0; bottom:0; background:#d3d3d3; height:92px; width:1px; content:""; }
.carrerWrapperMainDivBorder:last-child:before{ background:none;}
.carrerWrapperMainDiv{ position:absolute;  top:0; width:100%;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; }
.carrerWrapperMain h3{ font-size:24px; color:#132442; font-weight:normal; margin-bottom:20px;}
.carrerWrapperMain p{ color:#132442; font-size:15px; font-weight:normal; margin-bottom:0; line-height:32px}
.carrerWrapperMain:hover .carrerWrapperMainDiv{ top:-10px}


@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.carrerBgSec2{background:url(../images/career-img2.jpg) no-repeat; background-size:cover; padding:100px 0px}
.carrerTxtmainMax p{ font-size:16px; line-height:28px; font-weight:normal; color:#fff; margin-bottom:0px; }
.carrerTxtmainMax h3{ font-size:55px; font-weight:bold; margin-bottom:40px; color:#fff}
.carrerTxtmainMax{ max-width:528px;}
.carrerTxtmainMax span{ opacity:0.4; text-transform:uppercase; display:block; margin-bottom:10px; color:#fff; font-size:14px; font-weight:normal;}
.carrerBgSec1{ background:url(../images/career-img1.jpg) no-repeat; background-size:cover; padding:100px 0px}


.dr-experience{
	float: left;
	width: 100%;
	background: #0000002e;
	padding: 40px 28px;
	border-radius: 80px 80px 0 0;
	margin-bottom: 20px;
}
	
.dr-experience h4{
	color: #000;
	font-size:25px;
	margin-bottom:5px;
	}
.dr-experience .header-border{
	width:20px;
	height:3px;
	width:48px
	}
.dr-experience ul{
	float:left;
	width:100%;
	}
.dr-experience ul li{
	font-size: 15px;
	color: #1A1B25;
	margin-bottom: 18px;
	position: relative;
	opacity: 0.8;
	padding-left: 21px;
	
	}
.experience-list li:before{
	content: "";
	position: absolute;
	background: url(../images/bullet-iconfaq.png);
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	left: 0;
	top: 10px;
	top: 3px;
	
	}
.dr-accordion {
 
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .dr-accordion:hover {
  
}

.dr-accordion:after {
  content: '\002B';
color: #fff;
font-weight: bold;
float: right;
margin-left: 5px;
background: #171717;
width: 25px;
text-align: center;
height: 25px;
border-radius: 48px;
font-size: 18px;
margin-top: 16px;
padding: 1px;
  
}
.medical-team-left .dr-panel {
    transition: max-height 0.6s ease-out;
    float: left;
    width: 100%;
}


.dr-accordion.active:after {
  content: "\2212";
}
.dr-book-btn{
	text-transform: uppercase;
	width: 174px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	border-radius: 5px;
	text-align: center;
	display: block; 
	padding: 7px 10px;
	background: #ed2e61;
	margin-top: 17px;
}

.dr-panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}
.dr-footer{
	float: left;
	width: 100%;
	padding:16px 0;
	}
.dr-footer span{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 9px;
	float: left;
	width: 100%;
	}

/*-----------------blog----------------*/
.blog-bg {
    background: url(../images/blog-bg.jpg);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blogBgSecMain{ min-height:419px; background:url(../images/blog-img1.jpg) no-repeat; background-size:cover}
.blogListingWrapper{ 
	position: relative;
	margin-bottom: 50px;
	text-align: center;
	float: left;
	width: 100%;
}

.blogListingLgImgwrapper{ overflow:hidden; margin-bottom:50px;}
.blogListingLgImgwrapper img{ width:100%;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.blogListingWrapper:hover .blogListingLgImgwrapper img{moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.blogListingWrapper h2{  margin-top:20px; font-size:14px; color:#a4a8ab; text-transform:uppercase; margin-bottom:20px; font-weight:normal;}
.blogListingWrapper h3 span{ color: #1b1c1c;
font-weight: normal;
display: inline-block;
font-size: 15px;
text-transform: uppercase;
margin-top: 30px;
width: 39%;
position: relative; }
.blogListingWrapper h3 a{ color:#eb3939; font-weight:bold; display:inline-block; font-size:13px; text-transform:uppercase; position:absolute; right:0; }
.blogListingWrapper h3 a:hover{ color:#222}
.blogListingWrapper h3{border-bottom:1px #d4d4d4 solid; position:relative font-size:30px; text-align:left; font-weight:normal; color:#1b1c1c; margin-bottom:30px;
 padding-bottom:40px; position:relative; padding-left:47px;}
 .blogListingWrapper h3:before{position: absolute;
left: 0;
bottom: -1px;
width: 195px;
height: 1px;
content: "";
background: #00aeef;}
.mainTopLessBlog{ float:left; width:100%; position:relative; margin-top: -100px;}
.blogBulletNav{ margin:0 0 30px; padding:0; text-align:left}
.blogBulletNav li{ padding-left:29px; font-weight:normal; font-size:15px; color:#222222; line-height:48px; position:relative   }
.blogBulletNav li:before{ position:absolute; left:0; top:16px; content:""; width:12px; height:17px; background:url(../images/bullet-point2.png) no-repeat }
.blogDeatilHeadermain{ font-size:25px; text-align:left; font-weight:normal; margin-bottom:20px;}
 .blogListingWrapper h3 i{ position:absolute; left:0; top:0; }
.blogListingWrapper p{  font-size:16px; font-weight:normal; color:#222222; line-height:36px; margin-bottom:35px; text-align:left}

.innerGrayBGBlog{float: left;
width: 100%;
clear: both;
position: relative;
padding: 80px 0;}
.loadingMoreBtn{ width:100%; height:62px;  display: flex;-webkit-display: flex;-ms-display: flex;justify-content: center;-webkit-justify-content: center;
-ms-justify-content: center;align-items: center;-webkit-align-items: center;-ms-align-items: center; text-align:center; color:#fff!important;  font-size:17px; font-weight:bold; text-transform:uppercase; background:#e43838;}
.loadingMoreBtn:hover{ background:#fff; color:#e43838!important}
.social-frameBlog{ margin:20px 0 0px; padding:0; text-align:center}
.social-frameBlog li{ display:inline-block; margin: 0 4px; border:2px #827d7d solid; width:57px; height:57px; border-radius:50%;   -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.social-frameBlog li a{padding: 13px; display: block; font-size:20px; color: #827d7d;  }
.social-frameBlog li:hover a{ color: #01aff0!important; }
.social-frameBlog li:hover{border:2px #01aff0 solid;}
.enquiryFormBgSecMain p{ text-align:center; line-height:25px; font-size:16px; color:#121c29; font-weight:normal; margin-bottom:30px}
.enquiryFormBgSecMain{ background:#d2ac67; padding:43px 30px 40px; margin-bottom:30px} 
.enquiryFormBgSecMain h3{padding-bottom:15px; margin-bottom:25px; text-align:center; color:#121c29; font-size:18px;
 text-transform:uppercase; position:relative; font-weight:normal;}
.enquiryFormBgSecMain h3:before{ position:absolute; left:50%; bottom:0; width:30px; height:2px; background:#00aeef; content:""; margin-left:-15px; }
.blogListField{ color:#828282; font-size:16px; font-weight:normal; margin-bottom:20px; background:#fff; border:none; width:100%; padding: 15px 25px;}
.blogListField::-webkit-input-placeholder { color:#828282; opacity:1; }
.blogListField:-ms-input-placeholder {color:#828282; opacity:1; }
.blogListField::-moz-input-placeholder { color:#828282; opacity:1; }
.blogListField::placeholder {color:#828282; opacity:1;}
.subscriberBtnmain{ font-size:16px; font-weight:bold; color:#fff; text-align:center; background:#00aeef; 
width:100%; border:none; padding:15px; text-transform:uppercase ;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; 
-o-transition:.4s; transition:.4s;}
.subscriberBtnmain:hover{ background:#56b8dd}

.fieldspaceMain{ margin-bottom:10px;}
.blogListmainheader{ width:100%;  color:#111111; font-weight:bold;font-size:22px; text-transform:uppercase; 
text-align:left; margin-bottom:20px;}
.categoriesDivMain{ background:#fff; padding:20px;}
.categoriesDivMain1{ margin-top:20px; background:#fff; padding:20px;}
.categoriesDivMain ul{ margin:0 0 20px; padding:0}
.categoriesDivMain li{ -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;
 display:block; position:relative; border-bottom:1px #dddddd solid; width:100%; padding: 20px 20px 20px 0px;}
.categoriesDivMain li:last-child{ border-bottom:none; padding-bottom:0px;}
.categoriesDivMain li a{ font-size:17px; text-transform:capitalize; font-weight:normal; color:#222222;   }
.categoriesDivMain li a:hover{ color:#f17b8d }
.categoriesDivMain li span{ position:absolute; right:0; top: 20px; color:#888888; font-size:15px;}
.blogListingWrapper1:hover .blogListingLgImgwrapper img{moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.blogListingWrapper1{ position:relative; padding-left:202px; margin-bottom:30px; min-height:105px }


.blogListingWrapperDiv1{ position:absolute; left:0; top:0;}
.blogListingWrapper2{ position: relative;
padding-left: 140px;
margin-bottom: 24px !important;
min-height: 73px;
border-bottom: 1px #ddd solid !important;
padding-bottom: 16px !important; }
.blogListingWrapper2:last-child{ border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.blogListingWrapper2 span{color: #7b7b7b;
font-size: 13px;
font-weight: normal;
display: block;
margin-bottom: 10px; 
text-transform: uppercase;}
.blogListingWrapper2 h3 {
	font-size: 16px;
	font-weight: normal;
	color: #121c29;
	line-height: 26px;
	margin-bottom: 10px;
}

.blogdeatilImgwrapper {
	overflow: hidden; margin-bottom:40px
}
.blogdeatilImgwrapper img {
	width: 100%;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.blogdeatilMainWrapperall:hover .blogdeatilImgwrapper img {
	moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.blogDeatilField{color: #222222;
font-size: 17px;
font-weight: normal;
margin-bottom: 15px; border:1px #ddd solid;
width: 100%;
padding: 13px 19px;
}
.blogDeatilField::-webkit-input-placeholder { color:#222222; opacity:1; }
.blogDeatilField:-ms-input-placeholder {color:#222222; opacity:1; }
.blogDeatilField::-moz-input-placeholder { color:#222222; opacity:1; }
.blogDeatilField::placeholder {color:#222222; opacity:1;}
.container-checkbox {
	display: block;
	position: relative;
padding-left: 26px;
margin-bottom: 23px;
margin-top: 7px;
	cursor: pointer;
	font-size:17px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; font-weight:normal; padding-top:2px;color:#555555; text-align:left;
}

.container-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


.container-checkbox .checkmark {
	position: absolute;  background:#fff;
	top: 5px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color:none!important; border:1px #b7b7b7 solid;
}




.container-checkbox input:checked ~ .checkmark {
  border:1px #b7b7b7 solid;
}


.container-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


.container-checkbox input:checked ~ .checkmark:after {
	display: block;
}


.container-checkbox .checkmark:after {
left: 5px;
top: 2px;
width: 6px;
height: 10px;
border: solid #5e5e5e;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


.container-radio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.container-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


.container-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}


.container-radio:hover input ~ .checkmark {
	background-color: #ccc;
}


.container-radio input:checked ~ .checkmark {
	background-color: #2196F3;
}


.container-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


.container-radio input:checked ~ .checkmark:after {
	display: block;
}


.container-radio .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.blogdeatilMainWrapperall ul{ margin:0; padding:0 0 10px}
.blogdeatilMainWrapperall li{padding-left: 26px; padding-bottom:20px; position:relative; color:#555; font-size:15px; font-family: 'Lato';font-weight:normal;}
.blogdeatilMainWrapperall li:before{ position:absolute; left:0; top:5px; border:2px #ff4035 solid; content:""; width:10px; height:10px; border-radius:50%;  }
.blogDeatilSecBg {
	padding: 40px 0px;
}
.blogHeader{ color:#a84e5b; font-size:30px;  margin-bottom:30px;  }

.subNewrapperBgSec:hover{-webkit-box-shadow: -1px 0px 32px 3px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 0px 32px 3px rgba(0,0,0,0.25);
box-shadow: -1px 0px 32px 3px rgba(0,0,0,0.25);}
.subPageNewWrapper{ position:relative; padding-left:243px}
.subPageNewWrapperDiv{ position:absolute; left:0; top:0}
.subPageNewWrapperDiv img{
	border-radius:24px 24px 0 0;
	}

.subPageNewWrapper h3{font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
color: #737579;
font-size: 14px;}
.subPageNewWrapper h2{font-weight: normal;
text-transform:capitalize;
margin-bottom: 10px;
color: #152643;
font-size: 19px; line-height:32px}
.subPageNewWrapper p{ line-height:26px; color:#152643; font-size:14px; font-weight:normal; margin-bottom:0;height: 104px;
float: left;
overflow: hidden;}
.news-detail p{
	height:auto;
	
	}
.subPageNewBtn{ position:absolute; right:0; top:-17px; background:#fff url(../images/news-btn-icon1.png) center center no-repeat; width:42px;
height:42px; border:1px #838a98 solid; border-radius:50%; }
.subPageNewBtn:hover{background:#d2ac67 url(../images/news-btn-icon1.png) center center no-repeat; }
.newsFloatSpace { 
    padding: 15px;
}
.subNewrapperBgSec{
	min-height: 254px;
	background: #fff;
	padding: 30px;
	cursor:pointer;
	border-radius: 15px;
	float: left;
	width: 100%;
}

.newsFloatSpace:first-child{ padding-left:15px;}
.newsFloatSpace:last-child{ padding-right:15px;}
.supermarketsWrapper{ position:relative; padding-left:729px; min-height:650px; padding-bottom:100px}
.supermarketsWrapperDiv{ position:absolute; left:0; top:0;}
.supermarketsWrapper span{ color:#142543; line-height:40px; font-size:19px; font-weight:normal; display:block; margin-bottom:20px}
.supermarketsWrapper p{ color:#142543; font-size:14px; line-height:32px; font-weight:normal; margin-bottom:30px}
.newArrivalHeader{ color:#142543; font-size:31px; font-weight:normal; position:relative; padding-left:15px; margin-bottom:40px; display:inline-block}
.newArrivalHeader:before{ position:absolute; left:0; top:5px; content:""; background:#d71921; height:24px; width:3px; }
.newArrivalBorder1Bg{ margin: 0 auto; background:#fff; width:254px; height:254px; border-radius:50%; display: flex;
-webkit-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;  }
.newArrivalBorder2Bg{background:#fff; width:222px; height:222px;  border-radius:50%; border:1px #bcc1cb solid;  display: flex;
-webkit-display: flex;
-ms-display: flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center; overflow:hidden; }
.newArrivalBorder2Bg img{-moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.newArrivalDivAll a{ color:#273652; font-size:16px; font-weight:normal; text-align:center; display:block; margin-top:20px}
.newArrivalDivAll:hover .newArrivalBorder2Bg img{moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale}

.newArrivalSlider .owl-nav{ position: absolute; right:0px; top:-70px; z-index: 1; display:block!important }
.newArrivalSlider .owl-nav button span{ display: none; }
.newArrivalSlider .owl-nav button{ display: block; width: 25px !important; height: 25px !important; 
float: left; margin: 0 10px;}
.newArrivalSlider .owl-nav button.owl-prev{background:url(../images/arrow-left.png) no-repeat !important}
.newArrivalSlider .owl-nav button.owl-next{  background:url(../images/arrow-right.png) no-repeat !important;  }
.subPageNewBackBtn{position:absolute; right:0; top:-17px; background:#fff url(../images/backward-icon.png) center center no-repeat; width:42px;
height:42px; border:1px #838a98 solid; border-radius:50%;}
.subPageNewBtn:hover{background:#838a98 url(../images/news-btn-icon1.png) center center no-repeat; }
.subPageNewBackBtn:hover{background:#838a98 url(../images/backward-icon.png) center center no-repeat; }

	






@media screen and (max-width:1500px){

.active .ban-text{ bottom: 45%; }



}
@media screen and (max-width:1400px){ 

.active .ban-text{ bottom: 50%; }
}





















@media(max-width:1366px){
	.banner-contact-area {
		bottom: -38px;
	}
.about-textarea {
    background: #000;
    width: 611px;
    padding: 40px 88px;
    position: absolute;
    right: 75px;
    bottom: 0;
    z-index: 99;
    color: #fff;
}
.about-wrapper {
    padding: 415px 82px 100px 389px;
}
.about-bg {
	width:55%;
	}
.panel-body {
	padding: 35px 26px;
	}
.panel-body p {
	padding-right:0;
	padding-top:12px;
	}
.panel-body a {
	padding-top:0;
	}
.footer-section {
	padding: 0 0 28px;
	}
.footer-section p {
    color: #E7E6E4;
    padding-right: 84px;
}
.footer-section {
    padding: 0 0 72px;
}
.modal-radio {
    margin-left: 25px;
}
#modal-container {
  
    top: 47px;
}
.ch-message h4 {
    
    padding: 10px 0 10px 93px;
}
.vision-mission {
	padding-left:509px;
	}
.aminities-item {
	width: 127px;
	margin-right:0;
	min-height:126px;
	}
.about-wrapper {
   
    bottom: 0px;
}
}
@media(max-width:1360px){
	#modal-container.seven .modal-background .modal label {
  
    min-width: 100%;
    text-align: left;
}

.emi-left {
  
    margin-bottom: 35px;
}

	
}

@media(max-width:1260px){
.navbar-list > .navbar-item > a {
    display: block;
    color: #535358;
    font-size: 16px;
    padding: 0px 12px;
}

}

@media(max-width:1199px){
	.carrerWrapermainAll {
    padding-left: 0px;
}
.carrerWrapermainAllDiv {
    position: static;
    margin-bottom: 30px;
}
	.footermobilePingNav{
		display:block;
		}
	.navbar-list {
		display:none;
		}
	.slider-overlaybg h1 {
    color: #F8F8F8;
    font-weight: bold;
    font-size: 45px;
}
.contact-area-col {
	padding: 16px 20px;
	text-align: center;
	}
.contact-area-col span {
   
    width: 100%;
    float: left;
}
.contact-area-col p {
 
    width: 100%;
    float: left;
}
.contact-area-col img {
	width:23px;
	float: none;
	}
.second-sec-header h1 {
	font-size:45px;
	}
.second-section {
	padding: 40px 0;
	}
.about-wrapper {
    padding: 40px 0;
	bottom: 0;
}
.about-main {
	padding-left:0;}
.about-left-image {
	display:none;
	}
.about-shravanthi {
	bottom:0;
	}
.consumer-main {
	margin-top:0;
	}
.about-textarea {
	position: initial;
	width: 100%;
	float: left;
}
.second-sec-header h2 {
  
    font-size: 35px;
    padding: 20px 0 0;
   
}
.features-header h1 {
   
    font-size: 45px;
}
.about-bg {
    width: auto;
}
.consumer-main {
	padding:40px 0;
}
.features-main {
	padding:40px 0;
	}
.f-sec span {
   
    font-size: 45px;
}
.f-sec img {
    width: 21px;
    margin-top: 27px;
}
#counter {
	margin-left:0;
	margin-top: 20px;
	}
.project-left-wraper {
	position: initial;
	float: left;
	background: #000;
	width: 100%;
	padding-left:0;
	padding-bottom:40px;
	}
.testimonial-header h1 {
  
    font-size: 45px;
}
.footer-left h1 {
	font-size:45px;
	}
.footer-left p {
   
    width: 100%;
}
.footer-right {
	padding-left:0;
	padding-top:40px;
	}
.footer-section {
    padding: 0 0 30px;
}
.copy-right-area {
	margin-top:0;
	}
.headerRightSec{
	display: block;
	float: right;
	margin-top: 26px;
	}
.footer{
	padding: 80px 0 103px;
	}
.success-left {
    float: left;
    width: 100%;
	border:none;
	
}
.success-right {
    float: left;
    width: 100%;
	margin-top:0;
}
.vision-mission {
	padding-left:0;
	}
.core-points {
    padding: 25px 0px;
}
.ch-message {
	margin-top:-76px;
	}
.subPageNewWrapper {
    position: relative;
    padding-left: 0;
}
.subPageNewWrapperDiv {
    position: relative;
   
    margin-bottom: 16px;
}
.tabbed-module nav {
    display: block;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.side-tab-content {
	width:100%;
}
.side-tab-content {
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	}
.spesfic-point {
	padding-right:0;
	}
.tabbed-module nav {
	padding: 363px 26px 50px 16px;
	}
.tabs > li > a::after {
    
    right: 13px;
}

}
@media(max-width:991px){
    .tabbed-module nav {
	padding: 460px 26px 50px 16px;
	}
	.deatilBloagWrapperMainDiv {
    position: initial;
	}
	.sr-tab-bg-header{
	
	padding-left: 2%;
	}
.sr-tab-bg .responsive-tabs-container.accordion-sm .nav-tabs {
    display: block;
}
.sr-tab-bg .responsive-tabs-container.accordion-xs .accordion-link {
  
}
.sr-tab-bg .responsive-tabs {
    border-bottom: none;
    float: left;
    width: 100%;
    padding-bottom: 4px;
}
.sr-tab-bg .department-tab  li a{
	border: none;
	border-bottom: none;
	background-color: #fff !important;
	background: none !important;
	padding-right: 0;
	margin-right: 0;
	background: #ccc;
	float: left;
	width: 100%;
	padding: 10px;
	
	}
.sr-tab-bg .department-tab  li:hover{
	border-bottom:none;
	}
.sr-tab-bg .department-tab  li.active:hover{
	border-bottom:none;
	}
.sr-tab-bg .department-tab  li.active{
	border-bottom:none;
	}

.sr-tab-bg .responsive-tabs-container.accordion-sm .accordion-link {
    display: none;
}
.sr-tab-bg .responsive-tabs-container[class*="accordion-"] .tab-pane {
	border-top:none;
	}
.sr-tab-bg .tab-content .tab-pane {
    display: none;
}
.sr-tab-bg .department-tab > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-bottom:none;
	}
.sr-tab-bg .tab-content .tab-pane.active {
    display: block;
}
.sr-tab-bg .department-tab > li {
border-bottom: none;
float: left;
width: 30%;
background: #606060;
padding: 0;
margin-top: 6px;
margin-left: 8px;
text-align: center;
}
.shr-header {
  
    top: 15px;
}
.sr-tab-bg .department-tab > li > a {
   
    margin: 0 24px 0 0px;
}
.deatilBloagWrapperMain {
	padding-left:0;
	}
.blogListingWrapper h3 span {
	width:100%;
	}
.blog-bg {
	padding:0 15px
	}
	.slider-overlaybg p {
    
    display: none;
}
.galleryDiv1FloatVideo {
    float: left;
    width: 100%;
}
.galleryDiv1FloatVideo iframe {
    height: 250px;
}
	
.banner-contact-area {
	display:none
	}
.slider-overlay {
    position: absolute;
    bottom: 66px;
}
.consumer-section {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 27px;
    padding-left: 13px;
}
.second-sec-header {
    float: left;
    width: 100%;
    padding: 0;
}
.testimonial {
	padding:40px 0;
	}
.footer {
	    padding: 40px 0 89px;
	}
.mob-enable{
	display:block !important;
	}
.mob-disable{
	display:none !important;
	}
input[type='range'] {
    overflow: hidden;
    width: 50%;
}

 input[type='range']::-webkit-slider-thumb {
	   box-shadow: -500px 0 0 500px  #000;
  }
input[type='range']::-moz-range-thumb {
	   box-shadow: -500px 0 0 100px  #000;
	}
input[type='range']::-ms-fill-thumb {
		 box-shadow: -500px 0 0 500px  #000;
}
input[type='range'] {
    overflow: hidden;
    width: 100%;
}
input[type='range'] {
    overflow: hidden;
    width: 100%;
}
.emi-right {
	border-left:0;
	}
[data-aos="fade-right"] {
    transform: translate3d(0,0,0) !important;
}
[data-aos="fade-left"] {
    transform: translate3d(0,0,0) !important;
}
[data-aos="fade-up"] {
    transform: translate3d(0,0,0) !important;
}
[data-aos="fade-down"] {
    transform: translate3d(0,0,0) !important;
}
[data-aos^="fade"][data-aos^="fade"] {
    opacity: 1;
}
[data-aos="flip-down"] {
    transform: perspective(0px) rotateX(0deg);
}
[data-aos^="fade"][data-aos^="fade"] {
    opacity: 1;
}
[data-aos^="fade"][data-aos^="fade"] {
    opacity: 1 !important;
    transition-property: opacity,transform;
}
.contact-form {
	top:0;
	}
.contact-header-left{
	display:flex;
	justify-content: center;
}
.contact-header-right {
  
    justify-content: center;
}
.abt-shr-icon {
	position:relative;
	right:0;
	width:auto;
	height:auto;
	}
.abt-shr-icon img{
	width:250px;
	
	}
.success-left {
	margin-top:0;
	padding-top: 15px
}
.about-banner-txt h1 {
	font-size:45px;
	}
.success-left h2 {
    font-size: 25px;
	
}
.success-left h6 {
    font-size: 18px;
}
.core-points {
    padding:0;
}
.core-values h2 {
   
    margin-bottom: 15px;
}
.project-type img {
   
    border-radius: 6px;
}
.project-type {
    
    margin: 0px 0 30px;
}
.pro-header {
	right: auto;
    left: 0;

}
.cer-icon {
   
    top: auto;
    left: -24px;
    bottom: 0px;
}
.pro-img {
	border-radius: 0;
}
.build-text-area {
    padding-left: 0;
}
.text-bg {
	border-radius: 0;;
}
.galleryDiv1Float {
    float: left;
    width: 50%;
}
.dr-experience {
   
    border-radius: 7px 6px 0 0;
   
}




}
@media(max-width:767px){
     .tabbed-module nav {
	padding: 500px 26px 50px 16px;
	}
	.tab-top-img {
    position: absolute;
    left: 0;
    top: 120px;
}
	.carrerDivMain a {
    position: static;
    margin-top: 20px;
    float: left;
    margin: 0;
}
.carrerDivMain {
    float: left;
}
.galleryDiv1Float {
    float: left;
    width: 100%;
}
.playPluseIcon {
    left: 54%;
}

.main-container {
    max-width: 1450px;
    padding: 0 20px;
}
.about-textarea {
    background: #000;
   
    padding: 20px;
}
.copy-right-area{
	text-align:center;
	}
.copy-right-area p {
    
    float: none !important;
}
testimonial-header{
	padding-bottom:22px;
	}
.fromgroup input {
   
    width: 100%;
}
.panel-title {
	padding: 11px 17px;
	background: #d2ac67;
	margin-bottom:15px;
	float: left;
	width: 100%;
	}
.panel-title a{
	color: #FFF;
	font-size: 16px;
	font-family: 'Lato';
	letter-spacing: 0.9px;
	}

.logo {
	width:185px
	}
.panel-body {
    margin-top: 0;
    float: left;
    width: 100%;
    padding: 0 0 15px 0;
    background: none;
}
.headerRightSec {
    display: block;
    float: right;
    margin-top: 5px;
}

	

#modal-container {
    top: 47px;
    z-index: 9999;
    top: 0;
}
#modal-container .modal-background .modal {
    padding: 20px;
   
    position: absolute;
    overflow: scroll !important;
}
.modal-close {
    position: absolute;
    right: 23px;
}
.contact-header-right h1 {
	font-size:50px;
	}
.mapouter, .gmap_canvas, .gmap_iframe { 
	height:320px !important
	}
.contact-header {
	border-radius: 0 0 20px 20px;
	}

.inner-banner {
	margin-top:60px;
	}
.success-right h3 {
	width:100%;
	}
.success-right-sections {
   display:block;
}
.success-right-sections-para{
	width:100%;
	}
.core-values {
	padding:40px 0;
	}
.vision-mission {
	padding: 40px 0 180px;
	}
.vision-sec p {
	width:100%;
	border-radius: 13px;
	}
.misiion-sec p {
	width:100%;
	order-radius: 13px;
	}
.core-values h2 {
	font-size:30px;
	}
.corepoints h5.collapse {
	font-size:22px;
	padding: 12px;
}
.corepoints h5:after {
	top:17px;
	}
.vision-sec h3 {
	font-size:30px;
	}
.misiion-sec h3 {
	font-size:30px;
	}
.mark-sec {
    position: absolute;
    left: 0;
    right: 0;
    top: 66px;
    bottom: 0;
}
.ch-message h4 {
    padding: 10px 0 10px 28px;
}
.ch-message {
    margin-top: -98px;
    height: 98px;
}
.success-left {
	padding: 57px 0px 46px 0px;
	}
.about-success {
	padding: 25px 0 20px;
	}
.project-type-text h6 { 
	font-size:20px;
	}
.sr-tab-bg-header h1 {
	font-size: 30px;
    padding-bottom: 8px;
}
.shr-header {
	font-size: 20px;
}
.build-header {
	font-size: 20px;	
}
.buildsub-header {
	font-size: 15px;	
}
.sr-tab-bg {
   
    padding: 8px 0 0;
}
.pro-header {
	top:-103px;
}
.cer-icon {
    top: auto;
    left: -6px;
    bottom: 0px;
    width: 80px;
}

}

@media(max-width:575px){
     .tabbed-module nav {
	padding: 420px 26px 50px 16px;
	}
	.banner-leranmore {
   
    padding: 11px 13px;
	}
	.features-header h1 {
    font-size: 33px;
}
.second-sec-header h1 {
    font-size: 33px;
}
.consumer-header h1 {
	 font-size: 33px;
	}
	.panel-body h3{
	font-size:27px;
	}
.consumer-header span {
    font-size: 18px;
}
.slider-overlaybg h1 {
    
    font-size: 33px;
}
.content .buttons .button {
   
    padding: 5px 10px;
    margin: 10px;
    font-size: 18px;
	margin: 10px 0;
}
calculator-button img {
    float: right;
    margin-top: 7px;
}
.f-sec span {
    font-size: 36px;
}
.f-sec img {
    width: 19px;
    margin-top: 18px;
}
.contact-header-left img{
	width:150px;
	}
.contact-header-right h1 {
    font-size: 40px;
}
.contact-form {
	padding: 20px 10px;
	}
.get-touch-txt {
    float: left;
    width: 100%;
}
.pro-head-1 {
    width: 213px;
}
.pro-head-2 {
    width: 215px;
}
.pro-head-3 {
    width: 207px;
}
.third-header {
    bottom: 96px;
    left: 32px;
}
.second-header {
    bottom: 72px;
    left: 37px;
}


	}
@media(max-width:567px){
	.footermobilePingNav li {
    	width: 80px;
}
}

@media(max-width:350px){
     .tabbed-module nav {
	padding: 355px 26px 50px 16px;

	}
	.pra-img
{
    width:100%;
}
	
.footermobilePingNav li {
    width: 67px;
}
.f-sec span {
    font-size: 27px;
}
.f-sec span::after {
    bottom: 0px;
}
.f-sec p {
    float: left;
    width: 100%;
    font-size: 16px;
}
.f-sec img {
    width: 15px;
    margin-top: 15px;
}
.contact-header-right h1 {
    font-size: 30px;
}
.get-touch-left h2 {
    color: #1A1B25;
    font-size: 25px;
}
.department-tab > li > a {
    font-size: 13px;
}

}
@media(max-width:320px){
     .tabbed-module nav {
	padding: 580px 26px 50px 16px;
	z-index:99999;
	}
}
.owl-item.active .vertical-flip {
	perspective: 600px;
	--0-total:16; --col-total:4; --row-total:4; --cell-total:16;
	height:87vh;

  }
  
  .owl-item.active .vertical-flip .cell {
	transform-style: preserve-3d;
	
	animation: vertical-flip 1.5s cubic-bezier(.35,.33,0,1.5);
	animation-delay: calc(.25s + (.05s * var(--cell-index)));
	
	transition: transform .7s cubic-bezier(.35,.33,0,1.5);
	transition-delay: calc(.25s + (.05s * (var(--cell-total) - var(--cell-index))));
  }
  
 
  
  @keyframes vertical-flip {
	0% { transform: rotateX(360deg); }
	100% { transform: rotateX(0deg); }
  }


  .splitting.cells img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: grid;
    grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr );
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );

    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }


}
 @media(max-width:380px){
.floorplan-gallery .playPluseIcon {
	top:46px
}
}

/*------------Landing pg css---------*/

.headerRightmainAll{
    float: right;
    padding-top: 23px;
}
.headerRightmainAll h4{
    font-size: 20px;
	padding-left: 30px;
	position: relative;
}
.headerRightmainAll h4::before{
	content: "";
	background: url(../images/ph.jpg);
	width: 50px;
	height: 50px;
	top: 3px;
	left: 0;
	position: absolute;
	background-repeat: no-repeat;
}
.enq-sec{
	padding: 60px 0;
	background-color: #5e533f;
	background: url(../images/about-banner.png);
}
form {
    background-color: #ffffff;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.required-star {
    color: #fc4366;
}

input,
textarea {
    width: 100%;
    padding: 9px 20px;
    border: 1px solid #e1e2eb;
    background-color: #fff;
    color: #102a43;
    caret-color: #829ab1;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1rem;
    line-height: 29px;
    line-height: 2rem;
    box-shadow: inset 0 2px 4px 0 rgba(206, 209, 224, 0.2);
    border-radius: 3px;
    line-height: 29px;
    line-height: 2rem;
}
.enq-sec h2{
	text-align: center;
    font-size: 35px;
    padding-bottom: 15px;
    font-weight: 600;
    color: #d2ac67;
}
.sub-btn{
	border: 2px solid #d2ac67;
    background: none;
    border-radius: 25px;
    padding: 10px 60px;
    cursor: pointer;
}
.proj-dev{
	padding: 60px 0;
	background: url(../images/12.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: white;
}
.proj-wrap{
	border: 2px solid #d2ac67;
    padding: 15px 20px;
    margin: 20px 0;
	border-radius: 25px;
	transition: .6s;
	min-height: 448px;
	background-color: white;

}
.proj-wrap:hover{
	transition: .6s;
	transform: scale(1.1);
	background-color: white;
}
.proj-wrap:hover p{
	color: black;
}
.proj-wrap:hover .btn-cl{
	color: black;
}
.proj-wrap h3{
    font-size: 24px;
    padding: 15px 0;
    color: #00aeef;
	
}

.proj-wrap h4{
	font-size: 16px;
    padding-bottom: 20px;
    color: black;
	position: relative;
	padding-left: 45px;
}
.proj-wrap h6{
	font-size: 16px;
    font-family: 'Lato';
    margin: 0;
    font-weight: 300;
    opacity: 0.8;
    line-height: 27px;
    letter-spacing: 0.8px;
    text-align: justify;
	position: relative;
	padding-left: 45px;
}
.proj-wrap h4::before{
	content: "";
	position: absolute;
	background: url(../images/place-icon.jpg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}
.proj-wrap h6::before{
	content: "";
	position: absolute;
	background: url(../images/rs-ic.jpg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}
form li{
	margin-bottom: 20px;
}
form select{
	margin-bottom: 20px;
	font-size: 16px;
}

@media screen and (max-width:1199px){
	.proj-wrap img{
		width: 100%;
	}
}
@media screen and (max-width:991px){
	.proj-wrap img{
		width: 100%;
	}
}
@media screen and (max-width:946px) {
	.headerRightmainAll{
		float: none;
	}
	.headerRightmainAll h4{
		font-size: 15px;
	}
}
@media screen and (max-width:767px){
	.headerRightmainAll {
		padding-top: 15px;
	}
	.headerRightmainAll h4::before{
		top: 0;
	}
	.enq-sec{
		padding: 20px 0;
	}
}
@media screen and (max-width:440px){
	.headerRightmainAll{
		display: none;
	}
	form {
		padding-top: 18px;
		padding-right: 15px;
		padding-bottom: 19px;
		padding-left: 15px;
	}
	.about-banner-txt{
		padding: 0;
	}
}