@import url(../components/fonts/fonts.css);
@import url(decoration.css);

body{
	font-family: 'opensans';
	font-size: 15px;
}
.root-block{
	padding-top: 3em;
	padding-bottom: 3em;
}

h1, h2, h3{
	font-family: 'roboto';
	font-weight: 700;
}

.header-top {
	padding-bottom: 15px;
}
.header-top:after {
	display: block;
	content: "";
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.18);
	height: 11px;
	margin-top: 5px;
	width: 100%;
}
.head-slogan{
	color: #888;
	text-transform: uppercase;
}
.head-email a{
	color: #888;
}
.head-email a:hover, 
.head-email a:focus{
	color: #03b300;
}
.header-bottom{
	padding-bottom: 15px;
}
.logo {
	padding-top: 20px;
}
.head-phones {
	color: #225173;
	font-size: 1.5em;
	padding-bottom: 23px;
	padding-top: 8px;
	text-align: right;
}
.head-phones > span{
	display: block;
}
.head-phones > span+span{
	margin-top: 2px;
}

/* NAVIGATION */
#navigation-bar{
	box-shadow: 0 2px 8px rgba(0,0,0,0.6);
	position: relative;
	z-index: 99;
}
#smart_nav {
	float: left;
	font-size: 1.5em;
	padding: 5px;
	background-color: #225173;
	margin-top: 5px;
	z-index: 99;
}
#smart_nav-sticky-wrapper{
	display: inline;
}
#smart_nav-sticky-wrapper.sticky-wrapper.is-sticky {
	left: -10px;
	position: relative;
	display: inline-block;
}
.navicon,
.navicon:focus{
	color: #fff;
}
.navicon:hover, 
.navicon:active {
	color: #478fb2;
}
.enter-button{
	float: right;
}

