/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : Hosting-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/

body { overflow-x: hidden; font-family: 'open_sansregular'; }
p { font-size: 15px; }
p.small { font-size: 12px; }
p strong{font-family: 'open_sansbold'; font-weight: normal;}
a, a:hover, a:focus, a:active, a.active { outline: 0; color: #27b8e8; }
h1, h2, h3, h4, h5, h6 {  font-family: 'montserratbold'; }
hr.line-light, hr.line-primary { margin: 25px auto 30px; padding: 0; max-width: 144px; border: 0; border-top: solid 3px; text-align: center; border-radius: 0 0 5px 5px; }
hr.line-light { border-color: #fff; }
hr.line-primary { border-color: #27b8e8; }
.section-heading h2{font-size: 40px; color: #555555;}
.section-heading p{color: #888888;}
.bg-blue{background: #27b8e8}
.bg-blue .section-heading h2{color: #fff;}
.bg-blue .section-heading p{color: rgba(255,255,255,.8)}
.bg-dark{color: #fff; background: #333333;}

.img-centered { margin: 0 auto; }
header { text-align: center; color: #fff; background: #27b8e8; }
header .container { padding-top: 100px; padding-bottom: 50px; }
header img { display: block; margin: 0 auto 20px; }
.intro-text p{line-height: 30px;}
.intro-text p span{font-size: 34px; font-family: 'montserratbold';  }
.intro-text h1{font-size: 38px; margin: 20px  0;}
.intro-text .btn{min-height: 50px; padding-left: 45px; padding-right: 45px; border-radius: 4px; line-height: 30px; margin-top: 20px;}
.btn{font-family: 'montserratbold'; text-transform: uppercase !important; font-size: 12px  !important; border: none;}
.btn-primary{background-color: #27b8e8;}
.btn-primary:hover, .btn-primary:focus{background-color: #0ea9dd;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{background-color: #0ea9dd;}
.btn-warning{background-color: #fdb902;}
.btn-danger {background-color: #e2403b;}
.btn-lg{min-height: 50px; line-height: 30px;}
.btn-warning1{background-color: #ff901e; color:#fff;}
.btn-warning1:hover, .btn-warning1:focus{background-color: #ea7e0f; color:#fff;}
.btn-warning1.active.focus, .btn-warning1.active:focus, .btn-warning1.active:hover, .btn-warning1.focus:active, .btn-warning1:active:focus, .btn-warning1:active:hover, .open > .dropdown-toggle.btn-warning1.focus, .open > .dropdown-toggle.btn-warning1:focus, .open > .dropdown-toggle.btn-warning1:hover{background-color: #ea7e0f; color:#fff;}
.text-green{color: #63c700}
.text-red{color: #e2403b}

@media(min-width:768px) {
header .container { padding-top: 200px; padding-bottom: 100px; }
header .intro-text .name { font-size: 4.75em; }
header .intro-text .skills { font-size: 1.75em; }
}

@media(min-width:768px) {
.navbar-fixed-top { padding: 35px 0; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
.navbar-fixed-top .navbar-brand { font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.navbar-fixed-top.navbar-shrink { padding: 10px 0; }
.navbar-fixed-top.navbar-shrink .navbar-brand { font-size: 1.5em; }
.navbar-default .navbar-brand{padding-top: 0px; padding-bottom: 0; height: auto; position: relative; z-index: 9999;}
	.navbar-default .navbar-nav>li>a{padding-bottom: 8px; padding-top: 8px; text-transform: none; color: #555555;}
	.navbar-default .navbar-nav>li>a.btn{border-radius: 0px; color: #fff; border: none;}
	.navbar-default .navbar-nav>li>a.btn:hover{background-color: #0ea9dd;}
	
}
@media(min-width:990px) {
	.header-intro{display: flex; align-items: center;}
}
.navbar { text-transform: uppercase; font-family: 'montserratbold'; }
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: none; color: #f8981d;}

@media(max-width:1200px) {
	.navbar-default .navbar-nav > li > a{padding-left: 10px; padding-right: 10px;}
}
section { padding: 80px 0; }
section.success { color: #fff; background: #27b8e8; }
section.success a, section.success a:hover, section.success a:focus, section.success a:active, section.success a.active { outline: 0; color: #555555; }

section.dark{background: #333333; padding: 54px 0}
section.dark .heading{color: #fff; font-size: 28px;}
section.dark .heading p{color: rgba(255,255,255,.8); font-size: 14px; margin: 0 0 25px}
section.dark .btn{vertical-align: top; border-radius: 0px; min-height: 50px;}
section.dark p{color: rgba(255,255,255,.5); font-size: 12px; margin:10px 0 0 0}
.my-group{display: inline-block; max-width: 700px; width: 100%;}
.my-group .input-group{display: flex; position: relative;}
.my-group .selectpicker{width: 110px; font-family: 'open_sansbold';-webkit-appearance: none;   -moz-appearance: none;   appearance: none;}
.my-group .form-control{border-radius: 0px; min-height: 50px; background: none; border-color: #949494; color: #fff;}
.my-group .input-group .form-control:first-child{border-right: none;}
.my-group .form-control option{background-color: #333333;}
.selectpicker  + .select-arrow{position: absolute; right: 20px; color: #fff;  height: 10px; top: 50%; margin-top: -5px; line-height: 10px;}
.our-service{background: #f8f8f8;}
.our-service .services-box{min-height: 243px; box-shadow: 0px 1px 2px 0.00px rgba(0, 0, 0, 0.1); padding: 20px; text-align: center; background-color: #ffffff; border-radius:5px; border-left: 3px solid #aaa; display: flex; justify-content: center; align-items: center}
.our-service .services-box h3{color: #555555;font-size: 18px; margin: 20px 0;}
.our-service .services-box p{line-height: 22px; font-size: 13px; color: #888888;}
.our-service .services-box.line-danger{border-color:#e2403b }
.our-service .services-box.line-primary{border-color:#27b8e8 }
.our-service .services-box.line-warning{border-color:#fdb902 }
.our-service .services-box.line-warning1{border-color:#ff901e }
.our-service [class*="col-"]{margin-bottom: 30px;}



.customers-says .slick-slide img{width: 100%;}
.customers-says .slider-nav.slick-initialized .slick-slide{margin: 0 5px;background: #27b8e8; border-radius: 5px; overflow: hidden;}
.customers-says .slider-nav.slick-initialized .slick-slide img{opacity: .2; transition: all .5s ease-in-out;}
.customers-says .slider-nav.slick-initialized .slick-slide img:hover{opacity: .5}
.customers-says .slider-nav.slick-initialized .slick-slide.slick-current img{opacity: 1;}
.customers-says .slider-nav.slick-initialized .slick-list{margin: 0 25px; padding: 0 !important}
.customers-says .client-reply {	position: relative;	background: #27b8e8;	border-radius: 5px;	padding: 20px;	margin: 0 30px 35px;	text-align: center;}
.customers-says .client-reply:after {	top: 100%;	left: 60%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(39, 184, 232, 0);	border-top-color: #27b8e8;	border-width: 20px;	margin-left: -20px;}
.customers-says .slick-slider{margin: 0;}
.customers-says .client-reply p{line-height: 22px; color: #ffffff; font-size: 14px;}
.customers-says .client-reply .client-name{font-size: 15px;}
.customers-says .client-reply .client-name strong{font-family: 'open_sansbold'; font-weight: normal; font-size: 18px;}
.customers-says .slick-prev:before, .slick-next:before {    font-family: "FontAwesome";	font-size:20px; color: #555555;}
.customers-says .slick-prev:before { content: "\f053";}
.customers-says .slick-next:before {     content: "\f054"; }
@media(min-width:768px) {	.customers-says .client-reply {	padding: 35px 70px;	margin: 0 170px 60px;}}
.customers-says [class*="col-"]{margin-bottom: 30px;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{position: relative;}


.search-expand { display: none; position: absolute; top:48px; right: 0; width: 100%; }
.search-expand-inner { }
.search-expand .themeform input { width: 100%;  border-radius: 0; min-height: 50px; border-radius: 0px; border: none; box-shadow: 0 0 20px rgba(0,0,0,.2) }


.searchform div { position: relative; }
.searchform div input { padding-left: 70px; line-height: 20px; font-family: 'open_sansregular'; }
.searchform div:after { color: #ccc; line-height: 50px; font-size: 20px; content: "\f002"; position: absolute; left: 24px; top: 0px; font-family: FontAwesome; }





.our-packages{background: #f8f8f8}

.our-packages .package-box{padding: 30px;box-shadow: 0px 1px 2px 0.00px rgba(0, 0, 0, 0.1);background-color: #ffffff; border-radius: 5px;}
.our-packages .package-box h3{color: #555555;font-size: 18px;}
.our-packages .package-box hr{border: none; height: 1px; background: #aaa; width: 190px; margin: 20px auto;}
.our-packages .package-box p{color: #888888; font-size: 13px;}
.our-packages .package-box ul{margin: 0; padding: 0; list-style: none; line-height: 29.998px; color: #333333; margin: 0 0 20px; font-size: 13px;}
.our-packages .package-box h4.price{font-size: 40px; color: #555555; margin: 25px 0;font-family: 'open_sansbold';}
.our-packages .package-box h4.price span, .our-packages .package-box h4.price sup{font-size: 15px;}
.our-packages .package-box h4.price span{font-family: 'open_sansregular';}
.our-packages .package-box h4.price sup{top: -1.2em;}
.our-packages .package-box .btn{min-height: 50px; border-radius: 5px; line-height: 30px; padding-left: 45px; padding-right: 45px;}

.our-packages .package-box.package-servers hr{background-color: #e2403b}
.our-packages .package-box.package-hosting hr{background-color: #fdb902}
.our-packages .package-box.package-computing hr{background-color:#27b8e8}
.our-packages .package-box.package-nextgen hr{background-color: #ff901e}
.our-packages [class*="col-"]{margin-bottom: 30px;}



.table-striped>tbody>tr:nth-of-type(odd){background: none;}
.table-striped>tbody>tr:nth-of-type(even){background: #f8f8f8}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-width: 1px; border-bottom: none;}
.plane-comparisons .table>tbody>tr>td, .plane-comparisons .table>tbody>tr>th, .plane-comparisons .table>tfoot>tr>td, .plane-comparisons .table>tfoot>tr>th, .plane-comparisons .table>thead>tr>td, .plane-comparisons .table>thead>tr>th{vertical-align: middle;}
.table>thead>tr{background: #f8f8f8}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: none; border-bottom: none; padding:25px 20px;}
table>thead>tr>th[align="center"]{text-align: center;}
.plane-comparisons table{margin: 0;}
.plane-comparisons table h2{font-size: 14px; color: #555555; font-family: 'open_sansbold'; font-weight: normal; margin: 0; line-height: 22px;}
.plane-comparisons table h3{font-size: 18px; color: #555555; font-family: 'open_sansbold'; font-weight: normal;margin: 0 0 10px; line-height: 22px;}
.plane-comparisons table th p{color: #888888; font-size: 13px;font-weight: normal; margin: 0;line-height: 22px;}
.plane-comparisons table th:first-child{width: 23%;}
.plane-comparisons table i.fa{font-size: 22px; line-height: 22px;}
.bottom-row th, .bottom-row td{position: relative; height: 150px}
.bottom-row th div, .bottom-row td div{background: #fff;bottom: -1px;position: absolute;left: -2px;z-index: 0;right: -1px;top: 0px; padding: 20px;}
.bottom-row td div .btn{min-height: 50px; border-radius: 5px; }
.bottom-row td div h3{font-size: 40px; margin: 10px 0 25px}
.bottom-row td div h3 sup{font-size: 18px;}
.bottom-row td div h3 span{font-size: 15px;font-family: 'open_sansregular';}
.plane-comparisons [class*="col-"]{margin-bottom: 30px;}



.data-center{color: #fff;}
.data-center h2{font-family: 'open_sansbold'; font-size: 26px; margin-bottom: 20px; }
.data-center p{font-size: 13px; color: rgba(255,255,255,.8)}
.data-center ul{margin: 0; padding: 0; list-style: none; font-size: 13px; margin: 0 0 25px;margin-top: 20px;}
.data-center ul li{position: relative; padding: 7px 10px 7px 50px;}
.data-center ul li:before{position: absolute;content: "\f058";     font-family:FontAwesome; left: 15px; color: rgba(255,255,255,.8)}
.data-center .btn{padding-left: 45px; padding-right: 45px;}


.news-blog .news-blog-box{background: #f8f8f8; box-shadow: 0px 1px 2px 0.00px rgba(0, 0, 0, 0.1);}
.news-blog .news-blog-box img{width: 100%; transition: all .2s ease-in-out;}
.news-blog .news-blog-box .img-section{position: relative; background: #000; cursor: pointer;}
.news-blog .news-blog-box .img-section .date{background-color: #f5f5f5; width: 70px; height: 68px;; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; left:0px; top:0px; opacity: 0; transition: all .2s ease-in-out;}
.news-blog .news-blog-box .img-section .date p{margin: 0; color: #27b8e8; font-size: 18px; font-family: 'open_sansbold'; line-height: 18px;}
.news-blog .news-blog-box .img-section .btn{position: absolute; top:50%; margin: -25px auto 0 -70px; width: 140px; left:50%; opacity: 0; transition: all .2s ease-in-out; }
.news-blog .news-blog-box .content{padding: 15px;}
.news-blog .news-blog-box .content h4{font-size: 16px; color: #555555; font-family: 'open_sansregular';}
.news-blog .news-blog-box .content p{line-height: 22px;color: #888888;font-size: 13px;}

.news-blog .news-blog-box .img-section:hover img{opacity: .5}
.news-blog .news-blog-box .img-section:hover .date, .news-blog .news-blog-box .img-section:hover .btn{opacity: 1; z-index: 999}
.news-blog [class*="col-"]{margin-bottom: 30px;}


.get-in-touch h2{font-size: 36px; margin:15px 0 60px}
.get-in-touch h3{font-size: 18px; font-weight: normal; position: relative; padding-bottom: 10px;}
.get-in-touch h3:before{position: absolute; left: 50%; background: #14aeff; width: 90px; height: 1px; content: ''; margin-left: -45px; bottom:0px;}
.get-in-touch p{line-height: 24px; font-size: 13px; color: #ffffff; margin: 50px 0 }

.get-in-touch-section{padding-bottom: 0}
.social-links{margin: 0; padding: 0; list-style: none; display: inline-block; width: 100%; background-color: #2e2e2f; margin-top: 30px;margin-bottom: -4px;}
.social-links li{float: left; width: 25%; text-align: center;}
.social-links li a{color: #ffffff; font-size: 30px; min-height: 143px; display: flex; align-items: center; justify-content: center;transition: all .5s ease-in-out;}
.social-links li + li a{border-left: #3b3b3c 1px solid}
.social-links li a:hover{font-size: 40px; text-decoration: none;}
.social-links li a.facebook:hover{background-color: #3b5998;}
.social-links li a.twitter:hover{background-color: #27cae8;}
.social-links li a.google-plus:hover{background-color: #f14e3a;}
.social-links li a.skype:hover{background-color: #2aa4e9;}



footer { color: #fff; }
footer .footer-below { padding: 30px 0; background-color:#333333; font-size: 13px; }


@media(max-width:768px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 0; padding-top: 3px;}
}
@media(max-width:396px) {
section.dark .btn{width: 100%;}
	section.dark .btn + .btn{margin-top: 4px;}
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.news-blog .news-blog-box .img-section .date{opacity: 1; height: auto; width: 100%; background: rgba(255,255,255,.9)}
	.news-blog .news-blog-box .img-section .date p{display: inline-block; margin: 10px 5px;}
	.news-blog .news-blog-box .img-section .btn{line-height: normal; min-height: inherit; margin-top: 0; opacity: 1; left: 0; right: 0; border-radius: 0; margin: 0; width: 100%; top: auto; bottom: 0;}
	.intro-text{text-align: center; margin-top: 70px;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top: 5px;}
	.nav > li > a.toggle-search-my{display: none;}
}