@import "//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin,latin-ext";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

body {
    line-height:1;
    font-size:13px;
    overflow-x: hidden;
}

ol,ul {
    list-style:none
}

blockquote,q {
    quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}

table {
    border-collapse:collapse;
    border-spacing:0
}

a {
    text-decoration:none
}

img {
    border:0
}

:focus {
    outline:0
}

.clear {
    clear:both
}

label.form-element {
    cursor:pointer
}

label.form-element input {
    position:absolute;
    opacity:0
}

html,body {
    min-width:1100px;
    font-family: Ubuntu,sans-serif;

}

body {
    font-family: Ubuntu,sans-serif;
}

.icon-chat {
    background:url(../images/icon-sprite.png) no-repeat -20px 0;
    width:27px;
    height:21px;
    display:inline-block
}

.icon-phone {
    background:url(../images/icon-sprite.png) no-repeat -6px 0;
    width:14px;
    height:14px;
    display:inline-block
}

.icon-basket {
    background:url(../images/icon-sprite.png) no-repeat -47px 0;
    width:23px;
    height:18px;
    display:inline-block
}

.icon-search {
    background:url(../images/icon-sprite.png) no-repeat -126px 0;
    width:19px;
    height:19px;
    display:inline-block
}

.icon-cloud {
    background:url(../images/icon-sprite.png) no-repeat -162px 0;
    width:77px;
    height:64px;
    display:inline-block
}

.icon-server {
    background:url(../images/icon-sprite.png) no-repeat -239px 0;
    width:48px;
    height:83px;
    display:inline-block
}

.icon-ssl {
    background:url(../images/icon-sprite.png) no-repeat -287px 0;
    width:49px;
    height:80px;
    display:inline-block
}

.icon-disc {
    background:url(../images/icon-sprite.png) no-repeat -336px 0;
    width:20px;
    height:28px;
    display:inline-block
}

.icon-bandwidth {
    background:url(../images/icon-sprite.png) no-repeat -356px 0;
    width:32px;
    height:27px;
    display:inline-block
}

.icon-mail {
    background:url(../images/icon-sprite.png) no-repeat -388px 0;
    width:29px;
    height:23px;
    display:inline-block
}

.icon-www {
    background:url(../images/icon-sprite.png) no-repeat -417px 0;
    width:27px;
    height:26px;
    display:inline-block
}

.icon-buy {
    background:url(../images/icon-sprite.png) no-repeat -444px 0;
    width:22px;
    height:19px;
    display:inline-block
}

.icon-callcenter {
    background:url(../images/icon-sprite.png) no-repeat -536px 0;
    width:34px;
    height:40px;
    display:inline-block
}

.icon-facebook {
    background:url(../images/icon-sprite.png) no-repeat -570px 0;
    width:10px;
    height:19px;
    display:inline-block
}

.icon-twitter {
    background:url(../images/icon-sprite.png) no-repeat -580px 0;
    width:18px;
    height:16px;
    display:inline-block
}

.icon-linkedin {
    background:url(../images/icon-sprite.png) no-repeat -598px 0;
    width:18px;
    height:19px;
    display:inline-block
}

.icon-instagram {
    background:url(../images/icon-sprite.png) no-repeat -616px 0;
    width:19px;
    height:19px;
    display:inline-block
}

.icon-youtube {
    background:url(../images/icon-sprite.png) no-repeat -635px 0;
    width:22px;
    height:15px;
    display:inline-block
}

.icon-windows {
    background:url(../images/icon-sprite.png) no-repeat 0 -37px;
    width:22px;
    height:22px;
    display:inline-block
}

.icon-linux {
    background:url(../images/icon-sprite.png) no-repeat -22px -37px;
    width:25px;
    height:29px;
    display:inline-block
}

.icon-web1 {
    background:url(../images/icon-sprite.png) no-repeat -657px 0;
    width:140px;
    height:145px;
    display:inline-block
}

.icon-web2 {
    background:url(../images/icon-sprite.png) no-repeat -797px 0;
    width:140px;
    height:145px;
    display:inline-block
}

.icon-web3 {
    background:url(../images/icon-sprite.png) no-repeat -937px 0;
    width:119px;
    height:119px;
    display:inline-block
}

.icon-property1 {
    background:url(../images/icon-sprite.png) no-repeat -1322px 0;
    width:49px;
    height:32px;
    display:inline-block
}

.icon-property2 {
    background:url(../images/icon-sprite.png) no-repeat -1322px -32px;
    width:50px;
    height:22px;
    display:inline-block
}

.icon-property3 {
    background:url(../images/icon-sprite.png) no-repeat -1372px 0;
    width:29px;
    height:42px;
    display:inline-block
}

.icon-property4 {
    background:url(../images/icon-sprite.png) no-repeat -1401px 0;
    width:43px;
    height:47px;
    display:inline-block
}

.icon-property5 {
    background:url(../images/icon-sprite.png) no-repeat -1372px -47px;
    width:41px;
    height:43px;
    display:inline-block
}

.icon-property6 {
    background:url(../images/icon-sprite.png) no-repeat -1413px -54px;
    width:40px;
    height:39px;
    display:inline-block
}

.icon-home {
    background:url(../images/icon-sprite.png) no-repeat -1453px 0;
    width:35px;
    height:33px;
    display:inline-block
}

.icon-mouse {
    background:url(../images/icon-sprite.png) no-repeat -1453px -33px;
    width:24px;
    height:40px;
    display:inline-block
}

.icon-www2 {
    background:url(../images/icon-sprite.png) no-repeat -1453px -73px;
    width:37px;
    height:33px;
    display:inline-block
}

.icon-card {
    background:url(../images/icon-sprite.png) no-repeat -1453px -106px;
    width:40px;
    height:33px;
    display:inline-block
}

.icon-support {
    background:url(../images/icon-sprite.png) no-repeat -53px -47px;
    width:31px;
    height:36px;
    display:inline-block
}

.icon-setting {
    background:url(../images/icon-sprite.png) no-repeat -84px -47px;
    width:36px;
    height:35px;
    display:inline-block
}

.icon-arrow-down2 {
    background:url(../images/icon-sprite.png) no-repeat -53px -42px;
    width:6px;
    height:3px;
    display:inline-block
}

.icon-bookmark {
    background:url(../images/icon-sprite.png) no-repeat -338px -30px;
    width:23px;
    height:33px;
    display:inline-block
}

.icon-mail2 {
    background:url(../images/icon-sprite.png) no-repeat -361px -30px;
    width:21px;
    height:15px;
    display:inline-block
}

.icon-cart {
    background:url(../images/icon-sprite.png) no-repeat -162px -64px;
    width:37px;
    height:25px;
    display:inline-block
}

.icon-ticket {
    background:url(../images/icon-sprite.png) no-repeat -338px -64px;
    width:20px;
    height:20px;
    display:inline-block
}

.icon-ticket2 {
    background:url(../images/icon-sprite.png) no-repeat -338px -84px;
    width:22px;
    height:23px;
    display:inline-block
}

.icon-search-mini {
    background:url(../images/icon-sprite.png) no-repeat -146px -34px;
    width:14px;
    height:15px;
    display:inline-block
}

.icon-search-big {
    background:url(../images/icon-sprite.png) no-repeat -360px -84px;
    width:19px;
    height:20px;
    display:inline-block
}

.icon-bill {
    background:url(../images/icon-sprite.png) no-repeat -358px -64px;
    width:18px;
    height:18px;
    display:inline-block
}

.icon-address {
    background:url(../images/icon-sprite.png) no-repeat -387px -64px;
    width:14px;
    height:23px;
    display:inline-block
}

.icon-phone1 {
    background:url(../images/icon-sprite.png) no-repeat -401px -64px;
    width:20px;
    height:17px;
    display:inline-block
}

.icon-phone2 {
    background:url(../images/icon-sprite.png) no-repeat -421px -64px;
    width:19px;
    height:19px;
    display:inline-block
}

.icon-mail3 {
    background:url(../images/icon-sprite.png) no-repeat -440px -64px;
    width:17px;
    height:16px;
    display:inline-block
}

.icon-mail4 {
    background:url(../images/icon-sprite.png) no-repeat -440px -80px;
    width:17px;
    height:16px;
    display:inline-block
}

.icon-cloud1 {
    background:url(../images/icon-sprite.png) no-repeat -1059px -105px;
    width:39px;
    height:40px;
    display:inline-block
}

.icon-cloud2 {
    background:url(../images/icon-sprite.png) no-repeat -1098px -105px;
    width:44px;
    height:37px;
    display:inline-block
}

.icon-cloud3 {
    background:url(../images/icon-sprite.png) no-repeat -1142px -105px;
    width:29px;
    height:35px;
    display:inline-block
}

.icon-cloud4 {
    background:url(../images/icon-sprite.png) no-repeat -1171px -105px;
    width:38px;
    height:38px;
    display:inline-block
}

.icon-cloud5 {
    background:url(../images/icon-sprite.png) no-repeat -1209px -105px;
    width:30px;
    height:36px;
    display:inline-block
}

.icon-buy2 {
    background:url(../images/icon-sprite.png) no-repeat -1239px -105px;
    width:30px;
    height:23px;
    display:inline-block
}

.icon-prop1 {
    background:url(../images/icon-sprite.png) no-repeat -1500px 0;
    width:60px;
    height:55px;
    display:inline-block
}

.icon-prop2 {
    background:url(../images/icon-sprite.png) no-repeat -1560px 0;
    width:47px;
    height:58px;
    display:inline-block
}

.icon-prop3 {
    background:url(../images/icon-sprite.png) no-repeat -1607px 0;
    width:47px;
    height:52px;
    display:inline-block
}

.icon-prop4 {
    background:url(../images/icon-sprite.png) no-repeat -1654px 0;
    width:60px;
    height:46px;
    display:inline-block
}

.icon-prop5 {
    background:url(../images/icon-sprite.png) no-repeat -1714px 0;
    width:52px;
    height:51px;
    display:inline-block
}

.icon-available {
    background:url(../images/icon-sprite.png) no-repeat -496px -65px;
    width:27px;
    height:30px;
    display:inline-block
}

.icon-not-available {
    background:url(../images/icon-sprite.png) no-repeat -523px -65px;
    width:27px;
    height:30px;
    display:inline-block
}

.icon-star {
    background:url(../images/icon-sprite.png) no-repeat -387px -26px;
    width:17px;
    height:16px;
    display:inline-block
}

.icon-printer {
    background:url(../images/icon-sprite.png) no-repeat -404px -26px;
    width:14px;
    height:14px;
    display:inline-block
}

.icon-check {
    background:url(../images/icon-sprite.png) no-repeat -1668px -126px;
    width:19px;
    height:19px;
    display:inline-block
}

.icon-hosting1 {
    background:url(../images/icon-sprite.png) no-repeat -1766px -28px;
    width:34px;
    height:28px;
    display:inline-block
}

.icon-hosting2 {
    background:url(../images/icon-sprite.png) no-repeat -1800px -30px;
    width:21px;
    height:30px;
    display:inline-block
}

.icon-hosting3 {
    background:url(../images/icon-sprite.png) no-repeat -1821px -23px;
    width:31px;
    height:23px;
    display:inline-block
}

.icon-hosting4 {
    background:url(../images/icon-sprite.png) no-repeat -1852px -30px;
    width:30px;
    height:30px;
    display:inline-block
}

.icon-hosting5 {
    background:url(../images/icon-sprite.png) no-repeat -1714px -65px;
    width:34px;
    height:34px;
    display:inline-block
}

.icon-hosting6 {
    background:url(../images/icon-sprite.png) no-repeat -1748px -65px;
    width:43px;
    height:36px;
    display:inline-block
}

.icon-hosting7 {
    background:url(../images/icon-sprite.png) no-repeat -1791px -65px;
    width:39px;
    height:29px;
    display:inline-block
}

.icon-hosting8 {
    background:url(../images/icon-sprite.png) no-repeat -1830px -65px;
    width:31px;
    height:34px;
    display:inline-block
}

.icon-hosting9 {
    background:url(../images/icon-sprite.png) no-repeat -1861px -65px;
    width:38px;
    height:35px;
    display:inline-block
}

.icon-hosting10 {
    background:url(../images/icon-sprite.png) no-repeat -1882px 0;
    width:22px;
    height:17px;
    display:inline-block
}

.icon-hosting11 {
    background:url(../images/icon-sprite.png) no-repeat -1904px 0;
    width:27px;
    height:23px;
    display:inline-block
}

.icon-hosting12 {
    background:url(../images/icon-sprite.png) no-repeat -1931px 0;
    width:24px;
    height:27px;
    display:inline-block
}

.icon-hosting13 {
    background:url(../images/icon-sprite.png) no-repeat -1955px 0;
    width:27px;
    height:20px;
    display:inline-block
}

.icon-plus {
    background:url(../images/icon-sprite.png) no-repeat -1982px 0;
    width:16px;
    height:18px;
    display:inline-block
}

.icon-package1 {
    background:url(../images/icon-sprite.png) no-repeat -1904px -30px;
    width:47px;
    height:47px;
    display:inline-block
}

.icon-package2 {
    background:url(../images/icon-sprite.png) no-repeat -1951px -30px;
    width:47px;
    height:48px;
    display:inline-block
}

.icon-package3 {
    background:url(../images/icon-sprite.png) no-repeat -1998px -30px;
    width:45px;
    height:51px;
    display:inline-block
}

.icon-package4 {
    background:url(../images/icon-sprite.png) no-repeat -2043px -30px;
    width:45px;
    height:51px;
    display:inline-block
}

.icon-package5 {
    background:url(../images/icon-sprite.png) no-repeat -2088px -30px;
    width:35px;
    height:50px;
    display:inline-block
}

.icon-package6 {
    background:url(../images/icon-sprite.png) no-repeat -2123px -30px;
    width:46px;
    height:44px;
    display:inline-block
}

.icon-package7 {
    background:url(../images/icon-sprite.png) no-repeat -2169px -30px;
    width:41px;
    height:48px;
    display:inline-block
}

.icon-package8 {
    background:url(../images/icon-sprite.png) no-repeat -2210px -30px;
    width:51px;
    height:50px;
    display:inline-block
}

.icon-package9 {
    background:url(../images/icon-sprite.png) no-repeat -2261px -30px;
    width:79px;
    height:50px;
    display:inline-block
}

.icon-package10 {
    background:url(../images/icon-sprite.png) no-repeat -2340px -30px;
    width:65px;
    height:49px;
    display:inline-block
}

.icon-dedicated1 {
    background:url(../images/icon-sprite.png) no-repeat -2014px 0;
    width:26px;
    height:26px;
    display:inline-block
}

.icon-dedicated2 {
    background:url(../images/icon-sprite.png) no-repeat -2040px 0;
    width:28px;
    height:28px;
    display:inline-block
}

.icon-dedicated3 {
    background:url(../images/icon-sprite.png) no-repeat -2068px 0;
    width:24px;
    height:24px;
    display:inline-block
}

.icon-dedicated4 {
    background:url(../images/icon-sprite.png) no-repeat -2092px 0;
    width:33px;
    height:17px;
    display:inline-block
}

.icon-dedicated5 {
    background:url(../images/icon-sprite.png) no-repeat -2125px 0;
    width:24px;
    height:28px;
    display:inline-block
}

.icon-dedicated6 {
    background:url(../images/icon-sprite.png) no-repeat -2149px 0;
    width:24px;
    height:25px;
    display:inline-block
}

.icon-dedicated7 {
    background:url(../images/icon-sprite.png) no-repeat -2173px 0;
    width:30px;
    height:23px;
    display:inline-block
}

.icon-ds1,.dedicated-section1 ul li .icon-ds2,.dedicated-section1 ul li .icon-ds3,.dedicated-section1 ul li .icon-ds4,.dedicated-section1 ul li .icon-ds5,.dedicated-section1 ul li .icon-ds6,.dedicated-section1 ul li .icon-ds7,.dedicated-section1 ul li .icon-ds8,.dedicated-section1 ul li .icon-ds9,.dedicated-section1 ul li .icon-ds10 {
    background:url(../images/icon-sprite.png) no-repeat -2136px -87px;
    width:37px;
    height:37px;
    display:inline-block
}

.icon-ds2 {
    background:url(../images/icon-sprite.png) no-repeat -2173px -87px;
    width:43px;
    height:45px;
    display:inline-block
}

.icon-ds3 {
    background:url(../images/icon-sprite.png) no-repeat -2216px -87px;
    width:49px;
    height:41px;
    display:inline-block
}

.icon-ds4 {
    background:url(../images/icon-sprite.png) no-repeat -2265px -87px;
    width:35px;
    height:35px;
    display:inline-block
}

.icon-ds5 {
    background:url(../images/icon-sprite.png) no-repeat -2300px -87px;
    width:42px;
    height:29px;
    display:inline-block
}

.icon-ds6 {
    background:url(../images/icon-sprite.png) no-repeat -2342px -87px;
    width:26px;
    height:37px;
    display:inline-block
}

.icon-arrow-down {
    background:url(../images/icon-sprite.png) no-repeat -2214px 0;
    width:11px;
    height:6px;
    display:inline-block
}

.icon-mail-big {
    background:url(../images/icon-sprite.png) no-repeat -2257px 0;
    width:32px;
    height:21px;
    display:inline-block
}

.icon-arrow-right {
    background:url(../images/icon-sprite.png) no-repeat -2225px 0;
    width:16px;
    height:26px;
    display:inline-block
}

.icon-lock {
    background:url(../images/icon-sprite.png) no-repeat -2321px 0;
    width:24px;
    height:27px;
    display:inline-block
}

.icon-arrow-right-white {
    background:url(../images/icon-sprite.png) no-repeat -2369px 0;
    width:9px;
    height:18px;
    display:inline-block
}

.icon-submit {
    background:url(../images/icon-sprite.png) no-repeat -2379px 0;
    width:25px;
    height:24px;
    display:inline-block
}

.icon-cp1 {
    background:url(../images/icon-sprite.png) no-repeat -2405px -13px;
    width:13px;
    height:16px;
    display:inline-block
}

.icon-cp2 {
    background:url(../images/icon-sprite.png) no-repeat -2418px -13px;
    width:12px;
    height:12px;
    display:inline-block
}

.icon-cp3 {
    background:url(../images/icon-sprite.png) no-repeat -2430px -13px;
    width:12px;
    height:12px;
    display:inline-block
}

.icon-cp4 {
    background:url(../images/icon-sprite.png) no-repeat -2442px -13px;
    width:9px;
    height:15px;
    display:inline-block
}

.icon-cp5 {
    background:url(../images/icon-sprite.png) no-repeat -2451px -13px;
    width:12px;
    height:15px;
    display:inline-block
}

.icon-cp-buy {
    background:url(../images/icon-sprite.png) no-repeat -2463px -13px;
    width:15px;
    height:14px;
    display:inline-block
}

.icon-cds1 {
    background:url(../images/icon-sprite.png) no-repeat -2449px -89px;
    width:51px;
    height:56px;
    display:inline-block
}

.icon-cds2 {
    background:url(../images/icon-sprite.png) no-repeat -2382px -93px;
    width:67px;
    height:52px;
    display:inline-block
}

.icon-cds3 {
    background:url(../images/icon-sprite.png) no-repeat -2439px -39px;
    width:61px;
    height:48px;
    display:inline-block
}

.icon-arrow-circle {
    background:url(../images/icon-sprite.png) no-repeat -550px -45px;
    width:27px;
    height:27px;
    display:inline-block
}

.icon-register1 {
    background:url(../images/icon-sprite.png) no-repeat -2500px 0;
    width:20px;
    height:20px;
    display:inline-block
}

.icon-register2 {
    background:url(../images/icon-sprite.png) no-repeat -2520px 0;
    width:41px;
    height:24px;
    display:inline-block
}

.icon-register3 {
    background:url(../images/icon-sprite.png) no-repeat -2561px 0;
    width:17px;
    height:23px;
    display:inline-block
}

.icon-register4 {
    background:url(../images/icon-sprite.png) no-repeat -2500px -27px;
    width:45px;
    height:19px;
    display:inline-block
}

.icon-register5 {
    background:url(../images/icon-sprite.png) no-repeat -2545px -27px;
    width:23px;
    height:22px;
    display:inline-block
}

.icon-register6 {
    background:url(../images/icon-sprite.png) no-repeat -2500px -52px;
    width:28px;
    height:28px;
    display:inline-block
}

.icon-register7 {
    background:url(../images/icon-sprite.png) no-repeat -2528px -52px;
    width:20px;
    height:22px;
    display:inline-block
}

.icon-popup1 {
    background:url(../images/icon-sprite.png) no-repeat -1514px -105px;
    width:19px;
    height:15px;
    display:inline-block
}

.icon-popup2 {
    background:url(../images/icon-sprite.png) no-repeat -2500px -84px;
    width:42px;
    height:17px;
    display:inline-block
}

.icon-popup3 {
    background:url(../images/icon-sprite.png) no-repeat -2542px -84px;
    width:23px;
    height:17px;
    display:inline-block
}

.selectricWrapper {
    position:relative;
    cursor:pointer
}

.selectricResponsive {
    width:100%
}

.selectricOpen {
    z-index:9999
}

.selectricOpen .selectricItems {
    display:block
}

.selectricDisabled {
    filter:alpha(opacity=50);
    opacity:.5;
    cursor:default;
    -webkit-touch-callout:none;
    user-select:none
}

.selectricHideSelect {
    position:relative;
    overflow:hidden;
    width:0;
    height:0
}

.selectricHideSelect select {
    position:absolute;
    left:-100%;
    display:none
}

.selectricInput {
    position:absolute!important;
    top:0!important;
    left:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    margin:0!important;
    padding:0!important;
    width:1px!important;
    height:1px!important;
    outline:none!important;
    border:none!important;
    *font:0/0 a!important;
    background:none!important
}

.selectricTempShow {
    position:absolute!important;
    visibility:hidden!important;
    display:block!important
}

.selectricItems {
    display:none
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}

.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}

@-webkit-keyframes bounce {
0%,20%,53%,80%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

40%,43% {
    -webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0)
}

70% {
    -webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0)
}

90% {
    -webkit-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0)
}
}

@keyframes bounce {
0%,20%,53%,80%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

40%,43% {
    -webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0)
}

70% {
    -webkit-transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0)
}

90% {
    -webkit-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0)
}
}

.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}

@-webkit-keyframes flash {
0%,50%,100% {
    opacity:1
}

25%,75% {
    opacity:0
}
}

@keyframes flash {
0%,50%,100% {
    opacity:1
}

25%,75% {
    opacity:0
}
}

.flash {
    -webkit-animation-name:flash;
    animation-name:flash
}

@-webkit-keyframes pulse {
0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

50% {
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05)
}

100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

@keyframes pulse {
0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

50% {
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05)
}

100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

.pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse
}

@-webkit-keyframes rubberBand {
0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

30% {
    -webkit-transform:scale3d(1.25,0.75,1);
    transform:scale3d(1.25,0.75,1)
}

40% {
    -webkit-transform:scale3d(0.75,1.25,1);
    transform:scale3d(0.75,1.25,1)
}

50% {
    -webkit-transform:scale3d(1.15,0.85,1);
    transform:scale3d(1.15,0.85,1)
}

65% {
    -webkit-transform:scale3d(0.95,1.05,1);
    transform:scale3d(0.95,1.05,1)
}

75% {
    -webkit-transform:scale3d(1.05,0.95,1);
    transform:scale3d(1.05,0.95,1)
}

100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

@keyframes rubberBand {
0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

30% {
    -webkit-transform:scale3d(1.25,0.75,1);
    transform:scale3d(1.25,0.75,1)
}

40% {
    -webkit-transform:scale3d(0.75,1.25,1);
    transform:scale3d(0.75,1.25,1)
}

50% {
    -webkit-transform:scale3d(1.15,0.85,1);
    transform:scale3d(1.15,0.85,1)
}

65% {
    -webkit-transform:scale3d(0.95,1.05,1);
    transform:scale3d(0.95,1.05,1)
}

75% {
    -webkit-transform:scale3d(1.05,0.95,1);
    transform:scale3d(1.05,0.95,1)
}

100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

.rubberBand {
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}

@-webkit-keyframes shake {
0%,100% {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}

20%,40%,60%,80% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}
}

@keyframes shake {
0%,100% {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}

20%,40%,60%,80% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}
}

.shake {
    -webkit-animation-name:shake;
    animation-name:shake
}

@-webkit-keyframes swing {
20% {
    -webkit-transform:rotate3d(0,0,1,15deg);
    transform:rotate3d(0,0,1,15deg)
}

40% {
    -webkit-transform:rotate3d(0,0,1,-10deg);
    transform:rotate3d(0,0,1,-10deg)
}

60% {
    -webkit-transform:rotate3d(0,0,1,5deg);
    transform:rotate3d(0,0,1,5deg)
}

80% {
    -webkit-transform:rotate3d(0,0,1,-5deg);
    transform:rotate3d(0,0,1,-5deg)
}

100% {
    -webkit-transform:rotate3d(0,0,1,0deg);
    transform:rotate3d(0,0,1,0deg)
}
}

@keyframes swing {
20% {
    -webkit-transform:rotate3d(0,0,1,15deg);
    transform:rotate3d(0,0,1,15deg)
}

40% {
    -webkit-transform:rotate3d(0,0,1,-10deg);
    transform:rotate3d(0,0,1,-10deg)
}

60% {
    -webkit-transform:rotate3d(0,0,1,5deg);
    transform:rotate3d(0,0,1,5deg)
}

80% {
    -webkit-transform:rotate3d(0,0,1,-5deg);
    transform:rotate3d(0,0,1,-5deg)
}

100% {
    -webkit-transform:rotate3d(0,0,1,0deg);
    transform:rotate3d(0,0,1,0deg)
}
}

