/* font defines */
/* tables*/
/* image border */
/* overlay */
/* extend bootstrap to extra large screens */
@media (min-width: 1200px) and (max-width: 1399px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .visible-lg .test {
    color: #FFF;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1430px;
  }
}
@media (min-width: 1400px) {
  .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
    float: left;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
  .col-xlg-pull-12 {
    right: 100%;
  }
  .col-xlg-pull-11 {
    right: 91.66666667%;
  }
  .col-xlg-pull-10 {
    right: 83.33333333%;
  }
  .col-xlg-pull-9 {
    right: 75%;
  }
  .col-xlg-pull-8 {
    right: 66.66666667%;
  }
  .col-xlg-pull-7 {
    right: 58.33333333%;
  }
  .col-xlg-pull-6 {
    right: 50%;
  }
  .col-xlg-pull-5 {
    right: 41.66666667%;
  }
  .col-xlg-pull-4 {
    right: 33.33333333%;
  }
  .col-xlg-pull-3 {
    right: 25%;
  }
  .col-xlg-pull-2 {
    right: 16.66666667%;
  }
  .col-xlg-pull-1 {
    right: 8.33333333%;
  }
  .col-xlg-pull-0 {
    right: auto;
  }
  .col-xlg-push-12 {
    left: 100%;
  }
  .col-xlg-push-11 {
    left: 91.66666667%;
  }
  .col-xlg-push-10 {
    left: 83.33333333%;
  }
  .col-xlg-push-9 {
    left: 75%;
  }
  .col-xlg-push-8 {
    left: 66.66666667%;
  }
  .col-xlg-push-7 {
    left: 58.33333333%;
  }
  .col-xlg-push-6 {
    left: 50%;
  }
  .col-xlg-push-5 {
    left: 41.66666667%;
  }
  .col-xlg-push-4 {
    left: 33.33333333%;
  }
  .col-xlg-push-3 {
    left: 25%;
  }
  .col-xlg-push-2 {
    left: 16.66666667%;
  }
  .col-xlg-push-1 {
    left: 8.33333333%;
  }
  .col-xlg-push-0 {
    left: auto;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0%;
  }
}
.mg-rt-0 {
  margin-right: 0;
}
.mg-btn-30 {
  margin-bottom: 30px;
}
.pd-lft-0 {
  padding-left: 0;
}
.pd-rht-0 {
  padding-right: 0;
}
/* ==========================================================================
   Fontstyles
   ========================================================================== */
