@font-face{ font-family:Roboto;src:url(/fonts/roboto/regular.ttf) format('truetype'); }
@font-face{ font-family:RobotoThin;src:url(/fonts/roboto/thin.ttf) format('truetype'); }
@font-face{ font-family:RobotoLight;src:url(/fonts/roboto/light.ttf) format('truetype'); }
@font-face{ font-family:RobotoBold;src:url(/fonts/roboto/bold.ttf) format('truetype'); }

@font-face{ font-family:SegoeLight;src:url('/fonts/segoe_ui/light.eot?v=3') format('embedded-opentype'),url(/fonts/segoe_ui/light.ttf?v=3) format('truetype'); }
@font-face{ font-family:SegoeLightS;src:url('/fonts/segoe_ui/s_light.eot?v=3') format('embedded-opentype'),url(/fonts/segoe_ui/s_light.ttf?v=3) format('truetype'); }
@font-face{ font-family:Segoe;src:url('/fonts/segoe_ui/regular.eot?v=3') format('embedded-opentype'),url(/fonts/segoe_ui/regular.ttf?v=3) format('truetype'); }
@font-face{ font-family:SegoeBoldS;src:url('/fonts/segoe_ui/s_bold.eot?v=3') format('embedded-opentype'),url(/fonts/segoe_ui/s_bold.ttf?v=3) format('truetype'); }
@font-face{ font-family:SegoeBold;src:url('/fonts/segoe_ui/bold.eot?v=3') format('embedded-opentype'),url(/fonts/segoe_ui/bold.ttf?v=3) format('truetype'); }
@font-face{ font-family:SegoeBlack;src:url('/fonts/segoe_ui/black.eot?v=3') format('embedded-opentype'),url(/fonts/segoe_ui/black.ttf?v=3) format('truetype'); }


html{ height:100%;margin:0px;padding:0px}
body{ height:100%;margin:0px;padding:0px;font-family:SegoeLightS,RobotoLight,Tahoma,Arial,Verdana;overflow-y:scroll; }
#map-canvas{ height:100%;margin:0px;padding:0px; }

