/* fonts */

@font-face {
    font-family: 'modern_h_medium';
    src: url('../fonts/modernhmedium.eot');
    src: url('../fonts/modernhmedium.eot') format('embedded-opentype'),
         url('../fonts/modernhmedium.woff2') format('woff2'),
         url('../fonts/modernhmedium.woff') format('woff'),
         url('../fonts/modernhmedium.ttf') format('truetype'),
         url('../fonts/modernhmedium.svg#modernhmedium') format('svg');
}

@font-face {
    font-family: 'modern_h_light';
    src: url('../fonts/modernhlight.eot');
    src: url('../fonts/modernhlight.eot') format('embedded-opentype'),
         url('../fonts/modernhlight.woff2') format('woff2'),
         url('../fonts/modernhlight.woff') format('woff'),
         url('../fonts/modernhlight.ttf') format('truetype'),
         url('../fonts/modernhlight.svg#modernhlight') format('svg');
}

@font-face {
    font-family: 'futurafuturisxcregularregular';
    src: url('../fonts/futurafuturisxcwebfont.eot');
    src: url('../fonts/futurafuturisxcwebfont.eot') format('embedded-opentype'),
         url('../fonts/futurafuturisxcwebfont.woff2') format('woff2'),
         url('../fonts/futurafuturisxcwebfont.woff') format('woff'),
         url('../fonts/futurafuturisxcwebfont.ttf') format('truetype'),
         url('../fonts/futurafuturisxcwebfont.svg#futurafuturisxcwebfont') format('svg');
}

@font-face {
    font-family: 'modern_h_bold';
    src: url('../fonts/modernhbold.eot');
    src: url('../fonts/modernhbold.eot') format('embedded-opentype'),
         url('../fonts/modernhbold.woff2') format('woff2'),
         url('../fonts/modernhbold.woff') format('woff'),
         url('../fonts/modernhbold.ttf') format('truetype'),
         url('../fonts/modernhbold.svg#modernhbold') format('svg');
}

@font-face {
    font-family: 'modern_h_ecolight';
    src: url('../fonts/modernhecolight.eot');
    src: url('../fonts/modernhecolight.eot') format('embedded-opentype'),
         url('../fonts/modernhecolight.woff2') format('woff2'),
         url('../fonts/modernhecolight.woff') format('woff'),
         url('../fonts/modernhecolight.ttf') format('truetype'),
         url('../fonts/modernhecolight.svg#modernhecolight') format('svg');
}

/**/

@media (min-width: 768px) and (max-width: 1024px) {
  #wrapper {
    width:1024px!important;
  }
  #header-slider {
    left: -113px!important;
    bottom: 70px!important;
  }
}

@media (max-width: 767px) {
  #wrapper {
    width:1024px!important;
  }

  #header-slider {
    left: -113px!important;
    bottom: 70px!important;
  }
}

@media (max-width: 480px) {
  #wrapper {
    width:1024px!important;
  }
  #header-slider {
    left: -113px!important;
    bottom: 70px!important;
  }
}

.icon,
#header-slider .carousel-indicators li,
.b-vrts-tablist-inner li div:before,
.carousel-control,
.close,
.b-vrts-subcontent-3 p:first-child:before,
.b-vrts-subcontent-4 strong:before,
.b-vrts-subcontent-5 strong:before,
.b-vrts-tablist li.checker span {
  background: url(../img/sprite-main.png) no-repeat;
}


/* initialization */



* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



html {
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}


sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  width: auto\9;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  border: 0;

  -ms-interpolation-mode: bicubic;

}



button,

input,

optgroup,

select,

textarea {

  margin: 0;

  font: inherit;

  color: inherit;

}



button {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  padding: 0;

  border: 0;

}



input {

  line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



ul,

ol {

  padding: 0;

  margin: 0;

}



ul ul,

ul ol,

ol ol,

ol ul {

  margin-bottom: 0;

}



li {

  list-style:none;

}



body {

  height: 100%;

  margin: 0;

  font-family: 'modern_h_light', Arial, Helvetica, sans-serif;

  font-size: 14px;

  line-height: 20px;

  color: #3e3e3e;

  background-color: #ffffff;

}

body > img {
  visibility: hidden;
}


input,

button,

select,

textarea {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}



a {

  color:#347dc0;

  text-decoration: none;

}



a:hover {

  color:#f96c00;

  text-decoration: none;

}



p {

  margin: 0;

}



strong {

  font-weight: bold;

}



em {

  font-style: italic;

}



cite {

  font-style: normal;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0 0 20px 0;

  font-family: inherit;

  font-weight: normal;

  line-height: 20px;

  color: inherit;

  text-rendering: optimizelegibility;

  font-family: 'futurafuturisxcregularregular', Arial, Helvetica, sans-serif;

}



h1 {

  font-size: 26px;

  color: #515151;

  letter-spacing: 2.86px;

}



h1 small {

  font-size: 15px;

  letter-spacing: normal;

  display: block;

  margin-top: 16px;

}



h2 {

  font-size: 50px;

  color: #ffb31b;

  line-height: 26px;

  margin-bottom: 48px;

}



h3 {

  font-size: 30px;

  color: #ffb31b;

  line-height: 45px;

  margin-left: 20px;

}



h4 {

  font-size: 40px;

  line-height: 41px;

  letter-spacing: 5px;

  color: #515151;

}



h5 {

  font-size: 40px;

  line-height: 20px;

  letter-spacing: 4.8px;

  color: #505050;

  margin: 40px 0 38px 0;

}



h6 {

  font-size: 18px;

  margin: 0 0 27px 20px;

}



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



.pull-right {

  float: right;

}



.pull-left {

  float: left;

}



.hide {

  display: none;

}



.show {

  display: block;

}



.invisible {

  visibility: hidden;

}



.cf:before, .cf:after {

  content:'\0020'; 

  display:block; 

  overflow:hidden; 

  visibility:hidden; 

  width:0; 

  height:0; 

}



.cf:after {

  clear:both;

}



.cf {

  zoom:1;

}



.clear {

  clear: both;

}



.fade {

  opacity: 0;

  -webkit-transition: opacity .15s linear;

          transition: opacity .15s linear;

}



.fade.in {

  opacity: 1;

}



.collapse {

  display: none;

}



.collapse.in {

  display: block;

}



.collapsing {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition: height .35s ease;

          transition: height .35s ease;

}



.overflow {
  overflow: hidden;
}


/* structure */
#wrapper {
	width: 100%;
  background-color: #fff;
  overflow: hidden;
}

#header,
#process,
#progress,
#advantages,
#footer {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

/* header */
#header {
  height: 584px;
}



.hcontent {

  padding-right: 20px;

}



.hcright {

  width: 230px;

  float: right;

  text-align: right;

}



.hcright ul {

  overflow: hidden;

  margin-bottom: 52px;

}



.hcright ul li {

  float: right;

}



.hcright ul li.first {

  margin-right:  10px; 

}

.hcright ul li.first > a > img {
  width: 128px;
  margin-top: -3px;
}


.hcright ul li a {

  display: block;

}



.hcright ul li i {

  display: inline-block;
  border: solid 1px #ffb31b;
}



.hcright .phone {

  font-family: 'futurafuturisxcregularregular', Arial, Helvetica, sans-serif;

  font-size: 21px;

  line-height: 22px;

  color: #ffac09;

  margin-bottom: 12px;

}



.hcright .recall {

  margin-bottom: 42px;

}



.hcright .recall a {

  position: relative;

  font-size: 13px;

  color: #3980c1;

}



.hcright .recall a i {

  position: absolute;

  width: 18px;

  height: 15px;

  left: -25px;

}



.hcright .recall a:hover {

  color: #f97007;

}



.hcright .recall a:hover i {

  background-position: -2px -93px;

}



.hcright .appointment {

  margin-bottom: 15px;

  width: 206px;

  padding: 14px 0px 13px;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

}



