/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}

a, a:hover{
  outline: none;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue_2-webfont.eot');
    src: url('fonts/bebasneue_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_2-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_2-webfont.woff') format('woff'),
         url('fonts/bebasneue_2-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_2-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 162px;
  right: 0;
  left: 0;
  z-index: 20;
  background:url(images/mbg.jpg) top repeat-x;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-nav li{
	font-family: 'bebas_neueregular';
	font-size:23px;
	background:url(images/mline.jpg) top right no-repeat;
	}
	

.dropdown-menu li, .navbar-nav li:last-child { background:none; }

.headerTop{
	width:100%;
	margin:0;
	}

.topBg{
	background:url(images/topBg.jpg) top left repeat-x;
	height:162px;
	}

.topBgLogo{
	background:url(images/topBg1.jpg) 0 10px no-repeat;
	height:162px;
	}

.logowrp{
	width:346px;
	margin:0;
	float:left;
	 padding: 8px 0 0 9px;
	}
	.logowrp img{height:152px; }

.smWrp{
	width:115px;
	float:right;
	}
	
	.smWrp span{
		background:#3850c2;
		padding:71px 0 13px;
		float:left;
		width:40px;
		margin-left:5px;
		text-align:center;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		}

.navText{
	color: #fff;
    display: block;
    font-size: 35px;
    padding: 9px 7px 7px 19px;
	font-family: 'bebas_neueregular';
 }

.navbar-nav > li > a {
	padding: 25px 60px;
}

.bannerImg{
	background:#e8e8e8 url(images/banner.jpg) top center no-repeat;
	height:534px;
	}
	
	.bannerImg h2{
		background: url("images/circle.png") no-repeat scroll 190px 122px;
		color: #7836a9;
		float: right;
		font-family: "MonotypeCorsiva";
		font-size: 34px;
		margin: 0;
		padding: 187px 0 0;
		width: 418px;
	}
	
	.bannerImg span{ text-align:right; display:block; padding-right: 35px; padding-top: 27px;}
	
.joinBg{
	background:#f5f5f5 url(images/joingBg.jpg) top center no-repeat;
	border-top:1px solid #e6e5df;
	}	
	
	.joinBg h2{
		font-family: 'bebas_neueregular';
		font-size:86px;
		text-transform: uppercase;
		}
	
	.joinBg h2 span{
		display:block;
		font-size:11px;
		color:#484848;
		text-transform:none;
		font-family:Arial;
		}
	
	.joinBg p{ padding:25px 0; }

.cpyTxt{ 
	float: left;
    padding: 18px 0 0 25px;
    width: 375px;
	}

.bodywrp{
	background:#f4f4f4;
	margin:70px 0 0;
	}

.subCont{
	 background:#fff;
	 padding:20px 80px 5px;
	 }
	 
	 .subCont h2{
		 border-bottom:1px solid #dfdfdf;
		 color:#405ccd;
		 font:40px "MonotypeCorsiva";
		 margin: 26px 0 35px;
		 padding: 6px 0;
		 }
		 
		 .btnstrt{ 
			height:auto; 
			border-right:0!important; 
			margin-left: 25%;
		 }
		 
		 .subCont p img{ float:left; margin-right:40px; max-width:100%; }

.imgbtn img{
	left: -1px;
    padding-bottom: 14px;
    position: relative;
	max-width:100%;
	}

.cntcFlds .form-control{
	width:40%;
	}
	
	.cntcFlds textarea{
		height:150px;
		}
	
	.cntcFlds span{
		float: left;
		margin-right: 20px;
		position: relative;
		}

.sbmtbtn{
	border:0;
	border-radius:4px;
	background:url(images/bgBtn.jpg) top repeat;
	color:#fff;
	padding:10px 20px;
	font:30px "MonotypeCorsiva";
	}

.srvcsLi ul{
	display: block;
    float: left;
    height: 254px;
    width: 50%;
	}

.srvcsLi li{
	margin-left:40px;
	}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 534px;
  margin-top: 67px;
  overflow: hidden;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
	
	.marketing .col-xs-6  h2 a{
		background:url(images/bgBtn.jpg) top repeat;
		padding:20px;
		border-radius:5px;
		text-align:center;
		font-family:"MonotypeCorsiva";
		color:#fff;
		font-size:40px;
		text-decoration:none;
		display:block;
		}
		
		.marketing .col-xs-6  h2 a:hover{background:url(images/mbg.jpg) top repeat;}
		
		.marketing .col-xs-6{border-right:1px solid #f0f0f0; }
		
	
	.marketing .col-xs-6 p{ text-align:center; padding:20px 0;}
	
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.fmenu{
	background:url(images/mbg.jpg) top repeat;
	padding: 18px 0;
    text-align: center;
	color:#fff;
	}
	
	.fmenu li {
		list-style:none;
		}
	
	.fmenu li a{
		text-decoration:none;
		color:#fff;
		list-style:none;
		display:block;
		float:left;
		width:24%;
		font-size:20px;
		border-right:1px solid #fff;
		}
		
		.fmenu li a:hover{ color:#eee; text-decoration:underline;}
		
		.fmenu li:last-child a{ border:none;}

.cpyrght{ padding:20px 0 0; }


.tblepad strong{ padding-left:30px;}

.table>tbody>tr>td{
    border-top: 0;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 366px){.bannerImg h2 {position: relative;top: -47px;}}
@media (max-width: 427px) {.bannerImg h2 {font-size: 28px!important;} .bannerImg span{padding-top: 11px;} }
@media (min-width:428px) and (max-width:630px){.bannerImg h2 {font-size: 32px!important;}}
@media (max-width: 1136px) {
	.bannerImg h2 {margin: 325px 0 0!important;}
	}

@media (max-width:767px) {
	.subCont{ padding:20px; } 
	.cntcFlds .form-control{
		width:100%;
	 }
}

@media (max-width: 1199px) {
	.bannerImg h2 {
		background: rgba(0, 0, 0, 0.5);
		color: #fff;
		float: none;
		font-family: "MonotypeCorsiva";
		font-size: 34px;
		margin: 363px 0 0;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
	.bannerImg span{ text-align:center;}
	
	.bannerImg .container{ width:100%;}
	
	.bannerImg{ background:#e8e8e8 url(images/banner2.jpg) center no-repeat;}
	
	.marketing, .joinBg .container{ width:100%!important;}
}

@media (max-width: 530px){.marketing .col-xs-6{ width:100%;} .btnstrt{ margin-left:0;}}

@media (max-width: 991px){
	.srvcsLi ul{
		width:100%;
		height:auto!important;;
		padding:0;
		margin-bottom:40px;
		}
	
	.col-xs-6 {
		width: 50%;
	}
	
	.subCont p img{ 
		float:none;
		display: block;
		float: none;
		margin-bottom: 25px;
		width:100%;
		}
}

@media (max-width: 355px){
	.subCont h2{ font-size:40px;}
}

@media (max-width: 575px){
	.fmenu li a{
		width:100%;
		border-right:none;
		}
		
	.tblepad strong{ padding-left:0;}
	
	.tblepad strong img{ display:block;}
}


@media (min-width:768px) and (max-width:991px) {
	.navbar-nav > li > a {
		padding: 25px 27px;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.navbar-nav > li > a {
		padding: 25px 45px;
	}	
	
	.imgbtn h2 a{
		font-size:30px!important;
		}
}

@media (max-width: 521px){ 
	.pull-right, .cpyTxt{ 
		float:none!important; 
		text-align: center;
	} 
	.cpyTxt{
		float:none;
		width:auto;
		}
}

@media (max-width: 767px){ .navbar-collapse{ margin-top:-6px;} }

@media (max-width: 490px) {
.logowrp img{ max-width:100%; }
.logowrp{
	float:none;
	width:auto;
	}
	
.topBg .container{
	padding-left: 0;
    padding-right: 0;
	}

.smWrp{ 
	background:#3850c2;
	width:100%;
	padding:6px 0 6px 44%; 
}

.smWrp span{
	padding:0;
	width:auto;
	float:none;
	}
	
.navbar-wrapper{ top:194px; }

.carousel { margin-top: 101px;}

}
@media (min-width: 768px) {
  /* Navbar positioning foo */
 /* .navbar-wrapper {
    margin-top: 162px;
  }*/
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  .navText{ display:none;}
  
  
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

h6.success{
    color: green;
    font-size: 105%;
    text-align: center;
	position:relative;
	}


@media print{
	body{ font-size:12px;}
	
	.marketing .col-xs-6 h2 a{ font-size:30px; padding:0!important;}
	
	a::after, .smWrp, .navbar-wrapper{
		display:none;
		}
	
	.logowrp{
		position:relative;
		left:234px;
		}
		
	 .topBgLogo{ height:auto;}
	 
	 .bannerImg, .bannerImg h2, .bannerImg span{ margin:0!important; padding:10px 0 0!important; height: auto!important; top:0!important;}
	 
	 .marketing .col-xs-6{ height:auto;}
	 
	 .table-striped tr td strong, .btnstrt a{ white-space:nowrap;}
	 
	 .btnstrt a{ position:relative; margin-left:-60px;}
	 
	 .tblepad strong, .marketing .col-xs-6 p, .bannerImg span, .joinBg p, .fmenu, .cpyTxt, .subCont{ padding:0!important;}
	 
	 .subCont h2, .bodywrp{margin:0!important;}
	 
	 .marketing .col-xs-6, .joinBg{ border:0!important;}
	 
	 .fmenu{ margin-top:30px;}
	 
	 .srvcsLi li {line-height: 17px;}
	 
	 p{ margin:0;}
	 
	 .table > tbody > tr > td{ height:75px!important;}
	 
	 .subCont h2{ font-size:30px;}
	 
	 .logowrp img{ height:103px!important;}
	 
	 .topBg{ height:118px!important;}
	 
	 .pull-right img{ height:50px;}
	 
	 .subCont p img{height:220px; width:250px; float:left; padding-top:10px;}
	 
	 .imgbtn img{ display:block; position:relative; left:80px;}
	 
	 #textarea{ height:70px;}
	 
	 .srvcsLi ul{ float:left!important; width:50%; height:160px!important;}
	 
	 .marketing .col-xs-6 h2 a{ color:#3850c2;}
	 
	 .joinBg h2, .fmenu ul li a{ color:#7d3aad;}
	
	 .sbmtbtn{ background: url(images/sbmtBtn.jpg) top left no-repeat; text-indent:-999em; width:179px; height:56px;}
	 
}