:root .messagesLabel_FQ{ background-color:#93cf13;z-index:1; }
:root .logoIconCloud_q-._iconDark_2a svg { fill:#ffffff!important; }
:root .iconWrap_2n{ background-color:#434a4e!important;border-radius:100px; }
:root .cssLeaf_1k svg path:first-child, :root .cssLeaf_1k svg path:first-child, :root .cssLeaf_1k svg path:first-child{ fill:#93cf13!important; }

input,textarea,select,button{ color:#000000;font-size:17px;font-family:SegoeLightS,RobotoLight,Tahoma,Arial,Verdana; }
form,iframe,ul,ol{ margin:0px;padding:0px;border:0px; }
.noSel{ -moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none; }
.sel{ -moz-user-select:text;-webkit-user-select:text;-o-user-select:text;-ms-user-select:text;user-select:text; }
.fixedSizeText{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

table{ border:0px;padding:0px;margin:0px;border-collapse:collapse; }
td,th{ padding: 0px; margin: 0px; }
a{ outline:none;background-color:inherit; }
img,input,button{ outline:none;border:0px;margin:0px; }
sup{ vertical-align:top;position:relative;top:-0.5em; }
:focus{ outline:none; -o-transform:rotate(0); }
::-moz-focus-inner{ border:0px; }

.grecaptcha-badge{ opacity:0!important;display:none!important;visibility:hidden!important; }

:root input[type=text],:root input[type=password],:root input[type=tel],textarea{ padding:15px 20px;margin:0px;background:#ffffff;border:1px solid #aaaaaa;border-radius:4px;outline:0; }
:root input[type=text]:focus,:root input[type=text].focus,:root input[type=password]:focus,:root input[type=password].focus,:root input[type=tel]:focus,:root input[type=tel].focus,textarea:focus,textarea.focus{ border:1px solid #000000;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset; }
:root input[type=text]:disabled,:root input[type=text].disabled,:root input[type=password]:disabled,:root input[type=password].disabled,:root input[type=tel]:disabled,:root input[type=tel].disabled,textarea:disabled,textarea.disabled{ background-color:#efefef;opacity:0.5; }
.helpText div{ color:#a0a0a0;font-size:17px;padding:16px 0px 0px 21px;position:absolute; }
.helpText div.prefix{ color:#666666;z-index:1; }
.helpText input[type="text"],.helpText input[type="password"],textarea{ position:relative;background-color:transparent;z-index:0; }
.helpText input[type="text"]:focus,.helpText input[type="password"]:focus,textarea:focus{ background-color:rgba(255,255,255,0.5); }

.pageIn{ width:100%;margin-bottom:50px; }
.pageIn h1{ padding-top:15px;text-shadow:1px 1px 2px rgba(0,0,0,0.1); }

.hideBody{ opacity:0;transition:all 0.2s linear; }
.showBody{ animation:showBodyAnim 0.3s 1 ease-out; }
@keyframes showBodyAnim{ from { transform:translateX(40px);opacity:0; } to { transform:translateX(0px);opacity:1; } }

:root input[type=submit].smt{ width:1px;height:1px;position:absolute;left:-10000px; }

input.btn{ padding:13px 40px;background:linear-gradient(#acdd01,#7ac124);font-family:SegoeBold,RobotoBold;color:#ffffff;border-radius:7px;box-shadow:1px 1px 1px rgba(0,0,0,.5);cursor:pointer;font-size:19px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);transition:all 0.2s linear; }
input.btnRed{ padding:13px 40px;background:linear-gradient(#d60d07,#b52b2b);font-family:SegoeBold,RobotoBold;color:#ffffff;border-radius:7px;box-shadow:1px 1px 1px rgba(0,0,0,.5);cursor:pointer;font-size:19px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);transition:all 0.2s linear; }
input.btnGray{ padding:13px 40px;background:linear-gradient(#b0b0b0,#a1a1a1);font-family:SegoeBold,RobotoBold;color:#ffffff;border-radius:7px;box-shadow:1px 1px 1px rgba(0,0,0,.5);cursor:pointer;font-size:19px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);transition:all 0.2s linear; }
input.btn:hover,input.btnGray:hover,input.btnRed:hover{ box-shadow:1px 1px 1px rgba(0,0,0,.5),inset 0px 30px 50px -5px rgba(255,255,255,0.3); }
input.btn:active,input.btnGray:active,input.btnRed:active{ box-shadow:1px 1px 1px rgba(0,0,0,.5),inset 0px 30px 50px -20px rgba(0,0,0,0.25); }
input.btn:disabled,input.btnGray:disabled,input.btnRed:disabled,input.btn:disabled:hover,input.btnGray:disabled:hover,input.btnRed:disabled:hover{ box-shadow:1px 1px 1px rgba(0,0,0,.5);opacity:0.3;cursor:default; }

input.btnWhite1{ background-color:#ffffff;border:1px solid #5f5f5f;color:#000000;border-radius:4px;cursor:pointer;font-size:17px;padding:12px 50px; }
input.btnWhite1:hover{ background-color:#ffffff;animation:btnWhite1Anim 1s 1 linear; }
input.btnWhite1:active{ background-color:#222222;color:#ffffff;animation:0; }
@keyframes btnWhite1Anim{ from { background-color:#eeeeee; } to { background-color:#ffffff; }}

input.headerBtn{ font-size:15px;background-image:url(/img/btn_icon.png),linear-gradient(#acdd01,#7ac124);background-repeat:no-repeat;color:#ffffff;height:50px;padding:0px 46px 0px 22px;cursor:pointer;font-family:SegoeBold,RobotoBold;text-shadow:1px 1px 0px rgba(0,0,0,0.3);transition:all 0.2s linear; }
input.headerBtn:hover{ box-shadow:inset 0px 30px 50px -5px rgba(255,255,255,0.3); }
input.headerBtn:active{ box-shadow:inset 0px 30px 50px -20px rgba(0,0,0,0.25); }
.userLogon{ background-position:right 14px, 0% 100%; }
.createAccount{ background-position:right -55px, 0% 100%; }

input.headerBtn1{ font-family:SegoeBoldS;font-size:18px;padding:11px 27px;background:linear-gradient(rgba(172,221,1,.8),rgba(122,193,36,.8));color:#ffffff;text-shadow:1px 1px 0px rgba(0,0,0,.4);border-radius:5px;box-shadow:1px 1px 4px rgba(0,0,0,.3);cursor:pointer;transition:all 0.2s linear; }
input.headerBtn1:hover{ box-shadow:1px 1px 4px rgba(0,0,0,.3),inset 0px 30px 50px -5px rgba(255,255,255,0.3); }
input.headerBtn1:active{ box-shadow:1px 1px 4px rgba(0,0,0,.3),inset 0px 30px 50px -20px rgba(0,0,0,0.25); }

:root input[type="checkbox"], :root input[type="radio"]{ opacity:0;margin:0px;padding:0px;position:absolute; }
:root input[type="checkbox"] + label, :root input[type="radio"] + label{ background:url(/img/ctrl.png) top left no-repeat,url(/img/ctrl.png) top left no-repeat,url(/img/ctrl.png) top left no-repeat;height:19px;padding:1px 0px 0px 19px;cursor:default; }
:root input[type="checkbox"]:disabled + label, :root input[type="radio"]:disabled + label{ color:#666666; }
:root input[type="checkbox"] + label{ background-position: -3px -36px; }
:root input[type="checkbox"]:hover:enabled + label, :root input[type="checkbox"]:enabled + label:hover{ background-position: -3px -74px; }
:root input[type="checkbox"]:active:enabled + label, :root input[type="checkbox"]:enabled + label:active{ background-position: -3px -55px; }
:root input[type="checkbox"]:checked + label{ background-position: -3px 47px, -3px -112px, -3px -36px; }
:root input[type="checkbox"]:hover:checked:enabled + label, :root input[type="checkbox"]:checked:enabled + label:hover{ background-position: -3px 47px, -3px -112px, -3px -74px; }
:root input[type="checkbox"]:active:checked:enabled + label, :root input[type="checkbox"]:checked:enabled + label:active{ background-position: -3px 47px, -3px -150px, -3px -55px; }

:root input[type="radio"] + label { background-position:7px -225px;font-size:18px;padding:0px 10px 0px 32px;border-radius:2px; }
:root input[type="radio"]:focus:enabled + label, :root input[type="radio"]:enabled + label:focus { background-position: 7px -263px; }
:root input[type="radio"]:hover:enabled + label, :root input[type="radio"]:enabled + label:hover { background-position: 7px -263px; }
:root input[type="radio"]:active:enabled + label, :root input[type="radio"]:enabled + label:active { background-position: 7px -244px; }
:root input[type="radio"]:checked + label { background-position: 7px 50px, 7px -301px, 7px -225px;background-color:#f4f8e5;box-shadow:0px 0px 0px 5px #f4f8e5; }
:root input[type="radio"]:focus:checked:enabled + label, :root input[type="radio"]:checked:enabled + label:focus { background-position: 7px 50px, 7px -301px, 7px -263px; }
:root input[type="radio"]:hover:checked:enabled + label, :root input[type="radio"]:checked:enabled + label:hover { background-position: 7px 50px, 7px -301px, 7px -263px; }
:root input[type="radio"]:active:checked:enabled + label, :root input[type="radio"]:checked:enabled + label:active { background-position: 7px 50px, 7px -339px, 7px -244px; }

:root label b{ font-weight:normal;font-family:SegoeBolds; }

.anim50l{ transition:all 0.05s linear;-webkit-transition:all 0.05s linear;-moz-transition:all 0.05s linear;-o-transition:all 0.05s linear; }
.anim100{ transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out; }
.anim100l{ transition:all 0.1s linear;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear; }
.anim200{ transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out; }
.anim200l{ transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; }
.anim300{ transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.anim300l{ transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; }
.anim400{ transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out; }
.anim500{ transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out; }
.anim500l{ transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear; }
.anim700{ transition:all 0.7s ease-out;-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out; }
.anim1000{ transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out; }
.anim1000l{ transition:all 1s linear;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear; }
.anim1500{ transition:all 1.5s ease-out;-webkit-transition:all 1.5s ease-out;-moz-transition:all 1.5s ease-out;-o-transition:all 1.5s ease-out; }
.transX0{ transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px); }
.transX20{ transform:translateX(20px);-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px); }

h1{ color:#2B3844;font-family:SegoeLight;font-size:44px;margin:0px 0px 0px -2px;padding:0px;font-weight:normal; }
h2{ color:#545454;font-family:SegoeLight;font-size:27px;margin:0px;padding:0px;font-weight:normal; }
h3{ color:#000000;font-family:SegoeLight;font-size:24px;margin:0px;padding:0px;font-weight:normal; }

.showH1{ animation:showH1_kf 0.5s 1 linear; }
@keyframes showH1_kf{ from{transform:translateX(20px);} to{transform:translateX(0px);} }

div.upload{ display:inline-block;font-size:17px;padding:4px 0px 5px 20px;margin:0px;background:#ffffff;border:1px solid #aaaaaa;border-radius:4px;outline:0;background-color:#ffffff;font-family:SegoeLightS;cursor:default; }
div.upload:hover{ border:1px solid #000000;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset; }


.hMenu1{ width:974px;height:80px; }
.hMenu1 td{ width:25%;text-align:center;vertical-align:top; }
.hMenu1 a,.hMenu1 a:hover{ text-decoration:none; }
.hMenu1 .t1{ font-family:SegoeBoldS;color:#666666;font-size:14px;margin:14px 0px 2px 0px;position:relative; }
.hMenu1 .t2{ font-size:24px;font-family:SegoeLight;position:relative;color:#000000; }
.hMenu1 .i{ height:80px;overflow:hidden;position:relative; }
.hMenu1 .bg{ position:absolute;border-radius:1000px;width:10px;height:10px;background-color:#eeeeee;transition:all 0.25s ease-out;margin:35px 0px 0px 116px;transform:scale(0); }
.hMenu1 .i:hover .bg{ transform:scale(26);opacity:1; }


.mainTop{
    width:100%;
    background:#1e4877;
    background:-moz-linear-gradient(top, #1e4877 0%, #4584b4 100%);
    background:-webkit-linear-gradient(top, #1e4877 0%,#4584b4 100%);
    background:linear-gradient(to bottom, #1e4877 0%,#4584b4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e4877',endColorstr='#4584b4',GradientType=0);
    position:relative;
}
.mainTop .in{ width:100%;height:440px;background:url(/img/main/sun.png) no-repeat 5% 0%; }
.mainTT{ width:100%;font-size:0px; }
.mainTT .body{ position:absolute;z-index:1;margin-top:25px; }
.mainTT .body .text{ background-color:rgba(12,35,57,0.6);text-shadow:1px 1px 0px #2B3844;padding:8px 40px 18px 32px;border-radius:10px; }
.mainTT .body .text h1{ color:#ffffff; }
.mainTT .body .text .dc{ color:#ffffff;font-size:24px;font-family:Segoe;margin-top:2px; }

.promo1{ margin:60px 0px 57px 0px; }
.promo1 .title{ color:#444444;font-size:32px;text-align:center;font-family:SegoeLight;margin-top:55px; }
.promo1 .t1{ width:100%;background:url(/img/main/promo_bg1.png) repeat-x bottom center;height:200px;margin-top:25px; }
.promo1 .gift{ width:159px;vertical-align:top; }
.promo1 .gift img{ background-position:0px 0px;width:140px;height:157px;margin-top:20px; }
.promo1 .t2{ width:100%;text-align:right;color:#1f445a;font-family:SegoeLight; }
.promo1 .t2 td{ width:25%; }
.promo1 .t2 .i{ text-align:center;display:inline-block;font-size:20px; }
.promo1 .t2 .i>:first-child{ margin-bottom:8px; }
.promo1 img{ width:72px;height:72px;background-image:url(/img/main/promo_el.png);background-repeat:no-repeat;margin-bottom:8px; }
.promo1 .t2 .i .desc{ font-family:SegoeBoldS;font-size:16px;margin:1px 0px 5px 0px; }
.promo1_h .title{ opacity:0.4;transform:translateY(30px); }
.promo1_h .gift img{ opacity:0.4;transform:translateY(-30px) scale(0.8); }
.promo1_h .t2 .i{ opacity:0.4;transform:translateX(20px); }
.promo1 .gift.playAnim img{ animation:mainAnim_Gift linear 2s 1 forwards; } @keyframes mainAnim_Gift{ 25%{ transform:perspective(200px) rotateY(-8deg) rotateZ(2deg); }75%{ transform:perspective(200px) rotateY(8deg) rotateZ(-2deg); }100%{ transform:none; } }
.promo1 .sep{ width:100%;text-align:center;font-size:1px;height:1px; }
.promo1 .sep>div{ width:500px;height:1px;font-size:1px;background:#e1e1e1;display:inline-block; }

.promo1 .network{ background:#5c7993 url(/img/main/promo_el_2.png) no-repeat 0px 0px;width:72px;height:72px;display:inline-block;border-radius:50%;  }
.promo1 .network>div{ background:url(/img/main/promo_el_2.png) no-repeat 0px 0px;width:72px;height:72px;position:absolute; }
.promo1 .network .arrow{ background-position:-4px -377px;transform:rotateZ(0deg);transition:all 3s ease-out; }
.promo1 .network .partBG{ background-position:-1px -189px; }
.promo1_h .network .arrow{ transform:rotateZ(-158deg); }
.promo1 .backup,.promo1 .windows,.promo1 .trial{ background:#5c7993;border-radius:50%;overflow:hidden;position:relative;display:inline-block;width:72px;height:72px; }
.promo1 .backup>div,.promo1 .windows>div,.promo1 .trial>div>div{ background:url(/img/main/promo_el_2.png) no-repeat 0px 0px;position:absolute; }
.promo1 .backup .bd1{ width:43px;height:51px;background-position:0px -600px;transform:scale(.72);margin:3px 0px 0px 1px;transition:all 3s ease-out; }
.promo1_h .backup .bd1{ transform:scale(.72) translateX(-30px);opacity:0.5; }
.promo1 .backup .bd2{ width:43px;height:51px;background-position:0px -600px;margin:14px 0px 0px 22px;transition:all 3s ease-out; }
.promo1_h .backup .bd2{ transform:translateY(20px);opacity:0.8; }
.promo1 .windows .in{ width:72px;height:72px;background-position:0px -991px;transform:perspective(40px) rotateY(-23deg) scale(0.8);margin-left:-10px;transition:all 3s ease-out; }
.promo1_h .windows .in{ transform:perspective(80px) rotateY(-80deg) scale(0.6);opacity:0.7; }
.promo1 .trial .bowl1,.promo1 .trial .bowl2{ width:31px;height:37px;background-position:-2px -1398px; }
.promo1 .trial>div{ width:72px;height:72px; }
.promo1 .trial>div,.promo1 .trial>div>div{ transition:all 3s ease-out; }
.promo1 .trial .mount{ width:48px;height:22px;background-position:-2px -1198px;margin:9px 0px 0px 11px; }
.promo1 .trial .bowl1{ margin:17px 0px 0px -1px; }
.promo1 .trial .bowl2{ margin:26px 0px 0px 38px; }
.promo1_h .trial .mount{ transform:rotateZ(-24deg) translateX(1px) translateY(2px); }
.promo1_h .trial .bowl1{ transform:translateY(10px) translateX(4px); }
.promo1_h .trial .bowl2{ transform:translateY(-6px) translateX(3px); }
.promo1_h .trial>div{ transform:scale(0.8);opacity:0.8; }
.promo1 .playAnim .trial .bowl1{ animation:mainAnim_Trial_b1 linear 2s 1 forwards; } @keyframes mainAnim_Trial_b1{ 40%,60%{ transform:translateY(10px) translateX(4px); }100%{ transform:none; } }
.promo1 .playAnim .trial .bowl2{ animation:mainAnim_Trial_b2 linear 2s 1 forwards; } @keyframes mainAnim_Trial_b2{ 40%,60%{ transform:translateY(-6px) translateX(3px); }100%{ transform:none; } }
.promo1 .playAnim .trial .mount{ animation:mainAnim_Trial_m linear 2s 1 forwards; } @keyframes mainAnim_Trial_m{ 40%,60%{ transform:rotateZ(-24deg) translateX(1px) translateY(2px); }100%{ transform:none; } }
.promo1 .playAnim .windows .in{ animation:mainAnim_Windows linear 2s 1 forwards; } @keyframes mainAnim_Windows{ 50%{  transform:perspective(80px) rotateY(-300deg) scale(0.2);opacity:0.5; }100%{ transform:perspective(40px) rotateY(-23deg) scale(0.8); } }
.promo1 .playAnim .network .arrow{ animation:mainAnim_Network_a linear 2s 1 forwards; } @keyframes mainAnim_Network_a{ 50%{ transform:rotateZ(-158deg); }100%{ transform:rotateZ(0deg); } }
.promo1 .playAnim .backup .bd1{ animation:mainAnim_Backup_bd1 linear 2s 1 forwards; } @keyframes mainAnim_Backup_bd1{ 34%{ transform:translateX(-8px) translateY(5px) scale(0.88);z-index:0; }35%{ z-index:1; } 100%{ transform:translateY(11px) translateX(21px) scale(1);z-index:1; } }
.promo1 .playAnim .backup .bd2{ animation:mainAnim_Backup_bd2 linear 2s 1 forwards; } @keyframes mainAnim_Backup_bd2{ 34%{ transform:translateX(12px) translateY(-4px) scale(0.88);z-index:0; }100%{ transform:translateY(-11px) translateX(-21px) scale(0.72);z-index:0; } }



.mainRDP {
    width: 100%;
    background: url(/img/bg_1.png) repeat-x top center;
    margin: 180px 0px 110px 0px;
}
.mainRDP .l{ width:90px;height:90px;margin-top:52px;position:absolute; }
.mainRDP .dev{ position:absolute;width:350px;height:166px;background:url(/img/devices.png) no-repeat 0px 0px;margin:54px 0px 0px -104px; }
.mainRDP .t{ font-size:48px;margin:34px 0px 10px 0px;font-family:SegoeLight; }
.mainRDP .d{ font-size:30px;color:#444444;line-height:38px;font-family:SegoeLight; }
.mainRDP .dw{ font-size:22px;color:#777777;font-family:SegoeLightS;margin:30px 0px 10px 0px; }
.mainRDP_h .l{ opacity:0.4;transform:translateX(-50px); }
.mainRDP_h .dev{ opacity:0.4;transform:translateY(30px) scale(0.8); }
.mainRDP_h .t{ opacity:0.4;transform:translateX(30px); }
.mainRDP_h .d{ opacity:0.2;transform:translateX(15px); }

.sep1{ width:100%;height:15px;background:url(/img/main/sep.png) no-repeat center center;margin-top:15px; }

.mainTopText1{ text-align:center;margin:0px 20px 0px 20px; }
.mainTopText1 .t1{ font-size:32px;font-family:SegoeLight; }
.mainTopText1 .t2{ font-family:SegoeBoldS;font-size:15px;color:#666666; }

.mainConf .confBody{ border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0px 0px 6px #cccccc;padding:0px 0px 30px 40px;z-index:1;position:relative;background-color:#ffffff;position:relative; }
.mainConf .confBody>div{ padding-top:5px;position:relative; }
.mainConf .confBody>div>div{ position:relative;z-index:0;background-color:#ffffff;top:5px;width:100%; }
.mainConf img.win2016{ position:absolute;width:78px;height:92px;margin-left:868px; }
@media screen and (max-width:1060px) {
    .mainConf img.win2016{ display:none; }
}
.mainConf .tabs{ height:80px;position:relative; }
.mainConf .tabs>div{ position:absolute;box-shadow:0px 0px 6px #cccccc;border-top-left-radius:20px;border-top-right-radius:20px;font-family:SegoeBoldS;background-color:#ffffff;cursor:default; }
.mainConf .tabs .bottom{ position:absolute;width:100%;height:20px;margin:48px 0px 0px -90px;background-color:#ffffff;opacity:0; }
.mainConf .tabs .img{ position:absolute;background:url(/img/srv_params.png?v=2) no-repeat 0px -2500px;width:60px;height:80px;margin:-29px 0px 0px -66px; }
.mainConf .selTab1 .tab1{ width:360px;height:51px;padding:29px 0px 0px 90px;color:#688c00;font-size:20px;z-index:2; }
.mainConf .selTab1 .tab2{ width:340px;height:44px;padding:24px 0px 0px 110px;color:#ce7e63;font-size:18px;background-color:#f7f7f7;margin:12px 0px 0px 398px;cursor:pointer; }
.mainConf .selTab1 .tab2 .img{ background-position:0px -2750px;margin:-24px 0px 0px -74px;opacity:0.4; }
.mainConf .selTab1 .tab1 .bottom{ opacity:1; }
.mainConf .selTab2 .tab1{ width:340px;height:44px;padding:24px 0px 0px 90px;color:#a1b763;font-size:18px;background-color:#f7f7f7;cursor:pointer;margin-top:12px; }
.mainConf .selTab2 .tab1 .img{ margin-top:-24px;opacity:0.5;background-position:0px -2508px; }
.mainConf .selTab2 .tab2{ width:364px;height:51px;padding:29px 0px 0px 86px;color:#b22d00;font-size:20px;z-index:2;margin:0px 0px 0px 398px; }
.mainConf .selTab2 .tab2 .img{ background-position:0px -2750px;margin:-24px 0px 0px -74px;opacity:1;z-index:1; }
.mainConf .selTab2 .tab2 .bottom{ margin-left:-86px;opacity:1; }
.singleConf .tab2{ display:none; }
.singleConf .confBody{ border-top-right-radius:20px; }

.confBody .premDesc{ color:#333333;background:#f2f2f2 url(/img/info_80.png) no-repeat 26px 20px;position:relative;font-family:Segoe;font-size:15px;margin:20px 30px 0px -10px;border-radius:20px;padding:12px 10px 17px 130px; }
.confBody .premDesc>div{ margin-top:5px; }
.confBody .premDesc .triangle{ width:0px;height:0px;border-style: solid;border-width:20px 23px 0px 23px;border-color:#f2f2f2 transparent transparent transparent;position:absolute;margin:16px 0px 0px -88px; }

.mainScroll{ margin:25px 0px 0px -10px; }
.mainScroll .img{ width:160px;vertical-align:top; }
.mainScroll .img>div{ width:130px;height:130px;border-radius:20px;background-color:#f5f5f5; }
.mainScroll .img>div>div{ position:absolute;transition:all 0.15s linear; }
.mainScroll .img .bg,.mainScroll .ip{ background:url(/img/srv_params.png?v=2) no-repeat;z-index:1; }
.mainScroll .img .more{ background:url(/img/plus_42.png) no-repeat center center;width:42px;height:42px;position:absolute;z-index:3;margin:-10px 0px 0px 98px;border-radius:0px;opacity:0;transition:all 0.2s linear; }
.mainScroll .moreShow .more{ opacity:1; }

.mainScroll .img .cpu .i1{ margin:23px 0px 0px 30px; }
.mainScroll .img .cpu>div>div{ position:absolute;width:20px;height:20px;background-color:#eeeeee;transition:all 0.1s linear; }
.mainScroll .img .cpu .bg{ width:70px;height:81px;background-position:0px 0px;background-color:transparent; }
.mainScroll .img .cpu .core1{ margin:26px 0px 0px 19px;background-color:#0d5784; }
.mainScroll .img .cpu .core2{ margin:23px 0px 0px 40px; }
.mainScroll .img .cpu .core3{ margin:43px 0px 0px 40px; }
.mainScroll .img .cpu .core4{ margin:46px 0px 0px 19px; }
.mainScroll .img .cpu .i2{ opacity:0;z-index:1;margin:32px 0px 0px 42px; }
.mainScroll .count2 .cpu .i1 .core2,.mainScroll .count3 .cpu .i1 .core2,.mainScroll .count4 .cpu .i1 .core2,.mainScroll .count5 .cpu .i1 .core2,.mainScroll .count6 .cpu .i1 .core2,.mainScroll .count7 .cpu .i1 .core2,.mainScroll .count8 .cpu .i1 .core2{ background-color:#0d5784; }
.mainScroll .count3 .cpu .i1 .core3,.mainScroll .count4 .cpu .i1 .core3,.mainScroll .count5 .cpu .i1 .core3,.mainScroll .count6 .cpu .i1 .core3,.mainScroll .count7 .cpu .i1 .core3,.mainScroll .count8 .cpu .i1 .core3{ background-color:#0d5784; }
.mainScroll .count4 .cpu .i1 .core4,.mainScroll .count5 .cpu .i1 .core4,.mainScroll .count6 .cpu .i1 .core4,.mainScroll .count7 .cpu .i1 .core4,.mainScroll .count8 .cpu .i1 .core4{ background-color:#0d5784; }
.mainScroll .count5 .cpu .i2,.mainScroll .count6 .cpu .i2,.mainScroll .count7 .cpu .i2,.mainScroll .count8 .cpu .i2{ opacity:1; }
.mainScroll .count5 .cpu .i1,.mainScroll .count6 .cpu .i1,.mainScroll .count7 .cpu .i1,.mainScroll .count8 .cpu .i1{ opacity:0.94;margin:14px 0px 0px 18px; }
.mainScroll .count6 .cpu .i2 .core2,.mainScroll .count7 .cpu .i2 .core2,.mainScroll .count8 .cpu .i2 .core2{ background-color:#0d5784; }
.mainScroll .count7 .cpu .i2 .core3,.mainScroll .count8 .cpu .i2 .core3{ background-color:#0d5784; }
.mainScroll .count8 .cpu .i2 .core4{ background-color:#0d5784; }
.mainScroll .img .cpuRed .core1{ background-color:#b20000; }
.mainScroll .count2 .cpuRed .i1 .core2,.mainScroll .count3 .cpuRed .i1 .core2,.mainScroll .count4 .cpuRed .i1 .core2,.mainScroll .count5 .cpuRed .i1 .core2,.mainScroll .count6 .cpuRed .i1 .core2,.mainScroll .count7 .cpuRed .i1 .core2,.mainScroll .count8 .cpuRed .i1 .core2{ background-color:#b20000; }
.mainScroll .count3 .cpuRed .i1 .core3,.mainScroll .count4 .cpuRed .i1 .core3,.mainScroll .count5 .cpuRed .i1 .core3,.mainScroll .count6 .cpuRed .i1 .core3,.mainScroll .count7 .cpuRed .i1 .core3,.mainScroll .count8 .cpuRed .i1 .core3{ background-color:#b20000; }
.mainScroll .count4 .cpuRed .i1 .core4,.mainScroll .count5 .cpuRed .i1 .core4,.mainScroll .count6 .cpuRed .i1 .core4,.mainScroll .count7 .cpuRed .i1 .core4,.mainScroll .count8 .cpuRed .i1 .core4{ background-color:#b20000; }
.mainScroll .count6 .cpuRed .i2 .core2,.mainScroll .count7 .cpuRed .i2 .core2,.mainScroll .count8 .cpuRed .i2 .core2{ background-color:#b20000; }
.mainScroll .count7 .cpuRed .i2 .core3,.mainScroll .count8 .cpuRed .i2 .core3{ background-color:#b20000; }
.mainScroll .count8 .cpuRed .i2 .core4{ background-color:#b20000; }

.mainScroll .img .ram .i1{ margin:45px 0px 0px 19px; }
.mainScroll .img .ram>div>div{ position:absolute;width:16px;height:16px;background-color:#ffffff;transition:all 0.1s linear; }
.mainScroll .img .ram .bg{ width:95px;height:38px;background-position:0px -250px;background-color:transparent; }
.mainScroll .img .ram .i2{ opacity:0;z-index:1;margin:49px 0px 0px 22px; }
.mainScroll .img .ram .i3{ opacity:0;z-index:2;margin:54px 0px 0px 25px; }
.mainScroll .img .ram .i4{ opacity:0;z-index:3;margin:59px 0px 0px 28px; }
.mainScroll .img .ram .gb1{ margin:9px 0px 0px 11px;background-color:#3dcbbd; }
.mainScroll .img .ram .gb2{ margin:9px 0px 0px 29px; }
.mainScroll .img .ram .gb3{ margin:7px 0px 0px 51px; }
.mainScroll .img .ram .gb4{ margin:6px 0px 0px 68px; }
.mainScroll .count2 .ram .i1 .gb2,.mainScroll .count3 .ram .i1 .gb2,.mainScroll .count4 .ram .i1 .gb2,.mainScroll .count5 .ram .i1 .gb2,.mainScroll .count6 .ram .i1 .gb2,.mainScroll .count7 .ram .i1 .gb2,.mainScroll .count8 .ram .i1 .gb2,.mainScroll .count9 .ram .i1 .gb2,.mainScroll .count10 .ram .i1 .gb2,.mainScroll .count11 .ram .i1 .gb2,.mainScroll .count12 .ram .i1 .gb2,.mainScroll .count13 .ram .i1 .gb2,.mainScroll .count14 .ram .i1 .gb2,.mainScroll .count15 .ram .i1 .gb2,.mainScroll .count16 .ram .i1 .gb2{ background-color:#3dcbbd; }
.mainScroll .count3 .ram .i1 .gb3,.mainScroll .count4 .ram .i1 .gb3,.mainScroll .count5 .ram .i1 .gb3,.mainScroll .count6 .ram .i1 .gb3,.mainScroll .count7 .ram .i1 .gb3,.mainScroll .count8 .ram .i1 .gb3,.mainScroll .count9 .ram .i1 .gb3,.mainScroll .count10 .ram .i1 .gb3,.mainScroll .count11 .ram .i1 .gb3,.mainScroll .count12 .ram .i1 .gb3,.mainScroll .count13 .ram .i1 .gb3,.mainScroll .count14 .ram .i1 .gb3,.mainScroll .count15 .ram .i1 .gb3,.mainScroll .count16 .ram .i1 .gb3{ background-color:#3dcbbd; }
.mainScroll .count4 .ram .i1 .gb4,.mainScroll .count5 .ram .i1 .gb4,.mainScroll .count6 .ram .i1 .gb4,.mainScroll .count7 .ram .i1 .gb4,.mainScroll .count8 .ram .i1 .gb4,.mainScroll .count9 .ram .i1 .gb4,.mainScroll .count10 .ram .i1 .gb4,.mainScroll .count11 .ram .i1 .gb4,.mainScroll .count12 .ram .i1 .gb4,.mainScroll .count13 .ram .i1 .gb4,.mainScroll .count14 .ram .i1 .gb4,.mainScroll .count15 .ram .i1 .gb4,.mainScroll .count16 .ram .i1 .gb4{ background-color:#3dcbbd; }
.mainScroll .count5 .ram .i2,.mainScroll .count6 .ram .i2,.mainScroll .count7 .ram .i2,.mainScroll .count8 .ram .i2{ opacity:1; }
.mainScroll .count5 .ram .i1,.mainScroll .count6 .ram .i1,.mainScroll .count7 .ram .i1,.mainScroll .count8 .ram .i1{ opacity:0.96;margin:40px 0px 0px 15px; }
.mainScroll .count6 .ram .i2 .gb2,.mainScroll .count7 .ram .i2 .gb2,.mainScroll .count8 .ram .i2 .gb2,.mainScroll .count9 .ram .i2 .gb2,.mainScroll .count10 .ram .i2 .gb2,.mainScroll .count11 .ram .i2 .gb2,.mainScroll .count12 .ram .i2 .gb2,.mainScroll .count13 .ram .i2 .gb2,.mainScroll .count14 .ram .i2 .gb2,.mainScroll .count15 .ram .i2 .gb2,.mainScroll .count16 .ram .i2 .gb2{ background-color:#3dcbbd; }
.mainScroll .count7 .ram .i2 .gb3,.mainScroll .count8 .ram .i2 .gb3,.mainScroll .count9 .ram .i2 .gb3,.mainScroll .count10 .ram .i2 .gb3,.mainScroll .count11 .ram .i2 .gb3,.mainScroll .count12 .ram .i2 .gb3,.mainScroll .count13 .ram .i2 .gb3,.mainScroll .count14 .ram .i2 .gb3,.mainScroll .count15 .ram .i2 .gb3,.mainScroll .count16 .ram .i2 .gb3{ background-color:#3dcbbd; }
.mainScroll .count8 .ram .i2 .gb4,.mainScroll .count9 .ram .i2 .gb4,.mainScroll .count10 .ram .i2 .gb4,.mainScroll .count11 .ram .i2 .gb4,.mainScroll .count12 .ram .i2 .gb4,.mainScroll .count13 .ram .i2 .gb4,.mainScroll .count14 .ram .i2 .gb4,.mainScroll .count15 .ram .i2 .gb4,.mainScroll .count16 .ram .i2 .gb4{ background-color:#3dcbbd; }
.mainScroll .count9 .ram .i3,.mainScroll .count10 .ram .i3,.mainScroll .count11 .ram .i3,.mainScroll .count12 .ram .i3{ opacity:1; }
.mainScroll .count9 .ram .i2,.mainScroll .count10 .ram .i2,.mainScroll .count11 .ram .i2,.mainScroll .count12 .ram .i2{ opacity:0.96;margin:45px 0px 0px 18px; }
.mainScroll .count9 .ram .i1,.mainScroll .count10 .ram .i1,.mainScroll .count11 .ram .i1,.mainScroll .count12 .ram .i1{ opacity:0.93;margin:36px 0px 0px 11px; }
.mainScroll .count10 .ram .i3 .gb2,.mainScroll .count11 .ram .i3 .gb2,.mainScroll .count12 .ram .i3 .gb2,.mainScroll .count13 .ram .i3 .gb2,.mainScroll .count14 .ram .i3 .gb2,.mainScroll .count15 .ram .i3 .gb2,.mainScroll .count16 .ram .i3 .gb2{ background-color:#3dcbbd; }
.mainScroll .count11 .ram .i3 .gb3,.mainScroll .count12 .ram .i3 .gb3,.mainScroll .count13 .ram .i3 .gb3,.mainScroll .count14 .ram .i3 .gb3,.mainScroll .count15 .ram .i3 .gb3,.mainScroll .count16 .ram .i3 .gb3{ background-color:#3dcbbd; }
.mainScroll .count12 .ram .i3 .gb4,.mainScroll .count13 .ram .i3 .gb4,.mainScroll .count14 .ram .i3 .gb4,.mainScroll .count15 .ram .i3 .gb4,.mainScroll .count16 .ram .i3 .gb4{ background-color:#3dcbbd; }
.mainScroll .count13 .ram .i4,.mainScroll .count14 .ram .i4,.mainScroll .count15 .ram .i4,.mainScroll .count16 .ram .i4{ opacity:1; }
.mainScroll .count13 .ram .i3,.mainScroll .count14 .ram .i3,.mainScroll .count15 .ram .i3,.mainScroll .count16 .ram .i3{ opacity:0.96;margin:50px 0px 0px 21px; }
.mainScroll .count13 .ram .i2,.mainScroll .count14 .ram .i2,.mainScroll .count15 .ram .i2,.mainScroll .count16 .ram .i2{ opacity:0.93;margin:41px 0px 0px 14px; }
.mainScroll .count13 .ram .i1,.mainScroll .count14 .ram .i1,.mainScroll .count15 .ram .i1,.mainScroll .count16 .ram .i1{ opacity:0.91;margin:32px 0px 0px 7px; }
.mainScroll .count14 .ram .i4 .gb2,.mainScroll .count15 .ram .i4 .gb2,.mainScroll .count16 .ram .i4 .gb2{ background-color:#3dcbbd; }
.mainScroll .count15 .ram .i4 .gb3,.mainScroll .count16 .ram .i4 .gb3{ background-color:#3dcbbd; }
.mainScroll .count16 .ram .i4 .gb4{ background-color:#3dcbbd; }
.mainScroll .img .ramRed .gb1{ background-color:#e2b425; }
.mainScroll .count2 .ramRed .i1 .gb2,.mainScroll .count3 .ramRed .i1 .gb2,.mainScroll .count4 .ramRed .i1 .gb2,.mainScroll .count5 .ramRed .i1 .gb2,.mainScroll .count6 .ramRed .i1 .gb2,.mainScroll .count7 .ramRed .i1 .gb2,.mainScroll .count8 .ramRed .i1 .gb2,.mainScroll .count9 .ramRed .i1 .gb2,.mainScroll .count10 .ramRed .i1 .gb2,.mainScroll .count11 .ramRed .i1 .gb2,.mainScroll .count12 .ramRed .i1 .gb2,.mainScroll .count13 .ramRed .i1 .gb2,.mainScroll .count14 .ramRed .i1 .gb2,.mainScroll .count15 .ramRed .i1 .gb2,.mainScroll .count16 .ramRed .i1 .gb2{ background-color:#e2b425; }
.mainScroll .count3 .ramRed .i1 .gb3,.mainScroll .count4 .ramRed .i1 .gb3,.mainScroll .count5 .ramRed .i1 .gb3,.mainScroll .count6 .ramRed .i1 .gb3,.mainScroll .count7 .ramRed .i1 .gb3,.mainScroll .count8 .ramRed .i1 .gb3,.mainScroll .count9 .ramRed .i1 .gb3,.mainScroll .count10 .ramRed .i1 .gb3,.mainScroll .count11 .ramRed .i1 .gb3,.mainScroll .count12 .ramRed .i1 .gb3,.mainScroll .count13 .ramRed .i1 .gb3,.mainScroll .count14 .ramRed .i1 .gb3,.mainScroll .count15 .ramRed .i1 .gb3,.mainScroll .count16 .ramRed .i1 .gb3{ background-color:#e2b425; }
.mainScroll .count4 .ramRed .i1 .gb4,.mainScroll .count5 .ramRed .i1 .gb4,.mainScroll .count6 .ramRed .i1 .gb4,.mainScroll .count7 .ramRed .i1 .gb4,.mainScroll .count8 .ramRed .i1 .gb4,.mainScroll .count9 .ramRed .i1 .gb4,.mainScroll .count10 .ramRed .i1 .gb4,.mainScroll .count11 .ramRed .i1 .gb4,.mainScroll .count12 .ramRed .i1 .gb4,.mainScroll .count13 .ramRed .i1 .gb4,.mainScroll .count14 .ramRed .i1 .gb4,.mainScroll .count15 .ramRed .i1 .gb4,.mainScroll .count16 .ramRed .i1 .gb4{ background-color:#e2b425; }
.mainScroll .count6 .ramRed .i2 .gb2,.mainScroll .count7 .ramRed .i2 .gb2,.mainScroll .count8 .ramRed .i2 .gb2,.mainScroll .count9 .ramRed .i2 .gb2,.mainScroll .count10 .ramRed .i2 .gb2,.mainScroll .count11 .ramRed .i2 .gb2,.mainScroll .count12 .ramRed .i2 .gb2,.mainScroll .count13 .ramRed .i2 .gb2,.mainScroll .count14 .ramRed .i2 .gb2,.mainScroll .count15 .ramRed .i2 .gb2,.mainScroll .count16 .ramRed .i2 .gb2{ background-color:#e2b425; }
.mainScroll .count7 .ramRed .i2 .gb3,.mainScroll .count8 .ramRed .i2 .gb3,.mainScroll .count9 .ramRed .i2 .gb3,.mainScroll .count10 .ramRed .i2 .gb3,.mainScroll .count11 .ramRed .i2 .gb3,.mainScroll .count12 .ramRed .i2 .gb3,.mainScroll .count13 .ramRed .i2 .gb3,.mainScroll .count14 .ramRed .i2 .gb3,.mainScroll .count15 .ramRed .i2 .gb3,.mainScroll .count16 .ramRed .i2 .gb3{ background-color:#e2b425; }
.mainScroll .count8 .ramRed .i2 .gb4,.mainScroll .count9 .ramRed .i2 .gb4,.mainScroll .count10 .ramRed .i2 .gb4,.mainScroll .count11 .ramRed .i2 .gb4,.mainScroll .count12 .ramRed .i2 .gb4,.mainScroll .count13 .ramRed .i2 .gb4,.mainScroll .count14 .ramRed .i2 .gb4,.mainScroll .count15 .ramRed .i2 .gb4,.mainScroll .count16 .ramRed .i2 .gb4{ background-color:#e2b425; }
.mainScroll .count10 .ramRed .i3 .gb2,.mainScroll .count11 .ramRed .i3 .gb2,.mainScroll .count12 .ramRed .i3 .gb2,.mainScroll .count13 .ramRed .i3 .gb2,.mainScroll .count14 .ramRed .i3 .gb2,.mainScroll .count15 .ramRed .i3 .gb2,.mainScroll .count16 .ramRed .i3 .gb2{ background-color:#e2b425; }
.mainScroll .count11 .ramRed .i3 .gb3,.mainScroll .count12 .ramRed .i3 .gb3,.mainScroll .count13 .ramRed .i3 .gb3,.mainScroll .count14 .ramRed .i3 .gb3,.mainScroll .count15 .ramRed .i3 .gb3,.mainScroll .count16 .ramRed .i3 .gb3{ background-color:#e2b425; }
.mainScroll .count12 .ramRed .i3 .gb4,.mainScroll .count13 .ramRed .i3 .gb4,.mainScroll .count14 .ramRed .i3 .gb4,.mainScroll .count15 .ramRed .i3 .gb4,.mainScroll .count16 .ramRed .i3 .gb4{ background-color:#e2b425; }
.mainScroll .count14 .ramRed .i4 .gb2,.mainScroll .count15 .ramRed .i4 .gb2,.mainScroll .count16 .ramRed .i4 .gb2{ background-color:#e2b425; }
.mainScroll .count15 .ramRed .i4 .gb3,.mainScroll .count16 .ramRed .i4 .gb3{ background-color:#e2b425; }
.mainScroll .count16 .ramRed .i4 .gb4{ background-color:#e2b425; }

.mainScroll .img .drive1 .i1{ margin:30px 0px 0px 10px; }
.mainScroll .img .drive1>div>div{ position:absolute;width:16px;height:16px;background-color:#ffffff;transition:all 0.1s linear; }
.mainScroll .img .drive1 .bg{ width:111px;height:69px;background-position:0px -500px;background-color:transparent; }
.mainScroll .img .drive1 .i2{ opacity:0;z-index:1;margin:21px 0px 0px 10px; }
.mainScroll .img .drive1 .i3{ opacity:0;z-index:2;margin:12px 0px 0px 10px; }
.mainScroll .img .drive1 .blank{ transform:rotateZ(-30deg) skewX(30deg) translate(15px,20px);background-color:#ffffff;width:42px;height:56px; }
.mainScroll .img .drive1 .fill{ transform:rotateZ(-30deg) skewX(30deg) translate(-8px,17px);background-color:#0baadf;width:42px;height:7px; }
.mainScroll .count20 .drive1 .fill{ height:12px;margin-left:2px; }
.mainScroll .count30 .drive1 .fill{ height:18px;margin:-2px 0px 0px 5px; }
.mainScroll .count40 .drive1 .fill{ height:24px;margin:-4px 0px 0px 8px; }
.mainScroll .count50 .drive1 .fill{ height:30px;margin:-6px 0px 0px 11px; }
.mainScroll .count60 .drive1 .fill{ height:36px;margin:-7px 0px 0px 13px; }
.mainScroll .count70 .drive1 .fill{ height:42px;margin:-8px 0px 0px 14px; }
.mainScroll .count80 .drive1 .fill{ height:48px;margin:-10px 0px 0px 17px; }
.mainScroll .count90 .drive1 .fill{ height:54px;margin:-12px 0px 0px 20px; }
.mainScroll .count100 .drive1 .fill,.mainScroll .drives_2 .drive1 .i1 .fill,.mainScroll .drives_3 .drive1 .i1 .fill,.mainScroll .drives_3 .drive1 .i2 .fill{ height:60px;margin:-13px 0px 0px 22px; }
.mainScroll .drives_1 .drive1 .i2 .fill,.mainScroll .drives_1 .drive2 .i3 .fill,.mainScroll .drives_2 .drive1 .i3 .fill{ height:7px;margin:0px; }
.mainScroll .drives_2 .drive1 .i2{ opacity:1; }
.mainScroll .drives_2 .drive1 .i1{ margin-top:39px; }
.mainScroll .drives_3 .drive1 .i3{ opacity:1; }
.mainScroll .drives_3 .drive1 .i2{ opacity:1;margin-top:30px; }
.mainScroll .drives_3 .drive1 .i1{ margin-top:48px; }

.mainScroll .ip{ background-position:41px -720px; }
.mainScroll .ddos{ background-position:0px -1000px; }

.mainScroll .slider{ padding-right:24px;vertical-align:top; }
.mainScroll .n{ font-size:23px;font-family:SegoeLight;margin-top:4px; }
.mainScroll .nc{ font-size:16px;font-family:SegoeLightS;margin-bottom:12px; }
.mainScroll .nc span{ font-size:8px; }
.mainScroll .nc>b{ font-weight:normal;font-family:SegoeBoldS; }
.mainScroll .t{ font-size:60px;font-family:SegoeLight; }
.mainScroll .t{ vertical-align:top; }
.mainScroll .t div{ margin-top:41px; }
.mainScroll .t span{ font-size:28px;margin-left:6px; }
.mainScroll .selSSD .hdd, .mainScroll .selHDD .ssd{ cursor:pointer;color:#777777;border-bottom:dashed 1px #ffffff;transition:all 0.2s linear; }
.mainScroll .selSSD .hdd:hover, .mainScroll .selHDD .ssd:hover{ color:#000000;border-bottom:dashed 1px #infinite; }
.mainScroll .selSSD .ssd, .mainScroll .selHDD .hdd{ border-bottom:dashed 1px #000000;transition:all 0.2s linear;text-shadow:0px 0px 1px #000000; }
.mainScroll .selSSD .sep, .mainScroll .selHDD .sep{ font-size:20px;color:#666666; }
.mainScroll .t .more{ font-size:14px;margin:-5px 0px 0px 2px;position:absolute;font-family:Segoe;opacity:0;transform:translateY(-5px);visibility:hidden;animation:moreResourcesHide linear 0.2s 1 forwards; }
.mainScroll .t .moreShow{ animation:moreResourcesShow linear 0.2s 1 forwards; }
@keyframes moreResourcesShow{ 0%{opacity:0;visibility:visible;}100%{opacity:1;transform:translateY(0px);visibility:visible;} }
@keyframes moreResourcesHide{ 0%{opacity:1;transform:translateY(0px);visibility:visible;}100%{opacity:0;transform:translateY(-5px);visibility:hidden;} }

.mainVRAM{ border-radius:20px;background:#f2f2f2 url(/img/srv_params.png?v=2) no-repeat -54px -1782px;margin:20px 30px 0px -10px;padding:16px 0px 18px 124px; }
.mainDDoS{ border-radius:20px;background:#f2f2f2 url(/img/srv_params.png?v=2) no-repeat 33px -979px;margin:20px 30px 0px -10px;padding:16px 0px 18px 124px; }
.mainDDoS .desc { width:550px;font-size:15px;margin-top:10px;font-family:SegoeLightS; }
.mainDDoS .desc b{ font-weight:normal;font-family:SegoeBoldS; }

.mainOS{ border-radius:20px;background:#f2f2f2 url(/img/srv_params.png?v=2) no-repeat 40px -3280px;margin:20px 30px 0px -10px;padding:16px 0px 18px 124px; }


.scroll{ position:relative;cursor:pointer;width:100%;height:24px; }
.scroll .line{ background-color:#ffffff;box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1);border-radius:4px;height:26px;position:absolute;margin-top:12px;width:100%;border:solid 1px #cccccc;transition:all 0.2s linear; }
.scroll .line:hover,.scroll .line:active{ border-color:#b0b0b0; }
.scroll .line .steps{ padding-left:2px; }
.scroll .line .steps .i{ height:18px;margin:4px 1px 0px 1px;border-radius:3px;background-color:#eeeeee;display:inline-block; }
.scroll .line .steps .i div{ height:19px;background:linear-gradient(#acdd01,#7ac124);box-shadow:0px 1px 0px #60961d,1px 0px 0px #81ad0c;border-radius:3px;margin-top:-1px;transition:all 0.1s linear;opacity:0; }
.scroll .line .steps .sel div{ opacity:1; }
.scroll .pointer{ background:url(/img/scroll/pointer_bg_2.png) no-repeat center center;width:22px;height:52px;position:absolute; }

.moreResources{ font-family:Segoe;font-size:16px;padding-left:156px;margin:0px -10px 0px -25px;background:url(/img/more_resources.png) no-repeat 0px 0px; }
.moreResources b{ font-family:SegoeBoldS;font-weight:normal; }
.moreResources b.r{ color:#9a2121; }
.moreResources span{ font-size:8px; }
.moreResources a{ font-family:SegoeBoldS; }

.check1{ font-family:Segoe;font-size:20px;cursor:pointer;position:relative; }
.check1 .cb{ width:24px;height:24px;border:2px solid #666666;border-radius:5px;margin-right:12px; }
.check1 .cb .in{ width:28px;height:29px;background:url(/img/check1.png) no-repeat;position:absolute;margin:-8px 0px 0px 3px; }
.check1 .cb .no{ opacity:0;transform:scale(0) translateY(12px) translateX(-12px); }
.check1:hover .cb{ border:2px solid #3e84b3; }


a{ color:#27485a;text-decoration:none; }
a:hover{ text-decoration:underline; }

.theme{ color:#799d00; }

.gray1{ color:#666666; }
.gray1 a{ color:#666666;text-decoration:none; }
.gray1 a:hover{ text-decoration:underline; }

.gray2{ color:#444444; }
.gray2 a{ color:#444444;text-decoration:none; }
.gray2 a:hover{ text-decoration:underline; }

.gray3{ color:#888888; }

.gray4{ color:#535353; }
.gray4 a{ color:#535353;text-decoration:none; }
.gray4 a:hover{ text-decoration:underline; }

.white{ color:#ffffff; }
.white a{ color:#ffffff;text-decoration:none; }
.white a:hover{ text-decoration:underline; }

.black{ color:#000000; }
.black a{ color:#000000;text-decoration:none; }
.black a:hover{ text-decoration:underline; }

.red{ color:#b20000; }
.red2{ color:#8c0000; }
.red3{ color:#6f0000 }
.green{ color:#487913; }
.green2{ color:#3d6510; }
.yellow{ color:#7d6a00; }
.yellow2{ color:#663300; }
.blue{ color:#0085bf; }

a.underline{ text-decoration:underline; }
a.underline:hover{ text-decoration:none; }

.mainPriceT{ font-family:SegoeLight;font-size:46px;margin:25px 0px 20px 0px; }
.mainPrice td{ vertical-align:top; }
.mainPrice .trial1{ background:url(/img/gift_blue_60.png) no-repeat 0px 0px;font-size:16px;padding-left:76px;margin:-10px 0px 0px 55px;position:absolute;font-family:Segoe; }
.mainPrice .trial1 .title{ font-family:SegoeBold;color:#0085bf;font-size:17px;margin:4px 0px 2px 0px; }
.mainPrice .trial2{ background:url(/img/gift_blue_60.png) no-repeat 0px -200px;font-size:16px;padding-left:76px;margin:-10px 0px 0px 55px;color:#666666;position:absolute;font-family:Segoe;opacity:0; }
.mainPrice .trial2 .title{ font-family:SegoeBold;font-size:17px;margin:4px 0px 2px 0px; }

.payWays, .payWays_h{ width:802px;display:inline-block; }
.payWays div{ width:116px;height:76px;position:absolute;background:url(/img/pay_ways.png?v=3) no-repeat,linear-gradient(#fafafa,#f3f3f3);box-shadow:0px 0px 3px 1px rgba(187,187,187,.5);border-radius:6px;transform:perspective(1px) scale(.862);transition:all 1s ease-out; }
.payWays_fix div{ transition:all 0.2s ease-out; }
.payWays_h div{ opacity:0.2;margin:-10px 0px 0px 343px;width:116px;height:76px;position:absolute;background:url(/img/pay_ways.png?v=3) no-repeat,linear-gradient(#fafafa,#f3f3f3);box-shadow:0px 0px 3px 0px rgba(187,187,187,.5);border-radius:6px;transform:perspective(1px) scale(.862); }
.payWays div:hover, .payWays_h div:hover{ transform:perspective(1px) scale(1); }
.payWays .d1{ margin:0px 0px 0px 78px; }
.payWays .d2{ margin:9px 0px 0px 212px; }
.payWays .d3{ margin:17px 0px 0px 346px; }
.payWays .d4{ margin:21px 0px 0px 343px; }
.payWays .d5{ margin:17px 0px 0px 460px; }
.payWays .d6{ margin:9px 0px 0px 480px; }
.payWays .d7{ margin:0px 0px 0px 614px; }

.hideUp{ opacity:0.5;transform:translateY(30px) scale(0.8); }

.mainOption{ font-family:SegoeLights;font-size:14px;margin-top:25px; }
.mainOption .t{ font-family:Segoe;padding:3px 12px 3px 110px;font-size:18px;color:#000000;background:linear-gradient(#f3f3f3,#ffffff);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:2px solid #92cf13;display:inline-block; }
.mainOption .b{ padding:8px 0px 5px 110px;background-image:url(/img/options.png?v=3);background-repeat:no-repeat;border-bottom-left-radius:4px; }
.mainOption .b div{ margin:0px 30px 5px 0px; }
.mainOption:hover .b{ background-color:#f5f5f5; }
.mainOption_o1{ background-position:20px 12px; } .mainOption_h_o1{ background-position:0px 12px; }
.mainOption_o2{ background-position:16px -288px; } .mainOption_h_o2{ background-position:0px -288px; }
.mainOption_o3{ background-position:17px -588px; } .mainOption_h_o3{ background-position:0px -588px; }
.mainOption_o4{ background-position:15px -888px; } .mainOption_h_o4{ background-position:0px -888px; }
.mainOption_o5{ background-position:20px -1188px; } .mainOption_h_o5{ background-position:0px -1188px; }
.mainOption_o6{ background-position:15px -1488px; } .mainOption_h_o6{ background-position:0px -1488px; }
.mainOption_o7{ background-position:20px -1788px; } .mainOption_h_o7{ background-position:0px -1788px; }
.mainOption_o8{ background-position:10px -2088px; } .mainOption_h_o8{ background-position:0px -2088px; }
.mainOption_o9{ background-position:15px -2388px; } .mainOption_h_o9{ background-position:0px -2388px; }
.mainOption_o10{ background-position:19px -2688px; } .mainOption_h_o10{ background-position:0px -2688px; }


td.bottom{ background:#f5f5f5 url(/img/main/bottom_shadow.png) repeat-x top center;height:270px;vertical-align:top;z-index:1;position:relative; }
table.bottom{ font-size:16px;font-family:Segoe;color:#444444;margin-top:7px; }
table.bottom td{ vertical-align:top; }
table.bottom a{ color:#444444;transition:all 0.2s linear; }
table.bottom a:hover{ color:#1f445a;text-shadow:0px 0px 1px rgba(31,68,90,0.4);text-decoration:none; }
table.bottom .b{ margin:72px 0px 0px 40px; }

.blockTitle{ text-align:center;color:#444444;font-family:SegoeBoldS;background:url(/img/separator_1.png) center center repeat-x; }
.blockTitle>div{ display:inline-block;background-color:#ffffff;padding:0px 15px 0px 15px; }
.blockTitle a{ color:#444444; }
.leftTitle{ text-align:left;color:#444444;font-family:SegoeBoldS;background:url(/img/separator_1.png) center center repeat-x; }
.leftTitle div{ display:inline-block;background-color:#ffffff;padding-right:15px; }


.switch .s .el{ width:72px;background-color:#ffffff;border-radius:18px;padding:2px 0px 1px 2px;cursor:pointer;border:1px solid #cccccc;overflow:hidden;box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1); }
.switch .s .el:hover{ border-color:#b0b0b0; }
.switch .s .el>div{ height:33px;width:33px;background-image:url(/img/check2.png);background-repeat:no-repeat; }
.switch .s .off{ background-position:0px -100px;opacity:1; }
.switch .s .on{ background-position:0px 0px;opacity:0;position:absolute; }
.switch_on .s .off{ margin-left:38px;opacity:0; }
.switch_on .s .on{ margin-left:38px;opacity:1; }
.switch .t{ vertical-align:top; }
.switch .t div{ position:absolute;margin:5px 0px 0px 10px;font-family:SegoeBoldS;font-size:17px; }
.switch .t .off{ color:#9A2121;opacity:1; }
.switch .t .on{ color:#698C00;opacity:0; }
.switch_on .t .off{ color:#9A2121;opacity:0; }
.switch_on .t .on{ color:#698C00;opacity:1; }


.opacity0{ opacity:0;filter:alpha(opacity=0); }
.opacity10{ opacity:0.1;filter:alpha(opacity=10); }
.opacity20{ opacity:0.2;filter:alpha(opacity=20); }
.opacity30{ opacity:0.3;filter:alpha(opacity=30); }
.opacity40{ opacity:0.4;filter:alpha(opacity=40); }
.opacity50{ opacity:0.5;filter:alpha(opacity=50); }
.opacity60{ opacity:0.6;filter:alpha(opacity=60); }
.opacity70{ opacity:0.7;filter:alpha(opacity=70); }
.opacity80{ opacity:0.8;filter:alpha(opacity=80); }
.opacity90{ opacity:0.9;filter:alpha(opacity=90); }
.opacity95{ opacity:0.95;filter:alpha(opacity=95); }
.opacity100{ opacity:1;filter:alpha(opacity=100); }
.opacity20to40{ opacity:0.2;filter:alpha(opacity=20); }
.opacity20to40:hover{ opacity:0.4;filter:alpha(opacity=40); }
.opacity30to50{ opacity:0.3;filter:alpha(opacity=30); }
.opacity30to50:hover{ opacity:0.5;filter:alpha(opacity=50); }
.opacity30to60{ opacity:0.3;filter:alpha(opacity=30); }
.opacity30to60:hover{ opacity:0.6;filter:alpha(opacity=60); }
.opacity40to60{ opacity:0.4;filter:alpha(opacity=40); }
.opacity40to60:hover{ opacity:0.6;filter:alpha(opacity=60); }
.opacity50to80{ opacity:0.5;filter:alpha(opacity=50); }
.opacity50to80:hover{ opacity:0.8;filter:alpha(opacity=80); }
.opacity60to90{ opacity:0.6;filter:alpha(opacity=60); }
.opacity60to90:hover{ opacity:0.9;filter:alpha(opacity=90); }
.opacity60to100{ opacity:0.6;filter:alpha(opacity=60); }
.opacity60to100:hover{ opacity:1;filter:alpha(opacity=100); }
.opacity70to100{ opacity:0.7;filter:alpha(opacity=70); }
.opacity70to100:hover{ opacity:1;filter:alpha(opacity=100); }
.opacity80to100{ opacity:0.7;filter:alpha(opacity=80); }
.opacity80to100:hover{ opacity:1;filter:alpha(opacity=100); }

.window_lock{ width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:#000000; }
.window{ width:100%;height:100%;position:fixed;top:0px;left:0px; }
.window .c{ width:100%;height:100%;position:relative; }
.window .main{ width:100%;background-color:#ffffff;border-radius:10px;-moz-box-shadow:10px 10px 40px rgba(0,0,0,.3);-webkit-box-shadow:10px 10px 40px rgba(0,0,0,.3);box-shadow:10px 10px 40px rgba(0,0,0,.3);position:relative; }
.window .close{ position:absolute;width:100%;text-align:right;z-index:1; }
.window .close .close_in{ width:51px;height:51px;margin:10px 10px 0px 0px;display:inline-block;position:relative;border-radius:5px; }
.window .close .close_in:hover{ background-color:#e1e1e1;background-color:rgba(0,0,0,0.08); }
.window .close img{ width:27px;height:27px;display:block;padding:12px; }
.window .close .close_in:hover img{ width:21px;height:21px;padding:15px; }
.window .title{ font-family:SegoeLight;font-size:40px;color:#404A48;margin:0px 3px 0px 3px;top:3px;position:relative;background:url(/img/msg_type.png) no-repeat 8px 8px,linear-gradient(#e3e3e4,#ffffff);border-radius:8px;min-height:100px; }
.window .title div{ padding:10px 80px 0px 80px;text-align:center; }
.window .error{ background-position:8px -742px, 0px 0px;color:#751313; }
.window .warning{ background-position:8px -492px, 0px 0px;color:#84732d; }
.window .question{ background-position:8px -242px, 0px 0px; }
.window .bottom{ border-top:1px solid #cccccc;background-color:#f5f5f5;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:19px 0px 20px 0px;text-align:center;font-size:14pt; }
.window .bottomBtn{ background:linear-gradient(#ffffff,#e3e4e4);margin:0px 3px 0px 3px;border-radius:8px;padding:40px 0px 10px 0px;text-align:right; }
.window .bottomBtn input{ margin-right:10px; }
.window .show{ transform:translateY(-20px) scale(0.8); }
.window .hide{ transform:translateY(10px) scale(1.1); }
.window .dlg, input.minBtn{ box-shadow:1px 1px 1px rgba(0,0,0,.3);padding:12px 33px;font-size:17px;border-radius:5px; }
.window .dlg:hover, input.minBtn:hover{ box-shadow:1px 1px 1px rgba(0,0,0,.3),inset 0px 30px 50px -5px rgba(255,255,255,0.3); }
.window .dlg:active, input.minBtn:active{ box-shadow:1px 1px 1px rgba(0,0,0,.3),inset 0px 30px 50px -20px rgba(0,0,0,0.25); }


.mbBody{ margin:15px 40px 15px 50px;font-family:SegoeLightS;font-size:18px; }
.mbBody div,.mbBody li{ margin-bottom:5px; }
.mbBody div b{ font-weight:normal;font-family:SegoeBoldS; }

div.tt_result{ font-size:15px;font-family:Segoe,Roboto,Tahoma;white-space:nowrap;padding:6px 15px 7px 15px;border-radius:3px;text-align:left;margin-top:-36px;opacity:0;position:absolute;transform:translateY(-5px);box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }
div.tt_w{ background-color:#efefef;background-color:rgba(240,240,240,0.95);color:#000000;color:rgba(0,0,0,0.95); }
div.tt_b{ background-color:#333333;background-color:rgba(51,51,51,0.9);color:#ffffff;color:rgba(240,240,240,0.9); }
div.ttAU{ display:inline-block;width:0px;height:0px;border-style:solid;border-width:0 6px 4px 6px;position:absolute; }
div.ttAU_w{ border-color:transparent transparent #dddddd transparent;border-color:transparent transparent rgba(221,221,221,0.95) transparent; }
div.ttAU_b{ border-color:transparent transparent #333333 transparent;border-color:transparent transparent rgba(51,51,51,0.9) transparent;}
div.ttAD{ display:inline-block;width:0px;height:0px;border-style:solid;border-width:4px 6px 0 6px;position:absolute;margin-top:27px; }
div.ttAD_w{ border-color:#dddddd transparent transparent transparent;border-color:rgba(221,221,221,0.95) transparent transparent transparent; }
div.ttAD_b{ border-color:#474747 transparent transparent transparent;border-color:rgba(51,51,51,0.9) transparent transparent transparent; }


.fieldTitle{ margin-left:3px;font-size:15px;font-family:SegoeBoldS;color:#666666; }

.h_account{ height:50px;display:inline-block;color:#ffffff;text-align:left;position:relative; }
.h_account .btn{ height:35px;background:url(/img/a_menu.png?v=2) no-repeat 12px 9px,url(/img/a_menu.png?v=2) no-repeat right -78px,linear-gradient(#acdd01,#7ac124);font-family:SegoeBold,RobotoBold;text-shadow:1px 1px 0px rgba(0,0,0,0.3);color:#ffffff;font-size:15px;padding:15px 45px 0px 55px;position:relative;z-index:3;cursor:pointer; }
.h_account .btn:hover{ box-shadow:inset 0px 30px 50px -5px rgba(255,255,255,0.3); }
.h_account .btn:active{ box-shadow:inset 0px 30px 50px -20px rgba(0,0,0,0.25); }
.h_account .m{ position:absolute;font-size:16px;font-family:SegoeBolds;width:100%;z-index:2;opacity:0;margin-top:20px;background-color:#252525;background-color:rgba(38,43,45,.96);border-radius:6px;box-shadow:2px 2px 7px rgba(0,0,0,0.3); }
.h_account .m div{ padding:14px 0px 0px 62px;height:36px;transition:all 0.2s linear;background-image:url(/img/a_menu.png?v=2);background-repeat:no-repeat;text-shadow:1px 1px 0px rgba(0,0,0,0.3);position:relative; }
.h_account .m .triangle{ position:absolute;padding:0px;margin:-7px 0px 0px 0px;text-align:center;width:100%;font-size:1px; }
.h_account .m .triangle .c{ width:16px; }
.h_account .m .triangle .c div{ width:0px;height:0px;padding:0px;border-style:solid;border-width: 0 8px 7px 8px;border-color:transparent transparent rgba(38,43,45,.96) transparent;background:none; }
.h_account .m .l{ position:absolute;width:50px;height:100%;background:rgba(255,255,255,0.04);padding:0px; }
.h_account .m div:hover{ padding-left:66px; }
.h_account .m div:hover .sel{ opacity:0.9; }
.h_account .m a{ color:#ffffff;text-decoration:none;position:relative; }
.h_account .m .srv{ background-position:15px -184px; }
.h_account .m .dmn{ background-position:15px -284px; }
.h_account .m .pay{ background-position:13px -382px; }
.h_account .m .ptn{ background-position:12px -784px; }
.h_account .m .prs{ background-position:15px -484px; }
.h_account .m .stg{ background-position:15px -584px; }
.h_account .m .out{ background-position:15px -684px; }
.h_account .m .i{ background:none;position:relative;padding:0px;height:50px;overflow:hidden;margin-right:1px;cursor:pointer; }
.h_account .m .sel{ width:100%;height:50px;padding:0px;background:linear-gradient(#acdd01,#7ac124);margin-left:50px;position:absolute;opacity:0;transition:all 0.3s linear; }
.h_account .m .i:hover,.h_account .m .sel:hover{ padding-left:0px; }


div.p div{ padding-bottom:7px; }
div.p .leftTitle{ padding:0px;margin:12px 0px 7px 0px; }
div.p .leftTitle div{ padding:0px 15px 0px 0px; }
div.p div.enum div{ margin-left:40px; }
div.p div.enum img{ position:absolute;width:6px;height:6px;margin:7px 0px 0px -18px;background-color:#000000; }
div.p div.enum div.sub1{ margin-left:80px;margin-top:-4px; }
div.p div.enum div.sub1_1{ margin-left:80px; }
div.p div.enum div.sub2{ margin-left:120px;margin-top:-4px; }
div.p table.text { width:100%; }
div.p table.text td { vertical-align:top; }
div.replaceB b{ font-weight:normal; font-family:SegoeBoldS,Roboto; }

div.CB{ font-size:17px;padding:14px 0px 14px 20px;margin:0px;background:#ffffff;border:1px solid #aaaaaa;border-radius:4px;outline:0;background-color:#ffffff;font-family:SegoeLightS; }
div.CBH{ border:1px solid #000000;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset; }
td.CBarrowTd{ background:url(/img/ad_black.png) center center no-repeat;text-align:center;width:29px; }
td.CBarrowTdDisabled{ background:url(/img/ad_gray.png) center center no-repeat;text-align:center;width:29px; }
td.CBarrowTdH_green{ background-color:#ffffff;background:url(/img/ad_green.png) center center no-repeat;  }
td.CBarrowTdH_red{ background-color:#ffffff;background:url(/img/ad_red.png) center center no-repeat;  }
td.CBarrowTdBorder{ width:1px;font-size:1px; }
td.CBarrowTdBorderH{ width:1px;font-size:1px; }
img.CBarrowImg{ width:23px;height:1px; }
div.CBdisabled{ color:#666666; }
td.CBitemHover{ color:#000000; }
.CBItems{ padding:0;margin:0;background:#ffffff;border:1px solid #000000;position:absolute;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset;border-bottom-left-radius:4px;border-bottom-right-radius:4px; }
.CBItemsH{ border:1px solid #000000;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset; }
.CBItemSel_green{ background-color:#eef5e0; }
.CBItemSel_red{ background-color:#fbe6e6; }
div.CB nobr b,.CBItems nobr b{ font-weight:normal;font-family:SegoeBoldS,Roboto; }

div.DatePicker{ cursor:pointer;line-height:23px;font-size:17px;color:#444444;text-align:center;background:#ffffff;padding:15px 20px 14px 20px;margin:0px;background:#ffffff;border:1px solid #aaaaaa;border-radius:4px;outline:0; }
div.DatePicker:hover{ border:1px solid #000000;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset; }
div.DatePickerH{ cursor:default;border:1px solid #000000;box-shadow:1px 1px 3px rgba(0,0,0,0.3),1px 1px 2px rgba(0,0,0,0.3) inset; }
table.CalendarDays{ font-size:20px; }
table.CalendarDays td{ width:42px;height:36px;text-align:center;vertical-align:bottom; }
table.CalendarDays td div{ width:36px;height:30px;border-radius:2px;padding-top:4px;cursor:pointer;transition:all 0.1s linear;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear; }
table.CalendarDays td div:hover{ background-color:#e3ebf0; }
table.CalendarDays td div.sel1{ background-color:#5a82a5;color:#ffffff; }
table.CalendarDays td div.sel2{ background-color:#c1cdd7;color:#888888; }
table.CalendarDayNames{ font-size:16px; }
table.CalendarDayNames td{ width:42px;height:36px;text-align:center; }

img.arrowLeft1{ width:30px;height:26px;background:url(/img/arrows.png) no-repeat 0px -26px;cursor:pointer; }
img.arrowLeft1:hover{ width:30px;height:26px;background:url(/img/arrows.png) no-repeat 0px 0px;cursor:pointer; }
img.arrowRight1{ width:30px;height:26px;background:url(/img/arrows.png) no-repeat 0px -78px;cursor:pointer; }
img.arrowRight1:hover{ width:30px;height:26px;background:url(/img/arrows.png) no-repeat 0px -52px;cursor:pointer; }


.regField{ width:100%; }
.regField td{ vertical-align:top; }
.regField .err{ min-height:21px;background:#b72f2f url(/img/err_bg.png) no-repeat top left;color:#ffffff;padding:8px 0px 8px 20px;margin:8px 0px 0px 10px;border-bottom-right-radius:5px;border-top-right-radius:5px;font-size:15px;font-family:SegoeBoldS; }
.regField .success{ min-height:21px;background:#91bb00 url(/img/err_bg.png) no-repeat top left;color:#ffffff;padding:8px 0px 8px 20px;margin:8px 0px 0px 10px;border-bottom-right-radius:5px;border-top-right-radius:5px;font-size:15px;font-family:SegoeBoldS; }

.notif{ border-radius:3px;font-size:16px; }
.notifBgNew{ background-color:#f5fbf0;border:1px solid #d0eab0; }
.notifBg{ background-color:#f9f9f9;border:1px solid #cccccc; }
.notificationAP{ transition:all 2s linear;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-o-transition:all 2s linear; }
.notifPay_red{ border:1px solid #cf8b8b;background-color:#fff2f2;padding:10px 15px 10px 15px;margin-top:15px;border-radius:4px; }
.notifPay_green{ border:1px solid #adcaa6;background-color:#f9fdf4;padding:10px 15px 10px 15px;margin-top:15px;border-radius:4px;color:#355b0f; }


.saveSuccess{ background-color:#e0eed0;color:#004000;border-radius:5px;padding:12px 24px 12px 24px;margin:3px 0px 0px -5px;opacity:0; }
.showHide{ animation:showHideKF 3s 1; }
@keyframes showHideKF{ 0%{opacity:0;} 20%,80%{opacity:1;transform:translateX(20px);} 100%{opacity:0;transform:translateX(40px);} }


.pageMenu{ border-bottom:1px solid #444444;position:relative;margin:40px 0px 0px 0px;font-family:Segoe; }
.pageMenu .trapeze{ border-bottom:24px solid #dddddd;border-left:30px solid transparent;border-right:30px solid transparent;height:0px; }
.pageMenu table{ position:absolute;width:100%;text-align:center;margin-top:-26px; }
.pageMenu .i{ background-color:#eeeeee;border:solid 1px #bbbbbb;background-color:rgba(238,238,238,0.8);border:solid 1px rgba(187,187,187,0.8);padding:6px 12px;margin:2px 4px;display:inline-block;border-radius:5px;color:#555555;cursor:pointer;transition:all 0.2s ease-out; }
.pageMenu .i:hover{ border:solid 1px #aaaaaa;border:solid 1px rgba(170,170,170,0.8);transform:translateY(3px);padding:7px 13px;margin:1px 3px; }
.pageMenu .i_active{ background-color:#5A82A5;border:solid 1px #507192;background-color:rgba(90,130,165,0.8);border:solid 1px rgba(80,113,146,0.8);padding:8px 16px;margin:0px;display:inline-block;border-radius:5px;color:#ffffff;cursor:default;transition:all 0.2s ease-out;transform:translateY(6px); }

.pageBody_hide{ opacity:0;transform:scale(0.95); }


.balance{ width:100%;margin:10px 0px 35px 0px; }
.balance td{ vertical-align:bottom; }
.bRow{ background-color:#f5f5f5;border-radius:4px;padding:8px 12px 8px 12px;margin:4px 0px 4px 0px;cursor:default;transition:all 0.2s linear; }
.bRow:hover{ background-color:#d9dde1;transform:translateX(0px) translateY(0px); }
.bRowNoHover,.bRowNoHover:hover{ background-color:#f5f5f5; }
.bRow:hover .c3{ font-family:SegoeBoldS; }
.bRow table{ width:100%; }
.bRow table td{ vertical-align:top; }
.bRow .c1{ width:120px; }
.bRow .c2{ width:235px; }
.bRow .c3{ width:135px; }
.bRow .c4{ width:24px;vertical-align:middle; }
.bRow .c4 img{ width:24px;height:24px;animation:rowWaitKF linear 5s 100000000; }
@keyframes rowWaitKF{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
.bRow .c5{ width:200px; }
.bRow table td b{ font-family:SegoeBoldS;font-weight:normal; }
.bRow .comment{ font-size:14px;margin-top:2px; }

tr.partners td{ width:50%;text-align:center; }
tr.partners a{ text-decoration:none; }
tr.partners div{ padding:10px 0px 10px 0px;margin-bottom:20px;border-radius:5px;background-color:#e6eaee;color:#27485a;font-size:20px;cursor:pointer; }
tr.partners div:hover{ background-color:#cfdae0;color:#1a313c; }

.partnerSettings{ position:relative; }
.partnerSettings table.main{ width:100%;margin-top:20px; }
.partnerSettings table.main .mainTd{ width:50%;vertical-align:top; }
.partnerSettings table.main .mainTd .t{ padding:10px 0px 10px 0px;margin-bottom:20px;border-radius:5px;background-color:#e6eaee;color:#27485a;font-size:20px;text-align:center; }
.partnerSettings table.main .mainTd .desc{ text-align:justify;margin:10px 0px 10px 0px; }
.partnerSettings table.main .mainTd .desc div{ padding-bottom:5px; }
.partnerSettings .promocodes{ margin-left:-25px; }
.partnerSettings .promocodes td{ padding-bottom:7px; }
.partnerSettings .promocodes .del{ vertical-align:middle;width:25px; }
.partnerSettings .promocodes .del img{ width:14px;height:14px; }
.partnerSettings .earn{ font-size:19px;line-height:30px;color:#444444;margin-top:20px; }
.partnerSettings .earn span{ font-size:24px;margin-right:5px; }

.vmState{ width:320px;height:240px;background-color:#eeeeee;overflow:hidden;margin-bottom:4px;position:relative; }
.vmState div{ position:absolute;width:150px;height:150px;margin:45px 0px 0px 85px;background-image:url(/img/vm/state.png?v=2);background-repeat:no-repeat; }
.vmState .off1{ background-position:15px 13px;opacity:0.2;animation:vmState1 5s infinite linear; }
.vmState .off2{ background-position:15px -137px;opacity:0;animation:vmState2 5s infinite linear; }
.vmState .block1{ background-position:-135px 15px;opacity:0.2;animation:vmState1 5s infinite linear; }
.vmState .block2{ background-position:-135px -135px;opacity:0;animation:vmState2 5s infinite linear; }
.vmState .wait1{ background-position:-290px 40px;opacity:0.15; }
.vmState .wait2{ background-position:-299px -135px;opacity:0.2;animation:vmState3 5s infinite linear; }
.vmState .service1{ width:114px;height:114px;background-position:-450px 0px;opacity:0.2;margin:74px 0px 0px 70px;animation:vmState3 5s infinite linear; }
.vmState .service2{ width:92px;height:92px;background-position:-450px -150px;opacity:0.2;margin:57px 0px 0px 173px;animation:vmState4 5s infinite linear; }
.vmState .command1{ width:130px;height:130px;background-position:-600px 0px;opacity:0.2;margin:55px 0px 0px 95px;animation:vmState3 2s infinite linear; }
.vmState .command2{ width:60px;height:60px;background-position:-600px -150px;opacity:0.1;margin:90px 0px 0px 130px;animation:vmState4 3s infinite linear; }
.vmState .critical1{ background-position:-786px 22px;opacity:0.2;animation:vmState1 5s infinite linear; }
.vmState .critical2{ background-position:-786px -128px;opacity:0;animation:vmState2 5s infinite linear; }
@keyframes vmState1{0%{ opacity:0.2; } 50%{ opacity:0.1; } 100%{ opacity:0.2; }}
@keyframes vmState2{0%{ opacity:0; } 50%{ opacity:0.3; } 100%{ opacity:0; }}
@keyframes vmState3{0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); }}
@keyframes vmState4{0%{ transform:rotate(0deg); } 100%{ transform:rotate(-360deg); }}

.vmBtn{ width:100%; } .vmBtn td{ vertical-align:top; }
.vmBtn .e{ width:50px;height:32px;background-color:#a5b7c5;background-image:url(/img/vm/action.png);background-repeat:no-repeat;background-color:rgba(165,183,197,0.5);border-radius:3px;cursor:pointer;transition:all 0.2s linear; }
.vmBtn .d{ width:50px;height:32px;background-color:#e4e4e4;background-image:url(/img/vm/action.png);background-repeat:no-repeat;border-radius:3px;cursor:default; }
.vmBtn .start,.vmBtn .reset,.vmBtn .stop,.vmBtn .ctrlAltDel{ width:54px; }
.vmBtn .start .e{ background-position:19px 8px;opacity:0.6; }
.vmBtn .reset .e{ background-position:-35px 8px;opacity:0.6; }
.vmBtn .stop .e{ background-position:-89px 8px;opacity:0.6; }
.vmBtn .ctrlAltDel .e{ background-position:-155px 6px;opacity:0.6; }
.vmBtn .e:hover{ background-color:rgba(165,183,197,0.6);opacity:0.8; }
.vmBtn .start .d{ background-position:19px -31px;opacity:0.7; }
.vmBtn .reset .d{ background-position:-35px -31px;opacity:0.7; }
.vmBtn .stop .d{ background-position:-89px -31px;opacity:0.7; }
.vmBtn .ctrlAltDel .d{ background-position:-155px -29px;opacity:0.7; }


.paging{ background-color:#eeeeee;border-radius:5px;font-family:SegoeBoldS;width:992px;padding-top:3px; }
.paging div{ display:inline-block;margin:7px 0px 12px 3px; }
.paging a{ background-color:#d8d8d8;color:#444444;padding:7px 14px 9px 14px;text-decoration:none;border-radius:4px;transition:all 0.1s linear; }
.paging a:hover{ background-color:#bbbbbb;color:#000000; }
.paging a.sel{ background-color:#96cc0e;color:#ffffff;text-shadow:1px 1px 0px rgba(0,0,0,0.5);padding-bottom:8px;box-shadow:1px 1px 1px 0px #48750d; }


.server{ margin:10px 0px 85px 0px;position:relative; }
.server .err{ width:610px;background-color:#f3e9e9;border-radius:5px;padding:10px 15px 10px 15px;margin-bottom:15px;position:relative; }
.server .error{ width:610px;background-color:#f4ecec;border-radius:5px;padding:8px 15px 10px 15px;margin-bottom:10px;position:relative;font-size:15px; }
.server .warning{ width:610px;background-color:#f3f1eb;border-radius:5px;padding:8px 15px 10px 15px;margin-bottom:10px;position:relative;font-size:15px; }
.server .info{ width:610px;background-color:#f0f0f0;border-radius:5px;padding:8px 15px 10px 15px;margin-bottom:10px;position:relative;font-size:15px; }
.server .error a,.server .warning a,.server .info a{ text-decoration:underline; }
.server .error a:hover,server .warning a:hover,server .info a:hover{ text-decoration:none; }
.server .closeNotification{ position:absolute;width:14px;height:14px;margin:-5px 0px 0px 606px; }
.server .closeNotification img{ width:14px;height:14px; }
.server .payLnk{ font-family:SegoeBoldS,Roboto; }
.server .vmStateText{ text-align:right;font-size:14px;font-family:SegoeBoldS,Roboto;margin-bottom:2px; }

.srvProgress{ background-color:#ffffff;background-color:rgba(255,255,255,0.8);width:100%;height:100%;position:absolute;z-index:5;text-align:center;margin-top:-10px;padding-top:10px; }
.srvProgress img{ width:124px;height:124px;margin-top:100px;opacity:0.2; }
.progressAnim{ animation:progressAnimFrames 0.5s infinite linear; }
@keyframes progressAnimFrames{from{ transform:rotate(0deg); } to { transform:rotate(360deg); }}

.construction{ text-align:center;margin:50px 0px 60px 0px;position:relative; }
.construction .in{ height:348px;width:522px;background:url(/img/construction/bg.png) no-repeat center center;display:inline-block; }
.construction .el1{ position:absolute;width:108px;height:108px;background:url(/img/construction/gears.png) -245px 5px no-repeat;position:absolute;margin:193px 0px 0px 131px;animation:constructionAnimFrames1 10s infinite linear; }
.construction .el2{ position:absolute;width:177px;height:177px;background:url(/img/construction/gears.png) 5px 5px no-repeat;position:absolute;margin:104px 0px 0px 215px;animation:constructionAnimFrames2 10s infinite linear; }
@keyframes constructionAnimFrames1{from{ transform:rotate(0deg); } to { transform:rotate(360deg); }}
@keyframes constructionAnimFrames2{from{ transform:rotate(0deg); } to { transform:rotate(-360deg); }}

.api .title{ font-size:19px;font-family:Roboto;color:#000000; }
.api a{ text-decoration:underline }
.api a b{ font-family:SegoeBoldS; }
.api a:hover{ text-decoration:none }
.api a.head{ text-decoration:underline;font-size:16px;font-family:Roboto; }
.api a.head:hover{ text-decoration:none; }
.api { padding-top:10px; }
.api div{ padding-bottom:5px; }
.api .tp{ color:#000000;font-family:SegoeBoldS; }
.api .blockTitle{ padding:0px;margin:40px 0px 15px 0px; }
.api .blockTitle div{ padding:0px 15px 0px 15px; }
h1 div.hAPI{ font-family:SegoeLight;color:#5b82a5;font-size:32px;display:inline-block;position:absolute;margin-left:10px; }
h1 div.hAPI span{ font-size:28px;margin-right:3px; }

div.json{ margin-bottom:5px; }
div.json div{ padding-bottom:5px; }
div.json .brace{ color:#729fcf; }
div.json .bracket{ color:#a40000; }
div.json .param{ color:#204a87;margin-left:20px; }
div.json .valueText{ color:#4e9a06 }
div.json .valueNum{ color:#ad7fa8 }
div.json .valueBool{ color:#c4a000 }
div.json .valueNull{ color:#babdb6 }

.domain{ border-radius:4px;background-color:#f5f5f5;margin-bottom:20px; }
.domain .del{ width:14px;height:14px;float:right;margin:5px 8px 0px 0px; }
.domain .del img{ width:14px;height:14px; } 
.domain .b{ padding:10px 0px 14px 20px; }
.domain .edit{ margin:5px 0px 7px 0px; }
.domain .edit a{ font-family:SegoeBoldS; }
.domain .edit span{ font-size:14px;color:#666666; }
.domain .refresh{ position:absolute;margin:-1px 0px 0px 7px;display:inline-block; }
.domain .refresh img{ width:24px;height:24px; }
.domain .refresh .wait{ animation:progressAnimFrames 1s infinite linear;opacity:0.5;cursor:default; }

.console{ padding:8px 20px 2px 20px;height:80px;overflow:hidden;text-align:center;box-shadow:inset 0px -10px 20px -7px rgba(0,0,0,0.3); }
.console .t{ font-size:18px;text-align:center;margin-bottom:2px;font-family:SegoeBolds; }
.console span{ font-family:SegoeBold; }
.consoleGreen{ background-color:#6c9404;color:#ffffff;text-shadow:1px 1px 0px rgba(0,0,0,0.3); }
.consoleGreen a{ color:#ffffff;text-decoration:underline; }
.consoleGreen a:hover{ text-decoration:none; }
.consoleWhite{ background-color:#f0f0f0;color:#000000; }
.consoleWhite a{ color:#000000;text-decoration:underline; }
.consoleWhite a:hover{ text-decoration:none; }

.srvComment{ text-align:center;font-family:Roboto;color:#444444; }
.srvComment a{ color:#444444; }
.srvComment .editImg{ width:32px;height:25px;float:right;margin:-5px 0px 0px 8px; }

.vmLoad{ margin-left:-4px; }
.vmLoad .item{ text-align:center;display:inline-block;font-family:Segoe;color:#000000;font-size:14px;vertical-align:top;position:relative;width:100px;cursor:pointer; }
.vmLoad .item .text{ margin-top:-7px; }
.vmLoad .item .text>div{ color:#555555;margin-top:-2px; }
.vmLoad .item .text span{ font-size:7px; }
.vmLoad .item .img, .vmLoad .item .img .arrow{ background:url(/img/perfomance_01.png?v=2) no-repeat 0px 0px; }
.vmLoad .yellow .img{ background-position:0px -150px; }
.vmLoad .red .img{ background-position:0px -300px; }
.vmLoad .item .img{ width:60px;height:40px;overflow:hidden;display:inline-block; }
.vmLoad .item .img .arrow{ width:9px;height:72px;position:absolute;background-position:0px -500px;transform:rotateZ(-90deg);margin:-5px 0px 0px 26px; }

.vmLoadD .header{ margin:0px -40px 20px -40px;text-align:center; }
.vmLoadD .header .item{ border:solid 1px #dddddd;padding:10px;display:inline-block;margin-right:10px;font-size:18px;color:#000000;font-family:Segoe;text-align:left;position:relative;transition:all 0.2s linear;cursor:pointer; }
.vmLoadD .header .item:hover,.vmLoadD .header .sel{ background-color:#eeeeee; }
.vmLoadD .header .item .t{ margin-bottom:5px; }
.vmLoadD .header .item .d1{ font-size:14px;color:#444444;font-family:Segoe;position:absolute; }
.vmLoadD .header .item .d1>span{ font-size:7px; }
.vmLoadD .header .item .d2,.vmLoadD .header .item .d3{ font-size:12px;color:#444444;font-family:Segoe;line-height:14px;position:absolute; }
.vmLoadD .header .item .d3{ width:100%;margin:12px 0px 0px -10px;text-align:center; }
.vmLoadD .header .item .d2 span,.vmLoadD .header .item .d3 span{ font-size:6px;line-height:6px; }
.vmLoadD .header .item td{ vertical-align:top; }
.vmLoadD .changeCpuType{ text-align:right;font-size:14px;color:#117dba;font-family:SegoeBoldS;vertical-align:bottom; }
.vmLoadD .changeCpuType span,.vmLoadD .changeCpuType a{ font-family:Segoe;color:#535353; }
.vmLoadD .changeCpuType a{ text-decoration:underline; }
.vmLoadD .changeCpuType a:hover{ text-decoration:none; }
.vmLoadD .cpuByCores{ text-align:left; }
.vmLoadD .cpuByCores .item{ border:solid 1px #117dbb;margin:0px 4px 0px 0px;display:inline-block; }
.vmLoadD .cpuByCores .item>div{ width:50px;padding:3px 0px 5px 0px;font-family:Segoe;color:#ffffff;font-size:14px;text-align:center;position:absolute;background-color:#117dbb; }
.vmLoadD .onlineTitle span{ font-size:9px; }
.vmLoadD .onlineTitle .loadLegend{ background:url(/img/vmLoad/load_legend.png) no-repeat 0px 0px;width:60px; }
.vmLoadD .noHistData { text-align:center;background:#f7f7f7;border-radius:4px;padding:30px 0px;font-family:Segoe;font-size:16px;margin:50px 0px; }

a.serverIP{ color:#000000;text-decoration:none;border-bottom:solid 1px #ffffff;transition:all 0.2s ease-out; }
a.serverIP:hover{ text-decoration:none;border-bottom-color:#333333; }
a.ipExp{ position:relative;opacity:0.7; }
a.ipExp:before{ width:100%;height:1px;content:"";position:absolute;background:#8c0000;transform:rotateZ(10deg);top:15px; }

.webConsolePreview .label{ width:100%;background:rgba(0,0,0,.8);border-bottom:solid 1px rgba(85,85,85,.8);border-top:solid 1px rgba(85,85,85,.8);font-family:Segoe;font-size:18px;color:#aaaaaa;position:absolute;margin:175px 0px 0px 0px;height:inherit;text-align:center;padding: 10px 0px;transition:all 0.2s linear; }
.webConsolePreview .label img{ width:30px;height:27px;position:absolute;opacity:.6;margin:0px 0px 0px -55px;transition:all 0.2s linear; }
.webConsolePreview:hover .label{ color:#cccccc;background:rgba(0,0,0,.9);border-bottom:solid 1px rgba(85,85,85,.9);border-top:solid 1px rgba(85,85,85,.9); }
.webConsolePreview:hover .label img{ opacity:.8; }

.OSResourceWarning{ opacity:0;transition:all 0.5s linear;height:0px;overflow:hidden; }
.OSResourceWarning>div{ background:#8c0000;color:#ffffff;border-radius:4px;text-align:center;padding:12px 10px;width:390px;margin-top:6px;font-family:Segoe,Roboto,Tahoma,Arial,Verdana; }

.promo1 .mainDriveExporter{ width:100%;margin:40px 0px; }
.promo1 .mainDriveExporter .deLogo{ width:350px; }
.promo1 .mainDriveExporter .deLogo>div{ width:300px;height:206px;background:url(/img/drive_exporter/logo_300.png) no-repeat center center;transition:all 1s ease-out; }
.promo1 .mainDriveExporter .deBody{ width:400px;font-size:22px;font-family:SegoeLight;color:#1f4459;vertical-align:top;transition:all 1.3s ease-out; }
.promo1 .mainDriveExporter .deBody>div{ margin-top:5px; }
.promo1 .mainDriveExporter .deBody .t{ margin-top:10px;font-family:Segoe; }
.promo1 .mainDriveExporter .deButton{ width:242px;vertical-align:top;transition:all 1s ease-out; }
.promo1 .mainDriveExporter .deButton>div{ margin-left:-40px; }
.promo1 .mainDriveExporter .deButton .comment{ font-size:15px;color:#666666;font-family:Segoe;margin:100px 0px 3px 0px; }
.promo1_h .mainDriveExporter .deLogo>div{ opacity:0;transform:translateY(-30px); }
.promo1_h .mainDriveExporter .deButton{ opacity:0.4;transform:translateY(-30px); }
.promo1_h .mainDriveExporter .deBody{ opacity:0.4;transform:translateY(40px); }

.cont{ position:fixed;bottom:50px;right:50px;padding:10px;font-family:Roboto;font-size:14px;z-index:1; }
.cont .list{ display:grid; }
.cont .list>div>div{ margin-bottom:-80px;opacity:0;transition:opacity 0.4s ease-out; }
.cont .list .lock{ width:70px;height:70px;position:absolute;z-index:5;background:rgba(0,0,0,0);order:0;transition:all 0.01s linear;transition-delay:0.3s; }
.cont .list>div .i{ width:50px;height:50px;border-radius:50px;border:solid 10px #ffffff;box-shadow:0px 0px 10px rgba(0,0,0,0.3);margin-bottom:10px;transition:all 0.2s ease-out;position:relative;cursor:pointer; }
.cont .list>div .i>img{ width:32px;height:32px;position:relative;transition:all 0.4s ease-out; }
.cont .list .t .i,.cont .list .t .i::before{ background:#3390ec; }
.cont .list .t .i>img{ width:30px;height:30px;margin:11px 0px 0px 8px; }
.cont .list .p .i,.cont .list .p .i::before{ background:#dd5b9c; }
.cont .list .p .i>img{ animation:contactsPhoneKF 2s linear infinite; }
@keyframes contactsPhoneKF{ 0%{transform:rotate(0deg);} 25%{transform:rotate(10deg);} 75%{transform:rotate(-10deg);} 100%{transform:rotate(0deg);} } 
.cont .list .w .i,.cont .list .w .i::before{ background:#1cce20; }
.cont .list .w .i>img{ margin:9px 0px 0px 9px; }
.cont .list .p .i>img{ margin:10px 0px 0px 8px; }
.cont .list .p div{ padding-bottom:0px; }
.cont .list>div:hover .i{ transform:scale(1.1); }
.cont .list>div:hover .i>img{ transform:scale(.8); }
.cont .list>div .i::before{ content:"";position:absolute;width:30px;height:30px;margin:10px;border-radius:50px;transition:all 0.5s ease-out; }
.cont .list>div:hover .i::before{ transform:scale(2.3);opacity:0; }
.cont .list>div .txt{ position:absolute;white-space:nowrap;background:#ffffff;min-width:200px;padding:10px 20px;margin:16px 0px 0px -260px;border-radius:6px;box-shadow:0px 0px 10px rgba(0,0,0,0.3);visibility:hidden;opacity:0;transform:translateX(-10px);transition:all 0.3s ease-out; }
.cont .list>div .txt::before{ content:"";position:absolute;width:0px;height:0px;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #ffffff;margin:1px 0px 0px 220px; }
.cont .list>div:hover .txt{ transform:translateX(0px);opacity:1; }
.cont .list .h{ position:absolute;background:#ffffff;padding:10px 20px 10px 10px!important;margin:-84px 0px 0px -100px;border-radius:6px;white-space:nowrap;box-shadow:0px 0px 10px rgba(0,0,0,0.3);transition:all 0.5s ease-out;visibility:hidden; }
.cont .list .h>div{ display:inline-block;vertical-align:middle; }
.cont .list .h>:first-child{ height:50px;width:50px;background-position:center center;background-size:contain;border-radius:50px;margin-right:10px; }
.cont .list .h::before{ content:"";position:absolute;width:0px;height:0px;border-style:solid;border-width:8px 8px 0 8px;border-color:#ffffff transparent transparent transparent;margin:60px 0px 0px 115px; }
.cont:hover{ overflow:visible; }
.cont:hover .list>div .txt{ visibility:inherit; }
.cont .list.p1 .p{ order:2;z-index:2; }
.cont .list.p1 .p>div{ opacity:1;margin-bottom:0px; }
.cont .list.p1 .p .h{ visibility:inherit; }
.cont .list.p1 .w{ order:0;z-index:0; }
.cont .list.p1 .t{ order:1;z-index:1; }
.cont .list.p2 .p{ order:0;z-index:0; }
.cont .list.p2 .w{ order:2;z-index:2; }
.cont .list.p2 .w>div{ opacity:1;margin-bottom:0px; }
.cont .list.p2 .w .h{ visibility:inherit; }
.cont .list.p2 .t{ order:1;z-index:1; }
.cont .list.p3 .p{ order:0;z-index:0; }
.cont .list.p3 .w{ order:1;z-index:1; }
.cont .list.p3 .t{ order:2;z-index:2; }
.cont .list.p3 .t>div{ opacity:1;margin-bottom:0px; }
.cont .list.p3 .t .h{ visibility:inherit; }
.cont .list:hover>div>div{ margin-bottom:0px;opacity:1;transition:all 0.4s ease-out; }
.cont .list:hover .h{ opacity:0;transform:translateY(20px);visibility:hidden!important; }
.cont .list:hover .lock{ width:1px;height:1px; }
@media screen and (max-width:600px) {
    .cont{ bottom:0px;right:10px; }
    .cont .list .h,.cont .list .txt{ display:none; }
}