@import url('https://fonts.googleapis.com/css?family=Montez');
@import url('https://fonts.googleapis.com/css?family=Francois+One');
.alert-warning {
    color: #000000 !important;
    font-weight: bold !important;
}
.alert-info {
    color: #000000 !important;
    font-weight: bold !important;
}
.alert-danger {
    color: #000000 !important;
    font-weight: bold !important;
}
#updatescontainer img {
	max-width:100%;
}
.wait_screen_dialog {
	position:absolute;
	z-index:999;
	top:200px;
	left:170px;
	font-family:Electrolize;
	color:#fff;
	border:1px solid black;
	width:250px;
	height:110px;
	background-color:grey;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	visibility:hidden;
}
.wait_screen {
	position:absolute;
	width:600px;
	height:600px;
	background-color:black;
	opacity:0.4;
	filter:alpha(opacity=40);
	visibility:hidden;
}
.tmap_canvas {
	position:absolute;
	width:600px; 
	height:600px;
}
.twrapper {
	position:relative;
	width:1010px;
	height:1000px;
	clear:both;
}
#passwordStrength{height:10px;display:block;float:left}.strength0{width:250px;background:#ccc}.strength1{width:50px;background:red}.strength2{width:100px;background:#ff5f5f}.strength3{width:150px;background:#56e500}.strength4{background:#4dcd00;width:200px}.strength5{background:#399800;width:250px}
#converter_modal_header {
  background-image: url("/images/converter.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#coupons_modal_header {
  background-image: url("/images/coupon.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#passgen_modal_header {
  background-image: url("/images/password.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#testimonial_modal_header {
  background-image: url("/images/testimonial.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#blackfriday_modal_header {
  background-image: url("/images/blackfriday.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#endofyearsale_modal_header {
  background-image: url("/img/endofyearsale.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#spring_modal_header {
  background-image: url("/img/SP-CP-21.jpg");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#legals_modal_header {
  background-image: url("/images/legals.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#privacy_modal_header {
  background-image: url("/images/privacy.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#comparison_modal_header {
  background-image: url("/images/comparison.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#license_modal_header {
  background-image: url("/images/license.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#exception_modal_header {
  background-image: url("/images/exception.png");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#topclients_modal_header {
  background-image: url("/images/topclients.jpg");
  background-color: #5cb85c;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.quotediv {
	position: relative;
	width: 200px;
	height: 100px;
	overflow: hidden;
	text-align: left;
}
.quotebox {
	height: 100px;
	width: 218px;
	overflow-y: scroll;
	text-align: left;
}
.demo{ background: #f8f8f8; }
.testimonial{
    margin: 20px 20px 20px 20px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #ff4242;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #e41212;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #ff4242;
}
.owl-theme .owl-controls{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #ff4242;
}
/* 
// 12 - CSS3 Blockquote Effects Demo
// Made with ? by @Pawan_Mall
// http://www.pawanmall.net 
*/
blockquote.mint {
	display:block;
	background: #fff;
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 1.2;
	color: #666;
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc;
	border-left-style: solid;
	border-left-width: 15px;
	border-right-style: solid;
	border-right-width: 2px;    
}
blockquote.mint::before {
	content: "\201C";
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;
	position: absolute;
	left: 10px;
	top:5px;
}
blockquote.mint::after {
	content: "";
}
blockquote.mint {
	border-left-color: #46cfb0;
	border-right-color: #34bc9d;
}
span.Cmint {
	color:#34bc9d;
}
/* The container */
.checkmarkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkmarkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.checkmarkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
border: 1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.checkmarkcontainer input:checked ~ .checkmark {
  background-color: #fff;
border: 1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkmarkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkmarkcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
border: 1px solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* 
.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #0eb493;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #0eb493;
}
*/
.numberCircle {
    border-radius: 50%;
    display: inline-block; 
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #fff;
    border: 2px solid #0eb493;
    color: #0eb493;
    text-align: center;
    font: 32px Arial, sans-serif;
}
.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}
.modal-open[style] {
padding-right: 0px !important;
}
/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
/* =================================== *//*	Basic Style /* =================================== */body 
{
	    background-color: #f4f7f9;
	    font-family: 'Open Sans', sans-serif;
	    line-height: 21px;
		font-size: 13px;
	    color: #6a737b
}
	ol, ul 
{
	    margin: 0;
	    padding: 0;
	    list-style: none
}
	figure, p 
{
	    margin: 0
}
	a 
{
	    color: #fff;
		    -webkit-transition: all .3s ease-in 0s;
	       -moz-transition: all .3s ease-in 0s;
	        -ms-transition: all .3s ease-in 0s;
	         -o-transition: all .3s ease-in 0s;
	            transition: all .3s ease-in 0s
}
	iframe 
{
	    border: 0
}
	a, a:focus, a:hover 
{
	    text-decoration: none;
	    outline: 0
}
	a:focus, a:hover 
{
	    color: #6CB670
}
	h1, h2, h3,h4, h5, h6 
{
		font-weight: normal;
		margin: 0
}
.clear:before,.clear:after 
{
	    content: " ";
	    display: table
}
	 .clear:after 
{
	   clear: both
}
	 .clear 
{
	   *zoom: 1
}
	span.color 
{
		color: #0feb9e
}
	body > section,.footer 
{
		padding: 70px 0
}
.sec-title 
{

}
.sec-title h2 
{
	  color: #0eb493;
	  font-size: 28px;
	  font-weight: 800;
	  text-transform: uppercase
}
.sec-sub-title 
{
		margin: 35px 0 45px
}
.sec-sub-title p 
{
		font-weight: 600;
		line-height: 24px;
		font-size: 18px;
		color: #5b646e
}
.devider 
{
	  margin-top: 30px
}
.devider i 
{
	  color: #cccccc
}
.devider:before,.devider:after 
{
	  content: "______________________";
	  color: #e6e8ea;
	  position: relative;
	  bottom: 6px
}
.devider:before 
{
	  right: 10px
}
.devider:after 
{
	  left: 10px
}
.mb50 
{
		margin-bottom: 50px
}
	#preloader 
{
	  background-color: #fff;
	  height: 100%;
	  position: fixed;
	  width: 100%;
	  z-index: 1100
}
	#preloader > img 
{
	  left: 47%;
	  position: absolute;
	  top: 48%
}
	/*=========================================	Header==========================================*/#navigation 
{
	  height:100px;
	 background-color: rgba(16, 22, 54, 0.2);
	  border: 0 none;
	  margin: 0;
	      -webkit-transition: background-color 800ms linear;
	       -moz-transition: background-color 800ms linear;
		    -ms-transition: background-color 800ms linear;
	         -o-transition: background-color 800ms linear;
				transition: background-color 800ms linear
}
#logo {
	color: #FFFFFF; font-weight:bold; text-decoration: none;
}
#logo:hover {
	color: #000000; font-weight:bold; text-decoration: none;
}
.navbar-toggle i 
{
		color: #fff
}
.navbar-brand 
{
	  padding: 0;
}
.navbar-nav li a 
{
		background-color: #0EB493;
		border-top: 1px solid transparent
}
.navbar-nav li a.current,.navbar-nav li a:focus,.navbar-nav li a:hover 
{
		background-color: #0EB493;
		color: yellow
}
	/*=========================================	Slider==========================================*/#slider 
{
		padding: 0
}
	#slider .carousel-inner .item 
{
	  background-size: cover
}
.carousel-caption 
{
	  top: 50%
}
.carousel-caption h2 
{
	  font-size: 62px;
	  font-weight: 300
}
.carousel-caption h2 span 
{
	  font-weight: 800
}
.carousel-caption h3 
{
	  font-size: 48px;
	  font-weight: 300;
	  margin: 6px 0 20px
}
.carousel-caption p 
{
	  color: #fff;
	  font-size: 18px;
	  font-weight: 300
}
.carousel-caption p:before,.carousel-caption p:after 
{
	color: #0feb9e;
	content: "___";
	position: relative;
	top: -8px
}
.carousel-caption p:before 
{
	  right: 20px
}
.carousel-caption p:after 
{
	  left: 20px
}
.social-links 
{
	  margin-top: 5%
}
.social-links li 
{
		display: inline-block
}
.social-links li a 
{
	  color: rgba(255, 255, 255, 0.3);
	  display: block;
	  margin: 0 6px
}
.social-links li a:hover 
{
	  color: #fff
}
.carousel-indicators 
{
	  bottom: 10px;
	  left: inherit;
	  margin: 0;
	  right: 30px;
	  top: 49%;
	  width: 0
}
.carousel-indicators li 
{
	  border: 1px solid rgba(255, 255, 255, 0.3);
	  height: 8px;
	  width: 8px
}
.carousel-indicators .active 
{
	  height: 8px;
	  width: 8px
}
	/*=========================================	Features==========================================*/.features 
{
	font-weight: bold;
	  background-color: #f4f7f9
}
.owl-controls 
{
	  bottom: -45px;
	  margin-top: 10px;
	  position: relative;
	  text-align: center
}
.owl-controls .owl-page 
{
	  display: inline-block
}
.owl-controls .owl-page span 
{
	  border: 1px solid #C7CED3;
	  border-radius: 20px;
	  display: block;
	  height: 8px;
	  margin: 5px 4px;
	  width: 8px
}
.owl-controls .owl-page.active span 
{
	  background: #062033;
	  border: 0
}
.service-icon 
{
	  border: 1px solid #0eb493;
	  border-radius: 50%;
	  color: #0eb493;
	  float: left;
	  padding: 10px 13px
}
.service-desc 
{
	  margin-left: 70px;
	  position: relative;
	  top: 5px
}
.service-desc h3 
{
	  color: #062033;
	  font-size: 20px;
	  font-weight: 600;
	  margin-bottom: 25px
}
	/*=========================================	Our Works==========================================*/.work-filter 
{
	  margin-bottom: 35px
}
.work-filter ul li 
{
	    display: inline-block
}
.work-filter ul li a 
{
	  color: #062033;
	  display: block;
	  font-size: 14px;
	  font-weight: 700;
	  padding: 5px 17px;
	  border-radius: 6px;
	  text-transform: capitalize
}
.work-filter ul li a:hover,.work-filter ul li a.active 
{
	  background-color: #0eb493;
	  border-radius: 6px;
	  color: #fff;
	  padding: 5px 17px
}
.mix 
{
	    display: none
}
.work-item 
{
	    float: left;
	    width: 25%;
	    position: relative
}
.work-item > img 
{
	  display: block;
	  height: auto;
	  max-width: 100%
}
.overlay 
{
		background-color: rgba(14,180,147,.9);
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
			opacity: 0;
		filter: alpha(opacity=0);
			-webkit-transition: all 450ms ease-out 0s;
			   -moz-transition: all 450ms ease-out 0s;
			 -o-transition: all 450ms ease-out 0s;
			    transition: all 450ms ease-out 0s;
			  	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
		   -moz-transform: rotateY(180deg) scale(0.5,0.5);
			-ms-transform: rotateY(180deg) scale(0.5,0.5);
			 -o-transform: rotateY(180deg) scale(0.5,0.5);
				transform: rotateY(180deg) scale(0.5,0.5)
}
.work-item:hover .overlay 
{
		opacity: 1;
		filter: alpha(opacity=100);
			-webkit-transform: rotateY(0deg) scale(1,1);
		   -moz-transform: rotateY(0deg) scale(1,1);
			-ms-transform: rotateY(0deg) scale(1,1);
			 -o-transform: rotateY(0deg) scale(1,1);
			    transform: rotateY(0deg) scale(1,1)
}
.work-item .overlay a 
{
	  border: 1px solid #fff;
	  border-radius: 50%;
	  display: inline-block;
	  margin-top: 20%;
	  padding: 7px 10px
}
.work-item .overlay a:hover 
{
	  color: #fff
}
.work-item .overlay h4 
{
	  font-size: 18px;
	  font-weight: 700;
	  line-height: 24px;
	  margin: 25px 0 8px
}
.work-item .overlay p 
{
	  font-size: 14px;
	  line-height: 24px
}
	/*=========================================	Our Team Member==========================================*/.member-thumb 
{
	  width: 273px;
	  position: relative
}
.member-thumb .overlay h5 
{
	  font-size: 16px;
	  font-weight: 700;
	  line-height: 24px;
	  margin: 10px 0
}
.member-thumb .overlay 
{
		font-size: 16px;
		padding: 20px;
		line-height: 24px
}
.team-member h4 
{
	  color: #062033;
	  font-size: 18px;
	  font-weight: 600;
	  line-height: 24px;
	  margin: 15px 0 8px
}
.member-thumb:hover .overlay 
{
		cursor: pointer;
		opacity: 1;
		filter: alpha(opacity=100);
			-webkit-transform: rotateY(0deg) scale(1,1);
		   -moz-transform: rotateY(0deg) scale(1,1);
			-ms-transform: rotateY(0deg) scale(1,1);
			 -o-transform: rotateY(0deg) scale(1,1);
			    transform: rotateY(0deg) scale(1,1)
}
.team-member:hover h4 
{
	  color: #0eb493
}
.team-member .social-links 
{
	  margin-top: 24%
}
.team-member .social-links li a 
{
	  background-color: #0d7c67;
	  color: #fff;
	  height: 42px;
	  padding: 10px 0 0;
	  width: 42px
}
	/*=========================================	Some fun facts==========================================*/#facts 
{
		background-image: url("../img/banner.jpg");
		background-color: rgba(6,32,51,.8);
		background-attachment: fixed !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 0
}
.facts .devider:before,.facts .devider:after 
{
		color: #737C85
}
.facts .devider i 
{
		color: #fff
}
.parallax-overlay 
{
		background-color: rgba(6,32,51,.8);
		padding: 70px 0
}
.counters-item 
{
	  color: #fff
}
.counters-item i 
{
	  border: 1px solid #737C85;
	  border-radius: 50%;
	  color: #fff;
	  display: inline-block;
	  height: 120px;
	  margin: 0 0 35px;
	  padding: 40px 0 0;
	  width: 120px
}
.counters-item strong 
{
	  display: block;
	  font-size: 60px;
	  font-weight: 600;
	  line-height: 60px
}
.counters-item p 
{
	  font-size: 18px;
	  line-height: 24px;
	  margin-top: 15px;
	  text-transform: uppercase
}
	/*=========================================	Contact Us==========================================*/.contact 
{
		padding-bottom: 0
}
.contact-address h3 
{
	  color: #062033;
	  font-size: 22px;
	  line-height: 32px;
	  margin-bottom: 25px
}
.contact-address p 
{
	  line-height: 24px
}
.contact-form 
{

}
.contact-form h3 
{
	  color: #062033;
	  font-size: 24px;
	  font-weight: 700;
	  line-height: 32px;
	  margin-bottom: 25px
}
.contact-form .input-group 
{
	  width: 100%
}
.contact-form .form-control 
{
	  border-color: -moz-use-text-color -moz-use-text-color #cccccc;
	  border-radius: 0;
	  border-style: none none solid;
	  border-width: 0 0 1px;
	  box-shadow: none;
	  margin-bottom: 10px
}
.contact-form .input-field 
{
	  width: 48%;
	  float: left;
	  margin-right: 4%
}
.contact-form .input-field:last-child 
{
	  margin-right: 0
}
.contact-form .form-control.error 
{
	border-bottom-color: #c0392b
}
	label.error 
{
	  color: #c0392b;
	  font-weight: normal;
	  text-transform: capitalize
}
.contact-form #form-submit 
{
	  background: url("../img/envelop.png") no-repeat scroll 0 15px transparent;
	  border: 0 none;
	  color: #000;
	  font-size: 16px;
	  line-height: 24px;
	  padding: 10px;
	  text-align: right;
	  width: 150px
}
.footer-social 
{
	  margin-top: 17px
}
.footer-social li a 
{
	  color: #cdd2d6;
	  display: block;
	  margin-bottom: 10px
}
	#map_canvas 
{
	  height: 215px;
	  width: 100%
}
	/*=========================================	Contact Us==========================================*/.footer 
{
	  background-color: #2F4F4F;
	  border-top: 5px solid #062033;
	  color: #fff
}
.footer a:hover 
{
	  color: #FFFFFF
}
.footer h6 
{
	  font-size: 14px;
	  font-weight: 700;
	  line-height: 24px;
	  margin-bottom: 30px
}
.about-us p 
{
	  line-height: 24px
}
.footer-single .subscribe 
{
	  margin-bottom: 15px;
	  position: relative
}
.subscribe #subscribe 
{
	  background-color: transparent;
	  border: 2px solid #fff;
	  border-radius: 2px;
	  height: 40px;
	  text-indent: 10px;
	  width: 100%
}
.subscribe #subs 
{
	  background-color: transparent;
	  border: 0 none;
	  font-size: 24px;
	  position: absolute;
	  right: 0;
	  top: 6px
}
.footer-single 
{
	  line-height: 24px
}
.footer-single ul 
{
	  
}
.footer-single li 
{
	  line-height: 32px
}
.footer-single p i 
{
	  margin: 0 10px
}
.credit a 
{
	  color: #062033
}
.credit a:hover 
{
	  color: #fff
}
.copyright 
{
	  color: #fff;
	  margin-top: 100px
}
	#back-top 
{
	  bottom: 20px;
	  position: fixed;
	  right: 25px;
	  z-index: 9
}

.infobox {background-color:#FFF9D7;border:1px solid #E2C822;color:#333333;padding:10px;font-size:13px;font-weight:bold;text-align:center;}
.success {
	background-color:		#E1FAEA;
	border:					1px solid #10DD43;
	color:					#333333;
	padding:				10px;
	font-size:				13px;
	font-weight:			bold;
	text-align:				center;
}
.successbox {
	background-color:		#E1FAEA;
	border:					1px solid #10DD43;
	color:					#333333;
	padding:				10px;
	font-size:				13px;
	font-weight:			bold;
	text-align:				center;
}
.errorbox {
	background-color:		#FFEBE8;
	border:					1px solid #DD3C10;
	color:					#333333;
	padding:				10px;
	font-size:				13px;
	font-weight:			bold;
	text-align:				center;
}
.link, .link:focus{
	color: #0EB493; font-weight:bold; text-decoration: none;
}
.link:hover {
	color:#0EB493; font-weight:bold; text-decoration: underline;
}
.link2, .link2:focus{
	color: #FFFFFF; font-weight:bold; text-decoration: none;
}
.link2:hover {
	color:#FFFFFF; font-weight:bold; text-decoration: underline;
}
.dlink {
	color: #0EB493; font-size: 30px; font-weight:bold; text-decoration: none; padding-right:10px;
}
.dlink:hover {
	color:#0EB493; font-size: 30px; font-weight:bold; text-decoration: underline; padding-right:10px;
}
.dlinka {
	color: darkgreen; font-size: 30px; font-weight:bold; text-decoration: none; padding-right:10px;
}
.dlinka:hover {
	color:darkgreen; font-size: 30px; font-weight:bold; text-decoration: underline; padding-right:10px;
}
/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/img/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/img/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#overlay {
    background-image:url(/img/transparent.png);
    color:#000000;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:500px;
    overflow-y:auto;
	overflow-x: hidden;
  }
.button a {
     color: #FFFFFF;
     }

.button {
	border-radius:					4px;
	-moz-border-radius:					4px;
	-webkit-border-radius:				4px;
	background:						#0EB493;
	font-size:							14px;
	border:								solid 2px #FFFFFF;
	border-radius:						4px;
	color:								#FFFFFF;
	display:							inline-block;
	font:								bold 14px Helvetica, Arial, sans-serif;
	margin-right:						10px;
	padding:							7px 7px;
	position:							relative;
	text-decoration:					none;
	transition:							border-color .218s;
}
.button, .button:hover, .button:focus {
	background:						#0B9075;
	color:								#FFFFFF;
	border-color:						#FFFFFF;
	box-shadow:							0 1px 2px rgba(0, 0, 0, 0.15);
}
.button:active {
	color:								#FFFFFF;
}
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:200px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('/img/icon_top.png') no-repeat;
}
#pwd_info {
	background:							#FEFEFE;
	bottom:								-10px;
	border:								1px solid #DDD;
	border-radius:						5px;
	box-shadow:							0 1px 3px #CCC;
	display:							none;
	font-size:							.875em;
	padding:							15px;
	position:							relative;
	right:								0px;
	width:								300px;
}
#pwd_info::before {
	color:								#DDD;
	content:							"\25B2";
	display:							block;
	font-size:							14px;
	left:								7%;
	line-height:						14px;
	position:							absolute;
	text-shadow:						none;
	top:								-12px;
}
#pwd_info h4 {
	font-weight:						normal;
	margin:								0 0 10px 0; 
	padding:							0;
}
#pwd_info ul, li {
	list-style-type:					none;
	margin:								0; 
	padding:							0; 
}
#usr_info {
	background:							#FEFEFE;
	bottom:								-10px;
	border:								1px solid #DDD;
	border-radius:						5px;
	box-shadow:							0 1px 3px #CCC;
	display:							none;
	font-size:							.875em;
	padding:							15px;
	position:							relative;
	right:								0px;
	width:								300px;
}
#usr_info::before {
	color:								#DDD;
	content:							"\25B2";
	display:							block;
	font-size:							14px;
	left:								7%;
	line-height:						14px;
	position:							absolute;
	text-shadow:						none;
	top:								-12px;
}
#usr_info h4 {
	font-weight:						normal;
	margin:								0 0 10px 0; 
	padding:							0;
}
#usr_info ul, li {
	list-style-type:					none;
	margin:								0; 
	padding:							0; 
}
.invalid {
	background:							url(/img/invalid.png) no-repeat 0 50%;
	padding-left:						22px;
	line-height:						24px;
	color:								#EC3F41;
}
.valid {
	background:							url(/img/valid.png) no-repeat 0 50%;
	padding-left:						22px;
	line-height:						24px;
	color:								#3A7D34;
}
.formerror {
	color:					red;
	font-size:				13px;
	font-weight:			bold;
	text-align:				left;
}
.quotebox1
{padding: 5px 5px 5px 50px;
margin: 8px;
background-color: #eeeeee;
border: 2px solid #dddddd;
}
div.pagination {
padding:3px;
margin:3px;
}
div.pagination a {
padding:2px 5px 2px 5px;
margin:2px;
border:1px solid #AAAADD;
text-decoration:none;
color:#000000;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #000099;
color:#000;
}
div.pagination span.current {
padding:2px 5px 2px 5px;
margin:2px;
border:1px solid #000099;
font-weight:bold;
background-color:#0EB493;
color:#FFFFFF;
}
div.pagination span.disabled {
padding:2px 5px 2px 5px;
margin:2px;
border:1px solid #EEE;
color:#DDD;
}
#bar
{
background-color:#BF0036;
width:0px;
height:14px;
}
#barbox
{
float:left;
height:16px;
background-color:#FFFFFF;
width:100px;
border:solid 1px #EAEAEA;
margin-right:3px;
}
#count
{
float:left; margin-right:8px;
font-family:'Georgia', Times New Roman, Times, serif;
font-size:16px;
font-weight:bold;
color:#80011F;
}
.ddsmoothmenu{
padding-left:3px;
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;

color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #FFFFFF;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-color: black; 
color: #FFFFFF;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */
div.scroll {
}
div.scroll2 {
height: 200px;
width: 98%;
overflow: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}

div.opst_scroll {
font-weight: normal;
height: 200px;
width: 500px;
overflow-x:hidden;
overflow-y: auto;
border: 1px solid #666;
background-color: #FFFFFF;
padding: 8px;
}
.width_20 {
	width: 20%;
}
.width_80 {
	width: 80%;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(../img/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../img/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
	.buttons {
	margin-left:			100px;
	padding-bottom:			10px;
	padding-left:			10px;
	padding-top:			10px;
    }
.hoverTable {
	width:100%; 
	border-collapse:collapse; 
}
.hoverTable {
   border: 1px solid #C0C0C0;
}
table { 
    border-spacing: 10px;
    border-collapse: separate;
}
.div_heading {
	background-color:		#EAEAEA;
	border-bottom:			1px #899E8C solid;
	border-right:			1px #899E8C solid;
	color:					#FFFFFF;
	font-family:			tahoma;
	font-size:				15px;
	font-weight:			bold;
	margin-left:			auto;
	margin-right:			auto;
	padding:				5px;
	text-align:				left;
}
.well h4 {
	padding:5px;
	background-color:#333;
	color:#FFFFFF;
	border-radius:					5px;
	-moz-border-radius:					5px;
	-webkit-border-radius:				5px;
	border-radius:						5px;
}
#navigation2 {
	background-image: url("/img/pitch3.jpg");
	background-position: center center;
	background-size: cover;
  background-color:#0EB493;
  border:0 none;
  height:100px;
  margin:0;
  -webkit-transition:background-color 800ms linear;
  -moz-transition:background-color 800ms linear;
  -ms-transition:background-color 800ms linear;
  -o-transition:background-color 800ms linear;
  transition:background-color 800ms linear;
}
#confirm {display: none;}
#headerbar {
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	top:120px;
	z-index:2;
	line-height:1.5em;
	color:#FFFFFF;
	font-family:'Open Sans',arial;
	font-size:10px;
	background:#7f7f7f;
	background:rgba(0,0,0,0.7);
	height:100%;
	width:50%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:12px;
	font-weight:700;
	text-align:left;
	margin-top:100px;
}
#banner {
background-image: url(/img/banner.jpg);-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;height:400px;width:100%;
}