.swing {
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}

@-webkit-keyframes tada {
0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

10%,20% {
    -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
    transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
}

30%,50%,70%,90% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}

40%,60%,80% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}

100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

@keyframes tada {
0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

10%,20% {
    -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
    transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)
}

30%,50%,70%,90% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}

40%,60%,80% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}

100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

.tada {
    -webkit-animation-name:tada;
    animation-name:tada
}

@-webkit-keyframes wobble {
0% {
    -webkit-transform:none;
    transform:none
}

15% {
    -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}

30% {
    -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}

45% {
    -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}

60% {
    -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}

75% {
    -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

@keyframes wobble {
0% {
    -webkit-transform:none;
    transform:none
}

15% {
    -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}

30% {
    -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}

45% {
    -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}

60% {
    -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}

75% {
    -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

.wobble {
    -webkit-animation-name:wobble;
    animation-name:wobble
}

@-webkit-keyframes bounceIn {
0%,20%,40%,60%,80%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}

20% {
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}

40% {
    -webkit-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(1.03,1.03,1.03);
    transform:scale3d(1.03,1.03,1.03)
}

80% {
    -webkit-transform:scale3d(0.97,0.97,0.97);
    transform:scale3d(0.97,0.97,0.97)
}

100% {
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

@keyframes bounceIn {
0%,20%,40%,60%,80%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}

20% {
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}

40% {
    -webkit-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(1.03,1.03,1.03);
    transform:scale3d(1.03,1.03,1.03)
}

80% {
    -webkit-transform:scale3d(0.97,0.97,0.97);
    transform:scale3d(0.97,0.97,0.97)
}

100% {
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}

.bounceIn {
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn;
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}

@-webkit-keyframes bounceInDown {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(0,25px,0);
    transform:translate3d(0,25px,0)
}

75% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0)
}

90% {
    -webkit-transform:translate3d(0,5px,0);
    transform:translate3d(0,5px,0)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

@keyframes bounceInDown {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(0,25px,0);
    transform:translate3d(0,25px,0)
}

75% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0)
}

90% {
    -webkit-transform:translate3d(0,5px,0);
    transform:translate3d(0,5px,0)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

.bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}

@-webkit-keyframes bounceInLeft {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(-3000px,0,0);
    transform:translate3d(-3000px,0,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(25px,0,0);
    transform:translate3d(25px,0,0)
}

75% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}

90% {
    -webkit-transform:translate3d(5px,0,0);
    transform:translate3d(5px,0,0)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

@keyframes bounceInLeft {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(-3000px,0,0);
    transform:translate3d(-3000px,0,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(25px,0,0);
    transform:translate3d(25px,0,0)
}

75% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}

90% {
    -webkit-transform:translate3d(5px,0,0);
    transform:translate3d(5px,0,0)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

.bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}

@-webkit-keyframes bounceInRight {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(3000px,0,0);
    transform:translate3d(3000px,0,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(-25px,0,0);
    transform:translate3d(-25px,0,0)
}

75% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}

90% {
    -webkit-transform:translate3d(-5px,0,0);
    transform:translate3d(-5px,0,0)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

@keyframes bounceInRight {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(3000px,0,0);
    transform:translate3d(3000px,0,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(-25px,0,0);
    transform:translate3d(-25px,0,0)
}

75% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}

90% {
    -webkit-transform:translate3d(-5px,0,0);
    transform:translate3d(-5px,0,0)
}

100% {
    -webkit-transform:none;
    transform:none
}
}

.bounceInRight {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}

@-webkit-keyframes bounceInUp {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(0,3000px,0);
    transform:translate3d(0,3000px,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0)
}

75% {
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0)
}

90% {
    -webkit-transform:translate3d(0,-5px,0);
    transform:translate3d(0,-5px,0)
}

100% {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
}

@keyframes bounceInUp {
0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}

0% {
    opacity:0;
    -webkit-transform:translate3d(0,3000px,0);
    transform:translate3d(0,3000px,0)
}

60% {
    opacity:1;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0)
}

75% {
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0)
}

90% {
    -webkit-transform:translate3d(0,-5px,0);
    transform:translate3d(0,-5px,0)
}

100% {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
}

.bounceInUp {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}

@-webkit-keyframes bounceOut {
20% {
    -webkit-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9)
}

50%,55% {
    opacity:1;
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}

100% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}
}

@keyframes bounceOut {
20% {
    -webkit-transform:scale3d(0.9,0.9,0.9);
    transform:scale3d(0.9,0.9,0.9)
}

50%,55% {
    opacity:1;
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}

100% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}
}

.bounceOut {
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut;
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}

@-webkit-keyframes bounceOutDown {
20% {
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0)
}

40%,45% {
    opacity:1;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0)
}
}

@keyframes bounceOutDown {
20% {
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0)
}

40%,45% {
    opacity:1;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0)
}
}

.bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
20% {
    opacity:1;
    -webkit-transform:translate3d(20px,0,0);
    transform:translate3d(20px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0)
}
}

@keyframes bounceOutLeft {
20% {
    opacity:1;
    -webkit-transform:translate3d(20px,0,0);
    transform:translate3d(20px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0)
}
}

.bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
20% {
    opacity:1;
    -webkit-transform:translate3d(-20px,0,0);
    transform:translate3d(-20px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0)
}
}

@keyframes bounceOutRight {
20% {
    opacity:1;
    -webkit-transform:translate3d(-20px,0,0);
    transform:translate3d(-20px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0)
}
}

.bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}

@-webkit-keyframes bounceOutUp {
20% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0)
}

40%,45% {
    opacity:1;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0)
}
}

@keyframes bounceOutUp {
20% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0)
}

40%,45% {
    opacity:1;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0)
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0)
}
}

.bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}

@-webkit-keyframes fadeIn {
0% {
    opacity:0
}

100% {
    opacity:1
}
}

@keyframes fadeIn {
0% {
    opacity:0
}

100% {
    opacity:1
}
}

.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

@-webkit-keyframes fadeInDown {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInDown {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}

@-webkit-keyframes fadeInDownBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInDownBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInLeft {
0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInLeftBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInRight {
0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}

@-webkit-keyframes fadeInRightBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInRightBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}

@-webkit-keyframes fadeInUp {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInUp {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}

@-webkit-keyframes fadeInUpBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes fadeInUpBig {
0% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}

@-webkit-keyframes fadeOut {
0% {
    opacity:1
}

100% {
    opacity:0
}
}

@keyframes fadeOut {
0% {
    opacity:1
}

100% {
    opacity:0
}
}

.fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}

@-webkit-keyframes fadeOutDown {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
}

@keyframes fadeOutDown {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
}

.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0)
}
}

@keyframes fadeOutDownBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0)
}
}

.fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
}

@keyframes fadeOutLeft {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
}

.fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0)
}
}

@keyframes fadeOutLeftBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0)
}
}

.fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
}

@keyframes fadeOutRight {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
}

.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0)
}
}

@keyframes fadeOutRightBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0)
}
}

.fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}
}

@keyframes fadeOutUp {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}
}

.fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0)
}
}

@keyframes fadeOutUpBig {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0)
}
}

.fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}

@-webkit-keyframes flip {
0% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
    transform:perspective(400px) rotate3d(0,1,0,-360deg);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}

40% {
    -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}

50% {
    -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}

80% {
    -webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95);
    transform:perspective(400px) scale3d(0.95,0.95,0.95);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}

100% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
}

@keyframes flip {
0% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
    transform:perspective(400px) rotate3d(0,1,0,-360deg);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}

40% {
    -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}

50% {
    -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}

80% {
    -webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95);
    transform:perspective(400px) scale3d(0.95,0.95,0.95);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}

100% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
}

.animated.flip {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}

@-webkit-keyframes flipInX {
0% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
    transform:perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in;
    opacity:0
}

40% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
    transform:perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in
}

60% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
    transform:perspective(400px) rotate3d(1,0,0,10deg);
    opacity:1
}

80% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
    transform:perspective(400px) rotate3d(1,0,0,-5deg)
}

100% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}
}

@keyframes flipInX {
0% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
    transform:perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in;
    opacity:0
}

40% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
    transform:perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in
}

60% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
    transform:perspective(400px) rotate3d(1,0,0,10deg);
    opacity:1
}

80% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
    transform:perspective(400px) rotate3d(1,0,0,-5deg)
}

100% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}
}

.flipInX {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}

@-webkit-keyframes flipInY {
0% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
    transform:perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in;
    opacity:0
}

40% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
    transform:perspective(400px) rotate3d(0,1,0,-20deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in
}

60% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
    transform:perspective(400px) rotate3d(0,1,0,10deg);
    opacity:1
}

80% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
    transform:perspective(400px) rotate3d(0,1,0,-5deg)
}

100% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}
}

@keyframes flipInY {
0% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
    transform:perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in;
    opacity:0
}

40% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
    transform:perspective(400px) rotate3d(0,1,0,-20deg);
    -webkit-transition-timing-function:ease-in;
    transition-timing-function:ease-in
}

60% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
    transform:perspective(400px) rotate3d(0,1,0,10deg);
    opacity:1
}

80% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
    transform:perspective(400px) rotate3d(0,1,0,-5deg)
}

100% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}
}

.flipInY {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}

@-webkit-keyframes flipOutX {
0% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}

30% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
    transform:perspective(400px) rotate3d(1,0,0,-20deg);
    opacity:1
}

100% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
    transform:perspective(400px) rotate3d(1,0,0,90deg);
    opacity:0
}
}

@keyframes flipOutX {
0% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}

30% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
    transform:perspective(400px) rotate3d(1,0,0,-20deg);
    opacity:1
}

100% {
    -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
    transform:perspective(400px) rotate3d(1,0,0,90deg);
    opacity:0
}
}

.flipOutX {
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}

@-webkit-keyframes flipOutY {
0% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}

30% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
    transform:perspective(400px) rotate3d(0,1,0,-15deg);
    opacity:1
}

100% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
    transform:perspective(400px) rotate3d(0,1,0,90deg);
    opacity:0
}
}

@keyframes flipOutY {
0% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
}

30% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
    transform:perspective(400px) rotate3d(0,1,0,-15deg);
    opacity:1
}

100% {
    -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
    transform:perspective(400px) rotate3d(0,1,0,90deg);
    opacity:0
}
}

.flipOutY {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY;
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}

@-webkit-keyframes lightSpeedIn {
0% {
    -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
    transform:translate3d(100%,0,0) skewX(-30deg);
    opacity:0
}

60% {
    -webkit-transform:skewX(20deg);
    transform:skewX(20deg);
    opacity:1
}

80% {
    -webkit-transform:skewX(-5deg);
    transform:skewX(-5deg);
    opacity:1
}

100% {
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

@keyframes lightSpeedIn {
0% {
    -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
    transform:translate3d(100%,0,0) skewX(-30deg);
    opacity:0
}

60% {
    -webkit-transform:skewX(20deg);
    transform:skewX(20deg);
    opacity:1
}

80% {
    -webkit-transform:skewX(-5deg);
    transform:skewX(-5deg);
    opacity:1
}

100% {
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

.lightSpeedIn {
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}

@-webkit-keyframes lightSpeedOut {
0% {
    opacity:1
}

100% {
    -webkit-transform:translate3d(100%,0,0) skewX(30deg);
    transform:translate3d(100%,0,0) skewX(30deg);
    opacity:0
}
}

@keyframes lightSpeedOut {
0% {
    opacity:1
}

100% {
    -webkit-transform:translate3d(100%,0,0) skewX(30deg);
    transform:translate3d(100%,0,0) skewX(30deg);
    opacity:0
}
}

.lightSpeedOut {
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}

@-webkit-keyframes rotateIn {
0% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate3d(0,0,1,-200deg);
    transform:rotate3d(0,0,1,-200deg);
    opacity:0
}

100% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

@keyframes rotateIn {
0% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate3d(0,0,1,-200deg);
    transform:rotate3d(0,0,1,-200deg);
    opacity:0
}

100% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

.rotateIn {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}

@-webkit-keyframes rotateInDownLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    opacity:0
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

@keyframes rotateInDownLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    opacity:0
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    opacity:0
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

@keyframes rotateInDownRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    opacity:0
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

.rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    opacity:0
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

@keyframes rotateInUpLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    opacity:0
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

.rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,-90deg);
    transform:rotate3d(0,0,1,-90deg);
    opacity:0
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

@keyframes rotateInUpRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,-90deg);
    transform:rotate3d(0,0,1,-90deg);
    opacity:0
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1
}
}

.rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}

@-webkit-keyframes rotateOut {
0% {
    -webkit-transform-origin:center;
    transform-origin:center;
    opacity:1
}

100% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate3d(0,0,1,200deg);
    transform:rotate3d(0,0,1,200deg);
    opacity:0
}
}

@keyframes rotateOut {
0% {
    -webkit-transform-origin:center;
    transform-origin:center;
    opacity:1
}

100% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate3d(0,0,1,200deg);
    transform:rotate3d(0,0,1,200deg);
    opacity:0
}
}

.rotateOut {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    opacity:0
}
}

@keyframes rotateOutDownLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    opacity:0
}
}

.rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    opacity:0
}
}

@keyframes rotateOutDownRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    opacity:0
}
}

.rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    opacity:0
}
}

@keyframes rotateOutUpLeft {
0% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    opacity:0
}
}

.rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,90deg);
    transform:rotate3d(0,0,1,90deg);
    opacity:0
}
}

@keyframes rotateOutUpRight {
0% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    opacity:1
}

100% {
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate3d(0,0,1,90deg);
    transform:rotate3d(0,0,1,90deg);
    opacity:0
}
}

.rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}

@-webkit-keyframes hinge {
0% {
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}

20%,60% {
    -webkit-transform:rotate3d(0,0,1,80deg);
    transform:rotate3d(0,0,1,80deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}

40%,80% {
    -webkit-transform:rotate3d(0,0,1,60deg);
    transform:rotate3d(0,0,1,60deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
}

100% {
    -webkit-transform:translate3d(0,700px,0);
    transform:translate3d(0,700px,0);
    opacity:0
}
}

@keyframes hinge {
0% {
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}

20%,60% {
    -webkit-transform:rotate3d(0,0,1,80deg);
    transform:rotate3d(0,0,1,80deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}

40%,80% {
    -webkit-transform:rotate3d(0,0,1,60deg);
    transform:rotate3d(0,0,1,60deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
}

100% {
    -webkit-transform:translate3d(0,700px,0);
    transform:translate3d(0,700px,0);
    opacity:0
}
}

.hinge {
    -webkit-animation-name:hinge;
    animation-name:hinge
}

@-webkit-keyframes rollIn {
0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

@keyframes rollIn {
0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}

100% {
    opacity:1;
    -webkit-transform:none;
    transform:none
}
}

.rollIn {
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}

@-webkit-keyframes rollOut {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
}

@keyframes rollOut {
0% {
    opacity:1
}

100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
}

.rollOut {
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}

@-webkit-keyframes zoomIn {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}

50% {
    opacity:1
}
}

@keyframes zoomIn {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}

50% {
    opacity:1
}
}

.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}

@-webkit-keyframes zoomInDown {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

@keyframes zoomInDown {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

.zoomInDown {
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}

@-webkit-keyframes zoomInLeft {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

@keyframes zoomInLeft {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

.zoomInLeft {
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}

@-webkit-keyframes zoomInRight {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

@keyframes zoomInRight {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

.zoomInRight {
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}

@-webkit-keyframes zoomInUp {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

@keyframes zoomInUp {
0% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

60% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

.zoomInUp {
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}

@-webkit-keyframes zoomOut {
0% {
    opacity:1
}

50% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}

100% {
    opacity:0
}
}

@keyframes zoomOut {
0% {
    opacity:1
}

50% {
    opacity:0;
    -webkit-transform:scale3d(0.3,0.3,0.3);
    transform:scale3d(0.3,0.3,0.3)
}

100% {
    opacity:0
}
}

.zoomOut {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}

@-webkit-keyframes zoomOutDown {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

100% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

@keyframes zoomOutDown {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

100% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

.zoomOutDown {
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(-2000px,0,0);
    transform:scale(0.1) translate3d(-2000px,0,0);
    -webkit-transform-origin:left center;
    transform-origin:left center
}
}

@keyframes zoomOutLeft {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(-2000px,0,0);
    transform:scale(0.1) translate3d(-2000px,0,0);
    -webkit-transform-origin:left center;
    transform-origin:left center
}
}

.zoomOutLeft {
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(2000px,0,0);
    transform:scale(0.1) translate3d(2000px,0,0);
    -webkit-transform-origin:right center;
    transform-origin:right center
}
}

@keyframes zoomOutRight {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)
}

100% {
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(2000px,0,0);
    transform:scale(0.1) translate3d(2000px,0,0);
    -webkit-transform-origin:right center;
    transform-origin:right center
}
}

.zoomOutRight {
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}

@-webkit-keyframes zoomOutUp {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

100% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

@keyframes zoomOutUp {
40% {
    opacity:1;
    -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
    animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}

100% {
    opacity:0;
    -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
    transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
    animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)
}
}

.zoomOutUp {
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}

@-webkit-keyframes slideInDown {
0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    visibility:visible
}

100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
}

@keyframes slideInDown {
0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    visibility:visible
}

100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
}

.slideInDown {
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}

@-webkit-keyframes slideInLeft {
0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    visibility:visible
}

100% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
}

@keyframes slideInLeft {
0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    visibility:visible
}

100% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
}

.slideInLeft {
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}

@-webkit-keyframes slideInRight {
0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    visibility:visible
}

100% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
}

@keyframes slideInRight {
0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    visibility:visible
}

100% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
}

.slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}

@-webkit-keyframes slideInUp {
0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    visibility:visible
}

100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
}

@keyframes slideInUp {
0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    visibility:visible
}

100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
}

.slideInUp {
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}

@-webkit-keyframes slideOutDown {
0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
}

@keyframes slideOutDown {
0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
}

.slideOutDown {
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}

@-webkit-keyframes slideOutLeft {
0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
}

@keyframes slideOutLeft {
0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
}

.slideOutLeft {
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}

@-webkit-keyframes slideOutRight {
0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
}

@keyframes slideOutRight {
0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
}

.slideOutRight {
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}

@-webkit-keyframes slideOutUp {
0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
}

@keyframes slideOutUp {
0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}

100% {
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
}

.slideOutUp {
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}

.container {
    width:1000px;
    margin:0 auto;
    position:relative
}

.navbar {
    height:40px;
    background:#efefef;
    border-bottom:3px solid #c4c4c4;
    position:relative;
    z-index:51
}

.navbar .left-menu li {
    float:left
}

.navbar .left-menu li a {
    padding:0 15px;
    display:block;
    line-height:40px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#434d5c;
    position:relative;
    transition:250ms background
}

.navbar .left-menu li a:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat;
    width:6px;
    height:5px;
    position:absolute;
    top:17px;
    right:-3px
}

.navbar .left-menu li a:hover {
    background:rgba(0,0,0,0.05)
}

.navbar .left-menu li:first-child {
    padding-left:0
}

.navbar .left-menu li:last-child a:before {
    display:none
}

.navbar .right-menu {
    float:right;
    border-right:1px solid #dedede
}

.navbar .right-menu>li {
    float:left;
    border-bottom:3px solid transparent
}

.navbar .right-menu>li>a {
    display:block;
    height:10px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#999;
    padding:15px;
    border-left:1px solid rgba(0,0,0,0.08);
    transition:250ms all
}

.navbar .right-menu>li>a>span {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    color:#444
}

.navbar .right-menu>li>a .icon-chat {
    position:relative;
    top:-5px
}

.navbar .right-menu>li>a .icon-phone {
    float:left;
    margin-right:10px
}

.navbar .right-menu>li>a:hover {
    background:#dcdcdc
}

.navbar .right-menu>li.rm1 {
    border-color:#7d4ba8
}

.navbar .right-menu>li.rm2 {
    border-color:#4a6fbe
}

.navbar .right-menu>li.rm3 {
    border-color:#ef5151
}

.navbar .right-menu>li.rm4 {
    border-color:#7bad3c;
    position:relative
}

.navbar .right-menu>li.rm4:before {
    content:'';
    border:8px solid transparent;
    position:absolute;
    bottom:-18px;
    left:50%;
    margin-left:-8px;
    border-top-color:#7bad3c;
    display:none
}

.navbar .right-menu>li.rm4.active {
    background:#dcdcdc
}

.navbar .right-menu>li.rm4.active:before {
    display:block
}

.navbar .right-menu>li.rm5 {
    border-color:#de9c42
}

.navbar .right-menu>li.rm5:before {
    display:none
}

.navbar .right-menu>li.login-url>a {
    color:#434d5c
}

.navbar .right-menu>li.language-dropdown {
    position:relative
}

.navbar .right-menu>li.language-dropdown>a {
    position:relative;
    padding-right:30px
}

.navbar .right-menu>li.language-dropdown>a:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat 0 -5px;
    width:6px;
    height:3px;
    position:absolute;
    top:20px;
    right:15px
}

.navbar .right-menu>li.language-dropdown ul {
    display:none;
    position:absolute;
    top:40px;
    left:0;
    background:#fff;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
    width:100%;
    border-bottom:3px solid #ef5151
}

.navbar .right-menu>li.language-dropdown ul li a {
    display:block;
    font-size:14px;
    line-height:30px;
    text-indent:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#999
}

.navbar .right-menu>li.language-dropdown ul li a:hover {
    background:#f6f6f6
}

.navbar .right-menu>li.language-dropdown ul li.active a {
    color:#111;
    background:#f6f6f6
}

.header {
    height:81px;
    background:#fff;
    border-bottom:1px solid #e5e6e6
}

.header .logo {
    float:left;
    position:relative;
    top:18px
}

.header .logo a {
    display:block;
    background:url(../images/logo.png) no-repeat;
    width:189px;
    height:44px;
    text-indent:-9999px
}

.header .logo .ten-years {
    position:absolute;
    left:200px;
    top:-4px;
    height:56px;
    line-height:61px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:rgba(88,103,123,0.5);
    width:65px;
    border-left:1px solid #e6e7ea;
    padding-left:12px
}

.header .logo .ten-years span {
    font-family:Ubuntu,sans-serif;
    font-weight:600
}

.header .menu {
    float:right
}

.header .menu>li {
    float:left
}

.header .menu>li>a {
    display:block;
    height:45px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    color:#4a525f;
    padding:36px 30px 0 15px;
    position:relative
}

.header .menu>li>a:after {
    content:'';
    border:10px solid transparent;
    border-bottom-color:#dadfe1;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-20px;
    opacity:0;
    transition:300ms all
}

.header .menu>li>a:before {
    content:'';
    position:absolute;
    top:42px;
    right:15px;
    background:url(../images/icon-sprite.png) no-repeat 0 -8px;
    width:6px;
    height:3px
}

.header .menu>li>a:hover {
    color:#6a7588
}

.header .menu>li.hover a:after {
    opacity:1
}

.header .menu>li.no-dropdown>a:before {
    display:none
}

.header .menu>li.shopping-cart {
    position:relative
}

.header .menu>li.shopping-cart>a {
    padding-right:15px;
    transition:250ms all
}

.header .menu>li.shopping-cart>a .icon-basket {
    position:relative;
    top:-1px;
    transition:250ms all
}

.header .menu>li.shopping-cart>a:hover {
    background:#66b646;
    padding-bottom:1px
}

.header .menu>li.shopping-cart>a:hover .icon-basket {
    background-position:-47px -18px
}

.header .menu>li.shopping-cart .basket-text {
    display:none;
    position:absolute;
    top:95px;
    right:0;
    z-index:5;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:22px;
    padding:0 5px;
    border-radius:20px;
    min-width:280px;
    background:#66b646;
    color:#fff;
    text-align:center
}

.header .menu>li.shopping-cart .basket-text:before {
    content:'';
    border:6px solid transparent;
    border-bottom-color:#66b646;
    position:absolute;
    top:-12px;
    right:18px
}

.header .menu>li.shopping-cart:hover .basket-text {
    display:block
}

.header .menu>li .dropdown {
    display:none;
    position:absolute;
    top:81px;
    left:0;
    z-index:2;
    width:100%;
    background:#58677b;
    border-radius:0 0 4px 4px
}

.header .menu>li .dropdown .dd-icon1,.header .menu>li .dropdown .dd-icon2,.header .menu>li .dropdown .dd-icon3,.header .menu>li .dropdown .dd-icon4,.header .menu>li .dropdown .dd-icon5,.header .menu>li .dropdown .dd-icon6,.header .menu>li .dropdown .dd-icon7,.header .menu>li .dropdown .dd-icon8,.header .menu>li .dropdown .dd-icon9,.header .menu>li .dropdown .dd-icon10 {
    background:url(../images/dd-icons.png) no-repeat;
    width:119px;
    height:119px;
    display:inline-block
}

.header .menu>li .dropdown .dd-icon2 {
    background-position:-119px 0
}

.header .menu>li .dropdown .dd-icon3 {
    background-position:-238px 0
}

.header .menu>li .dropdown .dd-icon4 {
    background-position:-357px 0
}

.header .menu>li .dropdown .dd-icon5 {
    background-position:-476px 0
}

.header .menu>li .dropdown .dd-icon6 {
    background-position:-595px 0
}

