@CHARSET "UTF-8"; @import "font.css"; /* GENERAL Header, Footer INDEX PAGE DOMAINS PAGE TRANSFER PAGE WHOIS PAGE massive search PAGE DNS PAGE HELP PAGE HOSTING PAGE CART PAGE REGISTRATION PAGE RESELLER PAGE STATIC PAGES UTILITY: tabs, tables, pageUp, popup FORMS: auth.. */ /*------------------------------------------------------------------ GENERAL ------------------------------------------------------------------*/ body{ min-width:760px } .cl{ clear:both } .clearer:after{ content:''; display:block; width:100%; clear:both } .fl{ float:left } .fr{ float:right } .displaynone{ display:none } .visibilityhidden{ visibility:hidden; } .centered{ margin:0 auto } .container-justify{ text-align:justify } .container-justify:after { width:100%; height:0; visibility: hidden; overflow:hidden; content:''; display:inline-block; } .disable-hover{ pointer-events:none; } .custom-scroll{ position:relative } .custom-hscrollbar, .custom-vscrollbar{ border-radius:4px; z-index:99; position:absolute; bottom:5px; background:rgba(0,0,0,0.1) } .custom-hscrollbar > div, .custom-vscrollbar > div{ border-radius:4px; cursor:pointer; position:absolute; height:6px; width:7px; background:rgba(0,0,0,0.1) } a:hover, li:hover{ -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} p{ margin-bottom:1rem } p a:hover{ color:#0048cb } a, a:after, a:before, input:focus, input{ outline:none } [class*="column"] + [class*="column"]:last-child{ float:left; } [class^="icon-"]:before, [class*="icon-"]:before { display:inline-block; font:1em 'FontAwesome'; font-style:normal; margin:-0.5em 0.35em -0.5em -0.077em; vertical-align:-0.077em; } /* buttons */ .btn{ text-decoration:none !important; outline:0; display:inline-block; text-align:center; position:relative; font:1em "RobotoRegular", Arial, sans-serif; color:#fff; border-radius:3px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .btn:hover, .btn:hover a{ color:#fff; cursor:pointer; } .btn-arr:before { content:''; width:44px; height:48px; position:absolute; left:0; top:0; bottom:0; margin:auto; background:url("../images/btn-arr.png") no-repeat; } .btn-small{ padding:2px 13px; font-family:"RobotoRegular", Arial, sans-serif; } .more-arr{ background:url("../images/arr-more.png") no-repeat; width:22px; height:24px; display:inline-block; vertical-align:middle; margin-left:6px; } .btn:focus{ outline:0; box-shadow:none; } .btn-blue { background:#4f73bd; border-bottom:2px solid #4462a1; color:#fff;} .btn-blue:active, .btn-blue:focus{ color:#fff; } .btn-green { background:#78aa4b; border-bottom:2px solid #4e6e31; } .btn-green:active, .btn-green:focus{ color:#fff } .btn-red{ background: rgba(98, 91, 91, 0.77); border-bottom:2px solid #312C2C; } .btn-red:active, .btn-red:focus{ color:#fff } .btn-light-green:active, .btn-light-green:focus{ color:#fff } .btn-light-blue { background:#edf3fe; border-bottom:2px solid #cedaef; color:#4f73bd } .btn-light-green { background:#ddf1cb; border-bottom:2px solid #96be72; color:#749c51 } .btn-green:hover { background:#88c056; } .btn-blue:hover, .btn-blue:active { background:#5b84d7; color:#fff } .btn-light-blue:hover{ background:#d7e5ff; } .btn-onlyborder{ color:#4f73bd; border:1px solid #4f73bd; } .btn-onlyborder:hover{ color:#fff; background:#4f73bd; } .btn-regular{ padding:0 20px; } .btn-bold{ font-family:"RobotoMedium", Arial, sans-serif; font-size:20px } .backlink.btn { text-decoration:none } input.btn{ border:0; outline:0; box-shadow:none; } input.btn-blue { border-bottom:2px solid #4462a1; } input.btn-blue:hover { color:#fff; } input.btn-light-blue { border-bottom:2px solid #cedaef; } input.btn-light-blue:hover { color:#4f73bd; } input.btn-green { border-bottom:2px solid #4e6e31; } .search-area .btn{ border:0; outline:0; box-shadow:none; } .search-area .btn-blue { border-bottom:2px solid #4462a1; } .search-area .btn-blue:hover { color:#fff; } .search-area .btn-light-blue { border-bottom:2px solid #cedaef; } .search-area .btn-light-blue:hover { color:#4f73bd; } .search-area .btn-green { border-bottom:2px solid #4e6e31; } /* typography */ h1{ font-family:"RobotoMedium", Arial, sans-serif } h2{ font-family:"RobotoLight", Arial, sans-serif } h3{ font-family:"RobotoBold", Arial, sans-serif; margin:0 auto } h4{ font-family:"RobotoRegular", Arial, sans-serif; font-size:20px; margin:0 0 25px 0 } .centered-title{ text-align:center; margin:40px 0; } div.centered-title{font-family:"RobotoLight", Arial, sans-serif;} ul.long-dash-list li{ list-style-type:none; position:relative; padding:0 0 0 30px } ul.long-dash-list li:before{ content:'\2014'; padding:0 5px 0 0; position:absolute; left:0 } ul.plus-list li{ list-style-type:none; position:relative; padding:0 0 0 30px } ul.plus-list li:before{ content:'\f00c'; font:1em "FontAwesome"; padding:4px 5px 0 0; position:absolute; left:0 } .footnote{ font-size:14px; padding:20px; border-top:1px solid #b4b4b4; margin:40px 0 0 0} ul.circle-list{ margin-left:38px; } ul.circle-list li{ padding:0 0 10px 10px } body{ background:#fff; text-rendering:geometricPrecision } /* Header */ header{ border-bottom:3px solid rgba(94, 133, 210, 0.7) } header a{ color:#fff; } header ul{ list-style-type:none; display:inline-block; } header .top{ padding:4px 0; background:#222222; color:#fff; height:36px; overflow:hidden; position:fixed; width:100%; z-index:5; } header #lang, header .support, header #lang li{ display:inline-block; vertical-align:middle; } header #lang li a{ display:block; width:22px; height:16px; } header .lang-block{ padding:0; } header #lang li.ru{ background:url("../images/lang-sprite.png") 0 -32px no-repeat; } header #lang li.en{ background:url("../images/lang-sprite.png") -22px -32px no-repeat; } header #lang li.ru.active, header #lang li.ru.activelang, header #lang li.ru:hover{ background-position:0 0; transition:none } header #lang li.en.active, header #lang li.en.activelang, header #lang li.en:hover{ background-position:-22px 0; transition:none } header .btn-panel{ font-size:13px; } header .btn-ticket{ margin-left:20px } header .lang li.en:hover{ background:red; transition:none } header .top p{ line-height:28px } header .support a:hover{ color:#78aa4b; } header .login { margin:0; } header .login li{ display:inline-block; padding-top:0; padding-bottom:0; vertical-align:middle; } header .login .btn-login a{ line-height:26px; } header .login .btn-register a{ line-height:22px; } header .login li a{ font-size:13px; } header .login li.btn-register{ margin-left:5px; } header .login li.btn-register:hover a{ color:#fff; } header .login li:hover a{ color:#78aa4b; } header .login li.btn-register{ margin-left:5px; } header .login li.btn-panel:hover a{ color:#fff; } header .greeting { font-size:13px; } header .greeting a{ font-size:14px; font-family:"RobotoMedium", Arial, sans-serif; } header .skin { margin:0 20px 0 0 !important } header .skin li{ display:inline-block; font-size:13px } header .skin li:first-child{ position:relative; padding:0 10px 0 0 } header .skin li:first-child:after{ content:''; width:1px; height:15px; display:block; background:#fff; position:absolute; top:3px; right:3px } header .skin li:hover a { color:#78aa4b } header .cart{ float:right; margin-left:55px; } header .cart:before{ content:''; padding:0 5px 0 0; margin:4px 0 0 0; width:27px; height:20px; background:url("../images/cart-ico-index.png") no-repeat; display:inline-block; } header .cart a{ margin:0; display:inline-block; font:13px/28px "RobotoRegular", Arial, sans-serif; vertical-align:top; color:#fff; } header .cart a:hover{ color:#78aa4d } header .cart a:nth-child(2):hover { color:#fff } header .cart a span{ font:1.2em "RobotoMedium", Arial, sans-serif; } header .cart .size{ background:#5074c0; border:2px solid #ced9ef; padding:0 5px; border-radius:70px } header .cart .size:hover{ color:#fff } header .nav{ position:relative; background:#fff; margin:36px 0 0 0; } header .logo{ background:url("../images/logo_blue.png") no-repeat 0 50%; width:265px; height:50px; position:absolute; top:0; bottom:0; margin:auto } /* header .menu{ list-style:none; min-width:500px; text-align:right; margin:0 } header .menu li{ display:inline-block; margin-left:-6px; position:relative; line-height:60px } header .menu li:last-child{ margin-left:-5px; } header .menu li:hover, header .menu li.active{ background:#4f73bd; cursor:pointer; } header .menu li a{ display:block; } header .menu li:hover a, header .menu li.active a{ color:#fff; } header .menu li:not(:last-child){ border-right:1px solid #d7d7d7; } header .menu li a{ color:#000; font-family:"RobotoBold", Arial, sans-serif; text-align:center; display:block;} header .menu li b{ display:none } header .menu li.domains b{ width:21px; background-position:0 0; } header .menu li:nth-child(2) b{ width:24px; background-position:-24px 0; } header .menu li.help b{ width:20px; background-position:-51px 0; } header .menu li.domains:hover b, header .menu li.domains.active b{ background-position:0 -22px; } header .menu li.vds:hover b, header .menu li.vds.active b{ background-position:-24px -22px; } header .menu li.help:hover b, header .menu li.help.active b{ background-position:-51px -22px; } header .menu li span{ display:block; margin:auto; } */ header .menu{ list-style:none; min-width:500px; text-align:right; margin:0 } header .menu .item{ display:inline-block; margin-left:-6px; position:relative; line-height:60px; position:relative; text-align:center } header .menu .item:last-child{ margin-left:-5px; } header .menu .item:hover, header .menu .item.active{ background:#4f73bd; } header .menu .item a{ display:block; } header .menu .item .h2{ font-family:"RobotoBold", Arial, sans-serif; } header .menu .item .h2 a{ display:block; width:100%; } header .menu .item:hover .h2 a, header .menu .item:hover .h2, header .menu .item.active .h2, header .menu .item.active .h2 a{ color:#fff; } header .menu .item:not(:last-child){ border-right:1px solid #d7d7d7; } header .menu .item a{ color:#000; font-family:"RobotoBold", Arial, sans-serif; text-align:center; display:block;} header .menu .item span{ display:block; margin:auto; } header .menu .item ul { z-index:-1; display:none; position:absolute; top:60px; left:0; margin:0; background:#fff; width:170px; overflow:hidden; border-top:3px solid #8EA9DF; box-shadow:1px 1px 6px rgba(0,0,0,0.2);} header .menu .item ul li a{ line-height:45px; padding:0 15px; display:block; text-align:left; width:100%;} header .menu .item ul li:hover a{ color:#fff; background:#4462A1; } header .menu .item ul span{ text-align:left } header .menu .item:hover ul{ z-index:99; display:block; background:#fff; } /* Footer */ footer{ margin:50px 0 0 0; } footer li{ list-style:none; margin:0 } footer p{ margin:0; font-size:0.875em; } footer .top{ background:#e7edf8; padding:15px 0; } footer .top .centered{ padding:0 50px } footer .top .fr{ text-align:right; position:relative; padding:0 70px 0 0; } footer .top .fr:after{ content:''; width:54px; height:49px; background:url("../images/24_7_footer.png") no-repeat; display:inline-block; position:absolute; right:0; top:-2px; margin:0 auto; } footer .top .color{ color:#4f73bd; font-size:18px; display:block } footer .meaning{ background:#444444; padding:50px 0 } footer .logo{ height:50px; background:url("../images/logo_footer.png") no-repeat; display:inline-block } footer .logo{ background-image:url("../images/logo-footer.png") } footer .socials{ list-style:none; float:right; margin:7px 0 0 0; text-align:right; height:32px; } footer .socials li{ display:inline-block; width:32px; height:32px; background:url("../images/social-sprite.png") no-repeat; line-height:32px} footer .socials li:hover{ cursor:pointer; } footer .socials li a{ display:block; width:100%; height:100%;} footer .socials li:not(:first-child){ margin:0 0 0 7px } footer .socials li.tw{ background-position:0 0; } footer .socials li.fb{ background-position:-33px 0; } footer .socials li.vk{ background-position:-66px 0; } footer .socials li.tw:hover{ background-position:-0px -33px; } footer .socials li.fb:hover{ background-position:-33px -33px; } footer .socials li.vk:hover{ background-position:-66px -33px; } footer .footer-menu.row{ overflow:hidden; width:100%; margin:0; } footer .footer-menu .item .h2{ margin:0 0 10px 0; font:18px "RobotoMedium", Arial, sans-serif; color:#bebebe; } footer .footer-menu .item li{ margin:0; font-size:14px } footer .footer-menu .item li a{ color:#fff; } footer .footer-menu .item li:hover a{ color:#6a9bff; cursor:pointer} footer .bottom{ border-top:1px solid #515151; padding:40px 0 0 60px } footer .bottom.row{ margin:0 } footer .copy{ color:#727272; } footer .cards{ list-style:none; float:right; margin:0; text-align:right; height:30px } footer .cards li{ display:inline-block; width:48px; height:30px; background:url("../images/cards-sprite.png") no-repeat; line-height:30px } footer .cards li:not(:last-child){ margin-right:5px } footer .cards li.visa{ background-position:0 0; } footer .cards li.mastercard{ background-position:-49px 0; } footer .cards li.paypal{ background-position:-98px 0; } footer .cards li.webmoney{ background-position:-147px 0; } footer .cards li.interkassa{ background-position:-371px 0; } footer .cards li.epayservice{ background-position:-309px 0; } /*------------------------------------------------------------------ INDEX PAGE ------------------------------------------------------------------*/ /* promo banner */ .promo-bg.index-page .banner-img-container{ z-index:2; position:absolute; right:0; left:0; margin:auto; overflow:hidden;} .promo-bg.index-page .banner-img-container {top:36px;} /* цей параметр можна змінювати на сenter, якщо в майбутньому буде відповідний банер */ .promo-bg { width: 100%; background: #f2f2f2 url('../images/banner/ru/banner.jpg') no-repeat 50% 50%; position: relative; background-size: cover; } .promo-bg.xxx { width: 100%; background: #000000 url("../images/banner/xxx/banner.jpg") no-repeat 60% 50%; position: relative; background-size: cover; } .promo-bg.ru { width: 100%; background: #f2f2f2 url("../images/banner/ru/banner.jpg") no-repeat 50% 50%; position: relative; background-size: cover; } .promo-bg.ny_2016 { width: 100%; background: #000000 url("../images/banner/ny_2016.jpg") no-repeat 50% 50%; position: relative; background-size: cover; } .promo-bg.afilias { width: 100%; background: #000000 url("../images/banner/afilias/ru.jpg") no-repeat 50% 50%; position: relative; background-size: cover; } .promo-bg.afilias.en { width: 100%; background: #000000 url("../images/banner/afilias/en.jpg") no-repeat 50% 50%; position: relative; background-size: cover; } .promo-bg.index-page { text-align:center; overflow:visible; padding:0 0 0 0 } .promo-bg.index-page i{ content:''; position:absolute; height:65px; background:#00599D; bottom:0; right:0; left:0; display:block; z-index:0 } .promo-bg img{ display:block; margin:0 auto; } .promo-bg.index-page .banner-img-container picture { margin: 0px auto; padding: 0px 0px 0px 0px; display: block;} .promo-bg.telegram-page { width: 100%; background: #000000 url("../images/banner/telegram.png") no-repeat 50% 50%; position: relative; background-size: cover; } .promo-bg.index-page .banner-img-container picture { width: 768px; } /* цю ширину змінювати залежно від media screen і фактичної ширини сайту */ .promo-bg img { float: left; /* цей параметр можна змінювати на сenter, якщо в майбутньому буде відповідний банер */} .banner-centered{ position:relative; margin:0 auto; /*max-width:1000px*/ } .banner-img-container{ display:inline-block } .banner-centered .banner-btn{ position:absolute !important; z-index:2 } .vds-page.banner-small .banner-img-container{ cursor:pointer; } .index-page .search-area{ margin-top:30px; position:relative; border-radius:3px 3px 0 0; background:#fff; padding:20px; } .index-page .search-area form{ margin:0 } .index-page .search-area input[type="text"]{ box-shadow:6px 6px 0 #4F7BC2, -6px -6px 0 #4F7BC2, 6px -6px 0 #4F7BC2, -6px 6px 0 #4F7BC2; border:0; margin:0; border-radius:3px; color:#bebebe; font:18px/24px "RobotoRegular", Arial, sans-serif; } .index-page-result.domain-page .search-area input[type="text"]{ width:100%; } .index-page.domain-page .search-area input[type="text"]{ width:100%; } .index-page .search-area input[type="text"]:focus{ color:#000; } .index-page .search-area input[type="text"].focused{ color:#000; box-shadow:4px 4px 2px #f59620 inset, -4px -4px 2px #f59620 inset; } .index-page .search-area input[type="submit"]{ height:52px; line-height:50px; position:absolute; right:14px; top:20px; border:0; border-radius:3px; border-bottom:2px solid #4e6e31; width:160px; } .index-page .search-area button[type="submit"]{ height:52px; line-height:50px; position:absolute; right:14px; top:20px; border:0; border-radius:3px; border-bottom:2px solid #4e6e31; width:160px; } .index-page .search-area .select-zone{ width:140px; position:absolute; border-radius:3px; background:#fff; right:188px; bottom:0; top:0; margin:auto; height:53px; font:18px/51px "RobotoMedium", Arial, sans-serif; color:#4f73bd; box-shadow:2px 2px 0 #ebebeb, -2px -2px 0 #ebebeb, 2px -2px 0 #ebebeb, -2px 2px 0 #ebebeb; } .index-page .jqTransformSelectWrapper ul{ left:-2px; width:144px !important; } .index-page .search-area .select-zone:hover{ color:#035c9a; } .index-page .search-area .select-zone span:hover{ cursor:pointer } .index-page .banner-title{ z-index:1; position:relative; color:#fff; font:36px "Robotobold",Arial,sans-serif; margin:0 auto; } .index-page .search-area select { background:#fff; border:0; display:none; margin:0; } .index-page.promo-bg{ height:460px; } /* service-list */ #service{ padding:0 0 50px 0 } .service-list{ margin:0 } .service-list .item{ background:#f2f2f2; list-style-type:none; padding:0; float:none !important; display:inline-block; text-align:left} .service-list .item h1{ margin:0; line-height:1.2; } .service-list .item .desc p:last-child{ margin-bottom:0 } .service-list .item .btn{ border-radius:0 0 3px 3px; width:100%; line-height:60px; font-family:"RobotoMedium", Arial, sans-serif; height:62px } /* discount */ #discount{ background:#f2f2f2; padding:0 0 55px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0 } #discount h3{ color:#4462a1; } #discount h3:hover{ color:#2e5197; } #discount h2{ margin-bottom:0; } #discount .offers{ margin:72px auto 0; display:block; width:200px; } .discount-main{padding:40px; margin:0 auto; text-align:center; position:relative } .discount-main li{ list-style-type:none; display:inline-block; font-size:22px; vertical-align:top; } .discount-main li b{ display:block; text-align:center; font-size:24px } .discount-main li.border{ background:#fff; border:6px solid #FFD11B; padding:20px 15px; } .discount-main li.plus{ padding:0 10px; line-height:125px } .discount-main .btn{ height:62px; line-height:62px; padding:0 35px; margin:0px 0 0 30px; } .discount-main .ribbon{ width:121px; position:absolute; left:-42px; top:5px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); background:#FF5300; color:#fff; padding:0 5px; } .discount-main .ribbon:after{ content:''; z-index:-1; width:0; position:absolute; left:109px; top:13px; border-left:12px solid red; border-bottom:12px solid transparent; border-top:12px solid transparent; } .discount-main .ribbon:before{ content:''; z-index:-1; width:0; position:absolute; left:-1px; bottom:-8px; border-right:12px solid red; border-bottom:12px solid transparent; border-top:12px solid transparent; -webkit-transform:rotate(-20deg); transform:rotate(-20deg) } .discount-list-small{ max-width:520px; margin:0 auto; list-style:none } .discount-list-small .item{ padding:10px; padding:0; text-align:center; } .discount-list-small .item:not(:last-child){ margin:0 3.75% 0 0; } .discount-list-small .item .name{ width:100%; color:#000; display:inline-block; background:#fff; height:90px; border:6px solid #d0d0d0; font:32px/75px "RobotoRegular", Arial, sans-serif; } .discount-list-small .item .name:hover{ border-color:#4f73bd } .discount-list-small .item p{ margin:0; display:inline-block; vertical-align:middle } #discount .price{ text-align:center } #discount .price p{ margin:0; display:inline-block; vertical-align:middle; } #discount .price .old-price{ color:#bebebe; text-decoration:line-through; font:1.4rem "RobotoRegular", Arial, sans-serif; } #discount .price .new-price{ color:#4f73bd; margin:0 0 0 2.5%; position:relative} .discount-list-big{ background:#fff; border:6px solid #c9d2e5; padding:3.3333% 0; margin:50px 0 0 0; } .discount-list-big h3{ margin:0 auto; width:80%; min-height:73px } .discount-list-big h3 a{ color:#4462a1; } .discount-list-big .item{ position:relative; height:380px } .discount-list-big .item ul{ list-style:none; margin:0 } .discount-list-big .item ul li:before{ content:'\2014'; padding:0 5px 0 0; } .discount-list-big .item ul li{ font-size:1.2em; } .discount-list-big .item:first-child{ border-right:1px solid #4f73bd; } .discount-list-big .item .desc{ color:#444444 } .discount-list-big .item .btn{ position:absolute; margin:auto; left:0; right:0; width:250px; } .migration_promo_wr{ text-align:center; } .migration_promo_wr > h3{ margin-bottom:15px } .migration_promo_wr > p{ margin-bottom:30px } .migration_promo .item{ position:relative; float:none !important; color:#000; vertical-align:top; display:inline-block; background:#fff; padding:20px; height:135px; border:6px solid #d0d0d0; margin:0 30px 0 0; max-width:350px; text-align:left } .migration_promo.ru .item{ height:170px } .migration_promo .item > a{ display:block; height:100%; } .migration_promo .item:last-child{ margin-right:0; } .migration_promo .item:hover{ border-color:#4f73bd } .migration_promo .item:after{ content:''; display:block; background:url("../images/arr-more.png") no-repeat; width:30px; height:30px; position:absolute; right:-43px; top:42% } .migration_promo .item:last-child:after{ display:none; } .migration_promo .item p{ font:1.2em "RobotoRegular", Arial, sans-serif; overflow:hidden; color:#000; } .migration_promo .item span{ font:1.1em/40px "RobotoRegular", Arial, sans-serif; background:#c9d2e5; width:50px; height:50px; border:6px double #fff; text-align:center; float:left; margin:0 20px 0 0; border-radius:50px; } .migration_promo_wr .btn{ width:auto; display:inline-block; margin:20px auto; height:62px; line-height:60px; } /* news */ #news{ padding-bottom:55px } #news .wide-list .item{ float:none; max-width:100%; margin-left:0; margin-top:35px } #news .wide-list .item:nth-child(2n){ margin-left:0 } #news .wide-list .item .desc{ height:auto } #news .wide-list { max-width:1000px; margin:0 auto } #news .item:hover h1 a{ color:#3f61a8; } #news .item h1{ margin:0 0 15px 0; font:20px "RobotoBold", Arial, sans-serif; } #news .item .desc{ max-height:64px; overflow:hidden; margin-bottom:40px; } #news .item .desc p{ margin:0; } #news .item .desc p strong, #news .item .desc strong, #news .item .desc p b, #news .item .desc b{ font-weight:normal; } #news .item .desc p i, #news .item .desc p em, #news .item .desc em, #news .item .desc i{ font-style: none; } #news .item .bottom{ border-bottom:1px solid #c7c7c7; padding:0 10px 10px; overflow:hidden } #news .item .date{ color:#c7c7c7; } #news .item .more{float:right; position:relative; padding:0 27px 0 0; line-height:21px; } #news .item .more:hover{ color:#035c9a; } #news .item .more-arr{ position:absolute; right:0; top:0; bottom:0; margin:auto; -webkittransition:right 0.5s ease 0s; transition:right 0.5s ease 0s;} #news .item .more:hover .more-arr{right:-7px } #news .allnews{ margin:10px auto 0; width:200px; display:block } /* android */ #android-app{background:#f3f7ff; border-top:5px solid #c9d2e5; border-bottom:5px solid #c9d2e5; padding:40px 0 50px; text-align:center; } #android-app h1{ font:24px "RobotoRegular", Arial, sans-serif; margin:0 auto; display:inline-block; } #android-app .android, #android-app .appstore{ margin:40px 0 0 0; max-width:200px; float:none; display:inline-block; } #android-app .android h4 a{ background:url("../images/google_play2.png") 50% 0 no-repeat; padding:150px 0 0 0; } #android-app .appstore h4 a{ background:url("../images/appstore2.png") 50% 0 no-repeat; padding:150px 0 0 0; } #android-app .android:hover h4 a, #android-app .appstore:hover h4 a{ color:#4F73BD; } #android-app h4{ text-align:center; } #android-app h1:hover a{ color:#78aa4b; } #android-app .title{ color:#000; text-align:center; display:block; } #android-app .btn{ padding:0 20px; min-width:160px; display:inline-block; display:inline-block; vertical-align:top; } #android-app .btn-arr:before{ background-image:url("../images/arr-small-white.png"); width:30px; height:32px;} /* contact */ #contact h3{ color:#444; font-size:20px; } #contact .item{ overflow:hidden; min-height:200px; margin:0 0 35px 0 } #contact .item+.item{ border-left:1px solid #bebebe; } #contact .item .it{ margin:25px 0 0 0; } #contact .item .it p{ color:#8c8c8c; font-size:18px } #contact .item .it p span{ margin-left:5px } #contact .item .it p .color{ color:#4f73bd; } #contact .item .it p .bold{ color:#000; } #contact .row .fr p{ font-size:18px; color:#8c8c8c; } #contact .row .fr p:not(:first-child){ margin:25px 0 0 0; } #contact .fr .color{ color:#4f73bd; } #contact .fr a{ margin-left:5px } #contact .row p{ margin:0; } #contact .row .row{ margin:0 } #contact .row p.columns+p.columns{ margin-left:35px; max-width:765px } #contact input{ margin:0 0 15px 0; max-width:400px } #contact input:focus{ color:#444 } textarea{ margin:0 0 40px; width:100%; resize:vertical; } #contact textarea{ min-height:187px } #contact .btn{ float:right; clear:right; margin-bottom:0 } /* socialblocks */ #socialblocks .centered{ text-align:center } #socialblocks .centered .item{ display:inline-block } #socialblocks .centered .item:not(:last-child){ margin:0 31px 0 0; vertical-align:top } #socialblocks .centered .item .fb-like-box > iframe{ border:0; height:300px } #contact .item a{ text-decoration:none } #contact .item a:hover{ color:#3f61a8; } /*------------------------------------------------------------------ DOMAINS PAGE ------------------------------------------------------------------*/ /* sub menu */ .sub-menu{ margin:0 auto; list-style:none; padding:0; text-align:center; position:relative; top:-35px;} .sub-menu li{ display:inline-block; margin:0 0 0 -5px; border:1px solid #c7c7c7; border-right:0; vertical-align:top} .sub-menu li:last-child{ border-right:1px solid #c7c7c7; } .sub-menu li a{ background:#fff; display:block; color:#5071c0; } .sub-menu li:hover{ border-color:#4f73bd; } .sub-menu li a:before{ content:''; background:url('../images/sub-menu-sprite.png') no-repeat; vertical-align:middle; } .sub-menu li a.submenu-transfer:before{ background-position:0 0; width:22px; height:23px } .sub-menu li a.submenu-massearch:before{ background-position:-23px 0; width:24px; height:23px } .sub-menu li a.submenu-whois:before{ background-position:-104px 0; width:25px; height:25px } .sub-menu li a.submenu-dns:before{ background-position:-76px 0; width:25px; height:25px } .sub-menu li a.submenu-price:before{ background-position:-129px 0; width:33px; height:25px } .sub-menu li a.submenu-adv:before{ background-position:-163px 0; width:33px; height:23px } .sub-menu li:hover a{ background:#4f73bd; color:#fff; } .sub-menu li a.submenu-transfer:hover:before{ background-position:0 -26px; } .sub-menu li a.submenu-massearch:hover:before{ background-position:-23px -26px; } .sub-menu li a.submenu-whois:hover:before{ background-position:-104px -26px; } .sub-menu li a.submenu-dns:hover:before{ background-position:-76px -26px; } .sub-menu li a.submenu-price:hover:before{ background-position:-129px -26px; } .sub-menu li a.submenu-adv:hover:before{ background-position:-163px -28px;} /*.sub-menu li.active a{ background:#4f73bd; color:#fff; }*/ .sub-menu li.active a{ background:#5368a9; color:#fff; } .sub-menu li:hover a{ background:#5368a9; color:#fff; } .sub-menu li:hover { border-color:#5368a9; } /*.sub-menu li.active{ border-color:#4f73bd; }*/ .sub-menu li.active{ border-color:#5368a9; } .sub-menu li.active a.submenu-transfer:before{ background-position:0 -26px; } .sub-menu li.active a.submenu-massearch:before{ background-position:-23px -26px; } .sub-menu li.active a.submenu-whois:before{ background-position:-49px -26px; } .sub-menu li.active a.submenu-dns:before{ background-position:-76px -26px; } .sub-menu li.active a.submenu-price:before{ background-position:-129px -26px; } .sub-menu li.active a.submenu-adv:before{ background-position:-163px -28px; } .definition .text a{ text-decoration:underline } .definition .text a:hover{ text-decoration:none; } .btn.btn-small.btn-green.buy-domain{ line-height:30px; font-size:14px } .btn.btn-small.btn-green.buy-domain i{ padding:0 5px 0 0 } .btn.btn-small.btn-red.buy-domain{ line-height:30px; font-size:14px } .btn.btn-small.btn-red.buy-domain i{ padding:0 5px 0 0 } /* additional services */ #additional-services{ } #additional-services .item-list{ text-align:justify; } #additional-services .item{ float:none; border:4px solid #e6ecf8; max-width:31%; height:305px; text-align:center; vertical-align:top; display:inline-block; } #additional-services .item-list:after { width:100%; height:0; visibility: hidden; overflow:hidden; content:''; display:inline-block; } #additional-services .item h1{ margin:0; color:#0074c4; } #additional-services .item:hover { border-color:#0074c4; } #additional-services .item .add-s-title { font-family:"RobotoMedium", Arial, sans-serif } #additional-services .item .ico{ background:url("../images/add-service-sprite-hosting.png") no-repeat; height:135px; width:120px; border-bottom:1px solid #d7d7d7; display:block; margin:35px auto } #additional-services .item .more{ font-size:16px; padding-left:35px; padding-right:35px } #additional-services .item .ico.mass-search-add-serv{ background-position:-563px 0} #additional-services .item .ico.transfer-add-serv{ background-position:-232px 0} #section-adv.dm-page #tabs{ margin:60px 0 0 0} .payment-system{ padding:40px 0 50px; background:#fff; } .hosting .payment-system{ outline:1px solid #fff; border-top:1px solid #eaeaea } /* promo section */ .promo-bg .bg-image{ background:#004771; position:absolute; top:0; left:0; right:0; margin:auto; z-index:-1 } .promo-title{ color:#fff; margin-bottom:0; padding:40px 0 0 0; margin-left:auto; margin-right:auto } .promo-p{ font:18px "RobotoMedium", Arial, sans-serif; color:#fff; margin:20px auto 0 } .promo-bg.domain-page{ height:290px; overflow:visible; position:relative; margin:-43px 0 0 0; background:none } .domain-page .bg-image{ height:290px; background:#004771 url('../images/domain-page-promo-bg.jpg') no-repeat 50% 50%; } .domain-page-result.domain-page .bg-image{ height:352px; } .domain-page-result.promo-bg.domain-page{ height:352px; } .promo-bg.domain-page h3{ font:20px "RobotoRegular", Arial, sans-serif; padding-top:4px; margin-top:0; position:relative } .promo-bg.domain-page .pos{ text-align:center; padding:29px 0 0 0; max-width:100px; position:absolute; right:0; left:0; margin:0 auto; color:#fde37e; font:16px "RobotoRegular", Arial, sans-serif; text-decoration:underline; } .promo-bg.domain-page .pos:hover{ text-decoration:none } .promo-bg.domain-page.domain-page-result{ background:#004771 url('../images/domain-result-page.jpg') no-repeat 50% 50%; } .promo-bg.domain-page.domain-page-result .bg-image{ z-index:-1 } .promo-bg.domain-page.domain-page-result .search-area{ margin-top:35px } #promo-section-btn-add.added{ pointer-events:none } .domain-page .search-area{ margin-top:35px; position:relative; border-radius:3px; } .domain-page .search-area form{ margin:0 } .domain-page .search-area input[type="text"]{ box-shadow:6px 6px 0 #4F7BC2, -6px -6px 0 #4F7BC2, 6px -6px 0 #4F7BC2, -6px 6px 0 #4F7BC2; border:0; margin:0; border-radius:3px; color:#bebebe; font:18px/24px "RobotoRegular", Arial, sans-serif; } .domain-page-result.domain-page .search-area input[type="text"]{ width:100%; } .whois-page.domain-page .search-area input[type="text"]{ width:100%; } .domain-page .search-area input[type="text"]:focus{ color:#000; } .domain-page .search-area input[type="text"].focused{ color:#000; box-shadow:4px 4px 2px #f59620 inset, -4px -4px 2px #f59620 inset; } .domain-page .search-area input[type="submit"]{ height:52px; line-height:50px; position:absolute; right:0; top:0; border:0; border-radius:3px; border-bottom:2px solid #4e6e31; width:160px; } .domain-page .search-area .select-zone{ width:140px; position:absolute; border-radius:3px; background:#fff; right:170px; bottom:0; top:0; margin:auto; font:18px/51px "RobotoMedium", Arial, sans-serif; color:#4f73bd; } .domain-page .search-area .select-zone:hover{ color:#035c9a; } .domain-page .search-area .select-zone span:hover{ cursor:pointer } .dm-page #tabs .tabs-content{ padding-bottom:0 } .jqTransformSelectWrapper{ float:right; max-width:140px; width:140px; height:52px} .jqTransformSelectWrapper div { position:relative; width:140px; text-align:left; float:right; clear:both; height:52px } .jqTransformSelectWrapper div span{ display:inline-block; vertical-align:top; text-align:right; padding:0 30px 0 50px} .jqTransformSelectWrapper div+ul{ clear:both } .jqTransformSelectWrapper .jqTransformSelectOpen{ width:35px; height:52px; position:absolute; right:0; } .jqTransformSelectWrapper .jqTransformSelectOpen:after{ content:''; position:absolute; right:10px; top:0; bottom:0; width:0; height:0; margin:auto; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #4f73bd; display:inline-block } .jqTransformSelectWrapper .jqTransformSelectOpen:hover:after{ color:#035c9a; cursor:pointer } .jqTransformSelectWrapper ul{ position:relative; width:140px !important; right:0px; top:0; z-index:1; text-align:right; border:1px solid #c7c7c7; border-top:0; min-width:120px; background:#fff; font:18px/36px "RobotoMedium", Arial, sans-serif; list-style:none; margin:0; } .jqTransformSelectWrapper ul li a{ padding:0 20px; display:block } .jqTransformSelectWrapper ul li:hover{ background:#4f73bd; } .jqTransformSelectWrapper ul li:hover a{ color:#fff; } .domain-page .search-area select{ display:none; background:#fff; border:0; margin:0 } #search-msg{ max-width:1000px; margin:0 auto 35px; padding:20px; background:#e0fee0; border:3px solid #b5e6ab } #search-msg .fa{ margin:0 0 0 7px; color:#717171 } /* domain result */ .domain-page-result .bg-image {background:url("../images/domain-result-page.jpg") no-repeat 50% 50%; height:350px} .domain-page-result .search input[type="text"]{ color:#000 } .domain-page-result .search input[type="submit"]{ color:#78aa4b; background:0; border:0; padding:0 12px; width:auto; line-height:53px} .domain-page-result .button-search input[type="submit"]:hover{ color:#587c37 } .domain-page-result .button-search { color:#78aa4b; position:absolute; top:0; bottom:0; right:0; display:block; width:97px; text-align:center; cursor:pointer;} .domain-page-result .button-search:hover{ color:#587c37 } .domain-page-result .button-search i{ position:absolute; left:0; top:0; bottom:0; line-height:53px } .table-list .all-check{ margin:15px 20px 15px } .table-list .all-check .checkbox { margin:0 10px 0 0 } .table-list input[type="checkbox"]{ margin:0; width:100%; height:100% } .table-list{ border:0 } .table-list .item{ margin:0 0 10px 0; font:16px/52px "RobotoRegular", Arial, sans-serif; background:#f9f9f9; border:1px solid #e3e3e3; padding:10px 10px 10px 20px; } .table-list .item:hover{ cursor:pointer; background:#edf3fe; border-color:#cfd8e7; } .table-list .item div{ display:inline-block; vertical-align:middle;} .table-list .item .name span{ font:16px "RobotoMedium", Arial, sans-serif; color:#000; display:inline-block; vertical-align:middle } .table-list .item .name span i{ font-size:18px; font-style:normal } .table-list .item .price, .table-list .item .whois{ font-size:18px; color:#6b6b6b; text-align:center;} .table-list .item .btn { font-size:16px; line-height:45px; min-width:160px; height:48px; -webkit-transition:background-color 400ms ease 0s; -moz-transition:background-color 400ms ease 0s; -o-transition:background-color 400ms ease 0s; -ms-transition:background-color 400ms ease 0s; transition:background-color 400ms ease 0s; } .table-list .item .btn span{ margin:0 10px 0 0 } .table-list .item .btn{ width:auto; float:none } .table-list .name span{ position:relative; } .table-list .name .mark{ display:inline-block; vertical-align:middle; margin-left:10px; font:11px "RobotoBold", Arial, sans-serif !important; padding:2px 5px; text-transform:uppercase; background:#ed1c24; color:#fff !important; } /* loading */ .table-list .item .btn.loading{ background:#DDF1CB; color:#749c51; border-bottom-color:#96be72 } .table-list .item .btn.loader{ background-image:none; } .table-list .item .btn.loader.loading{ background:#ddf1cb url('../images/load-info-btn2.GIF') 95% 50% no-repeat; } #promo-section-btn-add.loader{ background-image:none; } #promo-section-btn-add.loader.loading{ background:#ddf1cb url('../images/load-info-btn2.GIF') 95% 50% no-repeat; color:#749c51; } .btn.loader.added{ background-color:#DDF1CB; border-bottom:2px solid #96be72; color:#749c51; } .btn.loader{ -webkit-transition:background-position 0s ease 0s; -moz-transition:background-position 0s ease 0s; -o-transition:background-position 0s ease 0s; -ms-transition:background-position 0s ease 0s; transition:background-position 0s ease 0s; } .table-list .item .btn.added{ pointer-events:none; cursor:default; color:#749c51; } .table-list .item .btn.added:hover{ pointer-events:none; cursor:default } .table-list .item .name-check .checkbox.replacement{ margin-top:0 } .table-list .item .name-check, .table-list .item .notfree-icon{ width:30px } .table-list .item .notfree-icon{ font-size:22px; line-height:29px; padding:2px 0 0 0; } .table-list .item .action{ text-align:center } .table-list .item .action span{ padding:0 15px 0 0; } .table-list .item .action .btn span{ padding:0 5px 0 0; } .table-list .item.loading .name-check{ background:url('../images/load-info2.GIF') no-repeat 50% 50%; height:30px; margin:9px 10px 0 0; } .table-list .item.notfree{ color:#b3b3b3; padding:10px 20px; line-height:24px } .table-list .item.notfree:hover{ cursor:default; border-color:#e3e3e3; background:#f9f9f9; } .table-list .item.notfree .name span{ color:#b3b3b3; line-height:28px } .table-list .item.notfree .name span:hover{ cursor:default; } .table-list [class*="column"] + [class*="column"]:last-child{ float:right; } .domain-page-result .promo-p{ display:none } .domain-page-result .promo-p.notfree:before, .domain-page-result .promo-p.free:before{ vertical-align:middle; width:31px; height:38px; padding:5px; margin:0 10px 0 0; display:inline-block; text-align:center; } .domain-page-result .promo-p.notfree:before{ content:''; background:url("../images/error-sign.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); } .domain-page-result .promo-p.free:before{ content:''; background:url("../images/success-sign.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0); } .domain-page-result .promo-p.free .btn span{ margin:0 10px 0 0 } .domain-page-result .promo-p.free{ text-align:left; max-width:750px; margin:30px auto 0; } .domain-page-result .promo-p.free p{ display:inline-block; font:18px "RobotoRegular",Arial,sans-serif } .domain-page-result .promo-p.free p > div{ display:inline; font-size:24px; padding:0 10px 0 5px } .domain-page-result.payment-system{ max-width:1200px; border-bottom:1px solid #c7c7c7; padding:0 0 35px 0; margin-bottom:0 } .functions-container{ margin:45px 30px 0 0; text-align:right; } .functions-container .btn{ content:'\f046'; font:1em "FontAwesome"; display:inline-block; line-height:50px; height:52px; } .functions-container .fa-check-square-o{ vertical-align:top; } .functions-container #buy-checked{ color:#fff; background:none; border:0; font:18px "RobotoRegular", Arial, sans-serif; padding:0 0 0 5px; } .functions-container #buy-all{ font:18px "RobotoRegular", Arial, sans-serif; } .interesting-block{ float:right; padding:20px; border:2px solid #E7EDF9; background:#fff; margin:0 0 20px 20px; width:41%} .interesting-block .fa{ padding:0 10px 0 0; } .domains-about-list{ margin-bottom:25px } .domains-about-list a{ display:inline-block; padding:20px; vertical-align:top; width:13%; max-width:160px; border:1px solid #4f73bd; margin-bottom:20px; } .domains-about-list a:hover{ background:#4f73bd; color:#fff; } .interesting-block .long-dash-list{ margin-bottom:0; } .domains-about .centered{ overflow:hidden } .goto_cart{ display:block; text-decoration:underline; text-align:left; color:#78AA4B; font:14px "RobotoRegular", Arial, sans-serif; margin:5px 0 0 0; } .goto_cart:hover{ text-decoration:none; color:#fff; } .promo-section-btn-add_wr{ display:inline-block; vertical-align:top; } .domains-prices .oldprice{ text-decoration:line-through; font-size:14px; padding-right:4px; } .domains-prices .newprice{ color:#ed1c24; } .domains-prices .sale em{ position:absolute; top:0; right:0; font:11px "RobotoBold", Arial, sans-serif; padding:2px 5px; text-transform:uppercase; background:#ed1c24; color:#fff; } /*!------ remove when all zones will be added ------*/ /*.domains-about-list { text-align:center } .domains-about-list { text-align:center } .domains-about-list a{ display:none } .domains-about-list a:first-child, .domains-about-list a:nth-child(2), .domains-about-list a:nth-child(3){ display:inline-block; margin-right:6px } */ /* whois page */ #whois-result .table-whois{ max-width:1100px } #whois-result .table-whois, #whois-result .table-whois th { border-color:#CEDAEF; } #whois-result .table-whois td{ vertical-align:top; } #whois-result .table-whois p{ margin-bottom:0px; } #whois-result .table-whois p { font:15px "RobotoMedium", Arial, sans-serif; display:inline-block; } #whois-result .table-whois p strong{ font:14px "RobotoRegular", Arial, sans-serif; display:inline-block; font-weight:normal; } #whois-result .table-whois .line { margin-bottom:5px; } #whois-result .table-whois .label_t { font:14px "RobotoRegular", Arial, sans-serif; display:inline-block; } #whois-result .table-whois .bold{ font:15px "RobotoMedium", Arial, sans-serif; margin:0 0 0 7px; display:inline-block; } #whois-result .table-whois .ns_label{ vertical-align:top; padding:2px 0 0 0; } #whois-result .table-whois #map_canvas{ margin-top:10px; width:100%; } #whois-result .not_color{ background:#fff; border-top:0; border-bottom:0 } #whois-result .border_color{ border-top:1px solid #CEDAEF; border-bottom:1px solid #CEDAEF; } #whois-result .not_color_row{ border:0 } #whois-result .whois_page_title{ margin:25px 0; } #whois-rawdata{ font-size:14px } #whois-result .table-whois td{ width:350px; max-width:350px; } #whois-result .table-whois{ margin:0 auto; } #whois-result .table-whois.wd td{ width:366px; min-width:366px; } #whois-result .table-whois.wd:last-child{ margin-top:-1px; } #whois-result .table-whois.wd p{ display:block; } #whois-result .table-whois.no-m { margin-bottom:0; } #whois-result .table-whois td.nsname{ width:380px; max-width:380px; } #domainsFind .domainsCheck .notfree{ display:none } #domainsFind h2{ font: 20px "RobotoMedium",Arial,sans-serif; margin:25px auto; } #result-form.nomoredomains .domainsCheck { display:none } #result-form.nomoredomains .functions-container { display:none } .domain_faq #faq dt a{ color:#222222; } .domain_faq #faq dl dl{ margin:0 } #tabs-sec{ max-width:1000px; margin:0 auto; } #tabs-sec ul { margin-left:0; } #tabs-sec ul li{ list-style:none; display:inline-block; padding:10px 15px; outline:none; } #tabs-sec ul li:hover a{ text-decoration:underline; } #tabs-sec ul li.ui-state-active{ background:#A6B6D7; position:relative; } #tabs-sec ul li.ui-state-active::after{ content:''; border-top:8px solid #A6B6D7; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; left:0; right:0; margin:auto; bottom:-8px; width:0; } #tabs-sec ul li.ui-state-active a{ color:#fff } #tabs-sec ul li.ui-state-active:hover a{ text-decoration:none; } /*------------------------------------------------------------------ TRANSFER PAGE ------------------------------------------------------------------*/ .transfer-section { position:relative; padding:0 0 40px 0; border-bottom:1px solid #bebebe; margin-top:-35px;} .transfer-section form .att-info-block{ margin:0 0 35px 0 } .transfer-section #nschanger th{ text-align:center } .transfer-section h3{ font:18px "RobotoMedium", Arial, sans-serif; margin:0 0 25px 0 } .transfer-section .single-transfer h3{ margin:0 0 5px 0; } .transfer-section .btn[type="button"]{ font:1em "RobotoRegular", Arial, sans-serif; } .transfer-section ol { margin:0 } .transfer-section ol li{ color:#c7c7c7; margin-bottom:15px; } .transfer-section ol li:last-child{ margin-bottom:0 } .transfer-section ol li span{ color:#000; font:16px/24px "RobotoRegular", Arial, sans-serif; vertical-align:bottom; } .transfer-section ol li input[type="text"]{ font:16px "RobotoRegular", Arial, sans-serif; } .transfer-section ol li input:nth-last-child(2){ margin:0 0 40px 0 } .transfer-section form{ overflow:hidden } .transfer-section ol li form{ margin:10px 0 15px; } .transfer-section textarea{ min-height:165px } .transfer-section .or{ position:absolute; top:80px; right:-13px; padding:15px 0; background:#fff; z-index:1; } .transfer-section .or.eng{ right:-7px } .massive-transfer{ border-left:1px solid #bebebe } /* info block */ .att-info-block{ padding:20px; background:#f1f8ff; border:1px solid #cedaef; margin:35px 0 0 0} .att-info-block.centered{ margin-left:auto; margin-right:auto } .att-info-block b{ margin:0 0 10px 0; display:block; } .att-info-block.loading{ background:#f1f8ff url('../images/load-info2.GIF') no-repeat 50% 50%;} .cart-page .att-info-block{ background:#f1f8ff; margin-bottom:35px; } .att-info-block p:last-child{ margin:0 } .transfer-section .att-info-block{ margin:40px 0 0 0; } .transfer-section .att-info-block p:last-child{ margin-bottom:0; } .waitbox.error{ padding:20px; background:#fff2f2; border:1px solid #d89898; margin:35px 0; } /*------------------------------------------------------------------ WHOIS PAGE ------------------------------------------------------------------*/ .whois-res p{ text-align:center; } .whois_details p{ text-align:left } .whois_details{ padding:0 0 40px 0; border-bottom:1px solid #c7c7c7; } .whois_details .domain-name{ font:34px "RobotoBold", Arial, sans-serif; padding:0 40px; } .whois_details .subtext{ margin:10px 0 0 0; font-size:18px; padding:0 40px 20px; border-bottom:1px solid #c7c7c7; } .whois_details .icon-notfree:before{ content:''; vertical-align:middle; background:url('../images/error-sign.png') no-repeat; display:inline-block; width:31px; height:31px; margin:-2px 7px 0 0 } .whois_details .icon-free:before{ content:''; vertical-align:middle; background:url('../images/success-sign.png') no-repeat; display:inline-block; width:31px; height:31px; margin:-2px 7px 0 0 } .whois-res .whois_wrapper{ display:none } .whois_details h2{ font:20px "RobotoMedium", Arial, sans-serif; margin:0 0 35px 0; padding:0 40px } .whois_details .content .item{ padding:0 40px; margin:0 0 20px 0 } .whois_details .content h3{ font:16px "RobotoBold", Arial, sans-serif; } .whois_details .content p{ font:16px "RobotoRegular", Arial, sans-serif; margin:0 0 0 35px; } .whois_details .subtext.icon-free{ border:0 } #whois_details{ display:none; } /*------------------------------------------------------------------ massive search PAGE ------------------------------------------------------------------*/ #massive-search-section{ margin-top:-35px;} #massive-search-section .h3+p { text-align:center; margin:0 auto } #massive-search-section .h3 { margin-bottom:30px } #with_delimiter{ overflow:hidden; max-width:690px; } #with_delimiter textarea{ max-width:690px; min-height:170px; margin:50px auto 0 } #with_delimiter textarea.focused{ border-color:#0074c4 } #with_delimiter .btn { margin:40px 0 0 0; } #with_delimiter .col { width:140px; } .zones-list{ overflow:hidden; margin:20px 0 0 0 } .zones-list label{ margin:0 0 5px 0 } .checkbox.replacement{ overflow:hidden; border:2px solid #bebebe; background:#fff; vertical-align:middle; width:20px; display:inline-block; height:20px; margin-bottom:2px; margin-top:-2px; margin-right:4px; padding:0; position:relative; -moz-transition:all 400ms ease 0s; -webkit-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; transition:all 400ms ease 0s; } .checkbox.replacement:hover, .zones-list label:hover .checkbox.replacement{ border-color:#4f73bd } .radio { border:2px solid #bebebe; background:#fff; border-radius:50px; width:15px; height:15px; display:inline-block; margin:0 5px 5px 0; vertical-align:middle; position:relative } label.deleted, label.deleted a{ color:#b4b4b4; pointer-events:none } label.deleted .hint{ color:#b4b4b4; display:none } .radio.disabled{ border-color:#e1e1e1; } .radio .check-knob { background:#4f73bd; width:7px; height:7px; margin:2px auto; border-radius:50px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{ float:left; opacity:0; cursor:pointer; } .checkbox > .check-knob:before { display:none; content:'\f00c'; font:1em "FontAwesome"; height:13px; margin:-7px -5px; width:15px; left:39%; position:absolute; top:46%;} .checked > .check-knob:before { display:block; } .checked > .check-knob { display:block; } .select.replacement{ border:1px solid #bebebe; border-radius:3px; min-width:200px; display:inline-block; position:relative; outline:none; } .select.replacement .select-arrow{ width:30px; position:absolute; right:0px; bottom:0; top:0; margin:auto; } .select.replacement .select-arrow:after{ content:''; display:inline-block; width:0; height:0; border-top:6px solid #4f73bd; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; right:10px; bottom:0; top:0; margin:auto; } .select.replacement .select-arrow:hover{ cursor:pointer } .select.replacement .select-arrow:hover:after{ color:#4462a1 } .select.replacement .drop-down{ font-size:16px; display:none; background:#fff; box-shadow:1px 1px #d8d6d6 inset, -1px #d8d6d6 inset; -webkit-box-shadow:1px 1px #d8d6d6 inset, -1px -1px #d8d6d6 inset; position:absolute; top:100%; left:0; right:0; overflow:hidden} .select.replacement .drop-down.custom-scroll{ height:200px; overflow:hidden } .select.replacement .drop-down span{ display:block; padding:8px 10px; } .select.replacement .drop-down span:hover, .select.replacement .drop-down span.selected{ color:#fff; background:#4f73bd; cursor:pointer } .select.open > .drop-down, .select.auto-open:hover > .drop-down{ display:block; z-index:1000; } .select.replacement.open .select-arrow:after { z-index:1000; } .select-value { background:#fff; display:block; text-overflow:ellipsis; white-space:nowrap; border:0; padding:8px 10px; font-size:16px; line-height:24px; overflow:hidden;} .select.replacement.focus { margin:0; width:200px; } #massive-search-section .info{ max-width:690px; color:#8c8c8c; margin:45px auto 0; } .bulk_search .checkbox input{ width:100%; height:100%; margin:0 } /*------------------------------------------------------------------ DNS PAGE ------------------------------------------------------------------*/ #dns-compare{ margin-top:-35px } .tables-compare{ background:#f9f9f9; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:45px 0 50px; text-align:center; } .tables-compare table .price{ padding:15px 0 0 0; font-size:28px} .tables-compare table .old-price{ text-decoration:line-through; color:#989898; font-size:21px; padding:0 10px 0 0 } /*------------------------------------------------------------------ HELP PAGE ------------------------------------------------------------------*/ #video-guides .item{ width:100%; margin:0 0px 40px 0; display:inline-block; vertical-align:top; text-align:left} #video-guides .item:nth-child(3n){ margin-right:0; } #video-guides .item .img{ /*background:url("../images/video-img-1.png") no-repeat 50% 50% content-box content-box;*/ height:212px; border:4px solid #e7edf8; padding:7px; position:relative; } #video-guides .item .img img{ height:190px; margin:0 auto; display:block } #video-guides .item .img:after{ content:''; position:absolute; right:7px; left:7px; top:7px; bottom:7px; margin:auto; background:rgba(0,0,0,0.6); -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} #video-guides .item:hover .img:after{ opacity:0; cursor:pointer; } #video-guides .item:hover .img{ border-color:#4f73bd } #video-guides .item .play-icon{ z-index:1; position:absolute; top:0; bottom:0; lefT:0; right:0; margin:auto; border-radius:100px; width:74px; height:74px; background:#4f73bd; border:6px solid #e7edf8; font-size:60px; color:#e7edf8; text-align:center; padding-left:10px; line-height:63px } #video-guides .item:hover .play-icon{ background-color:#e7edf8; border-color:#4f73bd; color:#4f73bd; cursor:pointer; } #video-guides .item h1{ color:#4f73bd; padding:15px 0 0 20px; } #video-guides .item h1:hover{ color:#035c9a; cursor:pointer; } #video-guides .item .desc{ padding:0 0 0 20px; } #video-guides .item p{ margin:0 } #view-video { margin-bottom:35px; } #view-video iframe{ margin:0 auto; display:block; border:4px solid #e7edf8; padding:10px; } #view-video .object{ border:4px solid #e7edf8; padding:10px; display:block; margin:0 auto; } #view-video object { max-width:100%; display:block} #view-video object embed{ max-width:100%; display:block} #faq-list .section-title{ margin:0 0 12px 0; font-size:22px } #faq-list dl dt{ background-color:#f1f8ff; border:1px solid #cedaef; margin:0 0 4px 0; -webkit-transition:background-color 0.4s ease 0s; transition:background-color 0.4s ease 0s; font-weight:normal;} #faq-list dl dt a{ display:block; padding:20px; } #faq-list dl dt a:before{ content:'\f067'; font:16px "FontAwesome"; color:#0074c4; padding:0 10px 0 0; } #faq-list dl dt:hover, #faq-list dl dt.active{ background-color:#0074c4; color:#fff; cursor:pointer; } #faq-list dl dt.active a, #faq-list dl dt:hover a{ color:#fff } #faq-list dl dt.active a:before{ content:'\f068'; color:#fff; } #faq-list dl dt:hover:before{ color:#fff; } #faq-list dl dt:hover a:before{ color:#fff; } #faq-list dl dd{ margin:-5px 0 5px } #faq-list.api-desc dl dt { padding:20px; } #faq-list.api-desc dl dt:before{ content:'\f067'; font:16px "FontAwesome"; color:#0074c4; padding:0 10px 0 0; } #faq-list.api-desc dl dt:hover, #faq-list.api-desc dl dt.active{ background-color:#0074c4; color:#fff; cursor:pointer; } #faq-list.api-desc dl dt.active a, #faq-list.api-desc dl dt:hover{ color:#fff } #faq-list.api-desc dl dt.active:before{ content:'\f068'; color:#fff; } #faq-list.api-desc dl dt:hover:before{ color:#fff; } #faq-list.api-desc dl dt:hover:before{ color:#fff; } #faq-list .helpbox, #faq-list dl .dd { padding:20px; border:1px solid #cedaef} #faq-list .helpbox dl { margin-bottom:0 } #faq-list .helpbox p a{ text-decoration:underline } #faq-list .helpbox p a:hover{ text-decoration:none } #faq-list h4 { font:16px "RobotoMedium", Arial, sans-serif; margin:0 0 0 35px } #faq-list .indent { margin-left:35px } #faq-list .footnote{ font-size:14px; color:#6b6b6b } #view-video .object object { display:block; margin:0 auto;} #open-all-list, #close-all-list{ color:#0074c4; cursor:pointer; padding:0 15px 20px 0; display:inline-block } #open-all-list i, #close-all-list i{ padding:0 0 0 5px } #close-all-list:hover, #open-all-list:hover{ color:#0048cb} .domain_faq #faq-list .displaynone{ display:none; } .domain_faq #faq-list dl dt span:before{ content:'\f067'; font:16px "FontAwesome"; color:#0074c4; padding:0 10px 0 0; } .domain_faq #faq-list dl dt span{ display:block; padding:20px; } .domain_faq #faq-list dl dt:hover span:before{ color:#fff } .more_faq_info{ text-decoration:underline; } .more_faq_info:hover{ text-decoration:none; } /*------------------------------------------------------------------ HOSTING PAGE ------------------------------------------------------------------*/ .promo-bg.hosting-page { background:none; height:385px; margin:-43px 0 0; overflow:visible; position:relative; } .hosting-page .bg-image{ background:#01496F url('../images/hosting-page-promo-bg.jpg') no-repeat 50% 50%; height:385px; left:0; margin:auto; position:absolute; right:0; top:0; z-index:-1;} #section-adv.hosting{ margin-top:0 } #section-adv.hosting .tabs-content{ padding-bottom:0 } .promo-bg.index-page.vds-page #timer{ } .banner-small.promo-bg img{ height:200px } .banner-small.promo-bg { height:200px } /* plashka */ .offer_sail{ position:relative; padding:0 25px 0 0; width:790px; margin:0 auto 30px; background:#fff; border:2px solid #E7EDF9; } .offer_sail p{ display:inline-block; margin:0; vertical-align:middle; padding-top:25px; padding-bottom:25px; margin-left:40px; } .offer_sail a{ color:#78AA4B; font:16px "RobotoMedium", Arial, sans-serif; text-decoration:underline; text-align:center; vertical-align:middle; display:inline-block; margin:0 0 0 10px; } .offer_sail a:hover{ text-decoration:none; } .offer_sail a i{ padding:0 0 0 2px } .offer_sail em{ position:absolute; left:20px; top:0; font-size:1.5em; color:#E2E8F6; display:inline-block; vertical-align:middle; padding:0 20px 0 0; border-right:1px solid #e7edf9; line-height:73px;} /* small banner */ .vds_offer_banner{ border:2px solid #fe933d; padding:10px; margin:10px 0 0 0; background:#fff; } .vds_offer_banner p{ font-size:14px; margin-bottom:32px } .table-OpenVZ .vds_offer_banner p{ margin-bottom:16px } .vds_offer_banner a, .vds_offer_banner .fa{ color:#78AA4B; } .vds_offer_banner a:hover{ text-decoration:none; } .hosting .price-list { text-align:center; } .table-hosting{ margin:0 16px 30px 0; display:inline-block; text-align:left; vertical-align:top } .table-hosting th{ text-align:center; text-transform:uppercase;} .table-hosting{ border:0 } .table-hosting tr { border-left:1px solid #cedaef; border-right:1px solid #cedaef; } .table-hosting tr td:first-child{ border-right:0; color:#6b6b6b; } .table-hosting tr td:last-child{ text-align:right; font:20px "RobotoMedium", Arial, sans-serif; } .table-hosting tr.serv td{ font:16px "RobotoRegular", Arial, sans-serif; text-align:left; padding:0} .table-hosting tr.serv td p{ margin:0; min-height:108px; } .table-hosting tr.price td { color:#4f73bd; font-size:28px; text-align:center; } .table-hosting tr.price .old-price{ color:#B5B5B5; text-decoration:line-through; } .table-hosting tr.price+tr:hover{ background:0 } .table-hosting tr td .btn{ border-radius:0 0 3px 3px; display:block; } .table-hosting tr:last-child{ border:0; } .table-hosting tr:last-child td{ border:0; padding:0; } #section-adv.reseller .payment-system, #section-adv.dm-page .payment-system{ background:none } .domains-prices+table tr:hover{ background:none } .domains-prices.table-regular tr th{ background-color:#EDF3FE; border-color:#CEDAEF; border-bottom:0; color:#6a6a6a} .tariff-type { padding:0 0 45px 0 } .hosting .about{ text-align:left; margin:0 auto; vertical-align:middle; padding:0px 0 0px;} .hosting .about.XenSSD { margin-bottom:0;} .hosting .about .h1-name{ color:#0074c4; display:table-cell; vertical-align:middle; text-align:center; } .hosting .about .desc{ overflow:hidden; display:table-cell } .hosting .about.XenSSD .h1-name:before{ content:''; background:url("../images/xen-logo.png") 0 0 no-repeat; height:36px; width:81px; display:inline-block; margin:0 10px 0 0 } .hosting .about.OpenVZ .h1-name:before{ content:''; background:url("../images/openvz-logo.png") 0 0 no-repeat; height:60px; width:66px; display:inline-block; margin:0 10px 0 0 } .xentable .it span{ text-align:left; display:inline-block; min-width:49px; position:relative; max-width:100px } .xentable.table-OpenVZ .it span{ max-width:100% } .xentable .it{ margin:0 0 10px 0; } .xentable .table .price p{ margin:8px 0 0 0; } .xentable .new-price i{ font:normal 11px "RobotoRegular", Arial, sans-serif; position:absolute; left:0; top:0 } .xentable .table-regular tr.price td{ padding:10px 5px } .vds-section-offer{ padding:25px; background:#FFFAE4; border:4px solid #FF9923; position:relative } .vds-section-offer p{ margin:0; font-size:16px; padding-left:60px; text-align:left; color:#fff } .vds-section-offer > .fa{ font-size:37px; position:absolute; color:#FF9923; left:35px; } .vds-section-offer a{ text-decoration:underline; color:#FF9923; white-space:nowrap } .vds-section-offer a .fa{ padding:0 0 0 3px } .vds-section-offer a:hover{ text-decoration:none } .tariff-type .table a{ text-decoration:underline; } .tariff-type .table a:hover{ text-decoration:none; } .section-XenSSD{ background:#f9f9f9; } /*.section-OpenVZ{ padding:45px 0 0 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }*/ .xentable{ float:left; } .titled-table{ float:left; background:none; border:0; } .tariff-type:after{ content:''; display:block; clear:both; } .table-regular.titled-table tr td{ font:14px "RobotoRegular", Arial, sans-serif; color:#444; border:1px solid #ddd;} .table-regular.titled-table tr th{ font:16px "RobotoRegular", Arial, sans-serif; color:#444; background:#EDF3FE; border:0} .table-regular.titled-table tr{ border-color:#dddddd; background:none !important } .table-regular.titled-table tr th{ background:none } .table-regular.titled-table tr td:last-child{border-right:1px solid #ddd; } .tariff-section .table.xentable .purpose td{ color:#444; vertical-align:top } .tariff-section .table.xentable{ float:left; border:0; } .tariff-section .table.xentable tr td{ border:1px solid #CEDAEF } .xentable .price p{ margin-bottom:0; font-size:24px } .xentable .price p em{ font-style:normal; font-size:12px; font-family:"RobotoRegular", Arial, sans-serif; display:block } .xentable.table-OpenVZ .price p em{ font-style:normal; font-size:16px; font-family:"RobotoMedium", Arial, sans-serif; display:inline-block } .xentable .price p .fa{ padding:0 6px 0 0; color:#ff6600 } .xentable .price b{ display:block; color:#FF5300 } .xentable .price .pr{ color:#FF5300; font-size:18px; padding:0 23px } .hosting .hint .hint-name{ width:260px } .payment-system{ text-align:left } /* packages advantages */ .packages-advantages{ background:#fff; border:1px solid #dddddd; margin:0 0 20px 184px; max-width:1008px; padding:10px 20px; text-align:left; overflow:hidden; border-radius:4px; } .packages-advantages p{ margin:0; font:16px "RobotoMedium", Arial, sans-serif; color:#444; padding:0 50px 0 0; float:left } .packages-advantages .wr{ float:left; margin:3px 0 0 0 } .packages-advantages .item-list:not(:first-child){ margin:10px 0 0 0 } .packages-advantages .item-list i{ color:#B8B8B8; width:25px; text-align:center } .packages-advantages .item-list span{ min-width:105px; display:inline-block; color:#444; font-size:14px; } .buy_testvds_section{ padding:35px; background:#fff; border-top:1px solid #eaeaea; } .bnt-vds-makeorder-test{ padding:0 60px } .buy_testvds_section .line{ display:inline-block; margin-right:10px } .buy_testvds_section .radio_line{ margin-bottom:20px; } .buy_testvds_section input[type="radio"] + label:before { background:#fff; border:2px solid #bebebe; border-radius: 50px; content:""; float: left; height: 15px; margin:3px 6px 0 0; width: 15px; } .buy_testvds_section input[type="radio"]:checked + label:after { background:#4F73BD; border-radius:50px; content: ""; display: block; height:7px; left: 4px; position:absolute; top:7px; width: 7px; } .buy_testvds_section input[type="radio"] + label { position:relative; margin-right:0; margin-left:0 } .buy_testvds_section input[type="radio"] { float:left; height:16px; margin:0; opacity:0; padding:0; position:absolute; width:16px; } /*green hover*/ .table.xentable .action .btn { transition:border-radius 0s ease 0s } .table.xentable:hover .action .btn { border-radius:0 } .table.xentable:hover tr:last-child{ border-left:1px solid #78aa4b; } .table.xentable tr th{ text-align:center; border-bottom:0} .table.xentable .action{ border:0; padding:0; } .table.xentable .action a{ text-decoration:none } .table.xentable .action .btn{ width:100%; border-radius:0 0 3px 3px} .table.xentable .price td { font-size:20px; color:#4f73bd; text-align:center; font-family:"RobotoMedium", Arial, sans-serif } .table.xentable .old-price{ color:#D55336; text-decoration:line-through; } .tariff-section .table.xentable .action td{ padding:0; border:0;} .section-XenSSD .table .adm-overuse td { height:60px } .section-XenSSD .table .action .btn { transition:border-radius 0s ease 0s } .adm-overuse{ margin-top:35px; text-align:left } .adm-overuse p{ margin-bottom:0; padding-bottom:1rem } .adm-traffic{ margin-top:35px; text-align:left } .table-hosting tr td .btn a{ text-decoration:none } .vds-article h3:first-child{ margin-top:0 } .vds-about-button{ width:200px; display:block; margin:35px auto 0; } /* new marker */ /*.table-Start .control-panel .isp{ position:relative; padding:0 5px 0 0; display:block; } .table-Start .control-panel .isp:after{ content:'new'; margin:0 0 0 5px; text-transform:uppercase; color:#fff; padding:0 6px; background:#ff5300; font-size:10px; line-height:16px; } .table-Popular .control-panel .isp{ padding:0 5px 0 0; display:block; } .table-Popular .control-panel .isp:after{ content:'new'; margin:0 0 0 5px; text-transform:uppercase; color:#fff; padding:0 6px; background:#ff5300; font-size:10px; line-height:16px; } */ .plussy{ float:right; position:relative; padding:0 5px 0 0; display:inline-block; padding:5px 0 0 0; font-family:"RobotoBold", Arial, sans-serif; background:#78AA4B; color:#fff; border-radius:50px; padding:0 7px } .plussy i{ font-style:normal; display:inline-block; } .plussy.displaynone{ display:none } .table-regular.table-small-width .control-panel{ height:60px; } #section-adv.hosting .adv-list .item h3{ color:#4f73bd } #section-adv.hosting .adv-list .item:hover h3{ color:#2e5197 } #section-adv.hosting .adv-list .item p{ color:#444 } /* adv menu */ .adv-menu { text-align:center; margin-left:0; margin-bottom:35px } .adv-menu li{ display:inline-block; list-style-type:none; margin:0 10px 0; line-height:20px; font-family:"RobotoMedium", Arial, sans-serif; border-bottom:4px solid #a6b6d7; padding:0 0 10px 0} .adv-menu li:first-child{ margin:0} .adv-menu li:last-child{ margin:0} .adv-menu li.icon a:before{ content:''; display:block; margin:0 auto 10px; width:51px; height:50px; background:url('../images/hosting-adv-sprite-nav.png') no-repeat } .adv-menu li.icon.own-plates a:before{ background-position:0 -52px;} .adv-menu li.icon.free-dns a:before{ background-position:-50px -52px;} .adv-menu li.icon.prof-eq a:before{ background-position:-105px -52px;} .adv-menu li.icon.premium-channel a:before{ background-position:-158px -52px; } .adv-menu li:hover a{ color:#2e5197 } .adv-menu li.icon.own-plates a:hover:before{ background-position:0 0;} .adv-menu li.icon.free-dns a:hover:before{ background-position:-50px 0;} .adv-menu li.icon.prof-eq a:hover:before{ background-position:-105px 0;} .adv-menu li.icon.premium-channel a:hover:before{ background-position:-158px 0;} .adv-menu li.icon.active.own-plates a:before{ background-position:0 0px;} .adv-menu li.icon.active.free-dns a:before{ background-position:-50px 0;} .adv-menu li.icon.active.prof-eq a:before{ background-position:-105px 0;} .adv-menu li.icon.active.premium-channel a:before{ background-position:-158px 0;} .adv-menu li.active{ pointer-events:none; } .adv-menu li.icon.own-plates.active a:hover:before{ background-position:0 0;} .adv-menu li.icon.free-dns.active a:hover:before{ background-position:-50px 0;} .adv-menu li.icon.prof-eq.active a:hover:before{ background-position:-105px 0;} .adv-menu li.icon.premium-channel.active a:hover:before{ background-position:-158px 0;} #section-adv.hosting .adv-list .backlink {display:block; line-height:21px; margin:0 0 45px 0; position:relative; text-align:center; } #section-adv.hosting .adv-list .backlink i{ -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); margin-right:7px } /* vds cart popup */ #order-item .desc{ text-transform:uppercase; font:20px "RobotoMedium", Arial, sans-serif; padding:0 0 20px 0; border-bottom:1px solid #c7c7c7 } #order-item .desc .price{ float:right; } #order-item .desc .price i{ font-style:normal; font:0.875em "RobotoRegular", Arial, sans-serif;; text-transform:none; } #order-item .field{ margin:0 0 20px; } #order-item .field input[type="text"]{ width:80%; display:inline-block } #order-item .field .required input:after{ content:'*'; color:#bd4f4f; font-size:20px } #order-item .field label{ font-size:16px; } #order-item .field label:hover{ color:#4f73bd } #order-item .field p{ margin:0 0 7px 0; font-family:"RobotoMedium", Arial, sans-serif; } #order-item .btn+.btn{ margin:0 0 0 10px; } #order-item .btn{ margin-top:30px } #order-item .wr:before{ width:20px; height:20px; content:'*'; font:20px "RobotoMedium", Arial, sans-serif; color:#bd4f4f; position:relative; top:-13px; left:2px } #order-it .vds-order .action { text-align:right } /* vds cart */ #order-it .desc{ text-transform:uppercase; font:20px "RobotoMedium", Arial, sans-serif; width:320px } #order-it .desc .price{ float:right; } #order-it .desc .price i{ font-style:normal; font:0.875em "RobotoRegular", Arial, sans-serif;; text-transform:none; } #order-it .field{ margin:20px 0px 0px 20px; } #order-it .field input[type="text"]{ width:80%; display:inline-block } #order-it .field .required input:after{ content:'*'; color:#bd4f4f; font-size:20px } #order-it .field label{ font-size:16px; } #order-it .field label:hover{ color:#4f73bd } #order-it .field p{ margin:0 0 7px 0; font-family:"RobotoMedium", Arial, sans-serif; } #order-it .btn+.btn{ margin:0 0 0 10px; } #order-it .btn{ margin-top:30px } #order-it .wr:before{ width:20px; height:20px; content:'*'; font:20px "RobotoMedium", Arial, sans-serif; color:#bd4f4f; position:relative; top:-13px; left:2px } #order-it .btn-gr{ border-top:1px solid #c7c7c7; padding:20px 0 0 0; margin:0 auto; text-align:center } #order-it .btn-gr li{ list-style-type:none; display:inline-block; line-height:40px; height:40px; color:#4f73bd; text-align:center; border:1px solid #4f73bd; box-shadow:1px 1px 0 #4f73bd inset, -1px -1px 0 #4f73bd inset; } #order-it .btn-gr li.active, #order-it .btn-gr li:hover{ background:#4f73bd; cursor:pointer} #order-it .btn-gr li:hover a{ color:#fff } #order-it .btn-gr li.ui-tabs-active {background:#4f73bd; } #order-it .btn-gr li.ui-tabs-active a{ color:#fff; } #order-it .btn-gr li.reg-user{ border-radius:3px 0 0 3px } #order-it .btn-gr li.adv-user{ border-radius:0 3px 3px 0; margin:0 0 0 -5px } #order-it .btn-gr li a{ display:block; padding:0 25px; } #order-it .content-form{ padding:20px 0 0 0 } #order-it .content-form .step{ -moz-transition:background-color 0.8s ease 0s, opacity 0.8s ease 0s; -webkit-transition:background-color 0.8s ease 0s, opacity 0.8s ease 0s; transition:background-color 0.8s ease 0s, opacity 0.8s ease 0s; } #order-it .reg-user-content .content-form .step{ opacity:0.45; pointer-events:none } #order-it .content-form .step .step-content{ padding:0 40px 20px; margin:20px 0 0 0; border-right:1px solid #d1ddf0; min-height:410px; } #order-it .content-form .step h1{ position:relative; background:#edf3fe; border:1px solid #d3def1; border-right:0; padding:10px 0 10px 10px; color:#767677; font:1em "RobotoMedium", Aril, sans-serif; margin:0; } #order-it .content-form .st_4 h1, #order-it .content-form .st_5 h1, #order-it .content-form .step.active h1{ border-right:1px solid #d3def1; } #order-it .reg-user-content .content-form .step h1:hover{ cursor:pointer } #order-it .content-form .st_4 .step-content, #order-it .content-form .st_5 .step-content{ border-right:0; } #order-it .content-form .step:last-child{ height:0 } #order-it .content-form .step .step-content h3{ color:#767677; border-color:#767677; } #order-it .content-form .step h1 i{ font-style:normal; } #order-it .content-form .step h1:after{ content:'\f101'; font:3em/40px "FontAwesome"; position:absolute; right:5px; top:0; color:#d1ddf0; } #order-it .content-form h3{ outline:none; border:1px solid #4f73bd; border-bottom:0; width:100%; padding:10px; text-align:center; margin:0 auto; color:#4f73bd; font:1em "RobotoRegular", Arial, sans-serif } #order-it .content-form h3:first-child{ border-radius:3px 3px 0 0 } #order-it .content-form .label-group{ background:#f7faff; border:1px solid #4f73bd; border-bottom:0; padding-bottom:10px } #order-it .content-form .label-group:last-child{ border-bottom:1px solid #4f73bd; border-radius:0 0 3px 3px } #order-it .content-form .label-group p{ margin:0; padding:0 10px;} #order-it .content-form .label-group p:first-child{ padding-top:10px } #order-it .content-form .label-group p:last-child{ padding-bottom:0px } #order-it .content-form .label-group.ui-accordion-content-active{ border:1px solid #4f73bd; border-bottom:0; min-height:86px } #order-it .content-form .ui-accordion-header-active:nth-last-child(2){ border-radius:0 } #order-it .content-form .ui-accordion-content-active:last-child{ border-radius:0 0 3px 3px } #order-it .content-form .step.st_5{ margin:20px 0 0 0; } #order-it .content-form .label-group.ui-accordion-content-active:last-child{ border-bottom:1px solid #4f73bd } #order-it .content-form .step h3.ui-state-active{ background:#4f73bd } .cart-page .table.vds-order-table { border:0; margin-bottom:0 } .cart-page .table.vds-order-table tr { background:none; } .cart-page .table.vds-order-table tr td:first-child{ text-align:right } .cart-page .table.vds-order-table tr td{ background:none; padding:0 10px 5px; color:#6b6b6b; } .cart-page .table.vds-order-table tr td:last-child{ font-family:"RobotoMedium", Arial, sans-serif; color:#000 } .package-charact{ padding:10px; border:1px solid #cedaef; margin:0 0 20px 0; } .package-charact > p{ font-family:"RobotoMedium", Arial, sans-serif } .cart-page .empty-cart.btn-group{ margin:35px 0 0 0; } /* regular user */ #order-it .reg-user-content .content-form .step:first-child{ visibility:visible; opacity:1 } #order-it .reg-user-content .content-form .step.shown{ visibility:visible; opacity:1; pointer-events:auto} #order-it .reg-user-content .content-form .step .next{ display:inline-block; position:relative; float:right; margin-top:0; margin-right:20px } #order-it .reg-user-content .content-form .step .next:after{ content:''; position:absolute; right:-20px; top:0; width:1px; height:50px; background:#d1ddf0 } #order-it .reg-user-content .content-form .step .label-group{ border-color:#767677; } #order-it .reg-user-content .content-form .step h1 span{ padding-right:50px; float:right } #order-it .reg-user-content .content-form .step.shown .next{ pointer-events:none; display:none } #order-it .reg-user-content .content-form .step.shown h1{ pointer-events:none; } #order-it .reg-user-content .content-form .step.shown h1:after{ display:none; } #order-it .reg-user-content .content-form .step:last-child .next{ display:none } /* active step */ #order-it .content-form .step.active { pointer-events:auto; opacity:1 } #order-it .reg-user-content .content-form .step.active .label-group{ border-color:#4F73BD; } #order-it .reg-user-content .content-form .step.shown .label-group{ border-color:#4F73BD; } #order-it .content-form .step.active .step-content h3{ color:#4F73BD; border-color:#4F73BD; } #order-it .content-form .step.shown .step-content h3{ color:#4F73BD; border-color:#4F73BD; } /*#order-it .content-form .step.shown .step-content h3:hover{ color:#fff; }*/ #order-it .content-form .step.active .step-content h3.ui-state-active{ color:#fff; } #order-it .content-form .step.shown .step-content h3.ui-state-active { color:#fff; } /* #order-it .content-form .step.active .step-content h3:hover{ color:#fff; }*/ #order-it .content-form .step.active h1:hover:after{ color:#fff } #order-it .content-form .step.active:last-child h1:after{ display:none } #order-it .reg-user-content .content-form .step.active{ visibility:visible; opacity:1; display:block } #order-it .reg-user-content .content-form .step.active h1{ background:#4f73bd; color:#fff; border-color:#4f73bd; } #order-it .reg-user-content .content-form .step.active h1:hover:after{ color:#fff; } /*#order-it .content-form h3:hover{ background:#4f73bd; color:#fff; cursor:pointer }*/ #order-it .reg-user-content .content-form .step.shown.active{ visibility:visible; opacity:1; pointer-events:auto} #order-it .reg-user-content .content-form .step.shown.active h1{pointer-events:none; background:#edf3fe; border-color:#d3def1; color:#767677; } /* advanced user */ #order-it .adv-user-content h1:after { display:none } #order-it .adv-user-content h1 i{ display:none } #order-it .adv-user-content .content-form .step:last-child{ height:auto } #order-it .adv-user-content .next{ display:none } #order-it .adv-user-content .content-form .step h1 span{ display:none } #order-it .adv-user-content .content-form .step .step-content h3{ color:#4f73bd; border-color:#4f73bd } #order-it .adv-user-content .content-form .step h3.ui-state-active{ color:#fff } #order-it .content-form .step-content .software:first-child h3{ border-radius:3px 3px 0 0} #order-it .content-form .step-content .software .label-group{ border-bottom:0; border-radius:0} #order-it .content-form .step-content .software:last-child .label-group{ border-bottom:1px solid #767677; border-radius:0 0 3px 3px} #order-it .content-form .shown .step-content .software:last-child .label-group{ border-bottom:1px solid #4f73bd;} #order-it .content-form .active .step-content .software:last-child .label-group{ border-bottom:1px solid #4f73bd;} #order-it .content-form .step-content .software h3:hover .hint-name { text-align:left; } #order-it .adv-user-content .content-form .step-content .software:last-child .label-group{ border-bottom:1px solid #4f73bd;} .vds-article a{ text-decoration:underline } .vds-article a:hover{ text-decoration:none } .vds-tabs .about .desc a{ text-decoration:underline } .vds-tabs .about .desc a:hover{ text-decoration:none } .vds-tabs .payment-system a{ text-decoration:underline } .vds-tabs .payment-system a:hover{ text-decoration:none } .table-regular.table-XenSSD tr.admin a{ text-decoration:underline } .table-regular.table-XenSSD tr.admin a:hover{ text-decoration:none } .table-regular.table-XenSSD tr.traffic a{ text-decoration:underline } .table-regular.table-XenSSD tr.traffic a:hover{ text-decoration:none } .table-hosting tr td a[href="#adm-overuse-OpenVZ"]{ text-decoration:underline } .table-hosting tr td a[href="#adm-overuse-OpenVZ"]:hover{ text-decoration:none } .tariffs-description h4{ padding:0 0 0 55px; line-height:46px; height:46px; } .tariffs-description .sp{ background:url('../images/tariffs_details.png') no-repeat; } .tariffs-description .loc{background:url('../images/tariffs_details.png') no-repeat 0 -48px; } .tariffs-description .pt{background:url('../images/tariffs_details.png') no-repeat 0 -91px; } .tariffs-description .pn{background:url('../images/tariffs_details.png') no-repeat 0 -139px; } .tariffs-description .vnc{background:url('../images/tariffs_details.png') no-repeat 0 -183px; } /*------------------------------------------------------------------ CART PAGE ------------------------------------------------------------------*/ .cart-page .select-period form > div:last-child{ height:42px; font:16px/38px "RobotoRegular",Arial,sans-serif; } .a_pay{ font-size:14px; margin:20px 0 0 0; padding:5px 0 0 0; border-top:1px solid #bebebe } .service-price{ text-align:right !important; padding-right:105px !important } .cart-page .cart-item h1{ font-family:"RobotoMedium", Arial, sans-serif; color:#444; text-transform:uppercase; max-width:323px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .cart-page .cart-item .teriff-details p{ margin:0 0 5px 0; font:14px "RobotoRegular", Arial, sans-serif; } .cart-page .cart-item .teriff-details p span{ font-family:"RobotoMedium", Arial, sans-serif; } .cart-page .cart-item input.coupon{ padding:8px 10px; border-width:1px; margin-bottom:0; line-height:24px; display:inline-block; } .cart-page .cart-item form{ margin:0; display:inline-block; text-align:left; } .cart-page .select-period .select.replacement{ text-align:left } .cart-page .select-period { text-align:center; } .cart-page .select-period form{ display:inline-block; margin:0 auto; } .cart-page .cart-item form span{ vertical-align:middle; display:inline-block } .cart-page .cart-item .cupon-btn{ display:block; margin:5px 0 0 0; } .cart-page .remove-action{ text-align:center } .cart-page .remove-action a{ padding:0; } .cart-page .remove-action a:before{ padding:0; margin:0 } .cart-page table tr:hover{ background:transparent; } .cart-page .cart-item td.cost .coupon-td{ text-align:center; } .cart-page .cart-item td:last-child{ text-align:right; vertical-align:middle } .cart-page .cart-item td.cost{ vertical-align:top } .cart-page .cart-item .item-price{ float:left; } .cart-page .cart-item .item-price .old-p{ text-decoration:line-through; color:#949494; font-size:16px } .cart-page .cart-item .item-price .oldprice{ text-decoration:line-through; font:14px "RobotoRegular", Arial, sans-serif; color:#929292 } .cart-page .cart-item .icon-remove{ color:#4F73BD; } .cart-page .cart-item .icon-remove:hover{ color:#5b84d7; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .cart-page .total-price { font:16px "RobotoRegular", Arial, sans-serif; } .cart-page .total-price span{ font:24px "RobotoMedium", Arial, sans-serif; padding:0 0 0 10px } .cart-page .hint-name{ width:200px } .pay-button-form{ width:auto; overflow:hidden } .hint.info-error{ display:none; margin:5px 0; } .hint.info-error .hint-name{ font-size:12px; display:block; position:static; width:auto; padding:10px; background-color:#fdf3f3; color:#bd4f4f; border-color:#bd4f4f } .hint.info-error .hint-name:before, .hint.info-error .hint-name:after{ display:none } #clear-cart a{ font-size:21px } #clear-cart span{ font:16px "RobotoRegular", Arial, sans-serif; } .merchant-choose{ padding:0 0 20px 0; } .merchant-choose .item{ vertical-align:top; margin:0 0 10px 0; width:145px; text-align:center; display:inline-block; border:1px solid #cedaef; font:16px "RobotoRegular", Arial, sans-serif; cursor:pointer} .merchant-choose .item form{ margin:0 } .merchant-choose .item:before { background:url("../images/cart-sprite-small.png") no-repeat; content:""; display: block; height:32px; margin:10px auto 0; width:50px; } .merchant-choose .item.webmoney:before{ background-position:0 0; } .merchant-choose .item.wmdirect:before{ background-position:0 0; } .merchant-choose .item.paypal:before{ background-position:-61px 0; } .merchant-choose .item.epayservice:before{ background-position:-185px 0; } .merchant-choose .item.ecoin:before{ background-position:-247px 0; } .merchant-choose .item.paxum:before{ background-position:-122px 0; } .merchant-choose .item.interkassa:before{ background-position:-371px 0; } .merchant-choose .item.epayments:before{ background-position:-309px 0; } .merchant-choose .item:hover{ background:#4f73bd; color:#fff; } .merchant-choose .item:hover:before{ background-image:url("../images/cart-sprite-small.png"); } .merchant-choose .item.webmoney:hover:before{ background-position:0 -32px; } .merchant-choose .item.wmdirect:hover:before{ background-position:0 -32px; } .merchant-choose .item.paypal:hover:before{ background-position:-61px -32px; } .merchant-choose .item.epayservice:hover:before{ background-position:-185px -32px; } .merchant-choose .item.ecoin:hover:before{ background-position:-247px -32px; } .merchant-choose .item.paxum:hover:before{ background-position:-122px -32px; } .merchant-choose .item.interkassa:hover:before{ background-position:-371px -32px; } .merchant-choose .item.epayments:hover:before{ background-position:-309px -32px; } .merchant-choose .merchant-action{ padding:5px 0 0 0; height:145px;} .merchant-choose .merchant-action p{ margin-bottom:0 } .merchant-choose .merchant-action p .b{ display:block; font-family:"RobotoMedium", Arial, sans-serif; text-align:center } .merchant-choose .merchant-action .small{ font-size:12px } .pay-select-form .variant{ border-top:1px solid #c7c7c7; padding:15px 0; margin:0 } .pay-select-form .variant .arr{ background:url(../images/arr-more.png) no-repeat 0 0; padding:0 0 0 30px; vertical-align:middle; display:inline-block; height:24px } .pay-select-form h1{ margin:0 } .pay-select-form h1+p{ margin:0 0 35px 0 } .cupon_entered{ float:left; } .cupon_entered .bold{ display:block !important; font:16px "RobotoMedium", Arial, sans-serif; } .coupon .del_coupon { float:left; margin:0 10px 0 0; font-size:18px; } .coupon .del_coupon:hover{ color:#4462a1; cursor:pointer; } .period-whois-select{ width:200px } .period-whois-select option.desabled{ pointer-events:none; color:#ccc; cursor:default } .period-whois-select .drop-down span { pointer-events:none; color:#ccc; cursor:default } .vds-period{ margin:78px 0 0 0 } .cart-page .table .domain { border-bottom:0; } .cart-page .table .domain h1{ text-transform:none; } .cart-page .table .domain td{ padding-bottom:0; } .table-light-blue tr.whois td:last-child{ border-right:0 } .item-details[type="domain"], .item-details[type="server"]{ padding:0 0 0 70px; } .item-details[type="domain"]{ background:url('../images/cart-item-ico-domain.png') no-repeat 0 37px;} .item-details[type="server"]{ background:url('../images/cart-item-ico-server.png') no-repeat 0 37px; } .whois p.color{ color:#78aa4b; } .whois p.title{ font-family:"RobotoMedium", Arial, sans-serif; } .whois .indent p{ margin-bottom:0 } .whois .indent p.sub{ color:#4d4d4d; font-size:14px; padding:5px 0 0 16px; } .cart-page .table tr .additional-service-wr{ padding:0 0px 0 82px; position:relative; border:0} .cart-page .table tr .additional-service-wr td{ padding:15px 0; } .cart-page .table tr .additional-service-wr .item-price{ margin:0; padding-left:40px } /* .cart-page .table tr .additional-service-wr:before{ background:#fff; border:1px solid #cedaef; border-radius:100px; color:#cedaef; content:"+"; font:16px/27px "RobotoBold",Aroal,sans-serif; height:30px; left:115px; position:absolute; text-align:center; top:-16px; width:30px; } */ .cart-page .table tr .additional-service-wr table { margin-bottom:-3px; border:2px dotted #cedaef; border-radius:10px; display:block; } .cart-page .table .additional-service-title{ border:0 !important; font:16px "RobotoMedium", Arial, sans-serif; } .additional-services-tr > td{ padding:0 !important;} .additional-services-tr > td table{ border:0} .additional-service-title p{ margin:0; padding:0 0 0 13px !important } .additional-service-title > td{ border:0 !important } .additional-service-title td.content{ padding:0 !important } .additional-services-tr .cart-item { border-bottom:0 !important } .additional-services-tr table tr:last-child table{ margin-bottom:10px !important } .cart-page .table tr .additional-service-title .remove-action{ padding:15px 0; width:127px } .cart-page .table tr .additional-service-wr .select-period{ width:300px; } .cart-page .table tr .additional-service-wr .cost{ border:0 } .cart-page .table tr .old-price{ color:#949494; font-size:16px; text-decoration:line-through } .additional-services-tr .indent i{ width:12px; display:inline-block; } .cart-page .table-light-blue tr td:last-child{ border-right:0 } /* i agree */ .cart-page .i_agree{ margin:20px 0 0 0; position:relative; background:#edf3fe; height:60px; border-radius:4px; border:1px solid #cedaef; } .cart-page .i_agree_label{ margin:0; position:absolute; left:20px; top:20px; } .cart-page .i_agree_label a{ text-decoration:underline; vertical-align:top; } .cart-page .i_agree_label a:hover{ text-decoration:none; } .cart-page .i_agree input[type=checkbox] { z-index:1; height:19px; width:19px; left:20px; top:20px; margin:0; opacity:0; padding:0; position:absolute; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -ms-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .cart-page .i_agree input[type=checkbox]:hover ~ label:before { border-color:#4F73BD;} .cart-page .i_agree input[type=checkbox] ~ label:before { content:''; background:#fff; height:20px; width:20px; border:2px solid #bebebe; display:inline-block;} .cart-page .i_agree input[type=checkbox]:checked ~ label:after { content:'\f00c'; font:1em "FontAwesome"; height:5px; width:5px; left:4px; position:absolute; top:3px;} .cart-page .i_agree input[type=checkbox] ~ label span{ vertical-align:top; padding:0 0 0 3px; display:inline-block } /* Fix Android */ body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} } #cartPayNow.disabled{ pointer-events:none; opacity:0.7 } .cart-bottom{ margin:20px 0 0 0; border-top:2px solid #cedaef; } .btn-group-cart{ margin:10px 0 0 0 } .btn-group-cart .ok{ margin:0 10px 0 0; } #cart_update_msg{ margin:0 auto 20px; width:350px; text-align:center; } /*------------------------------------------------------------------ REGISTRATION PAGE ------------------------------------------------------------------*/ #registration_form label{ font-size:1em } .register-page form{} .register-page form input{ width:400px; padding:10px; display:inline-block; margin:0 } .register-page form input[type="button"]{ line-height:30px; height:52px; } .register-page form .select{ width:418px; } .register-page .inlines{ margin:0 0 20px 0; position:relative; cursor:default } .register-page .inlines .wr{ position:absolute; left:405px; top:7px; } .register-page .formfields{ padding:20px 0 0 0; } .register-page .formfields:not(:last-child){ border-bottom:1px solid #d8d7d7; } .register-page .submit{ padding:0 20px; width:auto; line-height:50px; } .register-page .required .wr:before{ content:'*'; font:20px "RobotoMedium", Arial, sans-serif; color:#bd4f4f; position:relative; top:-13px; left:2px } .register-page .error{ padding:10px; background:#fff2f2; border:1px solid #d89898; margin:5px 0; width:400px} .register-page input.error{ border:2px solid #bd4f4f; background:#fff} #more_inputs .wr{ top:36px } #more_inputs .select + .wr:before{ top:-38px} .special-login-form dt{ margin:15px 0; } .special-login-form dt label{ font:16px "RobotoMedium", Arial, sans-serif; } .special-login-form dd{ margin:0 0 0 21px;} .special-login-form dl{ margin:40px 0;} .special-login-form .select{ max-width:320px; overflow:hidden } .special-login-form .select option{ text-overflow:ellipsis; white-space: nowrap; } /*------------------------------------------------------------------ RESELLER PAGE ------------------------------------------------------------------*/ .promo-bg.reseller-page { background: none; position: relative; margin-top: -43px; } .reseller-page .bg-image { background: #254b6c url('../images/reseller-page-promo-bg.jpg') no-repeat 50% 50%; height: 385px; } #section-adv.reseller { margin: 0 } #section-adv.reseller .price-list { margin-bottom: 60px } /* price */ .reseller-other .centered-title{ margin-bottom:10px } .reseller-other .centered-title.h3{ padding-top:40px } .reseller-other .centered-title+p{ text-align:center; margin:0 0 45px 0; } .reseller-other h3{ font:18px "RobotoMedium", Arial, sans-serif; } .reseller-other ul li{ list-style:none; } .reseller-other ul li:before{ content:'\2014'; padding:0 5px 0 0; } .reseller-other .text+.lined{ margin:60px 0 0 0; } .reseller-other .lined { border-top:1px solid #c7c7c7; padding:40px 0 } .reseller-other .lined:last-child { border-bottom:1px solid #c7c7c7; } .reseller-other .lined .arr{ background:url(../images/arr-more.png) no-repeat 0 0; padding:0 0 0 30px; color:#4f73bd; font-size:18px; cursor:pointer } .reseller-other .lined .arr:hover{ color:#007ae1 } .reseller-other .border{ border-left:4px solid #cedaef; padding:20px; } .reseller-other .border span{ display:block; } .reseller-other .border span b{ font:normal 16px "RobotoMedium", Arial, sans-serif; display:inline-block; width:55px} .reseller-other .lined h3 p{ margin-bottom:0; } .table.table-reseller-top { border:0; background:none; } .table-reseller-top tr{ float:right; border:0} .table-reseller-top th{ display:inline-block; margin:0 0 0 -4px; width:279px} .table.table-reseller-top tr, .table.table-reseller-top th{ height:auto } .table.table.table-reseller-top th, .table.table.table-reseller-top tr{ border:0 } .table-reseller-top th span{ display:block; font-size:20px; text-transform:uppercase } .table.table-reseller-content th{ background:#eef5ff; color:#6b6b6b; border-color:#cedaef; border-bottom-width:1px; } .table.table-reseller-content th.sibling{ border:0; } .table.table-reseller-content th.sibling+th{ border-left:0 } .table.table.table-reseller-content td{ width:auto; } .table.table-reseller-content tr td:first-child{ text-align:left } /* api */ .tabs-content .api h3{ margin-top:0; margin-bottom:10px } .tabs-content .api h3+p{ text-align:center } .tabs-content .api .helpbox .att-info-block:first-child { margin-top:0 } .tabs-content .api ul { margin:20px 30px; } .tabs-content .api ul li{ list-style-type:none; } .tabs-content .api ul li:before{ content:'\2014'; padding:0 5px 0 0; } .tabs-content .api ul li ul{ margin-top:5px; margin-bottom:5px } .tabs-content .helpbox img{ margin:0 auto; display:block } .tabs-content .api .table{ margin:0 auto 20px; } .tabs-content .api .table tbody tr, .tabs-content .api .table tbody tr th { height:auto } .tabs-content .api .table tbody tr td{ width:auto; height:auto } .tabs-content .api .table tbody tr td{ text-align:left } .tabs-content .api .table tbody tr:nth-child(2n) td{ background:#fff } .tabs-content .api .table-regular tr:hover{ background:none } .tabs-content .api .table tbody tr th { background:#edf3fe; color:#444; border-bottom-width:1px; border-color:#cedaef } .tabs-content .api p+pre{ margin:-14px 0 30px; } .tabs-content .api .helpbox{ background:#fff; } .tabs-content .api ul{ margin:0; } .static-page .table tbody tr th { background:#edf3fe; color:#444; border-bottom-width:1px; border-color:#cedaef } .static-page .table-regular tr.even, .static-page .table-regular tr:nth-of-type(2n) { background:none; } .static-page .table-regular tr:hover{ background:none } .static-page .table tbody tr td{ text-align:left } .static-page .table ul li{ list-style-type:none; } .static-page .table ul { margin:20px 30px; } .static-page .table ul li:before { content: "\2014"; padding: 0 5px 0 0; } .static-page pre, .tabs-content .api pre{ padding:10px; border:1px solid #c7c7c7; margin:10px 0 } .static-page .att-info-block+h4{ margin-top:20px } .long-dash-list li .bold{ font-weight:bold } #recaptcha_widget_div{ height:130px; overflow:hidden } /*------------------------------------------------------------------ STATIC PAGES ------------------------------------------------------------------*/ .static-page .backlink.bottom{ min-width:270px } .static-page .backlink.top{ line-height:21px; padding:0 27px 0 0; position:relative; display:inline-block; text-align:center; font:18px "RobotoRegular", Arial, sans-serif } .static-page .backlink.top .more-arr{ -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); margin-right:7px; } .static-page .backlink.top:hover .more-arr{ right:-7px } .static-page .backlink.top:hover { color:#035c9a; } .static-page h1{ font-family:"RobotoLight", Arial, sans-serif; } .static-page article{ padding:0 0 35px; border-bottom:1px solid #c7c7c7; margin:0 0 35px 0 } .static-page .date{ color:#c7c7c7; border-bottom:1px solid #c7c7c7; padding:0 0 10px 0; margin:0 0 40px 0; display:block } .faq-monospace-block{ float:left; overflow:hidden; } .faq-monospace-block+.faq-monospace-block{ padding:0 0 0 35px; float:none } .faq-monospace-block p{ font-family:monospace; font-size:16px} .faq-monospace-block h5{ margin-top:0; } .static-page .att-info-block{ margin-bottom:30px } .static-page article a{ text-decoration:underline } .static-page article a:hover{ text-decoration:none } /* about us page */ .sprite li{ list-style-type:none; } .sprite li:not(:last-child){ margin-bottom:20px; } .sprite li:before{ content:''; width:30px; height:31px; display:inline-block; vertical-align:bottom; margin:0 10px 0 0; background:url('../images/sprite-aboutus.png') no-repeat; } .sprite li.ico-app:before{ background-position:8px 0; } .sprite li.ico-panel:before{ background-position:-90px 0; } .sprite li.ico-monitoring:before{ background-position:-60px 0; } .sprite li.ico-tech:before{ background-position:-30px 0; } /* promotion page */ .promotion-list .backlink.top{ line-height:21px; padding:0 27px 0 0; position:relative; display:inline-block; text-align:center; font:18px "RobotoRegular", Arial, sans-serif } .promotion-list .backlink.top .more-arr{ -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); margin-right:7px; } .promotion-list .backlink.top:hover .more-arr{ right:-7px } .promotion-list .backlink.top:hover { color:#035c9a; } .promotion-list{ text-align:justify } .promotion-list .item{ display:inline-block; vertical-align:top; padding:20px; border:1px solid #bebebe; text-align:left; margin:0 0 20px 0 } .promotion-list .item h2{ font:22px "RobotoMedium", Arial, sans-serif; margin-top:0; padding-right:100px; position:relative} .promotion-list .item h2 span{ position:absolute; right:0; top:0; bottom:0; color:#dddddd; margin:auto; font-size:40px } .promotion-list .item .date{ border-bottom:1px solid #c7c7c7; color:#979797; font-size:14px; display:block; padding:0 0 5px 0; margin:0 0 20px 0} #promotion .backlink.bottom{ min-width:220px; line-height:50px; height:50px } .group-link{ font:16px "RobotoRegular", Arial, sans-serif; display:block; padding-bottom:15px } .not-aligncenter.centered-title{ text-align:left; border-bottom:1px solid #b4b4b4; } .static-page .centered-title a{ text-decoration:none } .static-page a{ text-decoration:underline } .static-page a:hover{ text-decoration:none } /* contact page */ .static-page #contact .fl{ padding:0 50px; } .static-page #contact .item{ min-height:0; text-align:left } .static-page #contact .item.info{ border:0 } .static-page #contact .row .post{ padding:0 50px } .static-page #contact .row .post p{ color:#000; padding:0 } .static-page #contact .row p{ font:16px "RobotoRegular", Arial, sans-serif; } .static-page #contact h3{ font-size:18px; } /* registration/done page */ .plain_msg{ padding:20px; border:1px solid #D7D7D7; max-width:800px !important; } .reg_agreement_link{ text-decoration:underline; } .reg_agreement_link:hover{ text-decoration:none; } /*------------------------------------------------------------------ UTILITY ------------------------------------------------------------------*/ /* tabs */ #section-adv { margin: -35px 0 0 0; } #section-adv .tabs-list { background: #e7edf9; border-bottom: 4px solid #a6b6d7; text-align: center; margin: 0 } #section-adv .tabs-list li { display: inline-block; margin: 0 0 0 -3px; vertical-align: top; position: relative; } #section-adv .tabs-list li a { display: block; color: #4f73bf; text-align: center; } #section-adv .tabs-list li:hover, #section-adv .tabs-list li[aria-selected="true"], #section-adv .tabs-list li.active { background: #a6b6d7; } #section-adv .tabs-list li:hover:after, #section-adv .tabs-list li[aria-selected="true"]:after, #section-adv .tabs-list li.active:after { content: ''; position: absolute; width: 0; right: 0; left: 0; bottom: -4px; margin: auto; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F9F9F9; } #section-adv .tabs-list li:hover a, #section-adv .tabs-list li[aria-selected="true"] a, #section-adv .tabs-list li.active a { color: #fff } #section-adv .tabs-list li.active a { pointer-events: none; } #section-adv #tabs-3 .centered { padding: 0 0 40px 0 } #section-adv #tabs .tabs-content, #section-adv #tabs-inactive .tabs-content { background: #f9f9f9; border-bottom: 1px solid #eaeaea; padding: 35px 0 0; margin: 0; } #section-adv #tabs .tabs-content .static-p-vds { padding-bottom: 15px } #section-adv #tabs .tabs-content .item, #section-adv #tabs-inactive .tabs-content .item { max-width: 47%; display: inline-block; float: none; vertical-align: top; text-align: left } #section-adv .tabs-content .item .desc li { list-style: none; } #section-adv .tabs-content .item .desc li:before { content: '\2014'; padding: 0 5px 0 0; } #section-adv .tabs-content .desc ul { margin-bottom: 0 } /* table */ .table{ max-width:100%; } .table-full-width{ width:100%; max-width:1000px; margin:0 auto; } .table-half-width{ width:100%; max-width:480px; margin:0 auto; display:inline-block } .table-half-width:not(:last-child){ margin-right:21px } .table-regular { font-family:"RobotoRegular", Arial, sans-serif; } .table-align-center td, .table-align-center th{ text-align:center; } .table-regular th{ background:#4f73bd; border:1px solid #4f73bd; color:#fff; font-family:"RobotoMedium", Arial, sans-serif; border-bottom:2px solid #4f73bd } .table-regular th, .table-regular tr, .table-regular td{ height:60px; vertical-align:middle; font-weight:normal } .table-regular tr{ border-top:1px solid #cedaef; border-bottom:1px solid #cedaef; } .section-XenSSD .table tr.monitoring .fa:before{ color:#78aa4b; } .table-regular tr.even, .table-regular tr:nth-of-type(2n){ background:#edf3fe; } .table-regular tr td{ padding:16px 20px; border-right:1px solid #cedaef; width:21%; height:auto } .table-regular tr td:last-child{ border-right:0 } .table-dns { border-color:#cedaef; } .table-dns th { text-transform:uppercase; font-weight:normal} .table-dns th span{ font-weight:normal; margin:0 0 8px 0 } .table-dns th.premium{ background:#2a51a1; border-color:#2a51a1 } .table-dns th.premium i{ font-style:normal; font-size:16px } .table-dns td:first-child{ border-right:0; width:70%; color:#6b6b6b; } .table-dns td:nth-child(2){ text-align:right; max-width:172px; width:100% } .table-dns .fa-check:after{ margin:0 auto; } .table-dns .fa-check, .table-dns .green{ color:#78aa4b; } .table-dns .fa-times, .table-dns .red{ color:#bd4f4f; } .table-dns .red, .table-dns .green{ font-family:"RobotoBold", Arial, sans-serif } .table-dns { border-bottom:0 } .table tr .price-val{ color:#6a6a6a; font:16px "RobotoRegular", Arial, sans-serif; } .table tr td.domain{ color:#000; text-align:left; position:relative; } .table tr td.domain .hint{ margin:0 20px 0 0; } .table tr td.domain .hint .hint-name{ background:#4F73BD; color:#fff} .table tr td.domain .hint .hint-name:before{ border-right-color:#4F73BD; } .table tr td.domain .hint .hint-name:after{ border-left-color:#4F73BD; } .table tr.discount td.domain .di{ position:absolute; right:0; font:13px "RobotoMedium", Arial, sans-serif; color:#fff; padding:2px 8px; font-style:normal; text-transform:uppercase; background:#D74C4B; } .table tr.discount td:nth-child(4){ color:#D74C4B; } .table tr.discount td:nth-child(4) .oldprice{ color:#6E6E6E; text-decoration:line-through; } .table-white{ background:#fff; border:1px solid #4f73bd; margin-top:15px; } .table-white tr td{ padding:30px 20px } .table-white h5{ font:16px "RobotoMedium", Arial, sans-serif; color:#2e302f } .table-white .title{ font-size:24px; color:#2e302f; } .table-white .title a{ display:inline-block; } .table-white .premium-dns a:before{ content:''; display:inline-block; vertical-align:middle; background:url('../images/premium-dns-table-ico.png') no-repeat; width:60px; height:60px; margin:0 10px 0 0; } .cart-page .table-light{ border-top:2px solid #cedaef; border-left:2px solid #cedaef; border-bottom:2px solid #cedaef; border-right:0 } .additional-services-tr{ border-right:2px solid #cedaef; } .cost{ border-right:2px solid #cedaef !important } .additional-service-wr .cost{ border-right:0 !important } .table-light .service-price{ border-right:2px solid #cedaef !important } .cart-page .table-light > thead > tr{ border-top:2px solid #cedaef; border-bottom:1px solid #cedaef; border-right:0px solid #cedaef; border-left:2px solid #cedaef; } .table-light{ border-color:#cedaef; width:100%; margin:0 auto } .table-light-blue th{ height:70px; background:#edf3fe; color:#6b6b6b; text-align:center; font:16px "RobotoMedium", Arial, sans-serif; border-bottom:1px solid #cedaef; } .table-light-blue tr:not(:last-child){ border-bottom:1px solid #cedaef; } .table-light-blue tr td:last-child{ border-right:1px solid #cedaef } .table-light-blue tr th:last-child{ border-right:1px solid #cedaef } .cart-page .table-light-blue tr th:last-child{ border-right:0 } table.table-light tr.even, table.table-light tr.alt, table.table-light tr:nth-of-type(2n){ background:none } .table tr:hover{ background:#d3e3ff } /* pageUp */ #page-up{ display:none; position:fixed; right:10px; bottom:10px; text-transform:uppercase; font-size:18px; line-height:46px; text-align:center; width:46px; height:46px; border-radius:0 4px 4px 0; } #page-up:hover{ cursor:pointer; } #page-up:hover span{ color:#88c056; } #page-up span{ color:#4f73bd; font:18px "RobotoMedium", Arial, sans-serif; margin-left:7px; } #page-up:before{ color:#4f73bd } #page-up:hover:before{ color:#88c056 } #index-section-scroll{ position:fixed; background:#4462a1; right:10px; top:270px; padding:10px 20px; cursor:pointer; color:#fff; font-size:18px; transition:width 1s ease 0s; z-index:99; } #index-section-scroll span{ font:18px "RobotoMedium", Arial, sans-serif; margin-left:7px;} #index-section-scroll:hover{ background:#88c056; } /* popup */ #popup{ display:none; z-index:99; position:fixed; right:0; top:0; bottom:0; left:0; } #popup .popup-cover{ z-index:1; background:rgba(0,0,0,0.5); width:100%; height:100%; cursor:pointer; } #popup .popup-container{ height:calc(100%/1.5); min-height:460px; max-height:800px; overflow:hidden; z-index:2; background:#fff; border:4px solid #cfd8e7; position:absolute; width:100%; max-width:950px; right:0; top:12%; left:0; margin:auto } #popup .popup-header{ padding:15px 40px; font:20px "RobotoRegular", Arial, sans-serif; text-align:center; background:#edf3fe; border-bottom:1px solid #cedaef} #popup .popup-header h1{ font:20px "RobotoRegular", Arial, sans-serif; } #popup .popup-content{ height:calc(100% - 40px);padding:40px; } #popup #hide{ width:40px; height:40px; text-align:center; position:absolute; right:15px; top:7px; font:bold 24px/36px Arial, sans-serif; color:#4f73bd; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s; } #popup #hide:hover{ cursor:pointer; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); border:1px solid #4f73bd; border-radius:70px } #popup .popup-content.custom-scroll{ overflow:hidden; padding:30px 40px; } #popup.loading .popup-container{ background:#fff url("../images/ahnames-loader.GIF") 50% 50% no-repeat; min-height:250px } #popup.loading-small .popup-container{ background:#fff url("../images/ahnames-loader-min.GIF") 50% 50% no-repeat; } #popup.loading .popup-header{ min-height:57px } #popup .tariff-item .form{ margin:0 0 20px 0 } .popup-content iframe{ width:100%; border:0; overflow:hidden; overflow:auto; height:448px; } .popup-content #auth{ display:block } /* popup iframe */ .overlay {background-color:rgba(0, 0, 0, 0.5); height:100%; left:0; position:fixed; top:0; width:100%; z-index:725; } .overclose { color:#F00; cursor:pointer; height:26px; position:fixed; right:23%; top:80px; width:26px; z-index:760; } .overframe { border:4px solid #cfd8e7; height:75%; left:50%; overflow:auto; position:fixed; z-index:750; max-width:600px; right:0; top:15%; left:0; margin:auto; -webkit-transform:translate(-50%);} /* poup hint */ .main_hint_wrapper { display:none; z-index:99; } .main_hint_wrapper .popup-cover{ z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5) } .main_hint_wrapper .content{ z-index:101; overflow:hidden; background:#fff; border:4px solid #cfd8e7; position:absolute; max-width:600px; right:0; top:15%; left:0; margin:auto; } .main_hint_wrapper .header{ padding:15px 40px; } .main_hint_wrapper #hide{ color:#4f73bd; font:bold 24px/36px Arial,sans-serif; height:40px; position:absolute; right:15px; text-align:center; top:7px; -webkit-transition:transform 0.3s ease 0s; transition:transform 0.3s ease 0s; width:40px; } .main_hint_wrapper #hide:hover{ cursor:pointer; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); border:1px solid #4f73bd; border-radius:70px } .main_hint_wrapper .content .main_hint{ padding:40px; } .popup-content .confirmation{ margin:0 auto; max-width:400px; } .popup-content .merchant-choose{ margin:0 auto; max-width:605px; } iframe[src="/cart/pay"]{ height:400px } iframe[src="/cart/pay"] .content{ height:100%; margin:0 auto; display:table; max-width:400px; } iframe[src="/cart/pay"] .content #auth{ width:400px; max-width:500px; vertical-align: middle; display: table-cell !important; } /*------------------------------------------------------------------ FORMS ------------------------------------------------------------------*/ #auth{ display:none; max-width:400px; margin:0 auto } #popup #auth{ display:block; width:400px; margin:0 auto;} #auth input[type="text"], #auth input[type="password"]{ padding:12px; max-width:80% } #auth .btn{ line-height:47px; height:49px; width:auto; margin:20px 0 0 0; } #auth .bottom, .page-form .bottom { text-align:right; display:block; padding:20px 0 0 0; border-top:1px solid #c7c7c7; margin:30px 0 0 0; } .page-form .bottom { max-width:350px; margin:30px auto 0; color:#c7c7c7 } .page-form .bottom a:not(:last-child){ padding:0 6px 0 0; } #auth .bottom a, .page-form .bottom a{ display:inline-block; font-size:14px; } #auth .bottom a+.remind{ margin-left:15px } #auth input[type="checkbox"]{ margin:0 0 4px 0; vertical-align:bottom } .page-form form{ max-width:350px; margin:0 auto; } .page-form .btn{ margin:20px 0 0 0; } .page-form .info{ margin:40px 0 0 0; padding:20px 0; border-top:1px solid #c7c7c7 } .hint { color:#4f73bd; display:inline-block; margin:0 0 0 5px; vertical-align:middle; position:relative; cursor:pointer; font-size:18px } .hint .hint-name{ display:none; width:354px; position:absolute; left:22px; top:-6px; background:#4f73bd; padding:15px; border:1px solid #cedaef; font:normal 14px "RobotoRegular", Arial, sans-serif; color:#fff } .hint .hint-name:before{ z-index:1; content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #4f73bd; position:absolute; top:5px; left:-8px; } .hint .hint-name:after{ content:''; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-right:9px solid #cedaef; position:absolute; top:4px; left:-10px; } .hint .hint-name.positionright{ right:22px; top:-6px; left:auto} .hint .hint-name.positionright:before{ border-left:8px solid #edf3fe; border-right:0; right:-8px; left:auto; } .hint .hint-name.positionright:after{ border-left:9px solid #cedaef; border-right:0; right:-10px; left:auto; } .hint:hover .hint-name{ display:block; z-index:9999} .hint .hint-name.positionright:before{ border-left-color:#4f73bd } .hint.openVZ .hint-name, .hint.XenSSD .hint-name{ width:222px } .table-XenSSD .hint{ float:right; margin-top:1px; } .table-OpenVZ .hint{ float:right; margin-top:1px; } form.remind{ text-align:center } form.remind .input{ margin:0 auto } .popup-content #feedback-form-wrapper{ display:none; } /* feedback */ #feedback-form-wrapper{ position:fixed; right:0px; bottom:0; display:block; top:0} #feedback-form-wrapper.open{ right:0; left:0; top:0; bottom:0; z-index:100} #feedback-form-wrapper.open #feedback-form{ width:325px; } #feedback_button{ width:220px; position:fixed; bottom:10px; overflow:hidden; display:block; font:18px/24px "RobotoMedium", Arial, sans-serif; color:#4f73bd; border:1px solid #4f73bd; padding:10px 20px; border-radius:4px; background:#fff; text-align:center; } #feedback_button:hover{ color:#fff; background:#88c056; cursor:pointer; border-color:#88c056; } #feedback_button i{ margin:0 5px 0 0; } #feedback-form { position:absolute; bottom:0px; right:10px; width:202px; height:46px; z-index:101} #feedback-form h2 { font:18px/26px "RobotoMedium", Arial, sans-serif; text-align:center; background:#4f73bd; color:#fff; margin:0; padding:10px } #feedback-form h2 i{ margin:0 5px 0 0; } #feedback-form h2 i+span{ display:inline-block } #feedback-form #feedback_close{ display:none; position:absolute; right:10px; top:5px; } #feedback-form-wrapper.open #feedback_close{ display:block; width:30px; height:30px; text-align:center; font:bold 20px/26px Arial, sans-serif; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s; } #feedback-form-wrapper.open #feedback_close:hover{ border:1px solid #fff; cursor:pointer; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); border-radius:70px } #feedback-form-wrapper .feedback-cover{ display:none; position:absolute; right:0; left:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:1; cursor:pointer; } #feedback-form-wrapper.open .feedback-cover{ display:block } #feedback-form input[type="text"]{ padding:10px; width:95% } #feedback-form textarea{ margin-top:20px; min-height:120px; width:95%; margin-bottom:30px; padding:10px; } #feedback-form .btn{ float:right; margin-right:15px;margin-bottom:0; } #feedback-form .select-value{ text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding:8px; } #feedback-form .select{ min-width:280px; padding:0; box-sizing:border-box; } #feedback-form .select.replacement { z-index:1000; width:200px !important } #feedback-form-wrapper .feedback{ margin:0 } #feedback-form-wrapper .feedback .required { position:relative; } #feedback-form-wrapper .feedback .required:after{ content:'*'; font:20px "RobotoMedium", Arial, sans-serif; color:#bd4f4f; display:block; width:10px; height:10px; position:absolute; top:0; right:0; } #feedback-form-wrapper.open #feedback-form { height:auto; } #feedback-form-wrapper.open .feedback{ right:0px; padding:20px 15px; overflow:hidden; height:370px; background:#fff; z-index:100; border-radius:0;} #feedback-form-wrapper #feedback-form{ -webkit-transition:-webkit-transform 500ms ease 0s; -moz-transition:-moz-transform 500ms ease 0s; -ms-transition: -ms-transform 500ms ease 0s; -o-transition:-o-transform 500ms ease 0s; transition:transform 500ms ease 0s; -moz-transform:translateY(1000%); -webkit-transform:translateY(1000%); -ms-transform:translateY(1000%); -o-transform:translateY(1000%); transform:translateY(1000%); } #feedback-form-wrapper.open #feedback-form{ -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px); } .select.open .drop-down, .select.open .select-arrow { z-index:1000; } /* online chat */ .online_chat{ } .online_chat{ line-height:24px; position:fixed; right:10px; bottom:10px; padding:10px 20px; font:18px/24px "RobotoMedium",Arial,sans-serif; border:1px solid #4f73bd; border-radius:0 4px 4px 0; background:#fff;} .online_chat:hover{ cursor:pointer; background:#88c056; color:#fff !important; border-color:#88c056; } .content+.online_chat{ display:none } .cart-page+.cart-page .table.table-light{ border-right:2px solid #cedaef; } .dl-horizontal{ margin-top:20px }