@charset "utf-8";
/* CSS Document */
body {font-family: 'Lato', sans-serif; font-size: 16px; line-height: 20px; }
h1, h2, h3, h4{ margin:0; padding:0;}
.box{-webkit-box-shadow: inset 0px -3px 10px 0px rgba(0,0,0,0.24); -moz-box-shadow: inset 0px -3px 10px 0px rgba(0,0,0,0.24);
box-shadow: inset 0px -3px 10px 0px rgba(0,0,0,0.24); border-bottom: #FFF solid 1px;}
.top{margin:10px auto;}
.menu-bg{ margin-top: 20px;}
#nav-auto{ width:100%; margin:0px auto; background:none;}
.clr{clear:both; }

.mbpc{ margin: 30px auto 40px auto;}
.mbpc i {width:100px;height:100px;  line-height:100px; color: #FFF;font-size: 40px; border: 1px solid #0972bb; background:#0972bb; border-radius: 100%; margin:0 auto 15px auto;}
.mbpc i:hover {border:5px solid #0972bb; background:#FFF;  color: #0972bb; cursor: pointer;}
.mbpc h2, .aminities h3{font-size:18px; line-height: 23px; margin-bottom: 12px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold; color: #000;}

.aminitiesPdng{ margin:60px auto;}
.aminities i {width:110px;height:110px; line-height:110px; color: #0972bb;font-size: 40px; border: 5px solid #f4f4f4; background:#FFF; margin: 30px auto;}
.aminities i:hover { border: 5px solid #0972bb; cursor: pointer; background:#0972bb; color: #FFF; }

.bg{background:url(../images/bg.png) top center no-repeat #FFF; height:330px;  -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;  background-size: cover; }
.bg h1{text-align:center; padding:160px 0 60px 0; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold; color: #333333; text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);}
.bg h1 span{display: block; line-height: 20px; color: #000; }
.bg h1:after{content: ' ';	height:5px;	width: 120px;	display: inline-block; background: #077de1;}


.vision{background:url(../images/count.jpg)no-repeat center center fixed;   -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;  background-size: cover; padding:35px 10px; margin: 80px auto 0 auto; padding-top: 100px; padding-bottom: 100px;}
.vision i{color: #ff6600; clear: both; display: block; margin: 15px auto;}
.vision span{font-size: 50px; font-weight:bold; padding: 30px 0 10px 0; color: #ff6600; }
.vision h3{font-size: 16px; font-weight: bold; line-height: 32px; color: #FFF; text-transform: uppercase;}
.vision p{font-size: 14px; line-height: 26px; color: #FFF; padding-top: 10px; }


.btn-read {background: transparent; border-radius: 0; border: 1px solid #ffffff; color: #fff;}
.section-box-seven{	margin:0px auto 50px auto; height: 200px; background: radial-gradient(#fff,#fff); background: -webkit-radial-gradient(#fff,#fff); background: -moz-radial-gradient(#fff,#fff); color: #fff;        position: relative; overflow:hidden; }
.section-box-seven h3{color:#000; font-weight: bold; margin-top: 60px;}
.section-box-seven p{color:#000;}
.section-box-seven figure { position: absolute; text-align: center; padding: 19px; width: 100%; height: 100%; }
.section-box-seven figure a{ margin:10px auto;}
.section-box-seven img{height: 100%; position: absolute; transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; border-radius: 10px;}
.section-box-seven:hover img{-webkit-transform: scale(0);-moz-transform: scale(0); opacity: 0; transform: scale(0); }

.footerLinks{background:#222222; margin: 5px auto;}
.footerLinks .sitemap, .footerLinks .otherterms{padding:30px 0; color: #FFF;}
.footerLinks a{color:#f26622; text-decoration: none;}
.footerLinks a:hover{color:#d4ac36;}

.quickLinks{border-top: #b8b8b8 dotted 1px; margin: 5px auto;}
.quickLinks p{padding: 10px 0 0 0; font-weight: bold; font-size: 12px;}
.quickLinks a{color:#f26622; text-decoration: none; font-size: 12px; }
.quickLinks a:hover{color:#d4ac36;}

.footer{margin: 20px auto;}

.footer p{ color:#000; padding:15px 0; margin:0; font-size:14px;}
.social a{color: #8c8c8c; padding:0;  margin: 0 15px; line-height: 30px;}
.social a:hover, .footer span{  color:#ff6600;}

.arrow_box {position: relative;	background: #077de1;}
.arrow_box:after {	top: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(136, 183, 213, 0);	border-top-color: #077de1;	border-width: 15px;	margin-left: -15px;}

.innerPageBanner{background: #077de1; margin-bottom: 50px;}
.innerPageBanner h1, .innerPageBanner p{ color:#FFF;}
.innerPageBanner h1{ margin:30px 0 30px 0; padding:10px 0 3px 0;  font-size:35px;}
.innerPageBanner p{ padding:5px 0 60px 0; font-size:18px;}

.minheight{ min-height:250px; margin-bottom: 50px;}
.minheight h1{font-size: 20px; line-height: 25px; padding-bottom: 30px; }
.minheight p{line-height:25px; text-align: justify;}



.sideMenu .aboutus{min-height: 380px; } .sideMenu .erps{min-height: 260px; }.sideMenu .heritage{min-height: 180px; }
.sideMenu .appli{min-height: 390px; }
.sideMenu .intern{min-height: 430px; } .sideMenu .gps{min-height: 630px; } 
.nav-sidebar {width: 100%;    padding:0 0 30px 0; border-right: 1px solid #ddd; box-shadow: 8px 0  6px -6px #e8e8e8;}
.nav-sidebar a {color: #000;    -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear;}
.nav-sidebar .active a {cursor: default; background-color: #077de1; color: #fff;}
.nav-sidebar .active a:hover {background-color: #000;}
.nav-sidebar .text-overflow a, .nav-sidebar .text-overflow .media-body {    white-space: nowrap;    overflow: hidden;    -o-text-overflow: ellipsis;    text-overflow: ellipsis; }
.btn-blog:hover .btn-blog:active,.btn-blog.active,.open .dropdown-toggle.btn-blog {    color: #FFF;    background-color:#0b56a8;    border-color: #0b56a8;}
.minheight h2{color:#0b56a8; margin: 15px auto;}
 .margin10{margin-bottom:10px; margin-right:10px;} 
 .container .text-style{  text-align: justify; line-height: 23px; margin: 0 13px 0 0;}
.container .text-style ul, .minheight ul{margin:20px  0; padding: 0;}
.container .text-style ul li, .minheight ul li{margin: 0; padding: 0; list-style: none; line-height: 25px; font-size: 14px;}
.container .text-style ul li i, .minheight ul li i{font-size: 10px; padding-right: 5px;}

.director img {border-radius: 5%; border: 3px solid #CCC; vertical-align: middle; width:60%; height: 60%;}
.director h1{  padding: 0; font-weight: bold; font-size: 14px!important;}
.directorsTalk{ background:#077de1;  padding:15px;}
.directorsTalk h2, .directorsTalk p{color: #FFF;}

.minheight .company{padding-left: 50px; border: 3px solid #3ea3f9; height: 537px;}
.minheight .company h3, .minheight .formBg h3{ margin:30px auto 10px;   font-size: 22px; line-height: 32px; font-weight: bold;}
.minheight .company h3,.minheight .company p, .minheight .company h4, .minheight .formBg h3{color: #865919;}
.minheight .formBg .form-group lable{color: #FFF!important;}
.minheight .company h4{margin:30px auto 10px; font-weight: bold;}
.minheight .formBg{background:#3ea3f9; height: 537px;}
.minheight .formBg .btn{margin-bottom: 24px;}

.aboutUs ul, .aboutUs ul li{margin: 0; padding: 0;}
.aboutUs ul li{list-style: none; line-height:30px; font-size: 14px;}
.aboutUs i{color: #000;}
.aboutUs iframe{width: 100%; height: 312px; border: none;}
.title h1, .aminities h1, .mbpc h2, .aminities h3, .minheight h1{color: #333333; background: #FFFFFF; text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);}
.title h1, .aminities h1{  line-height: 30px;}
.title, .aminities{	margin:30px auto 0px auto;} 
.title > span, .aminities > span {	font-size: 15px;	color: #000; font-style: italic;	line-height: 21px;	display: inline-block;}
.title h1, .aminities h1{font-family: 'Lato', sans-serif; font-size: 30px;	text-transform:uppercase; font-weight:bold;	line-height:10px;	display: block; margin: 10px auto 40px auto; padding: 20px 0px 14px 0px; color: #000; }
.title h1 span, .aminities h1 span{display: block; line-height: 40px; color: #000; }
.title h1 span b{font-weight: normal; color: #077de1;}
.title p {line-height:25px; padding-bottom: 15px; text-align: justify;}
.title h1:after, .aminities h1:after{content: ' ';	height:5px;	width: 120px;	display: inline-block; background: #077de1;}

.minheight hr{ margin:15px auto;}
.emsul ul{margin:15px auto; padding: 0;}
.emsul ul li{margin:0; padding: 0;}
.emsul ul li, .emsul p{font-size: 17px; font-weight: bold; line-height: 30px;}
.emsul ul li ul{margin: 0!important; padding: 0;}
.emsul ul li ul li{ font-size: 16px!important; padding-left: 15px; line-height: 25px;}

/* COMMON PRICING STYLES */
		.panel.price,.panel.price>.panel-heading{border-radius:0;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease}.panel-heading{text-transform:uppercase}.panel.price:hover{box-shadow:0 0 30px rgba(0,0,0,.2)}.panel.price:hover>.panel-heading{box-shadow:0 0 30px rgba(0,0,0,.2) inset}.panel.price>.panel-heading{box-shadow:0 5px 0 rgba(50,50,50,.2) inset;text-shadow:0 3px 0 rgba(50,50,50,.6)}.panel.price .list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.panel.price .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.price .panel-footer{color:#fff;border-bottom:0;background-color:rgba(0,0,0,.1);box-shadow:0 3px 0 rgba(0,0,0,.3)}.panel.price .btn{box-shadow:0 -1px 0 rgba(50,50,50,.2) inset;border:0}.price.panel-green>.panel-heading{color:#fff;background-color:#57ac57;border-color:#71df71;border-bottom:1px solid #71df71}.price.panel-green>.panel-body{color:#fff;background-color:#65c965}.price.panel-green>.panel-body .lead{text-shadow:0 3px 0 rgba(50,50,50,.3)}.price.panel-green .list-group-item{color:#333;background-color:rgba(50,50,50,.01);font-weight:600;text-shadow:0 1px 0 rgba(250,250,250,.75)}.price.panel-blue>.panel-heading{color:#fff;background-color:#608bb4;border-color:#78aee1;border-bottom:1px solid #78aee1}.price.panel-blue>.panel-body{color:#fff;background-color:#73a3d4}.price.panel-blue>.panel-body .lead{text-shadow:0 3px 0 rgba(50,50,50,.3)}.price.panel-blue .list-group-item{color:#333;background-color:rgba(50,50,50,.01);font-weight:600;text-shadow:0 1px 0 rgba(250,250,250,.75)}.price.panel-gold>.panel-heading{color:#fff;background-color:#b78a0c;border-color:#cab241;border-bottom:1px solid #cab241}.price.panel-gold>.panel-body{color:#fff;background-color:#cab241}.price.panel-gold>.panel-body .lead{text-shadow:0 3px 0 rgba(50,50,50,.3)}.price.panel-gold .list-group-item{color:#333;background-color:rgba(50,50,50,.01);font-weight:600;text-shadow:0 1px 0 rgba(250,250,250,.75)}.panel .list-group-item{padding:7px 15px}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #077de1;    border-color: #077de1;}
.list-group-item-heading{font-weight: bold;}
.list-group-item {font-size: 14px;}
.list-group-item i{padding-right: 10px;}

.area-links{ background:#f5f5f5; margin:20px auto 0 auto; padding-top: 15px; padding-bottom: 15px;}
.areas{ margin:0 auto 20px auto; padding:0 0 25px 0;}
.areas h5{font-weight: bold; font-size: 16px;}
.area-links ul{ margin:0 10px; padding:0;}
.area-links ul li{ list-style:circle; float:left; margin:0; padding:0;}
.area-links ul li a{ margin:5px 15px 10px 0px; padding:0 15px 10px 0px; font-size:14px; color:#000;}
.area-links ul li a:hover{}

.table-responsive th:first-child, td:first-child
{  position:sticky;  left:0px;}
		
@media (max-width:960px){
.menu-bg{margin: 0; background:#bedffa;}
	.aboutUs iframe{width:auto; height: 100%;}
	.aboutUs ul li{line-height:22px; font-size: 14px;}
	.title p {line-height:25px; padding: 15px 0;}
	.bg{height:200px; }
.bg h1{ padding:100px 0 10px 0; }
	.footerLinks .sitemap{padding:30px 0 0 0; color: #FFF;}
	.footerLinks .otherterms{padding:0 0 30px 0; color: #FFF;}
	.sideMenu .aboutus, .sideMenu .heritage, .sideMenu .erps, .sideMenu .appli, .sideMenu .intern{min-height:90px; }
	.sideMenu .gps{min-height:60px; }
.nav-sidebar { border-right: none; margin-bottom: 20px; border-bottom: 1px solid #ddd; box-shadow: 0 8px  6px -6px #e8e8e8;}
	.director p{ clear:both;}
	}