/* ------ Table of Content ------
1. Reset
2. Clearing Floats
3. HTML 5 element
4. Typography
5. Basic Layout
6. Pages
7. All Hack
8. Font Icons
*/

/* 4. Typography
***************************************************************/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,700);
/*font-family: 'Raleway', sans-serif;*/
/* 1. Reset
***************************************************************/
* {
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, span, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, fieldset, {
margin:0px auto;
padding:0px;
border:0;
outline:0;
font-size:100%;
}
a, img a {
	text-decoration: none;
	border: 0;
	outline: 0 !important;
	transition: all ease-in .3s;
	-moz-transition: all ease-in .3s;
	-ms-transition: all ease-in .3s;
	-o-transition: all ease-in .3s;
	-webkit-transition: all ease-in .3s;
}
a, button, input {
	transition: all ease-in .3s;
	-moz-transition: all ease-in .3s;
	-ms-transition: all ease-in .3s;
	-o-transition: all ease-in .3s;
	-webkit-transition: all ease-in .3s;
}
img {
	display:block;
}
:focus {
	outline: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
ol, ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.desk-padd-zero {
	padding: 0px !important;
}
.pad-zero {
	padding: 0px !important;
}
.common-paddling {
	padding: 50px 0;
}
.common-paddling2 {
	padding: 60px 0;
}
.full-wrap {
	position: relative;
	overflow: hidden;
}
.mrg-bott-fourty {
	margin-bottom: 40px !important;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/* 2. Clearing Floats
***************************************************************/
.clear {
	clear: both;
}
.clearfix:after {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
/* 3. HTML 5 element
***************************************************************/

aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article {
	display: block;
	margin: 0;
	padding: 0;
}
/*html, body {
	height: 100%;
}*/
body {
	font-size: 14px;
	color: #fff;
	font-family:calibri;
	/*background: url(../images/backup-bg.png) repeat-y; */
}
input[type="text"], textarea {
	box-shadow: 1px 1px 1px rgb(204, 204, 204) inset;
	-moz-box-shadow: 1px 1px 1px rgb(204, 204, 204) inset;
	-ms-box-shadow: 1px 1px 1px rgb(204, 204, 204) inset;
	-o-box-shadow: 1px 1px 1px rgb(204, 204, 204) inset;
	-webkit-box-shadow: 1px 1px 1px rgb(204, 204, 204) inset;
	border-radius: 2px;
	margin: 0 0 20px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	width: 100%;
	transition: all ease-in .3s;
	-moz-transition: all ease-in .3s;
	-ms-transition: all ease-in .3s;
	-o-transition: all ease-in .3s;
	-webkit-transition: all ease-in .3s;
}
input[type="text"]:hover, textarea:hover {
	border-color: #5cace5;
}
input[type="text"]:focus, textarea:focus {
	border-color: #5cace5;
	box-shadow: 0 0 3px #5cace5 !important;
	-moz-box-shadow: 0 0 3px #5cace5 !important;
	-ms-box-shadow: 0 0 3px #5cace5 !important;
	-o-box-shadow: 0 0 3px #5cace5 !important;
	-webkit-box-shadow: 0 0 3px #5cace5 !important;
}
/* 5. Basic Layout
***************************************************************/
.bg {
	width:100%;
	position:absolute;/*height:100%;*/
	z-index: 9999;
}
.bg .back-bg img {
	width:100%;
}
.bgg {
	display:block;
}
.bgg1 {
	display:none;
	vertical-align:text-bottom;
}
.content-wrap {
	width:100%;
	height:100%;
	position:absolute;
	z-index:9;
	left:0;
	bottom:0;
}
.logo-wrap {
	display:table;
	margin:44px auto 0;
	padding-right:80px;
	position:relative;
}
.logo-ico {
	cursor: pointer;
	position: absolute;
	right:77px;
	top: -30px;
}
.mcontent {
	position:fixed;
	bottom:0;
	padding-bottom:30px;
	width:100%;
	left:0;
}
.container {
	margin:0 auto;
	width:90%;
}
.logo-nav {
	color: hsl(0, 0%, 100%);float: left;font-size: 24px;font-weight: 700;margin: 24px 0 0;position: relative;
}
.logo-nav:before {
	border-bottom: 10px solid hsla(0, 0%, 0%, 0);
	border-left: 16px solid hsl(37, 100%, 50%);
	border-top: 10px solid hsla(0, 0%, 0%, 0);
	content: "";
	height: 0;
	position: absolute;
	right: -24px;
	top: 8px;
	width: 0;
}
.text-content-wrap {
	background: hsla(220, 58%, 28%, 0.7);
	font-size: 18px;
	font-weight: 100;
	line-height: 1.7;
	/*	margin-bottom: 40px;*/
	padding: 30px 35px 30px 20px;
}
.talk-us {
	color: hsl(0, 0%, 100%);
	display: block;
	font-weight: 700;
	margin: 20px 0 -40px;
}
.whbtn:hover {
	color:#9cbaef;
}
.add-text {
	color: hsl(0, 0%, 100%);
	display: table;
	font-size: 14px;
	margin: 120px auto 0;
	text-align: center;
}
.add-text a {
	color:#fff;
}
.add-text h2 {
	font-size: 18px;
}
.address-wrap {
	height: 100%;
	position: relative;
	display:none;
}
.back-btn {
	
	color: hsl(0, 0%, 100%);
	font-weight: 700;
	
}
.logo-slider {
	background: hsla(220, 59%, 28%, 0.8);
	display: none;
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 20px 40px 20px 30px;
	position: relative;
	width: 850px;
}
.logo-slider.logo-slider-open {
	display: block;
}
.logo-slider ul {
	width: 2000px;
}
.logo-slider ul li {
	float: left;
	text-align:center;
	padding: 0 20px;
	width:283px;
}
#owl-demo .owl-item .item {
	display: table-cell;
	height: 49px;
	text-align: center;
	vertical-align: middle;
	width: 500px;
}
#owl-demo .owl-item .item img {
	vertical-align: middle;
	opacity:.5;
	transition:all ease-in .5s;
	-webkit-transition:all ease-in .5s;
}
#owl-demo .owl-item .item.active_img img {
opacity:0.5; transition:all ease-in .5s;
}
#owl-demo .owl-item .item.active_img img:hover{opacity:1 !important;}

.hover_img{display:none;}

#owl-demo .owl-item .item.active_img:hover .hover_img{display:block;}
/* #owl-demo .owl-item .item.active_img:hover .good_wind{display:none;} */

#owl-demo .owl-item .item:hover img {
	opacity:1;
}
#owl-demo .owl-item .item a {
	display: table;
	margin: 0 auto;
}
#owl-demo .owl-controls .owl-buttons div {
	background:url(../images/arrow_img.png) no-repeat;
	border-radius: 0 !important;
	cursor: pointer;
	height: 21px;
	margin: 5px 0 0;
	position: absolute;
	right: -30px;
	text-indent: -999999px;
	top: 50%;
	width: 18px;
	z-index: 99;
	transition:all ease-in .5s;
	-webkit-transition:all ease-in .5s;
}
#owl-demo .owl-controls .owl-buttons .owl-prev {
	transform:rotate(180deg);-webkit-transform:rotate(180deg);display:block;left: -20px;right: auto;
}
#owl-demo .owl-pagination {
	display:none;
}
#owl-demo .owl-controls {
	position:absolute;right:0;top:0;width: 100%;
}
.content-with-deffrent {
	font-size: 14px;
	font-weight: 100;
	line-height: 1.7;
	margin-bottom: 40px;
	padding: 30px;
	display:none;
}
.more-btn, .logo11 a, .logo12 a, .logo13 a, .logo14 a, .logo15 a, .logo16 a {
	color: #000;
	font-weight: 700;
	text-transform:uppercase;
}
.logo17, .logo18{
	text-align: center;
}
.more-btn {
	text-transform:uppercase;
	position:relative;
}
.more-btn:before, .more-btn-bl:before {
	border-bottom: 8px solid hsla(0, 0%, 0%, 0);
	border-left: 10px solid hsl(36, 100%, 53%);
	border-top: 8px solid hsla(0, 0%, 0%, 0);
	content: "";
	height: 0;
	position: absolute;
	right: -16px;
	top: 2px;
	width: 0;
}
.logo11, .logo12, .logo13, .logo14, .logo15, .logo16 {
	display:none;
	font-weight:500;
	font-size:14px;
	line-height:1.4;
}
.logo12, .logo14 {
	color:#000;
}
.more-btn-bl {
	font-weight:700;
	color:#000 !important;
	position:relative;
}
#loginform:before {
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: -5px;
	width: 100%;
}
#loginform {
	margin: 0 auto 30px;
	padding: 20px;
	position: relative;
	width: 400px;
	display:none; top:33px;
}
#loginform h3 {
	font-size: 24px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 30px;
}
#loginform label {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
}
#loginform input[type="text"], #loginform input[type="password"] {
	border: 0 none;
	border-radius: 3px;
	box-shadow: none !important;
	padding: 10px;
	width: 100%;
}
#loginform button {
	border: 0 none;
	border-radius: 3px;
	font-weight: 700;
	margin: 20px 0 0;
	font-family: 'Raleway', sans-serif;
	padding: 5px 20px;
	font-size:16px;
	cursor:pointer;
}
#loginform.logo111:before {
	background: #b0d3ff;
}
#loginform.logo111 {
	background: rgba(129, 168, 217, .9);
	color: #fff;
}
#loginform.logo111 button {
	background: #89baf8;
	color:#fff;
}
#loginform.logo111 button:hover {
	background: #7cabe6;
}
#loginform.logo112:before {
	background: #d9629d;
}
#loginform.logo112 {
	background: rgba(255, 179, 217, .8);
	color: #000;
}
#loginform.logo112 button {
	background: #ff9ad5;
	color:#000;
}
#loginform.logo112 button:hover {
	background: #ffaae5;
}
#loginform.logo113:before {
	background: #6e8033;
}
#loginform.logo113 {
	background: rgba(122, 137, 71, .8);
	color: #fff;
}
#loginform.logo113 button {
	background: #758b2c;
	color:#fff;
}
#loginform.logo113 button:hover {
	background: #6d8321;
}
#loginform.logo114:before {
	background: #9fdf44;
}
#loginform.logo114 {
	background: rgba(143, 184, 85, .8);
	color: #fff;
}
#loginform.logo114 button {
	background: #8cca34;
	color:#fff;
}
#loginform.logo114 button:hover {
	background: #7cba24;
}
#loginform.logo115:before {
	background: #b35d58;
}
#loginform.logo115 {
	background: rgba(0, 204, 255, 0.8);
	color: #fff;
}
#loginform.logo115 button {
	background: #b6544f;
	color:#fff;
}
#loginform.logo115 button:hover {
	background: #a6443f;
}
#loginform.logo116:before {
	background: #c1615c;
}
#loginform.logo116 {
	background: rgba(147, 66, 61, .8);
	color: #fff;
}
#loginform.logo116 button {
	background: #c1615c;
	color:#fff;
}
#loginform.logo116 button:hover {
	background: #b1514c;
}
.logo4 {
	position: relative;
	top: -10px;
}
.close-btn {
	font-weight: 700;
	padding: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor:pointer;
}
.web-pageurl {
	color:#fff !important;
	text-decoration:underline;
}