.header .menu>li .dropdown .dd-icon7 {
    background-position:-714px 0
}

.header .menu>li .dropdown .dd-icon8 {
    background-position:-833px 0
}

.header .menu>li .dropdown .dd-icon9 {
    background-position:-952px 0
}

.header .menu>li .dropdown .dd-icon10 {
    background-position:-1071px 0
}

.header .menu>li .dropdown .dd-search-list {
    float:right;
    width:300px;
    border-left:1px solid #c4ccd0;
    padding:15px 25px 15px 35px;
    margin-top:17px;
    overflow:hidden;
    position:relative;
    z-index:10
}

.header .menu>li .dropdown .dd-search-list .dd-icon10 {
    float:left;
    margin-right:20px
}

.header .menu>li .dropdown .dd-search-list h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    color:#65768e;
    padding-bottom:10px
}

.header .menu>li .dropdown .dd-search-list ul {
    float:left
}

.header .menu>li .dropdown .dd-search-list ul li {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#65768e;
    padding-bottom:6px;
    position:relative;
    padding-left:9px
}

.header .menu>li .dropdown .dd-search-list ul li:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -126px -64px;
    width:3px;
    height:6px;
    position:absolute;
    top:4px;
    left:0
}

.header .menu>li .dropdown .dd-search-list ul li a {
    color:#65768e
}

.header .menu>li .dropdown .dd-search-list ul li a:hover {
    color:#222;
    text-decoration:underline
}

.header .menu>li .dropdown .dd-search-domain {
    padding-top:30px;
    padding-left:25px;
    position:relative
}

.header .menu>li .dropdown .dd-search-domain p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:400;
    color:#4a5363;
    display:inline-block;
    background:url(../images/icon-arrow-down.png) no-repeat bottom right;
    padding-right:45px;
    padding-bottom:25px
}

.header .menu>li .dropdown .dd-search-domain .input,.header .menu>li .dropdown .dd-search-domain .domain .whois .input input,.domain .whois .input .header .menu>li .dropdown .dd-search-domain input {
    position:absolute;
    top:92px;
    left:25px;
    width:410px;
    height:63px;
    background:#fff;
    border-radius:3px
}

.header .menu>li .dropdown .dd-search-domain .input .www,.domain .whois .input .header .menu>li .dropdown .dd-search-domain input .www {
    position:absolute;
    top:0;
    left:11px;
    line-height:63px;
    width:60px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:300;
    color:#858f9d;
    text-align:center
}

.header .menu>li .dropdown .dd-search-domain .input input,.domain .whois .input .header .menu>li .dropdown .dd-search-domain input input {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background:transparent;
    border:1px solid #dadfe1;
    width:318px;
    height:61px;
    line-height:61px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#858f9d;
    padding-left:70px;
    padding-right:20px;
    border-radius:3px;
    transition:250ms border-color
}

.header .menu>li .dropdown .dd-search-domain .input input:focus,.domain .whois .input .header .menu>li .dropdown .dd-search-domain input input:focus {
    border-color:#bec7ca
}

.header .menu>li .dropdown .dd-search-domain button {
    width:159px;
    height:63px;
    background:#66b646;
    border-radius:3px;
    position:absolute;
    top:92px;
    left:446px;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:63px;
    cursor:pointer;
    transition:250ms background
}

.header .menu>li .dropdown .dd-search-domain button span {
    float:right;
    width:50px;
    height:63px;
    background:rgba(0,0,0,0.1)
}

.header .menu>li .dropdown .dd-search-domain button span em {
    position:relative;
    top:6px
}

.header .menu>li .dropdown .dd-search-domain button:hover {
    background:#589c3c
}

.header .menu>li .dropdown .dd-help {
    background:#dadfe1;
    border-radius:0 0 4px 4px;
    height:183px
}

.header .menu>li .dropdown .dd-help .dd-help-right {
    float:right;
    width:377px;
    height:183px;
    background:url(../images/dd-help-bg.png) no-repeat bottom right;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#65768e
}

.header .menu>li .dropdown .dd-help .dd-help-right h3 {
    font-size:23px;
    width:185px;
    padding-left:15px;
    padding-bottom:11px;
    padding-top:24px
}

.header .menu>li .dropdown .dd-help .dd-help-right p {
    line-height:20px;
    width:185px;
    padding-left:15px
}

.header .menu>li .dropdown .dd-help .dd-help-icons {
    padding-top:18px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li {
    float:left;
    border-right:1px solid #c4ccd0
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a {
    display:block;
    padding:0 42px;
    text-align:center
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a .icon,.header .menu>li .dropdown .dd-help .dd-help-icons li a .dedicated-section4 .item .icon2,.dedicated-section4 .item .header .menu>li .dropdown .dd-help .dd-help-icons li a .icon2 {
    display:block
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a .title {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    color:#65768e;
    padding-top:10px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon1,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon2,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon3,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon4,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon5,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon6,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon7,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon8,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon9,.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon10 {
    background-position:0 -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon2 {
    background-position:-119px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon3 {
    background-position:-238px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon4 {
    background-position:-357px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon5 {
    background-position:-476px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon6 {
    background-position:-595px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon7 {
    background-position:-714px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon8 {
    background-position:-833px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .dd-icon9 {
    background-position:-952px -119px
}

.header .menu>li .dropdown .dd-help .dd-help-icons li a:hover .title {
    color:#029ee0
}

.header .menu>li .dropdown .dd-help.dd-ssl .dd-browsers {
    float:right;
    width:300px;
    text-align:center;
    padding-top:30px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    padding-right:15px;
    color:#65768e
}

.header .menu>li .dropdown .dd-help.dd-ssl .dd-browsers h3 {
    font-size:23px;
    padding-bottom:10px
}

.header .menu>li .dropdown .dd-help.dd-ssl .dd-browsers p {
    line-height:20px;
    padding-bottom:15px
}

.header .menu>li .dropdown .dd-help.dd-ssl .dd-help-icons li a {
    padding:0 36px
}

.header .menu>li .dropdown .dd-help.dd-server .dd-help-icons li {
    width:20%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}

.header .menu>li .dropdown .dd-help.dd-server .dd-help-icons li a {
    display:block;
    padding:0
}

.header .menu>li .dropdown .dd-help.dd-server .dd-help-icons li:last-child {
    border-right:none
}

.header .menu>li .dropdown .dd-top {
    background:#dadfe1;
    border-radius:0 0 4px 4px;
    padding:15px;
    height:153px;
    overflow:hidden
}

.header .menu>li .dropdown .dd-top>div {
    float:left;
    width:310px;
    padding-top:5px;
    margin-right:15px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-right:1px solid #c6cdd1
}

.header .menu>li .dropdown .dd-top>div a {
    display:block
}

.header .menu>li .dropdown .dd-top>div:last-child {
    margin-right:0;
    border-right:none
}

.header .menu>li .dropdown .dd-top>div [class*=icon] {
    float:left;
    margin-right:15px
}

.header .menu>li .dropdown .dd-top>div .icon-web3 {
    margin-top:15px
}

.header .menu>li .dropdown .dd-top>div h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    color:#65768e;
    padding-top:5px
}

.header .menu>li .dropdown .dd-top>div h3 span {
    display:block;
    font-size:12px;
    padding-bottom:2px
}

.header .menu>li .dropdown .dd-top>div ul {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#65768e;
    padding-top:10px;
    float:left
}

.header .menu>li .dropdown .dd-top>div ul li {
    padding:6px 0 6px 15px;
    position:relative
}

.header .menu>li .dropdown .dd-top>div ul li:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -22px -31px;
    width:3px;
    height:7px;
    position:absolute;
    top:10px;
    left:2px
}

.header .menu>li .dropdown .dd-top>div ul li a {
    color:#65768e
}

.header .menu>li .dropdown .dd-top>div ul li a:hover {
    color:#222;
    text-decoration:underline
}

.header .menu>li .dropdown .dd-bottom {
    height:61px;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:500;
    padding:0 25px;
    border-radius:0 0 4px 4px
}

.header .menu>li .dropdown .dd-bottom ul {
    float:right
}

.header .menu>li .dropdown .dd-bottom ul li {
    float:left;
    margin-left:25px
}

.header .menu>li .dropdown .dd-bottom ul li a {
    display:block;
    padding:14px 0 0
}

.header .menu>li .dropdown .dd-bottom ul li a .icon-windows {
    position:relative;
    top:3px
}

.header .menu>li .dropdown .dd-bottom p {
    padding-top:21px
}

body.body-popup {
    padding-top:43px
}

body.body-popup .navbar {
    position:fixed;
    top:0;
    left:0;
    width:100%
}

.popup {
    position:fixed;
    top:0;
    left:0;
    z-index:50;
    background:rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    display:none
}

.popup .login-popup {
    position:absolute;
    top:43px;
    left:0;
    width:100%;
    height:267px;
    background:#fff
}

.popup .login-popup h3 {
    line-height:50px;
    border-bottom:1px solid #dedfe2;
    margin-bottom:13px
}

.popup .login-popup h3 span {
    display:inline-block;
    position:relative;
    bottom:-3px;
    border-bottom:1px solid #7aaa4b;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#434d5c
}

.popup .login-popup h3 em {
    float:right;
    position:relative;
    top:16px
}

.popup .login-popup h3 em.icon-popup3 {
    top:18px
}

.popup .login-popup input {
    border:1px solid #e2e2e2;
    border-radius:3px;
    height:36px;
    padding:5px 15px;
    background:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:36px;
    transition:250ms all;
    color:#434d5c
}

.popup .login-popup input:focus {
    border-color:#ccc
}

.popup .login-popup p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#434d5c;
    line-height:20px
}

.popup .login-popup ul li {
    overflow:hidden;
    margin-bottom:8px
}

.popup .login-popup ul li span {
    float:left;
    width:91px;
    line-height:48px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#434d5c
}

.popup .login-popup ul li input {
    width:252px
}

.popup .login-popup .button {
    width:284px;
    float:right
}

.popup .login-popup .button .form-element {
    float:left;
    line-height:48px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#868d97
}

.popup .login-popup .button .form-element .input,.popup .login-popup .button .form-element .domain .whois .input input,.domain .whois .input .popup .login-popup .button .form-element input {
    width:17px;
    height:17px;
    border-radius:3px;
    background:#b8b8b8;
    margin-right:7px;
    float:left;
    position:relative;
    top:15px
}

.popup .login-popup .button .form-element.checked .input,.popup .login-popup .button .form-element.checked .domain .whois .input input,.domain .whois .input .popup .login-popup .button .form-element.checked input {
    background:url(../images/icon-sprite.png) no-repeat -2500px -105px
}

.popup .login-popup .button a {
    float:right;
    line-height:48px;
    width:148px;
    border-radius:3px;
    background:#19b697;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    text-align:center;
    display:inline-block;
    transition:250ms all
}

.popup .login-popup .button a:hover {
    background:#138972
}

.popup .login-popup .button a>span {
    float:right;
    width:45px;
    height:48px;
    background:rgba(0,0,0,0.1)
}

.popup .login-popup .button a>span em {
    position:relative;
    top:2px
}

.popup .login-popup .float {
    float:left;
    padding-top:15px
}

.popup .login-popup .float.f1 {
    width:375px;
    margin-right:32px
}

.popup .login-popup .float.f2 {
    width:326px;
    margin-right:37px
}

.popup .login-popup .float.f2 p {
    height:64px
}

.popup .login-popup .float.f2 ul li span {
    float:none;
    display:block
}

.popup .login-popup .float.f2 ul li input {
    width:201px;
    border-right:none;
    border-radius:3px 0 0 3px;
    float:left
}

.popup .login-popup .float.f2 ul li button {
    float:left;
    line-height:48px;
    width:94px;
    border-radius:0 3px 3px 0;
    background:#19b697;
    cursor:pointer;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    color:#fff;
    text-align:center;
    transition:250ms all
}

.popup .login-popup .float.f2 ul li button:hover {
    background:#138972
}

.popup .login-popup .float.f3 {
    width:230px
}

.popup .login-popup .float.f3 p {
    height:112px
}

.popup .login-popup .float.f3 a {
    line-height:48px;
    width:230px;
    border-radius:3px;
    background:#19b697;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    text-align:center;
    display:inline-block;
    transition:250ms all
}

.popup .login-popup .float.f3 a:hover {
    background:#138972
}

.popup .login-popup .float.f3 a>span {
    float:right;
    width:45px;
    height:48px;
    background:rgba(0,0,0,0.1)
}

.popup .login-popup .float.f3 a>span em {
    position:relative;
    top:2px
}

.slider {
    height:524px
}

.slider .item {
    height:524px;
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-box-sizing:cover
}

.slider .item .slider-mini-text {
    font-family:Ubuntu,sans-serif;
    font-weight:300;
    font-size:15px;
    color:#585f6b;
    width:470px;
    padding-top:160px
}

.slider .item .slider-mini-text h3 {
    font-size:37px;
    font-family:Ubuntu,sans-serif;
    font-weight:300;
    color:#5a6a84;
    padding-bottom:15px
}

.slider .item .slider-mini-text p {
    line-height:22px;
    padding-bottom:15px
}

.slider .owl-prev,.slider .owl-next,.slider .alt-slider .container .one-slider .owl-buttons .owl-next,.alt-slider .container .one-slider .owl-buttons .slider .owl-next {
    background:rgba(0,0,0,0.5);
    height:64px;
    width:64px;
    border-radius:0 5px 5px 0;
    position:absolute;
    top:50%;
    margin-top:-70px;
    left:0;
    text-indent:-9999px;
    transition:250ms all
}

.slider .owl-prev:hover,.slider .owl-next:hover,.slider .alt-slider .container .one-slider .owl-buttons .owl-next:hover,.alt-slider .container .one-slider .owl-buttons .slider .owl-next:hover {
    width:80px
}

.slider .owl-prev:before,.slider .owl-next:before,.slider .alt-slider .container .one-slider .owl-buttons .owl-next:before,.alt-slider .container .one-slider .owl-buttons .slider .owl-next:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -70px 0;
    width:16px;
    height:28px;
    position:absolute;
    top:16px;
    right:30px
}

.slider .owl-next {
    border-radius:5px 0 0 5px;
    left:auto;
    right:0
}

.slider .owl-next:before {
    background-position:-86px 0;
    right:auto;
    left:30px
}

.alt-slider {
    margin-top:-75px;
    position:relative;
    z-index:1;
    height:112px;
    background:rgba(88,103,123,0.7);
    border-bottom:1px solid #dde0e4
}

.alt-slider .container {
    height:63px
}

.alt-slider .container .one-slider {
    width:895px
}

.alt-slider .container .one-slider .item {
    line-height:63px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#fff;
    height:63px;
    overflow:hidden
}

.alt-slider .container .one-slider .owl-buttons {
    position:absolute;
    top:0;
    right:-90px
}

.alt-slider .container .one-slider .owl-buttons .owl-prev,.alt-slider .container .one-slider .owl-buttons .owl-next {
    width:39px;
    height:63px;
    background:rgba(0,0,0,0.1);
    float:left;
    text-indent:-9999px;
    position:relative
}

.alt-slider .container .one-slider .owl-buttons .owl-prev:after,.alt-slider .container .one-slider .owl-buttons .owl-next:after {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -102px 0;
    width:12px;
    height:21px;
    position:absolute;
    top:20px;
    left:12px
}

.alt-slider .container .one-slider .owl-buttons .owl-next {
    background:rgba(0,0,0,0.2)
}

.alt-slider .container .one-slider .owl-buttons .owl-next:after {
    background-position:-114px 0;
    left:15px
}

.domain {
    background:url(../images/domain-bg.jpg) no-repeat;
    width:1000px;
    height:388px;
    margin:-50px auto 20px;
    border-top:4px solid #66b646;
    position:relative;
    z-index:2
}

.domain p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:28px;
    font-weight:300;
    color:#4a5363;
    position:absolute;
    top:70px;
    left:42px
}

.domain p span {
    font-family:Ubuntu,sans-serif;
    font-weight:400;
    position:absolute;
    bottom:-32px;
    right:-150px
}

.domain .whois {
    position:absolute;
    left:42px;
    top:190px;
    width:625px
}

.domain .whois .input,.domain .whois .input input {
    position:absolute;
    top:0;
    left:0;
    width:455px;
    height:62px;
    background:#fff;
    border-radius:4px
}

.domain .whois .input .www {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:300;
    color:#858f9d;
    position:absolute;
    top:1px;
    left:0;
    line-height:62px;
    width:82px;
    text-align:right
}

.domain .whois .input input {
    border:1px solid rgba(0,0,0,0.06);
    background:transparent;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:400;
    color:#858f9d;
    height:52px;
    line-height:52px;
    width:362px;
    padding:5px 10px 5px 83px;
    transition:250ms all
}

.domain .whois .input input:focus {
    border-color:rgba(0,0,0,0.15)
}

.domain .whois button {
    background:#66b646;
    line-height:62px;
    border-radius:4px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    color:#fff;
    width:160px;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    transition:250ms all
}

.domain .whois button>span {
    transition:250ms all;
    width:50px;
    height:62px;
    background:#61a944;
    float:right
}

.domain .whois button>span .icon-search {
    position:relative;
    top:4px
}

.domain .whois button:hover {
    background:#519138
}

.domain .whois button:hover>span {
    background:#4c8535
}

.domain .whois-domains {
    position:absolute;
    top:275px;
    left:42px;
    width:500px;
    overflow:hidden
}

.domain .whois-domains .form-element {
    float:left;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:500;
    color:#858f9d;
    line-height:17px;
    padding-right:25px;
    padding-bottom:20px;
    overflow:hidden;
    cursor:pointer
}

.domain .whois-domains .form-element .input,.domain .whois-domains .form-element .whois .input input,.domain .whois .input .whois-domains .form-element input {
    background:url(../images/icon-sprite.png) no-repeat -145px 0;
    width:17px;
    height:17px;
    float:left;
    margin-right:6px
}

.domain .whois-domains .form-element.checked .input,.domain .whois-domains .form-element.checked .whois .input input,.domain .whois .input .whois-domains .form-element.checked input {
    background-position:-145px -17px
}

.section1 {
    padding-bottom:30px
}

.section1 .section-box {
    float:left;
    margin-right:11px;
    width:306px;
    height:105px;
    background:#27a4e5;
    border-radius:4px;
    padding:15px 0 0 20px;
    position:relative
}

.section1 .section-box:last-child {
    margin-right:0
}

.section1 .section-box h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:500;
    color:#fff;
    position:relative
}

.section1 .section-box h3:before {
    content:'';
    width:100px;
    height:1px;
    background:rgba(255,255,255,0.3);
    position:absolute;
    top:26px;
    left:0
}

.section1 .section-box p {
    padding-top:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#fff;
    line-height:18px;
    width:190px
}

.section1 .section-box .icon-cloud {
    float:right;
    margin-right:15px;
    margin-top:15px
}

.section1 .section-box .icon-server {
    float:right;
    margin-right:20px;
    margin-top:5px
}

.section1 .section-box .icon-ssl {
    float:right;
    margin-right:20px;
    margin-top:5px
}

.section1 .section-box.server {
    background:#ef4d0d
}

.section1 .section-box.ssl {
    background:#1abc9c
}

.web-hosting-packets {
    padding-bottom:20px;
    overflow:hidden;
    background:#f8fafc;
    padding-top:30px;
    height:650px
}

.web-hosting-packets .container {
    padding-left:65px;
    width:935px
}

.web-hosting-packets .hostings {
    background:url(../images/hosting-bg.png) repeat-x;
    overflow:hidden;
    padding-bottom:120px
}

.web-hosting-packets .title {
    text-align:center;
    padding-bottom:25px
}

.web-hosting-packets .title h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:48px;
    font-weight:300;
    color:#666d78;
    letter-spacing:-.2px
}

.web-hosting-packets .title h3 span {
    font-family:Ubuntu,sans-serif;
    font-weight:400
}

.web-hosting-packets .title p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:400;
    color:#858f9d;
    line-height:32px
}

.web-hosting-packets .web-hosting {
    background:#f4f6f8;
    border:3px solid #edeff2;
    border-radius:4px;
    width:286px;
    position:relative;
    float:left;
    margin-top:20px;
    transition:250ms all
}

.web-hosting-packets .web-hosting .popular-title {
    line-height:37px;
    background:#1abc9c;
    text-align:center;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    font-weight:700;
    height:0;
    overflow:hidden;
    transition:250ms all
}

.web-hosting-packets .web-hosting .head {
    padding:5px 10px 20px;
    overflow:hidden
}

.web-hosting-packets .web-hosting .head h3 {
    line-height:50px;
    border-bottom:1px solid #e5e9ed;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:400;
    color:#58677b;
    text-align:center;
    margin-bottom:10px
}

.web-hosting-packets .web-hosting .head>div {
    float:left;
    width:33.3%;
    text-align:center;
    color:#65768e;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    font-weight:500
}

.web-hosting-packets .web-hosting .head>div .icon,.web-hosting-packets .web-hosting .head>div .dedicated-section4 .item .icon2,.dedicated-section4 .item .web-hosting-packets .web-hosting .head>div .icon2 {
    height:45px;
    display:table-cell;
    width:88px;
    text-align:center;
    vertical-align:middle
}

.web-hosting-packets .web-hosting .head>div h6 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    padding-bottom:3px
}

.web-hosting-packets .web-hosting .detail {
    background:#fff;
    height:205px;
    border-radius:0 0 4px 4px;
    position:relative
}

.web-hosting-packets .web-hosting .detail:before {
    content:'';
    border:15px solid transparent;
    border-top-color:#f4f6f8;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-15px
}

.web-hosting-packets .web-hosting .detail .buy {
    position:absolute;
    bottom:19px;
    left:20px;
    width:247px;
    line-height:50px;
    background:#56a846;
    border-radius:4px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    color:#fff;
    text-align:center;
    overflow:hidden;
    transition:250ms all
}

.web-hosting-packets .web-hosting .detail .buy>span {
    float:left;
    width:55px;
    height:50px;
    background:#4d973f;
    transition:250ms all
}

.web-hosting-packets .web-hosting .detail .buy>span .icon-buy {
    position:relative;
    top:4px
}

.web-hosting-packets .web-hosting .detail .buy:hover {
    background:#448437
}

.web-hosting-packets .web-hosting .detail .buy:hover>span {
    background:#3b7330
}

.web-hosting-packets .web-hosting .detail .price {
    padding-top:35px;
    text-align:center;
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    font-weight:400;
    color:rgba(88,103,123,0.4)
}

.web-hosting-packets .web-hosting .detail .price span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:55px;
    font-weight:300;
    color:#58677b;
    padding-bottom:5px
}

.web-hosting-packets .web-hosting .bottom {
    position:absolute;
    bottom:-98px;
    left:0;
    width:100%;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#65768e;
    line-height:21px
}

.web-hosting-packets .web-hosting .bottom span {
    background:url(../images/icon-sprite.png) no-repeat -466px 0;
    width:19px;
    height:50px;
    display:inline-block
}

.web-hosting-packets .web-hosting.popular {
    border-width:3px;
    border-color:#1abc9c!important;
    margin:0 -1px;
    position:relative;
    z-index:1
}

.web-hosting-packets .web-hosting.popular .popular-title {
    height:37px
}

.web-hosting-packets .web-hosting.popular .bottom {
    color:#1abc9c
}

.web-hosting-packets .web-hosting.popular .bottom span {
    background-position:-485px 0
}

.web-hosting-packets .web-hosting:hover {
    border-color:#ddd
}

.references {
    height:107px
}

.references .references-slider {
    width:950px;
    margin:0 auto;
    padding-top:27px
}

.references .references-slider .item {
    float:left;
    text-align:center
}

.references .references-slider .item a {
    height:50px;
    display:table-cell;
    width:190px;
    text-align:center;
    vertical-align:middle;
    transition:250ms all
}

.references .references-slider .item a img {
    transition:250ms all;
    opacity:.2;
    max-width:90%
}

.references .references-slider .item a:hover img {
    opacity:1
}

.references .owl-prev,.references .alt-slider .container .one-slider .owl-buttons .owl-next,.alt-slider .container .one-slider .owl-buttons .references .owl-next,.references .owl-next {
    background:url(../images/icon-sprite.png) no-repeat -504px 0;
    width:16px;
    height:37px;
    position:absolute;
    top:32px;
    left:-20px;
    text-indent:-9999px
}

.references .owl-next {
    background-position:-520px 0;
    left:auto;
    right:-20px
}

.domain-query {
    background:url(../images/domain-query-bg.jpg) no-repeat;
    height:520px;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.domain-query h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    color:#4a5363;
    height:140px;
    line-height:140px
}

.domain-query .domain-panel {
    overflow:hidden;
    height:380px;
    background:#fff;
    border-radius:5px 5px 0 0;
    box-shadow:0 0 15px 0 rgba(0,0,0,0.3)
}

.domain-query .domain-panel .domain-tab {
    height:78px;
    background:#edeeef;
    border-bottom:5px solid #e6e8e9;
    text-align:center
}

.domain-query .domain-panel .domain-tab ul {
    width:100%
}

.domain-query .domain-panel .domain-tab ul li {
    float:left;
    width:33.3%
}

.domain-query .domain-panel .domain-tab ul li a {
    display:inline-block;
    line-height:78px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#434d5c;
    border-bottom:5px solid transparent;
    padding:0 5px;
    transition:250ms all
}

.domain-query .domain-panel .domain-tab ul li a:hover {
    border-color:#d8dcdd
}

.domain-query .domain-panel .domain-tab ul li.active a {
    border-color:#6d7b81!important
}

.domain-query .domain-panel .domain-whois {
    background:#f8f8f9;
    height:155px;
    border-bottom:1px solid #e6e7ea;
    position:relative
}

.domain-query .domain-panel .domain-whois>.input,.domain-query .domain-panel .domain .whois .input .domain-whois>input,.domain .whois .input .domain-query .domain-panel .domain-whois>input {
    width:788px;
    height:65px;
    background:#fff;
    border-radius:4px;
    position:absolute;
    left:16px;
    top:18px
}

.domain-query .domain-panel .domain-whois>.input .www,.domain-query .domain-panel .domain .whois .input .domain-whois>input .www,.domain .whois .input .domain-query .domain-panel .domain-whois>input .www {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#4c5564;
    position:absolute;
    top:1px;
    left:20px;
    line-height:63px;
    text-align:right
}

.domain-query .domain-panel .domain-whois>.input>input,.domain-query .domain-panel .domain .whois .input .domain-whois>input>input,.domain .whois .input .domain-query .domain-panel .domain-whois>input>input {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:697px;
    height:63px;
    border:1px solid #f2f2f3;
    border-radius:4px;
    line-height:63px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#4c5564;
    padding:0 15px 0 74px;
    background:transparent;
    transition:250ms all
}

.domain-query .domain-panel .domain-whois>.input>input:focus,.domain-query .domain-panel .domain .whois .input .domain-whois>input>input:focus,.domain .whois .input .domain-query .domain-panel .domain-whois>input>input:focus {
    border-color:#dcdcdd
}

.domain-query .domain-panel .domain-whois button {
    width:172px;
    height:65px;
    background:#63ca2e;
    border-radius:4px;
    cursor:pointer;
    position:absolute;
    top:18px;
    right:14px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:21px;
    font-weight:400;
    color:#fff;
    overflow:hidden;
    transition:250ms background
}

.domain-query .domain-panel .domain-whois button:hover {
    background:#59b529
}

.domain-query .domain-panel .domain-whois button em {
    background:url(../images/icon-sprite.png) no-repeat -1056px 0;
    width:91px;
    height:65px;
    position:absolute;
    top:0;
    left:0
}

.domain-query .domain-panel .domain-whois button span {
    position:relative
}

.domain-query .domain-panel .domain-whois .all-select {
    position:absolute;
    bottom:10px;
    right:12px;
    width:174px;
    height:48px;
    cursor:pointer;
    line-height:48px;
    text-align:center;
    border-radius:4px;
    background:#e9ebed;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#4a5363;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.domain-query .domain-panel .domain-whois .all-select .input,.domain-query .domain-panel .domain-whois .all-select .domain .whois .input input,.domain .whois .input .domain-query .domain-panel .domain-whois .all-select input {
    width:17px;
    height:17px;
    border-radius:3px;
    background:#9ca9b6;
    display:inline-block;
    margin-right:5px;
    position:relative;
    top:3px
}

.domain-query .domain-panel .domain-whois .all-select.checked .input,.domain-query .domain-panel .domain-whois .all-select.checked .domain .whois .input input,.domain .whois .input .domain-query .domain-panel .domain-whois .all-select.checked input {
    background:url(../images/icon-sprite.png) no-repeat -145px -17px
}

.domain-query .domain-panel .domain-whois .domains-tab {
    position:absolute;
    bottom:0;
    left:0
}

.domain-query .domain-panel .domain-whois .domains-tab li {
    float:left;
    margin:0 15px
}

.domain-query .domain-panel .domain-whois .domains-tab li a {
    display:block;
    line-height:60px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#7e838b;
    padding:0 15px;
    transition:250ms all;
    position:relative
}

.domain-query .domain-panel .domain-whois .domains-tab li a:before {
    content:'';
    border:8px solid transparent;
    border-bottom-color:#fff;
    position:absolute;
    bottom:-1px;
    left:50%;
    margin-left:-8px;
    z-index:2;
    display:none
}

.domain-query .domain-panel .domain-whois .domains-tab li a:after {
    content:'';
    border:10px solid transparent;
    border-bottom-color:#e6e7ea;
    position:absolute;
    bottom:-1px;
    left:50%;
    margin-left:-10px;
    z-index:1;
    display:none
}

.domain-query .domain-panel .domain-whois .domains-tab li a:hover {
    color:#434d5c
}

.domain-query .domain-panel .domain-whois .domains-tab li.active a:before,.domain-query .domain-panel .domain-whois .domains-tab li.active a:after {
    display:block
}

.domain-query .domain-panel .domain-whois.fix {
    background:#fff;
    border-bottom:none
}

.domain-query .domain-panel .domain-whois.fix .domain-textarea {
    border:1px solid #eee;
    border-radius:4px;
    background:#fff;
    width:938px;
    margin-left:16px;
    margin-top:18px;
    height:154px;
    resize:none;
    overflow:auto;
    padding:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#7e838b;
    line-height:22px;
    transition:250ms border-color
}

.domain-query .domain-panel .domain-whois.fix .domain-textarea:focus {
    border-color:#ccc
}

.domain-query .domain-panel .domain-whois.fix .input,.domain-query .domain-panel .domain-whois.fix .domain .whois .input input,.domain .whois .input .domain-query .domain-panel .domain-whois.fix input {
    background:#edeeef;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#4c5564;
    text-indent:15px;
    line-height:65px;
    top:220px
}

.domain-query .domain-panel .domain-whois.fix button {
    top:220px
}

.domain-query .domain-panel .domain-tab-content {
    overflow:hidden;
    padding:10px 0 10px 15px
}

.domain-query .domain-panel .domain-tab-content .form-element {
    float:left;
    width:10%;
    padding:10px 0;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#4a5363;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative
}

.domain-query .domain-panel .domain-tab-content .form-element .input,.domain-query .domain-panel .domain-tab-content .form-element .domain .whois .input input,.domain .whois .input .domain-query .domain-panel .domain-tab-content .form-element input {
    width:17px;
    height:17px;
    border-radius:3px;
    background:#9ca9b6;
    float:left;
    margin-right:5px;
    position:relative;
    top:1px
}

.domain-query .domain-panel .domain-tab-content .form-element input {
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer
}

.domain-query .domain-panel .domain-tab-content .form-element.checked .input,.domain-query .domain-panel .domain-tab-content .form-element.checked .domain .whois .input input,.domain .whois .input .domain-query .domain-panel .domain-tab-content .form-element.checked input {
    background:url(../images/icon-sprite.png) no-repeat -145px -17px
}

.property-tab {
    background:#fff;
    height:73px;
    position:relative;
    padding-top:9px
}

.property-tab ul li {
    float:left;
    width:25%;
    text-align:center
}

.property-tab ul li a {
    display:inline-block;
    line-height:70px;
    border-bottom:3px solid transparent;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#b2b7bb;
    transition:250ms all
}

.property-tab ul li.active a {
    border-color:#505e6b;
    color:#4d5b68
}

.propert-tab-container {
    background:#e9eaed;
    padding:5px 0 25px;
    overflow:hidden
}

.propert-tab-container .property-box {
    float:left;
    width:33.3%;
    text-align:center;
    margin-top:25px
}

.propert-tab-container .property-box>div {
    width:250px;
    display:inline-block;
    cursor:pointer
}

.propert-tab-container .property-box>div>div {
    display:inline-block;
    margin-bottom:20px
}

.propert-tab-container .property-box>div>div .icon,.propert-tab-container .property-box>div>div .dedicated-section4 .item .icon2,.dedicated-section4 .item .propert-tab-container .property-box>div>div .icon2 {
    background:url(../images/icon-sprite.png) no-repeat -1147px 0;
    width:88px;
    height:101px;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}

.propert-tab-container .property-box>div h6 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#4e6f7e;
    padding-bottom:10px
}

.propert-tab-container .property-box>div p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#4e6f7e;
    opacity:.8;
    line-height:20px;
    padding:0 20px
}

.propert-tab-container .property-box>div:hover .icon,.propert-tab-container .property-box>div:hover .dedicated-section4 .item .icon2,.dedicated-section4 .item .propert-tab-container .property-box>div:hover .icon2 {
    background-position:-1235px 0
}

.online-domain {
    height:261px;
    background:url(../images/online-domain.jpg) no-repeat center -1px;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}

.online-domain .container>div {
    height:261px;
    width:350px;
    vertical-align:middle;
    display:table-cell
}

.online-domain h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:300;
    color:#474e5e;
    padding-bottom:15px;
    margin-bottom:15px;
    position:relative
}

