/* STYLESHEET FILE DESCRIPTION: Styles for Front page  */

/* SUPERSLIDER
#########################################*/
#header {z-index: 150;}

#superslider {
	width: 100%;
	height: 540px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	overflow: hidden;
}

#superslider .bx-wrapper {
	max-width: 1920px !important;
	margin: 0 auto;
}

#superslider .item_superSlide,
#superslider .wrap_superSlide {
	height: 500px;
	width: 100% !important;
}

#superslider .wrap_superSlide {display: block;}

#superslider .bxslider_superSlider {
	background-color: #0e55a2;
}

#superslider .wrap_slideContent {
	width: 1080px;
	margin: 0 auto;
	padding-top: 180px;
}

/* Shadow */
#superslider .wrap_shadow {
	width: 100%;
	margin-top: 495px;
	position: absolute;
	z-index: 120;
}

#superslider .box_shadow {
	height: 40px;
	max-width: 1920px;
	margin: 0 auto;
	background: url('../sections/frontpage/superSlider_shadow-tile.png') repeat-x;
	border-top: 5px solid #8cc63f;
}

/* Prev/next slide */
#superslider .wrap_prevnext {
	width: 1080px;
	left: 50%;
	margin-top: 460px;
	margin-left: -540px;
	z-index: 120;
	position: absolute;
}

#superslider .wrap_prevnextBox {
	width: 110px;
	height: 35px;
	margin-left: 960px;
	background: url('/images/sections/hosting/heading-tabs.png') repeat-x #8cc63e;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

	/* Nice curves */
#superslider .wrap_prevnext .box_rightcorner,
#superslider .wrap_prevnext .box_leftcorner {
    content: '';
    pointer-events:none;
    z-index: 1;
    position: absolute;
    height: 35px;
    width: 10px;
    overflow:hidden;
    top:0;
}

#superslider .wrap_prevnext .box_rightcorner:after,
#superslider .wrap_prevnext .box_leftcorner:after {
    content: '';
    z-index: 1;
    position: absolute;
    margin-top:-10px;
    height: 35px;
    width: 20px;
    background: transparent;
    border: solid 10px #8cc63e;
}

#superslider .wrap_prevnext .box_rightcorner {margin-left: 110px;}
#superslider .wrap_prevnext .box_leftcorner {margin-left: -10px;}

#superslider .wrap_prevnext .box_rightcorner:after {
    margin-left: -10px;
    border-bottom-left-radius: 15px;
}

#superslider .wrap_prevnext .box_leftcorner:after {
    margin-left: -20px;
    border-bottom-right-radius: 15px;
}

#superslider .wrap_prevnext .box_sep {
	height: 31px;
	margin: 4px 0 0 55px;
	border-right: 1px solid #3b6801;
	position: absolute;
}

#superslider .text_bigHeading {
	margin-left: 85px;
	margin-bottom: 15px;
	font-family: BasefontThin;
	font-size: 38px;
	line-height: 46px;
	text-transform: uppercase;
	color: #d6da2b;
}

#superslider .text_infoText {
	margin-left: 85px;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
}

#superslider .text_infoText strong {font-family: Bold;}


/* BIG HUGE TITLE
#########################################*/
#bighugetitle {
	margin: 525px 0 40px 0;
	background: url('/images/sections/frontpage/bighugetitle.png') no-repeat 50% 45%;
}

#bighugetitle h1 {
	font-family: BasefontThin;
	font-size: 38px;
	color: #d9e022;
	text-align: center;
}


/* SUPER PROMO
#########################################*/
#superpromo {
	width: 80%;
	height: 395px;
	background: #fff;
	border-radius: 6px;
	margin: auto;
}

#superpromo .wrap_promoItems {
	width: 100%;
	height: 365px;
	display: flex;
    justify-content: space-evenly;
}

#superpromo .box_shoutBox {
	width: 100%;
	height: 30px;
	background-color: #8cc63f;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-family: BasefontBoldItalic;
	text-transform: uppercase;
	color: #005caa;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
}

#superpromo .item_superPromo,
#superpromo .box_hover {
	width: 215px;
	height: 365px;
}

#superpromo .item_superPromo {
	border-right: 1px solid #d1e0ed;
	float: left;
}

#superpromo .item_superPromo:firts-child .box_hover {
	border-top-left-radius: 6px;
}

