@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 }