.online-domain h3:before {
    content:'';
    width:84px;
    height:1px;
    position:absolute;
    bottom:0;
    left:0;
    background:#bcc3cb
}

.online-domain p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#474e5e;
    line-height:21px;
    opacity:.7
}

.domain-price-table {
    padding-top:10px
}

.domain-price-table table {
    width:100%;
    border-radius:5px;
    overflow:hidden
}

.domain-price-table table thead tr th {
    line-height:64px;
    background:#374353;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#fff;
    border-right:1px solid #5b6571
}

.domain-price-table table thead tr th:last-child {
    border-right:none
}

.domain-price-table table tbody tr {
    cursor:pointer
}

.domain-price-table table tbody tr td {
    background:#fff;
    line-height:54px;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#374353;
    border-bottom:1px solid #f5f5f6;
    border-right:1px solid #fbfcfc
}

.domain-price-table table tbody tr td:last-child {
    border-right:none
}

.domain-price-table table tbody tr:hover td {
    background:#f9f9f9;
    border-right-color:transparent
}

.domain-docs {
    border-radius:5px;
    overflow:hidden;
    margin-top:10px
}

.domain-docs>h1 {
    line-height:64px;
    background:#374353;
    padding:0 15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#fff
}

body.style1 {
    background:url(../images/body-bg.jpg)
}

.map {
    height:411px;
    position:relative
}

.map:before {
    content:'';
    height:4px;
    width:100%;
    background:rgba(0,0,0,0.1);
    position:absolute;
    top:0;
    left:0;
    z-index:50
}

.page {
    margin-top:-105px;
    position:relative;
    z-index:2;
    overflow:hidden;
    padding:1px 1px 1px 0;
    margin-bottom:40px
}

.page .page-menu {
    width:279px;
    background:#323436;
    border-radius:3px 0 0 3px;
    margin-top:64px;
    margin-bottom:30px;
    float:left;
    position:relative
}

.page .page-menu ul {
    padding:20px 0 20px 13px;
    border-right:5px solid #191a1b
}

.page .page-menu ul li {
    border-right:5px solid transparent;
    margin-right:-5px
}

.page .page-menu ul li a {
    display:block;
    line-height:46px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#fff;
    padding-left:14px;
    border-radius:4px 0 0 4px;
    transition:250ms all
}

.page .page-menu ul li a:hover {
    background:rgba(255,255,255,0.1)
}

.page .page-menu ul li.active {
    border-color:#fff
}

.page .page-menu ul li.active a {
    background:#fff;
    color:#191a1b
}

.page .page-text {
    float:left;
    width:721px;
    background:#fff;
    min-height:500px;
    border-radius:3px;
    overflow:hidden;
    box-shadow:0 0 0 1px rgba(0,0,0,0.05)
}

.page .page-text h1 {
    line-height:64px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#323436;
    padding:0 25px;
    background:#f9f9f9;
    margin-bottom:25px
}

.page .contact {
    padding:0 25px 10px;
    overflow:hidden
}

.page .contact h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400;
    color:#323436;
    margin-bottom:20px
}

.page .contact ul {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#323436;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-bottom:15px;
    margin-bottom:15px
}

.page .contact ul li {
    line-height:40px
}

.page .contact ul li [class*=icon] {
    float:right;
    position:relative;
    top:10px
}

.page .contact ul li .icon-address {
    top:8px
}

.page .contact ul li a {
    color:#323436
}

.page .contact ul li a:hover {
    text-decoration:underline
}

.page .contact .form-input {
    overflow:hidden;
    float:left;
    margin-bottom:15px;
    width:100%
}

.page .contact .form-input.right {
    float:right
}

.page .contact .form-input span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#323436;
    padding-bottom:7px
}

.page .contact .form-input input,.page .contact .form-input textarea {
    float:left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:10px 15px;
    background:#f9f9f9;
    height:45px;
    transition:250ms all;
    width:100%
}

.page .contact .form-input input:focus,.page .contact .form-input textarea:focus {
    background:#eee
}

.page .contact .form-input textarea {
    height:85px;
    overflow:auto;
    resize:none
}

.page .contact .form-input .security-image {
    float:left;
    width:125px;
    height:45px;
    background:#e4e4e4;
    text-align:center
}

.page .contact .form-input .security-image img {
    position:relative;
    top:10px
}

.page .contact .button {
    float:right;
    padding-top:24px
}

.page .contact .button button {
    line-height:45px;
    background:#53a22a;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    text-align:center;
    cursor:pointer;
    width:230px;
    box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;
    transition:250ms all
}

.page .contact .button button:hover {
    background:#498e25
}

.page .contact .button button>span {
    float:left;
    padding-top:3px;
    width:55px;
    background:rgba(0,0,0,0.1);
    height:42px;
    text-align:center
}

.panel-head {
    background: url(../images/panel-bg.jpg) no-repeat 0px -93px;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.panel-head .container {
    height:267px
}

.panel-head h1 {
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:59px;
    font-weight:300;
    color:#fff;
    padding-top:50px
}

.panel-head .bottom {
    position:absolute;
    bottom:8px;
    left:0;
    width:1000px
}

.panel-head .bottom>ul>li {
    float:left;
    margin-right:12px;
    position:relative;
    width:119px;
    height:86px
}

.panel-head .bottom>ul>li>a {
    position:absolute;
    top:0;
    left:0;
    display:block;
    height:86px;
    background:rgba(0,0,0,0.5);
    border-radius:4px;
    width:119px;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    color:#fff;
    transition:250ms background
}

.panel-head .bottom>ul>li>a .icon,.panel-head .bottom>ul>li>a .dedicated-section4 .item .icon2,.dedicated-section4 .item .panel-head .bottom>ul>li>a .icon2 {
    display:table-cell;
    height:60px;
    width:119px;
    vertical-align:middle;
    text-align:center
}

.panel-head .bottom>ul>li>a .icon-arrow-down2 {
    position:relative;
    top:-3px
}

.panel-head .bottom>ul>li>a:hover {
    background:rgba(0,0,0,0.7)
}

.panel-head .bottom>ul>li.active>a {
    transition:inherit;
    height:102px;
    border-radius:4px 4px 0 0;
    background:#e5e9ed;
    color:#586779
}

.panel-head .bottom>ul>li.active>a .icon-mouse {
    background-position:-1533px -106px
}

.panel-head .bottom>ul>li.active>a .icon-www2 {
    background-position:-1557px -112px
}

.panel-head .bottom>ul>li.active>a .icon-card {
    background-position:-1594px -112px
}

.panel-head .bottom>ul>li.active>a .icon-support {
    background-position:-1634px -109px
}

.panel-head .bottom>ul>li.active>a .icon-arrow-down2 {
    background-position:-1665px -109px
}

.panel-head .bottom>ul>li ul {
    display:none;
    position:absolute;
    top:102px;
    left:0;
    width:191px;
    background:#e5e9ed;
    border-radius:0 0 4px 4px;
    z-index:9;
    overflow:hidden
}

.panel-head .bottom>ul>li ul li a {
    display:block;
    line-height:35px;
    text-indent:17px;
    padding:0 10px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#58677b;
    position:relative
}

.panel-head .bottom>ul>li ul li a:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -1665px -112px;
    width:3px;
    height:6px;
    position:absolute;
    top:14px;
    left:13px
}

.panel-head .bottom>ul>li ul li a:hover {
    background:rgba(0,0,0,0.05)
}

.panel-head .bottom .user {
    width:326px;
    height:66px;
    background:rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;
    right:0;
    padding:20px 0 0 20px;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    overflow:hidden;
    border-radius:4px
}

.panel-head .bottom .user>span {
    display:block;
    font-size:23px;
    padding-top:7px
}

.panel-head .bottom .user .setting {
    position:absolute;
    top:0;
    right:0;
    width:79px;
    height:86px;
    background:rgba(255,255,255,0.2);
    text-align:center
}

.panel-head .bottom .user .setting .icon-setting {
    position:relative;
    top:25px
}

.panel-body-theme {
    margin-top:15px;
    padding-top:28px;
    background:url(../images/panel-bg2.jpg) no-repeat top center;
    overflow:hidden
}

.panel-body-theme .mini-box {
    float:right;
    width:510px
}

.panel-body-theme .mini-box .box {
    width:205px;
    height:94px;
    border-radius:4px;
    background:#f8f8f8;
    padding:11px 15px 0 9px;
    float:left;
    margin-left:26px;
    transition:250ms background;
    margin-bottom:10px
}

.panel-body-theme .mini-box .box .icon,.panel-body-theme .mini-box .box .dedicated-section4 .item .icon2,.dedicated-section4 .item .panel-body-theme .mini-box .box .icon2 {
    border-radius:100%;
    background:#1abc9c;
    border:7px solid #e9e9e9;
    float:left;
    transition:250ms border-color
}

.panel-body-theme .mini-box .box .icon>div,.panel-body-theme .mini-box .box .dedicated-section4 .item .icon2>div,.dedicated-section4 .item .panel-body-theme .mini-box .box .icon2>div {
    width:69px;
    height:69px;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}

.panel-body-theme .mini-box .box h3 {
    text-align:right;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:300;
    color:#58677b;
    padding-top:5px;
    line-height:39px;
    border-bottom:1px solid #eeeff0
}

.panel-body-theme .mini-box .box h3 span {
    font-family:Ubuntu,sans-serif;
    font-weight:700
}

.panel-body-theme .mini-box .box>span {
    display:block;
    text-align:right;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#a2a9b1;
    line-height:18px;
    padding-top:5px
}

.panel-body-theme .mini-box .box.b2 .icon,.panel-body-theme .mini-box .box.b2 .dedicated-section4 .item .icon2,.dedicated-section4 .item .panel-body-theme .mini-box .box.b2 .icon2 {
    background:#e74c3c
}

.panel-body-theme .mini-box .box.b3 .icon,.panel-body-theme .mini-box .box.b3 .dedicated-section4 .item .icon2,.dedicated-section4 .item .panel-body-theme .mini-box .box.b3 .icon2 {
    background:#f1c40f
}

.panel-body-theme .mini-box .box.b4 .icon,.panel-body-theme .mini-box .box.b4 .dedicated-section4 .item .icon2,.dedicated-section4 .item .panel-body-theme .mini-box .box.b4 .icon2 {
    background:#9b59b6
}

.panel-body-theme .mini-box .box:hover {
    cursor:pointer;
    background:#eee
}

.panel-body-theme .mini-box .box:hover .icon,.panel-body-theme .mini-box .box:hover .dedicated-section4 .item .icon2,.dedicated-section4 .item .panel-body-theme .mini-box .box:hover .icon2 {
    border-color:#d9d9d9
}

.panel-body-theme .mini-profile {
    float:left;
    width:483px;
    height:220px;
    border-radius:4px;
    overflow:hidden;
    background:#f8f8f8
}

.panel-body-theme .mini-profile .head {
    height:86px;
    background:#e5e9ed;
    color:#58677b;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400
}

.panel-body-theme .mini-profile .head img {
    float:left;
    width:59px;
    height:59px;
    border-radius:100%;
    border:5px solid #d8dbdf;
    position:relative;
    top:7px;
    margin:0 15px 0 10px
}

.panel-body-theme .mini-profile .head .username {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:500;
    padding-top:22px;
    padding-bottom:2px;
    display:block
}

.panel-body-theme .mini-profile .bottom .item {
    border-bottom:1px solid #f3f3f4;
    height:54px
}

.panel-body-theme .mini-profile .bottom .item .icon,.panel-body-theme .mini-profile .bottom .dedicated-section4 .item .icon2,.dedicated-section4 .panel-body-theme .mini-profile .bottom .item .icon2 {
    width:60px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:54px
}

.panel-body-theme .mini-profile .bottom .item .text {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#58677b;
    line-height:18px;
    display:table-cell;
    vertical-align:middle;
    height:54px
}

.panel-body-theme .mini-profile .bottom .item.address {
    height:79px
}

.panel-body-theme .mini-profile .bottom .item.address .icon,.panel-body-theme .mini-profile .bottom .dedicated-section4 .item.address .icon2,.dedicated-section4 .panel-body-theme .mini-profile .bottom .item.address .icon2 {
    height:79px
}

.panel-body-theme .mini-profile .bottom .item.address .text {
    height:79px
}

.panel-body-theme .panel-inner {
    background:#fff;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:4px;
    margin-bottom:40px;
    padding: 20px 20px 40px 20px;
}

.panel-body-theme .panel-inner h3 {
    padding-top:10px;
    line-height:44px;
    margin-bottom:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:500;
    color:#58677b
}

.panel-body-theme .panel-inner h3>[class*=icon] {
    float:left;
    margin-top:11px;
    margin-right:10px
}

.panel-body-theme .panel-inner h3 a {
    float:right;
    line-height:44px;
    background:#1abc9c;
    border-radius:4px;
    min-width:195px;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    color:#fff;
    font-weight:700;
    padding-left:15px;
    transition:250ms all
}

.panel-body-theme .panel-inner h3 a>span {
    margin-left:15px;
    float:right;
    width:51px;
    height:44px;
    background:rgba(0,0,0,0.1);
    text-align:center
}

.panel-body-theme .panel-inner h3 a>span [class*=icon] {
    position:relative;
    top:6px
}

.panel-body-theme .panel-inner h3 a:hover {
    background:#17a689
}

.panel-body-theme .panel-inner table {
    width:100%;
    border-radius:4px;
    overflow:auto;
    margin-bottom:20px
}

.panel-body-theme .panel-inner table thead tr th {
    background:#e5e9ed;
    height:50px;
    line-height:50px;
    text-align:left;
    text-indent:15px;
    border-right:1px solid #d6dbe0;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    color:#58677b
}

.panel-body-theme .panel-inner table thead tr th:last-child {
    border-right:none
}

.panel-body-theme .panel-inner table tbody tr{
    height:50px;
    line-height:25px;
}
.panel-body-theme .panel-inner table tbody tr td {
    height:50px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#58677b;
    /*text-indent:15px;*/
    padding: 10px 10px 0px 12px !important;
    background:#fbfbfb;
    border-right:1px solid #e9ebed;
    position:relative
}

.panel-body-theme .panel-inner table tbody tr td:last-child {
    border-right:none
}

.panel-body-theme .panel-inner table tbody tr td .previewx {
    height:37px !important;
    display:inline-block !important;
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    line-height:37px !important;
    width:130px !important;
    background:#1abc9c !important;
    border-radius:3px !important;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px !important;
    font-weight:500 !important;
    color:#fff !important;
    overflow:hidden !important;
    transition:250ms all !important;
    padding: 0px 0px 0px 15px !important;

}


.panel-body-theme .panel-inner table tbody tr td a.previewx {

    text-decoration: none !important;

}


.panel-body-theme .panel-inner table tbody tr td .previewx:hover {

    text-decoration: none !important;

}

.panel-body-theme .panel-inner table tbody tr td .previewx>span {
    float:right !important;
    width:36px !important;
    height:37px !important;
    background:rgba(0,0,0,0.1) !important;
    text-indent:0 !important;
    text-align:center !important;
}

.panel-body-theme .panel-inner table tbody tr td .previewx>span span {
    position:relative !important;
    top:3px !important;
}

.panel-body-theme .panel-inner table tbody tr td .previewx:hover {
    background:#17a689 !important
}

.panel-body-theme .panel-inner table tbody tr:nth-child(even) td {
    background:#f7f7f8 !important
}

.cloud-head {
    background:#008fd6 url(../images/cloud-bg.jpg) no-repeat top center !important
}

.cloud-head .container {
    height:530px !important
}

.cloud-head #slider {
    padding:0 84px;
    background:#00476b;
    height:15px!important;
    border-radius:10px;
    position:relative
}

.cloud-head #slider span {
    position:absolute;
    top:0;
    left:0;
    width:84px;
    height:15px;
    background:#0bdaff;
    border-radius:10px 0 0 10px
}

.cloud-head .ui-widget-content {
    border:none;
    height:15px!important;
    background:transparent
}

.cloud-head .ui-widget-header {
    background:#0bdaff;
    border-radius:0
}

.cloud-head .ui-slider-handle {
    background:url(../images/icon-sprite.png) no-repeat -457px -65px!important;
    border:none!important;
    width:22px!important;
    height:22px!important;
    margin-top:-4px;
    cursor:pointer!important;
    z-index:7!important;
    position:relative
}

.cloud-head .cloud-tab {
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}

.cloud-head .cloud-tab .cloud-tab-list ul {
    padding-left:3px
}

.cloud-head .cloud-tab .cloud-tab-list ul li {
    float:left;
    width:16.66667%;
    text-align:center
}

.cloud-head .cloud-tab .cloud-tab-list ul li a {
    position:relative;
    display:inline-block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:400;
    color:#fff;
    padding:30px 0
}

.cloud-head .cloud-tab .cloud-tab-list ul li a:before {
    content:'';
    width:6px;
    height:6px;
    background:#fff;
    border-radius:100%;
    position:absolute;
    top:-11px;
    left:50%;
    margin-left:-5px;
    z-index:5
}

.cloud-head .cloud-tab .cloud-tab-list ul li a:after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    border:12px solid transparent;
    border-bottom-color:#fff;
    margin-left:-12px;
    display:none
}

