@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700,900|Lato:400,900);

body{background:#fff;margin:0;height:100%;color:#384452;font-family:'Lato',sans-serif;font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;font-weight:700}
p{padding:0;margin-bottom:12px;font-family:'Lato',sans-serif;font-weight:400;font-size:14px;line-height:24px;color:#384452;margin-top:10px}
a{padding:0;margin:0;text-decoration:none;-webkit-transition:background-color .4s linear,color .4s linear;-moz-transition:background-color .4s linear,color .4s linear;-o-transition:background-color .4s linear,color .4s linear;-ms-transition:background-color .4s linear,color .4s linear;transition:background-color .4s linear,color .4s linear}
a:hover,a:focus{text-decoration:none;color:#01b2fe}
.navbar{min-height:70px;padding-top:10px;margin-bottom:0}
.navbar-brand{font-family:'Montserrat',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;font-weight:900}
.navbar-header .navbar-brand{color:#FFF}
.navbar-default .navbar-nav>li>a{color:#FFF;font-weight:700;font-size:12px}
.navbar-default .navbar-nav>li>a:hover{color:#00b3fe}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#00b3fe;background-color:transparent}
.navbar-default{background-color:#384452;border-color:transparent}
.dropdown-menu{background:#384452}
.dropdown-menu>li>a{color:#FFF;font-weight:700;font-size:12px}
#headerwrap{background-color:#00b3fe;padding-top:100px;padding-bottom:0;text-align:center}
#headerwrap h3,h5{color:#FFF;font-weight:400}
#headerwrap h1{color:#FFF;margin-bottom:25px}
#headerwrap .img-responsive{margin:0 auto}

#service{margin:50px 0 40px}
#service i{color:#00b3fe;font-size:60px;padding:15px}

/* Footer */
#footerwrap{padding-top:60px;padding-bottom:60px;background:#384452}
#footerwrap p{color:#bfc9d3}
#footerwrap h4{color:#FFF}
#footerwrap i{font-size:30px;color:#bfc9d3;padding-right:25px}
#footerwrap i:hover{color:#00b3fe}
#blue{background:#00b3fe;margin:60px 0;padding:25px 0}
.blue-bar{background:#00b3fe;margin-top:20px;margin-bottom:20px;padding-top:25px;padding-bottom:25px;color:#FFF}

#uptime-data p.h2{margin-top:0}
#blue h3{color:#FFF;margin-left:15px}
.ctitle{color:#00b3fe;font-weight:700;margin-bottom:15px}
.spacing{margin-top:40px;margin-bottom:40px}
.badge-theme{background:#00b3fe}
.share i{padding-right:15px;font-size:18px}
.services-icon{margin:0 auto;width:90px;height:90px;line-height:90px;background-color:#EEE;color:#999;font-size:40px;border-radius:45px;text-align:center;vertical-align:middle}
.services-icon i{padding-left:3px}

@media (min-width:768px) and (max-width:992px){.container{width:initial;padding-left:2em;padding-right:2em}}
.planHeader{text-align:center;color:#FFF;padding-top:0.2em;padding-bottom:0.2em}
.planTitle{font-size:1.2em;font-weight:bold}
.planPrice{font-size:1.4em;font-weight:bold}
.planDuration{margin-top:-0.6em}
.feature{line-height:2.8em}
@media (max-width:768px){.feature{text-align:center}.planTitle{font-size:small}body #service .pull-left{float:none !important}}
.featureRow{margin-top:0.2em;margin-bottom:0.2em;border:0.1em solid rgb(163,163,163)}
.plan1{background:rgb(224,234,242)}
.planHeader.plan1 a{background:rgb(72,109,139);color:#FFF}
.planHeader.plan1{background:rgb(105,153,193);border-bottom:thick solid rgb(72,109,139)}
.plan2{background:rgb(230,235,218)}
.planHeader.plan2 a{background:rgb(108,131,62);color:#FFF}
.planHeader.plan2{background:rgb(134,162,77);border-bottom:thick solid rgb(108,131,62)}
.plan3{background:rgb(254,235,212)}
.planHeader.plan3 a{background:rgb(199,127,40);color:#FFF}
.planHeader.plan3{background:rgb(253,161,49);border-bottom:thick solid rgb(199,127,40)}
.planFeature{text-align:center;font-size:1.5em;line-height:2em}
.planFeature.icon_row{text-align:center}