#superpromo .item_superPromo:last-child,
#superpromo .item_superPromo:last-child .box_hover {
	width: 216px;
	border-top-right-radius: 6px;
}

#superpromo .item_superPromo:last-child {border-right: none;}

#superpromo .wrap_heading,
#superpromo .text_price,
#superpromo .box_image,
#superpromo .box_hover,
#superpromo .wrap_more,
#superpromo .wrap_description {position: absolute;}

/* Hover */
#superpromo .item_superPromo .box_hover {
	box-shadow: 0px 0px 25px rgba(46,49,146,0.5);
	z-index: 10;
	
	opacity: 0;
	
    transition: opacity .7s ease-in-out;
	-webkit-transition: opacity .7s ease-in-out;
	-o-transition: opacity .7s ease-in-out;
	-moz-transition: opacity .7s ease-in-out;
}

#superpromo .item_superPromo:hover .box_hover {opacity: 1;}

#superpromo .item_superPromo .box_image {
	opacity: 1;
	
    transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
}

#superpromo .item_superPromo:hover .box_image {opacity: 0;}

#superpromo .item_superPromo .wrap_more {
	width: 215px;
	margin-top: 280px;
	text-align: center;
	z-index: 20;
	
	opacity: 0;
	
    transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
}

#superpromo .item_superPromo:hover .wrap_more {opacity: 1;}

#superpromo .wrap_more .button {display: inline-block;}

/* Heading */
#superpromo .wrap_heading {
	display: block;
	cursor: pointer;
	z-index: 20;
}

#superpromo .box_icon {
	width: 52px;
	height: 52px;
	margin: 20px 0 0 82px;
	position: absolute;
}

#superpromo .wrap_heading .text_title {
	width: 215px;
	margin-top: 85px;
	color: #035caa;
	text-align: center;
	font-size: 16px;
	line-height: 21px;
	display: block;
	cursor: pointer;
	
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
    transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}

#superpromo a.wrap_heading:hover .text_title {color: #fd6946;}


#superpromo .wrap_heading .text_title > span {
	border-bottom: 1px solid rgba(3,92,170,0.4);
	transition: border .2s ease-in-out;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	-moz-transition: border .2s ease-in-out;
}

#superpromo .wrap_heading:hover .text_title > span {border-color: #fd4b47;}

/* Price */
#superpromo .text_price {
	width: 215px;
	margin-top: 140px;
	color: #69a11f;
	font-size: 21px;
	text-align: center;
}

#superpromo .text_price .text_small {font-size: 18px;}

#superpromo .text_price .text_action {
	padding: 5px 5px 2px 5px;
	background-color: #8cc63f;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
}

/* Image */
#superpromo .box_image {
	width: 210px;
	height: 133px;
	margin-top: 231px;
	margin-left: 3px;
}

/* Description */
#superpromo .wrap_description {margin-top: 175px;}

#superpromo .wrap_description .box_separator {
	width: 20px;
	margin-left: 97px;
	border-top: 1px solid #d0e0ec;
	position: absolute;
}

#superpromo .wrap_description .text_description {
	width: 215px;
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	color: #737373;
}


/* MAP
#########################################*/
#map,
#map .wrap_overlay {
	width: 1080px;
	height: 486px;
}

#map {
	width: 1080px;
	height: 486px;
	background: url('/images/sections/frontpage/map.png');
}

#map .text_heading {
	margin: 40px 0 0 30px;
	line-height: 24px;
	position: absolute;
}

#map .wrap_textBox {
	width: 320px;
	margin: 45px 0 0 740px;
	position: absolute;
}

#map .wrap_textMore {
	width: 320px;
	margin: 295px 0 0 0;
	position: absolute;
}

#map .wrap_textBox p,
#map .wrap_textMore p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 21px;
}


/* ADVANTAGES
#########################################*/
#advantages {
	margin-top: -80px;
	margin-bottom: 40px;
	text-align: center;
}

#advantages h2 {
	margin-bottom: 20px;
	text-align: center;
}

#advantages .item_advantage {
	height: 60px;
	margin: 0 30px 0 30px;
	display: inline-block;
}

#advantages .item_advantage .box_icon {
	width: 32px;
	height: 32px;
	position: absolute;
}