.hcright .calculate {

  margin-bottom: 35px;

  width: 206px;

  padding: 14px 0px 13px;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

}



.hcright .btn,

.horizontal-buttons .btn {

  padding: 18px 15px 11px 15px;

  z-index: 1;

  position: relative;

}



.appointment:hover i,

.big-btn-h:hover a i {

  background-position: -198px -124px;

}



.calculate:hover i {

  background-position: -198px -84px;

}



.hcleft {

  width: 255px;

  height: 585px;

  float: left;

  position: relative;

}



.hccenter {

  width: auto;

  margin: 0 230px 0 255px;

  padding: 60px 0 0 0;

  height: 584px;

  position: relative;

}



.hccenter ul {

  overflow: hidden;

  margin: 32px 0 63px -12%;

  display: inline-block;

  width: 100%;

}



.hccenter ul li {

  float: left;

  width: 33.33%;

  text-align: center;

  font-size: 15px;

  line-height: 22px;

}



.hccenter ul li i {

  width: 50px;

  height: 50px;

  display: block;

  margin: 0 auto 20px auto;

}



.hccenter ul li .title {

  font-size: 22px;

  line-height: 17px;

  color: #6f6f6f;

  font-family: 'futurafuturisxcregularregular', Arial, Helvetica, sans-serif;

  margin-bottom: 16px;

}



.hccenter ul li .text {

  width: 80%;

  margin: 0 auto;

}

.hccenter h1 a {
	color: #515151;
	border-bottom: solid 1px #515151;
}

.hccenter h1 a:hover {
	color: #ffac09;
	border-color: #ffac09;
}


/*

.header-slider {

  left: -105px;

  width: 100%;

  min-width: 490px;

  max-width: 550px;

}



#header-slider li i {

  height: 80px;

  display: inline-block;

  float: left;

  margin-right: 25px;

}



#header-slider li .carousel-caption {

  font-size: 15px;

  line-height: 22px;

  width: 100%;

  min-width: 490px;

  max-width: 590px;

}



#header-slider li .carousel-caption p {

  display: table;

}



#header-slider li .carousel-caption strong {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  font-size: 20px;

  line-height: 22px;

  color: #ff8e24;

  display: block;

  margin-bottom: 12px;

}



#header-pager {

  margin: 20px 0 0 105px;

}



#header-pager a {

  float: left;

  margin-right: 10px;

  display: block;

  width: 15px;

  height: 15px;

  background-image: url(../img/sprite-main.png);

  background-position: -44px -13px;

  cursor: pointer;

}



#header-pager a.active {

  background-position: -84px -13px;

}



#header-pager a:hover {

  background-position: -124px -13px;

}



#header-pager a:active {

  background-position: -124px -13px;

}

*/



#header-slider {

  left: -105px;

  bottom: 95px;

  display: inline-block;

  position: absolute;

  z-index: 1;

}



#header-slider .item {

  height: 80px;

}



#header-slider .item i {

  height: 80px;

  display: inline-block;

  float: left;

  margin-right: 25px;

}



#header-slider .item .carousel-caption {
  font-size: 15px;
  line-height: 22px;
  width: 590px;
}



#header-slider .item .carousel-caption p {

  display: table;

}



#header-slider .item .carousel-caption strong {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  font-size: 20px;

  line-height: 22px;

  color: #ff8e24;

  display: block;

  margin-bottom: 12px;

}



#header-slider .carousel-indicators {

  margin: 20px 0 0 105px;

}



#header-slider .carousel-indicators li {

  float: left;

  margin-right: 10px;

  display: block;

  width: 15px;

  height: 15px;

  background-position: -44px -13px;

  cursor: pointer;

}



#header-slider .carousel-indicators .active {

  background-position: -84px -13px;

}



#header-slider .carousel-indicators li:hover {

  background-position: -124px -13px;

}



#header-slider .carousel-indicators li:active {

  background-position: -124px -13px;

}



.bg-header-left {

  display: inline-block;

  position: absolute;

  left: -456px;

  width: 737px;

  height: 815px;

  background: url(../img/bg-header.png) no-repeat;

}



.bg-header-right {

  display: inline-block;

  position: absolute;

  top: 440px;

  right: -269px;

  width: 400px;

  height: 322px;

  background: url(../img/bg-header-right.png) right 0 no-repeat;

}



.logo {

  width: 116px;

  height: 162px;

  background: url(../img/logo.png) no-repeat;

  margin: 42px 0 0 20px;

}



.logo a {

  display: block;

  width: 116px;

  height: 162px;

}



.header-line {

  height: 1px;

  background-color: #ffc61d;

  bottom: 41px;

  left: -134px;

  width: 100%;

  min-width: 630px;

  position: absolute;

}



.header-line i {

  position: absolute;

}



.line-left {

  width: 25px;

  height: 42px;

  left: -25px;

  background: url(../img/bg-header-line-left.png) no-repeat;

}



.line-right {

  width: 288px;

  height: 104px;

  right: -228px;

  top: -102px;

  background: url(../img/bg-header-line-right.png) no-repeat; 

}



/* process */



#process {

  padding: 52px 0;

}



#process h2 {

  text-align: center;

}



#process-pager {

  margin-bottom: 20px;

  overflow: hidden;

  min-height: 115px;

}



#process-pager a {

  width: 27%;

  float: left;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

  font-size: 18px;

  line-height: 26px;

  color: #347dc0;

  text-align: center;

  cursor: pointer;

  display: block;

}



#process-pager a.second {

  margin-left: 7%;

}



#process-pager a.last {

  width: 33%;

  margin-left: 6%;

}



#process-pager a.last div {

   width: 338px;

}



#process-pager a.hide {

  display: none;

}



#process-pager a.active {

  color: #000000;

}



#process-pager a div {

  width: 230px;

  margin: 0 auto;

}



#process-pager a i.icon.arrow-down {

  display: none;

}



#process-pager a.active i.icon.arrow-down,

#gallery .modal-footer > div a.active i {

  display: inline-block;

  width: 21px;

  height: 11px;

  margin: 11px auto 0 auto;

}



#process-pager a i.icon.rslider {

  width: 23px;

  height: 24px;

  display: inline-block;

  margin: 0 auto 15px auto;

  background-position: -239px -5px;

  position: relative;

  z-index: 1;

  background-color: #fff;

}



#process-pager a:hover {

  color: #f96c00;

}



#process-pager a:hover i.icon.rslider {

  background-position: -239px -45px;

}



#process-pager a.active i.icon.rslider,

#process-pager a:active i.icon.rslider {

  background-position: -239px -85px;

}



.line {

  width: 100%;

  height: 1px;

  padding: 0 14px;

  background: url(../img/bg-line-left.png) no-repeat, 

              url(../img/bg-line-right.png) no-repeat 100% 0;

  position: relative;

  top: 12px;

  z-index: 0;            

}



.line div {

  width: 100%;

  height: 1px;

  background: url(../img/bg-line.png) repeat-x;

}



.rsright {

  margin: 0 0 0 340px;

  position: relative;

}



.rsleft {

  width: 340px;

  float: left;

  padding: 0 0 0 20px;

  position: relative;

}



.monitor-block {

  width: 285px;

  height: 387px;

  background: url(../img/bg-monitor.png) no-repeat;

}



.rsleft .carousel-indicators {

  position: absolute;

  top: 264px;

  left: 14px;

  z-index: 999;

}



.rsleft .carousel-indicators a {

  display: inline-block;

  cursor: pointer;

}



.selection {

  display: inline-block;

  background: url(../img/sprite-selection.png) no-repeat;

}



.rsleft .carousel-indicators a.sch-yandex-tut.hide {

  display: none;

}



a.sch-google.active + a.sch-yandex-tut.hide {

  display: inline-block!important;

}



.rsleft .carousel-indicators a.hide.active {

  display: inline-block;

}



