/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
       color: #222;
   }
   
   html {
       font-size: 1em;
       line-height: 1.4;
   }
   
   /*
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection rule sets have to be separate.
    * Customize the background color to match your design.
    */
   
   ::-moz-selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   ::selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   /*
    * A better looking default horizontal rule
    */
   
   hr {
       display: block;
       height: 1px;
       border: 0;
       border-top: 1px solid #ccc;
       margin: 1em 0;
       padding: 0;
   }
   
   /*
    * Remove the gap between images, videos, audio and canvas and the bottom of
    * their containers: h5bp.com/i/440
    */
   
   audio,
   canvas,
   img,
   video {
       vertical-align: middle;
   }
   
   /*
    * Remove default fieldset styles.
    */
   
   fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }
   
   /*
    * Allow only vertical resizing of textareas.
    */
   
   textarea {
       resize: vertical;
   }
   
   /* ==========================================================================
      Browse Happy prompt
      ========================================================================== */
   
   .browsehappy {
       margin: 0.2em 0;
       background: #ccc;
       color: #000;
       padding: 0.2em 0;
   }
   
   /* ==========================================================================
      Author's custom styles
      ========================================================================== */
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* ==========================================================================
      Helper classes
      ========================================================================== */
   
   /*
    * Image replacement
    */
   
   .ir {
       background-color: transparent;
       border: 0;
       overflow: hidden;
       /* IE 6/7 fallback */
       *text-indent: -9999px;
   }
   
   .ir:before {
       content: "";
       display: block;
       width: 0;
       height: 150%;
   }
   
   /*
    * Hide from both screenreaders and browsers: h5bp.com/u
    */
   
   .hidden {
       display: none !important;
       visibility: hidden;
   }
   
   /*
    * Hide only visually, but have it available for screenreaders: h5bp.com/v
    */
   
   .visuallyhidden {
       border: 0;
       clip: rect(0 0 0 0);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
   }
   
   /*
    * Extends the .visuallyhidden class to allow the element to be focusable
    * when navigated to via the keyboard: h5bp.com/p
    */
   
   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
       clip: auto;
       height: auto;
       margin: 0;
       overflow: visible;
       position: static;
       width: auto;
   }
   
   /*
    * Hide visually and from screenreaders, but maintain layout
    */
   
   .invisible {
       visibility: hidden;
   }
   
   /*
    * Clearfix: contain floats
    *
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *    `contenteditable` attribute is included anywhere else in the document.
    *    Otherwise it causes space to appear at the top and bottom of elements
    *    that receive the `clearfix` class.
    * 2. The use of `table` rather than `block` is only necessary if using
    *    `:before` to contain the top-margins of child elements.
    */
   
   .clearfix:before,
   .clearfix:after {
       content: " "; /* 1 */
       display: table; /* 2 */
   }
   
   .clearfix:after {
       clear: both;
   }
   
   /*
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
   
   .clearfix {
       *zoom: 1;
   }
   
   /* ==========================================================================
      EXAMPLE Media Queries for Responsive Design.
      These examples override the primary ('mobile first') styles.
      Modify as content requires.
      ========================================================================== */
   
   @media only screen and (min-width: 35em) {
       /* Style adjustments for viewports that meet the condition */
   }
   
   @media print,
          (-o-min-device-pixel-ratio: 5/4),
          (-webkit-min-device-pixel-ratio: 1.25),
          (min-resolution: 120dpi) {
       /* Style adjustments for high resolution devices */
   }
   
   /* ==========================================================================
      Print styles.
      Inlined to avoid required HTTP connection: h5bp.com/r
      ========================================================================== */
   
   @media print {
       * {
           background: transparent !important;
           color: #000 !important; /* Black prints faster: h5bp.com/s */
           box-shadow: none !important;
           text-shadow: none !important;
       }
   
       a,
       a:visited {
           text-decoration: underline;
       }
   
       a[href]:after {
           content: " (" attr(href) ")";
       }
   
       abbr[title]:after {
           content: " (" attr(title) ")";
       }
   
       /*
        * Don't show links for images, or javascript/internal links
        */
   
       .ir a:after,
       a[href^="javascript:"]:after,
       a[href^="#"]:after {
           content: "";
       }
   
       pre,
       blockquote {
           border: 1px solid #999;
           page-break-inside: avoid;
       }
   
       thead {
           display: table-header-group; /* h5bp.com/t */
       }
   
       tr,
       img {
           page-break-inside: avoid;
       }
   
       img {
           max-width: 100% !important;
       }
   
       @page {
           margin: 0.5cm;
       }
   
       p,
       h2,
       h3 {
           orphans: 3;
           widows: 3;
       }
   
       h2,
       h3 {
           page-break-after: avoid;
       }
   }
   
   a {
       text-decoration: none;
   }
   a:hover {
       text-decoration: none;
   }
   
   body {
       font-family: 'proxima_nova_cn_rgregular', Helvetica, Arial, sans-serif;
       font-size:16px;
       min-width:320px;
   }
   
   #header {
       background-color:#fff;
   }
   #header .icons {
       text-align: right;
       padding: 22px 0 10px 0;
   }
   #header .icons a:hover {
       opacity:0.7;
   }
   #header .icons a {
       display:inline-block;
       width:33px;
       height:28px;
       margin-left:25px;
   }
   #header .icons a.tel {
       background:transparent url(../img/ico_tel.png) no-repeat center center;
   }
   #header .icons a.mail {
       background:transparent url(../img/ico_mail.png) no-repeat center center;
   }
   #header .icons a.hamburger {
       background:transparent url(../img/hamburger.gif) no-repeat center center;
   }
   
   #header .container, #menu .container {
       padding-left:65px;
       padding-right:65px;
   }
   
   #header #logo {
       padding:15px 0 0 0;
       height:80px;
   }
   #header #logo span {
       font-size:14px;
       line-height:18px;
       color:#797979;
       display: inline-block;
       margin:8px 0 0 15px;
   }
   #header #logo img {
       vertical-align: top;
   }
   #header .tels {
       padding-top:22px;
       color:#797979;
       font-size:14px;
       line-height:18px;
   }
   /* По умолчанию скрываем изображение */
   a[href="https://vtsconsult.biz/ru/bplanding/"] img {
       display: none;
   }
   
   /* Для ширин экрана 768px и меньше, показываем изображение */
   
   
   
   .tell-lang a img {
       margin: 0 10px 0 0;
   }
   
   
   
   #header .tels span {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       color: #1e1e1e;
       font-size: 24px;
       display: flex;
       margin-left: 18px;
       justify-content: center;
       align-items: center; 
   }
   #menu {
       height:60px;
   }
   #menu .menu_wrap {
       background-color:#fafafa;
   }
   #menu .menu_wrap.fixed {
       position:fixed;
       top:0;
       left:0;
       z-index:99;
   }
   #menu .callback {
       padding-top:10px;
       text-align:right;
   }
   #menu .menu {
       line-height:60px;
       height:60px;
       position:relative;
   }
   #menu .menu ul {
       position:relative;
       white-space:nowrap;
   }
   #menu .menu a {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:16px;
       color:#1b78c9;
       margin-right:30px;
       text-decoration: none;
   
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   #menu .menu li.active a, #menu .menu a:hover {
       color:#000;
   }
   #menu ul {
       margin:0;padding:0;
   }
   #topmenu {
       height:60px;
       clear: both;
       position: relative;
       width:100%;
   }
   #menu ul li {
       list-style: none;
   /*     display:inline-block;
       float:left; */
       
       position: relative;
       float: left;
       display: block;
       padding:0;
       margin:0;
   /* 	
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -o-user-select: none;
       user-select: none; */
   }
   
   
   
   .btn {
       color:#1b78c9;
       border: solid 2px #1b78c9;
       border-radius:3px;
       height:60px;
       line-height:58px;
       padding:0 25px;
       text-transform: uppercase;
       background-color:transparent;
       display:inline-block;
       text-decoration: none !important;
       white-space: nowrap;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   .btn:hover {
       color:#fff;
       background-color:#1b78c9;
       text-decoration: none;
   }
   
   .btn.blue {
       background-color:#1b78c9;
       color:#fff;
       border-color:#1b78c9;
   }
   .btn.blue:hover {
       background-color:#1b6fb7;
       border-color:#1b6fb7;
   }
   .btn.yellow {
       background-color:#ffbe02;
       color:#000;
       border-color:#ffbe02;
   }
   .btn.yellow:hover {
       background-color:#dba406;
       border-color:#dba406;
   }
   .btn.little {
       font-size:14px;
       height:40px;
       line-height:38px;
   }
   .btn.big {
       font-size:24px;
       padding:0 100px;
   }
   .btn.white {
       background-color:transparent;
       color:#fff;
       border-color:#fff;
   }
   .btn.white:hover {
       color:#1b78c9;
       background-color:#fff;
       border-color:#fff;
   }
   
   #toTop {
       bottom: 30px;
       right: 25px;
       position: fixed;
       cursor: pointer;
       display: none;
       width:60px;
       height:60px;
       text-indent: -9999px;
       background:transparent url(../img/rollup.png) no-repeat center center;
       opacity:1;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   
   #toTop:hover {
       opacity:0.7;
   }
   
   #firstblock {
       height:640px;
       position:relative;
       overflow: hidden;
   }
   
   #firstblock .bg {
       top: 0;
       position: absolute;
       width: 100%;
       height: 100%;
       left: 0;
   }
   #firstblock .btn {
       font-size:14px;
   }
   
   #firstblock .bg div {
       height:100%;
   }
   
   
   
   #firstblock .head {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:54px;
       line-height:62px;
       color:#fff;
       padding: 137px 0 7px 0;
   }
   #firstblock .subhead {
       font-size:18px;
       color:#fff;
       padding:0 0 55px 0;
   }
   #firstblock .mouse {
       position: absolute;
       bottom: 60px;
       left: 50%;
       cursor:pointer;
   }
   #firstblock .mouse .icon {
       background: transparent url(../img/icon_mouse.png) no-repeat center center;
       width:21px;
       height:33px;
       position:absolute;
       bottom:0;
   }
   #firstblock .mouse .arrow {
       background: transparent url(../img/icon_mouse_arrow.png) no-repeat center center;
       width:8px;
       height:19px;
       position:absolute;
       bottom:6px;
       left:25px;
   
       -webkit-animation: icon-ef 1.5s ease infinite;
       -moz-animation: icon-ef 1.5s ease infinite;
       animation: icon-ef 1.5s ease infinite;
   }
   
   @-webkit-keyframes icon-ef {
       0%{opacity: 0.2; bottom: 4px;}
       50%{opacity: 1; bottom: 8px;}
       100%{opacity: 0.2; bottom: 4px;}
   }
   @-moz-keyframes icon-ef {
       0%{opacity: 0.2; bottom: 4px;}
       50%{opacity: 1; bottom: 8px;}
       100%{opacity: 0.2; bottom: 4px;}
   }
   @keyframes icon-ef {
       0%{opacity: 0.2; bottom: 4px;}
       50%{opacity: 1; bottom: 8px;}
       100%{opacity: 0.2; bottom: 4px;}
   }
   
   
   
   
   #secondblock {
       background:transparent url(../img/bg.gif) repeat left top;
   }
   
   .h1 {
       padding:40px 0;
       text-align:center;
       color:#000;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:30px;
   }
   #secondblock .txt {
       font-size:16px;
       line-height: 18px;
   }
   #secondblock .icon {
       /* width:80px; */
       width:63px;
       background:transparent url(../img/secondblock_icons.png) no-repeat left top;
       height:80px;
       margin:0 auto 35px auto;
   
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   #secondblock .icon.money {
       /* background-position:-80px center; */
       background-position: -65px center;
   }
   #secondblock .icon.half {
       /* background-position:-160px center; */
       background-position: -128px center;
   }
   #secondblock .icon.halff {
       background-position:-240px center;
   }
   #secondblock .block {
       overflow: hidden;
       position:relative;
       padding:0 40px 50px 40px;
   
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   #secondblock .btn {
       position:absolute;
       bottom:-50px;
       left:40px;
   
   }
   #secondblock .block:hover {
       padding-bottom:62px;
   }
   #secondblock .block:hover .icon {
       height:0;
   }
   #secondblock .block:hover .btn {
       bottom:0;
   }
   
   
   #thirdblock {
       overflow: hidden;
       position:relative;
   }
   #thirdblock .back {
       position:absolute;
       width:100%;
       height:100%;
       z-index:-2;
       background-color:#191a1a;
       top:0;
       left:0;
   }
   #thirdblock .h1 {
       font-size:30px;
       color:#fff;
       text-align:left;
       padding:75px 0 20px 0;
   }
   #thirdblock .txt {
       color:#aaaaaa;
       font-size:16px;
       line-height: 18px;
   }
   #thirdblock .txt ul {
       padding:0;
       margin:30px 0 0 0;
   }
   #thirdblock .txt ul li {
       list-style:none;
       padding-left:25px;
       position:relative;
       font-size:18px;
       line-height:24px;
   }
   #thirdblock .txt ul li:before {
       position:absolute;
       content:" ";
       left:0;
       top:5px;
       background:transparent url(../img/li_arrow.png) no-repeat left top;
       width:18px;
       height:12px;
   }
   #thirdblock .btn {
       margin: 41px 0 75px 0;
       font-size: 14px;
       height: 55px;
       line-height: 55px;
   }
   
   #thirdblock .bg {
       position:relative;
       height:100%;
   }
   #thirdblock .bg div {
       height:100%;
   }
   
   #fourthblock .h1 {
       padding: 33px 0 24px 0;
       font-size: 28px;
   }
   #fourthblock {
       padding:0px 0 55px 0;
   }
   #fourthblock .txt {
       font-size: 16px;
       line-height: 16px;
       padding-right: 10px;
   }
   #fourthblock .count {
       padding: 0 0 13px 0;
       font-size: 30px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
   }
   
   #fifthblock {
       min-height:505px;
   }
   #fifthblock .h1 {
       padding: 153px 0 39px 0;
       color: #fff;
       font-size: 48px;
       line-height: 60px;
       text-align: left;
   }
   #fifthblock .txt {
       padding:0 0 120px 0 ;
       font-size:18px;
       line-height:18px;
       color:#fff;
       max-width:450px;
   }
   #fifthblock {
       position:relative;
   }
   
   #fifthblock .bg {
       position:absolute;
       left:0;
       top:0;
       width:100%;
       height:100%;
   }
   #fifthblock .bg div {
       height:100%;
   }
   
   
   #sixblock {
       background-color:#000;
   }
   #sixblock .h1 {
       color: #fff;
       padding: 18px 0;
       font-size: 28px;
   }
   #sixblock .txt {
       font-size:16px;
       line-height: 24px;
       color:#aaaaaa;
       max-width:225px;
       margin:0 auto;
       overflow: hidden;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
       opacity:1;
   }
   #sixblock .icon {
       width:64px;
       background:transparent url(../img/sixblock_icons.png) no-repeat left top;
       height:64px;
       margin:0 auto 35px auto;
   
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   #sixblock .icon.two {
       background-position:-64px center;
   }
   #sixblock .icon.three {
       background-position:-128px center;
   }
   #sixblock .icon.four {
       background-position:-192px center;
   }
   #sixblock .icon.five {
       background-position:-256px center;
   }
   #sixblock .icon.six {
       background-position:-320px center;
   }
   #sixblock .block {
       overflow: hidden;
       position:relative;
       padding:90px 40px 50px 40px;
   
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   
       z-index:1;
   }
   #sixblock .btn {
       position:absolute;
       bottom:-60px;
       left:40px;
   
   }
   
   #sixblock .block:hover {
       padding-bottom:62px;
   }
   #sixblock .block:hover .icon {
       height:0;
   }
   #sixblock .block:hover .txt {
       opacity:0;
   }
   #sixblock .block:hover .btn {
       bottom:50%;
       margin-bottom:-30px;
   }
   #sixblock .col-lg-4 {
       position:relative;
   }
   #sixblock .col-lg-4 .bg {
       position:absolute;
       left:0;
       top:0;
       width:100%;
       height:100%;
       background-color:#131313;
       z-index:0;
   }
   #sixblock .col-lg-4:nth-child(2n+2) .bg {
       background-color:#191a1a;
   }
   
   #sevenblock .col-lg-2 {
       overflow: hidden;
       position:relative;
   }
   #sevenblock .subh1 {
       font-size:16px;
       color:#797979;
       text-align:center;
       padding:0 0 45px 0;
   }
   #sevenblock .count {
       font-size:24px;
       text-align:center;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
   }
   #sevenblock .img {
       height:55px;
   }
   #sevenblock .img:after {
       content: " ";
       background: transparent url(../img/sevenblock_img.gif) no-repeat center center;
       position: absolute;
       width: 100%;
       height: 16px;
       top: 51px;
       left: 0;
   }
   #sevenblock .col-lg-2:first-child .img:after {
       background-image:url(../img/sevenblock_img_left.gif);
   }
   #sevenblock .col-lg-2:last-child .img:after {
       background-image:url(../img/sevenblock_img_right.gif);
   }
   
   
   #sevenblock .txt {
       max-width:180px;
       margin:0 auto;
       font-size:16px;
       line-height:18px;
   }
   #sevenblock .col-lg-12 {
       text-align:center;
   }
   #sevenblock .col-lg-12 a.btn {
       margin:10px 0 60px 0;
   }
   
   #eightblock {
       color:#fff;
       padding:130px 0 115px 0;
       position: relative;
   }
   #eightblock .h1 {
       padding:0;
       color:#fff;
       text-transform: uppercase;
       font-size:100px;
       padding-top:17px;
   }
   
   #eightblock .txt {
       font-size:18px;
       line-height: 32px;
   }
   #eightblock .txt b {
       font-weight: normal;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:30px;
       white-space:nowrap;
   }
   #eightblock .btn {
       font-size:24px;
       padding:0 100px;
       margin-top:30px;
   }
   
   #eightblock .bg {
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
   }
   #eightblock .bg div {
       height: 100%;
   }
   
   #tenblock {
       background: transparent url(../img/bg.gif) repeat left top;
       padding:70px 0;
   }
   #tenblock .h1 {
       padding:0 0 50px 0;
   }
   #tenblock .count {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:18px;
       text-align:center;
       padding:0 0 20px 0;
   }
   #tenblock .sub {
       font-size:16px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       padding:0 0 15px 0;
   }
   #tenblock .txt {
       font-size:16px;
       line-height: 24px;
   }
   
   
   #elevenblock {
       padding:85px 0;
   }
   #elevenblock .col-lg-5 {
       text-align:center;
   }
   #elevenblock .img {
       width:197px;
       height:197px;
       background:transparent url(../img/cugoda.png) no-repeat center center;
       margin:15px auto 20px auto;
   }
   #elevenblock .name {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:24px;
   
   }
   #elevenblock .sub {
       color:#999999;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:14px;
   }
   #elevenblock ul {
       margin:0;
       padding:0;
   }
   #elevenblock ul li {
       padding-left:20px;
       list-style: none;
       margin:0 0 30px 0;
       font-size:16px;
       line-height:24px;
       position:relative;
   }
   #elevenblock ul li:before {
       content:"•";
       font:24px Arial;
       position:absolute;
       left:0;
       top:-3px;
   }
   
   #twelveblock {
       background-color:#191a1a;
       color:#aaaaaa;
       padding:0 0 75px 0;
   }
   #twelveblock .h1 {
       color:#fff;
   }
   #twelveblock .count {
       color:#fff;
       font-size:24px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       height:38px;
   }
   
   #twelveblock .count span {
       margin-left:15px;
       font-size:16px;
       color:#aaaaaa;
       letter-spacing: -1px;
       font-family: 'proxima_nova_cn_rgregular', Helvetica, Arial, sans-serif;
   }
   #twelveblock .col-lg-2:last-child .count span {
       display:inline-block;
       line-height: 16px;
   }
   #twelveblock .col-lg-2:last-child .image:after {
       width:15px;
   }
   #twelveblock .image {
       height:55px;
   }
   #twelveblock .image:after {
       content:" ";
       height:43px;
       width:100%;
       position:absolute;
       background:transparent url(../img/twelveblock_img.gif) no-repeat left center;
       left:13px;
   }
   #twelveblock .sub {
       font-size:18px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       color:#fff;
       padding:0 0 17px 0;
   }
   #twelveblock .txt {
       font-size:16px;
       line-height: 18px;
       padding:0 0 25px 0;
   }
   #twelveblock .btn {
       margin-bottom:25px;
       font-size:12px;
   }
   #twelveblock ul {
       margin:0;
       padding:0 0 12px 0;
   }
   #twelveblock ul li {
       list-style: none;
       padding-left:15px;
       position: relative;
   }
   #twelveblock ul li:after {
       content:"•";
       font:16px Arial;
       position:absolute;
       left:0;
       top:0;
   }
   
   
   #thirteenblock {
       min-height:550px;
   }
   #thirteenblock .h1 {
       padding:160px 0 40px 0;
       color:#fff;
       font-size:48px;
       line-height:60px;
   
       text-align:left;
   }
   #thirteenblock .txt {
       padding:0 0 120px 0 ;
       font-size:18px;
       line-height:18px;
       color:#fff;
       max-width:470px;
   }
   #thirteenblock {
       position:relative;
   }
   
   #thirteenblock .bg {
       position:absolute;
       left:0;
       top:0;
       width:100%;
       height:100%;
   }
   #thirteenblock .bg div {
       height:100%;
   }
   
   #fourteenblock {
   
   }
   
   
   
   #fourteenblock .h1 {
       padding: 19px 0;
   }
   #fourteenblock .txt {
       font-size:16px;
       line-height: 18px;
       color:#797979;
       padding:20px 0 30px 0;
   }
   #fourteenblock .name {
       font-size:16px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       line-height:18px;
   }
   #fourteenblock .block {
       overflow: hidden;
       position:relative;
       z-index:1;
       padding:50px 40px 10px 40px;
   }
   #fourteenblock a {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       font-size:12px;
       color:#1b78c9;
       text-transform: uppercase;
       text-decoration: none;
   }
   #fourteenblock a:hover {
       color:#000;
   }
   #fourteenblock .col-lg-4 {
       position:relative;
   }
   #fourteenblock .col-lg-4 .bg {
       position:absolute;
       left:0;
       top:0;
       width:100%;
       height:100%;
       z-index:0;
   }
   #fourteenblock .rowone .col-lg-4:nth-child(2n+1) .bg, #fourteenblock .rowtwo .col-lg-4:nth-child(2n+2) .bg {
       background:transparent url(../img/bg.gif) repeat left top;
   }
   
   
   #fifteenblock {
       background-color:#191a1a;
   }
   #fifteenblock .h1 {
       color:#fff;
   }
   #fifteenblock .h1 span {
       display:block;
       color:#aaaaaa;
       font-size:18px;
       padding-top:20px;
   }
   
   
   #fifteenblock .jcarousel-wrapper {
       position: relative;
       padding:0 50px 100px 50px;
   }
   #fifteenblock .jcarousel {
       position: relative;
       overflow: hidden;
       width: 100%;
   }
   
   #fifteenblock .jcarousel ul {
       width: 20000em;
       position: relative;
       list-style: none;
       margin: 0;
       padding: 0;
   }
   #fifteenblock .jcarousel li {
       float: left;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       padding:0 15px;
   }
   .jcarousel-control-prev, .jcarousel-control-next {
       background:transparent url(../img/icon_arrows.png) no-repeat left top;
       width:11px;
       height:24px;
       position:absolute;
       cursor:pointer;
       left:0;
       top:50%;
       margin-top:-12px;
       text-indent: -9999px;
   }
   .jcarousel-control-next {
       left:auto;
       right:0;
       background-position:right top;
   }
   #fifteenblock .jcarousel-control-prev, #fifteenblock  .jcarousel-control-next {
       margin-top: -64px;
   }
   #fifteenblock .jcarousel-control-next:hover {
       background-position:right bottom;
   }
   #fifteenblock .jcarousel-control-prev:hover {
       background-position:left bottom;
   }
   .jcarousel-control-next:hover {
       background-position:right -24px;
   }
   .jcarousel-control-prev:hover {
       background-position:left -24px;
   }
   
   #fifteenblock .block {
       padding:40px 50px;
       background-color:#000;
       font-size:16px;
       line-height:20px;
       color:#aaaaaa;
   }
   #fifteenblock .block .img {
       float:left;
       width:205px;
       position:relative;
   }
   #fifteenblock .block .img .zoom {
       height:100%;
       width:100%;
       background:transparent url(../img/icon_zoom.png) no-repeat center center;
       opacity:0;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
       position:absolute;
       z-index:2;
   }
   #fifteenblock .block .img a:hover .zoom {
       opacity:1;
   }
   #fifteenblock .block .img a:hover img {
       opacity:0.3;
   }
   #fifteenblock .block .img img {
       width:182px;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
       opacity:1;
   }
   #fifteenblock .block .right {
       margin-left:205px;
   }
   #fifteenblock .block .name {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       color:#fff;
       line-height:18px;
       padding:0 0 10px 0;
   }
   #fifteenblock .block .txt {
       min-height:82px;
   }
   #fifteenblock .block .btn.little {
       font-size:12px;
   }
   #fifteenblock .block:after, #fifteenblock .block:before {
       content: " "; /* 1 */
       display: table; /* 2 */
   }
   #fifteenblock .block:after {
       clear:both;
   }
   
   #fifteenblock .jcarousel-pagination {
       position:absolute;
       bottom: 30px;
       left:0;
       width:100%;
       text-align:center;
   }
   #fifteenblock .jcarousel-pagination a {
       border-radius:50%;
       margin:0 3px;
       text-indent: -9999px;
       display: inline-block;
       width:7px;
       height:7px;
       border:1px solid #8c8d8d;
       background-color:transparent;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   #fifteenblock .jcarousel-pagination a:hover, #fifteenblock .jcarousel-pagination a.active {
       background-color:#8c8d8d;
   }
   
   
   
   #sixteenblock .h1 {
       color:#000;
   }
   #sixteenblock .h1 span {
       display:block;
       color:#aaaaaa;
       font-size:18px;
       padding-top:20px;
   }
   
   
   #sixteenblock .jcarousel-wrapper {
       position: relative;
       padding:0 50px 100px 50px;
   }
   #sixteenblock .jcarousel {
       position: relative;
       overflow: hidden;
       width: 100%;
   }
   
   #sixteenblock .jcarousel ul {
       width: 20000em;
       position: relative;
       list-style: none;
       margin: 0;
       padding: 0;
   }
   #sixteenblock .jcarousel li {
       float: left;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       padding:0 15px;
   }
   #sixteenblock .jcarousel-control-prev, #sixteenblock  .jcarousel-control-next {
       margin-top: -64px;
   }
   
   
   #sixteenblock .block {
       padding:40px 50px;
       /*background-color:#000;*/
       font-size:16px;
       line-height:20px;
       color:#aaaaaa;
   }
   
   #sixteenblock .jcarousel-pagination {
       position:absolute;
       bottom: 30px;
       left:0;
       width:100%;
       text-align:center;
   }
   #sixteenblock .jcarousel-pagination a {
       border-radius:50%;
       margin:0 3px;
       text-indent: -9999px;
       display: inline-block;
       width:7px;
       height:7px;
       border:1px solid #8c8d8d;
       background-color:transparent;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   }
   #sixteenblock .jcarousel-pagination a:hover, #sixteenblock .jcarousel-pagination a.active {
       background-color:#8c8d8d;
   }
   #sixteenblock .block {
       text-align:center;
   }
   #sixteenblock .block .name {
       font-size:24px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       padding:40px 0 10px 0;
       color:#000;
   }
   
   #sixteenblock .block .nick {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       color:#999999;
       font-size:14px;
   }
   #sixteenblock .block .txt {
       font-size:16px;
       line-height: 24px;
       color:#000;
       padding:22px 0 0 0;
       text-align:left;
   }
   
   
   #lastblock {
       overflow: hidden;
       min-height:480px;
       position:relative;
   }
   #lastblock .back {
       background-color:#191a1a;
       height:100%;
       width:100%;
       position:absolute;
       left:0;
       top:0;
       z-index:-2;
   }
   #lastblock .h1 {
       font-size:30px;
       color:#fff;
       text-align:left;
       padding:75px 0 30px 0;
       line-height:37px;
   
   }
   #lastblock .txt {
       color:#aaaaaa;
       font-size:16px;
       line-height: 18px;
   }
   #lastblock .btn {
       margin: 66px 0 75px 0;
       font-size: 14px;
       height: 55px;
       line-height: 55px;
   }
   #lastblock .bg {
       position:relative;
       height:100%;
   }
   #lastblock .bg div {
       height:100%;
   }
   #lastblock .padding {
       padding: 14px 0 65px 60px;
   }
   
   #footer {
       padding:40px 0;
       line-height:20px;
   }
   #footer b {
       display:block;
       font-weight: normal;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
   }
   #footer .logo img {
       height:45px;
       margin-top: 8px;
   }
   
   #mobilemenu {
       display:none;
       overflow:hidden;
   }
   #mobilemenu {
       background-color:#ebebeb;
       margin: 0 -15px;
   }
   
   
   .grayname {
       background-color:#f2f2f2;
       font-size:30px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       padding:20px 0;
       color:#000;
       text-align:center;
   }
   #working {
       background-color:#fbfbfb;
       padding:0 0 60px 0;
   }
   
   #working .offset {
       color: #aaaaaa;
       font-size:18px;
       line-height:24px;
       margin-top:60px;
       padding-right:250px;
       position:relative;
       min-height:210px;
   }
   #working .offset b {
       display:block;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       color:#000;
   
   }
   #working .offset img {
       position:absolute;
       right:0;
       top:0;
   }
   #working .offset:nth-child(2) {
       padding-right:0;
       padding-left:250px;
   }
   #working .offset:nth-child(2) img {
       right:auto;
       left:0;
   
   }
   #noeffect {
       padding:0 0 50px 0;
   }
   #noeffect .head {
       padding:45px 0 55px 0;
       text-align:center;
       color:#000;
       font-size: 30px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
   }
   
   #noeffect .col-lg-3 {
       font-size:18px;
       line-height:24px;
       color:#aaaaaa;
   }
   #noeffect .col-lg-3 b {
       display:block;
       font-size:16px;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       color:#000;
   }
   
   @media (max-width: 1420px) {
       #sixblock .btn {
           left:6px;
       }
   
   }
   @media (max-width: 1200px) {
       #lastblock .padding {
           padding: 14px 0 65px 10px;
       }
       #sixblock .btn {
           padding:0 10px;
           left:6px;
           font-size:14px;
       }
   
   }
   @media (max-width: 992px) {
       #noeffect .col-lg-3 {
           margin-bottom:20px;
       }
       #noeffect .col-lg-3 b {
           display:inline-block;
       }
       #header .container, #menu .container {
           padding-left: 15px;
           padding-right: 15px;
       }
       #menu .menu a {
           margin-right:15px;
       }
       .callback .btn.little {
           padding:0;
           display:block;
           text-align:center;
       }
       .h1 {
           font-size:18px;
       }
       #secondblock .block:hover {
           padding-bottom:50px;
       }
       #secondblock .block:hover .icon {
           height:80px;
       }
       #secondblock .txt{
           text-align:center;
       }
       #secondblock .btn {
           position:relative;
           left:auto;
           bottom:auto;
           display:inline-block;
           margin:0 auto 30px auto;
           font-size:12px;
       }
       #secondblock .col-lg-12.visible-sm {
           text-align:center;
       }
       #thirdblock .h1, #fourthblock .h1 {
           font-size:18px;
       }
       #fourthblock .count {
           font-size:24px;
           padding:0;
       }
       #fourthblock .txt {
           padding-bottom:30px;
       }
   
       #sixblock .col-lg-4 .bg {
           display:none;
       }
   
       #sixblock .block:hover {
           padding:90px 40px 50px 40px;
       }
       #sixblock .block:hover .icon {
           height:64px;
       }
       #sixblock .block:hover .txt {
           opacity:1;
       }
       #sixblock .btn {
           position:relative;
           left:auto;
           bottom:auto;
           display:inline-block;
           margin:0 auto 30px auto;
           font-size:12px;
       }
       #sixblock .row.visible-sm {
           text-align:center;
       }
       #sevenblock .txt {
           max-width:9999px;
           padding-bottom:20px;
       }
       #sevenblock .count {
           text-align:left;
       }
       #eightblock {
           background-color:#3569c0;
           padding:60px 0;
       }
       #eightblock .h1 {
           font-size:48px;
           padding:0 0 15px 0;
           text-align:left;
       }
       #tenblock .count {
           padding:0 0 10px 0;
           text-align:left;
       }
       #tenblock .txt {
           padding-bottom:20px;
       }
       #elevenblock ul {
           margin-top:30px;
       }
       #elevenblock {
           padding:35px 0;
       }
       #twelveblock .col-lg-2 {
           height:auto !important;
           padding-bottom:10px;
       }
       #fourteenblock .col-lg-3 .bg {
           display:none;
       }
       #fourteenblock .block {
           padding: 30px 40px 0 40px;
       }
       #fourteenblock {
           padding-bottom:20px;
       }
       #lastblock {
           min-height:1px;
       }
       #lastblock .padding {
           padding: 14px 0 0 10px;
       }
       #lastblock .col-lg-4.seth.col-md-5 {
           height:auto !important;
       }
       #footer .col-lg-2 {
           padding-bottom:10px;
       }
       #footer {
           font-size:14px;
           line-height:20px;
           text-align:center;
       }
   
   
   }
   
   @media (max-width: 768px) {
       #header #topmenu {
           height:auto;
           margin:0;
           padding:20px 0;
       }
       #header #topmenu li {
           list-style:none;
           padding:0 20px;
           border-bottom:1px solid #dfdfdf;
           text-align:center;
       }
       #header #topmenu li:last-child {
           border:0;
       }
       #header #topmenu li a {
           font-size:18px;
           font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
           color:#0079cd;
           line-height:50px;
       }
   
       #header {
           height:76px;
       }
       #header .container {
           position: fixed;
           width: 100%;
           top: 0;
           background-color: #fff;
           z-index: 22;
       }
       #header #logo {
           height:auto;
       }
   
       #firstblock {
           background-color:#000000;
           height:auto;
       }
       #firstblock .head {
           font-size:18px;
           line-height:24px;
           padding:40px 0 10px 0;
       }
       #firstblock .subhead {
           color:#fff;
           font-size:16px;
           line-height:18px;
           padding:0 0 20px 0;
       }
       #firstblock .btn {
           height:55px;
           line-height:55px;
           font-size:12px;
           margin:0 0 40px 0;
       }
       #fifthblock {
           background-color:#f3f3f3;
           color:#000;
   
           min-height:1px;
           height:auto;
       }
       #fifthblock .h1 {
           padding:45px 0 25px 0;
           font-size:16px;
           line-height:18px;
           color:#000;
       }
       #fifthblock .txt {
           padding:0 0 25px 0;
           color:#000;
           font-size:16px;
           line-height:18px;
       }
       #sixblock .block {
           height:auto !important;
           padding:40px 40px 20px 40px;
       }
       #sixblock .block:hover {
           padding:40px 40px 20px 40px;
       }
       #sixblock .btn {
           margin:30px 0 35px 0;
       }
       #twelveblock .col-lg-2 {
           padding-left:50px;
           padding-right:50px;
       }
       #thirteenblock {
           background-color:#3569c0;
           min-height:1px;
       }
       #thirteenblock .h1 {
           font-size:18px;
           line-height:24px;
           padding:45px 0 25px 0;
       }
       #thirteenblock .txt {
           font-size:16px;
           line-height:18px;
           padding:0 0 15px 0;
       }
       #thirteenblock .btn {
           font-size:13px;
           display:inline-block !important;
           margin:0 0 30px 0;
       }
       #fourteenblock .txt {
           padding:20px 0 10px 0;
       }
       #fourteenblock .block {
           padding:20px 40px 20px 40px;
       }
       .jcarousel-pagination {
           display:none !important;
       }
       #fifteenblock .block .right {
           margin:0;
       }
       #fifteenblock .block .txt {
           min-height:10px;
           padding-bottom:15px;
       }
       #fifteenblock .block {
           padding:40px 25px;
       }
       #fifteenblock .jcarousel-wrapper, #sixteenblock .jcarousel-wrapper {
           padding:0;
       }
       .jcarousel-control {
           height:55px;
           position:relative;
       }
       #fifteenblock .jcarousel-control-prev, #fifteenblock .jcarousel-control-next, #sixteenblock .jcarousel-control-prev, #sixteenblock .jcarousel-control-next {
           margin:0 -15px 0 0;
           top:auto;
           bottom:0;
           width: calc(49% + 15px);
           background-color:#000;
           height:55px;
           background-image:none;
           text-align:center;
       }
       #sixteenblock .jcarousel-control-prev, #sixteenblock .jcarousel-control-next {
           background-color:#e2e2e2;
       }
   
       #fifteenblock .jcarousel-control-prev, #sixteenblock .jcarousel-control-prev {
           margin:0 0 0 -15px;
       }
       #fifteenblock .jcarousel-control-prev:after, #sixteenblock .jcarousel-control-prev:after {
           content:" ";
           width:11px;
           height:24px;
           background: transparent url(../img/icon_arrows.png) no-repeat left top;
           display:block;
           margin:-7px auto 0 auto;
       }
       #fifteenblock .jcarousel-control-prev:hover:after, #sixteenblock .jcarousel-control-prev:hover:after {
           background-position: left bottom;
       }
       #fifteenblock .jcarousel-control-next:after, #sixteenblock .jcarousel-control-next:after {
           content:" ";
           width:11px;
           height:24px;
           background: transparent url(../img/icon_arrows.png) no-repeat right top;
           display:block;
           margin:-7px auto 0 auto;
       }
       #fifteenblock .jcarousel-control-next:hover:after, #sixteenblock .jcarousel-control-next:hover:after {
           background-position: right bottom;
       }
       #fifteenblock .jcarousel, #sixteenblock .jcarousel {
           margin:0 0 25px 0;
       }
       #sixteenblock .block {
           padding:30px 25px;
       }
       #lastblock .h1 {
           font-size:18px;
           line-height:24px;
           padding:35px 0 35px 0;
       }
       #lastblock .btn {
           margin:35px 0;
       }
       #menu .menu a {
           font-size:14px;
       }
   /*     #menu .menu li.active a {
           color:#1b78c9;
       } */
       #logo img {
           max-width:100%;
       }
       #logo {
               padding-bottom:10px !important;
       }
       #toTop {
           display:none !important;
       }
   
       .fancybox-wrap {
           top:0 !important;
           left:0 !important;
           width:100% !important;
           height:100% !important;
       }
       .fancybox-opened .fancybox-skin {
           padding:10px !important;
           height:100% !important;
           -webkit-transition: all 100ms ease-in;
           -moz-transition: all 100ms ease-in;
           -ms-transition: all 100ms ease-in;
           -o-transition: all 100ms ease-in;
           transition: all 100ms ease-in;
       }
       .fancybox-inner {
           width:auto !important;
           height:auto !important;
       }
       .fancybox-close {
           top:10px !important;
           right:10px !important;
       }
       #fancyform .head {
           max-width:999px !important;
       }
       /* #working .offset {
           padding:220px 0 0 0 !important;
       } */
       /* #working .offset img, #working .offset:nth-child(2) img {
           left:50%;
           margin-left:-105px;
           top:0;
           right:auto;
       } */
   
   }
   @media (max-width: 350px) {
       #header .icons a {
           margin-left:7px;
       }
   }
   
   
   
   #fancyform .head {
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
       max-width:310px;
       text-align:center;
       font-size:18px;
       line-height:24px;
       padding:15px 0 35px 0;
   }
   #fancyform .input {
       display:block;
       position:relative;
   }
   #fancyform input[type="text"], #fancyform input[type="tel"] {
       height:50px;
       line-height:50px;
       border:2px solid #a6a6a6;
       border-left-width: 50px;
       display:block;
       width:100%;
       padding:0 10px 0 20px;
       font-size:18px;
       outline:none;
       -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
       -ms-transition: all 100ms ease-in;
       -o-transition: all 100ms ease-in;
       transition: all 100ms ease-in;
   
       border-radius: 2px;
   }
   #fancyform input[type="text"]:focus, #fancyform input[type="tel"]:focus {
       border-color:#1b78c9;
   }
   
   #fancyform .input .icon {
       position:absolute;
       left:0;
       top:0;
       width:50px;
       height:50px;
       background:transparent url(../img/icons_form.png) no-repeat left top;
   }
   #fancyform .input .icon_mail {
       position:absolute;
       left:0;
       top:0;
       width:50px;
       height:50px;
       background:transparent url(../img/mail_icon.png) no-repeat center;
   }
   #fancyform .input.tel .icon {
       background-position: left bottom;
   }
   #fancyform .input.inp_mail .icon {
       background-position: left bottom;
   }
   #fancyform .att {
       color:#999999;
       font-size:14px;
       height:39px;
       line-height: 28px;
   }
   #fancyform .submit {
       padding:50px 0 0 0;
   }
   #fancyform .submit input {
       display:block;
       width:100%;
       text-align:center;
       font-size:14px;
       height:50px;
       line-height:48px;
   }
   
   
   #fancyform input.error {
       border-color:#f50057;
   }
   #fancyform .error.att {
       color:#f50057;
   }
   #fancyform input.success {
       border-color:#27d13f;
   }
   #fancyform .success.att {
       color:#27d13f;
   }
   
   
   #formsuccess .icon {
       background:transparent url(../img/icon_mail.gif) no-repeat center center;
       height:80px;
       margin:60px 0 45px 0;
   }
   #formsuccess .head {
       font-size:24px;
       text-align:center;
       font-family: 'proxima_nova_cn_rgbold', Helvetica, Arial, sans-serif;
   }
   #formsuccess .sub {
       font-size:18px;
       text-align:center;
       padding-bottom:50px;
       white-space:nowrap;
   }
   .tell-lang {
       display: flex;
       justify-content: flex-end;
   }