#advantages .item_advantage .text_title {
	margin-left: 40px;
	font-size: 18px;
	line-height: 22px;
}

#advantages .box_separator {
	width: 200px;
	border-top: 1px solid #d9e020;
	margin: 0 auto;
	margin-top: 30px;
}


/* FEEDBACK
#########################################*/
#feedback {margin-bottom: 40px;}

/* Header */
#feedback .wrap_header {
	width: 1080px;
	height: 40px;
}

#feedback .wrap_header .text_heading {
	margin-left: 25px;
	margin-top: 2px;
	position: absolute;
}

#feedback .wrap_header .box_border-left,
#feedback .wrap_header .box_border-right,
#feedback .wrap_footer .box_border-left,
#feedback .wrap_footer .box_border-right {opacity: 0.3;}

#feedback .wrap_header .box_border-left {
	width: 20px;
	height: 31px;
	margin-top: 8px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-top-left-radius: 6px;
	position: absolute;
}

#feedback .wrap_header .box_border-right {
	width: 970px;
	height: 31px;
	margin-top: 8px;
	margin-left: 109px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top-right-radius: 6px;
	position: absolute;
}

/* Footer */
#feedback .wrap_footer {
	width: 1080px;
	height: 55px;
}

#feedback .wrap_footer .box_border-left {
	width: 422px;
	height: 36px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom-left-radius: 6px;
	position: absolute;
}

#feedback .wrap_footer .box_border-right {
	width: 422px;
	height: 36px;
	margin-left: 657px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom-right-radius: 6px;
	position: absolute;
}

#feedback .wrap_footer .button_more {
	width: 220px;
	height: 34px;
	margin: 18px 0 0 430px;
	border: 1px solid #d9e020;
	border-radius: 34px;
	font-size: 16px;
	line-height: 34px;
	color: #d9e020;
	text-align: center;
	position: absolute;
	
    transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
}

#feedback .wrap_footer .button_more:hover {
	border-color: #fff;
	color: #fff !important;
}

/* Content */
#feedback .wrap_content {
	width: 1078px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
}

#feedback .item_feedback {
	margin: 20px 20px 0 20px;
	display: table;
}

#feedback .item_feedback:first-child {margin-top: 0;}

#feedback .coll_profile,
#feedback .coll_feedback {
	padding: 10px 0 10px 0;
	vertical-align: top;
	display: table-cell;
}

#feedback .coll_profile {
	width: 385px;
	border-right: 1px solid rgba(255,255,255,0.3);
}

#feedback .coll_feedback {padding-left: 20px;}

#feedback .coll_feedback p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 21px;
}

#feedback .coll_feedback p:last-child {margin-bottom: 0;}

#feedback .box_face {
	width: 112px;
	height: 112px;
	background-position: 50% 50%;
	border-radius: 100%;
	position: absolute;
}

#feedback .wrap_profile {margin: 35px 20px 0 130px;}

#feedback .text_name {
	margin-bottom: 4px;
	font-size: 16px;
	font-family: Bold;
	color: #d9e020;
}

#feedback .text_jobTitle {
	margin-bottom: 10px;
	font-family: Italic;
	font-size: 14px;
	line-height: 17px;
}

#feedback .text_services {
	font-size: 14px;
	line-height: 17px;
	color: #d9e020;
}


/* SERVICES BOX
#########################################*/
#svcbox {
	width: 780px;
	padding-bottom: 40px;
	float: left;
}

#svcbox .stabs {
	width: 205px;
	position: absolute;
}

#svcbox .slist {
	width: 565px;
	height: 485px;
	margin-left: 200px;
	border-left: 5px solid #8cc63f;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: url('/images/sections/frontpage/svcbox-background.png') no-repeat;
}

/* Tabs */
#svcbox .stabs {
	padding-top: 20px;
}

#svcbox .stabs li {
	margin-bottom: 10px;
}

#svcbox .stabs a {
	width: 200px;
	height: 48px;
	padding-right: 5px;
	display: block;
}

#svcbox .stabs a em {
	padding-left: 45px;
	background-image: url('/images/sections/frontpage/services-stabs-icons.png');
	background-repeat: no-repeat;
	display: block;
}

#svcbox .stabs a span {
	line-height: 50px;
	border-style: dashed;
}

