::selection {
	background: rgb(54, 170, 226);
	color: #ffffff;
}

::-moz-selection {
	background: rgb(54, 170, 226);
	color: #ffffff;
}

body {
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
.navbar-custom-menu ul li:hover ul{
        display: block; /* display the dropdown */
    }
.separator {
	border-bottom: 2px solid #f1f2f3;
}

.margin15 {
	margin-top: 15%;
}

.margin-15 {
	margin-bottom: 15%;
}
.margin10 {
	margin-top: 10%;
}

}
.margin-10 {
	margin-bottom: 10%;
}

.margin5 {
	margin-top: 5%;
}

.margin-5 {
	margin-bottom: 5%;
	float:left;
}

/* ==== 2) Typography ==== */


.btn-lg, .btn-group-lg > .btn

{
border-radius:0;	
}


p {
	color: #25272B;
}
h1 {
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-size: 62px;
	line-height: 1;
	font-weight: 100;
	letter-spacing: -2px;
}
h2 {
	font-family: 'Roboto', sans-serif;
	color: #25272B;
	font-size:40px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: -2px;
	-webkit-text-stroke: 0.01em;
}
@media (max-width: 568px) {
	h1, h2 {
		font-size: 38px;
		letter-spacing: -1px;
	}
}

h3 {
    font-family: 'Roboto', sans-serif;
	color: #25272B;
	font-size: 21px;
	font-weight: 200;
	line-height: 1;
	margin: 15px 0 7px 0;
	-webkit-text-stroke: 0.03em;
}

h3 a {
	-webkit-text-stroke: 0.03em;
}

span {
	color: rgb(54, 170, 226);
}

a {
	color: rgb(54, 170, 226);
}

a:hover {
	color: #308fbd;
	text-decoration: none;
}

/* ==== 3) Intro ==== */

#home
{
background:#0088C2;
}

#terms
{
background:url("../images/bg_1_blue.jpg") no-repeat;
background-size:100%;
}
.btn-awesome {
	background: rgba(255, 255, 255, 0.4);
	color: #fff;
	border: 0;
	border-radius: 0px;
	padding: 20px 40px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.btn-awesome:hover
 {
	background: #fff;
	color: #5c5c5c ;
	border: 1px solid #fff;
}
.float {
	-webkit-animation-name: floatingx;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: floating;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes floatingx{
	from {-webkit-transform: translate(0, 0px);}
	50% {-webkit-transform: translate(0, 20px);}
	to {-webkit-transform: translate(0, -0px);}
}

@-moz-keyframes floating{
	from {-moz-transform:translate(0, 0px);}
	50% {-moz-transform:translate(0, 20px);}
	to {-moz-transform: translate(0, -0px);}
}

.scaling {
	-webkit-animation-name: scalex;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: scale;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalex{
	from {-webkit-transform: scale(0.9);}
	50% {-webkit-transform: scale(1.0);}
	to {-webkit-transform: scale(0.9);}
}
	
@-moz-keyframes scale{
	from {-moz-transform: scale(0.9);}
	50% {-moz-transform: scale(1.0);}
	to {-moz-transform: scale(0.9);}
}
/* ==== 4) Features, Gallery and Contact ==== */

#features, #contact, #testimonials {
	background: #ffffff;
}
#team, #forum {
	background: #f5f5f5;
}

#gallery .col-lg-3, #gallery .col-lg-4, #gallery .col-lg-6, #gallery .col-lg-12,
#gallery .col-md-3, #gallery .col-md-4, #gallery .col-md-6, #gallery .col-md-12,
#gallery .col-sm-3, #gallery .col-sm-4, #gallery .col-sm-6, #gallery .col-sm-12,
#gallery .col-sx-3, #gallery .col-sx-4, #gallery .col-sx-6, #gallery .col-sx-12 {
	padding-top: 15px;
	padding-bottom: 15px;
}

#features .col-lg-12 img {
	border-bottom: 1px solid #f1f2f3;
}

