/*==================================================================================================
#. Reset
==================================================================================================*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, strong, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
cssmenu, nav, output, ruby, section, summary,
audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
	
	background: #f2f9fe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmYwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-8 */
	color: #000;
	/*font-family: 'Open Sans', sans-serif;*/
	
	

	}
#wrapper{ width:95%; padding:20px; height:auto;}
#wrapper h1{ text-transform:uppercase; background-color:#FFFFFF; padding:5px;}
#wrapper { background-position:center; text-align:center; padding:20px; }
#contant{ width:95%; overflow:hidden; padding:20px; height:auto; color:#666666}
#contant h1{ text-transform:uppercase; background-color:#FFFFFF; padding:5px;}
#contant p{ margin-left:15px; margin-bottom:7px;}
a{
	color: #555;
	text-decoration: none;
}
a:hover{
	color:#212121;
}
.clr{
	clear: both;
}
.btn {
  background: #e6225a;
  background-image: -webkit-linear-gradient(top, #e6225a, #7a1217);
  background-image: -moz-linear-gradient(top, #e6225a, #7a1217);
  background-image: -ms-linear-gradient(top, #e6225a, #7a1217);
  background-image: -o-linear-gradient(top, #e6225a, #7a1217);
  background-image: linear-gradient(to bottom, #e6225a, #7a1217);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  
}

.btn:hover {
  background: #9e0c2a;
  background-image: -webkit-linear-gradient(top, #9e0c2a, #bf0d0d);
  background-image: -moz-linear-gradient(top, #9e0c2a, #bf0d0d);
  background-image: -ms-linear-gradient(top, #9e0c2a, #bf0d0d);
  background-image: -o-linear-gradient(top, #9e0c2a, #bf0d0d);
  background-image: linear-gradient(to bottom, #9e0c2a, #bf0d0d);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #0072ad;
	margin-bottom:5px;
	font-size:24px;
	
}

.main{ width:100%; padding:15px; margin-bottom:20px;}

/*==============================================================================================================*/
                 /*CONTACT US CSS
/*================================================================================================================*/
/*--about--*/

.border {
	border: 1px solid #FFF;
	margin-bottom:5px;
}
 .col-md-8 ,.col-md-4{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  /*border-right: solid #fff 1px;*/
  margin-right:15px;
}

.contact-top h3 {
	color: #212121;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 100;
	margin: 0 0 5px;
}
.contact-top_right h3 {
	color: #212121;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 100;
	margin: 0 0 5px;
}
.contact-top_right p {
	color: #FFF;
	font-size: 0.8125em;
	line-height: 1.8em;
	margin: 9% 0 7%;
}

p.contact_msg{
	color:#212121;
	font-size:0.85em;
	margin-bottom:10px;
}
.to input[type="text"] {
	padding:10px;
	width:29%;
	font-size:0.85em;
	font-family: 'Open Sans', sans-serif;
	margin: 10px 0;
	border:none;
	color: #212121;
	background: #fff;
	float: left;
	outline: none;
}
.text{
	float:left;
	width:63%;
}
p.m_msg{
	color:#000000;
	font-size:0.8125em;
	margin:10px;
}
.text input[type="text"], .text textarea {
	width:96.5%;
	font-size:0.85em;
	margin: 10px 0;
	border:none;
	color: #212121;
	font-family: 'Open Sans', sans-serif;
	outline: none;
	background: #fff;
	height: 100px;
	padding:10px;
	resize:none;
}
.form-submit1{
	float:left;
	margin: 10px 0px 0 6px;
}
.form-submit1 input[type="submit"] {
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	padding: 10px 34px 10px 10px;
	text-transform: uppercase;
	background: url(../images/submit_arrow.png)no-repeat 200px 10px #E25050;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight: 100;
	border: none;
	cursor: pointer;
}
.form-submit1 input[type="submit"]:hover {
	background: url(../images/submit_arrow.png)no-repeat 205px 10px #555;
}
.contact-top_right h3 {
	color: #212121;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 100;
	margin: 0 0 5px;
}
.contact-top_right p {
	color: #212121;
	font-size: 0.8125em;
	line-height: 1.8em;
	margin: 9% 0 7%;
}
ul.contact_info{
	padding: 0;
	list-style: none;
	margin: 0;
}
i.mobile{
	height: 20px;
	width: 38px;
	float: left;
	/*background: url(../images/img-sprite.png)no-repeat -430px -338px;*/
	background: url(../images/Black_Mobile.png)no-repeat;
	margin-right:2%;
}
i.message{
	height: 20px;
	width: 38px;
	float: left;
	/*background: url(../images/img-sprite.png)no-repeat -470px -337px;*/
	background: url(../images/mail.png)no-repeat;
	margin-right: 2%;
}
i.pin{
	height: 20px;
	width: 38px;
	float: left;
	/*background: url(../images/img-sprite.png)no-repeat -470px -337px;*/
	background: url(../images/zipcode.png)no-repeat;
	margin-right: 2%;
}
i.address{
	height: 38px;
	width: 38px;
	float: left;
	/*background: url(../images/img-sprite.png)no-repeat -470px -337px;*/
	background: url(../images/address.png)no-repeat;
	margin-right: 2%;
	
}
i.office{
	height: 45px;
	width: 38px;
	float: left;
	/*background: url(../images/img-sprite.png)no-repeat -470px -337px;*/
	background: url(../images/office.png)no-repeat;
	margin-right: 2%;
}
ul.contact_info span{
	color:#212121;
	font-size:1.2em;
}
ul.contact_info span.msg{
	cursor:pointer;
}
ul.contact_info span.msg:hover{
	text-decoration:underline;
}
/*==============================================================================================================*/
                 /*APPLY NEW CONNECTION CSS
/*================================================================================================================*/
.register-grids form input[type="submit"] {
	background:#E25050;
	color: #FFF;
	font-size: 0.8em;
	padding:0.8em 2.2em;
	border:none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
}
.register-grids form input[type="submit"]:hover {
	background:#555;
}
.register-grids{
	padding:16% 0;
}
.register-top-grid h3, .register-bottom-grid h3 {
	color:#FF3333;
	font-size: 1em;
	padding-bottom: 5px;
	margin: 0;
}
.register-top-grid div, .register-bottom-grid div {
	width: 48%;
	float: left;
	margin: 10px 0;
}
.register-top-grid span, .register-bottom-grid span {
	color:#555;
	font-size: 0.85em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}

.register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#FF3333;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
	font-family: 'Open Sans', sans-serif;
}
.register-top-grid select, .register-bottom-grid select{
	border: 1px solid #EEE;
	outline-color:#FF3333;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
	font-family: 'Open Sans', sans-serif;
}
.register-top-grid textarea, .register-bottom-grid textarea {
	border: 1px solid #EEE;
	outline-color:#FF3333;
	width: 100%;
	font-size: 1em;
	padding: 0.5em;
	font-family: 'Open Sans', sans-serif;
}
.register-grids form input[type="submit"] {
	background:#E25050;
	color: #FFF;
	font-size: 0.8em;
	padding:0.8em 2.2em;
	border:none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
}
.register-grids form input[type="submit"]:hover {
	background:#555;
}
.register-grids{
	padding:1% 0;
	margin-left:15px;
}
.checkbox input:checked + i:after {
	opacity: 1;
}
.checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 1.1em;
	line-height: 27px;
	cursor: pointer;
}
.checkbox {
	float: left;
	margin-left: 8px;
	position: relative;
	font-weight: 600;
}
.checkbox:last-child {
	margin-bottom: 4px;
}
.checkbox:last-child {
	margin-bottom: 0;
}
.checkbox i {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width:20px;
	height:20px;
	outline: none;
	border: 2px solid #DDD;
}
.checkbox input + i:after {
	content: '';
	background: url("../images/tick1.png") no-repeat 1px 2px;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox input {
	position: absolute;
	left: -9999px;
}
.clear{clear: both;}








/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
/* === Button Style === */
button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}
/*all colum*/
.col-md-3{ min-width:15.6%; margin-right:5px; float:left; margin-bottom:10px; padding:2px;
			background: rgb(0,183,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,1)), color-stop(100%,rgba(0,158,195,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
border:solid 2px #0cbff5;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;	
}

.col-md-3 .title{ color:#FFFFFF; font-weight:bold; font-size:14px}
.main h2{text-align:left; font-size:22px}
.col-md-4{ 
	font-size:14px;
	text-align:justify;
	color: #0072ad;
	margin-bottom:15px;
	
	}
.price{ width:64%; float:left}
.blog{ min-width:28%; padding:5px; margin:5px; float:left; color:#212121; font-size:12px;
border:solid 3px #ffffff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	
}
.blog :hover{ color:#ffffff}
.col-md-2{ min-width:19%; margin-right:10px; float:left; margin-bottom:20px; padding:4px;}

.col-md-9{ width:90%; text-align:left; font-size:14px }
.col-md-9 h5{text-align:left}
/*plans=============================================================================*/
.plans {
  width: 64%;
  float:left;
  margin-bottom:10px;
  
}
.socialicons{position:absolute; text-align:right; width:99%; top:6px;}
.plan {
  float: left;
  width: 150px;
  margin: 20px 2px;
  padding: 15px 25px;
  text-align: center;
  background: white;
  background-clip: padding-box;
  border: 2px solid #e5ded6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.plan-title {
  margin-bottom: 5px;
  font-size: 16px;
  color: #36bce6;
}

.plan-price {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 28px;
  font-weight: bold;
  color: #fd935a;
}

.plan-unit {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-weight: normal;
  color: #aaa;
}

.plan-features {
  width: 80%;
  margin: 20px auto 15px;
  padding: 7px 0 0 7px;
  border-top: 1px solid #e5ded6;
  text-align: left;
}

.plan-feature {
  line-height: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #333;
}
.plan-feature + .plan-feature {
  margin-top: 5px;
}

.plan-feature-unit {
  margin-left: 2px;
  font-size: 12px;
}

.plan-feature-name {
  font-size: 13px;
  font-weight: normal;
  color: #aaa;
}

.plan-button {
  position: relative;
  display: block;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  background: #fd935c;
  border-bottom: 2px solid #cf7e3b;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.plan-button:active {
  top: 2px;
  margin-bottom: 2px;
  border-bottom: 0;
}

.plan-highlight {
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  width: 175px;
  border: 2px solid #37bbe6;
}
.plan-highlight .plan-button {
  font-size: 18px;
  line-height: 49px;
  background: #37bce5;
  border-color: #3996b3;
  border-color: rgba(0, 0, 0, 0.15);
}

.plan-recommended {
  width: 170px;
  margin: -15px auto 10px;
  padding-bottom: 2px;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #212121;
  text-shadow: 0 1px rgba(0, 0, 0, 0.05);
  background: #37bbe6;
  border-radius: 0 0 4px 4px;
}





/*Footer css=======================================================================*/
#footer 
{
	background-color:#FFCC00;
	height: 35px;
	width: 100%;
	text-align:center;
	float:left;
	}
#footer p{
	color:#999999;
	line-height:35px;
	font-size:16px
	}
.lt{ float:left; width:auto; padding-left:40px; font-size:12px}
.rt{ float:right; width:auto; padding-right:40px; font-size:12px}

@media (max-width:320px){
.register-top-grid div, .register-bottom-grid div {
		width: 100%;
		float: none;
	}
	
	.to input[type="text"] {
		padding: 5px;
		width: 26%;
	}
	.text {
		float: none;
		width: 100%;
	}
	.text textarea {
		width:100%;
		padding:8px;
		font-size:0.8125em;
	}
		.form-submit1 {
		float: none;
		margin: 0;
	}
	.btn{font-size:10px}
	.col-md-3{ width:85%;}
}
@media (min-width: 992px) {
  .col-md-8{
    float: left;
  }

  .col-md-8 {
    width: 66.66666667%;
	
  }
   .col-md-5 {
    width: 60.66666667%;
	float:left;
  }
.col-md-4 {
float:left;
  }
  .plans{ width:64%;}
  .price{ width:64%; padding-left:20px;}
  .blog{ min-width:28%; }
   .col-md-4 {
    width: 28.33333333%;
  }
 .col-md-3{ width:15.6%;}
 .btn{font-size:12px}
 
}
@media (max-width:768px){
.contact-top_right p {
		margin:1% 0;
	}
	.btn{font-size:10px}
	.col-md-3{ width:80.6%;}
}
@media (max-width:480px){
	.to input[type="text"] {
		margin-left: 0px !important;
		width: 100%;
		padding:8px;
		font-size:0.8125em;
	}
	.text {
		float: none;
		width: 100%;
	}
	.text textarea {
		width:100%;
		padding:8px;
		font-size:0.8125em;
	}
	.col-md-3{ width:90.6%;}
	
	}
	.sup{
		box-shadow: 5px -5px 15px #888888;
	}	
	.sup:hover{
		box-shadow: 0px 0px 10px #00ADDB;
	}