#svcbox .stabs a.tl em {
	padding-top: 8px;
}

#svcbox .stabs a.tl span { 
	line-height: 18px !important;
}

	/* Selected */
#svcbox .stabs a.selected .shade {
	width: 5px;
	height: 14px;
	margin: -14px 0 0 200px;
	background: url('/images/sections/frontpage/services-stabs-shade.png') no-repeat;
	position: absolute;
}
	
#svcbox .stabs a.selected span {
	border: none;
}

#svcbox .stabs a.selected {
	cursor: default;
}

#svcbox .stabs a.selected {
	background: url('/images/sections/frontpage/services-stabs-bg.png') repeat-x;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#svcbox .stabs a.selected span,
#svcbox .stabs a:hover.selected span {
	color: #3b6801;
}

	/* Icons */
#svcbox .stabs a.dc em {background-position: 0 0;}
#svcbox .stabs a.selected.dc em {background-position: -252px 0;}

#svcbox .stabs a.web em {background-position: 0 -48px;}
#svcbox .stabs a.selected.web em {background-position: -252px -48px;}

#svcbox .stabs a.vps em {background-position: 0 -96px;}
#svcbox .stabs a.selected.vps em {background-position: -252px -96px;}

#svcbox .stabs a.cloud em {background-position: 0 -144px;}
#svcbox .stabs a.selected.cloud em {background-position: -252px -144px;}

#svcbox .stabs a.dedicated em {background-position: 0 -192px;}
#svcbox .stabs a.selected.dedicated em {background-position: -252px -192px;}

#svcbox .stabs a.colocation em {background-position: 0 -240px;}
#svcbox .stabs a.selected.colocation em {background-position: -252px -240px;}

#svcbox .stabs a.big em {background-position: 0 -288px;}
#svcbox .stabs a.selected.big em {background-position: -252px -288px;}

#svcbox .stabs a.solutions em {background-position: 0 -336px;}
#svcbox .stabs a.selected.solutions em {background-position: -252px -336px;}


/* Content */
#svcbox .heading {
	width: 565px;
	height: 131px;
	border-top-right-radius: 10px;
}

#svcbox .heading .arrow {
	width: 564px;
	height: 30px;
	margin: 101px 0 0 1px;
	background: url('/images/sections/frontpage/svcbox-arrow.png') no-repeat;
	position: absolute;
}

#svcbox .heading .title {
	margin: 45px 0 0 25px;
	font-family: BasefontThin;
	font-size: 34px;
	line-height: 40px;
	text-transform: uppercase;
	position: absolute;
}

#svcbox .heading .title a {
	color: #d9e021;
	background: url('/images/sections/frontpage/svcbox-title.png');
	text-shadow: 0px 0px 3px #000;
}

#svcbox .heading .title a:hover {color: #fff !important}

#svcbox .heading .tabs {
	margin: 90px 0 0 25px;
	position: absolute;
}

#svcbox .heading .tabs li {
	margin-right: 20px;
	display: inline-block;
}

#svcbox .heading .tabs span {
	border-bottom-style: dotted;
	text-shadow: 0px 0px 3px #000;
}

#svcbox .heading .tabs .selected span {
	font-weight: bold;
	border-bottom: none;
	color: #d9e021;
}

	/* Button */
#svcbox .morebutton {
	margin: 307px 0 0 108px;
	position: absolute;
}
	
#svcbox .morebutton,
#svcbox .morebutton span,
#svcbox .morebutton em {
	height: 36px;
	display: block;
}

#svcbox .morebutton,
#svcbox .morebutton em {
	background-image: url('/images/sections/frontpage/svcbox-button.png');
	background-repeat: no-repeat;	
}

#svcbox .morebutton span {
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #b8ceed;
	text-shadow: 0px 1px 1px black;
	text-decoration: none;	
	-webkit-font-smoothing:antialiased;
	overflow: hidden;
	display: block;
	z-index: 10;
}

#svcbox .morebutton span,
#svcbox .morebutton em {
	position: absolute;
}

#svcbox .morebutton em {
	opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;

}

#svcbox .morebutton:hover em,
#svcbox .morebutton:active em {
	opacity: 1;
}

#svcbox .morebutton:active {
	background: none;
}

#svcbox .morebutton:active span {
	line-height: 30px;
}