.thumbnail {
	padding: 0px;
	border: none;
	border-radius: 0;
	cursor: url('../img/cursor.cur'), crosshair;
	cursor: url('../img/cursor.png') 30 30, crosshair;
}
a.thumbnail {
	background: #000;
}
.thumbnail img {
	background: #000;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.thumbnail img:hover {
	opacity: .95;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(50%);
}
blockquote {
	margin: 0;
	border-left: 2px solid #f1f2f3;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
blockquote:hover {
	border-left: 2px solid rgb(54, 170, 226);
}
.form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}
.form-group, label {
    font-weight: 500;
    line-height: 2.2;
}
.honeypot {
	display: none !important;
}
.message {
	display: none;
}
#form-alert {
	padding: 5px 15px 5px 15px;
	margin: 15px 0 0 0;
}
.btn:focus {
	background: rgb(54, 170, 226);
	color: #fff;
	outline: 0px auto transparent;
	outline-offset: -2px;
}
.flowuplabels .fl_wrap {
	height: 45px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flowuplabels .fl_label {
	top: 12px;
	position: absolute;
	z-index: 3;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-transition: all .1s linear;
}
.flowuplabels .fl_input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #f1f2f3;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 2px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 0 0 10px;
    z-index: 2;
}
 
.flowuplabels .fl_wrap.focused .fl_label,
.flowuplabels .fl_wrap.populated .fl_label {
	top: -5px;
	font-size: 12px;
}
.flowuplabels .fl_wrap.focused .fl_label {
	color: rgb(54, 170, 226);
}
#terms {
	text-align: center;
}
#terms a {
	color: #fff;
}
.modal-header {
	border: none;
}
.modal-header h3 {
	font-family: 'Roboto', sans-serif;
	color: #25272B;
	font-size: 49px;
	line-height: 48px;
	font-weight: 300;
	letter-spacing: -2px;
	-webkit-text-stroke: 0.005em;
}
.modal-content {
	border: none;
	border-radius: 0px;
	box-shadow: none;
}
.modal-backdrop.in {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.close {
	font-size: 26px;
	text-shadow: none;
	opacity: .5;
	filter: alpha(opacity=50);
	position: absolute;
	right: 10px;
	top: 5px;
}
.footer {
    
    text-align: center;
    
    background: url("../images/widget-top-bg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    padding: 40px 0 30px;
    text-align: center;
}
.footer p {
  color: #87898a;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}
.footer i {
	color: #fff;
	padding: 10px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.footer i:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(54, 170, 226);
	z-index: 9999;
	position: fixed;
}
#status {
	width: 128px;
	height: 128px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -64px 0 0 -64px;
}
.go-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	text-decoration: none;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	font-size: 13px;
	padding: 1em;
}
.go-top:hover {
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

/******************************************************************************/

.img-responsive
{
    display: inline-block;
}

.block-center
{
    margin-left: auto;
    margin-right: auto;
}

.btn-awesome
{
    background: rgb(54, 170, 226);
    background: rgba(54, 170, 226, 0.8);
    
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
}

.btn-awesome
{
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 0 0 0 0;
    padding: 13px 20px;
}




/* .btn-awesome:hover
{
    background: orange;
    color: #fff;
    border: 1px solid rgb(54, 170, 226);
    
} */

.btn-awesome:active
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Blue version*/




h1
{
    color: rgb(54, 170, 226);
}

/* Blue version*/

h1
{
    color: #fff;
}

.text-blue
{
    color: rgb(54, 170, 226);
}

.text-red
{
    color: #ff0073;
}

.text-green
{
    color: #86c953;
}

.btn-red
{
    background: #ff0073;
}

.btn-red:hover
{
    background: #E70068;
}

.btn-green
{
    background: #86c953;
}

.btn-green:hover
{
    background: #7AB64D;
}

#intro-image
{
    margin-top: 30px;
}

#intro-features span {
  color: #fff;
  display: block;
  line-height: 36px;
}

.content-box p {
  color: #fff;
  font-size: 14px;
  line-height: 2;
}
.widget_wrap h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.widget_wrap p {
  color: #5c5c5c;
  font-size: 14px;
  line-height: 1.8;
}

.opinion
{
    font-style: italic;
    font-size: 20px;
    font-style: italic;
    text-align: center;
}

.opinion span
{
    display: block;
    font-size: 14px;
    margin-top: 10px;
}
.outer_sign {
    margin: 20px 0 25px;
}

#fb-like
{
    margin-top: 42px;
    padding: 20px;
}
.navbar-nav > li > a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 3px;
    margin-top: 10px;
    
    padding: 10px;
    text-shadow: none;
}
.navbar-nav > li > a:hover, .navbar-nav > .active > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    padding: 9px;
}
.navbar-nav.navbar-right:last-child {
    margin: 5px 0 0;
}
.flat .plan {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 0 7px #ddd;
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0 0 20px;
    text-align: center;
}
.flat .plan li {
  padding: 10px 15px;
  color: #727272;
  border-top: 1px solid #E8E8E8;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.flat .plan li.plan-price {
  border-top: 0;
}
.flat .plan li.plan-name {
  background: none repeat scroll 0 0 #36a9e1;
  border-radius: 6px 6px 0 0;
  border-top: 0 none;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 30px;
  padding: 15px;
  text-transform: capitalize;
}
.flat .plan li > strong {
  color: #36A9E1;
}
.flat .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
/*.flat .plan.featured {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}*/
.flat .plan.featured li.plan-name {
  background: #FE7A46;
}
.flat .plan.advance li.plan-name {
    background: none repeat scroll 0 0 #86c953;
}

