body{
     height: 100%;
}
 .hosting-overlay{
     height: auto;
     padding-bottom: 120px;
}
 .hosting-form{
     background-color: white;
     padding: 20px 30px;
     position: relative;
     top: 50px;
     border: 3px solid #9a6bc8;
}
 .hosting-form form label{
     font-size: 13px;
     font-weight: 400;
     color: #9a93a1;
}
 .hosting-form form .form-control{
     border-radius: 15px;
     border: 1px solid#959595;
     background-color: white;
}
 .hosting-form form .form-control:focus{
     box-shadow: none;
     border: 1px solid #602e91;
}
 .hosting-form form .btn{
     margin-top: 5px;
}
 .hosting-form form .btn:hover{
     color: white;
}
 .hosting-form form a:hover{
     color: green;
}
 .hosting-form .form-heading{
     padding-bottom: 10px;
}
 .hosting-form .form-heading h4{
     padding-bottom: 20px;
     border-bottom: 1px solid #ebebeb;
}
 .hosting-form p{
     font-size: 13px;
     font-weight: 300;
     color: #828282;
     position: relative;
     left: 4px;
     top: 40px;
}
 .hosting-form p a{
     color: #828282;
}
 .hosting-top .hosting-headings{
     position: relative;
     top: 70px;
     padding-right: 70px;
}
 .hosting-top .hosting-headings span{
     font-weight: 300;
     letter-spacing: 3px;
     color: #cc99ff;
     font-size: 18px;
}
 .hosting-top .hosting-headings h1{
     color: white;
     font-weight: 400;
     font-size: 40px;
     padding: 15px 0px;
}
 .hosting-top .hosting-headings p{
     font-size: 19px;
     color: white;
     font-weight: 300;
     letter-spacing: 1px;
     padding: 5px 0px;
}
 .hosting-top .update{
     padding: 15px 20px;
     background-color: #ededed;
     border-radius: 20px;
     margin-bottom: 20px;
     position: relative;
     top: 100px;
}
 .hosting-top .update p{
     color: black;
     font-size: 14px;
     padding: 0;
     margin-bottom: 0px;
}
 .hosting-top .update p span{
     padding: 4px 10px;
     background-color: #602e91;
     border-radius: 10px;
     color: white;
     margin-right: 10px;
     font-weight: 400;
}
 .hosting-top .hosting-buttons{
     position: relative;
     top: 100px;
}
 .hosting-top .hosting-buttons button{
     padding: 13px 40px;
}
 .hosting-top .hosting-buttons .btn-link{
     color: white;
     padding: 0px;
     margin-left: 50px;
}
 .hosting-top .hosting-buttons .btn-link:hover{
     text-decoration: none;
}
 .hosting-overlay .hosting-wave-eff img{
     position: relative;
     top: 120px;
}
 #domain-pricing .domain-content{
     background-color: white;
     border: 1px solid #e7e7e7;
     box-shadow: 1px 3px 20px -2px rgba(125, 125, 125, 0.34);
     border-radius: 6px;
     padding: 20px 40px;
     margin-top: 50px;
}
 .domain-content .domain-box h4{
     font-weight: bold;
}
 .domain-content .domain-box .com{
     color: #005cc3;
}
 .domain-content .domain-box .net{
     color: #47058a;
}
 .domain-content .domain-box .org{
     color: #fa9900;
}
 .domain-content .domain-box .info{
     color: #242424;
}
 .domain-content .domain-box h4 i{
     background-color: #03dd03;
     border-radius: 50px;
     color: transparent;
     font-size: 7px;
}
 .domain-content .domain-box h4 span{
     font-size: 18px;
     font-weight: 500;
     color: #afafaf;
}
 #data-centres{
     padding: 70px 0px;
     background: #41295a;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #2F0743, #41295a);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #2F0743, #41295a);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 .data-centre-overlay .centre-heading{
     text-align: center;
}
 .data-centre-overlay .centre-heading h1{
     color: white;
}
 .data-centre-overlay .centre-heading p{
     color: white;
     font-size: 20px;
}
 .data-centre-overlay .data-locations{
     margin-top: 40px;
}
 .data-centre-overlay .data-locations img{
     position: static;
     width: 100%;
}
 .popover-locations h4{
     font-size: 19px;
     color: black;
     font-weight: 400;
     padding-top: 7px;
}
 .popover-locations i{
     font-size: 25px;
     color: #a275ca;
}
 .data-location-content{
     text-align: center;
     color: #8b8b8b;
}
 .data-locations button{
     border: none;
     background-color: transparent;
     position: relative;
}
 .data-locations .ti-control-record{
     display: block;
     padding: 3px;
     border-radius: 50%;
     background: #945fc2;
     cursor: pointer;
     position: relative;
     border: 4px solid #7831b8;
}
 .data-locations .alt-one{
     top: 160px;
     left: 120px;
}
 .data-locations .alt-two{
     top: 380px;
     left: 245px;
}
 .data-locations .alt-three{
     left: 385px;
     top: 175px;
}
 .data-locations .alt-four{
     left: 600px;
     top: 130px;
}
 .data-locations .alt-five{
     left: 340px;
     top: 240px;
}
 .data-locations .ti-control-record:before{
     content: none;
}
 .data-locations .ti-control-record:after{
     content:"";
     display:block;
     padding: 5px;
     border-radius: 50%;
     border: 3px solid #c598f1;
     position:absolute;
     top:-5px;
     left:-5px;
     animation: pulse 1s ease 0s infinite;
}
 @keyframes pulse {
     0% {
         opacity: 1;
         transform: scale(1);
    }
     80% {
         opacity: 0;
         transform: scale(2);
    }
     100% {
         opacity: 0;
         transform: scale(3);
    }
}
 #customer-support{
     padding: 50px 0px;
     background: #410084;
     background: -webkit-linear-gradient(to right, #380070, #5a00b6);
     background: linear-gradient(to right, #380070, #340068);
}
 .customer-support .support-img img{
     width: 100%;
}
 .customer-support .support-details{
     position: relative;
     top: 130px;
}
 .customer-support .support-details h4{
     font-weight: bold;
     color: white;
     font-size: 26px;
}
 .customer-support .support-details p{
     font-weight: 300;
     font-size: 16px;
     color: white;
     padding-top: 15px;
}
 .customer-support .support-details .support-btns{
     margin-top: 30px;
}
 .customer-support .support-btns span{
     color: #9a6acc;
     font-weight: 500;
     padding-left: 25px;
}
 #choose-us{
     padding: 100px 0px;
     padding-bottom: 0px;
}
 .choose-us .choose-us__heading{
     text-align: center;
}
 .choose-us .choose-us__heading h2{
     font-weight: 300;
     color: #bcbcbc;
}
 .choose-us .choose-us__heading p{
     font-weight: 400;
     font-size: 15px;
}
 .choose-us .hosting-features{
     margin: 25px 0px;
     padding: 20px 30px;
     border-radius: 10px;
     background-color: #f7f7f7a8;
     box-shadow: 0px 7px 46px -12px rgba(125, 125, 125, 0.33);
     border: 1px solid #f3f3f3;
     transition: all 0.2s ease 0s;
     position: relative;
     top: 15px;
}
 .choose-us .hosting-features:hover{
     top: 5px;
     background-color: #602e91;
}
 .choose-us .hosting-features:hover .host-fea-icon span{
     border: 2px solid white;
     background-color: transparent;
     color: white;
}
 .choose-us .hosting-features:hover .host-fea-details h4{
     color: white;
}
 .choose-us .hosting-features:hover .host-fea-details p{
     color: white;
}
 .choose-us .hosting-features .host-fea-details h4{
     font-weight: 300;
}
 .choose-us .hosting-features .host-fea-details p{
     color: #4d4d4d;
     font-weight: 300;
     font-size: 14px;
}
 .choose-us .hosting-features .host-fea-icon span{
     font-size: 25px;
     color: #b6b6b6;
     position: relative;
     top: 25px;
     padding: 20px;
     transition: all 0.2s ease 0s;
     border-radius: 30px;
     background-color: #602e91;
     border: 2px solid #602e91;
     color: white;
}