@charset "utf-8";

@import url(menu.css);
@font-face {
  font-family: 'HelveticaNeu-bd';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/HelveticaNeu/HelveticaNeueW23forSKY-Bd.ttf) format("truetype")
}
@font-face {
  font-family: 'ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/ubuntu-font-family/Ubuntu-B.ttf) format("truetype")
}
@font-face {
  font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/roboto/Roboto-Light.ttf) format("truetype")
}
@font-face {
  font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/roboto/Roboto-Regular.ttf) format("truetype")
}
/* ---------------start reset ---------------*/
*{
    box-sizing: border-box;
    transition:all 0.2s linear;
    margin:0;padding:0;
    outline: none
}
body{
    font-family:'ubuntu';

}
.html{
    overflow:hidden;
}

a,a:hover,a:active,a:focus,a:visited{
    text-decoration:none;
    outline: none
}
img{
    max-width:100%
}
ul ,ol{
    margin-bottom:0
}
ul, ol ,li{list-style:none}
html{
  overflow-x:hidden;
  overflow-y:auto;
}

/* ---------------end reset ---------------*/

/*--------------- start nav ----------------*/
nav{
    line-height:50px;
    background:#FFF;
    color:#2d363f;
    font-size:14px;
}
nav .call-us{
    font-family: 'Roboto-Regular';
}


nav .call-us span{
    font-family: 'Roboto-Regular';
    font-weight:bold;
}
.nav-btns{

}
.nav-btns ul{
    margin-bottom:0
}
.nav-btns li{

}
.nav-btns li a{
    display:block;
    color:#2d363f;
    font-size:15px
}
.nav-btns li:hover a,.nav-btns li.active a{
    color:#41a8d3;
}
/*--------------- end nav ----------------*/

/*--------------- start header--------------*/
header{
    background:#2d363f;
    min-height:100px;
    padding-top:27px
}
header.fixed{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:9999;
    padding-top:3px;
    min-height:initial
}

header .logo{
    padding-top:5px
}
header .logo img{
    width:161;
    height:37px;
}
header.fixed .logo img{
    width:auto;
    height:30px;
    padding-top:5px
}
/*--------------- end header--------------*/

/*--------------- start main-slider--------------*/
.main-slider{
    background:#2b3640 url(../images/slide-bg.png) no-repeat center top ;
    background-size: cover;
    overflow:hidden;
    height:527px;
    padding-top:0
}
.main-slider .container{
    position:relative;
}

.big-slider{

}
.big-slider .slide-content{
    color:#FFF;
    float:left;
    padding-top:65px;

}
.big-slider .top-text{
    font-size:18px
}

.big-slider .slide-content h2{
    font-size:40px;
    margin-bottom:30px ;
    font-family: 'Roboto';
}
.big-slider .slide-content p {
    font-family: 'Roboto-Regular';
    font-size:16px
}
.big-slider .slide-content p i{
    margin-right:7px;
    font-size:16px
}

.big-slider .slide-thumb{
    float:right;
    padding-top:57px;

}

.big-slider .slide-thumb img{
    max-width:729px;
    max-height:470px
}
.main-slider .next-slide,.main-slider .prev-slide{
  width:35px;
  height:70px;
  background:#212c36;
  color:#CCCCCC;
  text-align:center;
  line-height:70px;
  font-size:16px;
  border-radius:3px;
  position:absolute;
  top:215px;
  cursor: pointer
}
.main-slider .next-slide:hover,.main-slider .prev-slide:hover{
    background:#CCCCCC;
    color:#212c36
}

.main-slider .next-slide{
    right:-50px
}
.main-slider .prev-slide{
    left:-50px
}
.main-slider .more-details{
    margin-top:20px;

}