#svcbox .morebutton, #svcbox .morebutton span, #svcbox .morebutton em {width: 347px;}
#svcbox .morebutton {background-position: 0 0;}
#svcbox .morebutton em {background-position: 0 0;}
#svcbox .morebutton:active em {background-position: 0 0;}



/* List */
#svcbox .features {
	margin-right: 50px;
	-webkit-font-smoothing: antialiased;
}

#svcbox .features li {
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 14px;
	line-height: 21px;
	background: url('/images/sections/frontpage/svcbox-features.png') no-repeat 10px 6px;
}

#svcbox .features li strong {font-family: Bold;}


	/* Separator */
#svcbox .separator {
	width: 515px;
	height: 2px;
	padding-bottom: 15px;
	background: url('/images/sections/frontpage/svcbox-sep.png') repeat-x;
	clear: both;
}

	/* Headings */
#svctab-dc .heading {background: url('/images/sections/frontpage/svcbox-heading-datacenter.jpg') no-repeat 1px 1px;}
#svctab-web .heading {background: url('/images/sections/frontpage/svcbox-heading-web.jpg') no-repeat 1px 1px;}
#svctab-vps .heading {background: url('/images/sections/frontpage/svcbox-heading-vps.jpg') no-repeat 1px 1px;}
#svctab-dedicated .heading {background: url('/images/sections/frontpage/svcbox-heading-dedicated.jpg') no-repeat 1px 1px;}
#svctab-colocation .heading {background: url('/images/sections/frontpage/svcbox-heading-colocation.jpg') no-repeat 1px 1px;}
#svctab-big .heading {background: url('/images/sections/frontpage/svcbox-heading-big.jpg') no-repeat 1px 1px;}
#svctab-solutions .heading {background: url('/images/sections/frontpage/svcbox-heading-solutions.jpg') no-repeat 1px 1px;}

	/* Data Center */
		/* About */
#svctab-dc-about {
	margin: 15px 25px 0 25px;
}

#svctab-dc-about p {
	font-size: 14px;
	line-height: 21px;
	-webkit-font-smoothing: antialiased;
}

#svctab-dc-about img {
	margin: 15px 0 15px -7px;
}

		/* Advantages */
#svctab-dc-advantages {margin: 15px 0 0 25px;}
		
#svctab-dc-advantages .item {
	width: 260px;
	height: 60px;
	background: url('/images/sections/company/dc-features-icons.png') no-repeat;
	float: left;
}

#svctab-dc-advantages .item p {
	padding: 7px 20px 0 48px;
	font-size: 12px;
	line-height: 16px;
	-webkit-font-smoothing: antialiased;
}

#svctab-dc-advantages .backuppower {background-position: 0 -17px;}
#svctab-dc-advantages .airconditioning {background-position: 0 -97px;}
#svctab-dc-advantages .twopower {background-position: 0 -177px;}
#svctab-dc-advantages .hermozone {background-position: 0 -257px;}
#svctab-dc-advantages .smartswitch {background-position: 0 -337px;}
#svctab-dc-advantages .wiring {background-position: 0 -417px;}
#svctab-dc-advantages .bigiron {background-position: 0 -497px;}
#svctab-dc-advantages .security {background-position: 0 -577px;}

		/* Systems */
#svctab-dc-systems {
	margin: 15px 0 0 25px;
}

#svctab-dc-systems .item {
	width: 260px;
	padding-bottom: 15px;
	background: url('/images/sections/frontpage/svcbox-dc-systems.png') no-repeat;
	float: left;
}

#svctab-dc-systems .item h4,
#svctab-dc-systems .item p {
	padding-left: 25px;
	padding-right: 5px;
	-webkit-font-smoothing: antialiased;
}

#svctab-dc-systems .item h4 {
	margin-bottom: 10px;
	font-size: 14px;
	color: #d9e021;
}

#svctab-dc-systems .item p {
	font-size: 12px;
	line-height: 18px;
}

#svctab-dc-systems .energy {background-position: 4px 0;}
#svctab-dc-systems .temperature {background-position: 4px -200px;}
#svctab-dc-systems .data {background-position: 0 -400px;}
#svctab-dc-systems .colocation {background-position: 0 -600px;}

	/* Services */
		/* Free trial, Discount */