.cloud-head .cloud-tab .cloud-tab-list ul li.active a:after {
    display:block
}

.cloud-tab-content {
    height:149px;
    background:#fff;
    border-bottom:1px solid #c5d3d9
}

.cloud-tab-content .cloud-property {
    overflow:hidden;
    width:700px;
    padding-top:20px
}

.cloud-tab-content .cloud-property li {
    width:20%;
    float:left;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#476f83;
    text-align:center
}

.cloud-tab-content .cloud-property li .icon,.cloud-tab-content .cloud-property li .dedicated-section4 .item .icon2,.dedicated-section4 .item .cloud-tab-content .cloud-property li .icon2 {
    display:inline-block
}

.cloud-tab-content .cloud-property li .icon div,.cloud-tab-content .cloud-property li .dedicated-section4 .item .icon2 div,.dedicated-section4 .item .cloud-tab-content .cloud-property li .icon2 div {
    height:60px;
    display:table-cell;
    vertical-align:middle;
    width:60px
}

.cloud-tab-content .cloud-property li>span {
    display:block
}

.cloud-tab-content .cloud-property li h3 {
    font-size:21px;
    padding-top:5px
}

.cloud-tab-content .cloud-right {
    float:right;
    padding-top:37px
}

.cloud-tab-content .cloud-right .price {
    float:right;
    width:140px;
    text-align:center;
    padding-top:10px;
    cursor:pointer;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.cloud-tab-content .cloud-right .price>span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#476f83;
    line-height:20px;
    padding-top:6px
}

.cloud-tab-content .cloud-right .price .icon,.cloud-tab-content .cloud-right .price .dedicated-section4 .item .icon2,.dedicated-section4 .item .cloud-tab-content .cloud-right .price .icon2 {
    padding-top:0;
    display:inline-block;
    background:url(../images/icon-sprite.png) no-repeat -457px -87px;
    width:39px;
    height:18px
}

.cloud-tab-content .cloud-right .price h3 {
    color:#476f83;
    font-family:Ubuntu,sans-serif;
    font-weight:500;
    font-size:21px
}

.cloud-tab-content .cloud-right .price.active .icon,.cloud-tab-content .cloud-right .price.active .dedicated-section4 .item .icon2,.dedicated-section4 .item .cloud-tab-content .cloud-right .price.active .icon2 {
    background-position:-457px -106px
}

.cloud-tab-content .cloud-right a.buy {
    float:right;
    width:118px;
    height:64px;
    background:#52a128;
    border-radius:4px;
    color:#fff;
    display:block;
    text-align:center;
    padding-top:14px;
    box-shadow:0 -6px 0 0 rgba(0,0,0,0.1) inset;
    transition:250ms all
}

.cloud-tab-content .cloud-right a.buy:hover {
    background:#488d23
}

.cloud-tab-content .cloud-right a.buy span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    padding-top:6px
}

.property-bottom {
    background:#fff;
    padding:50px 0
}

.property-bottom h3 {
    margin-bottom:40px;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:300;
    color:#4d5b68;
    text-transform:uppercase
}

.property-bottom ul {
    overflow:hidden
}

.property-bottom ul li {
    float:left;
    width:20%;
    text-align:center
}

.property-bottom ul li .icon,.property-bottom ul li .dedicated-section4 .item .icon2,.dedicated-section4 .item .property-bottom ul li .icon2 {
    width:106px;
    border-radius:100%;
    background:#40b6f0;
    margin:0 auto 15px;
    border:7px solid #f5f5f5;
    transition:250ms all
}

.property-bottom ul li .icon div,.property-bottom ul li .dedicated-section4 .item .icon2 div,.dedicated-section4 .item .property-bottom ul li .icon2 div {
    display:table-cell;
    vertical-align:middle;
    width:106px;
    height:106px
}

.property-bottom ul li h5 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#4d5b68;
    padding-bottom:7px
}

.property-bottom ul li p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#4d5b68;
    line-height:20px;
    padding:0 15px
}

.property-bottom ul li:hover .icon,.property-bottom ul li:hover .dedicated-section4 .item .icon2,.dedicated-section4 .item .property-bottom ul li:hover .icon2 {
    border-color:#24a8e8;
    box-shadow:0 0 0 5px #fff inset
}

.cloud-section1 {
    height:383px;
    background:#e9eaed url(../images/cloud-section1-bg.png) no-repeat center
}

.cloud-section1 .container>div {
    width:280px;
    padding-top:100px
}

.cloud-section1 .container>div.right {
    float:right;
    text-align:right
}

.cloud-section1 .container h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400;
    color:#3c4f59;
    padding-bottom:12px
}

.cloud-section1 .container p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#476f83;
    line-height:20px
}

.cloud-section2 {
    height:328px;
    background:#000 url(../images/cloud-section2-bg.jpg) no-repeat top center fixed;
    background-size:cover;
    overflow:hidden
}

.cloud-section2 .container {
    padding-top:60px
}

.cloud-section2 .container h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:36px;
    font-weight:400;
    color:#fff
}

.cloud-section2 .container>img {
    float:right;
    margin-left:50px;
    margin-top:-80px
}

.cloud-section2 .container p {
    padding-top:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    opacity:.9;
    color:#fff
}

.cloud-section2 .container .brands {
    padding-top:10px
}

.cloud-section2 .container .brands img {
    display:inline-block
}

.cloud-section2 .container .brands div {
    padding-right:30px;
    display:table-cell;
    height:84px;
    vertical-align:middle
}

.cloud-section3 {
    background:url(../images/cloud-section3-bg.jpg) no-repeat bottom center;
    padding-bottom:420px
}

.cloud-section3 h3 {
    text-align:center;
    line-height:100px;
    border-bottom:1px solid #dadde1;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:40px;
    font-weight:400;
    color:#4d5c6f
}

.cloud-section3 h3 span {
    display:inline-block;
    border-bottom:5px solid #4d5c6f;
    position:relative;
    bottom:-2px
}

.cloud-section3 p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    opacity:.9;
    color:#4d5c6f;
    line-height:24px;
    text-align:center;
    padding:25px 30px
}

.ssl-head {
    background:url(../images/ssl-bg.jpg) no-repeat center;
    background-size:cover;
    position:relative;
    height:367px
}
.evssl-head-bg {
	background:url(../images/ev-ssl-bg.jpg) no-repeat center ;
}
.ssl-head .icon,.ssl-head .dedicated-section4 .item .icon2,.dedicated-section4 .item .ssl-head .icon2 {
    float:right;
    padding-top:35px
}

.ssl-head h1 {
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:48px;
    font-weight:300;
    padding-top:130px
}

.ssl-head .ssl-tab {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(255,255,255,0.7)
}

.ssl-head .ssl-tab ul {
    overflow:hidden;
    height:110px;
    border-left:1px solid #fff
}

.ssl-head .ssl-tab ul li {
    width:25%;
    float:left
}

.ssl-head .ssl-tab ul li a {
    display:block;
    border-right:1px solid #fff;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:500;
    color:#4d5c6f;
    line-height:110px
}

.ssl-head .ssl-tab ul li.active a {
    background:#fff
}

.ssl-tab-content {
    background:#fff;
    padding-top:25px
}

.ssl-tab-content .ssl-packet {
    text-align:center
}

.ssl-tab-content .ssl-packet .container>span {
    height:77px;
    display:table-cell;
    vertical-align:middle;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#4d5c6f;
    box-shadow:-1px 0 0 0 rgba(0,0,0,0.1) inset
}

.ssl-tab-content .ssl-packet .container>span span {
    display:block;
    font-size:17px;
    padding-bottom:5px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(1) {
    width:159px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(2) {
    width:98px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(3) {
    width:95px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(4) {
    width:128px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(5) {
    width:99px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(6) {
    width:105px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(7) {
    width:144px
}

.ssl-tab-content .ssl-packet .container>span:nth-child(8) {
    width:170px;
    box-shadow:none
}

.ssl-tab-content .ssl-packet.title {
    background:#fff
}

.ssl-tab-content .ssl-packet.title .container>span {
    box-shadow:none
}

.ssl-tab-content .ssl-tab-inner {
    background:#fbfbfb;
    color:#848d97
}

.ssl-tab-content .ssl-tab-inner .ssl-packet {
    border-top:1px solid rgba(0,0,0,0.1);
    transition:250ms all
}

.ssl-tab-content .ssl-tab-inner .ssl-packet:hover {
    background:#f6f6f6
}

.ssl-tab-content .ssl-tab-inner span {
    font-size:14px!important;
    color:#4d5d6e
}

.ssl-tab-content .ssl-tab-inner strong {
    font-size:17px
}

.ssl-tab-content .ssl-tab-inner .buy {
    line-height:41px;
    background:#53a22a;
    box-shadow:0 -5px 0 0 rgba(0,0,0,0.1) inset;
    border-radius:4px;
    display:inline-block;
    width:150px;
    float:right;
    font-size:15px;
    color:#fff;
    transition:250ms all
}

.ssl-tab-content .ssl-tab-inner .buy:hover {
    background:#498e25
}

.ssl-section1 {
    background:#e9eaed
}

.ssl-section1 .container {
    height:285px;
    background:url(../images/check-bg.png) no-repeat 350px center
}

.ssl-section1 .container h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:32px;
    font-weight:400;
    color:#4d5c6f;
    padding-bottom:10px
}

.ssl-section1 .container p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    color:#4d5c6f;
    padding-right:15px
}

.ssl-section1 .container .text {
    padding-top:70px;
    width:340px
}

.ssl-section1 .container .browsers {
    float:right;
    width:380px;
    text-align:right;
    padding-top:70px
}

.ssl-section1 .container .browsers h3 {
    padding-bottom:20px
}

.ssl-section2 {
    background:url(../images/cloud-section2-bg.jpg) no-repeat top center fixed;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}

.ssl-section2 .container {
    height:286px;
    background:url(../images/ssl.png) no-repeat center
}

.ssl-section3 {
    height:382px;
    background:#fff url(../images/ssl.jpg) no-repeat right
}

.ssl-section3 h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:400;
    color:#4d5c6f;
    padding-top:50px;
    padding-bottom:20px
}

.ssl-section3 ul li {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#4d5c6f;
    padding-bottom:20px;
    position:relative;
    padding-left:20px
}

.ssl-section3 ul li:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -13px -21px;
    width:4px;
    height:5px;
    position:absolute;
    top:5px;
    left:5px
}

.knowlagebase-head {
    background:url(../images/knowlagebase-bg.jpg) no-repeat center;
    height:324px;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.knowlagebase-head h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:41px;
    font-weight:300;
    color:#fff;
    padding-top:55px;
    padding-bottom:15px;
    margin-bottom:15px;
    position:relative
}

.knowlagebase-head h3:before {
    content:'';
    width:105px;
    height:1px;
    background:rgba(255,255,255,0.3);
    position:absolute;
    bottom:0;
    left:0
}

.knowlagebase-head p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:22px;
    color:#fff;
    width:460px
}

.knowlagebase-content {
    padding-top:57px;
    background:#e9eaed url(../images/knowlagebase-bg.png) no-repeat center 31px;
    padding-bottom:21px
}

.knowlagebase-content .search {
    height:73px;
    background:#fff;
    border-radius:4px;
    position:relative
}

.knowlagebase-content .search button {
    position:absolute;
    top:7px;
    right:7px;
    width:165px;
    height:60px;
    background:#1abc9c;
    border-radius:4px;
    cursor:pointer;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:500;
    transition:250ms background
}

.knowlagebase-content .search button:hover {
    background:#148f77
}

.knowlagebase-content .search input {
    position:absolute;
    top:0;
    left:25px;
    height:73px;
    width:780px;
    background:transparent;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    color:#555;
    line-height:73px
}

.knowlagebase-content .knowlagebase-page {
    background:#fff;
    border-radius:4px;
    padding:25px 29px 25px 30px;
    margin-top:31px
}

.knowlagebase-content .knowlagebase-page h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:500;
    color:#434d5c;
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:1px solid #f2f2f3
}

.knowlagebase-content .knowlagebase-page .knowlagebase-category {
    overflow:hidden;
    padding-bottom:35px
}

.knowlagebase-content .knowlagebase-page .knowlagebase-category ul li {
    float:left;
    width:305px;
    margin-right:13px;
    margin-bottom:13px
}

.knowlagebase-content .knowlagebase-page .knowlagebase-category ul li:nth-child(3n) {
    margin-right:0
}

.knowlagebase-content .knowlagebase-page .knowlagebase-category ul li a {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:500;
    color:#434d5c;
    text-indent:15px;
    line-height:70px;
    height:70px;
    border-radius:4px;
    background:#e9eaed;
    display:block;
    transition:250ms all
}

.knowlagebase-content .knowlagebase-page .knowlagebase-category ul li a:hover {
    background:#dbdde2
}

.knowlagebase-content .knowlagebase-page .knowlagebase-category ul li a span {
    float:right;
    width:49px;
    height:49px;
    background:#fff;
    border:3px solid #dbdcdf;
    border-radius:100%;
    text-align:center;
    text-indent:0;
    line-height:49px;
    font-size:14px;
    margin-right:10px;
    margin-top:7px
}

.knowlagebase-content .page-inner h5 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#434d5c;
    padding-bottom:20px
}

.knowlagebase-content .page-inner blockquote {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#434d5c;
    line-height:17px;
    padding:5px 15px;
    border-left:5px solid #ecedee
}

.knowlagebase-content .knowlagebase-alt {
    height:58px;
    background:#e9eaed;
    border-radius:4px;
    margin-top:30px
}

.knowlagebase-content .knowlagebase-alt .right {
    float:right;
    padding-top:11px;
    padding-right:11px;
    width: 475px;
}

.knowlagebase-content .knowlagebase-alt .right button {
    float:right;
    width:39px;
    height:36px;
    border-radius:4px;
    background:#1abc9c;
    margin-left:10px;
    cursor:pointer;
    transition:250ms all
}

.knowlagebase-content .knowlagebase-alt .right button:hover {
    background:#17a689
}

.knowlagebase-content .knowlagebase-alt .right .selectbox {
    float:right;
    margin-left:10px;
}

.knowlagebase-content .knowlagebase-alt .right p {
    float:right;
    line-height:36px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#434d5c
}

.knowlagebase-content .knowlagebase-alt .menu {
    padding-left:25px
}

.knowlagebase-content .knowlagebase-alt .menu a {
    float:left;
    margin-right:30px;
    line-height:58px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#434d5c
}

.knowlagebase-content .knowlagebase-alt .menu a span {
    float:left;
    margin-right:7px;
    position:relative;
    top:20px
}

.knowlagebase-content .knowlagebase-alt .menu a:hover {
    color:#1abc9c
}

.selectbox .selectricWrapper .selectric {
    height:36px;
    line-height:36px;
    background:#fff;
    border-radius:4px;
    overflow:hidden
}

.selectbox .selectricWrapper .selectric p.label {
    float:left;
    padding:0 15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#434d5c;
    min-width:70px
}

.selectbox .selectricWrapper .selectric .button {
    float:left;
    width:39px;
    height:36px;
    background:#f9f9fa;
    text-indent:-9999px;
    position:relative
}

.selectbox .selectricWrapper .selectric .button:after {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -437px -26px;
    width:9px;
    height:5px;
    position:absolute;
    top:15px;
    right:15px
}

.selectbox .selectricWrapper.selectricOpen .selectric {
    border-radius:4px 4px 0 0
}

.selectbox .selectricWrapper .selectricItems {
    position:absolute;
    top:36px;
    left:0;
    width:100%;
    background:#fff;
    border-radius:0 0 4px 4px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    overflow:auto;
    box-sizing:border-box
}

.selectbox .selectricWrapper .selectricItems ul li {
    line-height:30px;
    padding:0 10px 0 15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#434d5c;
    border-top:1px solid rgba(0,0,0,0.05)
}

.selectbox .selectricWrapper .selectricItems ul li.selected {
    background:#f6f6f6
}

.selectbox.style1 {
    text-align:center
}

.selectbox.style1 .selectricWrapper {
    display:inline-block;
    text-align:left
}

.selectbox.style1 .selectricWrapper .selectricItems {
    top:42px
}

.selectbox.style1 .selectricWrapper .selectric {
    border:1px solid #dfdfdf;
    border-radius:3px;
    line-height:40px;
    height:40px;
    background:#e4e4e4
}

.selectbox.style1 .selectricWrapper .selectric .label {
    background:#fff
}

.selectbox.style1 .selectricWrapper .selectric .button {
    height:40px;
    width:50px;
    background:#e4e4e4
}

.selectbox.style1 .selectricWrapper .selectric .button:after {
    width:14px;
    height:7px;
    background-position:-1500px -65px;
    top:17px;
    right:17px
}

.hosting-head {
    background:url(../images/hosting-head-bg.jpg) no-repeat;
    box-shadow:0 -7px 0 0 #65768e inset;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}

.reseller-head {
    background:url(../images/reseller-head-bg.jpg) no-repeat;
    box-shadow:0 -7px 0 0 #65768e inset;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}
.hosting-head .container {
    height:476px
}

.hosting-head .container .hh-icons {
    float:right;
    padding-top:73px
}

.hosting-head .container .hh-icons img {
    margin-left:25px
}

.hosting-head .container .hh-icons img.windows {
    position:relative;
    top:-9px
}

.hosting-head .container>h1 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:48px;
    font-weight:300;
    color:#fff;
    padding-top:60px
}

.hosting-head .container>h1 span {
    font-family:Ubuntu,sans-serif;
    font-weight:400
}

.hosting-head .container>p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:400;
    color:#fff;
    padding-top:5px
}

.hosting-head .hostings {
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}

.hosting-head .hostings .hosting {
    cursor:pointer;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:33.3%;
    float:left;
    height:264px;
    background:rgba(0,0,0,0.5);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-right:1px solid rgba(255,255,255,0.2);
    color:#fff;
    margin-top:15px;
    box-shadow:0 -7px 0 0 #7bad3c inset
}

.hosting-head .hostings .hosting:last-child {
    border-right:none;
    border-radius:0 4px 0 0
}

.hosting-head .hostings .hosting:first-child {
    border-radius:4px 0 0 0
}

.hosting-head .hostings .hosting .title {
    line-height:60px;
    border-bottom:2px solid #aaca81;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400
}

.hosting-head .hostings .hosting .hosting-inner {
    padding:0 10px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-list {
    border-bottom:1px solid rgba(255,255,255,0.4);
    height:110px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-list>div {
    padding-top:12px;
    float:left;
    width:33.3%;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px;
    font-weight:500
}

.hosting-head .hostings .hosting .hosting-inner .hosting-list>div .icon,.hosting-head .hostings .hosting .hosting-inner .hosting-list>div .dedicated-section4 .item .icon2,.dedicated-section4 .item .hosting-head .hostings .hosting .hosting-inner .hosting-list>div .icon2 {
    height:45px;
    display:table-cell;
    width:104px;
    text-align:center;
    vertical-align:middle
}

.hosting-head .hostings .hosting .hosting-inner .hosting-list>div h6 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:400;
    padding-bottom:3px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price {
    position:relative
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price {
    text-align:center;
    width:140px;
    padding-top:15px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:38px;
    font-weight:300
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    font-weight:500;
    padding-top:2px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price-text {
    width:149px;
    height:38px;
    border-radius:4px;
    background:#fff;
    position:absolute;
    top:17px;
    right:10px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px;
    font-weight:400;
    color:#65768e;
    padding-top:10px;
    padding-left:10px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price-text:before {
    content:'';
    border:7px solid transparent;
    border-right-color:#fff;
    position:absolute;
    top:50%;
    left:-14px;
    margin-top:-7px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price-text span {
    display:block;
    font-size:14px;
    padding-bottom:2px
}

.hosting-head .hostings .hosting .hosting-inner .hosting-price .price-text span strong {
    font-family:Ubuntu,sans-serif;
    font-weight:500
}

.hosting-head .hostings .hosting.economy {
    box-shadow:0 -7px 0 0 #1975e9 inset
}

.hosting-head .hostings .hosting.economy .title {
    border-color:#1975e9
}

.hosting-head .hostings .hosting.professional {
    box-shadow:0 -7px 0 0 #ef3437 inset
}

.hosting-head .hostings .hosting.professional .title {
    border-color:#ef3437
}

.hosting-head .hostings .hosting:hover {
    background:rgba(0,0,0,0.8)
}

.hosting-head .hostings .hosting.active {
    background:#fff;
    color:#65768e;
    height:279px;
    margin-top:0;
    border-right:none;
    border-radius:4px 4px 0 0;
    overflow:hidden;
    position:relative;
    box-shadow:0 -7px 0 0 #fff inset
}

.hosting-head .hostings .hosting.active.economy .title {
    box-shadow:0 6px 0 0 #1975e9 inset
}

.hosting-head .hostings .hosting.active.economy .title:before {
    border-top-color:#1975e9
}

.hosting-head .hostings .hosting.active.economy .price-text {
    background:#1975e9!important
}

.hosting-head .hostings .hosting.active.economy .price-text:before {
    border-right-color:#1975e9!important
}

.hosting-head .hostings .hosting.active.professional .title {
    box-shadow:0 6px 0 0 #ef3437 inset
}

.hosting-head .hostings .hosting.active.professional .title:before {
    border-top-color:#ef3437
}

.hosting-head .hostings .hosting.active.professional .price-text {
    background:#ef3437!important
}

.hosting-head .hostings .hosting.active.professional .price-text:before {
    border-right-color:#ef3437!important
}

.hosting-head .hostings .hosting.active .icon-hosting1 {
    background-position:-1766px 0!important
}

.hosting-head .hostings .hosting.active .icon-hosting2 {
    background-position:-1800px 0!important
}

.hosting-head .hostings .hosting.active .icon-hosting3 {
    background-position:-1821px 0!important
}

.hosting-head .hostings .hosting.active .icon-hosting4 {
    background-position:-1852px 0!important
}

.hosting-head .hostings .hosting.active .title {
    background:#efefef;
    height:60px;
    padding-top:15px;
    box-shadow:0 6px 0 0 #7bad3c inset
}

.hosting-head .hostings .hosting.active .title:before {
    content:'';
    border:10px solid transparent;
    border-top-color:#7bad3c;
    position:absolute;
    top:6px;
    left:50%;
    margin-left:-10px
}

.hosting-head .hostings .hosting.active .hosting-list {
    border-bottom-color:rgba(0,0,0,0.05)
}

.hosting-head .hostings .hosting.active .hosting-price .price-text {
    background:#7bad3c;
    color:#fff
}

.hosting-head .hostings .hosting.active .hosting-price .price-text:before {
    border-right-color:#7bad3c
}

.hosting-tab-content {
    height:136px;
    background:#fff;
    border-bottom:4px solid #96a3b5;
    text-align:center
}

.hosting-tab-content .buy {
    float:right;
    width:219px;
    height:96px;
    padding-top:7px;
    border-left:1px solid #eff2f4;
    border-right:1px solid #eff2f4;
    margin-top:16px
}

.hosting-tab-content .buy .selectricWrapper {
    margin-bottom:12px;
    width:194px
}

.hosting-tab-content .buy .selectricWrapper .selectric p.label {
    width:110px
}

.hosting-tab-content .buy .buy-link {
    line-height:42px;
    border-radius:4px;
    background:#7bad3c;
    display:inline-block;
    width:194px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    transition:250ms all;
    color:#fff
}

.hosting-tab-content .buy .buy-link>span {
    float:right;
    width:50px;
    height:42px;
    background:rgba(0,0,0,0.1)
}

.hosting-tab-content .buy .buy-link>span span {
    position:relative;
    top:4px
}

.hosting-tab-content .buy .buy-link:hover {
    background:#6e9a35
}

.hosting-tab-content .hosting-list {
    float:left;
    padding:16px 0
}

.hosting-tab-content .hosting-list ul li {
    float:left;
    width:154px;
    border-left:1px solid #eff2f4;
    height:103px;
    text-align:center;
    position:relative;
    color:#65768e
}

.hosting-tab-content .hosting-list ul li:before {
    content:'';
    height:4px;
    width:100%;
    position:absolute;
    bottom:-21px;
    left:0;
    background:#65768e
}

.hosting-tab-content .hosting-list ul li:nth-child(even):before {
    background:#96a3b5
}

.hosting-tab-content .hosting-list ul li .icon,.hosting-tab-content .hosting-list ul li .dedicated-section4 .item .icon2,.dedicated-section4 .item .hosting-tab-content .hosting-list ul li .icon2 {
    width:153px;
    height:57px;
    display:table-cell;
    vertical-align:middle
}

.hosting-tab-content .hosting-list ul li h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:500
}

.hosting-tab-content .hosting-list ul li>span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    padding-top:4px
}

.hosting-table {
    background:#fff;
    margin-bottom:13px;
    border-radius:0 0 4px 4px
}

.hosting-table .ht-title {
    line-height:60px;
    border-radius:3px;
    overflow:hidden;
    background:#65768e;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:400;
    color:#fff;
    padding-left:10px
}

.hosting-table .ht-title .icon,.hosting-table .ht-title .dedicated-section4 .item .icon2,.dedicated-section4 .item .hosting-table .ht-title .icon2 {
    float:left;
    margin-right:8px;
    text-align:center
}

.hosting-table .ht-title .icon div,.hosting-table .ht-title .dedicated-section4 .item .icon2 div,.dedicated-section4 .item .hosting-table .ht-title .icon2 div {
    line-height:0;
    width:40px;
    height:60px;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}

.hosting-table .ht-title .detail {
    float:right;
    width:216px;
    background:rgba(0,0,0,0.1);
    font-size:12px;
    text-align:center;
    cursor:pointer;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition:250ms all
}

.hosting-table .ht-title .detail .icon-plus {
    float:right;
    position:relative;
    top:19px;
    margin-right:20px
}

.hosting-table .ht-title .detail:hover {
    background:rgba(0,0,0,0.2)
}

.hosting-table .ht-title.active {
    border-radius:4px 4px 0 0
}

.hosting-table .ht-title.active .icon-plus {
    background-position:-1998px 0
}

.hosting-table .table {
    display:none
}

.hosting-table table {
    width:100%
}

.hosting-table table thead tr th {
    border-right:1px solid #e3e6ea;
    height:59px;
    vertical-align:middle;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#65768e;
    background:#f7f8f9
}

.hosting-table table thead tr th.big-font {
    font-size:21px;
	text-align:center
}

.hosting-table table thead tr th.left {
    text-align:left;
    text-indent:15px
}

.hosting-table table thead tr th:last-child {
    border-right:none
}

.hosting-table table tbody tr {
    cursor:pointer
}

.hosting-table table tbody tr td {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    color:#65768e;
    border-right:1px solid #e3e6ea;
    border-bottom:1px solid #e3e6ea;
    height:46px;
    vertical-align:middle;
    text-align:center;
    transition:250ms all
}

.hosting-table table tbody tr td span {
    color:#7bad3c
}

.hosting-table table tbody tr td.left {
    text-align:left;
    text-indent:15px;
    font-family:Ubuntu,sans-serif;
    font-weight:400
}

.hosting-table table tbody tr td:last-child {
    border-right:none
}

.hosting-table table tbody tr td.border {
    border-bottom:none;
    padding-top:5px
}

.hosting-table table tbody tr td .selectricWrapper {
    width:227px
}

.hosting-table table tbody tr td .selectricWrapper .selectric p.label {
    width:145px
}

.hosting-table table tbody tr:hover td {
    background:#f7f8f9
}

.hosting-table table tbody tr.no-hover:hover td {
    background:transparent
}

.hosting-table table tbody tr:last-child td {
    border-bottom:none
}

.hosting-table table tbody tr .buy {
    line-height:40px;
    border-radius:4px;
    background:#7bad3c;
    display:inline-block;
    width:227px;
    box-shadow:0 -3px 0 0 rgba(0,0,0,0.1) inset;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    transition:250ms all;
    color:#fff
}

.hosting-table table tbody tr .buy>span {
    float:right;
    width:50px;
    height:42px;
    background:rgba(0,0,0,0.1)
}

.hosting-table table tbody tr .buy>span span {
    position:relative;
    top:4px
}

.hosting-table table tbody tr .buy:hover {
    background:#6e9a35
}

.ready-packages {
    background:#fff;
    border-radius:4px;
    overflow:hidden
}

.ready-packages h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:400;
    color:#65768e;
    line-height:77px;
    background:#f7f8f9;
    padding:0 15px;
    text-align:center
}

.ready-packages ul {
    display:table;
    width:100%
}

.ready-packages ul li {
    display:table-cell;
    padding:15px 0;
    transition:250ms background
}

.ready-packages ul li a {
    display:block;
    text-align:center
}

.ready-packages ul li a span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px;
    font-weight:500;
    color:#65768e;
    padding-top:5px
}

.ready-packages ul li:hover {
    background:#f7f8f9
}

.hosting-bg {
    background:#e9eaed
}

.hosting-bg .hosting-list {
    padding:10px 0
}

.hosting-bg .hosting-list ul {
    overflow:hidden
}

.hosting-bg .hosting-list ul li {
    border-radius:3px;
    height:250px;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
    padding:34px 0;
    float:left;
    width:25%;
    text-align:center;
    transition:250ms background-color
}

.hosting-bg .hosting-list ul li .icon1,.hosting-bg .hosting-list ul li .icon2,.hosting-bg .hosting-list ul li .icon3,.hosting-bg .hosting-list ul li .icon4 {
    background:url(../images/hosting-list-icons.png) no-repeat;
    width:101px;
    height:101px;
    display:inline-block
}

.hosting-bg .hosting-list ul li .icon2 {
    background-position:-101px 0
}

.hosting-bg .hosting-list ul li .icon3 {
    background-position:-202px 0
}

.hosting-bg .hosting-list ul li .icon4 {
    background-position:-303px 0
}

.hosting-bg .hosting-list ul li h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400;
    color:#434d5c;
    padding-bottom:12px;
    padding-top:42px;
    position:relative
}

.hosting-bg .hosting-list ul li h3:before {
    content:'';
    width:54px;
    height:2px;
    background:#989aa8;
    position:absolute;
    top:20px;
    left:50%;
    margin-left:-27px
}

.hosting-bg .hosting-list ul li p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#202242;
    line-height:18px;
    padding:0 20px
}

