#hosting-header{
  position: relative;
  top: -102px;
  margin-bottom: -100px;
  /* background: url("../images/bg/vnx-bg.jpg") no-repeat; */
}
#hosting-lines,#hosting-lines span {
 position:absolute
}
#hosting-lines {
 width:100%;
 height:100%;
 overflow:hidden;
 background: url("../images/bg/hosting-powerhost.jpg") no-repeat;
background-size: cover;
}
#hosting-lines::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:linear-gradient(90deg, #191271 0%, #2966E1 100%);
  opacity: 0.85;
}
#hosting-lines::after{
  content: "";
left: 0;
position: absolute;
-moz-transform: skewY(175deg);
-ms-transform: skewY(175deg);
-webkit-transform: skewY(175deg);
transform: skewY(175deg);
width: 100%;
z-index: 99;
height: 40%;
top: 85%;
background:#f6f9fc none repeat scroll 0 0;
}
#hosting-lines span {
 height:40px
}
#hosting-lines :nth-child(1) {
 width:50%;
 left:50%;
 top:40px;
 background:#CAD5F7;
}
#hosting-lines :nth-child(2) {
 width:14%;
 right:0;
 bottom:40px;
 background:linear-gradient(90deg,#D3DBF7,#E4EBFF);
}
#hosting-lines :nth-child(3) {
 width:25%;
 bottom:0;
 right:0;
 background:#a1ffc8
}

#hosting-img {
  left: 50px;
position: relative;
}

#feat-host{
 list-style-type:none;
 font-weight: 400;
 font-size: 21px;
line-height: 1.6;
}

/* ------------------------
    Price Table
------------------------*/
.cubes {  
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../images/cubes.svg");

  background-position: 50%;
}
.cubes2 {  
  background-size: 100%;
  background-image: url("../images/cubes2.svg");
}
.price-table{padding: 50px 30px; border-radius: 7px; overflow: hidden; position: relative; background: linear-gradient(to top, #dfe9f3 0%, white 50%); text-align: center;-webkit-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
  box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);-webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;}