#svcbox .freetrial,
#svcbox .discount {
	width: 114px;
	height: 114px;
	margin: 1px 0 0 450px;
	text-indent: -9000px;
	position: absolute;
}

#svcbox .freetrial.ru {background: url('/images/sections/frontpage/svcbox-web-trial-ru.png') no-repeat;}
#svcbox .freetrial.en {background: url('/images/sections/frontpage/svcbox-web-trial-en.png') no-repeat;}

#svcbox .discount.ru {background: url('/images/sections/frontpage/svcbox-web-discount-ru.png') no-repeat;}
#svcbox .discount.en {background: url('/images/sections/frontpage/svcbox-web-discount-en.png') no-repeat;}

		/* Intro */
#svcbox .servicetab .intro {
	margin-bottom: 15px;
	padding-right: 110px;
}

#svcbox .servicetab .intro p {
	font-size: 14px;
	line-height: 21px;
	font-family: Italic;
	-webkit-font-smoothing: antialiased;
}

		/* Item */
#svcbox .servicetab .content {
	margin: 15px 0 0 25px;
}

#svcbox .servicetab .item {
	margin-left: 5px;
	padding: 0 110px 0 40px;
}

#svcbox .servicetab .item h3,
#svcbox .servicetab .item p {
	font-size: 14px;
	line-height: 21px;
	-webkit-font-smoothing: antialiased;
}

#svcbox .servicetab .item h3 {
	margin-bottom: 7px;
	color: #d9e021;
}

#svcbox .servicetab .item p {margin-bottom: 15px;}

		/* Item icons */
#svctab-web .item {background: url('/images/sections/frontpage/svcbox-web-icons.png') no-repeat;}
#svctab-web .panel {background-position: 0 0;}
#svctab-web .webapps {background-position: 0 -200px;}
#svctab-web .cluster {background-position: 0 -400px;}
#svctab-web .monitoring {background-position: 0 -600px;}
#svctab-web .affordable {background-position: 0 -800px;}
#svctab-web .discounts {background-position: 0 -1000px;}
#svctab-web .freescripts {background-position: 0 -1200px;}

#svctab-vps .item {background: url('/images/sections/frontpage/svcbox-vps-icons.png') no-repeat;}
#svctab-vps .fullcontrol {background-position: 0 0;}
#svctab-vps .yours {background-position: 0 -200px;}
#svctab-vps .vnc {background-position: 0 -395px;}
#svctab-vps .monitoring {background-position: 0 -600px;}
#svctab-vps .affordable {background-position: 0 -800px;}
#svctab-vps .ispmanager {background-position: 0 -1000px;}

#svctab-dedicated .item {background: url('/images/sections/frontpage/svcbox-dedicated-icons.png') no-repeat;}
#svctab-dedicated .fast {background-position: 0 0;}
#svctab-dedicated .support {background-position: 0 -200px;}
#svctab-dedicated .infrastructure {background-position: 0 -400px;}
#svctab-dedicated .ukraine {background-position: 0 -600px;}
#svctab-dedicated .power {background-position: 0 -800px;}
#svctab-dedicated .bestprices {background-position: 0 -1000px;}
#svctab-dedicated .flexible {background-position: 0 -1200px;}

#svctab-big .item {background: url('/images/sections/frontpage/svcbox-big-icons.png') no-repeat;}
#svctab-big .time {background-position: 0 0;}
#svctab-big .forward {background-position: 0 -200px;}
#svctab-big .power {background-position: 0 -395px;}
#svctab-big .connections {background-position: 0 -600px;}
#svctab-big .payless {background-position: 0 -800px;}
#svctab-big .individual {background-position: 0 -1000px;}

	/* Colocation */
#svctab-colocation .title {margin-top: 25px !important;}

#svctab-colocation .list {
	margin: 15px 25px 0 25px;
}

#svctab-colocation p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 21px;
	-webkit-font-smoothing: antialiased;
}

#svctab-colocation .price {
	margin-top: 10px;
	padding: 5px 0 5px 10px; 
	border-left: 4px double #d9e022;
	font-family: BasefontThin;
	color: #d9e022;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	position: absolute;
}

#svctab-colocation .price span {font-size: 22px;}
#svctab-colocation .price strong {font-size: 38px;}

#svctab-colocation .price .sl {margin-top: 3px;}