.hosting-bg .hosting-list ul li:hover {
    background:rgba(255,255,255,0.7)
}

.hosting-section1 {
    background:url(../images/hosting-section1-bg.jpg) no-repeat center;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.hosting-section1 .container {
    height:360px
}

.hosting-section1 .container .text {
    position:absolute;
    bottom:0;
    left:0;
    border-top:8px solid #7bc144;
    background:rgba(255,255,255,0.9);
    width:441px;
    height:174px
}

.hosting-section1 .container .text h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:43px;
    font-weight:400;
    color:#65768e;
    padding:20px 18px 15px
}

.hosting-section1 .container .text p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#65768e;
    line-height:22px;
    padding:0 20px 20px
}

.hosting-section1 .container .text:before {
    content:'';
    background:url(../images/smile.png) no-repeat;
    width:88px;
    height:159px;
    position:absolute;
    top:-159px;
    left:58px
}

.hosting-section2 {
    height:378px;
    background:#fff
}

.hosting-section2 img {
    float:right;
    position:relative;
    top:75px
}

.hosting-section2 .container>div {
    width:500px;
    padding-top:90px
}

.hosting-section2 .container>div h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:29px;
    font-weight:400;
    color:#65768e;
    padding-bottom:15px;
    margin-bottom:15px;
    position:relative
}

.hosting-section2 .container>div h3:before {
    content:'';
    width:147px;
    height:1px;
    background:#eef1f2;
    position:absolute;
    bottom:0;
    left:0
}

.hosting-section2 .container>div p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    opacity:.9;
    color:#65768e;
    line-height:24px
}

.hosting-section3 {
    height:390px;
    background:#e9eaed;
    text-align:center
}

.hosting-section3 .container {
    padding-top:43px;
    height:190px
}

.hosting-section3 .container h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:46px;
    font-weight:300;
    color:#65768e;
    padding-bottom:25px
}

.hosting-section3 .container p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#65768e;
    line-height:22px
}

.hosting-section3 .brands {
    border-top:1px solid #ced2d9;
    padding-top:45px
}

.hosting-section3 .brands div {
    display:inline-block;
    position:relative;
    left:10px
}

.hosting-section3 .brands div a {
    height:55px;
    display:inline-block;
    padding-right:20px;
    margin-right:20px;
    border-right:1px solid #ced2d9;
    padding-top:10px
}

.hosting-section3 .brands div a:last-child {
    border-right:none
}

.dedicated-head {
    background:url(../images/dedicated-head-bg.jpg) no-repeat bottom center;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    position:relative
}

.dedicated-head .div {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    background:rgba(0,0,0,0.7)
}

.dedicated-head .container {
    height:379px
}

.dedicated-head .container .dh-text {
    position:absolute;
    bottom:25px;
    left:0
}

.dedicated-head .container .transparent {
    float:right;
    width:552px;
    height:379px;
    background:url(../images/transparent-bg.png) no-repeat bottom;
    position:relative
}

.dedicated-head .container .transparent .t-logos {
    position:absolute;
    bottom:0;
    right:0;
    width:476px;
    height:165px;
    border-top:1px solid rgba(255,255,255,0.3);
    text-align:center
}

.dedicated-head .container .transparent .t-logos ul {
    padding-top:35px;
    display:inline-block
}

.dedicated-head .container .transparent .t-logos ul li {
    display:table-cell;
    vertical-align:middle;
    height:90px;
    padding:0 15px;
    border-right:1px solid rgba(255,255,255,0.3)
}

.dedicated-head .container .transparent .t-logos ul li:last-child {
    border-right:none
}

.dedicated-head .container .transparent .title {
    width:385px;
    float:right;
    text-align:right
}

.dedicated-head .container .transparent .title h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:37px;
    font-weight:300;
    color:#fff;
    padding:30px 0 25px
}

.dedicated-head .container .transparent .title p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#fff;
    line-height:21px
}

.dedicated {
    background:#e9eaed url(../images/dedicated-bg.png) no-repeat center 16px;
    padding-top:16px
}

.dedicated .items {
    background:#fff;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:30px
}

.dedicated .dedicated-item:hover {
    background:#f9f9f9
}

.dedicated .dedicated-item:hover .dedicated-detail {
    display:block
}

.dedicated .dedicated-item:hover>ul>li {
    border-right-color:transparent
}

.dedicated .dedicated-item>ul {
    overflow:hidden;
    display:table;
    width:100%
}

.dedicated .dedicated-item>ul>li {
    height:77px;
    border-bottom:1px solid #eceeef;
    border-right:1px solid #eceeef;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#4d5b68;
    line-height:20px
}

.dedicated .dedicated-item>ul>li h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:500
}

.dedicated .dedicated-item>ul>li span {
    font-size:12px
}

.dedicated .dedicated-item>ul>li:nth-child(1) {
    width:156px
}

.dedicated .dedicated-item>ul>li:nth-child(2) {
    width:160px
}

.dedicated .dedicated-item>ul>li:nth-child(3) {
    width:158px
}

.dedicated .dedicated-item>ul>li:nth-child(4) {
    width:143px
}

.dedicated .dedicated-item>ul>li:nth-child(5) {
    width:126px
}

.dedicated .dedicated-item>ul>li:nth-child(6) {
    width:124px
}

.dedicated .dedicated-item>ul>li:nth-child(7) {
    width:127px;
    border-right:none
}

.dedicated .dedicated-item .dedicated-detail {
    padding:25px 25px 15px;
    border-bottom:1px solid #eceeef;
    position:relative;
    display:none
}

.dedicated .dedicated-item .dedicated-detail:before {
    content:'';
    border:10px solid transparent;
    border-top-color:#eceeef;
    position:absolute;
    top:-1px;
    left:50%;
    margin-left:-10px
}

.dedicated .dedicated-item .dedicated-detail:after {
    content:'';
    border:8px solid transparent;
    border-top-color:#f9f9f9;
    position:absolute;
    top:-1px;
    left:50%;
    margin-left:-8px
}

.dedicated .dedicated-item .dedicated-detail ul {
    width:750px;
    overflow:hidden
}

.dedicated .dedicated-item .dedicated-detail ul li {
    float:left;
    width:50%;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#434d5c;
    padding-bottom:10px;
    position:relative;
    text-indent:18px
}

.dedicated .dedicated-item .dedicated-detail ul li:before {
    content:'';
    width:11px;
    height:10px;
    background:url(../images/icon-sprite.png) no-repeat -2203px 0;
    position:absolute;
    top:0;
    left:0
}

.dedicated .dedicated-item .dedicated-detail .buy {
    float:right;
    width:118px;
    height:62px;
    background:#52a128;
    border-radius:4px;
    margin-top:-10px;
    margin-right:-10px;
    text-align:center;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    padding-top:16px;
    transition:250ms all;
    box-shadow:0 -5px 0 0 rgba(0,0,0,0.1) inset
}

.dedicated .dedicated-item .dedicated-detail .buy:hover {
    background:#488d23
}

.dedicated .dedicated-item .dedicated-detail .buy span {
    display:block;
    padding-top:4px
}

.dedicated .dedicated-item.title:hover {
    background:transparent
}

.dedicated .dedicated-item.title ul li {
    height:111px;
    border-color:#55626d;
    color:#fff
}

.dedicated .dedicated-item.title ul li .icon,.dedicated .dedicated-item.title ul li .dedicated-section4 .item .icon2,.dedicated-section4 .item .dedicated .dedicated-item.title ul li .icon2 {
    display:inline-block
}

.dedicated .dedicated-item.title ul li .icon div,.dedicated .dedicated-item.title ul li .dedicated-section4 .item .icon2 div,.dedicated-section4 .item .dedicated .dedicated-item.title ul li .icon2 div {
    width:50px;
    height:45px;
    display:table-cell;
    vertical-align:middle;
    background:#3f4b55;
    border-radius:100%;
    padding-top:5px
}

.dedicated .dedicated-item.title ul li span {
    display:block;
    font-size:15px
}

.dedicated-section1 {
    padding-bottom:50px;
    padding-top:20px
}

.dedicated-section1 .container>h3,.dedicated-section1>h3 {
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:300;
    color:#4d5b68;
    text-transform:uppercase;
    padding-bottom:35px
}

.dedicated-section1 ul {
    overflow:hidden
}

.dedicated-section1 ul li {
    float:left;
    width:20%;
    text-align:center
}

.dedicated-section1 ul li h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#4d5b68;
    padding-top:10px
}

.dedicated-section1 ul li p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#4d5b68;
    line-height:18px;
    padding:10px 10px 0
}