.main-menu > li > a, 
.main-menu > li > a:focus{
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	background: none;
}
.main-menu > li > a:hover,
.main-menu > li:hover > a,
.main-menu > .active > a{
	color: #53a6d1 !important;
	background: rgb(27,63,89); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(27,63,89,1) 0%, rgba(34,81,115,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,63,89,1)), color-stop(100%,rgba(34,81,115,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(27,63,89,1) 0%,rgba(34,81,115,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(27,63,89,1) 0%,rgba(34,81,115,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(27,63,89,1) 0%,rgba(34,81,115,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(27,63,89,1) 0%,rgba(34,81,115,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3f59', endColorstr='#225173',GradientType=0 ); /* IE6-9 */

}
/* END NAVIGATION */

/* DOMAIN REG */
.domainName{
	margin-bottom: 15px;
}
.domainName > label {
    float: left;
    margin-right: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 34px;
    font-weight: 400;
}
.domainName-input{
	overflow: hidden;
}
.domainZone-checkboxes{
	padding-right: 0;
}
.domainZone-checkboxes .checkbox+.checkbox{
	margin: 0 0 10px 5px;
}
.domainZone-more{
	color: #fff;
	font-size: 0.875em;
	border-bottom: 1px dashed #fff;
}
.domainZone-more:hover,
.domainZone-more:active{
	text-decoration: none;
	color: #fff;
	border-color: transparent;
}
.domain-reg-button{
	float: right;
}

/* END DOMAIN REG */

/* EDGE */
.edge-item{
	color: #fff;
}
.ei-visible{
	padding: 15px 0;
}
.ei-name{
	overflow: hidden;
	color: #fff;
	padding: 0.125em 0;
	margin: 0.125em 0 0 0;
	font-size: 18px;
	line-height: 1.375em;
}
.ei-name a{
	color: #fff;
	border-bottom: 1px dashed #fff;
}
.ei-name a:hover,
.ei-name a:focus{
	text-decoration: none;
	border-color: transparent;
}
.ei-counter {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	margin-right: 15px;
	background: none repeat scroll 0 0 #fff;
	color: #028c00;
	font-size: 2em;
	text-align: center;
	position: relative;
}
.ei-counter_check:before{
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../images/ei-counter_check.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
}

.ei-counter_modal_check:before{
	display: block;
	content: "";
	width: 50px;
	height: 30px;
	background: url(../images/ei-counter_check.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 2px;
}

.edge-list_blue .ei-counter_check:before{
	background-image: url(../images/ei-counter_check_blue.png);
}
.ei-extra{
	display: none;
	padding: 15px;
	background-color: #028c00;
}
/* END EDGE */
.tariff-item{
	width: 315px;
	margin: 0 auto;
}
.tariff-components{
	padding-top: 30px;
}
.tc-item{
	padding: 3px 0;
	border-bottom: 1px dashed #ddd;
}
.cms-choice:before, 
.cms-choice:after,
.tc-item:before, 
.tc-item:after,
.ei-visible:before, 
.ei-visible:after{
	content: " ";
	display: table;
	clear: both;
}
.tc-name{
	color: #4b4b4b;
	float:left;
}
.tc-item > span:last-child{
	float: right;
}
.tc-domain, 
.tc-db{
	color: #03b300;
}
.tc-disc,
.tc-price{
	color: #478fb2;
}
.tariff-item .panel-footer{
	padding-bottom: 30px;
}

#constructor-block{
	background: url(../images/constructor-bg.jpg) no-repeat 0 0;
	background-size: cover;
}

/* SERVICES */
.service-item{
	display: inline-block;
	vertical-align: top;
	float: none;
	padding-bottom: 30px;
	margin-right: -4px;
}
.si-inner{
	display: block;
	color: #fff;
	background-color: #478fb2;
	text-align: center;
	text-decoration: none;
	-webkit-transition: box-shadow 0.2s;
	   -moz-transition: box-shadow 0.2s;
	    -ms-transition: box-shadow 0.2s;
	     -o-transition: box-shadow 0.2s;
	        transition: box-shadow 0.2s;
}
.si-inner:hover,
.si-inner:focus,
.si-inner:active{
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	color: #fff;
	text-decoration: none;
}
.si-inner > *{
	display: block;
}
.si-img {
	padding: 1em 0;
	height: 105px;
}
.si-title{
	font-family: 'roboto';
	font-weight: 700;
	font-size: 1.375em;
	padding-bottom: 0.5em;
}

/* END  SERVICES */

/* TESTIMONIALS */
.testimonial-item{
	font-family: 'roboto';
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}
.ti-author > *{
	font-weight: 700;	
}
.ti-author h4{
	text-transform: uppercase;
}
.ti-author a,
.ti-author a:hover, 
.ti-author a:focus{
	color: #fff;
}
/* END TESTIMONIALS */
.partner-item .panel-body{
	padding-bottom: 0;
}
.pi-img{
	min-height: 63px;
}
.pi-we-are {
	margin: 15px 0 0 0;
	font-family: 'roboto';
	font-size: 1.125em;
}

/* NEWS */
.news-item{
	color: #888888;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news-item .list-block-title a{
	color: #888888;
}
.news-item .list-block-text{
	font-weight: 300;
}
/* END NEWS */

/* CONTENTAREA */
.contentarea{
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #4d4d4d;
}
.contentarea h2 {
	color: #225173;
	text-transform: uppercase;
}
.contentarea h3 {
	color: #478fb2;
	font-size: 21px;
	text-transform: uppercase;
}
.contentarea h4 {
	color: #478fb2;
	text-transform: uppercase;
}
.hidden-text{
	display: none;
}
.font-bigger{
	font-size: 1.125em;
}
.cms-choice{
	padding: 1.5em 0;
}
.cms-choice-img{
	float: left;
	margin-right: 30px;
}
.cms-banner{
	background: url(../images/cms-banner.jpg) no-repeat center center;
	background-size: cover;
	padding: 15px;
	margin: 15px 0;
}
.cms-banner h4{
	font-family: 'roboto';
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	padding-top: 20px;
}
/* END CONTENTAREA */

#footer{
	color: #fff;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
#footer a{
	color: #fff;
}
.f-radisol{
	padding-top: 1em;
}
.f-radisol-name,
.f-radisol-license{
	display: block;
}
.footer-bottom{
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed #336d8e;
	font-size: 0.875em;
}
.f-menu{
	position: relative;
}
.f-menu:after{
	display: block;
	content: "";
	width: 0;
	height: 100%;
	border-right: 1px dashed #336d8e;
	position: absolute;
	right: -14px;
	top: 0;
}
.f-menu h4{
	font-family: 'roboto';
	font-weight: 700;
}
.f-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.f-menu ul li+li{
	margin-top: 3px;
}
.f-menu ul a{
	-webkit-transition: color 0.2s;
	   -moz-transition: color 0.2s;
	    -ms-transition: color 0.2s;
	     -o-transition: color 0.2s;
	        transition: color 0.2s;
}
.f-menu ul a:hover, 
.f-menu ul a:focus, 
.f-menu ul .active a{
	text-decoration: none;
	color: #4287aa !important;
}
.f-contacts-item{
	display: block;
	padding: 5px 0;
}
.footer-bottom [class^="f-radisol"]{
	display: block;
	padding-top: 10px;
}
.f-radisol-name{
	padding-left: 0;
}
.f-developer{
	padding-right: 0;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;

  background-color: #225173;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}