.rsleft .carousel-indicators a.sch-google {

  width: 104px;

  height: 76px;

  position: relative;

  left: 40px;

  z-index: 0;

}



.rsleft .carousel-indicators a.sch-yandex {

  width: 53px;

  height: 76px;

  position: relative;

  z-index: 1;

  left: 7px;

}



.rsleft .carousel-indicators a.sch-tut {

  width: 102px;

  height: 76px;

  position: relative;

  right: 22px;

  z-index: 0;

}



.rsleft .carousel-indicators a.sch-yandex-tut {

  width: 130px;

  height: 76px;

  position: relative;

  z-index: 1;

  left: 7px;

}



.rsleft .carousel-indicators a .sch-google {

  background-position: -264px -73px;

  width: 104px;

  height: 76px;

}



.rsleft .carousel-indicators a .sch-yandex {

  background-position: -368px -73px;

  width: 53px;

  height: 76px;

}



.rsleft .carousel-indicators a .sch-tut {

  background-position: -421px -73px;

  width: 102px;

  height: 76px;

}



.rsleft .carousel-indicators a .sch-yandex-tut {

  background-position: -653px -73px;

  width: 130px;

  height: 76px;

}



.rsleft .carousel-indicators a.active .sch-google {

  background-position: 0px -73px;

}



.rsleft .carousel-indicators a.active .sch-yandex {

  background-position: -104px -73px;

}



.rsleft .carousel-indicators a.active .sch-tut {

  background-position: -157px -73px;

}



.rsleft .carousel-indicators a.active .sch-yandex-tut {

  background-position: -523px -73px;

}



.example {

  width: 285px;

  margin-top: 181px;

  text-align: center;

  font-size: 18px;

}



.horizontal-buttons {

  padding: 28px 0 0 0;

}



.horizontal-buttons ul {

  overflow: hidden;

  padding-top: 1px;

}



.horizontal-buttons ul li {

  float: left;

  height: 51px;

}



.horizontal-buttons ul li.first {

  width: 334px;

  padding-left: 20px;

}



.horizontal-buttons ul li.second {

  width: 207px;

}



.horizontal-buttons ul li.third {

  padding-left: 75px;

  float: right;

  padding-right: 62px;

}



.horizontal-buttons ul li.third div {

  border: dashed 1px #c5c5c5;

  border-left: none;

  height: 51px;

  position: relative;

  padding: 14px;

  font-size: 16px;

  color: #808080;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

}



.horizontal-buttons ul li.third div i {

  position: absolute;

  height: 51px;

}



.horizontal-buttons ul li.third div i.icon.man {

  width: 39px;

  top: 0px;

  left: -70px;

  background-position: -532px -4px;

}



.horizontal-buttons ul li.third div i.corner {

  width: 26px;

  top: 0px;

  left: -26px;

  background: url(../img/bg-horizontal.png) no-repeat;

}



/* progress */



#progress {

  position: relative;

}



.bg-left {

  width: 150px;

  height: 541px;

  position: absolute;

  left: -150px;

  top: -1px;

  display: inline-block;

  background: url(../img/bg-content.png) no-repeat;

}



.bg-right {

  width: 590px;

  height: 923px;

  position: absolute;

  right: -590px;

  top: -192px;

  display: inline-block;

  background: url(../img/bg-content-right.png) no-repeat;

}



#progress-slider {

  min-width: 884px;

  max-width: 954px;

  height: 541px;

  border-top: solid 1px #e6e6e6;

  border-bottom: solid 1px #e6e6e6;

}



.psright {

  width: 404px;

  float: right;

}



.psleft {

  display: inline-block;

  padding-left: 20px;

  color: #000000;

  width: 520px;

}



.psleft strong,

.psstages strong {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  font-size: 18px;

  display: block;

  margin-bottom: 5px;

  color: #000000;

}



.psleft ul,

.psstages ul {

  font-family: 'modern_h_light', Arial, Helvetica, sans-serif;

  color: #545454;

}



.psleft ul li,

.psstages ul li {

  margin-bottom: 3px;

}



.psleft p,

.psstages p {

   font-family: 'modern_h_light', Arial, Helvetica, sans-serif;

   color: #545454;

   margin-bottom: 18px;

}



.psleft .inner {
  padding: 36px 0 36px 0;
  background: url(../img/bg-content-line.png) bottom no-repeat;
  margin-bottom: 18px;
  overflow: hidden;
}



.psleft .inner img {
  width: 230px;
  height: 100px;
}

.psleft .inner .inner-logo-bl {
  width: 230px;
  height: 100px;
  float: left;
}

.psleft .inner-right {

  float: right;

  font-size: 12px;

}



.psleft .inner-right-top {

  margin-bottom: 24px;

}



.psleft .title {

  display: block;

  font-size: 18px;

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

}



.psleft .date {

  display: block;

  font-size: 18px;

}



.psstages {

  margin-top: 18px;

  padding-left: 20px;

}



.psstages li span {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  color: #000000;

}



.psmiddle {

  width: 404px;

  height: 231px;

  border: solid 4px #ffc61d;

  overflow: hidden;

  position: relative;

}



.psmiddle ul {

  width: 50%;

  float: left;

  padding: 19px;

}



.psmiddle ul li {

  font-size: 12px;

  color: #686868;

  margin-bottom: 4px;

}



.psmiddle ul li strong {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #000000;

}



.psmiddle ul li div {

  display: inline-block;

  height: 23px;

  vertical-align: middle;

  max-width: 131px;

}



.psmiddle ul.legend-icon {

  width: 100%;

  float: none;

  padding: 0px;

  position: absolute;

  bottom: 30px;

}



.psmiddle ul.legend-icon li {

  font-size: 11px;

  color: #000000;

  display: inline-block;

  margin-bottom: 0px;

  width: 93px;

  text-align: center;

}



.psmiddle ul.legend-icon li:last-child {

  width: 100px;

}



.legend-icon {

  width: 9px;

  height: 9px;

  border-radius: 25px;

  display: block;

  margin: 0 auto;

}



.lime {

  background-color: #ace13f;

}



.green {

  background-color: #28ce5f;

}



.azure {

  background-color: #31ccd7;

}



.blue {

  background-color: #3694d7;

}



.pstop {

  height: 66px;

  padding: 36px 0 0 0;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

  font-size: 16px;

}



.pstop strong {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  font-size: 18px;

  color: #000000;

}



.psbottom {

  padding: 14px 0 0 0;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

  font-size: 16px;

}



.content-bordered {

  font-family: 'futurafuturisxcregularregular', Arial, Helvetica, sans-serif;

  font-size: 28px;

  color: #ffb31b;

  text-transform: uppercase;

  padding: 26px 20px 18px 20px;

  border: solid 4px #ffb31b;

  border-right: none;

  margin-bottom: 24px;

  height: 78px;

}



.content-bordered i {

  display: inline-block;

  width: 61px;

  height: 78px;

  position: absolute;

  right: 0px;

  top: 0px;

  background: url(../img/bg-corner.png) 0px -3px no-repeat;

}



.scrollbar-rail p {

  line-height: 23px;

  margin-bottom: 28px;

  width: 95%;

}



.scrollbar-rail strong {

  display: block;

  margin-bottom: 15px;

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

}



.scrollbar-rail ul {

  width: 90%;

  padding: 0 0 0 5%;

  margin-bottom: 28px;

}



.scrollbar-rail ul li {

  position: relative;

  margin-bottom: 8px;

}



.scrollbar-rail ul li i {

  width: 8px;

  height: 8px;

  position: absolute;

  left: -25px;

  top: 6px;

}



.shadow {

  width: 100%;

  height: 73px;

  background: url(../img/bg-shadow.png) repeat-x;

  position: absolute;

  bottom: -28px;

}



.carousel-controls {

  width: 100%;

  height: 62px;

  text-align: center;

  position: absolute;

  bottom: -31px;

  z-index: 1;

}



/* advantages */