.pricing-table{
padding:20px 0;
}
.internal_header h3 {
    color: #000;
    font-size: 34px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 #000000;
}
.navbar {
    margin-bottom: 0;
}

.internal_wrapper {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  margin-top: 12px;
  min-height: 500px;
  width: 100%;
}
.login_form {
    border: 1px solid #ddd;
    margin-top: 34px;
    padding: 20px;
}
.login-page {
    min-height: 610px;
}
.footer_bottom {
  background: none repeat scroll 0 0 #16181c;
  color: #fff;
  padding: 12px 0;
}																																		

.nav.nav-pills > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 8px 13px;
    position: relative;
}
.nav.nav-pills > li > a:hover {
 background:none;
 color:orange;
}
.copy_right {
  color: gray;
 
  position: relative;
  top: 10px;
}
.login_form_inner .form-control {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    height: 40px;
}
.login_here {
  margin: 15px 0;
}
.errorMessage {
    color: red;
    padding: 6px 0 0;
}
.login_form_inner .form-control:focus
{
	border:2px solid #0088C2;

}
.login_btn {
    background: none repeat scroll 0 0 #0088c2;
    padding: 8px 0;
}
.forget {
    text-decoration: underline;
}
.login_height {
  min-height: 538px;
}
.or {
    border-left: 1px solid #b1b6b6;
    box-shadow: 0 0 1px #ffffff;
    float: left;
    height: 240px;
    line-height: 240px;
    margin: 0 44px 0 50px;
    width: 1px;
}
.or > span {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #b3b3b3;
    border-radius: 43px;
    color: #000;
    height: 20px;
    margin: 0 -22px;
    padding: 12px;
}
.login_form_inner {
    border: 1px solid #000;
}
.login_form_inner {
  background: none repeat scroll 0 0 #f5f5f5;
  border: medium none;
  border-radius: 4px;
  margin: 70px 0 0;
  padding: 25px 25px 62px;
}
.contact_us {
  border: none;
  margin-bottom: 26px;
  /* margin-top: 31px; */
  padding: 15px;
  background:#f5f5f5;
}
.login-box {
  padding: 33px 28px;
}
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    height: 40px;
    line-height: 18px;
    padding: 4px;
}
.help-block.error {
    color: red;
}



