::-webkit-scrollbar {  
    width: 12px;  
}  
::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #A0A0A0;
	border-radius: 4px;
	transition: all .4s ease;
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #130F0F;  
}



/* --- Icomoon icons ---- */

@font-face {
	font-family: 'icomoon';
	src:url('../icons/icomoon.eot?skuoee');
	src:url('../icons/icomoon.eot?#iefixskuoee') format('embedded-opentype'),
		url('../icons/icomoon.ttf?skuoee') format('truetype'),
		url('../icons/icomoon.woff?skuoee') format('woff'),
		url('../icons/icomoon.svg?skuoee#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone4:before {
	content: "\e608";
}
.icon-basics-08:before {
	content: "\e600";
}
.icon-phone2:before {
	content: "\e606";
}
.icon-phone3:before {
	content: "\e607";
}
.icon-phone:before {
	content: "\e605";
}
.icon-gauge:before {
	content: "\e602";
}
.icon-old-phone:before {
	content: "\e604";
}
.icon-chat:before {
	content: "\e601";
}
.icon-phone-hang-up:before {
	content: "\e603";
}


/* ========================================================================
  Navbar
   ======================================================================= */
.navbar-inverse { /*background-color: #181818;*/ min-height: 50px !important;}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { /*background-color: #181818;*/ transition:0s all;
	-webkit-transition:0s all;
	-moz-transition:0s all;
	-o-transition:0s all;
	-ms-transition:0s all;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { /*background-color: #0088CC;*/ transition:0s all;
	-webkit-transition:0s all;
	-moz-transition:0s all;
	-o-transition:0s all;
	-ms-transition:0s all;}
.dropdown-menu { background-color: #fff; border-radius: 10px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #0088CC}
/*.navbar-inverse { background-image: none; }*/
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #999999;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


nav .logo-container {
  position: absolute;
  top: 5px;
  left: 19%;
  z-index: 10;
}

.navbar-nav li a {
 line-height: 28px;
    font-family: 'Open Sans',  sans-serif;
}



.navbar-toggle{
    margin-top: 20px;
}


.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
/*  margin-top: 15px !important; */
}


/* --- CSS --- */




h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
  	
    font-size: 100%;
  	background: #fff;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}


.build-own {
   /*  background: #40699e;*/
   background: #0093CB;
    box-shadow: 2px 5px 10px #D4D4D4;
	-webkit-box-shadow: 2px 5px 10px #D4D4D4;
	-moz-box-shadow: 2px 5px 10px #D4D4D4;
	-o-box-shadow: 2px 5px 10px #D4D4D4;
}

.border-left-top {
  border-left: solid #fff 2px;   
background: rgba(57, 73, 98, 0) !important;
    
}

.content_bottom{
	background:#f4f4f4;
	padding-top : 20px;
    padding-bottom: 0px;
    margin-top:60px;
} 
.box3{
	text-align:center;
}
.box3 p{
	color:#6d6d6d;
	font-size:1.1em;
	line-height:1.5em;
	font-weight:600;
	width:70%;
	margin:0 auto;
}
.plans{
	padding: 5em 0;
}
.pricing-table-grid ul li {
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #E7E7E7;
    padding: 10px 0;
	display: block;
	text-decoration: none;
	font-size: 0.85em;
	color: #555;
	font: 400 15px/25px Lato, sans-serif;
}
.plans_head, .plans_head1{
	display: block;
	padding:1em;
	background: #00AEEF;   
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: 'Lato', sans-serif;
 /* background:#394962; 
    background:#3A3939;
    background:#2F73B5; */
}
.plans_head1{
     background:#00AEEF; 
/*  background:#188C7B;
    background: #22B7AD 
    background: #f8a805 */
}
.plans_head h3, .plans_head1 h3{
	display: block;
	color:#fff;
	text-transform: uppercase;
	font-size: 1.5em;
}
h4.m_4{
	font-size: 4em;
	color: #FFF;
	font-weight:300;
}
small.m_2{
	font-size:40px;
	color: #FFF;
	font-weight:300;
	vertical-align: text-top;
}
small.m_3{
	font-size:22px;
	color: #FFF;
	font-weight:300;
}
.plans_head p, .plans_head1 p{
	font: 400 14px/25px Lato, sans-serif;
	color:#fff;
	line-height:1.5em;
}
.plans_head1 p{
	color:#fff;
}
.pricing-table-grid ul li a, .pricing-table-grid ul li span{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	font-size: 0.85em;
	color: #555;
	font: 400 15px/25px Lato, sans-serif;
}
.pricing-table-grid{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: #fff;
	box-shadow: 0 0 10px #D4D4D4;
	-webkit-box-shadow: 0 0 10px #D4D4D4;
	-moz-box-shadow: 0 0 10px #D4D4D4;
	-o-box-shadow: 0 0 10px #D4D4D4;
	text-align: center;
    border-radius: 10px;
}
.pricing-table-grid1{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: #fff;
	padding:2em 1em;
	text-align: center;
}
.pricing-table-grid:hover{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
}
.span_4{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
}
.span_4:hover{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
}
.pricing-table-grid:hover{
	border-color:#DBD334;
}
.button, .button1 {
	text-align: center;
}
a.button, a.button1{
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	border: 1px solid #00AEEF;
	display: inline-block;
	width: 60%;
	margin: 1em 0 1em;
	font-size: 0.95em;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	outline:none;
}
a.button1{
	background:#2bdefc;
	color:#fff;
}
.pricing-table-grid ul li:hover {
	/*color:#2bdefc;*/
    color:#8ab1da;
    
}
.pricing-table-grid:hover .button1, .pricing-table-grid1:hover .button,.pricing-table-grid:hover .button{
	background:#00AEEF;
	color:#fff;
}
.pricing-table-grid h5{
	text-transform:uppercase;
	color:#2bdefc;
	font-size:1.5em;
}
h4.m_5{
	color:#000;
}
small.sm1, small.sm2{
	color:#000;	
}
.pricing-table-grid1 h5{
	text-transform:uppercase;
	color:#2bdefc;
	font-size:1.5em;
	margin:1em 0;
}
.pricing-table-grid1 p {
	display: block;
	text-decoration: none;
	font-size: 0.85em;
	color: #555;
	font: 400 18px/25px Lato, sans-serif;
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 10px;
}
.plans_desc{
	text-align:left;
}
.plans_desc h3{
	color:#000;
	font-size:1.3em;
	font-weight:500;
}
a.contact_btn{
	background:#ff8419;
	padding:12px 40px;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
    text-decoration: none;
}
a.contact_btn:hover{
	text-decoration:none;
	background:#F8C405;
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
    color:#fff;
}
i.icon_phone{
	width: 70px;
	height: 80px;
    color: #3D6DC1;
}
i.icon_phone:hover{
	transform:scale(2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transition: opacity 0.5s, transform 0.7s ease-out;
	-moz-transition: opacity 0.5s, -moz-transform 0.7s ease-out;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.7s ease-out;
	transition: transform 0.3s ease-in-out, box-shadow 1s ease-out, border-color 1.5s;
	-moz-transition: -moz-transform 0.3s ease-in-out, -moz-box-shadow 1s ease-out, border-color 1.5s;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-box-shadow 1s ease-out, border-color 1.5s;
}
.hosting h3{
	overflow:hidden;
    text-align: left;
}



.content_bottom h2{
	color: #000;
	text-transform: uppercase;
	font-size: 1.7em;
	margin-bottom: 1.5em;
	padding: 0 15px;
	font-weight: 600; 
}

h1.m_2 {
	color: #000;
	font-size:2em;
	text-transform: uppercase;
	margin-bottom: 1em;
	padding:0 15px;
}

.iconalign {
    
  margin-left:35%;   
}
/*-- responsivness --*/
@media (max-width:1280px){
    
}

.price {
    
    padding-top: 55px;
  padding-bottom: 55px;
    
    
}


@media (max-width:991px){

.pricing-table-grid {
    
    margin-top: 20px;
}
    
.border-left-top {
    border-top: solid #fff 2px;   
    border-left: solid #fff 0px;   
    margin-right: 20px;
    padding-top: 20px;
    
}
.price {
padding-top: 0px;   
padding-bottom: 0px;  
}
    
    .text-modifier {
     text-align: center;
        
    }
    
.iconalign {
    
  margin-left:0%;  
margin-top: 10px;
}    
    
.container h2 {
    text-align: center;
    
}
.container h4 {
    text-align: center;
    
} 
    
.icon_phone {
    margin-left: 35%;
    
}
    
 .plans_desc{
        text-align: center;
        
    }
}


@media (max-width:767px) and (min-width:380px){
    
    .icon_phone {
    margin-left: 45% !important;
    
}


}

@media (max-width:767px){
    
.disc li {
    margin-left: 20px !important;
}


}

h4.m_4 {
	font-size: 3em;
}
.pricing-table-grid ul li a, .pricing-table-grid ul li span {
	padding: 6px 0;
	font: 400 14px/25px Lato, sans-serif;
}


/*-- services --*/

.services{
	background: #f4f4f4;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	padding-top: 2em;
}
.span_1{
	text-align:center;
}
.span_1 h3{
	color:#2E3B5D;
	font-size:2.2em;
    text-transform: uppercase;
    
}
.span_1 p{
	color: #D3D3D3;
	font-size: 1.1em;
	width: 65%;
	margin: 0 auto;
	font-weight: 400;
}
ul.hosting{
	padding:0;
	margin:0;
	list-style:none;
}

i.icon1:hover, i.icon2:hover, i.icon3:hover, i.icon4:hover, i.time:hover, i.platform:hover, i.fast:hover, i.data:hover{
	transform:scale(2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transition: opacity 0.5s, transform 0.7s ease-out;
	-moz-transition: opacity 0.5s, -moz-transform 0.7s ease-out;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.7s ease-out;
	transition: transform 0.3s ease-in-out, box-shadow 1s ease-out, border-color 1.5s;
	-moz-transition: -moz-transform 0.3s ease-in-out, -moz-box-shadow 1s ease-out, border-color 1.5s;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-box-shadow 1s ease-out, border-color 1.5s;
    
}




.span_2{
	margin-top:3em;
}
.span_2-top{
	margin:4em 0;
}
a.button2{
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border: 1px solid #2bdefc;
	display: inline-block;
	margin: 1em 0 1em;
	font-size: 0.85em;
	padding:8px 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	text-align: center;
}
a.button2:hover{
	background:#2bdefc;
}
i.icon1{
	/*width: 70px;
	height: 80px; */
    color: #3D6DC1;
	float:left;
	margin-right:0.2em;
}
i.icon2 {
	/*width: 70px;
	height: 80px;*/
	float: left;
	margin-right:0.2em;
    color: #3D6DC1;
}
i.icon3{
	/*width: 70px;
	height: 60px;*/
	float: left;
	margin-right:0.2em;
    color: #3D6DC1;
}
i.icon4{
	/*width: 70px;
	height: 108px;*/
    float: left;
	margin-right:0.2em;
    color: #3D6DC1;
}
.about_grid{
	background:#f4f4f4;
	padding: 5em 0 0;
	height: 557px;
}


/*-- presets clsses --*/

.padding-large {
  padding-top: 90px;
  padding-bottom: 90px;
}
.padding-medium {
  padding-top: 45px;
  padding-bottom: 45px;
}
.padding-small {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-top-large {
  padding-top: 90px;
}
.margin-top-large {
  margin-top: 90px;
}
.margin-bottom-large {
  margin-bottom: 90px;
}
.margin-top-medium {
  margin-top: 40px;
}
.margin-top-small {
  margin-top: 20px;
}
.margin-bottom-medium {
  margin-bottom: 40px;
}
.margin-bottom-small {
  margin-bottom: 25px;
}
.margin-right-small {
  margin-right: 15px;
}
.margin-right-extrasmall {
  margin-right: 5px;
}
.margin-left-small {
  margin-left: 15px;
}



.button.primary:hover, .button.primary:active, 
.button.orange:hover, .button.orange:active, 
input.submit.primary:hover, input.submit.primary:active, 
input.button.primary:hover, input.button.primary:active, 
input.submit.orange:hover, input.submit.orange:active {
	background-color: #f8a805;
	box-shadow: 0px 0px 1px #e47200 inset;
}




.button-price.primary, .button-price.orange .button-price.primary.inactive:hover {
	background-color:#ff8419;
	color:#ffffff;
}

a.button-price {
	color:#fff;
	text-decoration: none;
}

.button-price:hover, .button-price:active{
	background-color: #f8a805;
	box-shadow: 0px 0px 3px #49494b inset;
}

a:hover, a:visited { color: #0088cc; }

.button-price{
	font-size: .9375em;
	height:auto;
	padding: .625em 1.5em;
	color:#fff;
	background:#f8a805;
	text-transform:uppercase;
	display:inline-block;
	text-align: center;
	cursor: pointer;
	border:none;
	-moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    min-width: 190px;
	margin: 1.03em 0;
	max-width:400px;
	font-weight: 700;
    border-radius: 5px;
}

.host_desc i{
font-size: 70px; 
float: left; 
margin-top: 15px;"
}


.host_desc h2{
margin-top: 35px;
    color: #2D2C2C;
}


/* ==== Footer === */

.footer {
    
 font-size: 13px;   
 background: rgba(0, 8, 5, 0.5) url(../img/slider-overlay.png);
 text-shadow: 0px -1px 0px #000;
 background-repeat: repeat;
 color: #fff
}

.footer h3{ 
    
 font-size: 20px;
}

.disc {
    padding-left: 0px !important;
}

.disc li {
    
 list-style-type: disc;
 margin-left: 20%;
 color: #b0b0b0;
 
}

.footer p {
 color: #b0b0b0;   
    
}

.under-footer {
    background-color:  #333333;
    color: #fff;
    font-size: 12px
    
    
}

.under-footer p {
    
  margin-top: 7px;
}

.under-footer p a {
    
    color: #fff
}

.fa-twitter {
    
    color: #00aced;
}

.fa-facebook {
    
     color: #3b5998;
}

.fa-linkedin {
    
    color: #007bb6;
}