#advantages {

  text-align: center;

  padding: 84px 0 60px 0;

}



#advantages .title {

  padding: 5px 0px 0px 49px;

  margin-left: -49px;

  display: inline-block;

  background: url(../img/bg-six.png) no-repeat;

}



#advantages h4 small {

  display: block;

  font-size: 22px;

  letter-spacing: normal;

}



#advantages ul {

  overflow: hidden;

}



#advantages ul li {

  float: left;

  width: 33.3%;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

  margin-bottom: 40px;

  min-height: 110px;

  height: auto;

}



#advantages ul li div {

  width: 81%;

  margin: 0 auto;

}



#advantages ul li i {

  width: 58px;

  height: 50px;

  display: inline-block;

  margin: 0 auto 10px auto;

}



#advantages .manual {

  width: 250px;

  margin: 0 auto;

}



#advantages .manual a {

  font-size: 13px;

}



#advantages .manual a:hover i {

  background-position: -158px -39px;

}



#advantages .manual i {

  width: 25px;

  height: 29px;

  display: block; 

  margin-bottom: 15px;  

}



/* order */



#order {

  width: 100%;

  height: 622px;

  background-color: #fafafa;

  padding: 4px 0;

}



#order .body {

  width: 100%;

  height: 100%;

  border-top: dashed 1px #dbdbdb;

  border-bottom: dashed 1px #dbdbdb;

  background: url(../img/bg-order.png) 50% 70px no-repeat;

}



#order .content {

  text-align: center;

  width: 561px;

  margin: 0 auto;

}



#order .content .bordered {

  border: dashed 1px #dbdbdb;

  padding: 20px;

}



#order .content .bordered-success {

  border: solid 1px #52d052;

  padding: 20px;

  color: #52d052;

  border-radius: 1px;

}



#order .content form {

  margin: 32px 0 0 0;

}



#order .content form textarea {

  height: 106px;

}



.success {

  padding: 12px;

  border: solid 1px #52d052;

  color: #52d052;

  font-size: 12px;

  border-radius: 1px;

  margin-bottom: 20px;
  text-align: center;
}



/* footer */



#footer {

  padding: 38px 0;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

  color: #505050;

}



#footer .left {

  width: 33%;

  float: left;

  font-size: 20px;

  padding-left: 20px;

}



#footer .left small {

  font-size: 14px;

  margin-top: 14px;

  display: block;

}
#footer .left small + small {
  margin-top: 0px;
}


#footer .right {

  width: 18%;

  float: right;

  padding-right: 20px;

}



#footer .right > a {

  font-size: 16px;

  color: #515151;

  position: relative;

}



#footer .right > a i {

  position: absolute;

  top: 2px;

  left: -24px;

  width: 16px;

  height: 14px;

}



#footer .right > a:hover {

  color:#f96c00;

}



#footer .right > a:hover i {

  background-position: -203px -14px;

}



#footer .right ul {

  overflow: hidden;

  position: relative;

  top: -10px;

  left: -25px;

  margin-bottom: 5px;

}



#footer .right ul li {

  float: left;

  width: 27px;

  height: 27px;

  margin-right: 20px;

}



#footer .right ul li a {

  display: block;

}



#footer .right ul li a i {

  width: 27px;

  height: 27px;

}



#footer .center {

  width: 33%;

  margin: 0 18% 0 33%;

  text-align: center;

  font-size: 16px;

}



#footer .center i {

  display: block;

  width: 22px;

  height: 29px;

  margin: 0 auto 3px auto;

  position: relative;

  top: -10px;

}



.up-arrow {

  display: none;

  width: 54px;

  height: 54px;

  background: url(../img/bg-up.png) no-repeat;

  position: fixed;

  bottom: 20px;

  right: 20px;

  z-index: 1000;

}



.up-arrow a {

  display: block;

  width: 54px;

  height: 54px;

}




/* icon */



.icon {
  display: inline-block;
}



.icon.phone {

  background-position: 0px -119px;

}



.icon.email {

  background-position: -163px -14px;

}



.icon.fb {

  background-position: -38px -121px;

}



.icon.fb:hover {

  background-position: -78px -121px;

}



.icon.fb:active {

  background-position: -118px -121px;

}



.icon.vk {

  background-position: -38px -81px;

}



.icon.vk:hover {

  background-position: -78px -81px;

}



.icon.vk:active {

  background-position: -118px -81px;

}



.icon.sertificate {

  background-position: -285px 0px;

}



.icon.price {

  background-position: -363px 0px;

}



.icon.time {

  background-position: -442px 0px;

}



.icon.remote {

  background-position: -285px -85px;

}



.icon.client {

  background-position: -363px -85px;

}



.icon.report {

  background-position: -442px -85px;

}



.icon.manual {

  background-position: -198px -39px;

}



.icon.h-target {

  background-position: -646px -202px;

}



.icon.h-timer {

 background-position: -566px -203px;

}



.icon.h-cash {

 background-position: -486px -202px;

}



.icon.google {

  background-position: -511px -68px;

  width: 87px;

  height: 83px;

}



.icon.yandex {

  background-position: -631px -68px;

  width: 77px;

  height: 83px;

}



.icon.recall {

  background-position: -2px -53px;

}



.icon.user {

  background-position: -158px -124px;

}



.icon.calc {

  background-position: -158px -84px;

}



.icon.arrow-down {

  background-position: -121px -57px;

}



.icon.disc {

  background-position: -48px -60px;

}



.icon.rsleft-arrow {

  width: 11px;

  height: 21px;

  position: absolute;

  display: inline-block;

  background-position: -86px -47px;

  right: 10px;

  top: 28px;

}



/* icons */



.icons {

  display: inline-block;

  background: url(../img/sprite-icons.png) no-repeat;

}



.icons.hs-target {

  width: 80px;

  background-position: 0px 0px;

}



.icons.hs-cash {

  width: 80px;

  background-position: -80px 0px;

}



.icons.hs-result {

  width: 80px;

  background-position: -160px 0px;

}



.icons.hs-calendar {

  width: 70px;

  background-position: -240px 0px;

}



.icons.hs-partners {

  background-position: -312px 0px;

  width: 88px;

}



.icons.hs-map {

  background-position: -405px 0px;

  width: 80px;

}



.icons.hs-control {

  background-position: -477px 0px;

  width: 80px;

}



.icons.hs-best {

  background-position: -560px 0px;

  width: 80px;

}



/* schemes */



.schemes {

  width: 259px;

  height: 165px;

  display: inline-block;

  background: url(../img/sprite-schemes.png) no-repeat;

  margin: 14px 0 0 13px;

}



.schemes.sch-11 {

  background-position: -2072px 0px;

}



.schemes.sch-12 {

  background-position: -1813px 0px;

}



.schemes.sch-13 {

  background-position: 0px 0px;

}



.schemes.sch-21 {

  background-position: -2590px 0px;

}



.schemes.sch-22 {

  background-position: -1554px 0px;

}



.schemes.sch-23 {

  background-position: -259px 0px;

}



.schemes.sch-31 {

  background-position: -2331px 0px;

}



.schemes.sch-321 {

  background-position: -518px 0px;

}



.schemes.sch-322 {

  background-position: -1295px 0px;

}



.schemes.sch-323 {

  background-position: -1036px 0px;

}



.schemes.sch-324 {

  background-position: -777px 0px;

}



/* btn */



.btn {

  display: inline-block;

  padding: 10px 19px 5px 20px;

  margin-bottom: 0;

  font-size: 15px;

  font-weight: normal;

  font-family: 'futurafuturisxcregularregular', Arial, Helvetica, Sans-Serif;;

  line-height: 1.428571429;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  border: none;

  border-radius: 2px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

       -o-user-select: none;

          user-select: none;

}



.btn:focus {
  outline: none;
}

.btn:hover,
.btn:focus {
  text-decoration: none;
}



.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