#headerbar2 {
	top:170px;
	z-index:2;
	line-height:1.5em;
	color:#FFFFFF;
	font-family:'Open Sans',arial;
	font-size:10px;
	background:#7f7f7f;
	background:rgba(0,0,0,0.7);
	height:100%;
	width:100%;
	font-size:12px;
	font-weight:700;
	text-align:center;
	margin-top:100px;
}
#banner2 {
background-image: url(/img/banner.jpg);-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;height:400px;width:100%;
}
input[type="text"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
font-size: 16px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #0EB493;
	border-left: none;
	margin-bottom: -1px;
	background: #0EB493;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: green;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
}
	#table {
		width: 100%;
		}
	#table p {
		clear: both;
		width: 100%;
		margin: 0;
		}
	#table span {
		float: left;
		padding: 0 10px;
		}
	#table span.col1 {
		text-align:right;
		width: 33%;
		}

	#table span.col2 {
		width: 33%;
		}
	
	#table span.col3 {
		width: 33%;
		}
#bottom {
			width:100%;
			position:absolute;
			left:0;
			padding: 0px;
			height:50px;
			bottom:0;
			font-size: 12px;
		}
#bottom2 {
			width:100%;
			position:fixed;
			left:0;
			padding: 0px;
			height:50px;
			background-color: #000;
			z-index:2;
			bottom:0;
			background:rgba(0,0,0,0.7);
			color: #fff;
			font-size: 12px;
}
#bottom img {
	height:100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
#bottom2 img {
	height:100%;
    position: absolute;
    left: 0;
    bottom: 0;
}