.ms-button{
  border-bottom:4px solid #387189;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#53d2c7+0,42aad2+100 */
  background: #53d2c7; /* Old browsers */
  background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */
    padding:15px 40px;
    line-height:55px;
    height:55px;
    border-radius:5px;
    color:#FFF;
    width:145px;
    font-family: 'Roboto-Regular';
    font-size:16px
}
.ms-button:hover{
    background:#5BC2E0;
    color:#FFF;
}

/*--------------- end main-slider--------------*/

/*--------------- start domain-search--------------*/
.domain-search{
   font-family: 'Roboto';
   padding:60px 0
}
.domain-search h3{
   color:#2d363f;
   font-size:25px;
   margin-top:10px;
   margin-bottom:20px;
   font-family: 'Roboto-Regular';
}
.domain-search form{
    padding-left:0
}
.domain-search .form-control{
    height:45px;
    border-radius:0;
    border-color:transparent transparent #CCC transparent;
    box-shadow:none;
    color:#2d363f;
    font-size:13px;
    padding-left:0;
    padding-right:0;

}
.domain-search button,.domain-prices .domain-item{
    width:60px;
    height:45px;
    border:none;
    background: #53d2c7; /* Old browsers */
    background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */
    color:#FFF;
    font-size:15px;
    border-radius:3px
}

.domain-prices{
    text-align:right
}
.domain-prices .domain-item{
    width:90px;
    text-align:center;
    cursor:pointer;
    margin-right:15px;
    margin-bottom:5px;
    float:right
}
.domain-prices .domain-item:last-child{

}
.domain-search button:hover,.domain-prices .domain-item:hover,.domain-prices .domain-item.active{
    color:#2d363f;
    box-shadow:0 2px 1px #929292;
    background:#FFF
}

.domain-prices .domain-item p:first-child{
    font-size:14px;
    font-weight:bold;
    margin-bottom:0;
    padding-top:5px;
}
.domain-prices .domain-item p:last-child{
    font-size:13px;
    font-weight:normal
}
.domain-links{
    margin-top:30px;
}
.domain-links a{
    display:inline-block;
    border-right:1px solid #CCC;
    padding-right:15px;
    margin-right:10px;
    color:#c4c4c4;
    font-size:14px
}
.domain-links a:last-child{
    padding-right:0;
    margin-right:0;
    border-right:0
}
.domain-links a:hover,.domain-links a.active{
   color:#2d363f
}

/*--------------- end domain-search--------------*/

/*--------------- start about us--------------*/
.about-us{
    background:#f9f9f9;
}
.about-us .about-top{
   padding: 0 45px;
   font-family: 'Roboto';
}
section{
    padding:60px  0
}
.about-us{
    padding-bottom:100px
}
.section-title{
   color:#2d363f;
   font-size:29px;
   margin:5px auto 15px auto;
   text-align:center;
   font-family: 'Roboto-Regular';
}
.btn-more{
    margin-top:30px;
}

.section-description{
    color:#919191;
    font-size:16px;
    padding:0 100px;
    padding-bottom:30px;
    font-family: 'Roboto';
    text-align:center;
    line-height: 30px;
}
.about-us .section-description{
    border-bottom:1px solid #e1e1e1;
}

.about-why-choose{

}
.about-why-choose h3{
    font-size:29px;
    font-family: 'Roboto-Regular';
    margin:30px auto
}
.about-why-choose .why-choose-container{
    min-height:575px;
    background:url(../images/why-bg.png) no-repeat center center;
    padding:40px 0;
    position:relative;
    overflow-x:hidden;
    margin-bottom:30px
}

.about-why-choose .why-choose-item{
    width:450px;
    float:left;
    cursor: pointer;
}