.error_msg {color:#ff1700; margin:10px 0; font-size:18px;}
/* #form_error {	
	padding: 20px;
	position: absolute;
	width: 300px;
	height:40px;
	height:auto;
	display:none;
	background:#fff;
	left:50%;
	margin-left:-150px;
	top:50%;
	margin-top:-20px;
	z-index:999;
}

.msg_error { display:block;}
.msg_error h4 { font-size:15px; text-align:center; color:#ff0000}
#form_error > a { text-align:center; display:block;} */



/*sumit 25-6-15*/
.whbtn.talk-us.tak-to-us {
	float: right;
	margin: 15px 0 0;
}
.area-interest {
	color: hsl(0, 0%, 100%);
	float: left;
	font-weight: 700;
	margin: 15px 0 0;
}
.area-interest:hover {
	color: #9cbaef;
}
.area-interest-wrap {
	display: none;
	height: 100%;
	position: relative;
}
.area-interest-wrap {
	padding:0 20px;
}
.area-interest-wrap h2 {
	color:#fff;
	font-weight:700;
	font-size:22px;
	margin:0px 0 3px;
	text-decoration: underline;
}
.area-interest-wrap p {
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:21px;
}
.area-intrst2 {
	float:left;
	width:45%;
}
.area-intrst2 h2 {
	margin:20px 0 3px 0;
}
.area-intrst3 {
	float:right;
	width:40%;
	margin:65px 0 0 0;
	font-family:calibri;
}
.download-RFP {
	float:right;
	margin:85px 0 0 0px;
	padding-right:60px;
}
.area-focs {
	display:inline-block;
}
.download-RFP a {
	color:#ffc000;
	font-weight: 700;
	display: block;
}
.download-RFP a:hover {
	text-decoration:underline;
}
.para-txt {
	padding-left:10px;
}
.form-text {
	display: none;
	font-weight: bold;
	padding: 20px 0 0;
	text-align: center;
}
.tell-us-text {
	font-family: calibri;
	font-size: 14px;
	line-height:1.4;
}
.head-about {
	cursor: pointer;
	font-size: 22px;
	font-weight: 600;
	position: absolute;
	right: 95px;
	top: 90px;
	color: gray;
}
.head-about:before {
	border-bottom: 8px solid hsla(0, 0%, 0%, 0);
	border-left: 13px solid hsl(37, 100%, 50%);
	border-top: 8px solid hsla(0, 0%, 0%, 0);
	content: "";
	height: 0;
	position: absolute;
	right: -20px;
	top: 8px;
	width: 0;
}



.form-text a {
	color: #fff;
	text-decoration: underline;	
	font-size:16px;
}

.form-text a:hover {
	color: #fff;
	text-decoration: none;
}

span.orange-arrow {
  color: #FF9D00;
}
.myheight {height:700px;}
.errormsg_popup { padding:15px; margin:0; width:300px; background:#fff;}
.layer_popup {background:rgba(0 100 100 0 0.5);}
.backstretch{z-index:7 !important;}
.bg bg_img{z-index:9 !important;}
.second_img{display:none;}
.content {max-height: 330px  ;} 
.text-content-wrap{display:none;}
.slimScrollBar{margin:15px !important;}
.scroll_wrap img{opacity: 1.0 !important ;}


/* 8. All Hack
***************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
/* 9. Font Icons
***************************************************************/

.pading{padding:30px 0px;background: hsla(220, 58%, 28%, 0.7);}
.pading .text-content-wrap{background:none;padding-top:0px; padding-bottom:0px;}
@media screen and (min-width : 768px) and (max-width :900px) {


}

@media screen and (min-width : 480px) and (max-width :767px) {
#loginform{position:relative; top:0px;}
.slimScrollDiv{overflow: scroll !important;}
.slimScrollDiv{height:280px !important;}
.top-logo .logo-ico{top:-70px !important;right:0px !important;}
.mcontent{position:relative !important;}
.top-logo .logo-ico >img{width:40px;}
.logo-ico >img{width:40px;}
.logo-ico {right:4px !important;top:-20px;}


}

@media screen and (min-width : 300px) and (max-width :479px) {
#loginform{  position: fixed; z-index:999999; top:87px; width:90%;}
.slimScrollDiv{overflow: scroll !important;}

.slimScrollDiv{height:280px !important;}
.logo-nav{margin:0px;}

}