.btn-default {

  color: #3e3e3e;

  background-color: #ffc61d;

  box-shadow: rgba(237,162,12,1) 0px 1px 0px;

}



.btn-default:hover,

.btn-default:focus {

  color: #fff;

  background-color: #ff8e24;

  box-shadow: rgba(237,115,0,1) 0px 1px 0px;

}



.btn-default:active,

.btn-default.active {

  background-color: #fa6c14;

  box-shadow: rgba(230,89,2,1) 0px -1px 0px;

  background-image: none;

}



.btn-sm {

  padding: 3px 9px;

  font-size: 11px;

  line-height: 1.4;

  border-radius: 2px;

}



.big-btn,

.big-btn-h {

  background-color: #f0f0f0;

  border-radius: 1px;

  text-align: center;

  box-shadow: rgba(206,206,206,1) 0px 1px 0px;

  display: inline-block;

}



.big-btn a {

  display: block;

  position: relative;

  width: 140px;

  margin: 0 0 0 50px;

  color: #3e3e3e;

}



.big-btn-h {

  width: 285px;

  height: 50px;

}



.big-btn-h a {

  color: #3e3e3e;

  display: block;

  position: relative;

  font-size: 13px;

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  top: 15px;

  left: 15px;

}



.big-btn-h a i {

  width: 24px;

  height: 24px;

  display: inline-block;

  position: absolute;

  left: -3px;

  top: -2px;

}



.big-btn a i {

  width: 24px;

  height: 24px;

  display: inline-block;

  position: absolute;

  left: -34px;

  top: 8px;

}



.big-btn:hover a,

.big-btn:active a,

.big-btn-h:hover a,

.big-btn-h:active {

  color: #fff;

}



.big-btn:hover,

.big-btn-h:hover {

  color: #fff;

  background-color: #a3a3a3;

  box-shadow: rgba(131,131,131,1) 0px 1px 0px;

}



.big-btn:active,

.big-btn-h:active {

  color: #fff;

  background-color: #8f8f8f;

  box-shadow: rgba(107,107,107,1) 0px -1px 0px;

}



/*  */



.carousel {

  position: relative;

}



.carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

}



.carousel-inner > .item {

  position: relative;

  display: none;

  -webkit-transition: 0.6s ease-in-out left;

          transition: 0.6s ease-in-out left;

}



.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  display: block;

  height: auto;

  max-width: 100%;

  line-height: 1;

}



.carousel-inner > .active,

.carousel-inner > .next,

.carousel-inner > .prev {

  display: block;

}

.carousel-inner > .active {

  left: 0;

}



.carousel-inner > .next,

.carousel-inner > .prev {

  position: absolute;

  top: 0;

  width: 100%;

}



.carousel-inner > .next {

  left: 100%;

}



.carousel-inner > .prev {

  left: -100%;

}



.carousel-inner > .next.left,

.carousel-inner > .prev.right {

  left: 0;

}



.carousel-inner > .active.left {

  left: -100%;

}



.carousel-inner > .active.right {

  left: 100%;

}



.carousel-control {

  width: 61px;

  height: 62px;

  display: inline-block;

  position: absolute;

}



.carousel-control.left {

  right: 50%;

  background-position: -10px -196px;

}



.carousel-control.right {

  left: 50%;

  background-position: -71px -196px;

}



.carousel-control.left:hover {

  background-position: -170px -196px;

}



.carousel-control.right:hover {

  background-position: -231px -196px;

}



.carousel-control.left:active {

  background-position: -330px -196px;

}



.carousel-control.right:active {

  background-position: -391px -195px;

}



/*  */



label {

  display: inline-block;

  margin-bottom: 5px;

  font-weight: bold;

  position: relative;

  line-height: 20px;

}



input[type="radio"],

input[type="checkbox"] {

  margin: 4px 0 0;

  margin-top: 1px \9;

  /* IE8-9 */

  line-height: normal;

}

input[type="file"] {

  display: block;

}

input[type="range"] {

  display: block;

  width: 100%;

}

select[multiple],

select[size] {

  height: auto;

}

input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

output {

  display: block;

  padding-top: 7px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

}

.form-control {

  display: block;

  width: 100%;

  height: 32px;

  padding: 6px 6px;

  font-size: 12px;

  line-height: 1.42857143;

  color: #505050;

  background-color: #fff;

  background-image: none;

  border: 1px solid #dcdcdc;

  border-radius: 1px;

  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  text-align: center;        

}

.form-control:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}

.form-control::-moz-placeholder {

  color: #999;

  opacity: 1;

}

.form-control:-ms-input-placeholder {

  color: #999;

}

.form-control::-webkit-input-placeholder {

  color: #999;

}

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

  cursor: not-allowed;

  background-color: #eee;

  opacity: 1;

}

textarea.form-control {

  height: auto;

}

input[type="search"] {

  -webkit-appearance: none;

}

input[type="date"] {

  line-height: 34px;

}

.form-group {

  margin-bottom: 20px;

}



.form-group.inline .form-control {

  display: inline-block;

  width: auto;

  vertical-align: middle;

}

.form-group.inline .radio,

.form-group.inline .checkbox {

  display: inline-block;

  padding-left: 0;

  margin-top: 0;

  margin-bottom: 0;

  vertical-align: middle;

}

.form-group.inline .radio input[type="radio"],

.form-group.inline .checkbox input[type="checkbox"] {

  float: none;

  margin-left: 0;

}



.radio,

.checkbox {

  display: block;

  min-height: 20px;

  padding-left: 20px;

  margin-top: 10px;

  margin-bottom: 10px;

  font-weight: normal;

}

.radio label,

.checkbox label {

  display: inline;

  font-weight: normal;

  cursor: pointer;

}

.radio input[type="radio"],

.radio-inline input[type="radio"],

.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"] {

  float: left;

  margin-left: -20px;

}

.radio + .radio,

.checkbox + .checkbox {

  margin-top: -5px;

}

.radio-inline,

.checkbox-inline {

  display: inline-block;

  padding-left: 20px;

  margin-bottom: 0;

  font-weight: normal;

  vertical-align: middle;

  cursor: pointer;

}

.radio-inline + .radio-inline,

.checkbox-inline + .checkbox-inline {

  margin-top: 0;

  margin-left: 10px;

}

input[type="radio"][disabled],

input[type="checkbox"][disabled],

.radio[disabled],

.radio-inline[disabled],

.checkbox[disabled],

.checkbox-inline[disabled],

fieldset[disabled] input[type="radio"],

fieldset[disabled] input[type="checkbox"],

fieldset[disabled] .radio,

fieldset[disabled] .radio-inline,

fieldset[disabled] .checkbox,

fieldset[disabled] .checkbox-inline {

  cursor: not-allowed;

}

.input-sm {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

select.input-sm {

  height: 30px;

  line-height: 30px;

}

textarea.input-sm,

select[multiple].input-sm {

  height: auto;

}

.input-lg {

  height: 46px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.33;

  border-radius: 6px;

}

select.input-lg {

  height: 46px;

  line-height: 46px;

}

textarea.input-lg,

select[multiple].input-lg {

  height: auto;

}



/*  */



.close {

  float: right;

  width: 22px;

  height: 22px;

  background-position: -1px -13px;

  border: solid 1px #f9f9f9;

  position: relative;

  top: -11px;

  right: -11px;

}



.close:hover,

.close:focus {

  border: solid 1px #515151;

}



.close:active {

  border: solid 1px #515151;

}



button.close {

  -webkit-appearance: none;

  padding: 0;

  cursor: pointer;

}



.modal-open {

  overflow: hidden;

}



.modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: auto;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  outline: 0;

}



.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform .3s ease-out;

     -moz-transition:    -moz-transform .3s ease-out;

       -o-transition:      -o-transform .3s ease-out;

          transition:         transform .3s ease-out;

  -webkit-transform: translate(0, -25%);

      -ms-transform: translate(0, -25%);

          transform: translate(0, -25%);

}