.dedicated-section1 ul li .icon,.dedicated-section1 ul li .dedicated-section4 .item .icon2,.dedicated-section4 .item .dedicated-section1 ul li .icon2 {
    width:116px;
    height:116px;
    background:#f77a02;
    background:-moz-linear-gradient(top,#f77a02 0%,#da5026 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f77a02),color-stop(100%,#da5026));
    background:-webkit-linear-gradient(top,#f77a02 0%,#da5026 100%);
    background:-o-linear-gradient(top,#f77a02 0%,#da5026 100%);
    background:-ms-linear-gradient(top,#f77a02 0%,#da5026 100%);
    background:linear-gradient(to bottom,#f77a02 0%,#da5026 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77a02',endColorstr='#da5026',GradientType=0);
    border-radius:100%;
    border:5px solid #004b8c;
    margin:0 auto;
    box-shadow:0 0 0 5px #fff inset;
    transition:400ms all
}

.dedicated-section1 ul li .icon [class*=icon],.dedicated-section1 ul li .dedicated-section4 .item .icon2 [class*=icon],.dedicated-section4 .item .dedicated-section1 ul li .icon2 [class*=icon] {
    position:relative;
    top:25px
}

.dedicated-section1 ul li .icon.color,.dedicated-section1 ul li .dedicated-section4 .item .color.icon2,.dedicated-section4 .item .dedicated-section1 ul li .color.icon2 {
    background:#65c4f5;
    background:-moz-linear-gradient(top,#65c4f5 0%,#21a6e6 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#65c4f5),color-stop(100%,#21a6e6));
    background:-webkit-linear-gradient(top,#65c4f5 0%,#21a6e6 100%);
    background:-o-linear-gradient(top,#65c4f5 0%,#21a6e6 100%);
    background:-ms-linear-gradient(top,#65c4f5 0%,#21a6e6 100%);
    background:linear-gradient(to bottom,#65c4f5 0%,#21a6e6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65c4f5',endColorstr='#21a6e6',GradientType=0)
}

.dedicated-section1 ul li:hover .icon,.dedicated-section1 ul li:hover .dedicated-section4 .item .icon2,.dedicated-section4 .item .dedicated-section1 ul li:hover .icon2 {
    background:#da5026;
    background:-moz-linear-gradient(top,#da5026 0%,#f77a02 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#da5026),color-stop(100%,#f77a02));
    background:-webkit-linear-gradient(top,#da5026 0%,#f77a02 100%);
    background:-o-linear-gradient(top,#da5026 0%,#f77a02 100%);
    background:-ms-linear-gradient(top,#da5026 0%,#f77a02 100%);
    background:linear-gradient(to bottom,#da5026 0%,#f77a02 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da5026',endColorstr='#f77a02',GradientType=0);
    cursor:pointer;
    border-color:#333;
    transform:rotate(360deg)
}

.dedicated-section1 ul li:hover .icon.color,.dedicated-section1 ul li:hover .dedicated-section4 .item .color.icon2,.dedicated-section4 .item .dedicated-section1 ul li:hover .color.icon2 {
    background:#21a6e6;
    background:-moz-linear-gradient(top,#21a6e6 0%,#65c4f5 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#21a6e6),color-stop(100%,#65c4f5));
    background:-webkit-linear-gradient(top,#21a6e6 0%,#65c4f5 100%);
    background:-o-linear-gradient(top,#21a6e6 0%,#65c4f5 100%);
    background:-ms-linear-gradient(top,#21a6e6 0%,#65c4f5 100%);
    background:linear-gradient(to bottom,#21a6e6 0%,#65c4f5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21a6e6',endColorstr='#65c4f5',GradientType=0)
}

.dedicated-section1 ul li .icon-ds1,.dedicated-section1 ul li .icon-ds2,.dedicated-section1 ul li .icon-ds3,.dedicated-section1 ul li .icon-ds4,.dedicated-section1 ul li .icon-ds5,.dedicated-section1 ul li .icon-ds6,.dedicated-section1 ul li .icon-ds7,.dedicated-section1 ul li .icon-ds8,.dedicated-section1 ul li .icon-ds9,.dedicated-section1 ul li .icon-ds10 {
    background:url(../images/dedicated-icons.png) no-repeat;
    width:60px;
    height:65px;
    display:inline-block
}

.dedicated-section1 ul li .icon-ds2 {
    background-position:-60px 0;
    width:47px
}

.dedicated-section1 ul li .icon-ds3 {
    background-position:-107px 0;
    width:47px
}

.dedicated-section1 ul li .icon-ds4 {
    background-position:-154px 0;
    width:60px
}

.dedicated-section1 ul li .icon-ds5 {
    background-position:-214px 0;
    width:52px
}

.dedicated-section1 ul li .icon-ds6 {
    background-position:-266px 0;
    width:52px
}

.dedicated-section1 ul li .icon-ds7 {
    background-position:-318px 0;
    width:65px
}

.dedicated-section1 ul li .icon-ds8 {
    background-position:-383px 0;
    width:53px
}

.dedicated-section1 ul li .icon-ds9 {
    background-position:-436px 0;
    width:52px
}

.dedicated-section1 ul li .icon-ds10 {
    background-position:-488px 0;
    width:52px
}

.dedicated-section2 {
    padding-top:40px
}

.dedicated-section3 {
    background:url(../images/dedicated-section3-bg.jpg) no-repeat center;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    height:366px;
    position:relative
}

.dedicated-section3 .container {
    text-align:center
}

.dedicated-section3 .container h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:33px;
    font-weight:400;
    color:#fff;
    padding:45px 0 35px
}

.dedicated-section3 .container p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    color:#fff
}

.dedicated-section3 .ds-alt {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:149px;
    border-top:1px solid rgba(255,255,255,0.1);
    text-align:center
}

.dedicated-section3 .ds-alt>div {
    display:inline-block;
    padding-top:37px
}

.dedicated-section3 .ds-alt>div .item {
    display:table-cell;
    vertical-align:middle;
    height:70px;
    border-right:1px solid rgba(255,255,255,0.1);
    padding:0 25px
}

.dedicated-section3 .ds-alt>div .item:last-child {
    border-right:none
}

.dedicated-section4 {
    height:414px;
    background:#e9eaed
}

.dedicated-section4 .item {
    width:50%;
    float:left;
    text-align:center
}

.dedicated-section4 .item h4 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:38px;
    font-weight:400;
    color:#4d5b68;
    padding:12px 30px
}

.dedicated-section4 .item p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:21px;
    color:#757e87;
    padding:0 30px
}

.dedicated-section4 .item .icon,.dedicated-section4 .item .icon2 {
    background:url(../images/icon-dedicated-section3.png) no-repeat;
    width:119px;
    height:119px;
    margin:0 auto;
    margin-top:40px
}

.dedicated-section4 .item .icon2 {
    background-position:-119px 0
}

.dedicated-section5 {
    background:url(../images/dedicated-section5-bg.jpg) no-repeat center;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    height:410px;
    position:relative
}

.dedicated-section5>.container {
    height:248px;
    color:#fff;
    text-align:center
}

.dedicated-section5>.container .citrix {
    position:absolute;
    top:0;
    left:0
}

.dedicated-section5>.container h3 {
    text-transform:uppercase;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:33px;
    font-weight:400;
    padding:80px 0 28px
}

.dedicated-section5>.container p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    padding:0 15px
}

.dedicated-section5 .ds5 {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-top:1px solid rgba(255,255,255,0.1);
    height:161px
}

.dedicated-section5 .ds5 ul {
    display:table;
    width:100%
}

.dedicated-section5 .ds5 ul li {
    display:table-cell;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    height:161px
}

.dedicated-section5 .ds5 ul li>span {
    display:block;
    padding-top:8px
}

.dedicated-section5 .ds5 ul li .icon,.dedicated-section5 .ds5 ul li .dedicated-section4 .item .icon2,.dedicated-section4 .item .dedicated-section5 .ds5 ul li .icon2 {
    display:inline-block
}

.dedicated-section5 .ds5 ul li .icon>div,.dedicated-section5 .ds5 ul li .dedicated-section4 .item .icon2>div,.dedicated-section4 .item .dedicated-section5 .ds5 ul li .icon2>div {
    display:table-cell;
    height:50px;
    vertical-align:middle
}

.whois-head {
    background:#0171bb
}

.whois-head .container {
    height:316px;
    background:url(../images/whois-bg.png) no-repeat right
}

.whois-head .container>div {
    color:#fff;
    width:470px;
    height:316px;
    display:table-cell;
    vertical-align:middle
}

.whois-head .container>div h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:41px;
    font-weight:300;
    padding-bottom:15px;
    margin-bottom:15px;
    position:relative
}

.whois-head .container>div h3:before {
    content:'';
    width:103px;
    height:1px;
    background:rgba(255,255,255,0.3);
    position:absolute;
    bottom:0;
    left:0
}

.whois-head .container>div p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:21px
}

.whois-content {
    background:#e9eaed url(../images/whois-gradient.png) no-repeat center 31px;
    padding-top:57px;
    padding-bottom:34px
}

.whois-content .form {
    height:73px;
    background:#fff;
    border-radius:4px;
    position:relative;
    margin-bottom:31px
}

.whois-content .form .www {
    position:absolute;
    top:0;
    left:0;
    line-height:73px;
    width:120px;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:500;
    color:#dde0e4
}

.whois-content .form input {
    position:absolute;
    top:0;
    left:0;
    height:73px;
    line-height:73px;
    padding:0 15px;
    background:transparent;
    width:780px;
    z-index:1;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:500;
    color:#737577;
    text-indent:82px
}

.whois-content .form button {
    position:absolute;
    top:7px;
    right:7px;
    border-radius:4px;
    background:#0171bb;
    width:165px;
    height:60px;
    cursor:pointer;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:500;
    transition:250ms all
}

.whois-content .form button:hover {
    background:#0162a2
}

.whois-container {
    background:#fff;
    border-radius:4px;
    padding:19px
}

.whois-container .videos {
    overflow:hidden;
    padding-bottom:30px
}

.whois-container .videos li {
    float:left;
    width:208px;
    margin-right:43px
}

.whois-container .videos li:nth-child(4n) {
    margin-right:0
}

.whois-container .videos li a {
    display:block;
    position:relative;
    height:200px
}

.whois-container .videos li a:before {
    width:208px;
    height:143px;
    background:rgba(0,0,0,0.5) url(../images/icon-play.png) no-repeat center;
    position:absolute;
    top:0;
    left:0;
    content:'';
    border-radius:4px
}

.whois-container .videos li a img {
    width:208px;
    height:143px;
    border-radius:4px
}

.whois-container .videos li a .title {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#323436;
    padding-top:5px;
    line-height:21px
}

.whois-container .videos li a:hover .title {
    color:#0171bb
}

.whois-container .dropdown ul li {
    margin-bottom:14px
}

.whois-container .dropdown ul li h3 {
    line-height:48px;
    border-radius:5px;
    background:#f4f4f4;
    text-indent:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#323436;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    z-index:1;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.whois-container .dropdown ul li h3>span {
    float:right;
    width:54px;
    height:48px;
    background:#e0e0e1;
    font-size:30px;
    text-indent:0;
    text-align:center
}

.whois-container .dropdown ul li h3>span strong {
    font-size:51px;
    display:none;
    position:relative;
    top:-4px
}

.whois-container .dropdown ul li p {
    display:none;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#323436;
    opacity:.7;
    border:1px solid #f0f0f0;
    border-radius:0 0 4px 4px;
    background:#fff;
    padding:15px;
    line-height:20px;
    margin-top:-3px
}

.whois-container .dropdown ul li.active h3 {
    color:#0171bb
}

.whois-container .dropdown ul li.active h3>span span {
    display:none
}

.whois-container .dropdown ul li.active h3>span strong {
    display:block
}

.whois-container .dropdown ul li:last-child {
    margin-bottom:0
}

.server-head {
    background:url(../images/server-head-bg.jpg) no-repeat center;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.server-head .container {
    height:276px
}

.server-head .container .transparent {
    height:276px
}

.server-head .container .transparent .title {
    height:276px!important;
    vertical-align:middle!important;
    display:table-cell!important;
    float:none!important;
    position:relative;
    left:164px
}

.server-head .container .transparent .title h3 {
    padding-top:0
}

.server-container {
    background:#e9eaed;
    padding:35px 0
}

.server-container .server-content {
    margin-bottom:23px;
    border-radius:4px;
    overflow:hidden
}

.server-container .server-content h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    color:#4d5c6f;
    text-indent:25px;
    line-height:77px;
    background:#fff
}

.server-container .server-content ul li {
    line-height:77px;
    background:#f4f4f6;
    border-top:1px solid #e7e7e7;
    overflow:hidden
}

.server-container .server-content ul li span {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    color:#4d5c6f;
    float:left
}

.server-container .server-content ul li span:nth-child(1) {
    width:628px;
    text-indent:25px;
    border-right:1px solid #e7e7e7
}

.server-container .server-content ul li span:nth-child(2) {
    width:371px;
    text-align:center
}

.server-container .server-content ul li span:nth-child(2) a {
    line-height:41px;
    background:#53a22a;
    border-radius:4px;
    width:150px;
    text-align:center;
    display:inline-block;
    margin-left:15px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#fff;
    transition:250ms all;
    box-shadow:0 -5px 0 0 rgba(0,0,0,0.1) inset
}

.server-container .server-content ul li span:nth-child(2) a:hover {
    background:#498e25
}

.server-section1 {
    background:url(../images/server-section1-bg.jpg) no-repeat top center;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    height:347px
}

.server-section1 .container>div {
    width:500px;
    height:347px;
    display:table-cell;
    vertical-align:middle;
    color:#556d7c;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400
}

.server-section1 .container>div h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:27px;
    font-weight:400;
    padding-bottom:15px
}

.server-section1 .container>div p {
    line-height:20px
}

.pci-head {
    background:url(../images/pci-head-bg.jpg) no-repeat center;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    height:330px!important
}

.pci-head .container {
    height:330px
}

.pci-head .container .transparent {
    height:330px
}

.pci-head .container .transparent .title {
    padding-top:20px
}

.pci-head .container .transparent .title p {
    padding-bottom:55px
}

.pci-container {
    background:#e9eaed url(../images/pci-bg.png) no-repeat center 24px;
    padding-bottom:23px;
    padding-top:24px
}

.pci-container h1 {
    line-height:99px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:31px;
    font-weight:300;
    color:#fff
}

.pci-container .pci-page {
    background:#fff;
    border-radius:4px
}

.pci-container .pci-page .inner {
    padding:0 22px 25px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#434d5c;
    line-height:19px
}

.pci-container .pci-page .inner h3 {
    line-height:65px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:400;
    color:#434d5c;
    border-bottom:1px solid #ebeced;
    margin-bottom:15px
}

.pci-container .pci-page .pci-bottom {
    border-radius:0 0 4px 4px;
    background:url(../images/bg.png);
    padding:32px 80px 15px;
    position:relative;
    text-align:center
}

.pci-container .pci-page .pci-bottom:before {
    content:'';
    position:absolute;
    top:0;
    left:50%;
    margin-left:-15px;
    border:15px solid transparent;
    border-top-color:#fff
}

.pci-container .pci-page .pci-bottom p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#fff;
    line-height:25px
}

.pci-container .pci-page .pci-bottom ul {
    display:inline-block;
    padding-top:20px
}

.pci-container .pci-page .pci-bottom ul li {
    float:left;
    line-height:86px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:31px;
    font-weight:400;
    color:#fff;
    padding:0 25px;
    border-right:1px solid rgba(255,255,255,0.2)
}

.pci-container .pci-page .pci-bottom ul li a {
    color:#fff
}

.pci-container .pci-page .pci-bottom ul li:last-child {
    border-right:none
}

body.bg-body {
    background:#e9eaed
}

.basket-head {
    background:url(../images/basket-head-bg.jpg) no-repeat center;
    height:391px;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}

.basket-head img {
    position:absolute;
    top:45px;
    right:-150px
}

.basket-head h1 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:67px;
    font-weight:300;
    color:#58677b;
    padding-top:80px
}

.basket-container {
    background:url(../images/basket-bg.png) no-repeat center 41px;
    margin-top:-75px;
    margin-bottom:40px
}

.basket-container .basket-list {
    overflow:hidden
}

.basket-container .basket-list li {
    float:left;
    width:20%;
    border-bottom:7px solid #efefef;
    transition:250ms all
}

.basket-container .basket-list li a {
    height:109px;
    display:block
}

.basket-container .basket-list li a .number {
    display:block;
    width:63px;
    height:63px;
    border-radius:100%;
    box-shadow:0 0 0 8px rgba(0,0,0,0.08);
    margin:8px auto 0;
    background:gray;
    text-align:center;
    line-height:63px;
    color:#fff;
    transition:250ms all;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:500
}

.basket-container .basket-list li a .title {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    color:#fff;
    text-align:center;
    display:block;
    padding-top:17px
}

.basket-container .basket-list li.active {
    border-bottom-color:#2cbbf4
}

.basket-container .basket-list li.active a .number {
    background:#4dbdf5
}

.basket-container .basket-list li:hover {
    border-color:#ccc
}

.basket-container .basket-list li:hover a .number {
    background:#222
}

.basket-container .inner {
    background:#fff;
    padding:15px;
    border-radius:0 0 4px 4px;
    min-height:500px
}

.login-head {
    background:url(../images/login-head-bg.jpg) no-repeat center;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    height:249px
}

.login-head h1 {
    text-align:right;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:48px;
    font-weight:300;
    color:#434d5c;
    line-height:249px
}

.login-title {
    background:#fff;
    border-bottom:4px solid #d0d2d6
}

.login-title ul {
    overflow:hidden;
    border-left:1px solid rgba(0,0,0,0.07);
    margin-bottom:-4px
}

.login-title ul li {
    float:left;
    width:50%;
    box-shadow:-1px 0 0 0 rgba(0,0,0,0.07) inset;
    border-bottom:4px solid #53a22a
}

.login-title ul li a {
    height:100px;
    text-align:center;
    display:block
}

.login-title ul li a span {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:28px;
    font-weight:400;
    color:#434d5c;
    display:block;
    padding-top:30px;
    padding-bottom:4px
}

.login-title ul li.login-link {
    background:#f6f7f8
}

.login-title ul li.register-link {
    border-bottom:4px solid #ef5151
}

.login-page {
    background:#e8e9ec;
    padding-bottom:23px;
    overflow:hidden
}

.login-page .container {
    overflow:hidden;
    background:#fff;
    border-radius:0 0 4px 4px
}

.login-page .container .halfwidth {
    height:470px;
    float:left;
    width:50%
}

.login-page .container .halfwidth.login-content {
    background:#f6f7f8;
    box-shadow:-1px 0 0 0 rgba(0,0,0,0.02) inset
}

.login-page .container .halfwidth .inner {
    padding:25px 19px
}

.login-page .container .halfwidth .inner h3 {
    line-height:68px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#868d97;
    background:url(../images/icon-lost.png) no-repeat right
}

.login-page .container .halfwidth .inner .reg-form.login-form {
    border-bottom:1px solid #e4e5e6;
    padding-bottom:28px
}

.login-page .container .halfwidth .inner .reg-form.login-form .form-element {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#434d5c;
    line-height:17px;
    cursor:pointer;
    padding-top:20px;
    display:block;
    float:left
}

.login-page .container .halfwidth .inner .reg-form.login-form .form-element input {
    cursor:pointer
}

.login-page .container .halfwidth .inner .reg-form.login-form .form-element .input,.login-page .container .halfwidth .inner .reg-form.login-form .form-element .domain .whois .input input,.domain .whois .input .login-page .container .halfwidth .inner .reg-form.login-form .form-element input {
    float:left;
    width:17px;
    height:17px;
    background:url(../images/icon-sprite.png) no-repeat -145px 0;
    margin-right:10px
}

.login-page .container .halfwidth .inner .reg-form.login-form .form-element.checked .input,.login-page .container .halfwidth .inner .reg-form.login-form .form-element.checked .domain .whois .input input,.domain .whois .input .login-page .container .halfwidth .inner .reg-form.login-form .form-element.checked input {
    background-position:-145px -17px
}

.login-page .container .halfwidth .inner .reg-form li {
    margin-bottom:19px;
    height:55px;
    position:relative;
    background:#fff
}

.login-page .container .halfwidth .inner .reg-form li .submit2 {
    width:56px;
    height:45px;
    background:#707883;
    position:absolute;
    z-index:2;
    top:5px;
    right:5px;
    cursor:pointer;
    transition:250ms all
}

.login-page .container .halfwidth .inner .reg-form li .submit2:hover {
    background:#646b75
}

.login-page .container .halfwidth .inner .reg-form li .title {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#868d97;
    text-indent:55px;
    line-height:55px;
    width:154px;
    background:#f8f8f9
}

.login-page .container .halfwidth .inner .reg-form li .title .icon-arrow-right {
    position:absolute;
    top:14px;
    left:20px
}

.login-page .container .halfwidth .inner .reg-form li .title .icon-mail-big {
    position:absolute;
    top:17px;
    left:12px
}

.login-page .container .halfwidth .inner .reg-form li .title .icon-lock {
    position:absolute;
    top:14px;
    left:17px
}

.login-page .container .halfwidth .inner .reg-form li>input {
    border:1px solid #e2e2e3;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:100%;
    height:55px;
    position:absolute;
    top:0;
    left:0;
    line-height:55px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#434d5c;
    padding-left:170px;
    padding-right:15px;
    background:transparent;
    transition:250ms all
}

.login-page .container .halfwidth .inner .reg-form li>input:focus {
    border-color:#7cb56d
}

.login-page .container .halfwidth .inner .reg-form li .submit {
    float:right;
    width:189px;
    height:57px;
    line-height:57px;
    background:#53a22a;
    border-radius:4px;
    box-shadow:0 -5px 0 0 rgba(0,0,0,0.1) inset;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:500;
    color:#fff;
    cursor:pointer;
    transition:250ms all
}

.login-page .container .halfwidth .inner .reg-form li .submit>span {
    float:right;
    width:60px;
    height:57px;
    background:rgba(0,0,0,0.1)
}

.login-page .container .halfwidth .inner .reg-form li .submit>span span {
    position:relative;
    top:2px
}

.login-page .container .halfwidth .inner .reg-form li .submit:hover {
    background:#498e25
}

.login-page .container .halfwidth .inner .reg-form li:last-child {
    margin-bottom:0
}

.login-page .container .halfwidth .inner .reg-form li.focus .title {
    color:#53a22a
}

.login-page .container .halfwidth .inner .reg-form li.focus .icon-arrow-right {
    background-position:-2241px 0
}

.login-page .container .halfwidth .inner .reg-form li.focus .icon-mail-big {
    background-position:-2289px 0
}

.login-page .container .halfwidth .inner .reg-form li.focus .icon-lock {
    background-position:-2345px 0
}

.cloud-drive-head {
    background:#bfcad1 url(../images/cloud-drive-head-bg.png) no-repeat top center;
    border-bottom:4px solid #9ca9b3
}

.cloud-drive-head .container {
    height:718px
}

.cloud-drive-head .title {
    position:relative;
    top:175px;
    margin:0 auto;
    background:url(../images/cloud-drive-title-bg.png) no-repeat;
    width:606px;
    height:122px;
    text-align:center;
    color:#fff
}

.cloud-drive-head .title h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:47px;
    font-weight:400;
    padding-bottom:4px;
    padding-top:42px
}

.cloud-drive-head .title p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500
}

.cloud-drive-head .cloud-packets {
    position:absolute;
    bottom:20px;
    left:0;
    text-align:center;
    width:100%
}

.cloud-drive-head .cloud-packets .cloud-packet {
    width:269px;
    height:331px;
    background:#fff;
    border-radius:4px;
    display:inline-block;
    margin:0 2px;
    text-align:left
}

.cloud-drive-head .cloud-packets .cloud-packet h1 {
    line-height:71px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:21px;
    font-weight:500;
    color:#5a676f;
    text-align:center
}

.cloud-drive-head .cloud-packets .cloud-packet .step {
    width:100%;
    height:7px;
    background:#ececec
}

.cloud-drive-head .cloud-packets .cloud-packet .step li {
    height:7px;
    width:33.3%;
    position:relative;
    float:left
}

.cloud-drive-head .cloud-packets .cloud-packet .step li:before {
    content:'';
    width:13px;
    height:13px;
    background:url(../images/icon-sprite.png) no-repeat -2404px 0;
    position:absolute;
    top:-3px;
    right:-7px;
    z-index:2
}

.cloud-drive-head .cloud-packets .cloud-packet .step li:last-child {
    width:33.4%
}

.cloud-drive-head .cloud-packets .cloud-packet .step li:last-child:before {
    display:none
}

.cloud-drive-head .cloud-packets .cloud-packet .step li.active {
    background:#1ebbd7
}

.cloud-drive-head .cloud-packets .cloud-packet .step li.active:before {
    background-position:-2417px 0
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-list {
    padding-top:16px
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-list li {
    line-height:35px;
    border-bottom:1px solid #f7f7f8;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#5a676f
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-list li .icon,.cloud-drive-head .cloud-packets .cloud-packet .cp-list li .dedicated-section4 .item .icon2,.dedicated-section4 .item .cloud-drive-head .cloud-packets .cloud-packet .cp-list li .icon2 {
    float:left;
    width:43px;
    text-align:center
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-list li .icon>div,.cloud-drive-head .cloud-packets .cloud-packet .cp-list li .dedicated-section4 .item .icon2>div,.dedicated-section4 .item .cloud-drive-head .cloud-packets .cloud-packet .cp-list li .icon2>div {
    line-height:10px!important;
    width:43px;
    height:35px;
    vertical-align:middle;
    display:table-cell
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-alt {
    line-height:58px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:400;
    color:#5a676f;
    padding:0 15px
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-alt sup {
    font-size:15px;
    position:relative;
    top:-5px
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-alt a {
    float:right;
    width:126px;
    height:31px;
    background:#1ebbd7;
    border-radius:3px;
    line-height:31px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    color:#fff;
    text-align:center;
    position:relative;
    top:12px;
    transition:250ms all
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-alt a>span {
    float:right;
    width:36px;
    height:31px;
    background:rgba(0,0,0,0.1)
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-alt a>span span {
    position:relative;
    top:3px
}

.cloud-drive-head .cloud-packets .cloud-packet .cp-alt a:hover {
    background:#1ba8c1
}

.cloud-drive-head .cloud-packets .cloud-packet h2 {
    display:none
}

.cloud-drive-head .cloud-packets .cloud-packet.active {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border:3px solid #58c3d8;
    height:356px
}

.cloud-drive-head .cloud-packets .cloud-packet.active h2 {
    display:block;
    line-height:20px;
    text-align:center;
    background:#58c3d8;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px;
    font-weight:500
}

.cloud-drive-section1 {
    background:url(../images/cloud-drive-section1-bg.jpg) no-repeat bottom center;
    box-shadow:0 -5px 0 0 rgba(0,0,0,0.5) inset
}

.cloud-drive-section1 .container {
    min-height:410px;
    overflow:hidden
}

.cloud-drive-section1 .container .cd-text {
    float:right;
    width:400px;
    padding:40px 0 15px;
    text-align:right
}

.cloud-drive-section1 .container .cd-text h3 {
    margin-bottom:20px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:300;
    color:#5a676f;
    line-height:46px;

}

.cloud-drive-section1 .container .cd-text h3 span {
    display:inline-block;
    border-bottom:1px solid #5acbdd
}

.cloud-drive-section1 .container .cd-text p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    color:#5a676f;
    opacity:.7;
    padding-bottom:35px
}

.cloud-drive-section1 .container .cd-position {
    position:absolute;
    bottom:180px;
    left:0;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:400;
    color:#636d79;
    background:url(../images/cd-icon.png) no-repeat 290px bottom;
    padding-bottom:300px
}

.cloud-drive-section1 .container .cd-position span {
    display:block;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:31px;
    font-weight:500;
    color:#1ebbd7;
    padding-left:170px
}

.cloud-drive-section2 {
    height:366px;
    background:#f4f4f6
}

.cloud-drive-section2 .item {
    padding:55px 30px 0;
    text-align:center
}

.cloud-drive-section2 .item .icon,.cloud-drive-section2 .dedicated-section4 .item .icon2,.dedicated-section4 .cloud-drive-section2 .item .icon2 {
    display:inline-block
}

.cloud-drive-section2 .item .icon>div,.cloud-drive-section2 .dedicated-section4 .item .icon2>div,.dedicated-section4 .cloud-drive-section2 .item .icon2>div {
    display:table-cell;
    width:60px;
    text-align:center;
    height:70px;
    vertical-align:middle
}

.cloud-drive-section2 .item h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:500;
    color:#1ebbd7;
    padding-bottom:15px;
    margin-bottom:15px;
    position:relative
}

.cloud-drive-section2 .item h3:before {
    content:'';
    width:84px;
    height:1px;
    background:#1ebbd7;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-42px
}

.cloud-drive-section2 .item p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#636d79;
    line-height:20px
}

.cloud-drive-section2 .owl-buttons {
    display:none
}

.cloud-drive-section2 .owl-pagination {
    width:100%;
    text-align:center;
    padding-top:30px
}

.cloud-drive-section2 .owl-pagination>div {
    display:inline-block;
    margin:0 5px
}

.cloud-drive-section2 .owl-pagination>div span {
    width:8px;
    height:8px;
    background:#d7d6d1;
    border:5px solid #fff;
    border-radius:100%;
    display:block
}

.cloud-drive-section2 .owl-pagination>div.active span {
    background:#1ebbd7
}

.cloud-drive-section3 {
    background:#fff;
    height:286px;
    text-align:center;
    background:url(../images/line-bg.png) no-repeat center 100px
}

.cloud-drive-section3 h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:300;
    color:#535f68;
    opacity:.5;
    padding-top:60px;
    padding-bottom:45px
}

.cloud-drive-section3 .buttons {
    padding-top:60px
}

.cloud-drive-section3 .buttons a {
    display:inline-block;
    width:350px;
    height:57px;
    border-radius:4px;
    background:#1ebbd7;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    color:#fff;
    line-height:57px;
    transition:250ms all
}

.cloud-drive-section3 .buttons a>span {
    float:right;
    width:60px;
    height:57px;
    background:rgba(0,0,0,0.1);
    text-align:center
}

.cloud-drive-section3 .buttons a>span span {
    position:relative;
    top:8px
}

.cloud-drive-section3 .buttons a:hover {
    background:#1ba8c1
}

.cloud-drive-section3 .buttons>span {
    display:inline-block;
    width:106px;
    text-align:center;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:500;
    color:#d4d3ce;
    line-height:57px
}

.co-location-head {
    background:url(../images/co-location-head-bg.jpg) no-repeat center;
    height:275px;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}

.co-location-head .container .transparent {
    height:275px
}

.co-location-head .container .transparent .title {
    height:275px;
    display:table-cell;
    vertical-align:middle;
    float:none;
    position:relative;
    left:167px
}

.co-location-head .container .transparent .title h3 {
    padding-top:0
}

.co-location-section1 {
    background:#e9eaed url(../images/lo-location-section1-bg.jpg) no-repeat center 40px;
    height:470px
}

.co-location-section1 ul {
    padding-top:370px
}

.co-location-section1 ul li {
    width:25%;
    float:left;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#4d5b68;
    line-height:24px
}

.co-location-section1 ul li:nth-child(1) {
    width:242px
}

.co-location-section1 ul li:nth-child(2) {
    width:237px
}

.co-location-section1 ul li:nth-child(2) span {
    position:relative;
    left:20px
}

.co-location-section1 ul li:nth-child(3) {
    width:340px;
    text-align:center
}

.co-location-section1 ul li:nth-child(4) {
    width:177px
}

.co-location-section1 ul li:nth-child(4) span {
    position:relative;
    left:20px
}

.co-location-section1 ul li span {
    text-align:center;
    display:inline-block
}

.co-location-section2 {
    background:url(../images/co-location-section2-bg.jpg) no-repeat center;
    border-bottom:11px solid #fff;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.co-location-section2 .container {
    height:468px
}

.co-location-section2 .container .microsoft-products {
    position:absolute;
    bottom:0;
    left:0;
    width:600px;
    background:#fff
}

.co-location-section2 .container .microsoft-products h3 {
    line-height:63px;
    background:#e9eaed;
    padding:0 25px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:19px;
    font-weight:400;
    color:#4c5a63
}

.co-location-section2 .container .microsoft-products h3 img {
    float:right;
    padding-top:18px
}

.co-location-section2 .container .microsoft-products ul li {
    line-height:49px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#4c5a63;
    padding:0 25px;
    border-top:1px solid #ecedee
}

.co-location-section2 .container .microsoft-products ul li span {
    float:right
}

.co-location-section2 .container .microsoft-products ul li:hover {
    background:#f6f6f6
}

.co-location-section2 .container .microsoft-products ul li a {
    color:#4c5a63
}

.co-location-section2 .container .co-location-right {
    position:absolute;
    top:0;
    right:0;
    width:352px
}

.co-location-section2 .container .co-location-right>div {
    height:468px;
    width:352px;
    display:table-cell;
    vertical-align:middle;
    text-align:center
}

.co-location-section2 .container .co-location-right>div p {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:27px;
    color:#fff;
    padding-bottom:35px;
    border-bottom:1px solid rgba(255,255,255,0.3)
}

.co-location-section2 .container .co-location-right>div ul {
    display:inline-block;
    padding-top:54px
}

.co-location-section2 .container .co-location-right>div ul li {
    display:table-cell;
    height:83px;
    vertical-align:middle;
    border-right:1px solid rgba(255,255,255,0.3);
    padding:0 25px
}

.co-location-section2 .container .co-location-right>div ul li:last-child {
    border-right:none
}

.co-location-section3 {
    background:#e9eaed;
    padding:20px 0 50px
}

.co-location-section3 .clear {
    height:20px
}

.co-location-section3 h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:400;
    color:#4c5a63;
    padding-bottom:15px;
    padding-top:70px
}

.co-location-section3 p {
    padding-bottom:25px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    color:#4c5a63
}

.co-location-section3 img.right {
    float:right;
    margin-left:60px
}

.co-location-section3 img.left {
    float:left;
    margin-right:60px
}

.co-location-contact {
    background:url(../images/co-location-contact-bg.jpg) no-repeat center;
    background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover
}

.co-location-contact .container {
    height:194px
}

.co-location-contact .container p {
    position:absolute;
    bottom:0;
    right:0;
    line-height:194px;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400
}

.co-location-contact .container .phone {
    background:url(../images/phone-bg.png) no-repeat;
    width:374px;
    height:93px;
    line-height:93px;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:34px;
    font-weight:300;
    text-indent:20px;
    position:absolute;
    top:52px;
    left:0
}

.co-location-contact .container .phone span {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:34px;
    font-weight:400
}

.about-head {
    background:url(../images/about-head-bg.jpg) no-repeat center;
    background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover
}

.about-head .container {
    height:522px
}

.about-head .container h1 {
    font-family:Ubuntu,sans-serif;
    font-weight:300;
    font-size:36px;
    color:#fff;
    text-align:center;
    padding:70px 0
}

.about-head .container .numbers {
    background:url(../images/about-bg.png) no-repeat;
    width:914px;
    height:201px;
    margin:0 auto;
    position:relative
}

.about-head .container .numbers h5 {
    text-align:center;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:21px;
    font-weight:400;
    position:relative;
    top:-15px
}

.about-head .container .numbers .item {
    position:absolute;
    top:56px;
    left:0;
    width:146px;
    font-family:Ubuntu,sans-serif;
    font-weight:300;
    color:#fff;
    text-align:center
}

.about-head .container .numbers .item .icon,.about-head .container .numbers .dedicated-section4 .item .icon2,.dedicated-section4 .about-head .container .numbers .item .icon2 {
    width:146px;
    height:145px;
    line-height:145px;
    font-size:24px
}

.about-head .container .numbers .item .title {
    display:block;
    font-size:20px;
    padding-top:15px;
    line-height:23px
}

.about-head .container .numbers .item.i2 {
    left:255px
}

.about-head .container .numbers .item.i3 {
    left:522px
}

.about-head .container .numbers .item.i4 {
    left:769px
}

.page-about {
    padding:0 20px 20px;
    margin-top:-5px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    color:#323436
}

.page-about img {
    max-width:100%;
    margin-bottom:10px
}

.page-about .text-right {
    text-align:right;
    padding-top:15px
}

.page-references {
    padding:10px 0 20px 24px
}

.page-references h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400;
    color:#323436;
    padding-bottom:25px
}

.page-references ul {
    overflow:hidden
}

.page-references ul li {
    float:left;
    width:208px;
    height:108px;
    border-radius:4px;
    margin-right:22px;
    margin-bottom:20px
}

.page-references ul li a {
    background:#e9eaed;
    display:block;
    height:108px;
    text-align:center;
    transition:250ms all;
    border-radius:3px
}

.page-references ul li a:hover {
    background:#dbdde2
}

.page-references ul li a>span {
    display:table-cell;
    width:208px;
    height:108px;
    vertical-align:middle
}

.page-bank {
    padding:0 24px
}

.page-bank h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:23px;
    font-weight:400;
    color:#323436;
    padding-bottom:25px
}

.page-bank h5 {
    border-bottom:1px solid #e9e9ea;
    margin-bottom:20px
}

.page-bank h5 span {
    display:inline-block;
    padding-bottom:12px;
    border-bottom:4px solid #e9e9ea
}

.page-bank ul {
    padding-bottom:30px
}

.page-bank ul li {
    overflow:hidden;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    color:#323436;
    padding-bottom:10px
}

.page-bank ul li>span {
    float:left
}

.page-bank ul li>span:nth-child(1) {
    width: 165px;}

.page-bank ul li>span:nth-child(2) {
    width:10px;
    text-align:center
}

.page-bank ul li>span:nth-child(3) {
    padding-left:10px
}

.login-title .active {
    background:#f6f7f8
}

.register {
    background:#e9eaed
}

.register .container {
    background:#fff;
    padding:25px 20px 20px 20px;
    width:960px;
    border-radius:0 0 3px 3px
}

.register .container h2 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    color:#868d97;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #f6f7f8
}

.register .container h2 span {
    float:right
}

.register .container .clear {
    height:40px
}

.register .container div.form-element {
    float:left;
    width:50%;
    margin-bottom:8px;
    position:relative
}

.register .container div.form-element>span {
    float:left;
    width:175px;
    line-height:48px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    color:#434d5c
}

.register .container div.form-element .selectricWrapper {
    width:285px;
    position:relative;
    left:-10px
}

.register .container div.form-element .selectricWrapper .label {
    min-width:203px!important
}

.register .container div.form-element label.error {
    position:absolute;
    top:0;
    right:22px;
    width:22px;
    text-indent:-9999px;
    height:48px;
    border-radius:0 3px 3px 0;
    background:#f15152
}

.register .container div.form-element label.error:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -1687px -126px;
    width:8px;
    height:8px;
    position:absolute;
    top:18px;
    left:7px
}

.register .container div.form-element input {
    width:252px;
    height:36px;
    border:1px solid #e1e1e1;
    border-radius:3px;
    background:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#868d97;
    padding:5px 15px;
    line-height:36px;
    transition:250ms all
}

.register .container div.form-element input:focus {
    color:#434d5c;
    border-color:#ccc
}

.register .container div.form-element input.error {
    border-color:#f15152
}

.register .container div.form-element input.valid {
    border-color:#0fba9d
}

.register .container div.form-element.full {
    width:100%
}

.register .container div.form-element.full .button {
    float:right
}

.register .container div.form-element.full input {
    width:560px
}

.register .container div.form-element.full label.error {
    right:193px
}

.register .container label.form-element {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:51px;
    color:#868d97;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative
}

.register .container label.form-element .input,.register .container label.form-element .domain .whois .input input,.domain .whois .input .register .container label.form-element input {
    background:url(../images/icon-sprite.png) no-repeat -2406px -40px;
    width:22px;
    margin-right:12px;
    height:22px;
    float:left;
    position:relative;
    top:14px
}

.register .container label.form-element.checked .input,.register .container label.form-element.checked .domain .whois .input input,.domain .whois .input .register .container label.form-element.checked input {
    background-position:-2406px -62px
}

.register .container label.form-element label.error {
    position:absolute;
    top: 20px;
    left: 34px;
    font-size:12px;
    color:red
}

.register .container .form-button {
    float:right;
}

.register .container .button {
    cursor:pointer;
    display:inline-block;
    width:183px;
    height:48px;
    background:#1abc9c;
    border-radius:3px;
    line-height:48px;
    color:#fff;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    text-align:center;
    transition:250ms all
}

.register .container .button:hover {
    background:#17a689
}

.register .container .button>span {
    float:right;
    width:58px;
    height:48px;
    background:rgba(0,0,0,0.1)
}

.register .container .button>span span {
    position:relative;
    top:7px
}

.register .container .button>span span.icon-register6 {
    top:9px
}

.register .container .contract {
    background:#f8f8f9;
    padding:15px;
    margin-top:15px;
    position:relative
}

.register .container .contract:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat -2548px -52px;
    width:20px;
    height:21px;
    position:absolute;
    top:-21px;
    left:0
}

.register .container .contract>div {
    height:225px;
    padding-right:15px;
    overflow:hidden;
    position:relative;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:20px;
    color:#434d5c
}

.register .container .contract>div h6 {
    font-size:22px;
    color:#1abc9c;
    padding-bottom:10px
}

.register .container .contract>div .ps-scrollbar-y-rail {
    background:#e0e0e0;
    opacity:1;
    width:8px;
    border-radius:3px
}

.register .container .contract>div .ps-scrollbar-y-rail div {
    background:#1abc9c;
    width:8px
}

.footer {
    background:#182a42
}

.footer .top {
    height:87px;
    border-bottom:1px solid #37485e
}

.footer .top .logo {
    padding-top:25px;
    position:relative;
    float:left
}

.footer .top .logo a {
    display:block;
    background:url(../images/footer-logo.png) no-repeat;
    width:187px;
    height:39px;
    text-indent:-9999px
}

.footer .top .logo .ten-years {
    width:65px;
    padding-left:15px;
    border-left:1px solid #314154;
    height:42px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    padding-top:13px;
    color:#b5c1cf;
    line-height:15px;
    position:absolute;
    top:20px;
    left:203px
}

.footer .top .logo .ten-years span {
    font-family:MarkSimonsonProximaNovaSemibold_0
}

.footer .top .callcenter {
    float:right;
    line-height:87px;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:29px;
    font-weight:400;
    color:#c2cfde
}

.footer .top .callcenter span {
    font-family:Ubuntu,sans-serif;
    color:#b5c1cf;
    font-weight:600
}

.footer .top .callcenter .icon-callcenter {
    float:left;
    position:relative;
    top:20px;
    margin-right:12px
}

.footer .footer-menu {
    padding:30px 0;
    overflow:hidden;
    width:100%
}

.footer .footer-menu>div {
    float:left;
    margin-right:50px
}

.footer .footer-menu>div:last-child {
    margin-right:0
}

.footer .footer-menu>div h3 {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17px;
    font-weight:500;
    color:#5d7494;
    padding-bottom:15px;
    position:relative;
    margin-bottom:8px
}

.footer .footer-menu>div h3:before {
    content:'';
    width:46px;
    height:1px;
    background:#283950;
    position:absolute;
    bottom:0;
    left:0
}

.footer .footer-menu>div ul li a {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#b5c1cf;
    display:block;
    position:relative;
    padding:9px 0 9px 15px;
    transition:250ms color
}

.footer .footer-menu>div ul li a:before {
    content:'';
    background:url(../images/icon-sprite.png) no-repeat 0 -11px;
    width:3px;
    height:7px;
    position:absolute;
    top:12px;
    left:0
}

.footer .footer-menu>div ul li a:hover {
    color:#fff
}

.footer .social {
    float:right
}

.footer .social li {
    float:left;
    line-height:45px;
    background:#121e2e;
    border-top:4px solid #94a0af;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    color:#fff;
    width:45px
}

.footer .social li:nth-child(even) {
    background:#152439
}

.footer .social li a {
    display:block;
    height:45px;
    text-align:center;
    transition:250ms all
}

.footer .social li.text {
    width:auto;
    padding:0 15px
}

.footer .social li.facebook {
    border-color:#344f85
}

.footer .social li.facebook a:hover {
    background:#344f85
}

.footer .social li.twitter {
    border-color:#2daad6
}

.footer .social li.twitter a:hover {
    background:#2daad6
}

.footer .social li.linkedin {
    border-color:#1871a1
}

.footer .social li.linkedin a:hover {
    background:#1871a1
}

.footer .social li.instagram {
    border-color:#886b57
}

.footer .social li.instagram a:hover {
    background:#886b57
}

.footer .social li.youtube {
    border-color:#b7282b
}

.footer .social li.youtube a:hover {
    background:#b7282b
}

.footer .social li .icon-facebook {
    position:relative;
    top:3px
}

.footer .social li .icon-twitter {
    position:relative;
    top:3px
}

.footer .social li .icon-linkedin {
    position:relative;
    top:3px
}

.footer .social li .icon-instagram {
    position:relative;
    top:5px
}

.footer .social li .icon-youtube {
    position:relative;
    top:3px
}

.footer .help-menu {
    float:left
}

.footer .help-menu li {
    float:left
}

.footer .help-menu li.text {
    line-height:45px;
    background:#121e2e;
    border-top:4px solid #189c86;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    color:#fff;
    padding:0 15px;
    position:relative;
    margin-right:10px
}

.footer .help-menu li.text:before {
    content:'';
    position:absolute;
    top:14px;
    right:-16px;
    border:8px solid transparent;
    border-left-color:#121e2e
}

.footer .help-menu li a {
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#fff;
    display:block;
    line-height:49px;
    padding:0 15px;
    transition:250ms all
}

.footer .help-menu li a:hover {
    background:rgba(255,255,255,0.1)
}

.footer .copyright {
    height:61px;
    line-height:61px;
    background:#121f30;
    font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:500;
    color:#5d7494
}

.footer .copyright ul {
    float:right;
    padding-top:13px
}

.footer .copyright ul li {
    float:left;
    line-height:32px;
    border-right:1px solid #273342
}

.footer .copyright ul li:last-child {
    border-right:none
}

.footer .copyright ul li a {
    display:block;
    padding:0 15px;
    color:#5d7494;
    transition:250ms all
}

.footer .copyright ul li a:hover {
    color:#fff
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-light.eot");
  src: url("../fonts/gotham/gotham-light.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-light.woff") format("woff"), url("../fonts/gotham/gotham-light.ttf") format("truetype"), url("../fonts/gotham/gotham-light.svg#Gothamx") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-light.eot");
  src: url("../fonts/gotham/gotham-light.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-light.woff") format("woff"), url("../fonts/gotham/gotham-light.ttf") format("truetype"), url("../fonts/gotham/gotham-light.svg#Gothamx") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-xlight.eot");
  src: url("../fonts/gotham/gotham-xlight.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-xlight.woff") format("woff"), url("../fonts/gotham/gotham-xlight.ttf") format("truetype"), url("../fonts/gotham/gotham-xlight.svg#Gothamx") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-medium.eot");
  src: url("../fonts/gotham/gotham-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-medium.woff") format("woff"), url("../fonts/gotham/gotham-medium.ttf") format("truetype"), url("../fonts/gotham/gotham-medium.svg#Gothamx") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-bold.eot");
  src: url("../fonts/gotham/gotham-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-bold.woff") format("woff"), url("../fonts/gotham/gotham-bold.ttf") format("truetype"), url("../fonts/gotham/gotham-bold.svg#Gothamx") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-book.eot");
  src: url("../fonts/gotham/gotham-book.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-book.woff") format("woff"), url("../fonts/gotham/gotham-book.ttf") format("truetype"), url("../fonts/gotham/gotham-book.svg#Gothamx") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Gothamx';
  src: url("../fonts/gotham/gotham-black.eot");
  src: url("../fonts/gotham/gotham-black.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gotham-black.woff") format("woff"), url("../fonts/gotham/gotham-black.ttf") format("truetype"), url("../fonts/gotham/gotham-black.svg#Gothamx") format("svg");
  font-weight: 800;
  font-style: normal;
}
.new-cloud-section {
  font-family: "Gothamx", "Ubuntu", Arial, sans-serif;
}
.new-cloud-section *, .new-cloud-section *:before, .new-cloud-section *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.new-cloud-section .nc-cover {
  background: url(../images/bg-new-cloud.jpg) 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.new-cloud-section .nc-cover .container {
  display: table;
  height: 400px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.new-cloud-section .nc-cover .container:after {
  content: '';
  background: url(../images/ixircloud-logo.png) no-repeat;
  width: 317px;
  height: 148px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -99px;
}
.new-cloud-section .nc-cover .container .cell {
  display: table-cell;
  vertical-align: middle;
}
.new-cloud-section .nc-cover .container .caption h3 {
  display: block;
  font-size: 35px;
  font-weight: 100;
  color: #fff;
  line-height: 120%;
  margin-bottom: 25px;
  letter-spacing: -1.2px;
}
.new-cloud-section .nc-cover .container .caption ul li {
  padding-left: 16px;
  position: relative;
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
  line-height: 120%;
}
.new-cloud-section .nc-cover .container .caption ul li:last-child {
  margin-bottom: 0;
}
.new-cloud-section .nc-cover .container .caption ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  background-color: #fff;
  top: 6px;
}
.new-cloud-section .nc-cover .container .caption .btn-more {
  margin-top: 40px;
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
  height: 50px;
  border: 2px solid #04dafe;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.5px;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  line-height: 46px;
  color: #fff;
}
.new-cloud-section .nc-cover .container .caption .btn-more:hover {
  background-color: #04dafe;
  color: #000;
}
.new-cloud-section .nc-row {
  padding: 40px 0 60px;
  background-color: #fff;
}
.new-cloud-section .nc-row .row--top {
  text-align: center;
  margin-bottom: 70px;
}
.new-cloud-section .nc-row .row--title {
  display: inline-block;
  vertical-align: top;
  font-size: 45px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: -1.5px;
  background-image: -webkit-linear-gradient(left, #04dafe, #4561e6);
  /* For Chrome and Safari */
  background-image: -moz-linear-gradient(left, #04dafe, #4561e6);
  /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(left, #04dafe, #4561e6);
  /* For pre-releases of IE 10*/
  background-image: -o-linear-gradient(left, #04dafe, #4561e6);
  /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to right, #04dafe, #4561e6);
  /* Standard syntax; must be last */
  color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
.new-cloud-section .nc-row .row--caption {
  display: block;
  font-size: 15px;
  margin-top: 5px;
  line-height: 120%;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #a4aab1;
}
.new-cloud-section .nc-cloud-packages {
  background-color: #e6ecf0;
  position: relative;
}
.new-cloud-section .nc-cloud-packages:before {
  content: '';
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: 0 -70px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 40px;
  width: 203px;
  position: absolute;
  left: 50%;
  margin-left: -101.5px;
  bottom: 100%;
}
.new-cloud-section .nc-packages-list {
  font-size: 0;
}
.new-cloud-section .nc-packages-list > li {
  width: 23.5%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  min-height: 437px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  padding-top: 24px;
  padding-bottom: 17px;
  text-align: center;
  color: #6a707a;
  transition: box-shadow 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: box-shadow 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: box-shadow 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.new-cloud-section .nc-packages-list > li:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.new-cloud-section .nc-packages-list > li:nth-child(4n) {
  margin-right: 0;
  margin-bottom: 0;
}
.new-cloud-section .nc-packages-list > li:nth-last-child(-n + 4) {
  margin-bottom: 0;
}
.new-cloud-section .nc-packages-list > li:hover {
  -webkit-box-shadow: 0 25px 55px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 25px 55px rgba(0, 0, 0, 0.25);
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.25);
}
.new-cloud-section .nc-packages-list > li .item--type {
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d4d7;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.8px;
  line-height: 120%;
}
.new-cloud-section .nc-packages-list > li .item--price {
  padding: 15px 0;
  font-size: 29px;
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 120%;
  border-bottom: 1px solid #d2d4d7;
}
.new-cloud-section .nc-packages-list > li .item--price span {
  display: block;
  color: #989ba2;
  letter-spacing: -0.4px;
  font-size: 15px;
  line-height: 120%;
}
.new-cloud-section .nc-packages-list > li .item--prop {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #d2d4d7;
}
.new-cloud-section .nc-packages-list > li .item--prop li {
  display: table-cell;
  vertical-align: top;
  padding-top: 52px;
  border-right: 1px solid #d2d4d7;
  height: 91px;
  font-size: 11px;
  line-height: 120%;
  position: relative;
}
.new-cloud-section .nc-packages-list > li .item--prop li:before {
  content: '';
  position: absolute;
}
.new-cloud-section .nc-packages-list > li .item--prop li.icon-core:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -92px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 27px;
  width: 27px;
  position: absolute;
  left: 50%;
  margin-left: -13.5px;
  top: 13px;
}
.new-cloud-section .nc-packages-list > li .item--prop li.icon-ram:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -38px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 15px;
  width: 27px;
  position: absolute;
  left: 50%;
  margin-left: -13.5px;
  top: 19px;
}
.new-cloud-section .nc-packages-list > li .item--prop li.icon-disk:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -168px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 29px;
  width: 22px;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  top: 13px;
}
.new-cloud-section .nc-packages-list > li .item--prop li strong {
  display: block;
  font-size: 15px;
  font-weight: 500;
}
.new-cloud-section .nc-packages-list > li .item--prop li span {
  display: block;
  margin-top: 4px;
}
.new-cloud-section .nc-packages-list > li .item--prop li:last-child {
  border-right: 0;
}
.new-cloud-section .nc-packages-list > li .item--caption {
  min-height: 139px;
  padding: 20px 10px;
}
.new-cloud-section .nc-packages-list > li .item--caption li {
  margin-bottom: 11px;
  font-size: 13px;
  line-height: 120%;
}
.new-cloud-section .nc-packages-list > li .item--caption li:last-child {
  margin-bottom: 0;
}
.new-cloud-section .nc-packages-list > li .btn-buy {
  display: inline-block;
  vertical-align: top;
  padding: 2px;
  background: #05d9fe;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #05d9fe 0%, #4463e6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #05d9fe 0%, #4463e6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #05d9fe 0%, #4463e6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05d9fe', endColorstr='#4463e6',GradientType=1 );
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.new-cloud-section .nc-packages-list > li .btn-buy span {
  background-color: #fff;
  display: block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #6a707a;
  padding: 0 15px;
  min-width: 117px;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.new-cloud-section .nc-packages-list > li .btn-buy:hover span {
  background-color: transparent;
  color: #fff;
}
.new-cloud-section .nc-packages-list > li.highlight {
  padding-top: 45px;
  margin-top: -21px;
  background: #04dafe;
  /* Old browsers */
  background: -moz-linear-gradient(-325deg, #04dafe 0%, #4561e6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-325deg, #04dafe 0%, #4561e6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-145deg, #04dafe 0%, #4561e6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04dafe', endColorstr='#4561e6',GradientType=1 );
  color: #fff;
  position: relative;
}
.new-cloud-section .nc-packages-list > li.highlight:before {
  content: '';
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -15px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 14px;
  width: 23px;
  position: absolute;
  left: 50%;
  margin-left: -11.5px;
  top: 22px;
}
.new-cloud-section .nc-packages-list > li.highlight .item--type {
  border-bottom-color: transparent;
}
.new-cloud-section .nc-packages-list > li.highlight .item--price {
  background-color: rgba(0, 0, 0, 0.1);
}
.new-cloud-section .nc-packages-list > li.highlight .item--price span {
  color: #fff;
}
.new-cloud-section .nc-packages-list > li.highlight .item--price, .new-cloud-section .nc-packages-list > li.highlight .item--prop {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}
.new-cloud-section .nc-packages-list > li.highlight .item--prop li {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.new-cloud-section .nc-packages-list > li.highlight .item--prop li.icon-core:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -119px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 27px;
  width: 27px;
  position: absolute;
  left: 50%;
  margin-left: -13.5px;
}
.new-cloud-section .nc-packages-list > li.highlight .item--prop li.icon-ram:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -65px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 15px;
  width: 27px;
  position: absolute;
  left: 50%;
  margin-left: -13.5px;
}
.new-cloud-section .nc-packages-list > li.highlight .item--prop li.icon-disk:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -146px -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 29px;
  width: 22px;
  position: absolute;
  left: 50%;
  margin-left: -11px;
}
.new-cloud-section .nc-packages-list > li.highlight .btn-buy {
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding: 0;
  background: transparent !important;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.new-cloud-section .nc-packages-list > li.highlight .btn-buy:hover {
  border-color: transparent;
  background: #04dafe !important;
}
.new-cloud-section .nc-packages-list > li.highlight .btn-buy span {
  background-color: transparent;
  color: #fff;
}
.new-cloud-section .nc-cloud-prop {
  font-size: 0;
}
.new-cloud-section .nc-cloud-prop li {
  width: 30.26667%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 60px;
  font-size: 13px;
  line-height: 18px;
  color: #393e47;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.new-cloud-section .nc-cloud-prop li:nth-child(n) {
  margin-bottom: 4.6%;
  margin-right: 4.6%;
}
.new-cloud-section .nc-cloud-prop li:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 0;
}
.new-cloud-section .nc-cloud-prop li:nth-last-child(-n + 3) {
  margin-bottom: 0;
}
.new-cloud-section .nc-cloud-prop li strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.6px;
  margin-bottom: 8px;
  line-height: 120%;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.new-cloud-section .nc-cloud-prop li span {
  display: block;
  margin-left: 1px;
}
.new-cloud-section .nc-cloud-prop li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.new-cloud-section .nc-cloud-prop li:hover {
  color: #000;
}
.new-cloud-section .nc-cloud-prop li:hover:before {
  -moz-transform: scale(0.92);
  -o-transform: scale(0.92);
  -ms-transform: scale(0.92);
  -webkit-transform: scale(0.92);
  transform: scale(0.92);
}
.new-cloud-section .nc-cloud-prop li:hover strong {
  color: #3f6de8;
}
.new-cloud-section .nc-cloud-prop li.icon-ssd:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: 0 -110px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 47px;
  width: 40px;
}
.new-cloud-section .nc-cloud-prop li.icon-ddos:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -40px -110px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 48px;
  width: 40px;
}
.new-cloud-section .nc-cloud-prop li.icon-cost:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: 0 -158px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 41px;
  width: 40px;
}
.new-cloud-section .nc-cloud-prop li.icon-uptime:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -40px -158px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 43px;
  width: 44px;
}
.new-cloud-section .nc-cloud-prop li.icon-flexible:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 33px;
  width: 41px;
}
.new-cloud-section .nc-cloud-prop li.icon-backup:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -41px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 36px;
  width: 42px;
}
.new-cloud-section .nc-cloud-prop li.icon-install:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -84px -158px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 47px;
  width: 42px;
}
.new-cloud-section .nc-cloud-prop li.icon-panel:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -83px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 37px;
  width: 44px;
}
.new-cloud-section .nc-cloud-prop li.icon-technic:before {
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: -127px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 41px;
  width: 42px;
}
.new-cloud-section .nc-text {
  padding: 60px 0;
  color: #4d626a;
  background-color: #e6ecf0;
  overflow: hidden;
}
.new-cloud-section .nc-text.bg-white {
  background-color: #fff;
}
.new-cloud-section .nc-text .container {
  position: relative;
}
.new-cloud-section .nc-text h3 {
  display: inline-block;
  vertical-align: top;
  font-size: 31px;
  font-weight: 500;
  line-height: 120%;
  position: relative;
  background-image: -webkit-linear-gradient(left, #04dafe, #4561e6);
  /* For Chrome and Safari */
  background-image: -moz-linear-gradient(left, #04dafe, #4561e6);
  /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(left, #04dafe, #4561e6);
  /* For pre-releases of IE 10*/
  background-image: -o-linear-gradient(left, #04dafe, #4561e6);
  /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to right, #04dafe, #4561e6);
  /* Standard syntax; must be last */
  color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  margin-left: -1px;
}
.new-cloud-section .nc-text h3 span {
  display: block;
  padding: 0 18px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  letter-spacing: -0.4px;
  font-size: 13px;
  font-weight: 500;
  -webkit-border-radius: 3px 3px 3px 0;
  -moz-border-radius: 3px 3px 3px 0;
  border-radius: 3px 3px 3px 0;
  position: absolute;
  left: 100%;
  margin-left: -56px;
  top: -38px;
  background: #04d9fe;
  /* Old browsers */
  background: -moz-linear-gradient(-325deg, #04d9fe 0%, #4365e7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-325deg, #04d9fe 0%, #4365e7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-145deg, #04d9fe 0%, #4365e7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04d9fe', endColorstr='#4365e7',GradientType=1 );
  white-space: nowrap;
}
.new-cloud-section .nc-text h3 span:before {
  content: '';
  border: 5px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-right-color: #4463e6;
  border-bottom-color: #4463e6;
  position: absolute;
  right: 100%;
  bottom: 0;
}
.new-cloud-section .nc-text span {
  display: block;
  font-size: 18px;
  line-height: 120%;
  margin-top: 5px;
}
.new-cloud-section .nc-text ul {
  margin-top: 45px;
}
.new-cloud-section .nc-text ul li {
  margin-bottom: 26px;
  font-size: 15px;
  line-height: 120%;
  padding-left: 29px;
  position: relative;
}
.new-cloud-section .nc-text ul li:last-child {
  margin-bottom: 0;
}
.new-cloud-section .nc-text ul li:before {
  content: '';
  display: inline-block;
  background-image: url('../images/cloud-icons-sa342e5e04d.png');
  background-position: 0 -41px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 11px;
  width: 15px;
  position: absolute;
  left: 0;
  top: 4px;
}
.new-cloud-section .nc-text.text-right .container {
  padding-left: 508px;
}
.new-cloud-section .nc-text.text-right h3 {
  display: block;
}
.new-cloud-section .nc-text.text-right h3 span {
  left: auto;
  right: 0;
}
.new-cloud-section .nc-text.bg-1 .container {
  min-height: 329px;
}
.new-cloud-section .nc-text.bg-1 .container:before {
  content: '';
  background: url(../images/bg-new-cloud-text-1.png);
  width: 336px;
  height: 329px;
  position: absolute;
  right: 0;
  top: 0;
}
.new-cloud-section .nc-text.bg-2 .container {
  min-height: 369px;
}
.new-cloud-section .nc-text.bg-2 .container:before {
  content: '';
  background: url(../images/bg-new-cloud-text-2.jpg);
  width: 597px;
  height: 369px;
  position: absolute;
  left: -139px;
  top: 0;
}
.cloudbilgi {
    float: right;
    margin-top: 24px;
    color: #808284;
}
.cloudbilgi:i {
    color: red;
}

  #recaptcha_response_field{font-family: 'Ubuntu', Arial, sans-serif !important; left: 0px !important;padding: 13px !important;}
#recaptcha_challenge_image{height: 63px !important;border-radius: 3px !important;}