@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@font-face {
        font-family: "Open Sans";
        src: url('font/104217530-OpenSans-Regular.eot');
        src: url('font/104217530-OpenSans-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('font/104217530-OpenSans-Regular.svg#Open Sans') format('svg'),
        url('font/104217530-OpenSans-Regular.woff') format('woff'),
        url('font/104217530-OpenSans-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

body{ margin:0px; padding:0px; background:url(../images/building.png) 105% 45px no-repeat; font-family: "Open Sans";}
p {margin:0px; padding:0px 0px 18px 0px; line-height:20px; color:#333;}
#page-wrap {width:957px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none;}
a:hover, a.selected {text-decoration:underline; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
.min-height{ min-height:500px;}
h1{ margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; border-bottom:1px solid #3F85F4; color:#3F85F4; font-weight:normal; font-size:25px;}
h2{ margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; color:#3F85F4; font-weight:normal; font-size:18px;}
.pad_none_right{ padding-right:0px;}
.pad_none_left{ padding-left:0px;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Header Area Strat ------- */
header{ margin:0px; padding:0px; }

.logo img{ margin:0px; padding-top:10px; padding-bottom:10px;}
.tlt{ margin:70px 0px 0px 0px; min-height:256px; width:90%;}
.tlt span{color:#3F85F4!important; text-shadow: none; font-weight:300; font-size: 45px!important; line-height: 36px; margin: 0px; border-width: 0px; border-style: none; letter-spacing: -1.5px; line-height:55px;}
.building_heading{ margin:10px 0px 0px 0px; padding:0px; text-align:right; font-size:24px; color:#3F85F4;}

/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
.navbar-inverse{ background:none; border:0px; }
.navigation ul{padding:0px; float:left; background-color: rgba(255,255,255,.4); display:inline-block; margin-top:30px;}
.navigation ul li{ margin:0px 20px 0px 0px; padding:0px;}
.navigation ul li:last-child{ margin:0px 0px 0px 0px; padding:0px;}
.navigation ul li a{ color:#3F85F4!important; font-size:14px; margin:0px; padding:8px; display:inline-block;}
/*.navigation ul li:hover a, .navigation ul li.active a{ color:#fff!important;  font-size:14px; background-color:#fff!important;  }*/
.navbar-collapse{ padding:0px;}  

.tooltip-inner {padding: 3px 8px; display:inline-block; color: #3F85F4; text-align: center; text-decoration: none; background-color:#fff; border:1px solid #3F85F4; border-radius: 4px; font-weight:bold; }
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #3F85F4;}

.navigation ul li.home a{ background:url(../images/home1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.home a.active, .navigation ul li.home:hover a{ background:url(../images/home_hover.png) center center no-repeat; height:65px; width:65px;}

.navigation ul li.what_we_are a{ background:url(../images/what_we_are1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.what_we_are a.active, .navigation ul li.what_we_are:hover a{ background:url(../images/what_we_are_hover.png) center center no-repeat; height:65px; width:65px;}

.navigation ul li.we_offer a{ background:url(../images/we_offer_menu1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.we_offer a.active, .navigation ul li.we_offer:hover a{ background:url(../images/we_offer_menu_hover.png) center center no-repeat; height:65px; width:65px;}

.navigation ul li.infrastructure a{ background:url(../images/infrastructure1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.infrastructure a.active, .navigation ul li.infrastructure:hover a{ background:url(../images/infrastructure_hover.png) center center no-repeat; height:65px; width:65px;}

.navigation ul li.awards a{ background:url(../images/award1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.awards a.active, .navigation ul li.awards:hover a{ background:url(../images/award_hover.png) center center no-repeat; height:65px; width:65px;}

.navigation ul li.join_us a{ background:url(../images/join_us1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.join_us a.active, .navigation ul li.join_us:hover a{ background:url(../images/join_us_hover.png) center center no-repeat; height:65px; width:65px;}

.navigation ul li.contact_us a{ background:url(../images/contact_us1.png) center center no-repeat; height:65px; width:65px;}
.navigation ul li.contact_us a.active, .navigation ul li.contact_us:hover a{ background:url(../images/contact_us_hover.png) center center no-repeat; height:65px; width:65px;}

/* -------Mobile Navigation Area Start ------- */

.mobile-navigation{ background:none; border:0px; }
.mobile-navigation ul{padding:0px; float:left; background-color: rgba(255,255,255,.4); display:inline-block; margin-top:10px; border:1px solid #ccc; width:100%;}
.mobile-navigation ul li{ margin:0px 20px 0px 0px; padding:0px; width:100%; border-bottom:1px solid #ccc; background:#fff;}
.mobile-navigation ul li:last-child{ margin:0px 0px 0px 0px; padding:0px;}
.mobile-navigation ul li a{ color:#3F85F4!important; font-size:14px; margin:0px; padding:8px; display:inline-block; width:100%;}
.mobile-navigation ul li a.active, .mobile-navigation ul li:hover a{ background:#3F85F4; color:#fff!important; text-decoration:none;}
.mobile-menu{ color:#fff; padding:5px; background:#3F85F4; font-size:20px; margin-top:10px; cursor:pointer;}

/* -------Mobile Navigation Area End ------- */

/* ------- Navigation Area End ------- */

/* ------- Content Area Strat ------- */

.content_area{background-color: rgba(255,255,255,.7); max-height:290px; min-height:290px; padding-top:15px; padding-bottom:15px; overflow:auto;}
.icon_font{ font-size:18px; color:#3F85F4; display:block; float:left; margin:2px 10px 10px 0px;}
.panel-title {color: inherit; font-size: 14px;}
.panel-heading { padding:0px;}
.panel-title > a{ padding:10px 15px; display:block;}
.list li{ margin:0px; padding:0px 0px 7px 20px; background:url(../images/arrow.png) left 3px no-repeat; width:50%; float:left;}
.list li ul{ margin:0px; padding:7px 0px 0px 0px;}
.list li ul li{ margin:0px; padding:0px 0px 5px 12px; background:url(../images/arrow2.png) left 4px no-repeat; float:none; width:100%;}
.no-pad{ padding:0px;}
.no-pad-left{ padding-left:0px;}
.modal-header { padding:15px 15px 0px 15px;}
.form-control{ border-radius:0px;}
textarea{ resize:none;}
.panel-title a{ background:url(../images/min.png) right top no-repeat;}
.panel-title a.collapsed{ background:url(../images/max.png) right top no-repeat!important;}
.youtube a{}
.youtube a{ position:absolute; right:0px; padding:10px; background:#ededed; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; top:70px; z-index:999; border-radius:5px 0px 0px 5px;}
.modal-sm { width: 35%;}
.modal-body {display: inline-block;  padding: 15px;  position: relative;   width: 100%;}


/* ------- Navigation Area Strat ------- */

/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 740px) and (max-width : 1980px) {}
@media only screen and (max-width:1280px) {}
@media only screen and (max-width:1024px) {
body{background-position: right bottom; height:100%;}
html{ height:100%;}	
.navigation ul { padding:10px 0px 5px 0px; width:100%; bottom:0px; position:fixed;}	
.content_area{ min-height:335px; max-height:335px; height:100%;}
}

@media screen and (min-width : 900px) and (max-width : 990px) {}
@media only screen and (max-width:900px) {}
@media only screen and (max-width:800px) {
body{background-position: right bottom; height:100%;}
html{ height:100%;}	
.navigation ul { padding:10px 10px 5px 10px; width:100%; bottom:0px; position:fixed;}
.content_area{ min-height:100%; max-height:100%; height:100%;}
.map{ margin-top:15px;}

	}
@media only screen and (max-width:768px) {
	
	
	}
@media only screen and (max-width:640px) {
.body_cover{ background-color: rgba(255,255,255,.7);   margin:0px; padding:0px;}
.inner_body_cover{ background-color: rgba(255,255,255,.7); margin:0px; padding:0px; }	
.content_area{ background:none; max-height:100%; min-height:100%; height:100%;}
.tlt{ margin:0px 0px 0px 0px;}

body{height:100%!important;}
html{ height:100%!important;}	
.mobile_menu_posigation{ right: 10px; top: -165px;}
}
@media (max-width: 480px) {
.logo img{ width:100%;}
body{ background-position: center 10%;}
.mobile_menu_posigation{ right: 10px; top: -130px;}
.list li{ width:100%;}
	}
@media (max-width: 360px) {
.body_cover{ height:100%;}	
.mobile_menu_posigation{ right: 10px; top: -100px;}	
	}
@media (max-width: 320px) {
.mobile_menu_posigation{ right: 10px; top: -90px;}	
	}
	.pansucess {
	background:url(../images/accept.png) no-repeat 15px center #EFFFB9;
	background-repeat:no-repeat;
	border:1px solid #99C600;
	color:#3C5A01;
	padding:14px 10px 14px 60px!important;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}
input.error, textarea.error{/* background:#fff!important; border:1px solid #F00!important; */  border-bottom:1px solid #F00!important;}
.error .select3-choice{ background:#fff!important; border:1px solid #F00!important; }
label.error{ color:#F00!important; font-size:11px; font-weight:normal;}
.failure {
	background: url("../images/exclamation.html") no-repeat scroll 15px center  #FCCAC2;
	border:1px solid #EB5339;
	color:#AC260F;
	padding:14px 10px 14px 60px!important;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}
.info2 {
color: #00529B;
background-color: #BDE5F8;
background:url('../images/info.html') 15px center no-repeat #BDE5F8;
color:#00529B;
	border:1px solid #00529B;
	padding:14px 10px 14px 60px!important;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}