.price-title{text-transform: uppercase; font-weight: 700; color: #6370e3;font-family: 'Montserrat', sans-serif; font-size: 28px;}
.price-header{position: relative; z-index: 9;}
 .pricing-card--header-fixed .price-header{
  position: fixed;
  top: 0;
  background-color: 
  #fff;
  z-index: 12;
}
.pricing-card--header-fixed .pricing-title{
  position: fixed;
  top: 0;
  background-color: 
  #fff;
  z-index: 12;
}
.price-value {display: inline-block; width: 100%;}
.price-value h2 {font-size: 28px; line-height: 28px; font-weight: 800; color: #1c1d3e; margin-bottom: 0; position: relative; display: inline-block;}
.price-value h2 span {font-size: 20px;
  left: -14px;
  line-height: 24px;
  margin: 0;
  position: absolute;
  top: 5px;
  color: #1c1d3e;
  font-weight: normal;}
.price-value span {margin: 15px 0; display: inline-block; color: #1c1d3e;}
.price-list ul li {position: relative; display: block; margin-bottom: 15px;}
.price-list ul li:last-child{margin-bottom: 0;}
.dark-bg .price-list ul li{color: rgba(255,255,255,0.8);}
.price-list ul li:last-child{margin-right: 0;}
.price-list li i {color: #6370e3; line-height: 20px; font-size: 20px;}

.price-inside {font-size: 60px; line-height: 60px; position: absolute; left: 85%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(-90deg); font-weight: 900; color: rgba(0,0,0,0.040);}
/* .price-table::before {background: #fafaff; content: ""; height: 300px; left: -25%; position: absolute; top: -10%; transform: rotate(-10deg); width: 150%;}
.price-table.active::before{transform: rotate(10deg);} */

.price-table.style-2{background: rgba(255,255,255,0.020); box-shadow: none;}
.price-table.style-2::before {background: rgba(255,255,255,0.030); top: 50%; transform: translateY(-50%) rotate(-10deg);}
.price-table.style-2 .price-title{color:#6370e3;}
.price-table.style-3.active .price-title{color:#ffffff;}
.price-table.style-2 .price-value h2, .price-table.style-3.active .price-value h2{color: #ffffff;}
.price-table.style-2 .price-list{margin-top: 20px;}
.price-table.style-2.active::before{transform: rotate(0);}
.price-table.style-2 .price-inside{color: rgba(255,255,255,0.040);}
.price-table.style-2 .btn, .price-table.style-3.active .btn{box-shadow: 0 10px 20px rgba(255,255,255,0.1);}

.price-table.active{padding: 70px 30px;}
.price-table.style-3.active{background: #2575fc; color: #ffffff;}
.price-table.active .price-value h2 span{color: #ffffff;}
.price-table.style-3:before, .price-table.style-4:before{display: none;}
.price-table.style-3 .price-list{margin-top: 25px;}

.price-table.style-4 .price-list{margin: 25px 0;}
.price-table.style-4 h3{text-transform: capitalize;}

.btn{padding: 12px 25px; font-weight: 500; background: none; color: #1c1d3e; overflow: hidden; border-radius: 7px; border: none; position: relative; z-index: 9; transition: all 0.5s ease-in-out 0s; box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);}
.btn.btn-theme{background: #6370e3; background: linear-gradient(135deg, #738af0 0%, #6370e3 100%);  color: #ffffff; font-weight: 600; letter-spacing: 1px;}
.btn.focus, .btn:focus{box-shadow: none;}
.btn:hover {transform: translateY(-3px);}
.btn.btn-circle{border-radius: 30px;}

.btn span {display: inline-block; opacity: 0; -webkit-transform: translate3d(10, 10px, 0); -moz-transform: translate3d(10, 10px, 0); -ms-transform: translate3d(10, 10px, 0); -o-transform: translate3d(10, 10px, 0); transform: translate3d(10, 10px, 0);
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.price-table:hover{-webkit-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5); -moz-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5); box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);}

.btn::before {content: attr(data-text); height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s; width: 100%; padding: 12px 0;}
.btn:hover:before {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.btn:hover span{opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.btn:hover span:nth-child(1){-webkit-transition-delay:0.01s; -moz-transition-delay:0.01s; -o-transition-delay:0.01s; transition-delay:0.01s}
.btn:hover span:nth-child(2){-webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s}
.btn:hover span:nth-child(3){-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s}
.btn:hover span:nth-child(4){-webkit-transition-delay:0.15s; -moz-transition-delay:0.15s; -o-transition-delay:0.15s; transition-delay:0.15s}
.btn:hover span:nth-child(5){-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s}
.btn:hover span:nth-child(6){-webkit-transition-delay:0.25s; -moz-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s}
.btn:hover span:nth-child(7){-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s}
.btn:hover span:nth-child(8){-webkit-transition-delay:0.35s;-moz-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s}
.btn:hover span:nth-child(9){-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s}
.btn:hover span:nth-child(10){-webkit-transition-delay:0.45s; -moz-transition-delay:0.45s; -o-transition-delay:0.45s; transition-delay:0.45s}
.btn:hover span:nth-child(11){-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s}
.btn:hover span:nth-child(12){-webkit-transition-delay:0.55s; -moz-transition-delay:0.55s; -o-transition-delay:0.55s; transition-delay:0.55s}
.btn:hover span:nth-child(13){-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s}
.btn:hover span:nth-child(14){-webkit-transition-delay:0.65s; -moz-transition-delay:0.65s; -o-transition-delay:0.65s; transition-delay:0.65s}
.btn:hover span:nth-child(15){-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s}
.btn:hover span:nth-child(16){-webkit-transition-delay:0.75s; -moz-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s}
.btn:hover span:nth-child(17){-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s}
.btn:hover span:nth-child(18){-webkit-transition-delay:0.85s; -moz-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s}
.btn:hover span:nth-child(19){-webkit-transition-delay:0.95s; -moz-transition-delay:0.95s; -o-transition-delay:0.95s; transition-delay:0.95s}
.btn:hover span:nth-child(20){-webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s}

/* FAQs */
.nav-pills.nav-pills-hosting > li.active > a,.nav-pills.nav-pills-hosting > li.active > a:hover, .nav-pills.nav-pills-hosting > li.active > a:focus{
  background-color:#6370e3 !important;
  color: #FFF;

}
.nav-pills.nav-pills-hosting > li > a {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  color: #5d6571;

}


@media (min-width:670px) {
 #hosting-lines span {
  height:150px
 }
 #hosting-lines :nth-child(1) {
  top:0;
  background:#B9C2E1;
 }
 #hosting-lines :nth-child(2) {
  width:65%;
  top:300px;
  bottom:auto;
  background:linear-gradient(90deg,#D3DBF7,#E4EBFF);
 }
 #hosting-lines :nth-child(3) {
  width:33.33333%;
  right:auto;
  background:#E5EBFF;
 }
}
@media (min-width:880px) {
 #hosting-lines span {
  height:190px
 }
 #hosting-lines :nth-child(1) {
  width:33.33333%;
  left:-16.66666%;
  background:#CAD5F7;
 }
 #hosting-lines :nth-child(2) {
  width:65%;
  top:0;
  left:16.66666%;
  right:auto;
  background:linear-gradient(90deg,#D3DBF7,#E4EBFF);
 }

 #hosting-lines :nth-child(3) {
  width:33.33333%;
  top:380px;
  right:-13%;
  background:#E5EBFF;
 }
 #hosting-lines :nth-child(4) {
  width:33.33333%;
  bottom:0;
  background:linear-gradient(90deg,#CFD7F4,#DBE3FB);
 }
}
#intro {
 position:relative;
}
@media (min-width:670px) {
 #intro {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  height:600px
 }
}
@media (min-width:880px) {
 #intro {
  height:600px;
 }
}
#intro .container-lg {
 padding-top:70px;
 padding-bottom:100px
}

@media (min-width:670px) {
 @supports (width:auto) {
  #intro .announcement {
   width:auto
  }
 }
 #intro .announcement {
  line-height:26px;
  margin:0 0 55px;
  padding:0 12px 0 5px;
  border-radius:15px
 }
 #intro .message {
  margin:0 7px 0 6px
 }
 #intro li:last-child {
  display:block
 }
 #intro li:last-child a {
  color:#7795f8
 }
}
#intro .announcement .new-pill {
 padding:0 6px;
 font-size:12px;
 line-height:16px;
 font-weight:600;
 background:#24b47e;
 text-transform:uppercase;
 border-radius:10px
}


@media (min-width:880px) {
 #intro h1 {
  font-size:40px
 }
}

@media screen and (max-width:992px) {
  #hosting-img {
    left: 0px !important;
  }
  
}
@media (min-width:880px) {

}


#intro li:first-child a {
 margin-right:23px;
 color:#fff;
 background:#3ecf8e;
 text-shadow:0 1px 3px rgba(36,180,126,.4)
}
#intro li:first-child svg {
 position:relative;
 top:1px;
 margin-right:5px
}
#intro li:last-child {
 display:none
}
@media (min-width:670px) {

}