#svctab-colocation .unit {margin-left: 50px;}
#svctab-colocation .rack {margin-left: 270px;}

	/* Solutions */
#svctab-web .title,
#svctab-vps .title,
#svctab-dedicated .title,
#svctab-big .title,
#svctab-solutions .title {margin-top: 25px !important;}

#svctab-solutions .solutions {padding-right: 25px;}

#svctab-solutions .solutions p {
	-webkit-font-smoothing: antialiased;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 21px;
}

#svctab-solutions .solutions p strong {font-family: Bold;}

#svctab-solutions .solutions img {margin-left: 30px;}



/* NEWS
#########################################*/
#news {
	width: 280px;
	padding-top: 20px;
	padding-bottom: 10px;
	float: right;
}

#news h2 {
	margin-bottom: 20px;
}

#news .item {
	margin: 0 10px 20px 0;
}

#news .item strong {
	margin-bottom: 5px;
	color: #a4c1db;
	font-size: 12px;
	display: block;
}

#news .item a span {
	line-height: 21px;
}

/* Social */
#news .social {
	margin-left: -10px;
	padding: 20px 0 0 10px;
	border-top: 1px solid rgba(255,255,255,0.3);
}

#news .social a {
	padding: 2px 0 3px 30px;
	font-size: 16px;
	opacity: 0.5;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-font-smoothing:antialiased;
}

#news .social:hover a {
	opacity: 1;
}


#news .social .twitter {
	padding-right: 15px;
	background: url('/images/sections/frontpage/news-twitter.png') no-repeat;
}

#news .social .rss {
	background: url('/images/sections/frontpage/news-rss.png') no-repeat;
}

#news .social .gplus {
	padding-right: 15px;
	background: url('/images/sections/frontpage/news-gplus.png') no-repeat;
}


/* SOCIAL
#########################################*/
#social {
	width: 1080px;
	height: 150px;
}

#social > div {
	width: 360px;
	float: left;
}

#social .wrapper {
	width: 320px;
	height: 80px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	border: 4px solid #fff;
	border-radius: 4px;
	background: #fff;
	opacity: 0.5;
	
	-webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

#social .wrapper:hover {
	opacity: 1;
}

#social .vk .wrapper #vk_groups {
	margin-left: -9px;
}

#social .fb .fb-like-box {
	margin-top: 8px;
}

#social .twit .wrapper {
	text-align: center;
}

#social .twit .twitter-follow-button {
	margin-top: 25px;
}


#vkfb > div {
	margin-bottom: 15px;
	margin-left: -25px;
}

#vkfb .wrapper {
	width: 282px;
	height: 80px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	border: 4px solid #fff;
	border-radius: 4px;
	background: #fff;
	opacity: 0.5;
	
	-webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;

}

#vkfb .wrapper:hover {
	opacity: 1;
}

#social .vk .wrapper #vk_groups {
	margin-left: -9px;
}

#social .fb .fb-like-box {
	margin-top: 8px;
}

.newsletter {padding-bottom: 10px;}

.newsletter a {
	margin-right: 20px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #d9e022;
	background: url('/images/sections/frontpage/newsletter-icon.png') no-repeat 9px 7px;
	border-radius: 4px;
	display: block;
}

.newsletter a span {border-style: dashed;}


/* COMBOBLOCK
#########################################*/
#comboblock {
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 6px;
	background: url('/images/sections/frontpage/comboblock-bg.png') repeat-y top right;
}

/* System status */
#comboblock .systemstatus {
	width: 288px;
	height: 200px;
	background: url('/images/sections/frontpage/comboblock-icons.png') no-repeat;
	float: right;
}

#comboblock .systemstatus.s_ok {background-position: 20px -75px;}
#comboblock .systemstatus.s_issue {background-position: 20px -275px;}

#comboblock .systemstatus a {
	margin: 38px 0 18px 70px;
	font-size: 18px;
	display: block;
}

#comboblock .systemstatus a:hover {color: #fff !important;}

#comboblock .systemstatus a span {
	border-bottom: 1px solid;

    transition: border-color .2s ease-in-out;
	-webkit-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out;
}

#comboblock .systemstatus a:hover span {border-color: rgba(255,255,255,0.5) !important;}

