@import 'https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700';
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,700';
body{
    font-family:titillium web,sans-serif;
}
*{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
*:hover{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.getstart{
    font-size: 22px;
    padding: 20px 60px;
    color: #fff;
    background-color: #fc5155;
    border-radius: 6px;
    text-transform: uppercase;
    text-align: center;
}
header{
    position:relative;
    height:640px;
    background:#082031;
    background:-moz-linear-gradient(top,#082031 0%,#0e2c40 100%);
    background:-webkit-linear-gradient(top,#082031 0%,#0e2c40 100%);
    background:linear-gradient(to bottom,#082031 0%,#0e2c40 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#082031',endColorstr='#0e2c40',GradientType=0 );
    -webkit-box-shadow:inset 2px 82px 178px 21px rgba(0,0,0,.48);
    -moz-box-shadow:inset 2px 82px 178px 21px rgba(0,0,0,.48);
    box-shadow:inset 2px 82px 178px 21px rgba(0,0,0,.48);
    margin-top: 90px;
}
.not-index-header{
    height:auto;
    min-height:300px
}
.not-index-header:after{
    display:none
}
.not-index-header .navbar{
    z-index:2;
    border-bottom:1px solid rgba(255,255,255,.09)
}
.headline_inner{
    position:relative;
    color:#fff;
    padding:90px 0
}
.headline_inner .left-align{
    text-align:left
}
.headline_inner .left-align h5{
    font-weight:700;
    font-size:35px;
    text-transform:uppercase
}
.headline_inner .left-align span{
    display:block;
    font-family:roboto,sans-serif;
    font-weight:100;
    font-size:15px;
    margin-top:7px;
    opacity:.7;
    text-transform:none
}
.headline_inner .right-align{
    text-align:right
}
.headline_inner .right-align .breadcrumbs_inner_link{
    display:block;
    font-family:roboto,sans-serif;
    font-weight:100;
    padding:30px 0;
    font-size:13px
}
.headline_inner .right-align .breadcrumbs_inner_link a{
    color:#fff
}
header:after{
    content:'';
    width:100%;
    max-width:1226px;
    height:362px;
    background:url(../img/helf-sercl.png) no-repeat top center;
    position:absolute;
    bottom:0;
    margin:0 auto;
    left:0;
    right:0;
    top: 155px;
}
.earth-icon{
    width:111px;
    height:110px;
    background:url(../img/earth.png) no-repeat top center;
    position:absolute;
    bottom:40px;
    margin:0 auto;
    left:0;
    right:0;
    z-index:1;
    -webkit-animation-name:spin;
    -webkit-animation-duration:75s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:spin;
    -moz-animation-duration:75s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -ms-animation-name:spin;
    -ms-animation-duration:75s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    animation-name:spin;
    animation-duration:75s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
.earth-clouds{
    width:49px;
    height:40px;
    background:url(../img/cloud_01.png) no-repeat top center;
    position:absolute;
    bottom:96px;
    margin:0 auto;
    left:-70px;
    right:0;
    z-index:2
}
.earth-clouds-two{
    width:39px;
    height:32px;
    background:url(../img/cloud_02.png) no-repeat top center;
    position:absolute;
    bottom:56px;
    margin:0 auto;
    left:65px;
    right:0;
    z-index:0
}
@-ms-keyframes spin{
    from{
        -ms-transform:rotate(0deg)
    }
    to{
        -ms-transform:rotate(360deg)
    }
}
@-moz-keyframes spin{
    from{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
.stars{
    animation:starry_star 8s ease-in-out infinite;
    background:#fff;
    border-radius:50%;
    box-shadow:#fff 26px 7px 0 -1px,rgba(255,255,255,.1) -36px -19px 0 -1px,rgba(255,255,255,.1) -51px -34px 0 -1px,#fff -52px -62px 0 -1px,#fff 14px -37px,rgba(255,255,255,.1) 41px -19px,#fff 34px -50px,rgba(255,255,255,.1) 14px -71px 0 -1px,#fff 64px -21px 0 -1px,rgba(255,255,255,.1) 32px -85px 0 -1px,#fff 64px -90px,rgba(255,255,255,.1) 60px -67px 0 -1px,#fff 34px -127px,rgba(255,255,255,.1) -26px -103px 0 -1px,rgba(255,255,255,.1) -26px -300px 0 -1px;
    height:4px;
    width:4px;
    margin-left:-10px;
    opacity:1;
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
    top:63%;
    z-index:1
}
@keyframes starry_star{
    50%{
        box-shadow:rgba(255,255,255,.1) 26px 7px 0 -1px,#fff -36px -19px 0 -1px,#fff -51px -34px 0 -1px,rgba(255,255,255,.1) -52px -62px 0 -1px,rgba(255,255,255,.1) 14px -37px,#fff 41px -19px,rgba(255,255,255,.1) 34px -50px,#fff 14px -71px 0 -1px,rgba(255,255,255,.1) 64px -21px 0 -1px,#fff 32px -85px 0 -1px,rgba(255,255,255,.1) 64px -90px,#fff 60px -67px 0 -1px,rgba(255,255,255,.1) 34px -127px,#fff -26px -103px 0 -1px,rgba(255,255,255,.1) -26px 300px 0 -1px
    }
}
.starsbg{
    width:100%;
    max-width:795px;
    height:489px;
    background:url(../img/stars.png) no-repeat top center;
    position:absolute;
    bottom:40px;
    margin:0 auto;
    left:0;
    right:0;
    z-index:1;
    bottom:0
}
.white-background-header{
    width:100%;
    height:140px;
    position:absolute;
    bottom:0;
    margin:0 auto;
    left:0;
    right:0;
    z-index:0;
    background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 100%);
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 100%)
}
.space-ship{
    width:96px;
    height:89px;
    background:url(../img/space-ship.png) no-repeat top center;
    position:absolute;
    bottom:232px;
    margin:0 auto;
    left:-360px;
    right:0;
    z-index:1;
    -webkit-animation:space-ship 100s infinite;
    animation:space-ship 100s infinite
}
@-webkit-keyframes space-ship{
    0%{
        bottom:232px;
        left:-360px;
        
    }
    10%{
        
    }
    10%{
        bottom:150px;
        left:-800px;
        
    }
    20%{
        bottom:450px;
        left:-400px;
        
    }
    30%{
        bottom:410px;
        left:800px;
        
    }
    40%{
        bottom:410px;
        left:800px;
        
    }
    45%{
        bottom:350px;
        left:800px;
        
    }
    50%{
        bottom:390px;
        left:800px;
        
    }
    60%{
        bottom:390px;
        left:500px;
        
    }
    70%{
        bottom:370px;
        left:300px;
        
    }
    80%{
        bottom:50px;
        left:300px;
        
    }
    90%{
        bottom:160px;
        left:600px;
        
    }
}
@keyframes space-ship{
    0%{
        bottom:232px;
        left:-360px;
        
    }
    10%{
        
    }
    10%{
        bottom:150px;
        left:-800px;
        
    }
    20%{
        bottom:450px;
        left:-400px;
        
    }
    30%{
        bottom:410px;
        left:800px;
        
    }
    40%{
        bottom:410px;
        left:800px;
        
    }
    45%{
        bottom:350px;
        left:800px;
        
    }
    50%{
        bottom:390px;
        left:800px;
        
    }
    60%{
        bottom:390px;
        left:500px;
        
    }
    70%{
        bottom:370px;
        left:300px;
        
    }
    80%{
        bottom:50px;
        left:300px;
        
    }
    90%{
        bottom:160px;
        left:600px;
        
    }
}
.satellite{
    width:24px;
    height:30px;
    background:url(../img/satellite.png) no-repeat top center;
    position:absolute;
    bottom:180px;
    margin:0 auto;
    left:500px;
    right:0;
    z-index:1;
    -webkit-animation:satellite 100s infinite;
    animation:satellite 100s infinite
}
.logo-simple{
    padding:40px 15px 15px;
    font-size:25px;
    font-weight:600;
    color:#fff;
    height:auto
}
.logo-simple:hover,.logo-simple:focus{
    color:#fff
}
.logo-simple span{
    font-weight:300;
    font-size:25px;
    text-transform:none
}
.logo-simple span{
    font-weight:300;
    font-size:25px;
    text-transform:none
}
.logo-simple b{
    margin-left:3px
}
#toTop{
    position:fixed;
    bottom:30px;
    right:36px;
    cursor:pointer;
    display:none;
    padding:9px 12px;
    border-radius:45px;
    background:#161d23;
    border:#161d23;
    color:#fff;
    -webkit-transition:all 0s ease-in-out;
    -moz-transition:all 0s ease-in-out;
    -o-transition:all 0s ease-in-out;
    -ms-transition:all 0s ease-in-out;
    transition:ba 0s ease-in-out;
    opacity:.6
}
#toTop:hover{
    opacity:1
}
@media(min-width:768px){
    .main-nav .navbar-right>li>a{
        color:#fff;
        font-weight:700;
        font-size:13px;
        text-transform:uppercase;
        padding:40px 25px;
        position:relative
    }
    .main-nav .navbar-right>li>a:after{
        content:'';
        height:2px;
        width:0;
        background:#fff;
        bottom:33px;
        position:absolute;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
    .main-nav .navbar-right>li>a:hover:after{
        content:'';
        height:2px;
        width:50%;
        background:#fff;
        bottom:33px;
        position:absolute;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
    .main-nav .navbar-right>li>a:hover,.main-nav .navbar-right>li>a:focus,.main-nav .navbar-right>li>a:active{
        color:#fff;
        background:rgba(1,8,12,.35)
    }
    .main-nav:after{
        content:'';
        background:url(../img/under-header.png) no-repeat top center;
        height:1px;
        width:100%;
        opacity:.1
    }
    .login-btn{
        background:#55c8e8;
        color:#fff;
        padding:6px 31px!important;
        border-radius:40px;
        margin:34px 0;
        margin-left:17px;
        -webkit-box-shadow:0 0 43px -1px rgba(0,0,0,.95);
        -moz-box-shadow:0 0 43px -1px rgba(0,0,0,.95);
        box-shadow:0 0 43px -1px rgba(0,0,0,.95)
    }
    .login-btn:after{
        display:none
    }
    .login-btn:hover,.login-btn:focus{
        background:#46a8c3!important
    }
}
.domain-section{
    padding:30px 0;
    text-align:center;
    z-index:99;
    position:relative
}
.domain-section .big-title{
    text-align:center;
    color:#fff;
    font-size:26px;
    text-transform:uppercase;
    font-weight:200
}
.domain-section .head-light-title{
    color:#fff;
    font-size:55px;
    text-transform:uppercase;
    font-weight:700;
    line-height:65px;
    margin-bottom:20px
}
.domain-section .head-light-title>span{
    font-weight:300
}
.domain-section .big-title>span{
    font-weight:400
}
#domain-search{
    margin:105px auto;
    max-width:790px;
    position:relative
}
#domain-search:hover{
    max-width:820px
}
#domain-search input[type=text]{
    height:53px;
    width:100%;
    border:0;
    border-radius:58px;
    padding:5px 30px;
    font-size:14px;
    background:#fff;
    -webkit-box-shadow:0 0 43px -1px rgba(0,0,0,.7);
    -moz-box-shadow:0 0 43px -1px rgba(0,0,0,.7);
    box-shadow:0 0 43px -1px rgba(0,0,0,.7);
    z-index:2;
    position:relative
}
#domain-search select{
    z-index:5;
    position:absolute;
    top:4px;
    height:45px;
    right:57px;
    padding:0 25px;
    font-size:15px;
    border:0;
    background:rgba(207,211,212,.47);
    color:#8f9a9c;
    border-radius:60px
}
#domain-search .select2-container{
    width:auto!important;
    z-index:5;
    position:absolute;
    top:4px;
    height:45px;
    right:57px;
    padding:0 25px;
    font-size:15px;
    border:0;
    background:rgba(207,211,212,.47);
    color:#8f9a9c;
    border-radius:60px
}
#domain-search .select2-container--default .select2-selection--single{
    border:0;
    background:0;
    height:45px;
    line-height:45px
}
#domain-search .select2-container--default .select2-selection--single .select2-selection__rendered{
    border:0;
    line-height:44px
}
#domain-search .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:44px
}
#domain-search select:focus{
    outline:none
}
#domain-search:after{
    content:'';
    width:81px;
    height:79px;
    background:url(../img/spacer.png) no-repeat top center;
    position:absolute;
    left:28px;
    top:-76px;
    z-index:1
}
#domain-search input[type=text]:focus{
    outline:none
}
#domain-search button{
    position:absolute;
    right:5px;
    top:3.5px;
    background:#26b6df;
    background:-moz-linear-gradient(top,rgba(38,182,223,1) 0%,rgba(0,173,221,1) 100%);
    background:-webkit-linear-gradient(top,rgba(38,182,223,1) 0%,rgba(0,173,221,1) 100%);
    background:linear-gradient(to bottom,rgba(38,182,223,1) 0%,rgba(0,173,221,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b6df',endColorstr='#00addd',GradientType=0 );
    border:0;
    color:#fff;
    height:46px;
    border-radius:90px;
    width:46px;
    opacity:.7;
    z-index:3
}
#domain-search button:focus{
    outline:none
}
#domain-search button:hover{
    opacity:1
}
#domain-search button>img{
    width:30px
}
.res {
    position: relative;
    height: 35px;
    top: -75px;
    top: -75px;
}
.res h1{
    color:white;
    font-size: 36px;
    margin-bottom: 55px;
}

/* Images */
.wdd-pr-anim101 {
    background: url(../imgs/host/backup.png);
    left: -47px;
    width: 300px;
    top: -150px;
    height: 200px;
    background-size: 100% 100%;
}
.wdd-pr-anim102 {
    background: url(../imgs/host/backup2.png);
    background-size: 100% 100%;
    width: 200px;
    height: 200px;
    top: -40px;
}
.wdd-pr-anim402 {
    background: url(../imgs/host/monitor.png);
    background-size: 100% 100%;
}
.pr-anim403{
    background: url(../imgs/host/fast.png);
    background-size: 100% 100%;
}
.pr-anim401{
    background: url(../imgs/host/fast2.png);
    background-size: 100% 100%;
}
.pr-anim404{
    background: url(../imgs/host/fast3.png);
    background-size: 100% 100%;
}
.wdd-pr-anim702 {
    background: url(../imgs/host/security2.png);
    background-size: 100% 100%;
    width: 200px;
}
.pr-anim501 {
    background: url(../imgs/host/security.png);
    background-size: 100% 100%;
    width: 200px;
    height: 200px;
    top: 0px;
}