.modal.in .modal-dialog {

  -webkit-transform: translate(0, 0);

      -ms-transform: translate(0, 0);

          transform: translate(0, 0);

}



.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

  border: 12px solid #ffc61d;

}



.modal-content {

  position: relative;

  background-color: #f9f9f9;

  background-clip: padding-box;

  outline: none;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

}



.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

}



.modal-backdrop.fade {

  filter: alpha(opacity=0);

  opacity: 0;

}



.modal-backdrop.in {

  filter: alpha(opacity=50);

  opacity: .5;

}



.modal-header {

  min-height: 16.42857143px;

  padding: 20px 20px 25px 20px;

}



.modal-header p {

  text-align: center;

  color: #515151;

}



.modal-title {

  margin: 0 0 16px 0;

  font-size: 22px;

  color: #515151;

  line-height: 26px;

  text-align: center;

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  /*line-height: 1.42857143;*/

}



.modal-body {

  position: relative;

  padding: 0 25px;

}



.modal-body strong.checkboxtitle {

  font-family: 'modern_h_bold', Arial, Helvetica, sans-serif;

  line-height: 8px;

}



.modal-footer {

  text-align: center;

  padding: 5px 25px 25px 25px;

}



.modal-content label {

  font-size: 14px;

  color: #505050;

  position: relative;

  font-family: 'modern_h_medium', Arial, Helvetica, sans-serif;

}



@media (min-width: 768px) {

  .modal-dialog {

    width: 451px;

    margin: 100px auto;

  }

  .modal-content {

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);

            box-shadow: 0 1px 5px rgba(0, 0, 0, .5);

  }

  .modal-sm {

    width: 300px;

  }

}



@media (min-width: 992px) {

  .modal-lg {

    width: 900px;

    margin: 100px auto;

  }

}



.has-error .help-block,

.has-error .control-label,

.has-error .radio,

.has-error .checkbox,

.has-error .radio-inline,

.has-error .checkbox-inline {

  color: #fe450d;

}

.has-error .form-control {

  border-color: #fe450d;

  color: #fe450d;

}

.has-error .form-control:focus {

  border-color: #843534;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

}







/*************** SCROLLBAR BASE CSS ***************/

 

.scroll-wrapper {

    overflow: hidden !important;

    padding: 0 !important;

    position: relative;

    max-height: 285px;

    max-width: 94%;

}

 

.scroll-wrapper > .scroll-content {

    border: none !important;

    box-sizing: content-box !important;

    height: auto;

    left: 0;

    margin: 0;

    max-height: none !important;

    max-width: none !important;

    overflow: scroll !important;

    padding: 0;

    position: relative !important;

    top: 0;

    width: auto !important;

}

 

.scroll-wrapper > .scroll-content::-webkit-scrollbar {

    height: 0;

    width: 0;

}

 

.scroll-element {

    display: none;

}

 

.scroll-element.scroll-x.scroll-scrollx_visible,

.scroll-element.scroll-y.scroll-scrolly_visible {

    display: block;

}

 

.scroll-element .scroll-bar,

.scroll-element .scroll-arrow {

    cursor: default;

}

 

 /*************** SCROLLBAR RAIL ***************/

 

.scrollbar-rail > .scroll-element,

.scrollbar-rail > .scroll-element div

{

    border: none;

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: absolute;

    z-index: 10;

}

 

.scrollbar-rail > .scroll-element {

    background-color: #ffffff;

}

 

.scrollbar-rail > .scroll-element div {

    display: block;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%;

}

 

.scrollbar-rail > .scroll-element .scroll-element_size {

    background: url(../img/bg-scrollbar.png);

}

 

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {

    background: url(../img/bg-scrollbar.png);

}

 

.scrollbar-rail > .scroll-element.scroll-x {

    bottom: 0;

    height: 12px;

    left: 0;

    min-width: 100%;

    padding: 3px 0 2px;

    width: 100%;

    display: none;

}

 

.scrollbar-rail > .scroll-element.scroll-y {

    height: 100%;

    min-height: 100%;

    padding: 0 2px 0 3px;

    right: 0;

    top: 0;

    width: 25px;

}

 

.scrollbar-rail > .scroll-element .scroll-bar {

  background: url(../img/scrollbar.png) no-repeat;

}

 

/* scrollbar height/width & offset from container borders */

 

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }

.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

 

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 47px; min-width: 25px; top: 1px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 0px; height: 47px; width: 25px; }

 

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

 

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 25px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 11px; top: -10px; width: 3px; }

 

/* update scrollbar offset if both scrolls are visible */

 

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

 

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }

 

 /**/



#sertmodal .modal-footer {

  padding-top: 25px;

  border-top: solid 1px #c5c5c5;

  text-align: center;

}



#gallery .modal-body img,

#sertmodal .modal-body img {

  max-width: 800px;

}



#gallery .modal-body div,

#sertmodal .modal-body div {

  margin: 0 auto 25px auto;

  text-align: center;

}



/*  */



.tab-content > .tab-pane {

  display: none;

}



.tab-content > .active {

  display: block;

}



/**

 * BxSlider v4.1.2 - Fully loaded, responsive content slider

 * http://bxslider.com

 *

 * Written by: Steven Wanderski, 2014

 * http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com

 */





/** RESET AND LAYOUT

===================================*/



#process .bx-wrapper {

  height: 387px;

}



#gallery .bx-wrapper {

  margin: 0 auto 40px;

}



.bx-wrapper {

  position: relative;

  padding: 0;

  *zoom: 1;

}



.bx-wrapper img {

  max-width: 100%;

  display: inline-block;

}



.bx-wrapper i {

  max-width: 100%;

  display: inline-block;

}



/** THEME

===================================*/



.bx-wrapper .bx-viewport {

  left: -5px;

}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

  position: absolute;

  bottom: -30px;

  width: 100%;

}



/* PAGER */



.bx-wrapper .bx-pager {

  text-align: center;

  font-size: .85em;

  font-family: Arial;

  font-weight: bold;

  color: #666;

  padding-top: 20px;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

  display: inline-block;

  *zoom: 1;

  *display: inline;

}



.bx-wrapper .bx-pager.bx-default-pager a {

  background: #666;

  text-indent: -9999px;

  display: block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  outline: 0;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

  background: #000;

}



/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

  text-align: left;

  width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

  right: 0;

  width: 35px;

}



/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  background: #666\9;

  background: rgba(80, 80, 80, 0.75);

  width: 100%;

}



.bx-wrapper .bx-caption span {

  color: #fff;

  font-family: Arial;

  display: block;

  font-size: .85em;

  padding: 10px;

}



/**/



#sertmodal .modal-footer > div > div {

  float: left;

  margin-right: 5px;

}



.lblue {
  color: #186dee;
}
.lred {
  color: red;
}

.price-bl table {
	width: 100%;
	font-family: 'modern_h_light';
	font-size: 23px;
	color: #838383;
	text-align: center;
	margin-bottom: 35px;
}
.price-bl table th {
	font-family: 'futurafuturisxcregularregular';
	font-size: 18px;
	color: #515151;
	border-bottom: solid 1px #515151;
	padding: 17px 0 14px 0;
	position: relative;
	width: 33.33%;
}
.price-bl table td {
	border-bottom: solid 1px #E3E3E3;
	position: relative;
	padding: 15px 0 13px 0;
	width: 33.33%;
  height: 52px;
}
.price-bl table tr td span {
	font-size: 14px;
}
.price-bl table tr th:last-child:after,
.price-bl table tr th:first-child:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;	
	width: 3px;
	height: 3px;
	border-radius: 1px;
	background-color: #515151;
}
.price-bl table tr th:first-child:after {
  left: 0px;
}
.price-bl table tr th:last-child:after {
  right: 0px;
}
.price-bl table tr td:last-child:after,
.price-bl table tr td:first-child:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	width: 3px;
	height: 3px;
	border-radius: 1px;
	background-color: #E3E3E3;
}
.price-bl table tr td:last-child:after {
  right: 0px;
}
.price-bl table tr td:first-child:after {
  left: 0px;
}