#comboblock .systemstatus.s_ok a,
#comboblock .systemstatus.s_ok .status {color: #8cc63f;}
#comboblock .systemstatus.s_issue a,
#comboblock .systemstatus.s_issue .status {color: #fbb03b;}

#comboblock .systemstatus.s_ok a span {border-color: rgba(140, 198, 63,0.4)}
#comboblock .systemstatus.s_issue a span {border-color: rgba(251, 176, 59,0.4)}

#comboblock .systemstatus .status {
	margin: 0 0 5px 70px;
	font-size: 16px;
}

#comboblock .systemstatus .description {
	margin: 0 20px 0 70px;
	font-size: 14px;
	line-height: 19px;
}


/* KB and Articles */
#comboblock .kb,
#comboblock .articles {
	width: 395px;
	float: left;
}

#comboblock h2 {
	padding: 20px 0 2px 44px;
	background: url('/images/sections/frontpage/comboblock-icons.png') no-repeat;
}

#comboblock h2 a span {
	border-bottom: 1px solid rgba(217,224,33,0.4);

    transition: border-color .2s ease-in-out;
	-webkit-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out;
}

#comboblock h2 a:hover span {border-color: rgba(255,255,255,0.5);}

#comboblock .kb h2 {background-position: 15px 15px;}
#comboblock .articles h2 {background-position: 15px -35px;}

#comboblock .item {
	padding: 0 20px 15px 44px;
	background: url('/images/sections/frontpage/comboblock-icons.png') no-repeat 22px -495px;
	font-size: 14px;
	line-height: 21px;
}

#comboblock .item .section {
	margin-bottom: 2px;
	color: #d9e020;
}

#comboblock .item a span {
	border-bottom: 1px solid rgba(255,255,255,0.4);
	
    transition: border-color .2s ease-in-out;
	-webkit-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out;
}




#followingBallsG{
	width:8px;
	height:170px;
	margin: 80px 0 0 37px;
	position: absolute;
}

.followingBallsG{
background-color:#84C757;
position:absolute;
top:0;
left:0;
width:8px;
height:8px;
-moz-border-radius:7px;
-moz-animation-name:bounce_followingBallsG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:7px;
-webkit-animation-name:bounce_followingBallsG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:7px;
-ms-animation-name:bounce_followingBallsG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:7px;
-o-animation-name:bounce_followingBallsG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:7px;
animation-name:bounce_followingBallsG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#followingBallsG_1{
-moz-animation-delay:0s;
}

#followingBallsG_1{
-webkit-animation-delay:0s;
}

#followingBallsG_1{
-ms-animation-delay:0s;
}

#followingBallsG_1{
-o-animation-delay:0s;
}

#followingBallsG_1{
animation-delay:0s;
}

#followingBallsG_2{
-moz-animation-delay:0.13s;
-webkit-animation-delay:0.13s;
-ms-animation-delay:0.13s;
-o-animation-delay:0.13s;
animation-delay:0.13s;
}

#followingBallsG_3{
-moz-animation-delay:0.26s;
-webkit-animation-delay:0.26s;
-ms-animation-delay:0.26s;
-o-animation-delay:0.26s;
animation-delay:0.26s;
}

#followingBallsG_4{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

@-moz-keyframes bounce_followingBallsG{
0%{
top:0px;
background-color:#84C757;
}

50%{
top:157px;
background-color:#84C757;
}

100%{
top:0px;
background-color:#84C757;
}

}

@-webkit-keyframes bounce_followingBallsG{
0%{
top:0px;
background-color:#84C757;
}

50%{
top:157px;
background-color:rgba(132, 199, 87,0);
}

100%{
top:0px;
background-color:#84C757;
}

}

@-ms-keyframes bounce_followingBallsG{
0%{
top:0px;
background-color:#84C757;
}

50%{
top:157px;
background-color:#84C757;
}

100%{
top:0px;
background-color:#84C757;
}

}

@-o-keyframes bounce_followingBallsG{
0%{
top:0px;
background-color:#84C757;
}

50%{
top:157px;
background-color:#84C757;
}

100%{
top:0px;
background-color:#84C757;
}

}

@keyframes bounce_followingBallsG{
0%{
top:0px;
background-color:#84C757;
}

50%{
top:157px;
background-color:#84C757;
}

100%{
top:0px;
background-color:#84C757;
}

}