.right_footer h6 {
  padding-right: 25px;
}
.control-label.required {
  display: -moz-popup!important;
}
.right_footer {
  bottom: 16px;
  position: relative;
}
.powered_by {
  color: gray;
}
#hybridauth-Google > img {
  margin: 19px 74px;
}
#hybridauth-Facebook > img {
  margin: 0 75px;
}
.content-line.content-gray {
  background: none repeat scroll 0 0 #f3f6f7;
}
.content-line {
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  padding-bottom: 30px;
  width: 100%;
}
/* .feature {
  margin: 0 auto;
  max-width: 1000px;
} */
.fadeInUp {
  animation-name: fadeInUp;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.feature h3 {
  color: #3598dc !important;
  font-family: "Roboto",sans-serif;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: -2px;
  text-transform: uppercase;
}
.feature p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2.0;
  margin-top: 20px;
  color: #5c5c5c;
}
.why_us_heading {
  color: #25272b;
  font-family: "Roboto",sans-serif;
  font-size: 35px;
  font-weight: 300;
  padding: 25px 0 0px 0px;
  text-align: center;
}
.feature-desc {
  margin-top: 48px;
}

 .form-horizontal .control-label
{
text-align:left!important;	
}
.form-control.dropdown_input {
  max-width: 74%;
}
.footer_nav_btn {
  margin-top: 22px;
}
.sidebar-left {
  background-color: #20252b;
  float: left;
  left: 0;
  min-height: 92.8% !important;
  position: absolute;
  top: 0;
  width: 250px;
}
.footer_watermark {
  font-size: 12px;
  padding-top: 12px;
}
.nav.nav-pills a {
  font-size: 20px !important;
}
.copy_right > a {
  color: #2fade0;
}
.footer_content > p {
  font-size: 14px;
  font-weight: initial;
  float:left;
  text-align:justify;
}
.footer_content h3 {
   border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 #686262;
    color: white;
    font-size: 18px;
    font-weight: unset;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-align:left;

}
.footer_content > ul {
    float: left;
    list-style-type: none;
    padding:0;

}
.footer_content li {
 padding: 0;
    text-align: left;
}
.footer_content a {
   color: #87898a;
    display: inline-block;
    padding: 5px 0;
    text-align: left;
}
.social-links {
  list-style-type: none;
  float:left;
  padding-left:0;
  padding-top:13px;
}
.fa.fa-facebook {
  background: none repeat scroll 0 0 #3b5a9b;
  border-radius: 5px;
  font-size: 16px;
  padding: 9px 15px;
  margin-right:14px;
}
.fa.fa-twitter {
  background: none repeat scroll 0 0 #1d91f1;
  border-radius: 5px;
  font-size: 18px;
  padding: 8px 11px;
  margin-right:14px;
}
.fa.fa-google-plus {
  background: none repeat scroll 0 0 #db2814;
  border-radius: 4px;
  font-size: 18px;
  padding: 8px 11px;
  margin-right:14px;
}
.footer_nav > ul {
  padding-right: 0;
}
.panel-group h4 {
  color: steelblue;
}
.heading > h3 {
  font-weight: 400;
}
.panel-heading i {
  font-weight: bold;
}
.img-responsive.logo_img {
  height: 49px;
  position: absolute;
}
.footer_content .margin-5 {
  height: 49px;
}
.btn-group {
  margin-bottom: 15px;
}
.pull-right.btn-group {
  margin-bottom: 14px;
}
.circle {
  background: #0088C2;
  border: 2px dashed white;
  border-radius: 100px;
  color: white;
  display: inline-block;
  font-size: 26pt;
  height: 200px;
  margin-bottom: 20px;
  padding: 50px 0;
  width: 200px;
}
#usage {
  background: url("../images/homepage-usage.png") repeat scroll center -30px rgba(0, 0, 0, 0);
  color: white;
  position: relative;
}
.circle {
  color: white;
  font-size: 26pt;
}
.circle small {
  display: block;
  font-family: "Roboto",sans-serif;
  font-size: 17pt;
  font-weight: 100;
  line-height: 18pt;
}
.why_content {
  background: #fff;
  padding: 50px 0;
}
#usage .arrow1 {
  left: 376px;
  margin-left: 0;
  top: 59px;
  width: 300px;
}
#usage .arrow {
  color: #0088c2;
  font-size: 15px;
  position: absolute;
}
#usage .arrow2 {
  right: 452px;
  top: 56px;
}
.customer img {
  margin-top: 40px;
}
.bs-docs-nav {
  height: 0px;
}
.navbar {
  min-height: 0px;
}
.login_layout {
  border-top: 1px solid white;
  padding-bottom: 3px;
}
.contact_heading {
  padding: 0;
}
.right_space {
  margin-right: 6px;
}
.login-box-content > p {
  line-height: 26px;
  text-align:justify;
}
.light-blue > span {
  color: #fff;
}
.admin_btn {
  margin-top: 10px;
}
.start_chat_form .form-control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #fff;
  border-color: #dedede #dedede #dedede #36a9e1;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 2px;
  height: 40px;
  margin-bottom: 13px;
  padding: 0 10px;
  width: 92%;
}


/*===========================   PRICING TABLES =============================*/

.hosting_plans .plan a.but_signup:hover{
	background-color: transparent;
  color: black;
  border: 1px solid #222;
  border-radius: 0px;
}
.hosting_plans {
  margin: 0px 0 74px;

}

.hosting_plans .btn
{
border:none;
border-radius:2px;	
}