.b-vrtshead {
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 13px;
  margin-bottom: 38px;
}
.b-vrtshead:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 21px;
  left: 0px;
  background-color: #FFB31B;
}
.b-vrtshead h2 {
  font-size: 40px;
  line-height: 45px;
  text-transform: uppercase;
  margin-bottom: 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
  display: inline-block;
}

.b-vrts-ct-tablist {
  margin-bottom: 55px;
}
.b-vrts-tablist {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 571px;
}
.b-vrts-tablist li.checker,
.b-vrts-tablist li:first-child:after,
.b-vrts-tablist li:last-child:before {
  background: url(../img/b-checker.png) no-repeat;
}
.b-vrts-tablist li:first-child {
  float: left;
  position: relative;
  padding-right: 91px;
}
.b-vrts-tablist li.active:first-child {
  padding-right: 58px;
}
.b-vrts-tablist li:first-child:after {
  content: '';
  display: block;
  position: absolute;
  top: 22px;
  right: -9px;
  width: 75px;
  height: 7px;
  background-position: 0 -1px;
}
.b-vrts-tablist li.active:first-child:after {
  height: 13px;
  top: 19px;
  right: -8px;
  background-position: -96px -20px;
}
.b-vrts-tablist li:last-child {
  float: right;
  position: relative;
  padding-left: 103px;
}
.b-vrts-tablist li.active:last-child {
  padding-left: 69px;
}
.b-vrts-tablist li:last-child:before {
  content: '';
  display: block;
  position: absolute;
  top: 22px;
  left: 0px;
  width: 75px;
  height: 7px;
  background-position: -6px -13px;
}
.b-vrts-tablist li.active:last-child:before {
  height: 13px;
  top: 19px;
  left: 3px;
  background-position: -99px -1px;
}
.b-vrts-tablist li.checker {
  width: 56px;
  height: 38px;
  position: absolute;
  top: 14px;
  left: 50%;
  margin-left: -22px;
  background-position: -2px -41px;
}
.b-vrts-tablist li.checker span {
  display: block;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -2px;
  width: 34px;
  height: 37px;
  background-position: -375px -155px;
}
.b-vrts-tablist li.checker a {
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0px;
}
.b-vrts-tablist li.checker a:first-child {
  left: 0;
  display: none;
}
.b-vrts-tablist li.checker a + a {
  right: 0;
}


.b-vrts-tablist li a.b-vrts-tablist-a {
  font-family: 'modern_h_bold';
  font-size: 18px;
  border: solid 4px transparent;
  height: 51px;
  display: inline-block;
  padding: 11px 0px;
}
.b-vrts-tablist li.active a.b-vrts-tablist-a {
  font-size: 17px;
  color: #3E3E3E;
  border-color: #FFB31B;
  padding: 11px 21px;
  border-radius: 25px;
}

.b-vrts-tabct {
  margin-bottom: 60px;
}

.b-variants-body__prices table {
  width: 771px;
  margin: 0 auto 42px auto;
}
.b-variants-body__prices table th {
  font-family: 'futurafuturisxcregularregular';
  font-size: 18px;
  color: #3E3E3E;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 7px;
}
.b-variants-body__prices table td {
  border-bottom: solid 1px #E3E3E3;
  height: 34px;
  text-align: left;
  vertical-align: top;
  padding-top: 7px;
}
.b-variants-body__prices table td + td {
  text-align: right;
}
.b-variants-body__prices table td div + div {
  font-size: 12px;
  width: 590px;
  padding: 8px 0 13px 20px;
}
.b-variants-body__prices table td div.checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
.b-variants-body__prices {
  text-align: center;
  position: relative;
}



.b-vrts-ct-tablist-inner {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
}
.b-vrts-ct-tablist-inner:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 225px;
  background-color: #FFB31B;
}

.b-vrts-tablist-inner:after,
.b-vrts-tablist-inner li:after {
  background: url(../img/b-vrts-tabs-bg.png) no-repeat;
}

.b-vrts-tablist-inner {
  width: 960px;
  height: 421px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.b-vrts-tablist-inner li {
  height: 421px;
  float: left;
  font-size: 13px;
  color: #3E3E3E;
  line-height: 21px;
  position: absolute;
  text-align: right;
}
.b-vrts-tablist-inner li:nth-child(1) {
  width: 194px;
  z-index: 10;
}
.b-vrts-tablist-inner li:nth-child(2) {
   width: 383px;
   z-index: 9;
}
.b-vrts-tablist-inner li:nth-child(3) {
   width: 542px;
   z-index: 8;
}
.b-vrts-tablist-inner li:nth-child(4) {
   width: 699px;
   z-index: 7;
}
.b-vrts-tablist-inner li:nth-child(5) {
  width: 935px;
  z-index: 6;
}


.b-vrts-tablist-inner:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 960px;
  height: 324px;
  background-position: -108px -955px;
}
.b-vrts-tablist-inner li:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px; 
}
.b-vrts-tablist-inner li.hover:nth-child(1):after,
.b-vrts-tablist-inner li.active:nth-child(1):after,
.b-vrts-tablist-inner li.active2:nth-child(1):after {
  bottom: 130px;
  left: 167px;
  width: 146px;
  height: 194px;
  background-position: -77px -56px;
  z-index: 5;
}
.b-vrts-tablist-inner li.hover:nth-child(2):after,
.b-vrts-tablist-inner li.active:nth-child(2):after,
.b-vrts-tablist-inner li.active2:nth-child(2):after {
  bottom: 102px;
  left: 118px;
  width: 358px;
  height: 230px;
  background-position: -242px -20px;
  z-index: 4;
}
.b-vrts-tablist-inner li.hover:nth-child(3):after,
.b-vrts-tablist-inner li.active:nth-child(3):after,
.b-vrts-tablist-inner li.active2:nth-child(3):after {
  bottom: 74px;
  left: 84px;
  width: 551px;
  height: 278px;
  background-position: -600px 28px;
  z-index: 3;
}
.b-vrts-tablist-inner li.hover:nth-child(4):after,
.b-vrts-tablist-inner li.active:nth-child(4):after,
.b-vrts-tablist-inner li.active2:nth-child(4):after {
  bottom: 46px;
  left: 40px;
  width: 750px;
  height: 306px;
  background-position: -104px -252px;
  z-index: 2;
}
.b-vrts-tablist-inner li.hover:nth-child(5):after,
.b-vrts-tablist-inner li.active:nth-child(5):after,
.b-vrts-tablist-inner li.active2:nth-child(5):after {
  bottom: 19px;
  left: -1px;
  width: 960px;
  height: 305px;
  background-position: -130px -562px;
  z-index: 1;
}

.b-vrts-tablist-inner li a:first-child {
  font-family: 'futurafuturisxcregularregular';
  font-size: 17px;
  color: #515151;
  display: block;
  margin-bottom: 7px;
}
.b-vrts-tablist-inner li:last-child a:first-child {
  padding-right: 63px;
}
.b-vrts-tablist-inner li.hover a,
.b-vrts-tablist-inner li.active a,
.b-vrts-tablist-inner li.active2 a {
  color: #FFAA00;
}
.b-vrts-tablist-inner li div {
  position: relative;
  text-align: right;
  display: inline-block;
}
.b-vrts-tablist-inner li:last-child div {
  text-align: left;
}
.b-vrts-tablist-inner li.hover div:before,
.b-vrts-tablist-inner li.active div:before,
.b-vrts-tablist-inner li.active2 div:before {
  display: block;
}
.b-vrts-tablist-inner li div:before {
  content: '';
  position: absolute;
  top: 3px;
  width: 16px;
  height: 16px;
  background-position: -243px -128px;
  display: none;
}
.b-vrts-tablist-inner li:first-child div:before {
  display: none;
}
.b-vrts-tablist-inner li:nth-child(2) div:before {
  left: -36px;
}
.b-vrts-tablist-inner li:nth-child(3) div:before {
  left: -48px;
}
.b-vrts-tablist-inner li:nth-child(4) div:before {
  left: -51px;
}
.b-vrts-tablist-inner li:nth-child(5) div:before {
  left: -47px;
}