/* font-family: "HeliosCondRegular"; */
@font-face {
  font-family: 'HeliosCondRegular';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/HeliosCondRegular/HeliosCondRegular.eot');
  src: url('/fonts/HeliosCondRegular/HeliosCondRegular.eot?#iefix') format('embedded-opentype'), url('/fonts/HeliosCondRegular/HeliosCondRegular.woff') format('woff'), url('/fonts/HeliosCondRegular/HeliosCondRegular.ttf') format('truetype');
}
/* font-family: "HeliosCondItalic"; */
@font-face {
  font-family: 'HeliosCondItalic';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/HeliosCondItalic/HeliosCondItalic.eot');
  src: url('/fonts/HeliosCondItalic/HeliosCondItalic.eot?#iefix') format('embedded-opentype'), url('/fonts/HeliosCondItalic/HeliosCondItalic.woff') format('woff'), url('/fonts/HeliosCondItalic/HeliosCondItalic.ttf') format('truetype');
}
/* font-family: "HeliosCondBold"; */
@font-face {
  font-family: 'HeliosCondBold';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/HeliosCondBold/HeliosCondBold.eot');
  src: url('/fonts/HeliosCondBold/HeliosCondBold.eot?#iefix') format('embedded-opentype'), url('/fonts/HeliosCondBold/HeliosCondBold.woff') format('woff'), url('/fonts/HeliosCondBold/HeliosCondBold.ttf') format('truetype');
}
/* font-family: "HeliosCondBoldItalic"; */
@font-face {
  font-family: 'HeliosCond';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/HeliosCondRegular/HeliosCondRegular.eot');
  src: url('/fonts/HeliosCondRegular/HeliosCondRegular.eot?#iefix') format('embedded-opentype'), url('/fonts/HeliosCondRegular/HeliosCondRegular.woff') format('woff'), url('/fonts/HeliosCondRegular/HeliosCondRegular.ttf') format('truetype');
}
body,
html {
  font-family: 'HeliosCond', 'HeliosCondItalic', 'sans-serif';
  outline: 0;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.full-height {
  min-height: 100%;
}
@media screen and (min-width: 320px) and (max-width: 996px) {
  body header,
  body .content-container,
  body .container,
  body footer {
    padding-left: 0;
    padding-right: 0;
  }
}
header {
  font-size: 15px;
  background: white;
  /*.payment {
		float: left;
		a {


			span {
				padding-left: 30px;
			}
			display: inline-block;

			padding-right: 20px;
			line-height: 24px;
			font-size: 15px;
		}
	}   */
  /*.head-panel_search input[type='search'] {
		width:         calc(100% - 98px);
		width: -webkit-calc(100% - 98px);
		width:    -moz-calc(100% - 98px);
	}
*/
}
header #header {
  height: auto;
  padding: 0px 5% 20px;
}
header #header .navbar-collapse {
  max-height: 420px;
}
header .navbar {
  margin-bottom: 0;
}
header .logo {
  float: left;
}
header .logo a {
  display: inline-block;
  padding-left: 1.16vw;
}
header .login-bar a {
  display: block;
  float: left;
  position: relative;
  padding-left: 23px;
  line-height: 24px;
  font-size: 15px;
}
header .login-bar a img,
header .login-bar a .svg {
  height: 24px;
  width: auto;
  position: absolute;
  left: 0;
}
header .login-bar a.assa-ico {
  padding-right: 23px;
}
header .login-bar a.assa-ico:before {
  display: block;
  float: left;
  content: ' ';
  font-size: 1px;
  background: url(/img/head-sprite.png) bottom left no-repeat;
  height: 24px;
  width: 32px;
}
header .login-bar a.assa-ico span {
  display: block;
  float: left;
}
header .head-panel {
  font-size: 14px;
  display: inline-block;
}
header .head-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .head-panel ul li {
  display: inline;
  /*& + li {
					margin-left: .5em;
				}*/
}
header .head-panel a {
  text-decoration: none;
  color: #5b5b5b;
}
header .head-panel a:hover {
  text-decoration: underline;
  color: #0c4da2;
}
header .head-panel .head-panel_user {
  text-align: right;
}
header .head-panel_user_row.icons {
  margin-top: 10px;
}
header .head-panel_user_row.icons li {
  line-height: 30px;
  display: inline-block;
  padding-left: 40px;
}
header .icon.icon-simile {
  position: relative;
  background: url(/img/nav-1.png) left center no-repeat;
}
header .icon.icon-korzina {
  position: relative;
  background: url(/img/nav-2.png) left center no-repeat;
}
header .icon-korzina_count {
  font-size: 10px;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 17px;
  padding: 8px 6px;
  color: #0c4da2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffe600;
}
header .head-panel_search {
  margin-top: 10px;
}
header .search-lupa input[type='search'] {
  /*width:         calc(100% - 115px);
		width: -webkit-calc(100% - 115px);
		width:    -moz-calc(100% - 115px);*/
  margin-right: 3px;
  padding-left: 27px;
  background: url("/img/icon_lupa.png") 7px center no-repeat #f4f4f4;
}
header #main-nav {
  margin-top: 35px;
}
header #main-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header #main-nav ul li {
  font-size: 19px;
  display: inline;
  color: #0c4da2;
}
header #main-nav a {
  text-decoration: none;
  color: #0353a5;
}
header #main-nav a:hover {
  text-decoration: underline;
  color: #5b5b5b;
}
header .lang-sel .dropdown-menu {
  min-width: unset;
}
header .right-header-row {
  margin-top: 2.1vw;
  padding-left: 0.85vw;
  padding-right: 0;
  float: right;
}
header .right-header-row .login-bar {
  float: left;
  padding-left: 0.7vw;
  /*width: 12vw; */
}
header .right-header-row .login-bar a.login-assa span {
  border: 1px solid #0c4da2;
  border-radius: 25px;
  color: white;
  background-color: #0c4da2;
  padding: 0px 10px;
}
header .right-header-row .login-bar a.payment span {
  margin-left: 9px;
}
header .right-header-row .lang-sel {
  float: left;
  padding-top: 1px;
  border-left: 1px dotted #0c4da2;
  padding-left: 20px;
  font-size: 15px;
}
header .right-header-row .lang-sel .dropdown-toggle {
  display: inline-block;
  height: 24px;
  color: #0c4da2;
}
header .right-header-row .lang-sel .dropdown-toggle:after {
  content: '';
  background: url("/img/triangle.png") right -1px no-repeat;
  width: 15px;
  display: block;
  height: 24px;
  float: right;
  margin-left: 5px;
}
header .clients {
  float: left;
  margin-top: 2.15vw;
  margin-left: 0.75vw;
}
header .clients .links {
  float: left;
}
header .clients .links a {
  padding-left: 32px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  color: #0c4da2;
  padding-right: 15px;
}
header .clients .links a:before {
  content: '';
  background: url('/img/head-sprite.png') no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
}
header .clients.abon a {
  color: #0c4da2;
}
header .clients.abon a:first-child:before {
  background-position: 0 3px;
}
header .clients.abon a:last-child:before {
  background-position: 0px -23px;
}
header .clients.business a:first-child {
  color: #9e9e9e;
}
header .clients.business a:first-child:before {
  background-position: -32px 3px;
}
header .clients.business a:last-child {
  color: #0c4da2;
}
header .clients.business a:last-child:before {
  background-position: 0px -23px;
}
header .clients.business a.clients-ch {
  background-position: top left;
}
header .clients.business a.clients-bs {
  background-position: left -24px;
  padding-left: 36px;
  margin-left: 30px;
}
header #main-nav .navbar-nav {
  display: block;
  /*width: 100%;*/
}
header ul.nav {
  width: 100%;
}
header .search {
  float: right;
  padding-right: 10px;
  position: relative;
}
header .search form {
  display: none;
}
header .search span.search-ico {
  display: block;
  width: 24px;
  height: 24px;
  background: url('/images/head-sprite.png') left -48px no-repeat;
}
header .search .search-ico {
  cursor: pointer;
  z-index: 8000;
}
header .search .search-w {
  width: 145px;
  padding: 12px;
  padding-right: 25px;
  padding-left: 5px;
  height: 24px;
  background: #fff;
  position: absolute;
  top: 0px;
  z-index: 8001;
  /*margin-left: -115px;*/
  outline: 0px #0c4da2 solid;
  border: 1px #0c4da2 solid;
  border-radius: 20px;
}
header .search .subm-srch {
  background: url('/images/srch.png') center center no-repeat;
  border: 0 none;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 8002;
  margin-left: 120px;
  text-indent: -10000px;
  top: 0px;
}
@media screen and (max-width: 1400px) {
  header #header {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 1280px) {
  header #header {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 767px) {
  #header .nav > li > a {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #wrapper,
  body {
    overflow-x: hidden;
  }
  header {
    padding: 0;
  }
  header #header {
    background: #f4f4f4;
    /*height: 70px;  */
    padding: 0;
    position: relative;
  }
  header #header .logo {
    padding-left: 40px;
    width: 200px;
    top: 0;
    float: none;
    margin: 0 auto;
  }
  header #header .logo a {
    display: block;
  }
  header #header .logo a img {
    width: 100%;
  }
  header #header .lang-sel {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .navbar-toggle {
    margin-left: 5px;
  }
  #header .container,
  #header.container,
  #header .navbar-collapse {
    padding: 0 !important;
  }
  .top-bar {
    position: absolute;
    width: 100%;
  }
  header .right-header-row .lang-sel {
    border-width: 0;
    padding: 0;
  }
  .dropdown-menu > .active > a {
    background-color: #0b4da1;
  }
  .lang-sel {
    padding: 0;
    border: 0 none;
    position: initial;
    /**/
    /*top: -10px; */
    /*right: 70px; */
    margin-top: 0px;
    width: 100px;
    margin-left: -50px;
  }
  .lang-sel .dropdown-toggle {
    display: none;
  }
  .lang-sel ul.dropdown-menu {
    display: block !important;
    background-clip: padding-box;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    float: left;
    font-size: 16px;
    list-style: outside none none;
    margin: 0;
    min-width: unset;
    padding: 0;
    position: relative;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }
  .lang-sel ul.dropdown-menu li {
    display: inline-block;
    margin: 0 2px;
  }
  #header div.search {
    position: absolute;
    left: 40px;
  }
  .dropdown-menu > li > a {
    padding: 3px 10px;
    background: #fff;
  }
  .dropdown-menu > li > a.active {
    color: #fff;
    background-color: #0b4da1;
  }
  .navbar-header {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  header #header .logo {
    width: 140px;
  }
  header #header .lang-sel {
    width: 46px;
    position: absolute;
    right: 0;
    top: 0;
  }
}
/* footer styles */
footer {
  /*margin-top: 85px; */
  background-color: #0c4da2;
}
footer .capitalise {
  text-transform: uppercase;
}
footer .socials {
  margin-bottom: 20px;
  padding-right: 20px;
}
footer .socials > div {
  float: right;
  padding-left: 2px;
  padding-right: 2px;
}
footer .socials img {
  max-height: 50px;
}
footer * {
  color: #ffffff;
}
footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
footer .phone p {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 35px;
}
footer .phone small {
  font-size: 16px;
  text-transform: uppercase;
}
footer .footer-inner {
  padding: 60px 30px 50px 30px;
}
footer .footerlinks {
  /*margin-left: -15px;
		margin-right: -15px;*/
}
footer .footerlinks > li {
  width: 32%;
  vertical-align: top;
}
footer .footerlinks > li > ul > li {
  margin-bottom: 20px;
  font-weight: bold;
}
footer .footerlinks > li > ul > li > ul {
  padding-top: 10px;
}
footer .footerlinks > li > ul > li > ul li {
  font-weight: normal;
  padding-bottom: 4px;
}
.socials a {
  content: '';
  width: 35px;
  height: 35px;
  display: block;
  opacity: 1;
  background: url("../img/social.png") 0 0;
  transition: opacity 0.5s ease-in-out;
  /*for chrome, safari*/
  -webkit-transition: opacity 0.5s ease-in;
  /*for chrome, safari*/
  -moz-transition: opacity 0.5s ease-in;
  /*for mozilla firefox*/
  -o-transition: opacity 0.5s ease-in;
  /*for opera*/
  /*&.vk{
			background-position: -122px -32px;
			&:hover{
				background-position: -122px -91px;
				background-position-y: -91px;
			}
		}*/
}
.socials a.fade-out {
  opacity: 0;
}
.socials a.fade-in {
  opacity: 1;
}
.socials a:hover {
  transition: opacity 0.5s ease-in;
  /*for chrome, safari*/
  -webkit-transition: opacity 0.5s ease-in;
  /*for chrome, safari*/
  -moz-transition: opacity 0.5s ease-in;
  /*for mozilla firefox*/
  -o-transition: opacity 0.5s ease-in;
  /*for opera*/
}
.socials a.tw {
  background-position: -206px -32px;
}
.socials a.tw:hover {
  background-position-y: -91px;
}
.socials a.youtube {
  background-position: -255px -32px;
}
.socials a.youtube:hover {
  background-position-y: -91px;
}
.socials a.fb {
  width: 20px;
  background-position: -171px -32px;
}
.socials a.fb:hover {
  background-position: -171px -91px;
}
.socials a.instagram {
  background-position: -78px -32px;
}
.socials a.instagram:hover {
  background-position-y: -91px;
}
.socials a.vb {
  background-position: 102px -31px;
}
.socials a.vb:hover {
  background-position-y: -91px;
}
.socials a.tlg {
  background-position: 61px -31px;
}
.socials a.tlg:hover {
  background-position-y: -91px;
}
@media screen and (max-width: 990px) {
  footer .socials {
    width: 185px;
    margin: 0 auto;
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 991px) {
  footer .footer-inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer .footer-inner .socials.row {
    margin-left: auto;
    margin-right: auto;
    width: 26vw;
    padding-right: 0;
  }
  footer .footer-inner .phone {
    margin-bottom: 0;
    text-align: center;
  }
}
/* end footer styles */
.empty-box {
  border: 1px #ccc dotted;
  background-color: #f4f4f4;
}
.empty-box .message {
  display: block;
  padding: 50px 65px;
  text-align: center;
}
html {
  background-color: #f4f4f4;
  height: 100%;
}
.html-content {
  background-color: #fff;
  padding: 0 60px 50px;
}
.no-root-padding {
  margin: 0 -60px;
}
.body-content {
  min-height: 100%;
  /*&:after{
		height: 388px;
		display: block;
		content: ' ';
	}  */
}
body {
  background-color: #fff;
  background: none;
  margin: 0 auto;
  /*box-shadow: @site-shadow;*/
  height: 100%;
}
body a {
  color: #0c4da2;
}
body footer a {
  color: #fff;
}
body .breadcrumb {
  padding: 24px 0px 14px 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  font-size: 13px;
  margin-bottom: 16px;
  background-color: #fff;
}
.list-view .summary {
  display: none;
}
/*
@media screen and (min-width: 1281px) and (max-width:1366px){
	body {
		width: 80vw;
	}

	.container {
		width: 75vw;
	}
}*/
.baloon {
  padding-right: 20px;
  display: inline-block;
  position: relative;
}
.baloon .ico {
  position: absolute;
  top: 3px;
  right: 3px;
  content: ' ';
  font-size: 16px;
  color: #cacaca;
  display: block;
  background-position: 0;
  background-size: 100%;
  cursor: pointer;
}
.stable {
  font-size: 16px;
  width: 100%;
  border-spacing: 0px;
}
.stable thead td {
  border-left: 1px solid #FFFFFF;
  padding: 3px 3px;
  background-color: #0356AD;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.stable tbody td {
  padding: 4px 5px 4px 10px;
  border-bottom: 1px solid #D2D6D7;
  border-left: 1px solid #FFF;
}
.stable tbody td a {
  text-decoration: none;
}
.stable tbody .td {
  border-left: 1px solid #E0E0E0;
}
.stable tbody tr {
  ___border: 1px solid #D2D6D7;
  padding: 4px 0;
  padding-left: 10px;
}
.stable tbody tr:hover {
  background-color: #FDE82D;
  padding: 4px;
}
.stable-new {
  font-size: 16px;
  width: 100%;
  border-spacing: 0px;
}
.stable-new thead td {
  border-left: 1px solid #FFFFFF;
  padding: 3px 3px;
  background-color: #0356AD;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.stable-new tbody td {
  padding: 5mm 5px 5mm 10px;
  border-bottom: 1px solid #D2D6D7;
}
.stable-new tbody td.title-5 {
  border-right: 1px solid #D2D6D7;
}
.stable-new tbody td a {
  text-decoration: none;
}
.stable-new tbody td:nth-child(odd) {
  text-align: left;
}
.stable-new tbody .td {
  border-left: 1px solid #E0E0E0;
}
.stable-new tbody tr {
  border: 1px solid #D2D6D7;
  padding: 4px 0;
  padding-left: 10px;
}
.stable-new tbody tr:hover {
  background-color: #FDE82D;
  padding: 4px;
}
.stable-new tbody .left-text {
  text-align: left;
  width: 50% !important;
}
.stable-new tbody .title-5 {
  font-size: 16px;
}
.stable-new tbody .mid-text {
  text-align: left;
  width: 50% !important;
}
.stable-new tbody td {
  text-align: right;
  width: 20%;
}
.stable-new tbody .text40 {
  text-align: center;
  width: 40%;
}
.stable-new tbody .text85 {
  text-align: left;
  width: 85%;
}
.stable-new tbody .text25 {
  text-align: right;
  width: 25%;
}
.section-button {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #dddddd;
  border-bottom: none;
  cursor: pointer;
  color: #0c4da2;
  text-align: center;
  font-size: 16px;
}
.section-button:hover,
.section-button.is-active {
  background: #0152a7;
  color: #fff;
  border: 1px solid #0152a7;
}
.section-content {
  display: none;
  border-top: 0px solid #dddddd;
  padding-top: 25px;
  font-size: 16px;
}
.section-content:first-child {
  display: block;
}
html *,
html .h1,
html .h2,
html .h3,
html .h4,
html .h5,
html .h6 {
  font-family: "HeliosCond", sans-serif;
}
.html-content {
  font-size: 16px;
}
.html-content .yellow-list li {
  background-image: url("../img/leftmenu_marker.gif");
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: left top 8px;
  margin: 3px 0 3px 20px;
  padding: 0 0 0 10px;
}
.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
  font-weight: normal;
}
body > section:last-of-type {
  margin-bottom: 85px;
}
.blue {
  color: #0c4da2;
}
.bold {
  font-family: 'HeliosCondBold ', sans-serif;
}
.upcase {
  letter-spacing: .04em;
  text-transform: uppercase;
}
svg {
  width: 100%;
}
.catalog ul li {
  margin: 0;
  padding: 0;
  background-image: none;
}
h1 {
  font-size: 24px;
  margin: 10px 0 5px 0;
  color: #0c4da2;
}
h1.title-9,
h1.content-title {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 30px;
}
h1.title-2 {
  color: #4f4f4f;
}
h1.title-3 {
  font-size: 20px;
  color: #4f4f4f;
}
h1.title-4 {
  font-size: 16px;
  color: #0c4da2;
}
h1.title-5 {
  font-size: 16px;
  color: #4f4f4f;
}
h1.title-6 {
  font-size: 36px;
  color: #0c4da2;
  margin: 10px 0 5px 0;
}
h1.title-7 {
  font-size: 16px;
  color: #4f4f4f;
  padding-left: 15px;
}
span.title {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
span.title-2 {
  color: #0c4da2;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
span.title-small {
  font-size: 16px;
  font-weight: bold;
  display: block;
}
span.title-small-2 {
  font-size: 15px;
  font-weight: bold;
}
span.title-small-blue {
  font-size: 16px;
  color: #0c4da2;
  margin: 10px 0 5px 0;
  font-weight: bold;
}
span.title-3 {
  font-size: 24px;
  color: #0c4da2;
  margin: 10px 0 5px 0;
}
.white {
  background-color: #fff;
}
.title-center {
  text-align: center;
}
.kk33 {
  background-color: #f4f4f4;
  padding: 40px 0;
}
.kk33 h2 {
  font-size: 36px;
}
.spoiler {
  display: none;
}
.carousel-control > img {
  display: none;
}
.shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 0;
}
.exception,
.well.error {
  padding: 20px 30px;
}
@media screen and (max-width: 640px) {
  .html-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
ul,
li {
  margin: 0;
  padding: 0;
  background: none;
}
h1 {
  font: bold 36px/36px 'HeliosCondRegular', Arial, sans-serif;
  color: #2371c3;
  margin: 0 0 5px 0px;
  padding: 0;
}
.outer {
  display: table;
  vertical-align: middle;
}
.inner,
.middle {
  display: table-cell;
  vertical-align: middle;
}
* html .outer {
  overflow: hidden;
  position: relative;
}
* html .middle {
  position: absolute;
  top: 50%;
  width: 100%;
}
* html .inner {
  position: relative;
  top: -50%;
}
*:first-child + html .outer {
  overflow: hidden;
  position: relative;
}
*:first-child + html .middle {
  position: absolute;
  top: 50%;
  width: 100%;
}
*:first-child + html .inner {
  position: relative;
  top: -50%;
}
.upper {
  text-transform: uppercase;
}
.img-right {
  float: right;
  margin: 0 0 10px 20px;
}
.img-left {
  float: left;
  margin: 0 20px 10px 0;
}
/*
input.radio-desing {
	display: none;
}

span.radio-desing {
	cursor: pointer;
	display: inline;
	padding: 9px 8px;
	height: 1px;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;
	background: url('../_pic/input-radio.png') no-repeat 0 -28px;
	vertical-align: middle;
}

span.radio-desing.act {
	background-position: 0 0px;
}  */
.header {
  padding: 15px 0 0;
  margin: 0 0 60px;
}
.header .logo {
  float: left;
  padding: 5px 0 0;
}
.header .lang {
  float: right;
  padding: 35px 0 0;
}
.header .lang a {
  color: #21368b;
  display: inline-block;
  padding: 4px 10px;
  position: relative;
  font-size: 15px;
  margin: 0 3px;
}
.header .lang a:hover {
  text-decoration: none;
}
.header .lang a.act {
  color: #333;
  background: #ffe600;
  margin: 0px;
  text-decoration: none;
}
.header .descr {
  margin: 0 200px;
}
.header .descr .text {
  text-align: center;
  color: #333;
  font: 14px/18px Roboto;
}
.header .descr h2 {
  text-align: center;
  color: #2371c3;
  font-size: 48px;
  line-height: 48px;
  font-weight: bold;
}
.router-detail {
  margin: 0 0 60px;
}
.router-detail .right {
  float: right;
  width: 277px;
  padding-top: 50px;
}
.router-detail .left {
  float: left;
  width: 277px;
  padding-top: 50px;
}
.router-detail .info {
  text-align: center;
}
.router-detail .info .text {
  font: 300 13px/14px Roboto;
  margin: 3px 0 0;
}
.router-detail .i1,
.router-detail .i2,
.router-detail .i3,
.router-detail .i4,
.router-detail .i5,
.router-detail .i6 {
  background: url('../_pic/icons.png') no-repeat 0 0;
  width: 40px;
  height: 40px;
  display: block;
  margin: 3px 0 0;
}
.router-detail .i1 {
  background-position: -2px -1px;
  float: right;
}
.router-detail .i2 {
  background-position: -2px -63px;
  float: right;
}
.router-detail .i3 {
  background-position: -2px -127px;
  float: right;
}
.router-detail .i4 {
  background-position: -68px -2px;
  float: left;
}
.router-detail .i5 {
  background-position: -68px -65px;
  float: left;
  height: 46px;
}
.router-detail .i6 {
  background-position: -68px -131px;
  float: left;
}
.router-detail li {
  margin: 0 0 0px;
  height: 112px;
}
.router-detail li > h3 {
  color: #333;
  font-weight: bold;
  font-family: 'HeliosCondRegular';
  font-size: 21px;
  line-height: 21px;
  margin: 0 0 5px;
}
.router-detail li > span {
  font: 300 13px/14px Roboto;
}
.router-detail .left li {
  text-align: right;
}
.router-detail .left li > h3,
.router-detail .left li > span {
  margin-right: 60px;
  display: block;
}
.router-detail .right li > h3,
.router-detail .right li > span {
  margin-left: 60px;
  display: block;
}
.router-detail .img img {
  margin-right: 35px;
}
.router-detail .detail-buttons {
  background: url('../_pic/router-detail-buttons-fon.jpg') no-repeat 50% 0;
  padding: 40px 0 0;
}
.detail-buttons {
  text-align: center;
  margin: 60px 0;
}
.detail-buttons .col {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}
.detail-buttons .col b {
  font-size: 21px;
  font-weight: 300;
}
.location {
  background: #dae8f3 url('../_pic/location-fon.jpg') no-repeat 50% 0;
  height: 700px;
  padding: 50px 0 0;
  margin: 0 0 30px;
}
.location .right {
  margin: 0 0 0 52%;
  height: 415px;
  width: 350px;
  font-size: 14px;
}
.location .left {
  margin: 0 0 0 80px;
  width: 370px;
  text-align: right;
  font-size: 14px;
}
.location h3 {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 15px;
}
.location .button-map {
  margin: 90px 240px 0 0;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 0px 1px #0f315e;
  width: 120px;
  padding: 15px 0px 15px 40px;
  font: normal 13px/13px 'Roboto Condensed';
  float: right;
  display: inline-block;
  background: url('../_pic/button-map.png') no-repeat 0 2px;
}
.location .button-map:hover {
  text-decoration: none;
  background-position: 0 100%;
}
.social {
  text-align: center;
  margin: 0 0 60px;
}
.social .it {
  display: inline-block;
  margin: 0 5px;
}
.social h2 {
  margin: 0 0 50px;
}
.step-line {
  background: url('../_pic/steps.png') no-repeat 50% 0;
  height: 66px;
  position: relative;
}
.step-line a {
  position: absolute;
  top: 1px;
  width: 38px;
  height: 28px;
  padding: 10px 0 0;
  text-align: center;
  font-weight: normal;
  font-size: 11px;
}
.step-line a:hover {
  text-decoration: none;
  background: url('../_pic/step-item.png') no-repeat 0 0;
}
.step-line a:hover b {
  color: #0c4da2;
}
.step-line a:hover span {
  display: inline-block;
}
.step-line a:hover dd {
  color: #2371c3;
}
.step-line a span {
  position: absolute;
  display: none;
  background: #3b5260;
  border-radius: 5px;
  padding: 5px 5px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  width: 175px;
  bottom: 50px;
  margin: 0 0 0 -97px;
}
.step-line a span i {
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin: 0 0 0 -5px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #3b5260 transparent transparent transparent;
}
.step-line a.it-1 {
  left: 32px;
}
.step-line a.it-2 {
  left: 247px;
}
.step-line a.it-3 {
  left: 457px;
}
.step-line a.it-4 {
  left: 667px;
}
.step-line a.it-5 {
  left: 872px;
}
.step-line b {
  display: inline-block;
  width: 10px;
  text-align: center;
  overflow: hidden;
  color: #fff;
}
.step-line dd {
  color: #666;
  display: block;
  position: absolute;
  top: 45px;
  left: 50%;
  width: 150px;
  text-align: center;
  margin: 0 0 0 -75px;
  text-transform: uppercase;
}
.video {
  border: 6px solid #85b3d4;
  border-radius: 5px;
  position: relative;
  margin: 0 0 30px;
}
.video img {
  display: block;
}
.video .play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -55px 0 0 -55px;
  width: 110px;
  height: 110px;
  background: url('../_pic/play.png') no-repeat 0 0;
}
.news {
  margin: 0 0 60px;
}
.news .link {
  text-align: center;
}
.news .link a {
  display: inline-block;
  padding: 0px 30px 1px 0;
  background: url('../_pic/icons-2.png') no-repeat 100% 0;
}
.news .link a span {
  display: inline-block;
  border-bottom: 1px dotted #2371c3;
}
.news .link a.act {
  background-position: 100% -36px;
}
.news .link a:hover span {
  border-bottom: 1px dotted #fff;
  text-decoration: none;
}
.news ul {
  overflow: hidden;
  padding: 20px 0 0;
  display: none;
}
.news li {
  margin: 0 0 0 15px;
  width: 304px;
  float: left;
  font-size: 14px;
}
.news li:first-child {
  margin-left: 0;
}
.news li .img {
  display: block;
  margin: 0 0 10px;
}
.news li .img img {
  border-radius: 5px;
  display: block;
}
.news li .title {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
}
.bonuses {
  margin: 0 0 30px;
}
.bonuses h2 {
  margin: 0 0 30px;
}
.bonuses ul {
  overflow: hidden;
}
.bonuses li {
  position: relative;
  font-size: 18px;
  line-height: 18px;
  float: left;
  text-align: center;
  width: 25%;
  padding: 120px 10px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bonuses li:first-child {
  margin-left: 0;
}
.bonuses b {
  display: block;
  font: bold 24px/24px 'HeliosCondRegular', Arial, sans-serif;
  margin: 0 0 3px;
}
.form-data input[type='text'],
.form-data select {
  border-radius: 0;
  padding-right: 30px;
}
.form-data .inlined .row {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.form-data .has-error .radio-desing input + label:before {
  border-radius: 100%;
  border: 1px solid #cc6666;
}
.form-data .has-error input[type='text'],
.form-data .has-error select {
  border-color: #cc6666;
  background: #fff url(../_pic/icon-error.png) no-repeat 100% 10px;
}
.form-data .has-success .radio-desing input + label:before {
  border-radius: 100%;
  border: 1px solid #99cc99;
}
.form-data .has-success input[type='text'],
.form-data .has-success select {
  border-color: #99cc99;
  background: #fff url(../_pic/icon-ok.png) no-repeat 100% 10px;
}
.form-data .delivery-type .row {
  padding-bottom: 5px;
}
.form-data .delivery-type > .row {
  padding-bottom: 0;
}
.form-data #home-adr-wr,
.form-data #deliveryAddr-wr {
  padding-bottom: 20px;
  padding-top: 10px;
}
.form-data label {
  font-weight: normal;
}
.form-data input,
.form-data textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
  padding: 5px 10px;
  box-shadow: inset 0 3px 5px #f1f1f1;
  background: #fff;
}
.form-data input:focus,
.form-data textarea:focus {
  border-color: #2371c3;
  box-shadow: none;
  background: #fff !important;
  padding-right: 10px;
}
.form-data .hint {
  font-size: 12px;
}
.form-data .radio-desing.field {
  float: none;
}
.form-data .radio-desing input {
  display: none;
}
.form-data .radio-desing input + label {
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  padding-left: 35px;
  margin-left: 15px;
  font-weight: normal;
  text-align: left;
}
.form-data .radio-desing input + label:before {
  background: url(../_pic/input-radio.png) no-repeat 0 -28px;
  display: inline-block;
  content: ' ';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
}
.form-data .radio-desing input:checked + label:before {
  background-position: 0 0;
}
.form-data .name {
  text-align: center;
  padding: 0 10px 0 0;
  display: inline-block;
  font-weight: normal;
}
.form-data .row {
  padding: 0 0 25px;
  overflow: hidden;
}
.form-data div.select {
  position: relative;
}
.form-data div.select div {
  top: 15px;
  right: 20px;
  position: absolute;
  z-index: 1;
  background: url('../_pic/icon-select.png') no-repeat 0 0;
  width: 7px;
  height: 4px;
}
.form-data div.select input {
  position: relative;
}
.form-data div.select select {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.form-data div.select select option {
  background: #fafafa;
  padding-right: 10px;
  padding-left: 10px;
}
.form-data .req {
  color: red;
  font-size: 15px;
}
.form-data .submit {
  text-align: center;
  font-weight: normal;
  box-shadow: inset 0 1px 0px #fff;
  display: inline-block;
  background: #ffde00;
  font-size: 16px;
  line-height: 27px;
  padding: 10px 20px;
  border: none;
  color: #0c4da2;
  margin: 0 5px 7px;
  cursor: pointer;
}
.form-data .field-submit,
.form-data .last .field {
  text-align: center;
  float: none;
}
.form-data .field,
.order .field-submit {
  display: inline-block;
  padding: 0 10px 0 0;
  font-size: 12px;
}
.form-data .form-data input.calendar {
  background: #fff url('../_pic/icon-calendar.png') no-repeat 100% 6px;
  padding-right: 30px;
}
.form-data .last-row {
  margin-bottom: 0;
  padding-bottom: 0;
}
/*
a.button, .submit, .form-data .submit, .form-data .field .submit {
	text-align: center;
	font-weight: normal;
	box-shadow: inset 0 1px 0px #fff;
	display: inline-block;
	background: #ffde00;
	font-size: 16px;
	line-height: 27px;
	padding: 10px 20px;
	border: none;
	color: #0c4da2;
	margin: 0 5px 7px;
	cursor: pointer;
}  */
#applay-promo {
  line-height: 16px;
  width: auto !important;
  border-radius: 5px;
  padding: 7px;
  margin: 0 0 0 3px;
}
a.button.blue {
  background: #2e95d6 url('../_pic/button-fon-2.png') repeat-x 0 0;
  border-color: #3297db #2267bc #1641a5 #2267bc;
  color: #fff;
}
a.button.blue span {
  box-shadow: 0 0px 10px #40a1dd, inset 0 3px 10px #4f9cd2;
  background: #4d85ca;
  border: 1px solid #316bbe;
  border-radius: 50px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  margin-left: 8px;
}
a.button:hover,
a.button.blue:hover,
.submit:hover {
  background-position: 0 10px !important;
  text-decoration: none;
}
a.button i {
  display: inline-block;
  background: url('../_pic/icon-button-next.png') no-repeat 0 0;
  width: 20px;
  height: 21px;
  line-height: 21px;
  vertical-align: bottom;
  margin: 0 0 0 10px;
}
input.submit,
.form-data input.submit,
.form-data .field input.submit {
  line-height: 27px;
}
.submit:hover,
.form-data .submit:hover {
  background: #ffe80a;
}
a.button-2 {
  display: inline-block;
  border-radius: 5px;
  background: #2371c3;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  margin: 0 5px;
}
a.button-2:hover {
  text-decoration: none;
  background: #2e7ed2;
}
a.button-3 {
  display: inline-block;
  border-radius: 5px;
  background: #fff;
  border: 2px solid #2371c3;
  padding: 8px 15px;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  margin: 0 5px;
}
a.button-3:hover {
  text-decoration: none;
  color: #000;
}
.order {
  background: #e7f0f7 url('../_pic/forma-fon-r.png') repeat-y 50% 0;
  border-radius: 10px;
  margin: 0 0 30px;
}
.order form {
  background: url('../_pic/forma-fon.png') no-repeat 50% -65px;
  padding: 40px 0;
}
.order .name {
  width: 300px;
}
.order .w1 {
  width: 190px;
}
.order .w2 {
  width: 190px;
}
.order .w3 {
  width: 100px;
}
.order .w4 {
  width: 96px;
}
.order .w5 {
  width: 310px;
}
.order .submit {
  width: 280px;
  margin: 0;
}
.order .last {
  margin: -20px 0 0;
}
.checkout .field,
.checkout .name {
  display: block;
  float: left;
}
.checkout .name {
  padding-top: 5px;
  width: 220px;
}
.checkout .col2 {
  width: 386px;
  margin: 0 10px 0 0;
}
.checkout .col3 {
  width: 300px;
  padding: 0;
  margin: 0 0 -20px;
}
.checkout .w1 {
  width: 100%;
}
.checkout .w2 {
  width: 100px;
  margin: 0 10px 0 0;
}
.checkout .w3 {
  width: 270px;
}
.checkout .w4 {
  width: 105px;
}
.checkout .w5 {
  width: 95px;
  margin: 0 10px 0 0;
}
.checkout .w6 {
  width: 210px;
  margin: 0 10px 0 0;
}
.checkout .w7 {
  width: 670px;
  margin: 0 auto;
  float: none;
}
.checkout label {
  margin: 0 0 0 30px;
  display: block;
}
.checkout label b {
  font: normal 15px/15px 'HeliosCondRegular', Arial, sans-serif;
}
.checkout .row-s {
  padding: 0 0 5px;
}
.checkout .free {
  background: #61ab34;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  padding: 4px 7px;
  position: relative;
  margin: 8px 0 0 5px;
}
.checkout .free i {
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 5px 10px 0;
  border-color: transparent #61ab34 transparent transparent;
  position: absolute;
  top: 0;
  left: -5px;
}
.checkout .submit {
  width: 280px;
  margin: 0;
}
.checkout .last {
  margin: -20px 0 0;
}
.form-tariff .field,
.form-tariff .field-submit,
.form-tariff .name {
  display: block;
  float: left;
}
.form-tariff .name {
  padding-top: 5px;
  width: 280px;
}
.form-tariff .col2 {
  width: 360px;
}
.form-tariff .col3 {
  width: 250px;
}
.form-tariff .w1 {
  width: 100%;
}
.form-tariff .w2 {
  width: 70px;
  margin: 0 10px 0 0;
}
.form-tariff .w3 {
  width: 280px;
}
.form-tariff .align-right {
  text-align: right;
}
.form-tariff .button {
  margin: 0;
}
.form-tariff .back {
  display: inline-block;
  background: url('../_pic/back.png') no-repeat 0 4px;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
}
.form-tariff .back span {
  border-bottom: 1px dotted #2371c3;
}
.form-tariff .back:hover {
  text-decoration: none;
}
.form-tariff .back:hover span {
  border-color: transparent;
}
.form-popup .field,
.form-popup .field-submit,
.form-popup .name {
  display: block;
  float: left;
}
.form-popup .name {
  padding-top: 5px;
  width: 180px;
}
.form-popup .col2 {
  width: 320px;
}
.form-popup .col3 {
  width: 220px;
  margin-bottom: -15px;
}
.form-popup .w1 {
  width: 100%;
}
.form-popup .w2 {
  width: 150px;
}
.form-popup .w3 {
  width: 100px;
  margin-right: 10px;
}
.form-popup .w4 {
  width: 210px;
}
.form-popup .field-submit {
  text-align: center;
}
.footer {
  height: 60px;
}
.contacts > div {
  width: 380px;
  margin: 0 auto;
  font-size: 14px;
}
.contacts .phone {
  color: #2371c3;
  font-size: 30px;
  font-weight: normal;
  margin-top: 30px;
}
.fix-button {
  position: fixed;
  top: 50%;
  right: -2px;
  margin: -240px 0 0;
}
.fix-button a {
  float: right;
  clear: both;
  display: block;
  margin: 5px 0;
  position: relative;
}
.fix-button a img {
  display: block;
}
.fix-button a:hover {
  right: 2px;
}
.title-block {
  border-top: 1px solid #c6d2db;
  position: relative;
  text-align: center;
  margin: 30px 0 10px;
}
.title-block span {
  display: inline-block;
  font: normal 21px/21px 'HeliosCondRegular', Arial, sans-serif;
  position: relative;
  background: #fff;
  top: -14px;
  padding: 0 10px;
  color: #2371c3;
}
.title-block-2 {
  border-bottom: 1px solid #c6d2db;
  font-weight: bold;
  padding: 0 0 2px;
  margin: 0 0 15px;
}
.descr-page {
  font: normal 21px/21px 'HeliosCondRegular', Arial, sans-serif;
  margin: 0 0 40px;
}
.bonuses-block {
  border: 2px dashed #2371c3;
  border-radius: 8px;
  padding: 15px 0 15px 15px;
  margin: 0 0 20px;
}
.bonuses-block .name {
  float: left;
  width: 32%;
}
.bonuses-block .name b {
  font-weight: bold;
  font-size: 30px;
  color: #2371c3;
  display: block;
}
.bonuses-block ul,
.bonuses-block li {
  margin: 0;
  padding: 0;
  background: none;
}
.bonuses-block ul {
  overflow: hidden;
}
.bonuses-block li {
  float: left;
  text-align: center;
  position: relative;
  width: 50%;
  padding: 60px 5px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
}
.bonuses-block li.it-3:before {
  background-position: -237px;
}
.bonuses-block li.it-4:before {
  background-position: -406px;
}
.bonuses-block li:before {
  background: url('../_pic/icons.png') no-repeat -62px 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 60px;
  height: 50px;
  display: block;
  content: ' ';
}
.bonuses-block li:first-child {
  margin-left: 0;
}
.bonuses-block li.it-2 {
  background-position: -80px 0;
}
.bonuses-block li.it-3 {
  background-position: -254px 0;
}
.bonuses-block li.it-4 {
  background-position: -415px 0;
}
.bonuses-block li b {
  display: block;
  font: bold 18px/18px 'HeliosCondRegular', Arial, sans-serif;
  margin: 0 0 3px;
}
.tabs .tab {
  border-bottom: 2px solid #2371c3;
  margin: 0 0 20px;
}
.tabs .tab .a {
  font: 21px/21px 'HeliosCondRegular', Arial, sans-serif;
  border-radius: 5px 5px 0 0;
  padding: 10px 37px;
  display: inline-block;
  margin: 2px 2px -2px;
  color: #666;
}
.tabs .tab .a span {
  display: inline-block;
  background: #e7f2fb;
  padding: 3px 5px;
  color: #333;
  margin: 0 5px 0 0;
  border-radius: 3px;
}
.tabs .tab .a.act {
  background: url('../_pic/tab-fon.png') repeat-x 0 0;
  border: 2px solid #2371c3;
  border-bottom: 2px solid transparent;
  margin: 0 0 -2px;
  text-decoration: none;
  color: #333;
  font-weight: normal;
}
.tabs .tab .a.act span {
  background: #2371c3;
  color: #fff;
}
.tabs .it {
  display: none;
}
.tabs .it.act {
  display: block;
}
.tabs .buttons {
  text-align: center;
  margin: 0 0 20px;
}
.design-table {
  margin: 0 0 20px;
}
.design-table th,
.design-table td {
  border: 1px solid #dae8f4;
}
.design-table th {
  padding: 15px 20px;
  font: normal 14px/17px 'HeliosCondRegular', Arial, sans-serif;
  background: #e7f2fb;
  color: #2371c3;
  text-transform: uppercase;
  vertical-align: bottom;
}
.design-table tr {
  cursor: pointer;
}
.design-table td {
  font-size: 21px;
  text-align: center;
  height: 50px;
  padding: 5px 20px 7px;
}
.design-table tr:hover td {
  background: #e9f1f8;
  border-color: #b4d0e8;
  color: #2371c3;
}
.design-table td label {
  text-align: left;
  font-size: 15px;
  display: block;
  font-weight: normal;
}
.design-table td label a {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}
.design-table td label a:hover {
  border-bottom: 1px solid transparent !important;
}
.design-table td label sup {
  font-size: 10px;
}
.design-table td label sup a {
  color: #2371c3;
}
.design-table tr.act td {
  background: #2371c3;
  color: #fff;
}
.design-table tr.act td a {
  color: #fff;
}
.design-table tr.act td a.ajax {
  border-color: #fff;
}
.describe-tariff,
.describe-tariff p {
  font-size: 12px;
}
.green {
  color: #009933;
}
.ui-datepicker {
  border: 1px solid #2371c3;
  border-radius: 5px;
  background: #fff url('../_pic/calendar-fon.png') repeat-x 0 100%;
  box-shadow: 0 0 10px #c8c8c8;
  padding: 0;
}
.ui-datepicker th {
  background: #d3e3f3;
  color: #2371c3;
}
.ui-datepicker td a {
  text-align: center;
  border: 2px solid transparent;
}
.ui-datepicker .ui-datepicker-today a {
  border-radius: 5px;
  background: #2371c3;
  color: #fff;
}
.ui-datepicker table .ui-state-hover {
  border-radius: 5px;
  background: #f1f7fd;
  border-color: #2371c3;
  color: #2371c3;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  background: url('../_pic/icon-datapicker.png') no-repeat 3px 3px;
}
.ui-datepicker .ui-datepicker-next {
  background-position: 100% 3px;
  right: 5px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 5px;
  top: 2px;
}
.popup-fon {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 997;
}
.popup .popup-fon-data {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 998;
}
.popup .popup-data {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 750px;
  border-radius: 10px;
  border: 5px solid #2371c3;
  padding: 15px;
  background: #fff;
  margin-left: -400px;
  z-index: 999;
}
.popup .close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: url('../_pic/close.png') no-repeat 0 0;
}
.popup .up {
  background: #ecf3fa;
  border-bottom: 1px solid #2371c3;
  margin: -15px -15px 15px;
  padding: 15px;
  border-radius: 5px 5px 0 0;
}
.popup .up h3 {
  margin: 0;
}
.popup li {
  font-size: 12px;
  background-position: 0 5px;
}
.for-popup-data {
  display: none;
}
.gallery-popup {
  float: left;
  margin: 0 20px 0 0;
  padding: 5px 0 0;
}
.gallery-popup .big {
  width: 300px;
  height: 200px;
  overflow: hidden;
  margin: 0 0 20px;
}
.gallery-popup .big img {
  max-width: 296px;
  border: 2px solid #c6d2db;
  border-radius: 5px;
  display: block;
}
.gallery-popup .slider-img {
  position: relative;
}
.gallery-popup .images {
  margin: 0 20px;
  overflow: hidden;
  width: 260px;
  position: relative;
  height: 50px;
}
.gallery-popup .images img {
  border: 2px solid #c6d2db;
  border-radius: 5px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.gallery-popup .list {
  width: 10000px;
  position: absolute;
}
.gallery-popup .nav span {
  cursor: pointer;
  overflow: hidden;
  text-indent: -1000px;
  position: absolute;
  top: 15px;
  display: block;
  width: 20px;
  height: 20px;
  background: url('../_pic/photo-nav.png') no-repeat 6px 4px;
}
.gallery-popup .nav .left {
  left: 0;
  background-position: 6px -14px;
}
.gallery-popup .nav .right {
  right: 0;
  background-position: -276px 4px;
}
.gallery-popup .nav .left.end {
  background-position: 6px 4px;
}
.gallery-popup .nav .right.end {
  background-position: -276px -14px;
}
.tech-data td {
  padding: 5px 10px 5px 0;
  border-top: 1px dotted #ccc;
  font-size: 14px;
}
.tech-data td:last-child {
  font-weight: normal;
  padding-right: 0;
}
.tech-data tr:first-child td {
  border: none;
}