.about-why-choose .why-choose-item:nth-child(1) ,.about-why-choose .why-choose-item:nth-child(2){
    margin-bottom:260px;
}
.about-why-choose .why-choose-item:nth-child(1) h4{color:#ff6f57;animation-delay: 0.5s; }
.about-why-choose .why-choose-item:nth-child(2) h4{color:#b2e680;animation-delay: 1.0s; }
.about-why-choose .why-choose-item:nth-child(3) h4{color:#ffd25f;animation-delay: 7s; }
.about-why-choose .why-choose-item:nth-child(4) h4{color:#4bd4c0;animation-delay: 1.5s; }
.about-why-choose .why-choose-item:nth-child(1) {animation-delay: 0.4s; }
.about-why-choose .why-choose-item:nth-child(2) {animation-delay: 0.8s; }
.about-why-choose .why-choose-item:nth-child(3) {animation-delay: 1.2s; }
.about-why-choose .why-choose-item:nth-child(4) {animation-delay: 1.6s; }
.about-why-choose .why-choose-item .item-content{
    width:330px;
    float:left;
    text-align:right;
    padding-left:0;
    padding-right:40px;

}
.about-why-choose .why-choose-item .item-content p{
    color:#7f7f7f;
    font-size:13px;
    font-family: 'Roboto';
    line-height:23px;
    width:250px;
    height:70px;
    overflow:hidden;
    float:right
}

.about-why-choose .why-choose-item .item-ico{
    float:right;
    transition:all 0.5s ease-in-out
}
.about-why-choose .why-choose-item:hover .item-ico{
    transform:rotateY(180deg);
}


.about-why-choose .why-choose-item.right{
    float:right
}
.about-why-choose .why-choose-item.right .item-content{
    float:right;
    text-align:left;
    padding-left:40px;
    padding-right:0
}

.about-why-choose .why-choose-item.right .item-content p{
    float:left
}

.about-why-choose .why-choose-item.right .item-ico{
    float:left
}
.about-why-choose .why-choose-item .item-ico img{
}
.about-why-choose .why-choose-center{
    position:absolute;
    top:175px;
    left:395px;
    color:#FFF;
    text-align:center;
    width:387px;
    height:225px;
    overflow:hidden;
    opacity:1
}

.about-why-choose .why-choose-center h4{
    font-size:20px;

}
.about-why-choose .why-choose-center p{
    font-size:13px;
    font-family: 'Roboto';

}

/*--------------- end about us--------------*/

/*--------------- start services --------------*/
.services{

}
.services .service-item{
    border:1px solid #EDEDED;
    border-radius:5px;
    padding:45px 12px;
    margin-bottom:30px;
    min-height: 375px
}
.services .service-item:hover{
    box-shadow:0 0 25px rgba(136, 136, 136, 0.39)
}

.services .service-item .service-ico{
    margin-bottom:30px
}
.services .service-item h4{
    color:#2d363f;
    font-size:17px;
    margin-bottom:15px;
    font-family: 'Roboto-Regular';
    font-weight:600
}
.services .service-item p{
    color:#a8a8a8;
    font-size:12px;
    font-family: 'Roboto';
    margin-bottom:25px;
}
.services .service-item a{
    color:#a8a8a8;
    font-size:12px;
    font-family: 'Roboto';
    padding:7px 15px;
    border:1px solid #EDEDED;
    border-radius:3px
}
.services .service-item a:hover{
    color:#FFF;
    border-color:transparent;
}
.services .btn-more{
    margin-top:5px
}

.services-container .col-sm-6:nth-child(1) a:hover{background:#ffc107}
.services-container .col-sm-6:nth-child(2) a:hover{background:#2196f3}
.services-container .col-sm-6:nth-child(3) a:hover{background:#00c853}
.services-container .col-sm-6:nth-child(4) a:hover{background:#f44336}
.services-container .col-sm-6:nth-child(5) a:hover{background:#00c853}
.services-container .col-sm-6:nth-child(6) a:hover{background:#ffc107}
.services-container .col-sm-6:nth-child(7) a:hover{background:#f44336}
.services-container .col-sm-6:nth-child(8) a:hover{background:#2196f3}
/*--------------- end services --------------*/

/*--------------- start features --------------*/
.features{
    background:#f9f9f9;
    font-size:15px;
    color:#929191;
    font-family: 'Roboto';
}
.features .column{
    margin-top:60px
}

.features .column p{
    margin-bottom:15px;
    font-size:16px
}
.features .column i{
    margin-right:15px;
    color: #7F7F7F;
}
/*--------------- end features --------------*/

/*--------------- start host-serv --------------*/
.host-serv{
    background:#303942 url(../images/plans-bg.png) no-repeat top right;
    padding-bottom:0px
}

#host-serv-nav{
   margin-bottom:60px;
}
#host-serv-nav >div{
  font-family: 'Roboto';
  color:#FFF;
  border:1px solid #FFF;
  display:inline-block;
  padding:5px 15px;
  margin:5px;
  border-radius:3px;
  font-size:14px;
}
.host-serv-thumb img{
    margin:0 auto
}

#host-serv-nav >div:hover,#host-serv-nav >div.active{
  color:#41a8d3;
  border:1px solid #387189;
  cursor:pointer
}

.host-serv-text {
   margin-bottom:30px;
   overflow:hidden
}
.host-serv-text h4{
    color:#41a8d3;
    font-size:23px;
    font-family: 'Roboto-Regular';
    margin-bottom:25px
}
.host-serv-text p{
    color:#E6E6E6;
    font-size:14px;
    font-family: 'Roboto';
    margin-bottom:15px
}

.host-serv-text p i{
    margin-right:10px
}
.host-serv-text .btn-more{
    float:left;
    margin-top:20px
}

/*--------------- end  host-serv --------------*/

/*--------------- start testimonials --------------*/

.testimonials{
    background:#f9f9f9;

}

.Testimonials-slider{

}
.Testimonials-slider .item{
   margin:35px 0 20px 0
}
.Testimonials-slider .item:hover .item-ico ,.Testimonials-slider .item:hover .info-text h4,
.Testimonials-slider .item.active .item-ico ,.Testimonials-slider .item.active .info-text h4
{
    color:#41a8d3;
}

.Testimonials-slider .item-ico{
   width:50px;
   height:50px;
   background:#FFF;
   border-radius:50%;
   text-align:center;
   line-height:50px;
   margin:0 auto;
   margin-bottom:-25px;
   box-shadow:2px 2px 5px #DDD;
   position:absolute;
   top:-25px;
    left:calc(50% - 25px);
    right:calc(50% - 25px);
}
.Testimonials-slider .item-text{
    background:#FFF;
    color:#919191;
    font-size:13px;
    font-family: 'Roboto';
    padding:35px 25px 25px 25px;
    position: relative;
    margin-bottom:25px;
    border-radius:5px
}
.Testimonials-slider .item-text:after{
    content:'';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #FFF;
    position:absolute;
    bottom:-20px;
    left:calc(50% - 5px);
    right:calc(50% - 5px);
}

.Testimonials-slider .item-info{
    margin-left:20%
}
.Testimonials-slider .item-info .thumb{
   float:left;
   margin-right:15px
}
.Testimonials-slider .item-info .thumb img{
   width:71px;
   height:71px;
   border-radius:50%;
   box-shadow:2px 2px 5px #DDD;
}
.Testimonials-slider .item-info .info-text{
    text-align:left;
    line-height:10px;
    padding-top:10px
}
.Testimonials-slider .item-info .info-text h4{
    color:#2d363f;
    font-size:13px;

}
.Testimonials-slider .item-info .info-text p{
    color:#919191;
    font-size:12px;
    font-family: 'Roboto-Regular';
}
/*--------------- end testimonials --------------*/

/*--------------- start our-plans --------------*/
.our-plans{
   background:#f9f9f9 url(../images/ch-bg.png) no-repeat center top
}
.our-plans .section-title{
    color:#FFFFFF;
}
.our-plans .section-description{
    color:#E6E6E6;
}
.plans-table{
    max-width:100%;
    width:100%;
    /*overflow-x:auto;*/
}

.our-plans table{
    background:#FFF;
    color:#979798;
    border-top:5px solid #387189
}
.our-plans table tr{
    font-family: 'Roboto-Regular';

}
.our-plans table tr:first-child{
    font-family: 'Roboto-Regular';
    font-size:17.5px;
    color:#2D363F;
}
.our-plans table tr td{
    text-align:center;
    padding-top:25px;
    padding-bottom:25px;
}
.our-plans table tr td:first-child{
    padding-left:30px
}

.our-plans table tr td i{
    font-size:18px
}

.our-plans table tr td i.fa-check-square-o{
    color:#41a8d3;
}
.our-plans table tr td i.fa-times{
    color:#fa585e;
}
.our-plans table tr td:nth-child(even){
    background:#f5f5f5

}
.our-plans table tr td:first-child{
    text-align:left;

}

.plans-table .plan{
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  padding: 30px 20px;
  border:1px solid #e5e5e5;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.plans-table .plan:hover{
  background: #eee;
}
.plans-table .plan .thumb{
  background: url(../images/icons/s-bg.png) no-repeat center top;
  height: 105px;
}
.plans-table .plan .thumb .icon{
  min-width: 100%;
  min-height: 100%;
  display: inline-block;
  background-position: center center ;
  background-repeat: no-repeat;

}
.plans-table .plan .thumb.share .icon{
  background-image: url(../images/icons/share-hosting.png) ;
}
.plans-table .plan:hover .thumb.share .icon{
  background-image: url(../images/icons/share-hosting-o.png) ;
}
.plans-table .plan .thumb.reseller .icon{
  background-image: url(../images/icons/reseller.png) ;
}
.plans-table .plan:hover .thumb.reseller .icon{
  background-image: url(../images/icons/reseller-o.png) ;
}
.plans-table .plan .thumb.vps-servers .icon{
  background-image: url(../images/icons/vps-server.png) ;
}
.plans-table .plan:hover .thumb.vps-servers .icon{
  background-image: url(../images/icons/vps-server-o.png) ;
}
.plans-table .plan .thumb.dt-servers .icon{
  background-image: url(../images/icons/d-server.png) ;
}
.plans-table .plan:hover .thumb.dt-servers .icon{
  background-image: url(../images/icons/d-server-o.png) ;
}

.plans-table .plan .title{
  color: #2a2a2e;
  /*font-family: 'HelveticaNeu-bd';*/
  font-size: 20px;
  margin-bottom: 15px;
  -webkit-white-space: nowrap;
  -moz-white-space: nowrap;
  -ms-white-space: nowrap;
  -o-white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
}
.plans-table .plan .text{
  color: #9b9b9b;
  font-size: 14px;
  font-family: 'Roboto-Regular';
  height: 65px;
  overflow: hidden;
}
.plans-table .plan:hover .text{
  color: #555;
}
.plans-table .plan .starting{
  color: #e02727;
  font-size: 14px;
  font-family: 'Roboto-Regular';
  margin-top: 15px;
  margin-bottom: 10px;

}
.plans-table .plan .price{
  color: #1d262f;
}
.plans-table .plan .price .num{
  font-size: 28px;
}
.plans-table .plan .btn{
  color: #fff;
  font-size: 17px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: 'Roboto-Regular';
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#53d2c7+0,42aad2+100 */
    background: #53d2c7; /* Old browsers */
    background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */
}
.plans-table .plan .btn:hover{
  background: #1d262f;
  color: #fff;
}
.plans-table .plan  .plan-bottom{
  font-family: 'Roboto-Regular';
  font-size: 16px;
}

/*--------------- end our-plans --------------*/
/*--------------- start our-clients --------------*/
.our-clients .section-title{
   margin-bottom:30px
}
.our-clients .arrows{

}
.our-clients .arrows span{
    background:#5c5c5c;
    color:#FFF;
    margin:1px;
    padding:1px 5px;
    border-radius:2px;
    cursor:pointer
}
.our-clients .arrows span:hover{
    background:#5BC2E0
}

.our-clients .item{
    padding:0 15px;
    cursor:pointer
}

/*--------------- end our-clients --------------*/

/*--------------- start need-help --------------*/
.need-help{
    color:#FFF;
    font-weight:bold;
    font-size:22px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#53d2c7+0,42aad2+100 */
    background: #53d2c7; /* Old browsers */
    background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */

    text-align:center;
    padding:30px 0
}
.need-help p{
    margin-bottom:0;
    font-family: 'Roboto';
}
 .chat-call{
   background:#272f37;
   color:#CDD4DA;
   padding:50px 0;
   font-family: 'Roboto';
   font-size:18px

}
.chat-call p{
    margin:0;
    margin-bottom: 10px;
}
.chat-call p i{
    margin-right:10px;
    font-size:20px
}

/*--------------- end need-help --------------*/

footer {
   background:#2d363f;
   padding-top:35px;
   padding-bottom:40px;
}
footer h3{
    color:#41a8d3;
    font-size:17px;
    font-family: 'Roboto';
    margin-bottom:30px;
}
footer .links ul{

}

footer .links li{
   list-style:none;
   margin-bottom:15px
}
footer .links li a{
   list-style:none;
   font-family: 'Roboto';
   position:relative;
   padding-left:15px;
   color:#cdd4da;
   display:block;
   font-size:15px
}
footer .links li:hover a{
    color:#41a8d3;
}
footer .links li a:before{
    position:absolute;
    left:0;
    top:40%;
   content:' ';
   width:4px;
   height:5px;
   background:#cdd4da;
   transition:all 0.3s ease-in-out
}
footer .links li:hover a:before {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#53d2c7+0,42aad2+100 */
    background: #53d2c7; /* Old browsers */
    background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */

   left:5px;
}

footer .subscribe{

}
footer .subscribe input[type=text]{
    background:#39424a;
    color:#cdd4da;
    border:none;
    border-radius:5px;
    width:100%;
    padding:15px 20px;
    margin-top:5px;
    margin-bottom:10px;
    font-family: 'Roboto';
}
footer .subscribe button{
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#53d2c7+0,42aad2+100 */
    background: #53d2c7; /* Old browsers */
    background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */

    color:#fff;
    border:none;
    border-radius:5px;
    display:block;
    width:100%;
    padding:15px 20px;
    font-family: 'Roboto';
    font-size:18px
}
footer .subscribe .social{
    margin-top:13px;
}
footer .subscribe .social a{
    margin-bottom:3px;
    width:29px;
    height:29px;
    text-align:center;
    line-height:29px;
    font-size:17px;
    color:#FFF;
    margin-right:8px;
    float:left
}
footer .subscribe .social a:hover{
    opacity:0.7
}


footer .subscribe .social a:nth-child(1){background:#587aca}
footer .subscribe .social a:nth-child(2){background:#5dc8ff}
footer .subscribe .social a:nth-child(3){background:#99bfdd}
footer .subscribe .social a:nth-child(4){background:#ff3635}
footer .subscribe .social a:nth-child(5){background:#f8a30e}

footer .popular-tags{

}
footer .popular-tags a{
   color:#9ca3a9 ;
   padding:7px 15px;
   border:1px solid #666e75;
   border-radius:3px;
   display:inline-block;
   margin:5px;
   font-family: 'Roboto';
   font-size:13px
}

footer .popular-tags a:hover,footer .popular-tags a.active{
   color:#cdd4da;
   background:#272f37;
   border-color:#272f37
}
.copyright{
    font-family: 'Roboto';
    text-align:center;
    color:#576169;
    font-size:13px;
    background:#272f37;
    line-height:100px
}
.copyright p{
    margin-bottom:0
}


/*--------------- inner-content--------------*/
.inner-content{
  padding-top: 40px;
  padding-bottom: 40px;
  background: #f9f9f9;
}
.inner-content h1{
  color: #2d363f;
  font-size: 23px;
}

.navigation{
  border:1px solid #eeeeee;
  padding: 10px 15px;
  font-family: 'Roboto-Regular';
  margin-top: 10px;
}
.navigation a{
  color: #676767;
  margin-left: 5px;
}
.navigation a:hover{color: #42aad2;}
.host-det{margin-top: 40px;overflow: hidden;}
.right-content{
  background: #fff;
  padding-right: 15px;
  padding-left: 15px;
  overflow: hidden;
}
.host-det-tabs{}
.host-det-tabs .tab-btns{
  margin-top: 30px;
  margin-bottom: 40px;
  overflow: hidden;

}
  .host-det-tabs .tab-btns li{
    float: left;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    cursor:pointer;
    font-size: 17px;

  }
  .host-det-tabs .tab-btns li:hover , .host-det-tabs .tab-btns li.active{
    color: #42aad2;
  }

.host-det-tabs .tab-btns li:after{
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 0;
  width: 1px;
  background: #ddd;
}
.host-det-tabs .tab-container{display: none;}
.host-det-tabs .tab-container.active{display: block;}
.cpanel-banner{
  background: #22cad2;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 7px;
  color: #fff;
  margin-bottom: 10px;
}
.cpanel-banner h3{line-height: 65px;margin-top: 0;}
.cpanel-banner img{float: right;}
.cpanel-banner span{
  white-space:
  nowrap;overflow: hidden;
  text-overflow: ellipsis;
}
.host-fetures{
  background: #fdfdfd;
  padding-top: 10px;
  padding-bottom: 10px;
}
.host-fetures .item{
  min-width: 32.3333%;
  display: inline-block;
}
.host-fetures .item img{float: left;}
.host-fetures .item .text{float: left;padding-top: 10px;}
.host-table{}
.host-table tr:first-child{
  background: #2d363f;
  color: #fff;
}
.host-table tr:last-child td{
  padding-left: 10px;
  padding-right: 10px;
  line-height: 35px;
  font-family: 'Roboto-Regular';
}
.host-table tr td .btn{
  margin-left: 15px;
}
.host-table tr:last-child td:not(:last-child){
  border-right:1px solid #ddd;
}
.host-bottom {
  text-align: center;
  color: #cbcbcb;
  font-family: 'Roboto-Regular';
  margin-top: 20px;
  margin-bottom: 20px;
}
.btn{
  color: #fff;
  background: #53d2c7; /* Old browsers */
  background: -moz-linear-gradient(left,  #53d2c7 0%, #42aad2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #53d2c7 0%,#42aad2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #53d2c7 0%,#42aad2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d2c7', endColorstr='#42aad2',GradientType=1 ); /* IE6-9 */
}
.btn:hover{
  background: #2d363f;
  color: #fff;
}
.sidebar{
  background: #fff;
}

.host-side{}
.host-side-body{text-align: center;color: #2d363f;}
.host-side-body .price-bg{
  width: 152px;
  height: 145px;
  display: inline-block;
  background: url(../images/price-bg.png) no-repeat center center;
  font-family: 'Roboto-Regular';
  margin-top: -80px;
  color: #fff;
}
.host-side-body .price-bg p{margin-top: 40px;font-size: 13px;margin-bottom: 5px;}
.host-side-body .price-bg h4{margin-top: 0px;font-size: 22px;}
.host-side-body p{font-family: 'Roboto-Regular';}
.host-side .thumb {text-align: center;}
.host-side .thumb img{

}
.host-side-text{
  padding-bottom: 20px;
  padding-right: 15px;
  padding-left: 15px;
}