.link-block {
  position: absolute;
  display: block;
}
.link-block-v-1 {
  width: 146px;
  height: 40px;
  bottom: 130px;
  left: 165px;
  z-index: 10;
}
.link-block-v-2 {
  width: 342px;
  height: 89px;
  bottom: 102px;
  left: 125px;
  z-index: 9;
}
.link-block-v-3 {
  width: 551px;
  height: 139px;
  bottom: 74px;
  left: 84px;
  z-index: 8;
}
.link-block-v-4 {
  width: 748px;
  height: 188px;
  bottom: 46px;
  left: 41px;
  z-index: 7;
}
.link-block-v-5 {
  width: 960px;
  height: 236px;
  bottom: 19px;
  left: -1px;
  z-index: 6;
}

.fixednav {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #fff;
  width: 100%;
  border-bottom: solid 1px #C8C8C8;
  box-shadow: 0 0 4px rgba(200,200,200,1);
  z-index: 99;
}
.fixednav .b-vrts-tablist-inner {
  height: 98px;
  display: none;
  margin: 0 auto;
}
.fixednav .b-vrts-tablist-inner li {
  height: 98px;
  padding-top: 12px;
}
.fixednav.b-vrts-ct-tablist-inner:before,
.fixednav .link-block,
.fixednav .b-vrts-tablist-inner:after,
.fixednav .b-vrts-tablist-inner li:after {
  display: none;
}

.b-vrts-tabct-inner {
   margin-bottom: 43px;
}
.b-vrts-tab-ctr-inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.b-vrts-tab-ctr-inner-2 {
  width: 771px;
  margin: 0 auto;
  position: relative;
}
.b-vrts-tab-ctr-inner h2 {
  font-size: 25px;
  line-height: 33px;
  margin-bottom: 11px;
}
.b-vrts-tab-ctr-inner h3 {
  font-size: 18px;
  color: #3E3E3E;
  line-height: 27px;
  margin: 0 0 17px 0;
}
.b-vrts-tab-ctr-inner h3 a {
  color: #347DC0;
  border-bottom: dashed 1px #347DBF;
}

.b-vrts-tab-ctr-inner .btn,
.b-vrts-tab-ctr-inner-2 .btn {
  width: 167px;
  height: 50px;
  padding: 10px 16px 5px 16px;
}
.link-turn {
  position: absolute;
  bottom: 13px;
  right: 125px;
  font-size: 16px;
}
.b-vrts-tab-ctr-inner-2 .link-turn {
  right: 0px;
}

.b-vrts-content {
}
.b-vrts-subcontent {
  margin: 23px 0 30px 0;
}
.b-vrts-subcontent strong {
  display: block;
  font-family: 'futurafuturisxcregularregular';
  font-size: 18px;
  color: #3E3E3E;
  margin-bottom: 10px;
}

.b-vrts-content-row {
  height: 99px;
  background: url(../img/b-vrts-ct-bg.png) 50% 0 no-repeat;
  position: relative;
}
.b-vrts-content-row div {
  padding: 0 0 0 10px;
  text-align: left;
  position: absolute;
  top: 27px;
  line-height: 21px;
}
.b-vrts-content-row div a {
  color: #3E3E3E;
  border-bottom: dashed 1px #9C9C9B;
}
.b-vrts-content-row div a:hover,
.b-vrts-tab-ctr-inner h3 a:hover {
  color: #f96c00;
  border-bottom: dashed 1px #f96c00;
}
.b-vrts-content-row div:first-child {
  width: 212px;
  left: 79px;
}
.b-vrts-content-row div:nth-child(2) {
  width: 167px;
  left: 346px;
}
.b-vrts-content-row div:nth-child(3) {
  width: 205px;
  right: 227px;
}
.b-vrts-content-row div:nth-child(4) {
  width: 167px;
  right: 5px;
}
.row-vrts-1 {
  background-position: 0px -100px;
  margin-top: -22px;
  height: 175px;
}
.b-vrts-content-row.row-vrts-1 div {
  top: 100px;
}
.b-vrts-content-row.row-vrts-1 div:nth-child(2) {
  top: 91px;
}
.b-vrts-content-row.row-vrts-1 div:nth-child(3) {
  top: 91px;
}
.b-vrts-content-row.row-vrts-2 div:nth-child(4) {
  top: 16px;
}
.row-vrts-3 {
  background-position: 0px -300px;
  margin-top: -22px;
  height: 175px;
}
.b-vrts-content-row.row-vrts-3 div {
  top: 100px;
}
.b-vrts-content-row.row-vrts-3 div:nth-child(2) {
  top: 91px;
}
.b-vrts-content-row.row-vrts-3 div:nth-child(3) {
  top: 91px;
}
.b-vrts-subcontent-3 {
  border: solid 4px #FFC61D;
  border-right-color: transparent;
  width: 900px;
  height: 105px;
  text-align: left;
  padding: 25px 0 0 100px;
  position: relative;
}
.b-vrts-subcontent-3:after {
  content: '';
  display: block;
  position: absolute;
  width: 64px;
  height: 105px;
  right: -64px;
  top: -4px;
  background: url(../img/bg-corner-2.png) no-repeat;
}
.b-vrts-subcontent-3 p {
  line-height: 21px;
  position: relative;
}
.b-vrts-subcontent-3 p:first-child:before {
  content: '';
  display: block;
  position: absolute;
  width: 51px;
  height: 43px;
  top: 0px;
  left: -75px;
  background-position: -585px -9px;
}
.b-vrts-content-row.row-vrts-4 div:nth-child(2) {
  top: 16px;
}
.row-vrts-5 {
  background-position: 0px -500px;
  margin-top: -22px;
  height: 271px;
}
.b-vrts-content-row.row-vrts-5 div {
  top: 100px;
}
.b-vrts-content-row.row-vrts-5 div:nth-child(2) {
  top: 91px;
}
.b-vrts-content-row.row-vrts-5 div:nth-child(3) {
  top: 91px;
}
.b-vrts-content-row.row-vrts-5 div:nth-child(4) {
  top: 156px;
  right: 110px;
  width: 108px;
  text-align: center;
}
.b-vrts-content-row.row-vrts-5 div:nth-child(5) {
  top: 278px;
  right: 183px;
  width: 108px;
  text-align: center;
}
.b-vrts-content-row.row-vrts-5 div:nth-child(6) {
  top: 278px;
  right: 12px;
  width: 155px;
  text-align: center;
}

.b-vrts-subcontent-4 {
  margin-top: -39px;
}
.b-vrts-subcontent-4 strong {
  position: relative;
  display: inline-block;
}
.b-vrts-subcontent-4 strong:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: -58px;
  width: 44px;
  height: 36px;
  background-position: -292px -155px;
}
.b-vrts-tab-ctr-inner-4 .link-turn {
  right: auto;
  left: 25px;
}
.b-vrts-tab-ctr-inner h2 + .b-vrts-content {
  margin-top: 19px;
}
.icon.plus {
  width: 11px;
  height: 9px;
  background-position: -245px -168px;
}
.icon.equ {
  width: 11px;
  height: 8px;
  background-position: -245px -155px;
}
.b-vrts-subcontent-5 {
  margin: 40px 0 30px 0;
}
.b-vrts-subcontent-5 strong {
  position: relative;
  display: inline-block;
}
.b-vrts-subcontent-5 strong:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: -58px;
  width: 47px;
  height: 47px;
  background-position: -650px -10px;
}

.inner-link-bl {
  position: absolute;
  top: 122px;
  left: 20px;
}