.hosting_plans .plan 
 {
    background-color: #fff;
    box-shadow: 0 0 4px #cfcfcf;
    float: left;
    padding: 0 0 20px;
    width: 100%;
}
.hosting_plans .plan.active .title h4 {
  background-color: #269442;
    border-bottom: 1px solid #188634;
}
.hosting_plans .plan .title {
  background: rgba(0, 0, 0, 0) url("../images/plan-title-bg.png") no-repeat scroll center top;
  float: left;
  height: 100px;
  text-align: center;
  width: 100%;
  background-size: 100% ;
}
.hosting_plans .plan.active .title {
  background: rgba(0, 0, 0, 0) url("../images/plan-title-bg2.png") no-repeat scroll center top;
  float: left;
  height: 100px;
  text-align: center;
  width: 100%;
}
.hosting_plans .plan.trail .title {
  background: rgba(0, 0, 0, 0) url("../images/plan-title-orange.png") no-repeat scroll center top;
  float: left;
  height: 100px;
  text-align: center;
  width: 100%;
}
.hosting_plans .plan.trail .title h4 {
    background-color: #cf9726;
    border-bottom: 1px solid #bb8312;
}
.hosting_plans .plan .title strong {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.hosting_plans .plan .title strong em {
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}
.hosting_plans .plan ul {
  float: left;
  list-style: outside none none;
  margin: 10px 0 20px;
  padding-left: 0;
  width: 100%;
}
.hosting_plans .plan li {
  border-bottom: 1px solid #eee;
  color: #5c5c5c;
  font-size: 14px;
  line-height: 34px;
  padding-left: 35px;
}
.hosting_plans .plan li i {
  color: #9a9a9a;
  margin-right: 5px;
}
.hosting_plans .plan .btn-outer  .but_signup {
  background-color: #393a3b;
  box-shadow: none;
  border:0px solid;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 9px 18px;
  text-align: center;
  text-transform: uppercase;
}
.hosting_plans .plan.active .btn-outer .but_signup {
  background-color: #1889c1;
  border-radius: 4px;
  color: #fff;
  float: left;
  font-size: 14px;
  margin-left: 64px;
  padding: 9px 18px;
  text-align: center;
  text-transform: uppercase;
}
.hosting_plans .plan .title h4 {
  background-color: #136e9a;
  border-bottom:1px solid #05608c;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  padding: 7px;
  text-transform: uppercase;
  margin-top: 0px;
}
.hosting_plans .col-md-3 {
  padding: 12px;
}



.input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 100%;
}

 .searchbtn{
    background-color: #0088C2; /* Green */
    border: none;
    color: white;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}
/*************blog**********/
.newsblog.single {

  padding: 20px 0 70px;
}
.newsblog.single .single-news {
  background: #fff none repeat scroll 0 0;
  padding: 15px;
}
.newsblog .single-news {
  background: #faf9f9 none repeat scroll 0 0;
  border: 1px solid #eeeeee;
  margin-top: 50px;
}
.newsblog .single-news .news-head {
  overflow: hidden;
  position: relative;
}
.newsblog .single-news .news-head img {
  display: block;
  height: 250px;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 3;
}
.newsblog.single .news-content {
  padding: 20px 20px 0;
}
.newsblog.single .news-content h4 {
  font-size: 25px;
}
.newsblog .news-content h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: "Work Sans",sans-serif;
font-weight: 500;

}
.newsblog .news-content h4 a {
  color: #363636;
  cursor: pointer;
  text-transform: capitalize;
  border: medium none;
outline: medium none;
text-decoration: none;
}
.newsblog .news-content .date {
  color: #bbb;
  font-size: 13px;
  margin-bottom: 20px;
}
.newsblog .news-content p {
  color: #888;
  font-size: 14px;
  line-height: 24px;
}
.newsblog .news-content a {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 15px;
  margin-top: 24px;
  padding: 0;
}
.newsblog .news-share {
  padding: 20px;
  text-align: left;
}
.newsblog .news-share ul li.share {
  font-weight: 500;
  text-transform: uppercase;
}
.newsblog .news-share ul li {
  display: inline-block;
  margin: 0 6px 6px 0;
}
.newsblog .news-share ul li a {

  border-radius: 100%;
  color: #fff;
  display: block;
  line-height: 30px;
  text-align: center;

}
.news-share > ul {
  padding-left: 0;
}
.news-share li a i {
  margin-right: 0!important;
}
.newsblog .news-content ul li {
  color: #888;
  font-size: 14px;
  line-height: 28px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: -5px;
}
.no-margin
{
	margin:0px;
}
.content-box h1 {
  font-size: 45px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.margin-tp-bt
{
	margin:25px 0px;
}
.circle strong {
  font-weight: 500;
}