#containerWrap { position: relative; margin: 0 auto; min-height: 100%; }

.containerContent { position: relative; height: 100%; background-color:#fff; }
   .content_inner { height: 100%; position: relative; left: 0; overflow: hidden; z-index: 5; background-color: inherit; }

.wrapp { margin: 0 auto; padding: 0 74px; }
.wrapp-inner { margin: 0 auto; max-width: 1120px; }

@media all and (max-width: 1479px) {
   .wrapp { padding: 0 20px; }
}
@media all and (max-width: 1160px) {
   .wrapp-inner { padding-left: 20px; padding-right: 20px; }
}


/*====================================================
   mobile service
====================================================*/
@media all and (min-width: 1241px) {
   .menu-toggler, .containerMenu { display: none; }
}


/*====================================================
   header
====================================================*/
.header { background: #fff; border-bottom: 1px solid #b3b3b3; color: #4d4d4d; position: relative; height: 172px; z-index: 6; }
   .top-fix { position: relative; background: #fff; z-index: 9999; }
      .header-in { padding: 22px 0 21px; }

/*----- header-top : start -----*/
.header-top { display: table; width: 100%; table-layout: fixed; }
   .header-top > * { display: table-cell; vertical-align: middle; }

   /*--- logo ---*/
   .header .logo { padding: 0; width: 340px; }
      .header .logo > a, .header .logo > span { display: inline-block; vertical-align: middle; }
         .header .logo img { display: inline-block; vertical-align: top; width: 143px; height: auto; }
         .header .logo .logo-decipher { display: inline-block; vertical-align: top; margin-left: 17px; padding-top: 13px; color: #043646; font-family: "MuseoSansRegular"; font-size: 25px; line-height: 24px; }

   /*--- header-right ---*/
   .header-right { padding-left: 20px; text-align: right; font-family: 'robotoregular'; font-size: 16px; line-height: 100%; }
      .menu-box { display: inline-block; vertical-align: middle; text-align: center; }
      /*- top-menu -*/
      .top-menu { display: inline-block; vertical-align: middle; text-align: left; }
         .top-menu ul { display: inline-block; vertical-align: middle; margin: 0; padding: 0; list-style: none; font-size: 1px; line-height: 0; }
            .top-menu ul li { display: inline-block; vertical-align: top; margin: 0; padding: 0 23px; list-style: none; color: #043646; font-size: 16px; line-height: 100%; }
            .top-menu ul li.active, .top-menu ul li a:hover { color: #e56953; }
               .top-menu a { text-decoration: none; color: inherit; }
      /* top-contacts */
      .top-contacts { display: inline-block; vertical-align: middle; text-align: right; margin-left: 73px; color: #043646; }
         .top-contacts a { text-decoration: none; }
         .top-contacts .top-phone { display: inline-block; position: relative; color: inherit; margin-bottom: 6px; font-size: 21px; line-height: 100%; white-space: nowrap; }
         .top-contacts .top-btn, .top-contacts .top-btn * { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; cursor: pointer; }
         .top-contacts .top-btn { display: block; background: none; padding: 2px 3px; border: 1px solid #b3b3b3; border-radius: 30px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; overflow: hidden; }
            .top-contacts .top-btn > span { display: block; width: 100%; height: 30px; background-color: #e56953; border: 0; border-radius: inherit; padding: 0 13px; color: inherit; font-family: 'robotoregular'; font-size: 14px; line-height: 29px;  }
            .top-contacts .top-btn:hover { color: #fff; }
               .top-contacts .top-btn:hover > span { background-color: #000; }

@media all and (min-width: 1366px) and (max-width: 1540px) {
   .top-menu ul li { padding-left: 18px; padding-right: 18px; }
   .top-contacts { margin-left: 40px; }
}
@media all and (min-width: 1241px) and (max-width: 1365px) {
   .header .logo .logo-decipher { margin-left: 7px; }
   .top-menu ul li { padding-left: 12px; padding-right: 12px; }
   .top-contacts { margin-left: 35px; }
}
@media all and (max-width: 1240px) {
   .top-menu { display: none; }
   .top-contacts { margin-left: 0; }
      .top-contacts > *, .top-contacts .top-btn { display: inline-block; vertical-align: middle; }
      .top-contacts .top-phone { margin-bottom: 0; }
}
@media all and (min-width: 960px) and (max-width: 1240px) {
   .header { height: 165px; }
      .header-right { padding-right: 95px; }
         .top-contacts .top-phone { font-size: 30px; line-height: 100%; margin-top: 2px; margin-right: 21px; }
}
@media all and (max-width: 959px) {
   .top-contacts .top-btn { display: none; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .header { height: 105px; }
      .top-contacts .top-phone { margin-top: 6px; margin-right: 0; position: relative; }
}
@media all and (min-width: 800px) and (max-width: 959px) {
   .header-right { padding-right: 132px; }
      .top-contacts .top-phone { font-size: 30px; line-height: 100%; }
}
@media all and (min-width: 768px) and (max-width: 800px) {
   .header-right { padding-right: 95px; }
      .top-contacts .top-phone { font-size: 27px; line-height: 100%; }
}
@media all and (max-width: 767px) {
   .header { height: 60px; }
      .header-in { padding: 12px 0; }
         .header-top { display: block; }
            .header-top > * { display: inline-block; vertical-align: middle; }
            .header .logo { width: auto; }
               .header .logo img { width: 85px; height: auto; }
               .header .logo .logo-decipher { display: none; }
            .header .header-right { display: none; }
}
/*----- header-top : end -----*/

/*----- service-menu : start -----*/
.service-menu { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border-top: 1px solid #b3b3b3; }
   .service-menu ul { display: block; width: 100%; margin: 0; padding: 0; list-style: none; text-align: justify; position: relative; font-size: 1px; line-height: 0; }
      .service-menu ul:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; }
      .service-menu ul li { display: inline-block; vertical-align: middle; padding: 0 10px; height: 60px; text-align: center; color: #043646; font-family: 'robotomedium'; font-size: 21px; line-height: 60px; text-transform: uppercase; }
      .service-menu ul li:first-child { padding-left: 0; }
      .service-menu ul li:last-child { padding-right: 0; }
      .service-menu ul li.active, .service-menu ul li a:hover { color: #e56953; }
         .service-menu ul li > * { display: inline-block; vertical-align: middle; line-height: 100%; }
         .service-menu ul li a { color: inherit; text-decoration: none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }

@media all and (min-width: 1366px) and (max-width: 1540px) {
   .service-menu ul li { font-size: 18px; line-height: 58px; }
}
@media all and (min-width: 1241px) and (max-width: 1365px) {
   .service-menu ul li { font-size: 17px; line-height: 58px; }
}
@media all and (min-width: 960px) and (max-width: 1240px) {
   .service-menu ul li { font-size: 15px; line-height: 56px; }
}
@media all and (max-width: 959px) {
   .service-menu { display: none; }
}
/*----- service-menu : end -----*/

/*====================================================
   if top-fix is fixed
====================================================*/
.header-fixed .top-fix { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999; box-shadow: 0 10px 10px rgba(0,0,0,0.27); }

/* Animation */
@-webkit-keyframes slideDown {
   0% {-webkit-transform: translate3d(0,-150px,0); transform: translate3d(0,-150px,0);
   }
   100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
   }
}
@-moz-keyframes slideDown {
   0% {-moz-transform: translate3d(0,-150px,0); transform: translate3d(0,-150px,0);
   }
   100% {-moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
   }
}
@-ms-keyframes slideDown {
   0% {-ms-transform: translate3d(0,-150px,0); transform: translate3d(0,-150px,0);
   }
   100% {-ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
   }
}
@keyframes slideDown {
   0% {-webkit-transform: translate3d(0,-150px,0); transform: translate3d(0,-150px,0);
   }
   100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
   }
}

.header-fixed .top-fix, .header-fixed .toggler-menu { -webkit-animation-name: slideDown; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -moz-animation-name: slideDown; -moz-animation-duration: 0.5s; -moz-animation-iteration-count: 1; -ms-animation-name: slideDown; -ms-animation-duration: 0.5s; -ms-animation-iteration-count: 1; animation-name: slideDown; animation-duration: 0.5s; animation-iteration-count: 1; }

   /* .top-menu if top-fix is fixed  */
   .header-fixed .top-fix .top-menu, .fixed .top-fix .top-menu ul { width: 100%; }
      .header-fixed .top-fix .top-menu { padding-bottom: 12px; }
         .header-fixed .top-fix .top-menu ul { display: block; width: 100%; margin: 0; padding: 0; list-style: none; text-align: justify; position: relative; font-size: 1px; line-height: 0; }
            .header-fixed .top-fix .top-menu ul:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; }
            .header-fixed .top-fix .top-menu ul li { display: inline-block; vertical-align: middle; }
            .header-fixed .top-fix .top-menu ul li:first-child { padding-left: 0; }
            .header-fixed .top-fix .top-menu ul li:last-child { padding-right: 0; }

   /* .service-menu if top-fix is fixed  */
   .header-fixed .top-fix .service-menu { position: relative; background: none; top: auto; left: auto; width: auto; padding-top: 9px; }
      .header-fixed .top-fix .service-menu .wrapp { padding: 0 !important; }
         .header-fixed .top-fix .service-menu ul li { height: auto; padding: 0 34px; font-size: 16px; line-height: 100%; }
         .header-fixed .top-fix .service-menu ul li:first-child { padding-left: 0; }
         .header-fixed .top-fix .service-menu ul li:last-child { padding-right: 0; }

@media all and (min-width: 1366px) and (max-width: 1540px) {
   .header-fixed .top-fix .service-menu ul li { padding: 0 15px; }
}
@media all and (min-width: 1241px) and (max-width: 1365px) {
   .header-fixed .top-fix .service-menu ul li { padding: 0 12px; font-size: 14px; }
}
@media all and (min-width: 960px) and (max-width: 1240px) {
   .header-fixed .top-fix .service-menu { display: none !important; }
}


/*====================================================
   Base boxes
====================================================*/

/*--- content-inner : start ---*/
.content-inner { padding: 146px 0 66px; }
   .title-box { position: relative; padding-bottom: 85px; }
   .title-box.only-title h1, .title-box.only-title .h1 { margin-bottom: 0; }
      .left-columm { float: left; width: 47.2%; font-family: 'DINProLight'; }
      .title-box.only-title .left-columm { float: none; width: 100%; }
      .right-columm { float: right; width: 49.25%; padding-top: 27px; color: #8c8c8c; }
      .publicat .right-columm, .pg-reviews .right-columm { padding-top: 14px; }
      .pg-contacts .right-columm { padding-top: 40px; }
         .right-columm strong { color: #043646; }

@media all and (min-width: 960px) and (max-width: 1240px) {
   .content-inner { padding: 94px 0 60px; }
}
@media all and (max-width: 959px) {
   .left-columm, .right-columm { float: none; width: 100%; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .content-inner { padding: 70px 0 60px; }
      .title-box.only-title { padding-bottom: 60px; }
      .right-columm { padding-top: 70px; }
}
@media all and (max-width: 767px) {
   .content-inner { padding: 60px 0 40px; }
      .title-box { padding-bottom: 60px; }
      .title-box.only-title { padding-bottom: 55px; }
         .right-columm { padding-top: 50px; }
}
/*--- content-inner : end ---*/

/*--- .title : start ---*/
.title { margin: 0 0 30px; text-align: center; font-family: 'DINProRegular'; font-size: 50px; line-height: 116%; color: #4d4d4d; }
.mini-title { font-family: 'DINProLight'; font-size: 30px; line-height: 120%; text-align: center; text-transform: none; }
.tt { font-family: 'DINProRegular'; font-size: 30px; line-height: 110%; margin-bottom: 20px; }

@media all and (min-width: 1025px) and (max-width: 1240px) {
   .title { font-size: 68px; }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .title { font-size: 56px; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .title { font-size: 54px; }
}
@media all and (max-width: 767px) {
   .mini-title { font-size: 20px; }
   .tt { font-size: 24px; }
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .title { font-size: 40px; margin-bottom: 28px; }
}
@media all and (max-width: 480px) {
   .title { font-size: 34px; line-height: 110%; margin-bottom: 35px; }
}
/*--- .title : end ---*/

/*--- go-all : start ---*/
.go-all { text-align: center; }
   .go-all a { display: inline-block; vertical-align: top; position: relative; padding-left: 22px; color: inherit; font-size: 17px; line-height: 100%; text-decoration: underline; }
      .go-all a:hover { text-decoration: none; }
      .go-all a:before { display: block; content: ''; font-size: 0; position: absolute; top: 3px; left: 0; width: 12px; height: 12px; background: #fe745c; }

@media all and (max-width: 767px) {
   .go-all a { padding-left: 0; font-size: 18px; line-height: 120%; }
      .go-all a:before { display: none; }
}
/*--- go-all : start ---*/

/*--- inner-head-bg : start ---*/
.inner-head-bg { position: relative; display: table; width: 100%; min-height: 422px; text-align: center; z-index: 1; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }

   .inner-head-bg-img { display: block; position: absolute; top: -1px; bottom: -1px; left: 0; right: 0; z-index: 1; overflow: hidden; }
      .inner-head-bg-img img { display: block; position: absolute; top: 50%; left: 50%; width: auto !important; min-width: 100%; max-width: none !important; min-height: 100% !important; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }
      .inner-head-bg .wrapp { display: table-cell; vertical-align: middle; position: relative; z-index: 3; padding-top: 20px; padding-bottom: 20px; }
   /*new year style : start*/
   /*.inner-head-bg .wrapp { display: none; }*/
   /*new year style : end*/

   /*title*/
   .inner-head-title { z-index: 3; position: relative; color: #fff; }
      .inner-head-title h1, .inner-head-title .h1 { font-family: 'DINProBold'; font-size: 80px; color: #fff; margin: 0; }
      .inner-head-title h1 + div, .inner-head-title .h1 + div { padding-top: 11px; }
      .inner-head-title .trules { font-family: 'DINProRegular'; font-size: 28px; line-height: 100%; }
      .top-slider .btn-base-2 { font-family: 'robotoregular'; border: 2px solid #b3b3b3; padding: 2px; }
         .top-slider .btn-base-2 > span { font-size: 20px; }
            .top-slider .btn-base-2:hover > span { background-color: #fe745c; }
      .top-slider .inner-head-title .btn-base-2 { display: inline-block; vertical-align: top; position: relative; margin-top: 27px; width: auto; }
         .top-slider .inner-head-title .btn-base-2 > span { width: 284px; height: 56px; line-height: 58px; }
      .inner-head-in { margin: 0 auto; max-width: 1464px; position: relative; }
      /*logo (portfolio)*/
      .inner-head-logo { margin-bottom: 20px; }
         .inner-head-logo img { max-width: 30%; }
      /*arrow (portfolio)*/
      .inner-head-arrow { text-align: center; padding-top: 3%; }
         .inner-head-arrow .scroll-arrow { display: inline-block; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
      .inner-head-arrow .scroll-arrow:hover { -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
            .inner-head-arrow .svg-icon { stroke: #fff; }
            .inner-head-bg-portfolio-light .inner-head-arrow .svg-icon { stroke: #033545; }

/* Hang */
@-webkit-keyframes hang {
   50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); }
}
@keyframes hang {
   50% { -webkit-transform: translateY(3px); transform: translateY(3px);
   }
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); }
}

@media all and (min-width: 871px) and (max-width: 1240px) {
   .inner-head-bg { min-height: 400px; }
      .inner-head-title h1, .inner-head-title .h1 { font-size: 76px; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .inner-head-bg { min-height: 380px; }
      .inner-head-title h1, .inner-head-title .h1 { font-size: 66px; }
}
@media all and (max-width: 767px) {
   .inner-head-bg { min-height: 300px; }
      .inner-head-title h1, .inner-head-title .h1 { font-size: 36px; line-height: 100%; }
      .inner-head-title h1 + div, .inner-head-title .h1 + div { padding-top: 20px; }
      .inner-head-title .trules { font-size: 21px; line-height: 112%; }
}
@media all and (min-width: 640px) and (max-width: 870px) {
   .inner-head-arrow {padding-top: 30px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .inner-head-logo img {max-width: 35%;}
   .inner-head-arrow {padding-top: 25px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .inner-head-logo img {max-width: 50%;}
   .inner-head-arrow {padding-top: 20px;}
}
@media all and (max-width: 375px) {
   .inner-head-logo img {max-width: 60%;}
   .inner-head-arrow {padding-top: 25px;}
}
/*--- inner-head-bg : end ---*/


/*====================================================
   Main page blocks
====================================================*/

/*--- top-slider : start (OLD slider - Slider.Main2.html) ---*/
.top-slider { position: relative; }
   .top-slider .inner-head-bg { height: 620px; }
      .top-slider .this-graph { position: absolute; bottom: 70px; right: 0; width: auto; padding-left: 500px; z-index: 10; }
         .top-slider .this-graph .about-this-result { background-color: #fe745c; }
            .top-slider .this-graph .process-graph { background-image: url(../i/process-graph-red.png); background-position: 100% 100%; }
            .top-slider .this-graph .about-this-graph .ab-index { font-size: 25px; }

   /* slick slider */
   .main-top-slider:not(.slick-initialized) .top-slide-item { display: none; }
   .main-top-slider:not(.slick-initialized) .top-slide-item:first-child { display: block !important; }
   .top-slider .slick-dots { position: absolute; left: 0; bottom: 25px; width: 100%; }
      .top-slider .slick-dots li button { border-color: #fff;  }
      .top-slider .slick-dots li:hover button, .top-slider .slick-dots .slick-active button { background-color: #fff; border-color: #fff; }

@media all and (min-width: 1241px) {
   .top-slider .inner-head-title { max-width: 800px; text-align: left; }
      .top-slider .inner-head-title h1 + div, .top-slider .inner-head-title .h1 + div { padding-top: 23px; }
}
@media all and (min-width: 1241px) and (max-width: 1380px) {
   .top-slider .this-graph { padding-left: 420px; }
}
@media all and (max-width: 1240px) {
   .top-slider .inner-head-title .btn-base-2, .top-slider .this-graph { display: none; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .top-slider .inner-head-bg { height: 450px; }
   .top-slider .slick-dots { bottom: 10px; }
}
@media all and (max-width: 767px) {
   .top-slider .inner-head-bg { height: 305px; }
   .top-slider .slick-dots { bottom: 10px; }
}

/*new year style : start*/
/*.top-slider .inner-head-bg {display: block;  height: auto !important; }
.top-slider .inner-head-bg-img {position: relative; height: auto;}
.top-slider .inner-head-bg-img img {position: relative; top: auto; left: auto; width: 100% !important; max-width: 100% !important; min-height: 0 !important; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}*/
/*new year style : end*/

/*--- top-slider : end ---*/

/*--- main-visual : start ---*/
.main-visual {position: relative;}
   .main-visual-video {position: absolute; top: 0; left: 50%; width: auto; height: 620px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness"); /* Firefox 3.5+ */
    -webkit-filter:brightness(108.5%); /* Chrome 19+ & Safari 6+ */}
      .main-visual-video video {width: auto; height: 100%;}
   .main-visual-slider {position: relative; z-index: 2;}
      .main-visual-slider .slick-list { max-width: 1280px; margin: 0 auto; }
         .main-visual-slider-item {height: auto; min-height: 620px; padding: 90px 0;  max-width: 1280px; margin: 0 auto; position: relative; font-family: 'DINProBlack'; line-height: 1; color: #202020;}
         .main-visual-slider:not(.slick-initialized) .main-visual-slider-item:not(:first-child) {display: none;}
            .main-visual-slider-client {margin-bottom: 10px; font-size: 65px; text-transform: uppercase;}
            .main-visual-slider-conception {margin-bottom: 20px; font-family: 'DINProMedium'; font-size: 28px; line-height: 1.1;}
            .main-visual-slider-feat {}
               .main-visual-slider-feat-num {font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; margin-left: -0.8%; white-space: nowrap;}
                  .main-visual-slider-feat-num span {font-size: 220px; line-height: 0.85;}
                  .main-visual-slider-feat-num-plus {display: inline-block; font-family: 'DINProLight';}
               .main-visual-slider-feat-text {display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 50px; line-height: 1;}
            .main-visual-slider-button {position: absolute; bottom: 40px; left: 0; right: 0;}
               .main-visual-slider-button .btn {width: 300px; max-width: 100%; height: 62px; line-height: 58px; background: #5e89fb; border-radius: 2em; border: 0; font-family: 'robotoregular'; font-size: 20px; color: #fff; text-transform: uppercase;}
               .main-visual-slider-button .btn:hover {background: #ff4c68;}
      .main-visual-slider .slick-arrow {width: 48px; height: 88px;}
      .main-visual-slider .slick-prev {left: 0;}
      .main-visual-slider .slick-next {right: 0;}
         .main-visual-slider .slick-arrow:before, .main-visual-slider .slick-arrow:after {  width: 63px; height: 4px; border-radius: 2px; }
         .main-visual-slider .slick-prev:before, .main-visual-slider .slick-next:before { top: 21px; }
         .main-visual-slider .slick-prev:after, .main-visual-slider .slick-next:after { bottom: 21px; }
      .main-visual-slider .slick-dots {position: absolute; bottom: 40px; left: 0; width: 100%; margin: 0;}

@media all and (min-width: 1280px) and (max-width: 1366px)  {
   .main-visual-slider-client {font-size: 58px;}
   .main-visual-slider-feat-num span {font-size: 200px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px)  {
   .main-visual-video {height: 580px;}
   .main-visual-slider-item {min-height: 580px;}
      .main-visual-slider-client {font-size: 52px;}
      .main-visual-slider-conception {font-size: 26px;}
      .main-visual-slider-feat-num span {font-size: 160px;}
      .main-visual-slider-feat-text {font-size: 45px;}
}
@media all and (min-width: 960px) and (max-width: 1024px)  {
   .main-visual-video {height: 520px;}
   .main-visual-slider-item {min-height: 520px;}
      .main-visual-slider-client {font-size: 46px;}
      .main-visual-slider-conception {font-size: 24px;}
      .main-visual-slider-feat-num span {font-size: 120px;}
      .main-visual-slider-feat-text {font-size: 40px;}
}
@media all and (max-width: 959px) {
   .main-visual-video {height: 450px;}
   .main-visual-slider-item {min-height: 450px; padding: 60px 0;}
      .main-visual-slider-button {bottom: 60px;}
   .main-visual-slider .slick-dots {bottom: 25px;}
}
@media all and (min-width: 768px) and (max-width: 959px)  {
   .main-visual-slider-client {font-size: 40px;}
   .main-visual-slider-conception {font-size: 22px;}
   .main-visual-slider-feat-num span {font-size: 100px;}
   .main-visual-slider-feat-text {font-size: 35px;}
}
@media all and (max-width: 767px) {
   .main-visual-video {height: 320px; -webkit-transform: translateX(-64%); transform: translateX(-64%);}
   .main-visual-slider-item {text-align: center;}
      .main-visual-slider-feat-num {margin-bottom: 5px; margin-left: 0;}
      .main-visual-slider-feat-text {display: block; margin-bottom: 40px;}
      .main-visual-slider-button {position: relative; bottom: auto;}
}
@media all and (min-width: 640px) and (max-width: 767px)  {
   .main-visual-slider-item {min-height: 480px;}
      .main-visual-slider-client {font-size: 36px;}
      .main-visual-slider-conception {font-size: 20px;}
      .main-visual-slider-feat-num span {font-size: 90px;}
      .main-visual-slider-feat-text {font-size: 32px;}
}
@media all and (min-width: 481px) and (max-width: 639px)  {
   .main-visual-slider-client {font-size: 32px;}
   .main-visual-slider-conception {font-size: 18px;}
   .main-visual-slider-feat-num span {font-size: 80px;}
   .main-visual-slider-feat-text {font-size: 28px;}
}
@media all and (max-width: 480px) {
   .main-visual-video {height: 260px; top: 5%;}
   .main-visual-slider-item {min-height: 380px; padding: 40px 0 60px;}
      .main-visual-slider-button .btn {height: 38px; line-height: 36px; width: 205px; font-size: 14px;}
      .touchevents .main-visual-slider-button .btn {line-height: 42px;}
}
@media all and (min-width: 376px) and (max-width: 480px)  {
   .main-visual-slider-client {font-size: 28px;}
   .main-visual-slider-conception {font-size: 16px;}
   .main-visual-slider-feat-num span {font-size: 70px;}
   .main-visual-slider-feat-text {font-size: 24px;}
}
@media all and (max-width: 375px)  {
   .main-visual-video {height: 220px; top: 10%;}
   .main-visual-slider-item {min-height: 360px;}
      .main-visual-slider-client {font-size: 24px;}
      .main-visual-slider-conception {font-size: 14px;}
      .main-visual-slider-feat-num span {font-size: 60px;}
      .main-visual-slider-feat-text {font-size: 22px;}
}

/*--- main-visual : end ---*/

/*--- about-this : start ---*/
#about-top-main { position: relative; display: none; }
   /* slick slider */
   .about-top-main-slider:not(.slick-initialized) .about-this { display: none; }
   .about-top-main-slider:not(.slick-initialized) .about-this:first-child { display: block !important; }
/*--- about-this : end ---*/

/*--- indicators : start ---*/
.indicators { background: #fe745c; }
   .box-indicats { text-align: justify; position: relative; max-width: 1424px; margin: 0 auto; }
      .box-indicats-in { display: table; width: 100%; height: 160px; table-layout: fixed; }
      .it-indicator { display: table-cell; vertical-align: middle; color: #fff; font-family: 'robotoregular'; font-size: 46px; line-height: 100%; text-align: center; }
         .it-indicator > div { display: inline-block; vertical-align: middle; text-align: center; }
      .it-indicator:first-child { text-align: left; }
      .it-indicator:last-child { text-align: right; }
          .it-indicator .tt { color: #043646; font-family: 'robotomedium'; font-size: 17px; line-height: 100%; padding-bottom: 0px; text-transform: uppercase; }

@media all and (max-width: 1240px) {
   .indicators { display: none; }
}
/*--- indicators : end ---*/

/*--- main-page-title : start ---*/
.main-page-title {background: #ededed; padding-top: 60px;}
   .main-page-title-in {margin: 0 auto; max-width: 1210px;}
      .main-page-title h1, .main-page-title .h1 { font-size: 70px; line-height: 90%; text-align: center; margin-bottom: 0; }

@media all and (min-width: 768px) and (max-width: 1240px) {
   .main-page-title h1, .main-page-title .h1 { font-size: 46px; line-height: 98%;}
}
@media all and (max-width: 767px) {
   .main-page-title {padding-top: 40px;}
   .main-page-title h1, .main-page-title .h1 { font-family: 'DINProBold'; font-size: 27px; line-height: 110%; }
}
/*--- main-page-title : end ---*/

/*--- services-list : start ---*/
.services-list-wrapper {background: #ededed; padding: 60px 0 90px;}
   .services-list-in {max-width: 1420px; margin: 0 auto;}
      .services-list {margin-left: -20px; font-size: 0; line-height: 0;}
         .services-list-item {display: inline-block; vertical-align: top; padding-left: 20px; margin-bottom: 20px; }
            .services-list-item-in {background: #fff; padding: 40px 20px 130px 25px; height: 100%; position: relative; font-family: 'DINProRegular'; font-size: 20px; line-height: 1.6; color: #4D4D4D;-webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .no-touchevents .services-list-item-in:hover {box-shadow: 0 10px 40px rgba(0,0,0,.2);}
               .services-list-item-top {height: 100px;}
                  .services-list-item-icon {float: left; width: 64px; height: 64px; border: 2px solid #fd735b; border-radius: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
                  .flexbox .services-list-item-icon {padding-left: 1px;}
                  .no-flexbox .services-list-item-icon {line-height: 55px;}
                  .no-flexbox .services-list-item:nth-child(3) .services-list-item-icon {width: 62px; height: 62px;}
                     .services-list-item-icon svg {vertical-align: middle;}
                        .services-list-item-icon .svg-fill {fill: #043646;}
                        .services-list-item-in:hover .services-list-item-icon .svg-fill {fill: #fd735b;}
                  .services-list-item-title {padding-left: 85px; font-family: 'DINProMedium'; font-size: 26px; line-height: 1; color: #033545;}
               .services-list-item-text {margin-bottom: 20px;}
                  .services-list-item-text p {padding-bottom: 0;}
               .services-list-item-button {position: absolute; bottom: 55px; left: 0; right: 0; text-align: center;}
                  .services-list-item-button .btn-base > span {width: 240px; height: 55px; line-height: 55px; font-size: 19px;}

@media all and (min-width: 768px) {
   .services-list {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
}
@media all and (min-width: 1241px)  {
   .services-list-item {width: 25%;}
}
@media all and (min-width: 1241px) and (max-width: 1366px) {
   .services-list-item-title {padding-left: 75px; font-size: 24px;}
}
@media all and (min-width: 1025px) and (max-width: 1240px) {
   .flexbox .services-list-item-title {height: 64px; padding-left: 20px; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .services-list-wrapper {padding: 50px 0 60px;}
      .services-list-item {width: 50%;}
}
@media all and (max-width: 767px) {
   .services-list-wrapper {padding: 40px 0 60px;}
      .services-list-item-text {line-height: 1.3;}
      .services-list-slider .slick-track {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
         .services-list-slider .slick-slide {float: none; height: auto;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .services-list-item-title {padding-left: 75px; font-size: 24px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .flexbox .services-list-item-title {height: 64px; padding-left: 20px; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
}
@media all and (max-width: 375px) {
   .services-list-wrapper .wrapp {padding: 0;}
      .services-list {margin-left: 0;}
         .services-list-item {padding-left: 0;}
            .services-list-item-in {padding: 40px 15px 100px 20px;}
            .no-flexbox .services-list-item-in {background: red;}
               .services-list-item-button {bottom: 30px;}
}
/*--- services-list : end ---*/

/*--- promo-options : start ---*/
.promo-options { padding: 122px 0 111px; }
   .promo-options-in { margin: 0 auto; max-width: 1210px; }
      .promo-options-left { float: left; width: 55.373%; padding-top: 35px; font-size: 22px; line-height: 164%; }
      .promo-options-right { float: right; width: 40.497%; }
         .rating-box { background: #d8d8d8; }
            .rating-box-head { background: #043646; padding: 15px 10px 23px; color: #fff; font-family: 'DINProMedium'; font-size: 26px; line-height: 100%; text-align: center; }
               .rating-box-head span { color: #fe745c; }
            .rating-box-cont { position: relative; padding: 28px 30px 40px; }
               .rating-item { position: relative; }
                  .rating-link { margin-bottom: 16px; padding: 0 50px; text-align: center; }
                     .rating-link a { display: inline-block; vertical-align: top; padding: 7px 15px 15px; min-width: 270px; background: #fff; border: 1px solid #fe745c; border-radius: 40px; color: #043646; font-family: 'DINProMedium'; font-size: 24px; line-height: 100%; text-decoration: underline; }
                  .rating-item table { width: 100%; border: 0; }
                     .rating-item table td { border: 0; font-size: 19px; line-height: 110%; padding-top: 9px; padding-bottom: 10px; }
                     .rating-item table tr:nth-child(2n+1) td { background-color: #fff; }
                     .rating-item table tr:nth-child(2n) td { background-color: #ececec; }
                     .rating-item table td:first-child { padding-left: 30px; padding-right: 0; text-align: left; }
                     .rating-item table td:last-child { padding-left: 20px; padding-right: 30px; text-align: right; }
         /* slick slider */
         .rating-slider:not(.slick-initialized) .rating-item { display: none; }
         .rating-slider:not(.slick-initialized) .rating-item:first-child { display: block !important; }
         .rating-slider .slick-prev, .rating-slider .slick-next { width: 41px; height: 41px; border-radius: 50%; background: #c3c3c3; top: 7px; -webkit-transform: none; transform: none; }
            .rating-slider .slick-prev:hover, .rating-slider .slick-next:hover { background-color: #969696; }
            .rating-slider .slick-prev { left: 0; }
            .rating-slider .slick-next { right: 0; }
               .rating-slider .slick-prev:before, .rating-slider .slick-next:before, .rating-slider .slick-prev:after, .rating-slider .slick-next:after { display: block; content: ''; font-size: 0; line-height: 0; position: absolute;  width: 20px; height: 2px; background: #fff; }
               .rating-slider .slick-prev:before, .rating-slider .slick-next:before { top: 13px; }
               .rating-slider .slick-prev:after, .rating-slider .slick-next:after { bottom: 13px; }
               .rating-slider .slick-prev:before, .rating-slider .slick-prev:after { right: 13px; }
               .rating-slider .slick-next:before, .rating-slider .slick-next:after { left: 13px; }
               .rating-slider .slick-prev:before, .rating-slider .slick-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
               .rating-slider .slick-prev:after, .rating-slider .slick-next:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

@media all and (min-width: 871px) and (max-width: 1240px) {
   .promo-options { padding-top: 80px; padding-bottom: 82px; }
      .promo-options-left { width: 39%; padding-top: 0; font-size: 18px; line-height: 156%; }
      .promo-options-right { width: 56%; }
}
@media all and (max-width: 870px) {
   .promo-options { padding-top: 50px; padding-bottom: 50px; }
      .promo-options-left, .promo-options-right { float: none; width: 100%; }
      .promo-options-left { padding-top: 0; font-size: 16px; line-height: 140%; }
      .promo-options-right { padding-top: 30px; }
         .rating-box-head { font-size: 28px; line-height: 130%; padding-top: 10px; padding-bottom: 15px; }
         .rating-link a { min-width: 160px; }
}
@media all and (max-width: 767px) {
   .rating-box-cont { position: relative; }
      .rating-link a { padding: 6px 10px 9px; font-size: 18px; line-height: 100%; }
      .rating-item table td:first-child { padding-left: 12px; }
      .rating-item table td:last-child { padding-left: 10px; padding-right: 12px; }
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .rating-link { padding: 0 50px; }
}
@media all and (min-width: 376px) and (max-width: 767px) {
   .rating-link { margin-bottom: 25px; }
   .rating-slider .slick-prev, .rating-slider .slick-next { top: -3px; }
}
@media all and (max-width: 480px) {
   .rating-box-cont { padding: 20px 10px 15px; }
}
@media all and (max-width: 375px) {
   .rating-link { margin-bottom: 30px; padding: 43px 0 0; }
   .rating-slider .slick-prev, .rating-slider .slick-next { top: 0; }
}
/*--- promo-options : end ---*/

/*--- all-promotions : start ---*/
.all-promotions { background: #ededed; padding: 83px 0 60px; }
   .all-promotions .title { margin-bottom: 46px; }
   .all-promotions-in { margin: 0 auto; padding: 0 68px; max-width: 1642px; position: relative; }
      .promo-cell { padding: 0 50px; }
      .no-touch .promo-cell { padding-bottom: 30px; }
         /* promo-cell-name */
         .promo-cell-name { position: relative; margin-bottom: 47px; padding-top: 14px; padding-left: 70px; font-family: 'DINProRegular'; font-size: 40px; line-height: 100%; }
            .promo-cell-name:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-color: #fe745c; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 75% auto; background-size: 75% auto; }
            .var-p-1 .promo-cell-name:before { background-image: url(../i/icons/icon-15.svg); }
         .var-p-2 .promo-cell-name:before { background-image: url(../i/icons/icon-18.svg); }
            .var-p-3 .promo-cell-name:before { background-image: url(../i/icons/icon-16.svg); }
         .var-p-4 .promo-cell-name:before { background-image: url(../i/icons/icon-19.svg); }
         .var-p-5 .promo-cell-name:before { background-image: url(../i/icons/icon-20.svg); }
         .var-p-6 .promo-cell-name:before { background-image: url(../i/icons/icon-21.svg); }
         /* promo-cell-inf */
         .promo-cell-inf { background: #fff; padding: 0 20px; font-size: 27px; line-height: 134%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
            .no-touch .promo-cell-inf:hover { box-shadow: 0 0 30px rgba(0,0,0,0.15); }
            .promo-cell-inf > div { position: relative; padding: 37px 0 178px; }
               /* promo-cell-inf-base */
               .promo-cell-inf-base { padding: 0 2.9%; }
                  .promo-cell-inf-tt { position: relative; margin-bottom: 30px; padding-left: 60px; font-family: 'DINProBold'; font-size: 28px; line-height: 100%; }
                     .promo-cell-inf-tt:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: -6px; left: 0; width: 41px; height: 41px; background: url(../i/icons/icon-ok.svg) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain;}
                  .promo-cell ul { display: block; margin: 0; padding: 0 0 0 5px; list-style: none; }
                     .promo-cell-inf ul li { display: block; position: relative; margin: 0 0 24px; padding: 0 0 0 30px; }
                        .promo-cell-inf ul li:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 13px; left: 0; width: 11px; height: 11px; background: #fe745c; }
               /* promo-cell-inf-bot */
               .promo-cell-inf-bot { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 155px; padding-left: inherit; padding-right: inherit; background: none; border-top: 3px solid #ededed; color: #4d4d4d; font-family: 'DINProLight'; font-size: 18px; line-height: 152px; }
                  .promo-cell-inf-bot > * { display: inline-block; vertical-align: middle; line-height: 120%; }
                  .promo-cell-inf-bot .btn-base { width: 47%; margin-right: 5.5%; }
                     .promo-cell-inf-bot .btn-base > span { width: 100%; max-width: none; height: 57px; font-size: 14px; line-height: 58px; text-transform: uppercase; }
                        .promo-cell-inf-bot .btn-base > span > span { display: inline-block; vertical-align: middle; line-height: 116%; }
                  .promo-cell-inf-bot .this-comment { position: relative; width: 46%; padding-left: 80px; color: inherit; text-decoration: none; text-align: left; }
                     .promo-cell-inf-bot .this-comment:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 50%; left: 0; width: 63px; height: 63px; margin-top: -32px; border-radius: 50%; text-align: center; overflow: hidden; background: #6d94ff url(../i/icons/icon-5.svg) 50% 50% no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto; border: 2px solid #ededed; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; }
                        .promo-cell-inf-bot a.this-comment:hover:before { opacity: .7; }
      .all-promotions .go-all { padding-top: 40px; }
      /* slick slider */
      .all-promotions-slider:not(.slick-initialized):after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
      .all-promotions-slider:not(.slick-initialized) .promo-cell { display: none; width: 50%; float: left; }
      .all-promotions-slider:not(.slick-initialized) .promo-cell:first-child, .all-promotions-slider:not(.slick-initialized) .promo-cell:nth-child(2) { display: block !important; }
         .no-touch .all-promotions .slick-dots {margin-top: 10px;}
         .all-promotions .slick-prev { left: -68px; }
         .all-promotions .slick-next { right: -68px; }

@media all and (max-width: 1470px) {
   .all-promotions-in { padding-left: 30px; padding-right: 30px; }
      .promo-cell { padding-left: 13px; padding-right: 13px; }
      .all-promotions .slick-prev { left: -30px; }
      .all-promotions .slick-next { right: -30px; }
}
@media all and (min-width: 1241px) and (max-width: 1470px) {
   .promo-cell-name { font-size: 36px; line-height: 100%; margin-bottom: 30px; }
   .promo-cell-inf { font-size: 22px; line-height: 140%; }
      .promo-cell-inf ul li { margin-bottom: 15px; }
         .promo-cell-inf ul li:before { top: 9px; }
   .promo-cell-inf-bot .btn-base { width: 230px; margin-right: 17px; }
}
@media all and (max-width: 1240px) {
   .promo-cell-name { padding-top: 6px; padding-left: 40px; font-size: 23px; line-height: 120%; }
      .promo-cell-name:before { width: 29px; height: 29px; }
      .var-p-1 .promo-cell-name:before { -webkit-background-size: 21px auto; background-size: 21px auto; }
      .var-p-2 .promo-cell-name:before { -webkit-background-size: 21px auto; background-size: 21px auto; }
   .promo-cell-inf { font-size: 16px; line-height: 140%; }
      .promo-cell-inf-base { padding: 0; }
      .promo-cell-inf-tt { display: table; width: 100%; font-family: 'DINProBold'; font-size: 18px; line-height: 130%; padding-left: 36px; margin-bottom: 14px; }
         .promo-cell-inf-tt:before { width: 24px; height: 24px; top: 0; }
         .promo-cell-inf-tt > span { display: table-cell; vertical-align: middle; }
      .promo-cell-inf ul { padding-left: 4px; }
         .promo-cell-inf ul li { margin-bottom: 10px; padding-left: 18px; }
               .promo-cell-inf ul li:before { top: 7px; width: 6px; height: 6px; }
      .promo-cell-inf-bot { line-height: 100%; text-align: center; }
         .promo-cell-inf-bot .btn-base { display: block; margin: 0 auto 16px; width: 292px; max-width: 100%; }
            .promo-cell-inf-bot .btn-base > span { height: 47px; line-height: 48px; }
         .promo-cell-inf-bot .this-comment { display: inline-block; vertical-align: top; width: auto; padding-left: 50px; font-size: 14px; line-height: 120%; }
            .promo-cell-inf-bot .this-comment:before { top: 2px; margin: 0; width: 37px; height: 37px; -webkit-background-size: 15px auto; background-size: 15px auto; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .all-promotions { padding-top: 62px; padding-bottom: 65px; }
      .all-promotions .title { margin-bottom: 46px; }
      .promo-cell-name { margin-bottom: 25px; }
      .promo-cell-inf { padding: 0 30px; }
         .promo-cell-inf > div { padding: 20px 0 180px; }
            .promo-cell-inf-bot { height: 170px; padding-top: 20px; }
               .promo-cell-inf-bot .btn-base > span { font-size: 13px; }
                  .promo-cell-inf-bot .btn-base > span > span { line-height: 122%; }
}
@media all and (max-width: 767px) {
   .all-promotions { padding-top: 36px; padding-bottom: 40px; }
      .all-promotions .title { font-family: 'DINProBold'; font-size: 28px; line-height: 116%; margin-bottom: 0; }
      .all-promotions-in { padding: 85px 0 0; }
         .promo-cell { padding-left: 0; padding-right: 0; }
            .promo-cell-name { margin-bottom: 10px; }
            .promo-cell-inf { padding: 25px 20px 0; }
               .promo-cell-inf > div { padding: 0 0 175px; }
                  .promo-cell-inf-base { padding-bottom: 10px; }
                  .promo-cell-inf-bot { height: 165px; padding-top: 15px; }
                     .promo-cell-inf-bot .btn-base > span { font-size: 12px; }
                           .promo-cell-inf-bot .btn-base > span > span { line-height: 136%; }
         .all-promotions .go-all { padding-top: 20px; }       
         /* slick slider */
         .all-promotions-slider:not(.slick-initialized) .promo-cell { float: none; width: 100%; }
         .all-promotions-slider:not(.slick-initialized) .promo-cell:nth-child(2) { display: none !important; }
         .all-promotions .slick-slider { padding-bottom: 0; }
            .all-promotions .slick-prev, .all-promotions .slick-next { top: -72px; -webkit-transform: none; transform: none; }
            .all-promotions .slick-prev { left: 0; }
            .all-promotions .slick-next { right: 0; }
}
/*--- all-promotions : end ---*/

/*--- no-problem : start ---*/
.no-problem { background: #043646; padding: 139px 0 87px; color: #fff; font-family: 'robotoregular'; font-size: 16px; line-height: 148%; }
   .no-problem-in { margin: 0 auto; max-width: 850px; text-align: center; }
      .no-problem-head { margin-bottom: 40px; }
         .w-zero { display: inline-block; vertical-align: top; position: relative; max-width: 600px; padding-left: 190px; text-align: left; }
            .w-zero:before { display: block; content: ''; font-size: 0; position: absolute; top: -33px; left: 0; width: 157px; height: 158px; background: url(../i/no-problem.png) 50% 50% no-repeat; -webkit-background-size: contain; background-size: contain; border-radius: 50%; overflow: hidden; }
            .no-problem-title { font-family: 'DINProRegular'; font-size: 50px; line-height: 100%; margin-bottom: 13px; }
            .no-problem-bold { font-family: 'robotomedium'; font-size: 20px; line-height: 120%; margin-bottom: 1px; }
      .no-problem-form { font-size: 0; line-height: 0; text-align: center; }
         .no-problem-form input[type="text"], .no-problem-form input[type="name"], .no-problem-form input[type="email"], .no-problem-form input[type="url"], .no-problem-form  input[type="tel"] { display: inline-block; vertical-align: top; width: 48.825%; margin: 0 0 49px 2.35%; }
         .no-problem-form input:first-child { margin-left: 0 !important; }
         .no-problem-form .btn-base { display: inline-block; vertical-align: top; border-width: 2px; }
            .no-problem-form .btn-base > span, .no-problem-form .btn-base input[type="submit"], .no-problem-form .btn-base button { width: auto; width: 234px; font-size: 20px; text-transform: none; }
         .no-problem-form .form-comment { padding-top: 28px; }

@media all and (min-width: 768px) and (max-width: 1240px) {
   .no-problem { padding-top: 129px; padding-bottom: 87px; }
      .no-problem-in { max-width: 684px; }
}
@media all and (max-width: 767px) {
   .no-problem { padding-top: 42px; padding-bottom: 38px; }
      .no-problem-in { max-width: 596px; }
         .no-problem-head { margin-bottom: 30px; }
            .w-zero { max-width: 370px; padding: 151px 0 0; text-align: center; }
               .w-zero:before { top: 0; left: 50%; margin-left: -62px; width: 124px; height: 125px; }
               .no-problem-title { font-family: 'DINProBold'; font-size: 28px; line-height: 100%; margin-bottom: 0px; }
               .no-problem-bold { margin-bottom: 2px; }
         .no-problem-form input[type="text"], .no-problem-form input[type="name"], .no-problem-form input[type="email"], .no-problem-form input[type="url"], .no-problem-form  input[type="tel"] { display: block; width: 100%; margin: 0 0 20px; }
         .no-problem-form .btn-base { position: relative; margin-top: 5px; }
            .no-problem-form .btn-base > span, .no-problem-form .btn-base input[type="submit"], .no-problem-form .btn-base button { text-transform: uppercase; }
}
/*--- no-problem : end ---*/

/*--- showcase : start ---*/
.showcase { background: #fff; padding: 88px 0 72px; }
   .showcase .title { margin-bottom: 69px; }
   .showcase-wrapper { position: relative; width: 100%; height: 527px; overflow: hidden; }
      .it-showcase { display: block; position: absolute; overflow: hidden; text-decoration: none; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
      .sc-1 { top: 0; left: 0; width: 20.7%; height: 254px; background-position: 100% 0; }
      .sc-2 { bottom: 0; left: 0; width: 20.7%; height: 254px; background-position: 100% 0; }
      .sc-3 { top: 0; left: 21.78%; width: 42.65%; height: 100%; background-position: 50% 0; }
      .sc-4 { top: 0; left: 65.55%; width: 20.85%; height: 100%; background-position: 0 0; }
      .sc-5 { top: 0; right: 0; width: 12.5%; height: 100%; background-position: 0 0; }
         .specific { display: block; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: rgba(0,0,0,0.65); width: 100%; color: #fff; font-family: 'robotoregular'; font-size: 14px; line-height: 120%; padding: 16px 15px 0; }
            .specific .nm-site { font-weight: bold; }
            .specific .time-site span { font-size: 35px; font-weight: normal; }
            .specific .tabs { display: table; width: 100%; }
               .specific .t-row { display: table-row; }
                  .specific .t-col { display: table-cell; vertical-align: middle; padding-bottom: 7px; }
            .specific .hr { display: inline-block; width: 66px; height: 8px; background-color: #00FFFF; }
            .specific .btn-mini { width: 92px; min-width: 1px; padding: 0; position: absolute; top: 45px; right: 13px; }
         .sc-1 .specific, .sc-2 .specific { height: 100%; left: 0; }
         .sc-4 .specific, .sc-5 .specific { height: 100%; right: 0; }
         .sc-3 .specific { height: 55%; bottom: 0; font-size: 16px; line-height: 120%; }
            .sc-1 .specific .nm-site, .sc-2 .specific .nm-site,
            .sc-4 .specific .nm-site, .sc-5 .specific .nm-site { font-size: 16px; line-height: 100%; margin-bottom: 40px; }
            .sc-3 .specific .nm-site { font-size: 26px; line-height: 100%; margin-bottom: 34px; }
            .sc-1 .specific .time-site, .sc-2 .specific .time-site,
            .sc-4 .specific .time-site, .sc-5 .specific .time-site { margin-bottom: 20px; }
            .sc-3 .specific .time-site { float: right; width: 25%; border-left: 1px solid #fff; text-align: center; padding-left: 20px; line-height: 200%; }
            .sc-3 .specific .tabs { float: left; width: 75%; }
            .sc-1 .specific .t-col:last-child, .sc-2 .specific .t-col:last-child, .sc-4 .specific .t-col:last-child, .sc-5 .specific .t-col:last-child { text-align: right; }
            .sc-3 .specific .t-col:nth-child(2) { text-align: center; padding-right: 17px; }
            .sc-3 .specific .btn-mini { top: 20px; }
         /* Animation */
         .sc-1 .specific, .sc-2 .specific { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
         .sc-4 .specific, .sc-5 .specific { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
         .sc-3 .specific { -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
            .sc-1:hover .specific, .sc-2:hover .specific, .sc-3:hover .specific, .sc-4:hover .specific, .sc-5:hover .specific { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

   .showcase .go-all { padding-top: 43px; }

@media all and (min-width: 1721px) {
   .sc-1 .specific .nm-site, .sc-2 .specific .nm-site { margin-bottom: 30px; }
   .sc-1 .specific .btn-mini, .sc-2 .specific .btn-mini { top: 35px; }
}
@media all and (max-width: 1720px) {
   .it-showcase.sc-5 { display: none; }
}
@media all and (min-width: 1241px) and (max-width: 1720px) {
   .sc-1, .sc-2 { width: 33%; }
   .sc-3 { left: 34.08%; }
   .sc-4 { width: 22.19%; left: auto; right: 0; }
      .sc-1 .specific .nm-site, .sc-2 .specific .nm-site, .sc-4 .specific .nm-site, .sc-5 .specific .nm-site { margin-bottom: 20px; }
      .specific .btn-mini { top: 50px; }
      .sc-1 .specific .time-site, .sc-2 .specific .time-site, .sc-4 .specific .time-site { margin-bottom: 25px; padding-right: 100px; }
}
@media all and (max-width: 1240px) {
   .it-showcase.sc-4 { display: none; }
}
@media all and (min-width: 871px) and (max-width: 1240px) {
   .sc-1, .sc-2 { width: 40%; }
   .sc-3 { width: 58%; left: auto; right: 0; }
   .sc-1 .specific .nm-site, .sc-2 .specific .nm-site { margin-bottom: 30px; }
   .sc-1 .specific .btn-mini, .sc-2 .specific .btn-mini { top: 35px; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .sc-1, .sc-2 { width: 49%; }
   .sc-3 { width: 49%; left: auto; right: 0; }
      .sc-1 .specific .nm-site, .sc-2 .specific .nm-site { margin-bottom: 30px; }
      .sc-1 .specific .btn-mini, .sc-2 .specific .btn-mini { top: 35px; }
      .specific .hr { height: 5px; }
      .sc-3 .specific .nm-site { padding-right: 100px; }
      .sc-3 .specific .btn-mini { top: 17px; }
}
@media all and (min-width: 768px) {
   .only-mobile { display: none; }
}
@media all and (max-width: 767px) {
   .showcase { padding: 0; background: url(../i/bg_showcase_mobile.jpg) 50% 50% no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; height: 262px; line-height: 260px; text-align: center; }
      .showcase .title, .showcase-wrapper, .showcase .go-all { display: none; }
      .showcase .btn-base.only-mobile { display: inline-block; vertical-align: middle; width: auto; border-width: 2px; border-color: #ededed; }
         .showcase .btn-base.only-mobile > span, .showcase .btn-base.only-mobile input[type="submit"], .showcase .btn-base.only-mobile button { background-color: #6d94ff; width: 246px; height: 48px; font-size: 18px; line-height: 47px; text-transform: none; }
            .showcase .btn-base.only-mobile:hover > span, .showcase .btn-base.only-mobile:hover input[type="submit"], .showcase .btn-base.only-mobile:hover button { background-color: transparent; }
}
/*--- showcase : end ---*/


/*====================================================
   Base pages blocks
====================================================*/
/*--- heading-page : start ---*/
.heading-page { height: 218px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

@media all and (max-width: 767px) {
   .heading-page { height: 50px; }
}
/*--- heading-page : end ---*/

/*--- breadcrumbs : start ---*/
.breadcrumbs { position: relative; padding-top: 8px; padding-bottom: 11px; background: #043646; font-size: 16px; line-height: 120%; color: #b3b3b3; }
   .breadcrumbs a, .breadcrumbs span { padding: 0 5px; }
   .breadcrumbs a:first-child, .breadcrumbs span:first-child { padding-left: 0; }
   .breadcrumbs a { color: inherit; text-decoration: none; }
      .breadcrumbs a:hover { color: #fff; }
   .breadcrumbs span { color: #fff; font-family: 'robotomedium'; }

@media all and (min-width: 1861px) {
   .breadcrumbs .wrapp { padding-left: 105px; padding-right: 105px; }
}
@media all and (max-width: 767px) {
   .breadcrumbs { display: none; }
}
/*--- breadcrumbs : end ---*/

/*--- titles : start ---*/
.title-base { font-size: 85px; line-height: 100%; margin-bottom: 42px; }
.item-title { font-size: 50px; line-height: 110%; margin-bottom: 40px; }

@media all and (min-width: 1025px) and (max-width: 1240px) {
   .title-base { font-size: 68px; }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .title-base { font-size: 56px; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .title-base { font-size: 54px; }
}
@media all and (max-width: 767px) {
   .title-base { font-size: 40px; margin-bottom: 28px; }
}
/*--- titles : end ---*/

/*--- phrase : start ---*/
.phrase { font-family: 'DINProLight'; font-size: 50px; line-height: 120%; }
.right-columm .phrase { color: #4D4D4D; }

@media all and (min-width: 1025px) and (max-width: 1240px) {
   .phrase { font-size: 38px; line-height: 155%; }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .phrase { font-size: 32px; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .phrase { font-size: 30px; }
}
@media all and (max-width: 767px) {
   .phrase { font-size: 26px; line-height: 124%; }
}
/*--- phrase : end ---*/

/*--- emphasize : start ---*/
.emphasize { background: #f2f2f2; padding: 34px 50px 10px; }

@media all and (max-width: 480px) {
   .emphasize { padding: 34px 27px 10px; }
}
/*--- emphasize : end ---*/

/*--- left-menu : start ---*/
.left-menu { margin: 0 0 50px; }
   .left-menu ul { list-style: none; margin: 0; padding: 0; }
      .left-menu ul li { display: block; padding: 0 0 29px; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 18px; line-height: 120%; }
         .left-menu ul li:before { display: none; }
         .left-menu ul li a { color: #8c8c8c; text-decoration: underline; }
            .left-menu ul li a:hover { text-decoration: none; }
/*--- left-menu : end ---*/

/*--- box-gray : start ---*/
.box-gray { background-color: #f4f4f4; margin: 30px 0 20px; padding: 24px 30px 35px; }
   .box-gray ul li:last-child { padding-bottom: 7px !important; }
   .box-gray p:last-child { padding-bottom: 0; }
/*--- box-gray : end ---*/

/*--- link-inf : start ---*/
.link-inf { min-height: 33px; margin-bottom: 45px; padding-top: 5px; }
   .link-inf a { display: inline-block; position: relative; text-decoration: none; color: inherit; padding-left: 48px; }
      .link-inf a:hover { color: #fe745c; }
      .link-inf a:before { display: block; content: ''; font-size: 0; position: absolute; top: 50%; margin-top: -16px; left: 0; width: 33px; height: 33px; background: url(../i/icons/ic-inform2.svg) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain; }

@media all and (max-width: 1024px) {
   .link-inf {margin: 20px 0 30px;}
}
/*--- link-inf : end ---*/

/*--- btn-biggout : start ---*/
.btn-biggout { display: block; position: relative; margin-top: 70px; padding: 51px 50px 60px 180px; width: 405px; max-width: 100%; color: #fff; font-family: 'DINProRegular'; font-size: 30px; line-height: 110%; }
.btn-biggout.bt-actions { background: #ff931e; }
.btn-biggout.bt-rev { background: #01d7fe; }
   .btn-biggout:before { display: block; position: absolute; top: 50%; content: ''; font-size: 0; }
   .btn-biggout.bt-rev:before { width: 89px; height: 81px; margin-top: -40px; left: 48px; background: url(../i/icons/ic-biggout2.png) 0 0 no-repeat; }
   .btn-biggout.bt-actions:before { margin-top: -48px; left: 48px; width: 95px; height: 95px;  content: '%'; text-align: center; color: #000; font-size: 59px; line-height: 87px; border: 3px solid #000; border-radius: 50%; -webkit-animation-duration: .5s; animation-duration: .5s; } 
   .btn-biggout:hover { color: #000; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.bt-actions:hover:before {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
}
.bt-rev:hover:before {
   -webkit-transform: scale(1.06,1.06);
   -moz-transform: scale(1.06,1.06);
   -ms-transform: scale(1.06,1.06);
   -o-transform: scale(1.06,1.06);
   transform: scale(1.06,1.06);
}

@media all and (max-width: 767px) {
   .btn-biggout { width: 100%; margin: 30px 0 0; padding: 168px 30px 45px; text-align: center; }
      .btn-biggout:before { top: 53px; margin-top: 0 !important; left: 50% !important; }
      .btn-biggout.bt-actions:before { margin-left: -47px; }
      .btn-biggout.bt-rev:before { margin-left: -45px; }
}
/*--- btn-biggout : end ---*/

/*--- logos-vipro : start ---*/
.logos-vipro { width: 280px; margin-top: 59px; }
   .logos-vipro img { width: 100%; height: auto; }

@media all and (max-width: 480px) {
   .logos-vipro { width: 100%; }
}
/*--- logos-vipro : end ---*/

/*--- .all-publication : start ---*/
/*.all-publication { padding: 95px 0 0; }*/
.all-publication { padding: 0; }
   .all-publication p:last-child {padding-bottom: 0}
.all-publication.min-ident { padding-top: 0; }
   .items-publication { margin: 0 0 86px; }
      .item-public { margin: 0 0 78px; }
      .item-public:last-child { margin-bottom: 0; }
         .item-public a { display: block; color: #8C8C8C; text-decoration: none; }
            .item-public a:hover { opacity: 0.6; }
            .item-public a > span { display: block; }
            .item-public .h4 { display: block; }
            .item-public .fl { width: 18.3%; text-align: center; }
               .item-public .fl img { max-width: 100%; }
            .item-public .fr { width: 78%; padding-top: 10px; }

/*@media all and (min-width: 960px) and (max-width: 1240px) {
   .all-publication { padding-top: 35px; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .all-publication { padding-top: 60px; }
}
@media all and (max-width: 767px) {
   .all-publication { padding-top: 50px; }
}*/
@media all and (max-width: 600px) {
   .item-public .fl, .item-public .fr { width: 100%; float: none; }
}
/*--- .all-publication : end ---*/

/*--- .pagination : start ---*/
.pagination { text-align: center; font-family: 'DINProRegular'; font-size: 30px; line-height: 100%; }
   .pagination a, .pagination span { display: inline-block; vertical-align: middle; padding: 0 8px }
   .pagination a, .pagination .space { color: #8C8C8C; text-decoration: none; }
      .pagination a:hover, .pagination span { color: #fe745c; }
/*--- .pagination : end ---*/


/*====================================================
   Base pages styles NEW (.base-page - class for body)
====================================================*/
.base-page {font-family: "MuseoSansRegular"; font-size: 18px; line-height: 1.3; color: #656565;}
   .base-page .content-inner {padding: 145px 0 100px; position: relative;}
      .base-page .wrapp-inner {max-width: 1280px; padding: 0 35px; position: relative; z-index: 2;}
      .base-page .wrapp-inner-narrow {max-width: 1280px; padding: 0 80px; margin: 0 auto; position: relative; z-index: 2;}
      .base-page .wrapp-inner-wide {max-width: 1580px; padding: 0 35px; margin: 0 auto; position: relative; z-index: 2;}
         .base-page h2, .base-page .h2 {margin-bottom: 10px; font-family: "MuseoSansBlack"; font-size: 60px; line-height: 1; color: #191919;}
         .base-page h3, .base-page .h3 {margin-bottom: 10px; font-family: "MuseoSansBlack"; font-size: 40px; line-height: 1.2; color: #191919; text-transform: none;}
         .base-page h4, .base-page .h4 {margin-bottom: 10px; font-family: "MuseoSansBlack"; font-size: 24px; line-height: 1.2; color: #191919; text-transform: none;}
         /*arrow-link*/
         .base-page .arrow-link {padding-left: 66px; display: inline-block; position: relative; font-family: "MuseoSansRegular"; font-size: 20px; line-height: 1.1; color: #ff4c68;}
         .base-page .arrow-link:hover {color: #191919;}
            .base-page .arrow-link .svg-box {position: absolute; top: 6px; left: 0; width: 48px; height: 9px; overflow: hidden;}
               .base-page .arrow-link .svg-box svg {vertical-align: top;}
                  .base-page .arrow-link:hover .svg-el-fill {fill: #191919;}
                  .base-page .arrow-link:hover .svg-el-stroke {stroke: #191919;}

@media all and (min-width: 1280px) and (max-width: 1366px) {
   .base-page .content-inner {padding: 130px 0 100px;}
   .base-page h2, .base-page .h2 {font-size: 55px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .base-page .content-inner {padding: 120px 0 100px;}
   .base-page h2, .base-page .h2 {font-size: 50px;}
}
@media all and (max-width: 1024px) {
   .base-page .arrow-link br {display: none;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .base-page .content-inner {padding: 100px 0;}
   .base-page h2, .base-page .h2 {font-size: 45px;}
   .base-page h3, .base-page .h3 {font-size: 35px;}
}
@media all and (min-width: 768px) and (max-width: 959px)  {
   .base-page .content-inner {padding: 60px 0;}
   .base-page h2, .base-page .h2 {font-size: 40px;}
   .base-page h3, .base-page .h3 {font-size: 30px;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .base-page .content-inner {padding: 50px 0;}
   .base-page .wrapp-inner-narrow {padding: 0 35px;}
   .base-page h2, .base-page .h2 {font-size: 35px;}
   .base-page h3, .base-page .h3 {font-size: 25px;}
   .base-page h4, .base-page .h4 {font-size: 22px;}
}
@media all and (max-width: 480px) {
   .base-page .content-inner {padding: 40px 0;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .base-page .wrapp-inner {padding: 0 30px;}
   .base-page .wrapp-inner-narrow {padding: 0 30px;}
   .base-page .wrapp-inner-wide {padding: 0 30px;}
   .base-page h2, .base-page .h2 {font-size: 28px;}
   .base-page h3, .base-page .h3 {font-size: 20px;}
   .base-page h4, .base-page .h4 {font-size: 20px;}
}
@media all and (max-width: 375px) {
   .base-page .wrapp-inner {padding: 0 25px;}
   .base-page .wrapp-inner-narrow {padding: 0 25px;}
   .base-page .wrapp-inner-wide {padding: 0 25px;}
   .base-page h2, .base-page .h2 {font-size: 24px;}
   .base-page h3, .base-page .h3 {font-size: 18px;}
   .base-page h4, .base-page .h4 {font-size: 18px;}
   .base-page .arrow-link {font-size: 16px; padding-left: 56px;}
      .base-page .arrow-link .svg-box {top: 4px;}
}

/*--- .triangle-bl : start ---*/ 
.triangle-bl {display: block !important; position: absolute; z-index: 1; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.triangle-bl-small {width: 49px; height: 43px; background: url('../i/triangle.svg') 0 0 / contain no-repeat;}
.triangle-bl-medium {width: 121px; height: 106px; background: url('../i/triangle.svg') 0 0 / contain no-repeat;}
.triangle-bl-large {width: 240px; height: 216px; background: url('../i/triangle-large.png') 0 0 / contain no-repeat; z-index: 3;}
.triangle-bl-x-large {width: 353px; height: 315px; background: url('../i/triangle-x-large.png') 0 0 / contain no-repeat; z-index: 3;}

@media all and (max-width: 767px) {
   .triangle-bl {display: none !important;}
}
/*--- .triangle-bl : end ---*/

/*--- .dotted-bl : start ---*/   
.dotted-bl {position: absolute; background: url('../i/dotted-pattern.png') 0 0 repeat; z-index: 1;}
/*--- .dotted-bl : end ---*/ 

/*--- .blue-gradient-bl : start ---*/
.blue-gradient-bl {background: -moz-linear-gradient(-2.43% 97.79% 45deg,rgba(46, 49, 146, 1) 0%,rgba(52, 91, 181, 1) 6.12%,rgba(57, 125, 209, 1) 12.18%,rgba(60, 149, 229, 1) 17.92%,rgba(62, 164, 241, 1) 23.19%,rgba(63, 169, 245, 1) 27.59%,rgba(68, 138, 255, 1) 48.77%,rgba(0, 2, 21, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(46, 49, 146, 1) 0%, rgba(52, 91, 181, 1) 6.12%, rgba(57, 125, 209, 1) 12.18%, rgba(60, 149, 229, 1) 17.92%, rgba(62, 164, 241, 1) 23.19%, rgba(63, 169, 245, 1) 27.59%, rgba(68, 138, 255, 1) 48.77%, rgba(0, 2, 21, 1) 100%); background: -webkit-gradient(linear,-2.43% 97.79% ,102.43% 2.21% ,color-stop(0,rgba(46, 49, 146, 1) ),color-stop(0.0612,rgba(52, 91, 181, 1) ),color-stop(0.1218,rgba(57, 125, 209, 1) ),color-stop(0.1792,rgba(60, 149, 229, 1) ),color-stop(0.2319,rgba(62, 164, 241, 1) ),color-stop(0.2759,rgba(63, 169, 245, 1) ),color-stop(0.4877,rgba(68, 138, 255, 1) ),color-stop(1,rgba(0, 2, 21, 1) )); background: -ms-linear-gradient(45deg, rgba(46, 49, 146, 1) 0%, rgba(52, 91, 181, 1) 6.12%, rgba(57, 125, 209, 1) 12.18%, rgba(60, 149, 229, 1) 17.92%, rgba(62, 164, 241, 1) 23.19%, rgba(63, 169, 245, 1) 27.59%, rgba(68, 138, 255, 1) 48.77%, rgba(0, 2, 21, 1) 100%); background : linear-gradient(45deg, rgba(46, 49, 146, 1) 0%, rgba(52, 91, 181, 1) 6.12%, rgba(57, 125, 209, 1) 12.18%, rgba(60, 149, 229, 1) 17.92%, rgba(62, 164, 241, 1) 23.19%, rgba(63, 169, 245, 1) 27.59%, rgba(68, 138, 255, 1) 48.77%, rgba(0, 2, 21, 1) 100%);}
/*--- .blue-gradient-bl : end ---*/

/*--- .black-bl : start ---*/
.black-bl {background: #000; color: #fff;}
   .black-bl h2, .black-bl .h2 {color: #fff;}
   .black-bl .arrow-link {color: #fff;}
   .black-bl .arrow-link:hover {color: #ff4c68;}
      .black-bl .arrow-link:hover .svg-el-fill {fill: #ff4c68;}
      .black-bl .arrow-link:hover .svg-el-stroke {stroke: #ff4c68;}
/*--- .black-bl : end ---*/

/*--- .blue-bl : start ---*/
.blue-bl {background: #4489fe;}
/*--- .blue-bl : end ---*/

/*--- .gray-bl : start ---*/
.gray-bl {background: #f5f5f5;}
/*--- .gray-bl : end ---*/

/*--- .pink-bl : start ---*/
.pink-bl {background: #ff4c68;}
/*--- .pink-bl : end ---*/

/*--- .nums-bl : start ---*/
.nums-bl {background: #000 url('../upload/nums-bg.jpg') 50% 50% / cover no-repeat;}
.ved_editable .nums-bl {background: #fff !important;}
/*--- .nums-bl : end ---*/


/*====================================================
   .video-heading
====================================================*/
.video-heading {position: relative;}
   .video-heading-source {position: relative; z-index: 1; margin-left: -1px; width: calc(100% + 1px);}
      .video-heading-source:before {content: ''; display: block; padding-top: 37.7%;}
      .video-heading-source .video-wrapp {position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100%;}
         .video-heading-source .video-wrapp video {width: auto; height: 100%;}
   .video-heading-text {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
      .video-heading-text .wrapp-inner-narrow {height: 100%;}
         .video-heading-text-in {height: 100%; position: relative;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "MuseoSansRegular"; font-size: 31px; line-height: 1.3; color: #fff;}
            .video-heading-text-in strong {font-family: "MuseoSansBlack";}
               .video-heading-text-set {position: relative;}
                  .video-heading-text-set > div {opacity: 0;}
                  .video-heading.animate .video-heading-text-set > div {opacity: 1;}
                  .video-heading-text-1 {font-size: 45px; -webkit-transition: opacity 2s ease 1.2s; transition: opacity 2s ease 1.2s;}
                  .video-heading-text-2 {font-size: 99px; line-height: 1; margin-bottom: 10px; -webkit-transition: opacity 2s ease 2.5s; transition: opacity 2s ease 2.5s;}
                  .video-heading-text-3 {-webkit-transition: opacity 2s ease 3.7s; transition: opacity 2s ease 3.7s;}
                  .video-heading-text-left {-webkit-transition: opacity 1s ease 4.7s, -webkit-transform 0.5s ease 4.7s; transition: opacity 1s ease 4.7s, transform 0.5s ease 4.7s; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
                  .video-heading.animate .video-heading-text-left {-webkit-transform: translateX(0); transform: translateX(0);}

@media all and (min-width: 1280px) and (max-width: 1366px) {
   .video-heading-source:before {padding-top: 42.4%;}
   .video-heading-text-in {font-size: 26px;}
      .video-heading-text-1 {font-size: 38px;}
      .video-heading-text-2 {font-size: 79px;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .video-heading-source:before {padding-top: 44.4%;}
   .video-heading-text-in {font-size: 22px;}
      .video-heading-text-1 {font-size: 32px;}
      .video-heading-text-2 {font-size: 69px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .video-heading-source:before {padding-top: 47.9%;}
   .video-heading-text-in {font-size: 16px;}
      .video-heading-text-1 {font-size: 24px; margin-bottom: 6px;}
      .video-heading-text-2 {font-size: 52px; margin-bottom: 20px;}
}
@media all and (max-width: 767px) {
   .video-heading-text-in {font-size: 16px;}
      .video-heading-text-1 {font-size: 22px; margin-bottom: 10px;}
      .video-heading-text-2 {font-size: 46px; margin-bottom: 15px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .video-heading-source:before {padding-top: 53%;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .video-heading-source:before {padding-top: 66%;}  
}
@media all and (max-width: 480px) {
   .video-heading-source .video-wrapp {left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
   .video-heading-text-in br {display: none;}
   .video-heading-text-2 {font-size: 42px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .video-heading-source:before {padding-top: 90%;}
}
@media all and (max-width: 375px) {
   .video-heading-source:before {padding-top: 116%;}
   .video-heading-text-in {font-size: 15px;}
      .video-heading-text-1 {font-size: 20px;}
      .video-heading-text-2 {font-size: 38px;}
}


/*====================================================
   .page-intro
====================================================*/
.page-intro .title-box {padding-bottom: 25px;}
   .page-intro h1, .page-intro .h1 {margin-bottom: 0; font-family: "MuseoSansBlack"; font-size: 125px; line-height: 0.8; color: #191919;}
.page-intro .subtitle-box {margin-bottom: 15px; font-family: "MuseoSansRegular"; font-size: 30px; line-height: 1.2;}
   .subtitle-box-in {vertical-align: middle; position: relative;}
      .subtitle-box-in br {display: none;}
      /*.tooltip*/
      .page-intro .tooltip {display: inline-block; vertical-align: middle; margin-left: 15px; cursor: pointer; position: relative;}
         .page-intro .tooltip-icon svg {width: 45px; height: 45px; display: block;}
            .page-intro .tooltip-icon .svg-el {fill: #4389ff;}
            .page-intro .tooltip.hover .page-intro .tooltip-icon .svg-el {fill: #ff4c68;}
         .page-intro .tooltip-text {position: absolute; left: 50%; bottom: 100%; margin-bottom: 26px; width: 360px; opacity: 0; visibility: hidden; z-index: 10000; cursor: default; box-shadow: 0 5px 60px rgba(0,0,0,.15); -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s;}
         .page-intro .tooltip.hover .tooltip-text {opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all 0.3s ease-in-out 0.15s; transition: all 0.3s ease-in-out 0.15s;}
            .page-intro .tooltip-text:before {content: ''; position: absolute; left: 1px; bottom: -8px; width: 36px; height: 38px; background: #fff; box-shadow: 0 0 60px rgba(0,0,0,.15); -webkit-transform: skew(2deg, -46deg) rotate(-87deg); transform: skew(2deg, -46deg) rotate(-87deg); z-index: 1;}
            .page-intro .tooltip-text-in {position: relative; z-index: 2; background: #fff; padding: 20px 10px 20px 20px; font-family: 'robotoregular'; font-size: 15px; color: #808080;}
            .page-intro .tooltip-close {display: none; position: absolute; top: 6px; right: 6px; width: 12px; height: 12px; z-index: 3;}
            .no-touchevents .page-intro .tooltip-close {display: none;}
               .page-intro .tooltip-close:before, .page-intro .tooltip-close:after {content: ''; position: absolute; top: 5px; left: -1px; width: 14px; height: 2px; background-color: #4389ff; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
               .page-intro .tooltip-close:hover:before, .page-intro .tooltip-close:hover:after {background-color: #ff4c68;}
               .page-intro .tooltip-close:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
               .page-intro .tooltip-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.page-intro .all-publication {font-family: 'robotoregular'; font-size: 20px; line-height: 1.35; color: #808080;}
   .page-intro .all-publication b,.page-intro .all-publication strong {font-family: 'robotobold';}
   .page-intro .all-publication ol.decor-ol b {color: #000;}

@media all and (min-width: 481px) and (max-width: 1279px) {
   .subtitle-box-in br {display: block;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .page-intro h1, .page-intro .h1 {font-size: 116px;}
}           
@media all and (min-width: 768px) and (max-width: 959px) {
   .page-intro h1, .page-intro .h1 {font-size: 96px;}
   .page-intro .tooltip {margin-left: 8px;}
      .page-intro .tooltip-icon svg {width: 34px; height: 34px;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .page-intro .tooltip {margin-left: 6px;}
      .page-intro .tooltip-icon svg {width: 28px; height: 28px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .page-intro h1, .page-intro .h1 {font-size: 76px;}
   .page-intro .subtitle-box {font-size: 28px;}
      .page-intro .tooltip-text {width: 320px;}
   .page-intro .all-publication {font-size: 19px;}
}
@media all and (max-width: 639px) {
   .page-intro h1, .page-intro .h1 {line-height: 1;}
   .page-intro .tooltip {position: static;}
      .page-intro .tooltip-text {width: 280px; margin-left: -140px; margin-bottom: 0;}
         .page-intro .tooltip-text:before {display: none;}
         .page-intro .tooltip-close {display: block;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .page-intro h1, .page-intro .h1 {font-size: 56px;}
   .page-intro .subtitle-box  {font-size: 26px;}
   .page-intro .all-publication {font-size: 18px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .page-intro h1, .page-intro .h1 {font-size: 46px;}
   .page-intro .subtitle-box  {font-size: 24px;}
   .page-intro .all-publication {font-size: 17px;}
   .page-intro .tooltip {margin-left: 3px;}
      .page-intro .tooltip-icon svg {width: 22px; height: 22px;}
}
@media all and (max-width: 375px) {
   .page-intro h1, .page-intro .h1 {font-size: 40px;}
   .page-intro .subtitle-box  {font-size: 20px;}
   .page-intro .tooltip {margin-left: 0;}
      .page-intro .tooltip-icon svg {width: 18px; height: 18px;}
   .page-intro .all-publication {font-size: 16px;}
}


/*====================================================
   .content-form
====================================================*/
.content-form {background: url('../upload/nums-bg.jpg') 50% 50% / cover no-repeat;}
.content-form-buyers {background: url('../upload/faces-bg.jpg') 50% 50% / cover no-repeat;}
   .content-form-intro {font-family: "MuseoSansBold"; font-size: 20px; color: #ff4c68; margin-bottom: 22px;}
   .content-form-title h2, .content-form-title .h2 {color: #fff; margin-bottom: 24px;}
   .content-form-descr {font-family: "MuseoSansMedium"; font-size: 20px; color: #858794; margin-bottom: 80px;}
   .content-form-wrapp {position: relative; padding: 0 60px;}
      .content-form-fieldset {margin-left: -35px;}
         .content-form-field {margin-bottom: 35px;}
         .content-form-fieldset .content-form-field {width: 50%; padding-left: 35px;}
            /*input, textarea*/
            .content-form input[type="text"], .content-form input[type="name"], .content-form input[type="email"], .content-form input[type="tel"], .content-form textarea {height: 60px; width: 100%; padding: 0 40px; margin: 0; border: 0; font-family: "MuseoSansMedium"; font-size: 20px; color: #4d4d4d;}
            .content-form textarea {padding: 15px 40px; height: 105px;}
            /*placeholder*/
            .content-form input::-webkit-input-placeholder {color: #7f7f7f;}
            .content-form input::-moz-placeholder {color: #7f7f7f;}
            .content-form input:-moz-placeholder {color: #7f7f7f;}
            .content-form input:-ms-input-placeholder {color: #7f7f7f;}
            .content-form textarea::-webkit-input-placeholder {color: #7f7f7f;}
            .content-form textarea::-moz-placeholder {color: #7f7f7f;}
            .content-form textarea:-moz-placeholder {color: #7f7f7f;}
            .content-form textarea:-ms-input-placeholder {color: #7f7f7f;}
            /*checkbox*/
            .content-form .checkbox-wrapp {display: inline-block;}
               .content-form input[type="checkbox"] + label {font-family: "MuseoSansMedium"; font-size: 16px; color: #858794;}
                  .content-form input[type="checkbox"] + label a {color: #858794; text-decoration: underline;}
                  .content-form input[type="checkbox"] + label a:hover {color: #ff4c68;}
                  .content-form input[type="checkbox"] + label:before {width: 16px; height: 16px; top: 2px; background: none; border: 1px solid #fff; opacity: 0.7;}
                  .content-form input[type="checkbox"] + label:after {width: 8px; height: 8px; top: 6px; left: 4px; background: #fff;}
            /*file*/
            .content-form .checkbox-wrapp + .fileupload-wrapp {margin-top: 20px;}
               .content-form .jq-file {min-height: 24px; width: 100%;}
                  .content-form .jq-file__browse {position: absolute; top: 0; left: 0; width: 18px; height: 24px; background: url('../i/file-icon.svg') 0 0 / contain no-repeat;}
                  .content-form .jq-file__name {padding: 3px 0 0 27px; font-family: "MuseoSansMedium"; font-size: 16px; color: #858794;}
         .content-form-submit {text-align: center; padding-top: 13px;}
            .content-form input[type="submit"] {width: 390px; max-width: 100%; height: 76px; border: 0; border-radius: 2em; background: #4389ff; font-family: "MuseoSansMedium"; font-size: 26px; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
            .content-form input[type="submit"]:hover {background: #ff4c68;}
         .content-form-agreement {text-align: center; padding-top: 35px;}
            .content-form .content-form-agreement input[type="checkbox"] + label {font-size: 14px;}
               .content-form .content-form-agreement input[type="checkbox"] + label:before {top: 0;}
               .content-form .content-form-agreement input[type="checkbox"] + label:after {top: 4px;}

@media all and (max-width: 1024px) {
   .content-form-intro {margin-bottom: 10px;}
   .content-form-title h2, .content-form-title .h2 {margin-bottom: 10px;}
      .content-form-title h2 br, .content-form-title .h2 br {display: none;}
   .content-form-descr {margin-bottom: 20px;}
      .content-form-descr br {display: none;}
   .content-form-wrapp {padding: 0;}
      .content-form-fieldset {margin-left: -25px;}
         .content-form-fieldset .content-form-field {padding-left: 25px;}
            .content-form input[type="text"], .content-form input[type="name"], .content-form input[type="email"], .content-form input[type="tel"] {padding: 0 20px;}
            .content-form textarea {padding: 15px 20px;}
         .content-form-submit {padding-top: 0;}
            .content-form input[type="submit"] {width: 280px;}
         .content-form-agreement {padding-top: 0;}
}
@media all and (max-width: 767px) {
   .content-form-intro {font-size: 18px;}
   .content-form-descr {font-size: 18px;}
   .content-form-fieldset {margin-left: 0;}
      .content-form-fieldset .content-form-field {padding-left: 0; width: 100%; float: none;}
   .content-form-agreement {text-align: left;}
}
@media all and (max-width: 480px) {
   .content-form-field {margin-bottom: 25px;}
      .content-form input[type="text"], .content-form input[type="name"], .content-form input[type="email"], .content-form input[type="tel"] {padding: 0 15px; height: 48px; font-size: 18px;}
      .content-form textarea {padding: 15px; height: 120px; font-size: 18px;}
      .content-form input[type="submit"] {height: 56px; font-size: 22px;}
}
@media all and (max-width: 375px) {
   .content-form-intro {font-size: 16px;}
   .content-form-descr {font-size: 16px;}
   .content-form input[type="submit"] {width: 100%;}
}


/*====================================================
   .achievements
====================================================*/
.achievements { padding: 102px 0 60px; }
.context-advantages + .achievements {padding-top: 0;}
   .achievements .title { margin-bottom: 46px; }
   .achievements .all-publication {max-width: 768px; margin: 0 auto 80px; text-align: center; font-size: 22px;}
      .achievements .all-publication p:last-child {padding-bottom: 0;}
   .achievements-in { margin: 0 auto; /*max-width: 1597px; */text-align: center; font-size: 0; line-height: 0; }
      .achievements-item { display: inline-block; vertical-align: top; width: 16.66%; padding-left: 3%; position: relative; color: #333; font-size: 16px; line-height: 150%;}
         .achievements-item-in { background: #fff; box-shadow: 0 0 11px rgba(0,0,0,0.15); padding: 19px 17px 40px;  text-align: center; position: relative;}
            .achievements-item img { display: inline-block; vertical-align: top; max-width: 100%; margin-bottom: 15px; }
            .achievements-name { font-family: 'DINProBold'; line-height: 136%; text-transform: uppercase; }
   .achievements .go-all { padding-top: 62px; }  

   /* slick slider */
   .achievements-slider:not(.slick-initialized) .achievements-slide { display: none; }
   .achievements-slider:not(.slick-initialized) .achievements-slide:first-child { display: block !important; }
   .achievements-slider .slick-arrow {width: 28px; height: 52px;}
   .achievements-slider .slick-prev { left: -60px; }
   .achievements-slider .slick-next { right: -60px; }
   .achievements-slider .slick-arrow:before, .achievements-slider .slick-arrow:after {width: 37px;}
   .achievements-slider .slick-prev:before, .achievements-slider .slick-next:before { top: 12px; }
   .achievements-slider .slick-prev:after, .achievements-slider .slick-next:after { bottom: 12px; }
   .achievements-slider .slick-prev:before, .achievements-slider .slick-prev:after { right: -4px; }
   .achievements-slider .slick-next:before, .achievements-slider .slick-next:after { left: -4px; }

@media all and (min-width: 1440px) and (max-width: 1580px) {
   .achievements-item { font-size: 14px; line-height: 160%; }
}
@media all and (min-width: 1366px) and (max-width: 1580px)  {
   .achievements .slick-prev { left: -53px; }
   .achievements .slick-next { right: -53px; }
}
@media all and (min-width: 1366px) and (max-width: 1439px) {
   .achievements-item { font-size: 13px; line-height: 160%; }
} 
@media all and (min-width: 1241px) and (max-width: 1365px) {
   .achievements {padding-bottom: 120px;}
   .achievements-item { font-size: 12px; line-height: 160%; padding-left: 2%; }
   .achievements .slick-prev, .achievements .slick-next {top: 100%; margin-top: 80px;}
   .achievements .slick-prev { left: 0; }
   .achievements .slick-next { right: 0; }
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .achievements .all-publication  {margin-bottom: 70px;}
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .achievements { padding-top: 67px; padding-bottom: 60px; }
      .achievements .title { margin-bottom: 90px; }
      .achievements-in { max-width: 805px; }
         .achievements-item { display: none; width: 33.333%; padding-left: 6%;  }
         .achievements-item:first-child, .achievements-item:nth-child(2), .achievements-item:nth-child(3) { display: inline-block; }
            .achievements-item-in {padding: 15px 15px 20px;}
               .achievements-name { line-height: 140%; }
      .achievements .slick-prev { left: -53px; }
      .achievements .slick-next { right: -53px; }
}
@media all and (min-width: 861px) and (max-width: 1240px) {
   .achievements-item { font-size: 15px; line-height: 160%; }
}
@media all and (max-width: 860px) {
   .achievements-item { font-size: 14px; line-height: 160%; }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .achievements .all-publication  {margin-bottom: 60px; font-size: 20px;}
}
@media all and (max-width: 767px) {
   .achievements { display: none; }
}


/*====================================================
   .advantages
====================================================*/
.advantages { padding: 78px 0 60px; color: #fff; font-family: 'DINProRegular'; 
   background: -moz-linear-gradient(0% 50% 0deg,rgba(40, 225, 166, 1) 0%,rgba(109, 148, 255, 1) 100%);
   background: -webkit-linear-gradient(0deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(40, 225, 166, 1) ),color-stop(1,rgba(109, 148, 255, 1) ));
   background: -o-linear-gradient(0deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   background: -ms-linear-gradient(0deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#28E1A6', endColorstr='#6D94FF' ,GradientType=0)";
   background: linear-gradient(90deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28E1A6',endColorstr='#6D94FF' , GradientType=1);
}
   .advantages .title, .advantages h2, .advantages .h2 { color: #fff; margin-bottom: 66px; text-align: center; }
   .all-adv-items { margin: 0 auto; max-width: 1400px; text-align: center; font-size: 0; line-height: 0; }
      .adv-item { display: inline-block; position: relative; vertical-align: top; width: 25%; margin: 0 0 100px; padding: 0 30px; font-size: 18px; line-height: 134%; }
      .adv-item, .adv-item * { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
         .adv-item-in { display: block; position: relative; padding: 183px 0 0; text-decoration: none; color: inherit; }
            .adv-item-icon { display: block; content: ''; font-size: 0; position: absolute; top: 0; left: 50%; margin-left: -74px; width: 148px; height: 148px; background-color: #fff; background-position: 50%; background-repeat: no-repeat; border: 2px solid #e6e8ea; border-radius: 50%; font-size: 0; line-height: 146px; text-align: center; }
               .adv-item-in:hover .adv-item-icon { border-color: #fe745c; }
            .adv-item .tt { font-family: 'DINProBold'; font-size: 18px; line-height: 120%; text-transform: uppercase; color: #fff; margin-bottom: 2px; }


@media all and (min-width: 1025px) and (max-width: 1240px) {
   .adv-item { padding-left: 17px; padding-right: 17px; }
}
@media all and (min-width: 738px) and (max-width: 1024px) {
   .advantages { padding-top: 102px; padding-bottom: 40px; }
      .advantages .title, .advantages h2, .advantages .h2 { margin-bottom: 73px; }
      .all-adv-items { max-width: 650px; }
         .adv-item { width: 50%; margin-bottom: 80px; padding-left: 4%; padding-right: 4%; }
}
@media all and (max-width: 767px) {
   .advantages { padding-top: 60px; padding-bottom: 90px; }
      .advantages .title, .advantages h2, .advantages .h2 { font-size: 38px; line-height: 124%; margin-bottom: 60px; }
      .all-adv-items { max-width: 400px; text-align: left; }
         .adv-item { display: block; width: 100%; margin-bottom: 60px; padding: 0; }
         .adv-item:last-child { margin-bottom: 0; }
            .adv-item-in { padding: 0 0 0 100px; }
               .adv-item-icon { margin: 0; padding: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: 0; border-radius: 0; width: 90px; height: auto; line-height: 100%; }
                  .adv-item .tt { margin: 0; font-size: 20px; line-height: 130%; }
                  .adv-item-text { display: none; }
}
@media all and (max-width: 480px) {
   .advantages { padding-top: 40px; padding-bottom: 40px; }
   .advantages .title, .advantages h2, .advantages .h2 { font-size: 34px; }
}
@media all and (max-width: 375px) {
   .advantages .title, .advantages h2, .advantages .h2 { font-size: 30px; }
}


/*====================================================
   .reviews (slider)
====================================================*/
.reviews { background: #f4f4f4; padding: 110px 0 136px; }
   .reviews h2, .reviews .h2 { text-align: center; margin-bottom: 55px; }
   .reviews-boxx { position: relative; max-width: 1152px; margin: 0 auto 60px; }
      .reviews-boxx .slick-list {padding-top: 95px; margin-top: -45px;}
         .reviews-boxx .slick-track {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
            .reviews-slider-item { padding: 0 25px; height: auto; }
               .reviews-slider-item-in {background: #fff; height: 100%; padding: 40px; }
                  .photo-review-sl { margin-bottom: 45px; margin-top: -95px; }
                     .photo-review-sl a { width: 151px; height: 187px; display: inline-block; vertical-align: top; position: relative; box-shadow: 0 0 40px rgba(0,0,0,.15); }
                        .photo-review-sl a:before { display: block; content: ''; font-size: 0; position: absolute; width: 47px; height: 48px; background: url('../i/zoom-smoll.png') 50% no-repeat; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 5; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(0); transform: scale(0); }
                        .photo-review-sl a:hover:before { -webkit-transform: scale(1); transform: scale(1); }
                        .photo-review-sl a img { max-width: 100%; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
                           .photo-review-sl a:hover img { opacity: 0.4; }
                  .text-review-sl { font-family: 'robotolight'; font-size: 18px; line-height: 1.8; color: #6e6e6e; }
                     .name-rew-sl { font-family: "MuseoSansBlack"; font-size: 26px; line-height: 1; color: #000; margin-bottom: 24px; }
                     .post-rew-sl { font-family: "MuseoSansLight"; font-size: 18px; text-transform: uppercase; line-height: 1.2; color: #333; margin-bottom: 20px; }
            .reviews-list-link {text-align: center;}

      /* slick slider */
      .reviews-slider:not(.slick-initialized):after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
      .reviews-slider:not(.slick-initialized) .reviews-slider-item { display: none; float: left; width: 50%; }

      /*decor*/
      .reviews .dotted-bl-1 {width: 716px; height: 422px; max-height: 30%; max-width: 36%; bottom: 0; left: 0;}
      .reviews .dotted-bl-2 {width: 184px; height: 776px; max-height: 70%; top: 0; right: 0;}
      .reviews .triangle-bl-x-large {left: -40px; top: 40%; z-index: 1;}
      .reviews .triangle-bl-medium {top: 20px; left: 50%; margin-left: -550px; width: 90px; height: 79px;}
      .reviews .triangle-bl-small {left: 100%; margin-left: -150px; top: 90%;}

@media all and (min-width: 1025px) {
   .reviews-slider:not(.slick-initialized) .reviews-slider-item:first-child, .reviews-slider:not(.slick-initialized) .reviews-slider-item:nth-child(2) { display: block !important; }
}
@media all and (max-width: 1366px) {
   .reviews .triangle-bl-medium {left: 20%; margin-left: 0;}
}
@media all and (max-width: 1279px) {
   .reviews-boxx {padding: 0 50px;}
}
@media all and (max-width: 1024px) {
   .reviews-slider-item { padding-left: 0; padding-right: 0; }
   .reviews-slider:not(.slick-initialized) .reviews-slider-item { float: none; width: 100%; }
   .reviews-slider:not(.slick-initialized) .reviews-slider-item:first-child { display: block !important; }
      .reviews-slider-item-in {padding: 40px 35px;}
   .reviews .dotted-bl-1 {max-width: 20%;}
}
@media all and (max-width: 767px) {
   .reviews .dotted-bl {display: none;}
   .reviews-boxx {margin-bottom: 40px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .reviews { padding-top: 70px; padding-bottom: 70px; }
      .reviews h2, .reviews .h2 { margin-bottom: 41px; }
}
@media all and (min-width: 640px) and (max-width: 1767px) {
   .name-rew-sl {font-size: 24px;}
}
@media all and (max-width: 639px) {
   .reviews { padding-top: 50px; padding-bottom: 50px; }
      .reviews h2, .reviews .h2 { margin-bottom: 30px; }
      .reviews-boxx { padding: 58px 0 0; font-size: 16px; line-height: 160%; }
         .reviews-boxx .slick-list {margin-top: 0; padding-top: 0;}
         .photo-review-sl {display: none;}
         .text-review-sl { padding-left: 0; padding-right: 0; }
         .post-rew-sl { margin-bottom: 13px; }
      .reviews-boxx .slick-dots { bottom: auto; top: -55px; padding: 0 40px; }
      .reviews-boxx .slick-prev, .reviews-boxx .slick-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
      .reviews-boxx .slick-prev { left: 0; }
      .reviews-boxx .slick-next { right: 0; }
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .name-rew-sl {font-size: 22px;}
}
@media all and (max-width: 480px) {
   .reviews .wrapp, .reviews .wrapp-inner-wide {padding: 0;}
      .reviews h2, .reviews h2 {padding: 0 30px;}
      .reviews-slider-item {background: #fff;}
         .reviews-slider-item-in {padding: 40px 30px;}
            .text-review-sl {line-height: 1.5;}
}
@media all and (max-width: 375px) {
   .reviews h2, .reviews h2 {padding: 0 25px;}
   .reviews-slider-item-in {padding: 40px 25px;}
      .text-review-sl {font-size: 16px;}
         .name-rew-sl {font-size: 20px; margin-bottom: 15px;}
         .post-rew-sl {font-size: 16px;}
}


/*====================================================
   .reviews-lines
====================================================*/
.reviews-lines {}
   .reviews-lines h2, .reviews-lines .h2 {text-align: center; margin-bottom: 20px;}
   .reviews-lines-wrapp {padding-bottom: 40px;}
      .reviews-lines-item {margin-bottom: 40px; font-family: "MuseoSansLight"; font-size: 254px; color: #fff; line-height: 0.8; white-space: nowrap;}
   .reviews-lines-link {text-align: center;}
      .reviews-lines-link .arrow-link:not(:hover) {color: #fff;}
         .reviews-lines-link  .arrow-link:not(:hover) .svg-el-fill {fill: #fff;}
         .reviews-lines-link  .arrow-link:not(:hover) .svg-el-stroke {stroke: #fff;}

@media all and (max-width: 480px) {
   .reviews-lines {display: none;}
}


/*====================================================
   .our-clients (slider)
====================================================*/
.our-clients { padding: 70px 0 90px; }
   .our-clients .title { margin-bottom: 57px; }
   .our-clients-wrapper { margin: 0 auto; position: relative; padding: 0 50px; max-width: 1650px; text-align: center; }
      .item-client { padding: 0 20px; text-align: center; height: 150px; line-height: 150px; }
         .item-client a { display: inline-block; vertical-align: middle; max-width: 100%; }
            .item-client img { max-width: 100%; height: auto;
               -webkit-filter: grayscale(100%);
               -moz-filter: grayscale(100%);
               -ms-filter: grayscale(100%);
               -o-filter: grayscale(100%);
               filter: grayscale(100%);
               filter: gray;
            }
            .item-client a:hover img {
               -webkit-filter: grayscale(0%);
               -moz-filter: grayscale(0%);
               -ms-filter: grayscale(0%);
               -o-filter: grayscale(0%);
               filter: grayscale(0%);
               filter: none;
            }
      /* slick slider */
      .our-clients-slider:not(.slick-initialized):after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
      .our-clients-slider:not(.slick-initialized) .item-client { display: none; float: left; width: 16.66666666666667%; }

@media all and (min-width: 1367px) {
   .our-clients-slider:not(.slick-initialized) .item-client:first-child, .our-clients-slider:not(.slick-initialized) .item-client:nth-child(2), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(3), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(4), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(5), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(6) { display: block !important; }
}
@media all and (min-width: 960px) and (max-width: 1366px) {
   .our-clients-slider:not(.slick-initialized) .item-client { width: 25%; }
   .our-clients-slider:not(.slick-initialized) .item-client:first-child, .our-clients-slider:not(.slick-initialized) .item-client:nth-child(2), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(3), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(4) { display: block !important; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .our-clients { padding-top: 77px; padding-bottom: 50px; }
      .our-clients .title { margin-bottom: 30px; }
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .our-clients-slider:not(.slick-initialized) .item-client { width: 33.333333%; }
   .our-clients-slider:not(.slick-initialized) .item-client:first-child, .our-clients-slider:not(.slick-initialized) .item-client:nth-child(2), .our-clients-slider:not(.slick-initialized) .item-client:nth-child(3) { display: block !important; }
}
@media all and (max-width: 767px) {
   .our-clients { display: none; }
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .our-clients-slider:not(.slick-initialized) .item-client { width: 50%; }
   .our-clients-slider:not(.slick-initialized) .item-client:first-child, .our-clients-slider:not(.slick-initialized) .item-client:nth-child(2) { display: block !important; }
}
@media all and (max-width: 480px) {
   .our-clients-slider:not(.slick-initialized) .item-client { float: none; width: 100%; }
   .our-clients-slider:not(.slick-initialized) .item-client:first-child { display: block !important; }
}


/*====================================================
   .clients-list (no-slider, monochrome)
====================================================*/
.clients-list .all-publication {font-family: "MuseoSansRegular"; font-size: 20px; text-align: center; max-width: 720px; margin: 0 auto 20px;}
.clients-list ul {margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0;}
   .clients-list ul li {margin: 40px 0 0; padding: 0; display: inline-block; vertical-align: top; text-align: center; width: 20%;}
.clients-list-link {display: none; text-align: center; margin-top: 30px;}

@media all and (min-width: 960px) and (max-width: 1279px) {
   .clients-list ul li {width: 25%;}
}
@media all and (max-width: 959px) {
   .clients-list .all-publication {margin-bottom: 0;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   .clients-list ul li {width: 33.333%;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .clients-list ul li {width: 50%;  margin-top: 20px;}
}
@media all and (max-width: 480px) {
   .clients-list .all-publication {margin-bottom: 0;}
   .clients-list ul {height: 0; overflow: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .clients-list ul li {display: block; width: 100%; margin-top: 15px;}
   .clients-list-link {display: block;}
}
@media all and (max-width: 375px) {
   .clients-list .all-publication {font-size: 16px;}
}


/*====================================================
   .partners-list
====================================================*/
.partners-list.blue-bl {color: #fff;}
   .partners-list .all-publication {font-family: "MuseoSansRegular"; font-size: 20px; text-align: center; max-width: 860px; margin: 0 auto 20px;}
   .partners-list ul {margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0;}
      .partners-list ul li {margin: 40px 0 0; padding: 0; display: inline-block; vertical-align: top; width: 20%; text-align: center; font-family: "MuseoSansRegular"; font-size: 14px; line-height: 1.2; color: #000;}
         .partners-list ul li span {display: block; padding-top: 5px;}
   .partners-list-link {display: none; margin-top: 30px; text-align: center;}
      .partners-list-link .arrow-link:not(:hover) {color: #fff;}

@media all and (max-width: 959px) {
   .partners-list .all-publication {margin-bottom: 0;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   .partners-list ul li {width: 33.333%;}
   .partners-list ul li:first-child {display: none;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .partners-list ul li {width: 50%; margin-top: 20px;}
}
@media all and (max-width: 480px) {
   .partners-list .all-publication {margin-bottom: 0;}
   .partners-list ul {height: 0; overflow: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .partners-list ul li {display: block; width: 100%; margin-top: 15px;}
   .partners-list-link {display: block;}
}
@media all and (max-width: 375px) {
   .partners-list .all-publication {font-size: 16px;}
}


/*====================================================
   .company-statistics
====================================================*/
.company-statistics {}
   .company-statistics:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../i/dotted-pattern.png') 0 0 repeat; opacity: 0.45; z-index: 1;}
   .company-statistics h2, .company-statistics .h2 {text-align: center; margin-bottom: 60px;}
   .company-statistics a, .company-statistics a:hover {color: #fff;}
   .company-statistics-wrapp {margin: 0 auto; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
   .no-flexbox .company-statistics-wrapp {display: table; width: 100%;}
      .no-flexbox .company-statistics-wrapp > div {display: table-cell; vertical-align: top;}
      .company-statistics-left {padding-left: 80px;}
         .company-statistics-wrapp > div .tb-cell {vertical-align: bottom;}
         .company-statistics-right .tb-cell:first-child {padding-right: 30px;}
         .company-statistics-wrapp > div .tb-row:last-child .tb-cell .company-statistics-text {margin-top: -10px;} 
         .company-statistics-text {font-family: "MuseoSansBold"; font-size: 25px; line-height: 1.2;}
            .company-statistics-text span {display: inline-block;}
            .company-statistics-value {font-family: "MuseoSansBlack"; font-size: 223px; line-height: 1; text-shadow: 0px 20px 80px rgba(0, 0, 0, 0.4); margin-left: -10px;}
            .company-statistics-option {font-family: "MuseoSansBlack"; font-size: 63px; line-height: 1.84; text-transform: uppercase;}
            .company-statistics-left .company-statistics-option {margin-left: -30px;}
            .company-statistics-right .tb-cell:first-child span:not(.company-statistics-option) {line-height: 1; margin-bottom: -15px;}
         .company-statistics-smalltext {font-family: "MuseoSansMedium"; font-size: 16px; padding-top: 6px;}

@media all and (max-width: 1279px)  {
   .company-statistics-left {padding-left: 0;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .company-statistics-wrapp {max-width: 960px;}
      .company-statistics-text {font-size: 22px;}
      .company-statistics-smalltext {font-size: 15px;}
      .company-statistics-value {font-size: 200px;}
      .company-statistics-option {font-size: 58px;}
}
@media all and (max-width: 1024px) {
   .company-statistics h2, .company-statistics .h2 {margin-bottom: 40px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .company-statistics-wrapp {max-width: 768px;}
      .company-statistics-right .tb-cell:first-child {padding-right: 25px;}
      .company-statistics-text {font-size: 18px;}
      .company-statistics-smalltext {font-size: 14px;}
      .company-statistics-value {font-size: 180px; margin-left: -8px;}
      .company-statistics-option {font-size: 48px; line-height: 1.9;}
      .company-statistics-left .company-statistics-option {margin-left: -25px;}
      .company-statistics-right .tb-cell:first-child span:not(.company-statistics-option) {margin-bottom: -12px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .company-statistics .wrapp-inner-narrow {padding-right: 40px;}
      .company-statistics-wrapp {max-width: 640px;}
         .company-statistics-right .tb-cell:first-child {padding-right: 20px;}
         .company-statistics-text {font-size: 16px;}
         .company-statistics-smalltext {font-size: 13px;}
         .company-statistics-value {font-size: 147px; margin-left: -6px;}
         .company-statistics-option {font-size: 41px;}
         .company-statistics-left .company-statistics-option {margin-left: -20px;}
         .company-statistics-right .tb-cell:first-child span:not(.company-statistics-option) {margin-bottom: -8px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .company-statistics .wrapp-inner-narrow {padding-right: 20px;}
      .company-statistics-wrapp {max-width: 580px;}
         .company-statistics-right .tb-cell:first-child {padding-right: 15px;}
         .company-statistics-text {font-size: 15px;}
         .company-statistics-smalltext {font-size: 12px;}
         .company-statistics-value {font-size: 130px; margin-left: -5px;}
         .company-statistics-option {font-size: 36px;}
         .company-statistics-left .company-statistics-option {margin-left: -15px;}
         .company-statistics-right .tb-cell:first-child span:not(.company-statistics-option) {margin-bottom: -6px;}
}
@media all and (max-width: 639px) {
   .no-flexbox .company-statistics-wrapp {display: block;}
      .no-flexbox .company-statistics-wrapp > div {display: block;}
      .company-statistics-left {margin-bottom: 40px;}
      .company-statistics-wrapp .tb, .company-statistics-wrapp .tb-row, .company-statistics-wrapp .tb-cell {display: block;}
      .company-statistics-right .tb-cell:first-child {padding-right: 0;}
      .company-statistics-right .tb-cell:first-child br {display: none;}
      .company-statistics-right .tb-cell:first-child span {line-height: 1;}
      .company-statistics-right .tb-cell:first-child span:not(.company-statistics-option) {margin-bottom: 0; line-height: 1.5;}  
      .company-statistics-wrapp > div .tb-row:last-child .tb-cell .company-statistics-text {margin-top: -5px;} 
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .company-statistics {text-align: center;}
      .company-statistics-wrapp {display: inline-block; text-align: left;}
      .company-statistics-text {font-size: 22px;}
      .company-statistics-smalltext {font-size: 15px;}
      .company-statistics-value {font-size: 180px; margin-left: -8px;}
      .company-statistics-option {font-size: 58px;}
}
@media all and (max-width: 480px) {
   .company-statistics h2, .company-statistics .h2 {margin-bottom: 30px;}
   .company-statistics-wrapp {display: block;}
      .company-statistics-wrapp > div .tb-row:last-child .tb-cell .company-statistics-text br {display: none;}
}
@media all and (min-width: 376px) and (max-width: 480px)  {
   .company-statistics-text {font-size: 18px;}
   .company-statistics-smalltext {font-size: 14px;}
   .company-statistics-value {font-size: 150px; margin-left: -6px;}
   .company-statistics-option {font-size: 48px;}
   .company-statistics-left .company-statistics-option {margin-left: -25px;}
}
@media all and (max-width: 375px) {
   .company-statistics h2, .company-statistics .h2 {margin-bottom: 20px;}
   .company-statistics-text {font-size: 16px;}
   .company-statistics-smalltext {font-size: 13px;}
   .company-statistics-value {font-size: 130px; margin-left: -5px;}
   .company-statistics-option {font-size: 41px;}
   .company-statistics-left .company-statistics-option {margin-left: -20px;}
}


/*====================================================
   .grid-list
====================================================*/
.grid-list-wrapp {background: #f4f4f4; overflow: hidden;}
   .grid-list-title {text-align: center; padding-bottom: 5%; font-family: "MuseoSansLight"; font-size: 60px; line-height: 1.2;}
   .grid-list {margin: 0 auto; padding: 0; list-style: none;}
   .grid-list:after {clear:both; content:"."; display:block; height:0; text-indent:-9999px; visibility:hidden;}
      .grid-item {display: block; float: left; width: 380px; height: 380px; padding: 0; margin: 0; list-style: none; position: relative; z-index: 1;}
      .grid-item-large {height: 760px;}
      .grid-item:hover {z-index: 2;}
         .grid-inner {width: 100%; height: 100%; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0; transition: all 0.5s ease-in-out 0s;}
            .grid-link {color: #fff; display: block; width: 100%; height: 100%; padding: 60px 40px 0 40px; overflow: hidden; text-decoration: none; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
            .grid-item:hover .grid-link {color: #fff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);}
            .grid-item-white .grid-link {color: #191919;}
            .grid-item-white:hover .grid-link {color: #191919;}
            .grid-item-white:last-child .grid-link {box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);}
               /*background*/
               .grid-bg {background-color: #fff; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.35s ease-in-out 0s;}
               .grid-item:not(.grid-item-white):hover .grid-bg {background-color: #000 !important;}
               /*text*/
               .grid-text {position: relative; z-index: 2; font-family: "MuseoSansRegular"; font-size: 20px; line-height: 1.2; text-transform: uppercase;}
                  /*title*/
                  .grid-title {font-family: "MuseoSansBlack"; font-size: 38px; line-height: 1.1; margin-bottom: 20px; transform: translateZ(0);}
                  /*subtitle*/
                  .grid-subtitle {font-size: 24px; line-height: 1.1;}
                  /*descr*/
                  .grid-descr {text-transform: none; opacity: 0.6;}
   .grid-list-link {margin-top: 40px; text-align: center;}

@media all and (min-width: 1025px) {
   .grid-inner {-webkit-transform: scale(0); -moz-transform: scale(0); transform: translateZ(0) scale(0); }
      .grid-inner.load-animate {-webkit-transform: scale(1); -moz-transform: scale(1); transform: translateZ(0) scale(1);}
   /*background*/
   .grid-item:not(.grid-item-white):hover .grid-bg {background-color: #000 !important;}
      .grid-bg img {-webkit-transform: perspective(1000px) translate3d(0,0,0); -moz-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
      .grid-item:hover .grid-bg img {-webkit-transform: perspective(1000px) translate3d(0,0,80px); -moz-transform: perspective(1000px) translate3d(0,0,80px); transform: perspective(1000px) translate3d(0,0,80px); opacity: 0.3;}
   /*text*/
   .grid-item:not(.grid-item-white) .grid-text {opacity: 0; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4);}
   .grid-item:not(.grid-item-white):hover .grid-text {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}

   .grid-list-link {margin-left: 797px; text-align: left;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .grid-list-link {margin-left: 58%}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .grid-item-large:not(:first-child) {height: 380px;}
}
@media all and (max-width: 1024px) {
   .grid-item:not(.grid-item-white) .grid-bg {background-color: #000 !important;}
   .grid-item .grid-bg img {opacity: 0.4;}
}
@media all and (min-width: 1280px) {
   .grid-list {width: 1140px;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .grid-list {width: 760px;}
}
@media all and (max-width: 959px) {
   .grid-text {font-size: 18px;}
      .grid-title {font-size: 34px;}
      .grid-subtitle {font-size: 21px; margin-bottom: 5px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .grid-list {width: 700px;}
      .grid-item {width: 350px; height: 350px;}
      .grid-item-large:not(:first-child) {height: 700px;}
}
@media all and (max-width: 767px) {
   .grid-list {width: 380px;}
      .grid-item-large {height: 380px;}
         .grid-item-white:last-child .grid-link:not(:hover) {box-shadow: 0px 0px 25px rgba(0, 0, 0, 0);}
}
@media all and (max-width: 480px) {
   .grid-list-wrapp .wrapp-inner {padding: 0;}
      .grid-list {width: 320px; max-width: 100%;}
         .grid-link {padding: 60px 10px 20px 25px;}
         .grid-item, .grid-item-large {width: 320px; max-width: 100%; min-height: 345px;}
            .grid-bg img {height: 100%; width: auto; max-width: none; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
            .grid-title {font-size: 30px;}
}
@media all and (max-width: 375px) {
   .grid-list-wrapp.content-inner {padding-top: 0;}
   .grid-list, .grid-item {width: 100%;}
   .grid-list-link {margin-top: 30px;}
}

/*.grid-list decor*/
.grid-list-wrapp .dotted-bl-1 {left: 0; bottom: 0; width: 50%; height: 50%;}
.grid-list-wrapp .dotted-bl-2 {right: 0; top: 0; width: 176px; height: 60%;}

.grid-list-wrapp .triangle-bl-small {top: 30%; left: 120px}
.grid-list-wrapp .triangle-bl-medium {width: 90px; height: 80px; top: 10px; left: 50%; margin-left: -300px;}
.grid-list-wrapp .triangle-bl-large {width: 353px; height: 315px; top: 60%; left: 100%; margin-left: -300px;}

@media all and (min-width: 1025px) and (max-width: 1366px) {
   .grid-list-wrapp .triangle-bl-small {left: 40px;}
   .grid-list-wrapp .triangle-bl-large {top: 70%; width: 240px; height: 216px; margin-left: -180px;}
}
@media all and (max-width: 1024px) {
   .grid-list-wrapp .dotted-bl {display: none;}
   .grid-list-wrapp .triangle-bl {display: none !important;}
}


/*====================================================
   .dual-bl
====================================================*/
.dual-bl-left {color: #fff;}
   .dual-bl-left-item {display: table; width: 100%; height: 320px; padding: 0 35px 0 70px;}
      .dual-bl-left-item-in {display: table-cell; vertical-align: middle;}
         .dual-bl-left-item-icon {float: left; width: 104px;}
            .dual-bl-left-item-title {font-family: "MuseoSansBold"; line-height: 1.2; margin-bottom: 15px;}
            .dual-bl-left-item-descr {font-size: 18px;}
               .dual-bl-left-item-descr ul {margin: 0 0 0 18px; padding: 0;}
                  .dual-bl-left-item-descr ul li {margin: 0 0 10px; padding: 0;}
                  .dual-bl-left-item-descr ul li:last-child {margin-bottom: 0;}
.dual-bl-right .all-publication {margin-bottom: 20px;}

@media all and (min-width: 1367px) {
   .dual-bl.content-inner {padding: 145px 0;}
}
@media all and (min-width: 1280px) and (max-width: 1366px) {
   .dual-bl.content-inner {padding: 130px 0;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .dual-bl.content-inner {padding: 120px 0;}
}
@media all and (min-width: 960px) {
   .dual-bl-wrapp {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
      .dual-bl-right {width: 50%; padding-left: 70px; order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2;}
      .dual-bl-left {width: 50%; order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .dual-bl-left-item {padding: 0 40px;}
   .dual-bl-right {padding-left: 40px;}
}
@media all and (max-width: 959px) {
   .dual-bl-right {margin-bottom: 40px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .dual-bl-right {padding: 0 45px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .dual-bl-left-item {padding: 0 40px;}
}
@media all and (max-width: 639px) {
   .dual-bl.content-inner {padding-bottom: 0;}
      .dual-bl-left-item {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .dual-bl-left-item-icon {float: none; margin-bottom: 20px;}
         .dual-bl-left-item-text {padding-left: 0 !important;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .dual-bl-left-item {padding: 0 35px; margin-left: -35px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .dual-bl-left-item {padding: 0 30px; margin-left: -30px;}
}
@media all and (max-width: 375px) {
   .dual-bl-right {margin-bottom: 30px; font-size: 16px;}
      .dual-bl-right .all-publication {margin-bottom: 15px;}
   .dual-bl-left-item {padding: 0 25px; margin-left: -25px;}
      .dual-bl-left-item-icon img {max-height: 53px; width: auto;}
}

/*.dual-bl-decor-set*/
.dual-bl-decor-set .dotted-bl-1 {width: 35%; height: 100%; top: 0; left: 0;}
.dual-bl-decor-set .dotted-bl-2 {top: 0; right: 0; width: 184px; height: 370px;}
.dual-bl-decor-set .dotted-bl-3 {bottom: 0; right: 0; width: 797px; max-width: 45%; margin-right: -80px; height: 145px;}

.dual-bl-decor-set .triangle-bl-1 {z-index: 0; top: 75%; left: 10%;}
.dual-bl-decor-set .triangle-bl-2 {top: 5%; left: 50%; margin-left: 220px;}
.dual-bl-decor-set .triangle-bl-3 {top: 45%; left: 50%; margin-left: 640px;}
.dual-bl-decor-set .triangle-bl-4 {z-index: 0; top: 70%; left: 100%; margin-left: -30px;}
.dual-bl-decor-set .triangle-bl-medium {top: 10%; left: 47%;}
.dual-bl-decor-set .triangle-bl-large {top: 36%; left: 50%; margin-left: -800px;}

@media all and (max-width: 1279px) {
   .dual-bl-decor-set .dotted-bl-3 {height: 120px;}
}
@media all and (min-width: 960px) and (max-width: 1366px) {
   .dual-bl-decor-set .triangle-bl-1 {left: 20px; margin-left: 0;}
   .dual-bl-decor-set .triangle-bl-3 {left: 90%; margin-left: 0;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .dual-bl-decor-set .dotted-bl-3 {margin-right: -40px;}
}
@media all and (max-width: 959px) {
   .dual-bl-decor-set .dotted-bl-1, .dual-bl-decor-set .dotted-bl-2 {display: none;}
   .dual-bl-decor-set .dotted-bl-3 {max-width: 60%; margin: 0;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .dual-bl-decor-set .triangle-bl-1 {top: 85%; left: 5px;}
   .dual-bl-decor-set .triangle-bl-2 {left: 100%; margin-left: -200px;}
   .dual-bl-decor-set .triangle-bl-3 {top: 120%; left: 50%; margin-left: -150px; z-index: 0;}
   .dual-bl-decor-set .triangle-bl-4 {top: 100%; left: 100%; margin-left: -300px;}
   .dual-bl-decor-set .triangle-bl-medium {top: 40%; left: 100%; margin-left: -100px;}
   .dual-bl-decor-set .triangle-bl-large {left: 0; margin-left: -140px;}
}
@media all and (max-width: 639px) {
   .dual-bl-decor-set .dotted-bl-3 {display: none;}
}


/*====================================================
   .ex-promotion (Примеры продвижения)
====================================================*/
.ex-promotion { padding: 73px 0 100px; }
   .ex-promotion .all-publication {text-align: center; margin-bottom: 50px;}
   .ex-promotion.blue-gradient-bl .all-publication {font-family: "MuseoSansRegular"; font-size: 26px; color: #fff;}
      .ex-promotion h2, .ex-promotion .h2 { text-align: center; margin-bottom: 10px; }
      .ex-promotion.blue-gradient-bl h2, .ex-promotion.blue-gradient-bl .h2 {color: #fff;}
   .ex-promotion-in { margin: 0 auto;  position: relative;  color: #043646; font-size: 20px; line-height: 130%; }
   .ex-promotion.blue-gradient-bl .ex-promotion-in {font-family: "MuseoSansRegular"; color: #fff;}
   .promo1 .ex-promotion-in, .main .ex-promotion-in {max-width: 1580px; padding-left: 35px; padding-right: 35px;}
      .ex-top {margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
      .no-flexbox .ex-top {display: table;}
         .no-flexbox .ex-logo, .no-flexbox .ex-name {display: table-cell; vertical-align: middle;}
         .ex-logo div {width: 253px; margin-right: 30px;}
         .ex-name {font-size: 44px; line-height: 1;}
            .ex-name span {display: inline-block; line-height: 0.9; border-bottom: 2px solid #043646;}
            .ex-promotion.blue-gradient-bl .ex-name span {border-color: rgba(255,255,255,.6);}
      .ex-promo-slide .fl, .ex-promo-slide .fr { position: relative; }
         .ex-promo-slide img { max-width: 100%; height: auto; }
      .ex-promo-slide .fl { width: 60%; padding-right: 20px; }
            .ex-col { float: left; width: 50%; }
            .ex-done { padding-right: 20px; }
            .ex-rezult { padding-left: 20px; }
               .ex-col .tt { font-family: 'DINProMedium'; font-size: 26px; line-height: 100%; margin-bottom: 19px; }
               .ex-col ul { margin: 0; padding: 0; list-style: none; }
                  .ex-col ul li { display: block; position: relative; padding: 0 0 15px 15px; }
                  .ex-col ul li:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #333333; }
                  .ex-col.ex-rezult ul li:before { background: #fe745c; }
                  .ex-promotion.blue-gradient-bl .ex-col ul li:before {background: #fff;}
                  .ex-promotion.blue-gradient-bl .ex-col.ex-rezult ul li:before { background: #f7931e; }
      .ex-promo-slide .fr { width: 40%; text-align: right; }
         .ex-promo-slide .fr .ex-url { display: block; position: absolute; top: 14px; left: 50%; z-index: 5; padding: 12px 20px 19px; min-width: 390px; border: 1px solid #b3b3b3; border-radius: 50px; color: #043646; font-family: 'DINProMedium'; font-size: 34px; line-height: 100%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
            .ex-promo-slide .fr .ex-url:hover { border-color: #fe745c; }
      .ex-promotion .go-all { padding-top: 30px; }
      .ex-promotion-link {text-align: center; margin-top: 40px;}
         .ex-promotion.blue-gradient-bl .ex-promotion-link .arrow-link {text-align: left;}
         .ex-promotion.blue-gradient-bl .ex-promotion-link .arrow-link:not(:hover) {color: #fff;}
            .ex-promotion.blue-gradient-bl .ex-promotion-link .arrow-link:not(:hover) .svg-el-stroke {stroke: #fff;}
            .ex-promotion.blue-gradient-bl .ex-promotion-link .arrow-link:not(:hover) .svg-el-fill {fill: #fff;}
      /* slick slider */
      .ex-promotion-slider:not(.slick-initialized) .ex-promo-slide { display: none; }
      .ex-promotion-slider:not(.slick-initialized) .ex-promo-slide:first-child { display: block !important; }
         .ex-promotion .slick-prev { left: -95px; }
         .ex-promotion .slick-next { right: -95px; }
            .ex-promotion.blue-gradient-bl .slick-dots button, .ex-promotion.blue-gradient-bl .slick-dots li.slick-active button {border-color: #fff;}
            .ex-promotion.blue-gradient-bl .slick-dots li:hover button, .ex-promotion.blue-gradient-bl .slick-dots li.slick-active button {background: #fff;}

@media all and (min-width: 1280px) and (max-width: 1366px) {
   .ex-name {font-size: 38px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .ex-promotion-in {font-size: 18px;}
      .ex-name {font-size: 34px;}
}
@media all and (max-width: 1024px) {
   .ex-promotion { padding: 80px 0 58px; }
      .ex-promotion .all-publication { margin-bottom: 40px; }
      .ex-promotion.blue-gradient-bl .all-publication {font-size: 24px;}
      .ex-promotion-in { padding-top: 80px; }
         .ex-promo-slide .fl, .ex-promo-slide .fr { float: none; width: 100%; margin-bottom: 20px; }
         .ex-promo-slide .fl {padding-right: 0;}
         .ex-promo-slide .fr { text-align: center; }
            .ex-logo div { width: 200px; margin-right: 20px; }
            .ex-name {font-size: 28px;}
            .ex-promo-slide .fr .ex-url { top: 30px; }
      .ex-promotion .slick-slider { padding-bottom: 0; }
         .ex-promotion .slick-dots { bottom: auto; top: -60px; }
         .ex-promotion .slick-prev, .ex-promotion .slick-next { top: -83px; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
         .ex-promotion .slick-prev { left: 0px; }
         .ex-promotion .slick-next { right: 0px; }
}
@media all and (max-width: 767px) {
   .ex-promotion { padding: 50px 0; }
      .ex-promotion .all-publication {margin-bottom: 20px;}
      .ex-promotion-in {font-size: 18px;}
      .promo1 .ex-promotion-in, .main .ex-promotion-in { padding-left: 0; padding-right: 0; }
         .ex-top, .no-flexbox .ex-top {display: block; margin-bottom: 30px;}
            .no-flexbox .ex-logo, .no-flexbox .ex-name {display: block;}
            .ex-logo {margin-bottom: 20px;}
               .ex-logo div {width: 100%;}
            .ex-name {line-height: 1.2;}
               .ex-name span {line-height: 1;}
         .ex-col { float: none; width: 100%; padding: 0; }
         .ex-done {margin-bottom: 20px;}
            .ex-promo-slide .fr .ex-url { top: 0; min-width: 100px; font-size: 20px; line-height: 100%; padding: 5px 20px 8px; }
            .ex-col ul li:before {top: 7px;}
         .ex-promotion .slick-prev, .ex-promotion .slick-next { top: -72px; }
         .ex-promotion .slick-dots {top: -65px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .ex-promotion.blue-gradient-bl .all-publication {font-size: 22px;}
   .ex-name, .ex-name span {font-size: 26px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .ex-promotion.blue-gradient-bl .all-publication {font-size: 20px;}
   .ex-name {font-size: 24px; }
   .ex-col .tt {font-size: 24px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .ex-promotion.blue-gradient-bl .all-publication {font-size: 18px;}
   .ex-name {font-size: 22px; }
   .ex-col .tt {font-size: 22px;}
}
@media all and (max-width: 375px) {
   .ex-promotion.blue-gradient-bl .all-publication {font-size: 16px;}
   .ex-promotion-in {font-size: 16px;}
   .ex-name {font-size: 20px;}
   .ex-logo {text-align: center;}
   .ex-col .tt {font-size: 20px;}
   .ex-col ul li:before {top: 5px;}
}


/*====================================================
   .expert-personnel
====================================================*/
.expert-personnel .all-publication {text-align: center; font-size: 26px; max-width: 768px; margin: 0  auto 40px;}
   .expert-personnel-in {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
      .expert-personnel-list {width: 55%; padding-right: 25px; position: relative;}
         .expert-personnel-list:after {content: ''; position: absolute; top: 50%; margin-top: -71px; right: -60px; width: 124px; height: 142px; background: url('../i/triangle-left.svg') 0 0 / contain no-repeat;}
         .expert-personnel-list-in {border: 4px solid #b3b3b3; height: 100%; padding: 25px 25px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
            .expert-personnel-list-wrapp {font-size: 0; line-height: 0;}
               .expert-personnel-list-item {display: inline-block; vertical-align: top; width: 33.333%; text-align: center; margin-bottom: 25px;}
                  .expert-personnel-list-item-in {display: inline-block;}
                     .expert-personnel-list-icon {width: 147px; height: 147px; line-height: 147px; border-radius: 100%; background: #f2f2f2; border: 3px solid #f2f2f2; margin: 0 auto 10px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                     .expert-personnel-list-item-in:hover .expert-personnel-list-icon {border-color: #ff4c68;}
                        .expert-personnel-list-icon .svg-el {fill: #4389ff;}
                        .expert-personnel-list-item-in:hover .expert-personnel-list-icon .svg-el {fill: #ff4c68;}
                     .expert-personnel-list-title {font-family: 'robotolight'; font-size: 20px; line-height: 1.3;}
      .expert-personnel-result {width: 45%; padding-left: 25px;}
         .expert-personnel-result-in {background: #f2f2f2; height: 100%; padding: 25px 40px 25px 80px; font-family: 'robotomedium'; font-size: 20px; line-height: 1.7;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
            .expert-personnel-result ul {list-style: none; margin: 17px 0 20px; padding: 0;}
               .expert-personnel-result ul li {margin: 0; padding: 20px 0 20px 27px; font-family: 'robotobold'; font-size: 26px; line-height: 1; color: #000; position: relative;}
                  .expert-personnel-result ul li:before {content: ''; position: absolute; top: 27px; left: 0; width: 14px; height: 14px; background: #ff4c68;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .expert-personnel-list {padding-right: 15px;}
      .expert-personnel-list:after {width: 90px; height: 102px; margin-top: -51px; right: -40px;}
      .expert-personnel-list-in {padding: 20px 20px 0;}
         .expert-personnel-list-icon {width: 117px; height: 117px; line-height: 117px;}
         .expert-personnel-list-title {font-size: 18px;}
   .expert-personnel-result {padding-left: 15px;}
      .expert-personnel-result-in {padding: 20px 20px 20px 40px; font-size: 18px;}
         .expert-personnel-result ul {margin: 10px 0;}
            .expert-personnel-result ul li {padding: 10px 0 10px 27px; font-size: 22px;}
               .expert-personnel-result ul li:before {top: 15px;}
}
@media all and (max-width: 1024px) {
   .expert-personnel .all-publication {font-size: 24px;}
   .expert-personnel-in {display: block;}
      .expert-personnel-list {width: 100%; padding-right: 0; margin-bottom: 60px;}
         .expert-personnel-list-in {display: block; padding-bottom: 25px;}
         .expert-personnel-list:after {right: 50%; top: 100%; margin-top: -40px; margin-right: -62px; transform: rotate(90deg);}
      .expert-personnel-result {width: 100%; padding-left: 0;}
         .expert-personnel-result-in {padding: 40px 35px;}
}
@media all and (max-width: 767px) {
   .expert-personnel-list {margin-bottom: 40px;}
      .expert-personnel-list:after {width: 90px; height: 102px; margin-top: -30px; margin-right: -46px;}
   .expert-personnel-result-in {font-size: 18px; line-height: 1.5;}
      .expert-personnel-result ul {margin: 10px 0;}
         .expert-personnel-result ul li {padding: 10px 0 10px 27px; font-size: 22px;}
            .expert-personnel-result ul li:before {top: 15px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .expert-personnel .all-publication {font-size: 22px;}
   .expert-personnel-list-icon {width: 127px; height: 127px; line-height: 127px;}
   .expert-personnel-list-title {font-size: 18px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .expert-personnel .all-publication {font-size: 20px;}
   .expert-personnel-list-item {width: 50%;}
}
@media all and (max-width: 480px) {
   .expert-personnel-list-item {display: block; width: 100%;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .expert-personnel .all-publication {font-size: 18px; margin-bottom: 30px;}
   .expert-personnel-result-in {padding: 40px 30px;}
      .expert-personnel-result ul li {font-size: 20px;}
}
@media all and (max-width: 375px) {
   .expert-personnel.content-inner {padding-bottom: 0;}
      .expert-personnel .all-publication {font-size: 16px; margin-bottom: 20px;}
      .expert-personnel-list-title {font-size: 18px;}
      .expert-personnel-result-in {font-size: 16px; line-height: 1.4; padding: 40px 25px; width: 100%; margin-left: -25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
         .expert-personnel-result ul li {font-size: 18px; padding-left: 25px;}
            .expert-personnel-result ul li:before {width: 12px; height: 12px;}
}


/*====================================================
   .stages-work-global (6 steps !!!)
====================================================*/
.stages-work-global .wrapp-inner-wide {max-width: 1920px;}
.stages-work-global .wrapp {padding: 0 35px;}
   .stages-work-global h2, .stages-work-global .h2 {color: #fff; text-align: center;}
   .stages-work-global-list {margin: 0; padding: 60px 0 0; list-style: none; counter-reset: li; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
   .no-flexbox .stages-work-global-list:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
      .stages-work-global-list-item {width: 16.666666%; margin: 0; padding: 0; position: relative;}
      .no-flexbox .stages-work-global-list-item {float: left;}
         .stages-work-global-list-num {position: relative; margin-bottom: 20px;}
            .stages-work-global-list-num:before {content: ''; position: absolute; top: 50%; left: 100%; margin-left: -16%; width: 32%; height: 33px; max-height: 25%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url('../i/arrow-left.svg') 100% 0 / contain no-repeat;}
            .stages-work-global-list-item:last-child .stages-work-global-list-num:before {display: none;}
            .stages-work-global-list-num span {width: 48%; max-width: 147px; margin: 0 auto;  border-radius: 100%; text-align: center; background: #fff; border: 2px solid #ff4c68; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
               .stages-work-global-list-num span:before {content: counter(li); counter-increment: li; display: block; width: 100%; padding-bottom: 6px; font-family: 'DINProBold'; font-size: 90px; font-size: 4.65vw; line-height: 1; color: #000;}
               .stages-work-global-list-num span:after {content: ''; display: block; padding-top: 100%;}
         .stages-work-global-list-text {padding: 0 6%; text-align: center; font-family: 'robotolight'; font-size: 20px; line-height: 1.2; color: #d5d5d5;}
            .stages-work-global-list-title {margin-bottom: 5px; font-family: 'DINProMedium'; font-size: 26px; line-height: 1.2; text-transform: uppercase;} 

@media all and (min-width: 1480px) and (max-width: 1679px) {
   .stages-work-global-list-num span:before {font-size: 80px; font-size: 4.65vw;}
   .stages-work-global-list-text {font-size: 19px;}
   .stages-work-global-list-title {font-size: 24px;}
}
@media all and (min-width: 1367px) and (max-width: 1479px) {
   .stages-work-global-list-num span:before {font-size: 70px; font-size: 4.65vw;}
   .stages-work-global-list-text {font-size: 18px;}
   .stages-work-global-list-title {font-size: 22px;}
}
@media all and (min-width: 1280px) and (max-width: 1366px) {
   .stages-work-global-list-num span:before {font-size: 60px; font-size: 4.65vw;}
   .stages-work-global-list-text {font-size: 16px;}
   .stages-work-global-list-title {font-size: 20px;}
}
@media all and (min-width: 640px) and (max-width: 1279px) {
   .stages-work-global-list {max-width: 1024px; margin: 0 auto;}
      .stages-work-global-list-item {width: 33.333%; padding-bottom: 5%;}
      .stages-work-global-list-item:nth-last-child(-n+3) {padding-bottom: 0;}
      .stages-work-global-list-item:nth-child(4) {order: 6; -webkit-box-ordinal-group: 6; -webkit-order: 6; -ms-flex-order: 6;}
      .stages-work-global-list-item:nth-child(5) {order: 5; -webkit-box-ordinal-group: 5; -webkit-order: 5; -ms-flex-order: 5;}
      .stages-work-global-list-item:nth-child(6) {order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4;}
      .no-flexbox .stages-work-global-list-item:nth-child(4), .no-flexbox .stages-work-global-list-item:nth-child(5), .no-flexbox .stages-work-global-list-item:nth-child(6) {float: right;}
         .stages-work-global-list-item:nth-child(3):before {content: ''; position: absolute; right: 0; top: 0; margin-top: 22.5%; width: 10px; max-width: 3.5%; height: 100%; background: #ff4c68}
         .stages-work-global-list-item:nth-child(3) .stages-work-global-list-num, .stages-work-global-list-item:nth-child(4) .stages-work-global-list-num {overflow: hidden;}
            .stages-work-global-list-item:nth-child(4) .stages-work-global-list-num:before, .stages-work-global-list-item:nth-child(5) .stages-work-global-list-num:before, .stages-work-global-list-item:nth-child(6) .stages-work-global-list-num:before {display: block; -webkit-transform: rotateY(180deg) translateY(-50%);transform: rotateY(180deg) translateY(-50%);}
            .stages-work-global-list-item:nth-child(3) .stages-work-global-list-num:before {background-position: 50% 0; margin-left: -18%;}
            .stages-work-global-list-item:nth-child(4) .stages-work-global-list-num:before {background-position: 0 0; margin-left: -20%;}
            .stages-work-global-list-num span:before {font-size: 90px; font-size: 8vw;}
         .stages-work-global-list-text {padding: 0 8%;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .stages-work-global-list-num span:before {font-size: 80px; font-size: 8vw;}
   .stages-work-global-list-title {font-size: 24px;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   .stages-work-global-list {padding-top: 40px;}
      .stages-work-global .wrapp-inner-wide, .stages-work-global .wrapp {padding: 0;}
         .stages-work-global-in {padding-right: 35px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .stages-work-global-list-num span:before {font-size: 70px; font-size: 8vw;}
   .stages-work-global-list-text {font-size: 17px;}
   .stages-work-global-list-title {font-size: 20px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .stages-work-global-list-num span:before {font-size: 50px; font-size: 8vw;}
   .stages-work-global-list-text {font-size: 16px;}
   .stages-work-global-list-title {font-size: 18px;}
}
@media all and (max-width: 639px) {
   .stages-work-global-list {display: block; padding-top: 30px;}
      .stages-work-global-list-item {width: 100%; padding-bottom: 100px;}
      .stages-work-global-list-item:last-child {padding-bottom: 0;}
         .stages-work-global-list-item:before {content: ''; position: absolute; bottom: 0; margin-bottom: 15px; left: 50%; margin-left: -16px; width: 33px; height: 70px; background: url('../i/arrow-down.svg') 0 100%; / contain no-repeat;}
         .stages-work-global-list-item:last-child:before {display: none;}
         .stages-work-global-list-num:before {display: none;}
         .stages-work-global-list-num span:before {font-size: 90px;}
         .stages-work-global-list-text {max-width: 320px; margin: 0 auto; padding: 0;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .stages-work-global-list-num span {max-width: 130px;}
      .stages-work-global-list-num span:before {font-size: 80px;}
   .stages-work-global-list-title {font-size: 24px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .stages-work-global-list-num span {max-width: 120px;}
      .stages-work-global-list-num span:before {font-size: 70px;}
   .stages-work-global-list-text {font-size: 18px;}
   .stages-work-global-list-title {font-size: 22px;}
}
@media all and (max-width: 375px) {
   .stages-work-global-list {padding-top: 20px;}
      .stages-work-global-list-num span {max-width: 100px;}
         .stages-work-global-list-num span:before {font-size: 60px;}
      .stages-work-global-list-text {font-size: 16px;}
      .stages-work-global-list-title {font-size: 20px;}
}


/*====================================================
   .we-not-use
====================================================*/
.main .stages-work-global, .stages-work-global.content-inner {padding-bottom: 250px;}
.main .we-not-use, .we-not-use.content-inner {padding: 0;}
.main .we-not-use {margin-bottom: 120px;}
   .main .we-not-use .wrapp {max-width: 1580px; padding: 0 35px;}
      .we-not-use-in {padding: 100px 0 50px 120px; margin-top: -120px; background: #fff; box-shadow: 0 0 45px rgba(0,0,0,.15);}
         .we-not-use h3, .we-not-use .h3 {padding-right: 120px;}
         .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-family: "MuseoSansBold"; font-size: 50px;}
         .main .we-not-use h3, .main .we-not-use .h3 {text-align: center;}
         .we-not-use-list {margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0;}
            .we-not-use-list li {display: inline-block; vertical-align: top; position: relative; width: 50%; margin: 50px 0; padding: 0 60px 0 90px; font-family: 'robotolight'; font-size: 26px; line-height: 1.4;}
               .we-not-use-list li:before {content: ''; position: absolute; top: 0; left: 0; width: 61px; height: 61px; background: url('../i/sect-pink.svg') 0 0 / contain no-repeat;}

/*decor*/
.we-not-use .dotted-bl {height: 180px; left: 0; top: 120px; width: 100%;}
.we-not-use .triangle-bl-1.triangle-bl-small {left: 30%; top: -80px; z-index: 3;}
.we-not-use .triangle-bl-2.triangle-bl-small {left: 10%; top: 120%;}
.we-not-use .triangle-bl-medium {top: 100%; left: 40%; margin-top: -50px; width: 90px; height: 79px; z-index: 3;}
.we-not-use .triangle-bl-x-large {left: 80%; top: 100%; margin-top: -40px;}


@media all and (min-width: 1280px) and (max-width: 1366px) {
   .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-size: 45px;}  
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .we-not-use-in {padding: 100px 0 50px 60px;}
      .we-not-use h3, .we-not-use .h3 {padding-right: 60px;}
      .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-size: 40px;}  
}
@media all and (max-width: 1024px) {
   .base-page .we-not-use h3, .base-page .we-not-use .h3 {text-align: center;} 
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .main .stages-work-global, .stages-work-global.content-inner {padding-bottom: 160px;}
   .main .we-not-use {margin-bottom: 80px;}
   .we-not-use .dotted-bl {top: 90px;}
   .we-not-use-in {padding: 60px 0 35px 35px; margin-top: -90px;}
      .we-not-use h3, .we-not-use .h3 {padding-right: 35px;}
      .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-size: 35px;}  
      .we-not-use-list li {padding-right: 35px; margin: 35px 0;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .we-not-use-list li {font-size: 24px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .we-not-use-list li {font-size: 22px;}
}
@media all and (max-width: 767px) {
   .main .stages-work-global, .stages-work-global.content-inner {padding-bottom: 100px;}
   .main .we-not-use {margin-bottom: 0;}
   .we-not-use .dotted-bl {top: 60px;}
   .we-not-use-in {padding: 40px 35px; margin-top: -60px;}
      .we-not-use h3, .we-not-use .h3 {padding-right: 0;}
      .we-not-use-list li {display: block; width: 100%; min-height: 61px; padding-right: 0; margin: 40px 0 0;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .we-not-use-list li {font-size: 24px;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .main .we-not-use, .we-not-use.content-inner {padding-bottom: 50px;}
      .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-size: 30px;}
      .we-not-use-list li {font-size: 22px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .main .we-not-use, .we-not-use.content-inner {padding-bottom: 40px;}
      .we-not-use-in {padding: 40px 30px;}
         .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-size: 25px;}
         .we-not-use-list li {font-size: 20px; padding-left: 70px; margin-top: 30px; min-height: 51px;}
            .we-not-use-list li:before {width: 51px; height: 51px;}
}
@media all and (max-width: 375px) {
   .main .stages-work-global, .stages-work-global.content-inner {padding-bottom: 40px;}
   .we-not-use .dotted-bl {display: none;}
   .we-not-use-in {padding: 40px 25px; margin-top: 0; margin-left: -25px; width: 100%; -webkit-box-sizing: content-box; box-sizing: content-box;}
      .base-page .we-not-use h3, .base-page .we-not-use .h3 {font-size: 20px;}
      .we-not-use-list li {font-size: 18px; padding-left: 60px; margin-top: 20px; min-height: 41px;}
         .we-not-use-list li:before {width: 41px; height: 41px;}
}


/*====================================================
   About company page
====================================================*/
.about-page .content-inner { padding-bottom: 0; }

/*--- our-team : start ---*/
.our-team { background: #f2f2f2; padding: 56px 0 60px; font-family: 'DINProLight'; }
   .our-team .mini-title { text-transform: uppercase; margin-bottom: 50px; text-align: left; }
   .all-item-team { text-align: left; font-size: 0; line-height: 0; }
      .item-team { display: inline-block; vertical-align: top; width: 280px; margin: 0 0 50px; padding: 0 19px; text-align: center; }
         .it-team-photo { border-radius: 50%; overflow: hidden; margin-bottom: 10px; background-color: #fff; }
         .new-people .it-team-photo { display: block; position: relative; background-color: #3fa9f5; color: #fff; text-transform: uppercase; width: 242px; height: 242px; font-size: 24px; line-height: 235px; padding: 0 20px; overflow: visible; }
            .new-people .it-team-photo:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: inherit; background: transparent; box-shadow: inset 0 0 50px rgba(255,255,255,0.6); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; }
            .new-people .it-team-photo > span { display: inline-block; vertical-align: middle; position: relative; z-index: 3; line-height: 120%; }
               .new-people .it-team-photo:hover:before { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); transform: scale(0.94); opacity: 1; }
            .it-team-photo img { display: block; width: 100%; height: auto; }
         .it-team-name { font-size: 24px; line-height: 120%; }
            .it-team-name span { font-size: 14px; line-height: 130%; }
      .only-text { text-align: left; width: 560px; font-size: 46px; line-height: 120%; }

@media all and (max-width: 1120px) {
   .all-item-team { text-align: center; }
}
@media all and (max-width: 767px) {
   .only-text { font-size: 30px; }
}
@media all and (max-width: 600px) {
   .only-text { width: 100%; }
}
/*--- our-team : end ---*/

/*--- our-capabilities : start ---*/
.our-capabilities { background: #043646; padding: 98px 0 110px; color: #fff; text-align: center; }
   .our-capabilities h3, .our-capabilities .h3 { color: #fff; text-align: center; margin-bottom: 70px; }
   .our-capabilities-in { margin: 0 auto; max-width: 1380px; }
      .our-capabilities-in ul { display: block; margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; text-align: left; }
         .our-capabilities-in ul li { display: inline-block; vertical-align: top; width: 46.377%; margin: 0 0 10px 7.246%; padding: 0; text-align: center; font-family: 'DINProRegular'; font-size: 30px; line-height: 130%; }
            .our-capabilities-in ul li .our-capabilities-item { display: block; position: relative; width: 100%; height: 107px; padding: 0 15px; color: #fff; line-height: 96px; overflow: hidden; }
               .our-capabilities-in ul li .our-capabilities-item:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; width: 100%; height: 0; background: #fe745c; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
               .our-capabilities-in ul li .our-capabilities-item:hover { color: #fff; text-decoration: none; }
               .our-capabilities-in ul li .our-capabilities-item:hover:before { height: 100%; opacity: 1; }
               .our-capabilities-in ul li .our-capabilities-item > span { display: inline-block; vertical-align: middle; position: relative; z-index: 2; line-height: 118%; }

@media all and (min-width: 1025px) and (max-width: 1240px) {
   .our-capabilities { padding-bottom: 85px; }
      .our-capabilities-in ul li { font-size: 26px; }
         .our-capabilities-in ul li .our-capabilities-item { line-height: 102px; }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .our-capabilities { padding-bottom: 70px; }
      .our-capabilities-in ul li { font-size: 22px; }
         .our-capabilities-in ul li .our-capabilities-item { line-height: 100px; }
}
@media all and (min-width: 768px) {
   .our-capabilities-in ul li:nth-child(2n+1) { margin-left: 0; }
}
@media all and (max-width: 767px) {
   .our-capabilities { padding: 70px 0 30px; }
      .our-capabilities h3, .our-capabilities .h3 { margin-bottom: 50px; }
      .our-capabilities-in ul li { display: block; width: 100%; margin: 0 0 30px; font-size: 20px; }
         .our-capabilities-in ul li .our-capabilities-item { height: 90px; line-height: 85px; }
            .our-capabilities-in ul li .our-capabilities-item > span { line-height: 126%; }
}
/*--- our-capabilities : end ---*/

/*--- all-p-folio : start ---*/
.all-p-folio { text-align: center; font-size: 0; line-height: 0; }
   .p-folio { display: inline-block; vertical-align: top; width: 183px; margin: 0 0 26px; padding: 0 9px 0; font-size: 16px; line-height: 120%; }
      .p-folio a { display: block; text-decoration: underline; color: #17c0ff; text-align: left; }
         .p-folio a:hover { text-decoration: none; color: inherit; }
         .p-folio a img { display: block; margin: 0 auto 5px; max-width: 100%; border: 2px solid #dcdcdc; }
/*--- all-p-folio : end ---*/


/*====================================================
   Vacancy page
====================================================*/
/*--- photo-album : start ---*/
.photo-album { width: 346px; padding-top: 145px; font-size: 0; line-height: 0; text-align: left; }
   .it-ph { display: inline-block; vertical-align: top; width: 143px; margin: 0 0 13px 0 ; font-size: 16px; line-height: 120%; overflow: hidden; }
   .it-ph:nth-child(2n) { margin-left: 59px; }
      .it-ph img { display: block; max-width: 100%; margin-bottom: 5px; border: 1px solid #e6eaed; }

@media all and (max-width: 870px) {
   .photo-album { width: 100%; text-align: center; padding-top: 50px; }
      .it-ph { width: 163px; padding-left: 10px; padding-right: 10px; margin-left: 0 !important; }
}
/*--- photo-album : end ---*/


/*====================================================
   Contacts page
====================================================*/
.box-contacts { padding-bottom: 107px; }
   .item-contact { margin: 0 0 56px; font-family: 'DINProLight'; font-size: 30px; line-height: 145%; color: #4d4d4d; }
      .item-contact .tt { font-size: 18px; text-transform: uppercase; margin-bottom: 23px; }

.box-map { margin-bottom: 63px; height: 655px; }

.contacts-bot { text-align: center; font-size: 0; line-height: 0; }
   .photo-bl { display: inline-block; vertical-align: top; width: 493px; margin: 0 0 83px; padding: 0 35px; }
      .photo-bl img { max-width: 100%; }
   .levs { position: relative; }
      .levs img { display: block; position: relative; max-width: 200%; float: right; }

@media all and (max-width: 1540px) {
   .levs img { max-width: 100% ;float: none; }
}
@media all and (max-width: 767px) {
   .box-contacts { padding-bottom: 40px; }
      .item-contact { margin-bottom: 50px; }
         .item-contact .tt { margin-bottom: 18px; }
   .box-map { height: 380px; }
}
@media all and (max-width: 600px) {
   .photo-bl { width: 100%; margin-bottom: 50px; padding-left: 10px; padding-right: 10px; }
}


/*====================================================
   Reviews page
====================================================*/
.all-reviews { padding: 0; font-family: 'DINProRegular'; color: #8C8C8C; }
   .items-reviews { margin: 0 0 86px; }
      .it-review { margin: 0 0 67px; }
      .it-review:last-child { margin-bottom: 0; }
         .it-review .fl { width: 19.55%; }
            .it-review .fl a { display: block; position: relative; border: 1px solid #e1e1e1; text-align: center; }
               .it-review .fl a:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); }
               .it-review .fl a:before { display: block; content: ''; font-size: 0; position: absolute; width: 47px; height: 48px; background: url('../i/zoom-smoll.png') 50% no-repeat; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 5; 
                  -webkit-transition: all 0.3s ease;
                     -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                  -webkit-transform: scale(0);
                     -ms-transform: scale(0);
                     -o-transform: scale(0);
                        transform: scale(0);
               }
               .it-review .fl a:hover:before {
                  -webkit-transform: scale(1);
                     -ms-transform: scale(1);
                     -o-transform: scale(1);
                        transform: scale(1);
               }
               .it-review .fl img { max-width: 100%; }
                  .it-review .fl a:hover img { opacity: 0.4; }
         .it-review .fr { width: 76%; }
            .it-rev-name { color: #043646; font-size: 30px; line-height: 120%; margin-bottom: 26px; }

@media all and (max-width: 600px) {
   .it-review .fl, .it-review .fr { width: 100%; float: none; }
      .it-review .fl { padding-bottom: 35px; }
         .it-review .fl a { width: 219px; margin: 0 auto; }
}


/*====================================================
   Promotion parent page NEW
====================================================*/

/*--- promo-services : start ---*/
.promo-services {background: #f9f9f9;}
   .promo-services h2, .promo-services .h2 {text-align: center; padding-bottom: 20px;}
   .promo-services-list {margin-left: -40px; font-size: 0; line-height: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
      .promo-services-list-item {width: 25%; padding-left: 40px; margin-top: 40px; font-family: 'robotoregular'; font-size: 15px; line-height: 1.35; color: #4c4c4c;}
      .no-flexbox .promo-services-list-item {display: inline-block; vertical-align: top;}
         .promo-services-list-item-in {height: 100%; padding: 30px 30px 180px; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.1); position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
         .promo-services-list-item-in:hover {box-shadow: 0 8px 20px rgba(0,0,0,.15);}
            .promo-services-list-icon {height: 90px; line-height: 90px; margin-bottom: 20px;}
               .promo-services-list-icon img {vertical-align: middle;}
            .promo-services-list-title {margin-bottom: 5px;}
               .promo-services-list-title h4, .promo-services-list-title .h4 {color: #4c4c4c;}
            .promo-services-list-text {margin-bottom: 20px;}
            .promo-services-list-bottom {position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 30px;}
               .promo-services-list-link {margin-bottom: 15px;}
                  .promo-services-list-link a {text-decoration: underline; color: #4c4c4c;}
                  .promo-services-list-link a:hover {color: #ff4c68;}
               .promo-services-list-details {margin-bottom: 20px; font-family: "MuseoSansBold"; font-size: 16px;}
                  .promo-services-list-details > div {margin-bottom: 10px;}
                  .promo-services-list-details span {display: inline-block; width: 75px;}
               .promo-services-list-btn {text-align: center;}
                  .promo-services-list-btn .btn-border {width: 220px; height: 43px; line-height: 42px; border-color: #4389ff; color: #4389ff; font-family: "MuseoSansMedium"; font-size: 15px; text-transform: uppercase;}
                  .promo-services-list-btn .btn-border:hover {border-color: #ff4c68; background: #ff4c68; color: #fff;}

@media all and (max-width: 1366px) {
   .promo-services-list {margin-left: -20px;}
      .promo-services-list-item {padding-left: 20px; margin-top: 20px;}
}
@media all and (min-width: 1025px) and (max-width: 1679px) {
   .promo-services-list-item {width: 33.333%;}
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
   .promo-services-list-details {font-size: 15px;}
      .promo-services-list-details span {width: 60px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .promo-services-list-item {width: 50%;}
}
@media all and (max-width: 767px) {
   .promo-services-list {display: block; margin-bottom: 20px;}
      .promo-services-list .slick-track {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
         .promo-services-list .slick-slide {height: auto;}
         .promo-services-list-item {margin-top: 0; margin-bottom: 20px;}
            .promo-services-list-item-in, .promo-services-list-item-in:hover {box-shadow: none;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .promo-services-list-item-in {padding: 30px 20px 180px;}
      .promo-services-list-details {font-size: 15px;}
         .promo-services-list-details span {width: 60px;}
}
@media all and (max-width: 639px) {
   .promo-services-list {margin-left: 0}
      .promo-services-list-item {width: 100%; padding-left: 0;}
         .promo-services-list-title h4, .promo-services-list-title .h4 {font-size: 24px;}
}
@media all and (max-width: 375px) {
   .promo-services .wrapp-inner-wide {padding: 0;}
      .promo-services h2, .promo-services .h2 {padding: 0 25px 20px;}
      .promo-services-list-item-in {padding: 30px 25px 180px;}
         .promo-services-list-title h4, .promo-services-list-title .h4 {font-size: 22px;}
}
/*--- promo-services : end ---*/

/*--- promo-strategy : start ---*/
.promo-strategy .dual-bl-left-item-icon {width: 90px; padding-top: 30px;}
.promo-strategy .dual-bl-left-item-text {padding-left: 90px;}
   .promo-strategy .dual-bl-left-item-title {font-size: 52px; line-height: 0.7;}
      .promo-strategy .dual-bl-left-item-title strong {font-size: 122px;}
   .promo-strategy .dual-bl-left-item-descr {font-size: 30px;}

@media all and (min-width: 960px) and (max-width: 1279px) {
   .promo-strategy h2, .promo-strategy .h2 {font-size: 46px;}
}
@media all and (min-width: 481px) and (max-width: 1279px)  {
   .promo-strategy .dual-bl-left-item-title {font-size: 42px;}
      .promo-strategy .dual-bl-left-item-title strong {font-size: 90px;}
   .promo-strategy .dual-bl-left-item-descr {font-size: 26px;}
}
@media all and (max-width: 639px) {
   .promo-strategy .dual-bl-left-item-icon {padding-top: 0;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .promo-strategy .dual-bl-left-item-title {margin-top: -40px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .promo-strategy .dual-bl-left-item-title {font-size: 38px; margin-top: -30px;}
      .promo-strategy .dual-bl-left-item-title strong {font-size: 80px;}
   .promo-strategy .dual-bl-left-item-descr {font-size: 24px;}
}
@media all and (max-width: 375px) {
   .promo-strategy .dual-bl-left-item-title {font-size: 32px; margin-top: -20px;}
      .promo-strategy .dual-bl-left-item-title strong {font-size: 70px;}
   .promo-strategy .dual-bl-left-item-descr {font-size: 20px;}
}
/*--- promo-strategy : end ---*/

/*--- in-house-development : start ---*/
.in-house-development {background: -moz-linear-gradient(10.83% 119.12% 45deg,rgba(241, 90, 36, 1) 0%,rgba(211, 103, 71, 1) 2.77%,rgba(167, 123, 123, 1) 7.44%,rgba(129, 140, 167, 1) 12.02%,rgba(101, 152, 201, 1) 16.42%,rgba(80, 162, 225, 1) 20.58%,rgba(67, 167, 240, 1) 24.4%,rgba(63, 169, 245, 1) 27.59%,rgba(68, 138, 255, 1) 48.77%,rgba(241, 90, 36, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(241, 90, 36, 1) 0%, rgba(211, 103, 71, 1) 2.77%, rgba(167, 123, 123, 1) 7.44%, rgba(129, 140, 167, 1) 12.02%, rgba(101, 152, 201, 1) 16.42%, rgba(80, 162, 225, 1) 20.58%, rgba(67, 167, 240, 1) 24.4%, rgba(63, 169, 245, 1) 27.59%, rgba(68, 138, 255, 1) 48.77%, rgba(241, 90, 36, 1) 100%); background: -ms-linear-gradient(45deg, rgba(241, 90, 36, 1) 0%, rgba(211, 103, 71, 1) 2.77%, rgba(167, 123, 123, 1) 7.44%, rgba(129, 140, 167, 1) 12.02%, rgba(101, 152, 201, 1) 16.42%, rgba(80, 162, 225, 1) 20.58%, rgba(67, 167, 240, 1) 24.4%, rgba(63, 169, 245, 1) 27.59%, rgba(68, 138, 255, 1) 48.77%, rgba(241, 90, 36, 1) 100%); background: linear-gradient(45deg, rgba(241, 90, 36, 1) 0%, rgba(211, 103, 71, 1) 2.77%, rgba(167, 123, 123, 1) 7.44%, rgba(129, 140, 167, 1) 12.02%, rgba(101, 152, 201, 1) 16.42%, rgba(80, 162, 225, 1) 20.58%, rgba(67, 167, 240, 1) 24.4%, rgba(63, 169, 245, 1) 27.59%, rgba(68, 138, 255, 1) 48.77%, rgba(241, 90, 36, 1) 100%);}
.in-house-development.content-inner {padding-bottom: 0;}
   .in-house-development:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../i/dotted-pattern.png) 0 0 repeat; opacity: 0.45; z-index: 1;}
   .in-house-development .all-publication {text-align: center; font-size: 26px; color: #fff;}
      .in-house-development .all-publication p { opacity: 0.8;}
      .in-house-development .all-publication p:last-child {margin: 0; padding: 0;}
   .in-house-development-list {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 80px 0 100px;}
      .in-house-development-list-item {width: 25%; padding: 0 10px; text-align: center;}
         .in-house-development-list-icon {margin-bottom: 15px; height: 70px;}
            .in-house-development-list-icon svg {overflow: visible;}
               .in-house-development-list-icon svg-el {position: relative; z-index: 1;}
               .in-house-development-list-icon .svg-fill {fill: #000;}
               .in-house-development-list-icon .svg-stroke {stroke: #000;}
               .in-house-development-list-icon .svg-anim {z-index: 2;}
               .in-house-development-list-item:hover .in-house-development-list-icon .svg-anim {animation: circle 3s ease;}
         .in-house-development-list-title {font-family: "MuseoSansMedium"; font-size: 26px; color: #000; margin-bottom: 10px;}
         .in-house-development-list-text {font-family: 'robotoregular'; font-size: 20px; line-height: 1.2; color: #fff; opacity: 0.8;}

/*@keyframes circle {
   from {transform: rotate(0deg) translateX(10px) rotate(0deg);}
   to   {transform: rotate(360deg) translateX(10px) rotate(-360deg);}
}*/

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .in-house-development-list-title {font-size: 24px;}
   .in-house-development-list-text {font-size: 18px;}
}
@media all and (max-width: 1024px) {
   .in-house-development-list {margin: 60px 0 20px;}
      .in-house-development-list-item {margin-bottom: 60px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .in-house-development-intro-text {font-size: 24px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .base-page .in-house-development + .content-inner {padding-top: 180px;}
   .in-house-development .all-publication {font-size: 22px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .in-house-development-list-item {width: 50%;}
}
@media all and (max-width: 639px) {
   .in-house-development-list {display: block;}
      .in-house-development-list-item {width: 100%; padding: 0;}
         .in-house-development-list-title {font-size: 24px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .in-house-development .all-publication {font-size: 20px;}
}
@media all and (max-width: 480px) {
   .in-house-development .all-publication {font-size: 18px;}
   .in-house-development-list {margin: 40px 0 60px;}
      .in-house-development-list-item {margin-bottom: 40px;}
         .in-house-development-list-icon {margin-bottom: 5px;}
         .in-house-development-list-text {font-size: 18px;}
         .in-house-development-list-title {font-size: 22px;}
}
@media all and (max-width: 375px) {
   .in-house-development-intro-text {font-size: 16px;}
}

/*indynamic*/
.cms-indynamic {background: #fff;}
   .cms-indynamic-image {float: left; width: 522px;}
      .cms-indynamic-image img {margin-top: -50px;}
   .cms-indynamic-text {padding-left: 542px;}
      .cms-indynamic-text-in {padding: 70px 0;}
         .cms-indynamic-title {font-family: "MuseoSansMedium"; font-size: 70px; color: #000; margin-bottom: 15px;}
            .cms-indynamic-title strong {font-family: "MuseoSansBlack"; color: #f15a24;}
         .cms-indynamic-descr {font-family: "MuseoSansRegular"; font-size: 26px; margin-bottom: 35px; padding-right: 70px;}
         .cms-indynamic-details ul {margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
            .cms-indynamic-details ul li {width: 33.333%; margin: 0; padding: 25px 35px 0 0; position: relative; font-family: 'robotomedium'; font-size: 20px; line-height: 1.2;}
               .cms-indynamic-details ul li:before {content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 8px; background: #f15a24;}

@media all and (min-width: 1025px) and (max-width: 1366px) {
   .cms-indynamic-image {width: 422px;}
   .cms-indynamic-text {padding-left: 0;}
      .cms-indynamic-title, .cms-indynamic-descr {padding-left: 422px;}
      .cms-indynamic-descr  {padding-right: 35px;}
      .cms-indynamic-details {width: 100%; max-width: 1000px; clear: both; padding-left: 70px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .cms-indynamic-image img {margin-top: 0;}
   .cms-indynamic-title {font-size: 55px;}
   .cms-indynamic-descr {font-size: 24px;}
}
@media all and (max-width: 1024px) {
   .cms-indynamic-image {float: none; width: 100%;}
      .cms-indynamic-image img {margin-top: -50px; height: 360px; width: auto;}
   .cms-indynamic-text {padding-left: 0; margin-top: -40px;}
      .cms-indynamic-text-in {padding: 0 35px 45px;}
         .cms-indynamic-descr {padding-right: 0;}
         .cms-indynamic-details ul li:last-child {padding-right: 0;}
            .cms-indynamic-details ul li br {display: none;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .cms-indynamic-descr {font-size: 24px;}
   .cms-indynamic-details ul li {font-size: 18px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .cms-indynamic-title {font-size: 60px;}
   .cms-indynamic-descr {font-size: 22px;}
   .cms-indynamic-details ul li {font-size: 16px;}
}
@media all and (max-width: 639px) {
   .cms-indynamic-image img {height: 280px; margin: -40px 0 10px;}
   .cms-indynamic-title {line-height: 1.2;}
   .cms-indynamic-details ul {display: block;}
      .cms-indynamic-details ul li {width: 100%; min-height: 40px; margin-bottom: 20px; padding: 0 0 0 25px;}
      .cms-indynamic-details ul li:last-child {margin-bottom: 0;}
         .cms-indynamic-details ul li:before {height: 40px; width: 8px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .cms-indynamic-title {font-size: 46px;}
   .cms-indynamic-descr {font-size: 20px;}
}
@media all and (max-width: 480px) {
   .cms-indynamic-text-in {padding: 0 30px 40px;}
      .cms-indynamic-title {font-size: 38px; line-height: 1.2;}
      .cms-indynamic-descr {font-size: 18px;}
      .cms-indynamic-details ul li {font-size: 18px;}
}
@media all and (max-width: 375px) {
   .cms-indynamic {width: 100%; padding: 0 25px 40px; margin-left: -25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
      .cms-indynamic-text-in {padding: 0;}
         .cms-indynamic-title {font-size: 34px; margin-bottom: 10px;}
         .cms-indynamic-descr {font-size: 16px;}
}

/*padding-top - next block*/
.in-house-development .cms-indynamic {margin-bottom: -120px;}

@media all and (min-width: 1025px) {
   .base-page .in-house-development + .content-inner {padding-top: 245px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .base-page .in-house-development + .content-inner {padding-top: 220px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .base-page .in-house-development + .content-inner {padding-top: 200px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .base-page .in-house-development + .content-inner {padding-top: 180px;}
}
@media all and (min-width: 376px) and (max-width: 639px) {
   .base-page .in-house-development + .content-inner {padding-top: 160px;}
}
@media all and (max-width: 375px) {
   .in-house-development .cms-indynamic {margin-bottom: 0;}
}
/*--- in-house-development : end ---*/

/*--- promotion-cases : start ---*/
.promotion-cases-list {position: relative; z-index: 2; margin-top: -50px;}
   .promotion-cases-list-item {position: relative; padding: 120px 0 190px;}
      .promotion-cases-list-image {position: absolute; top: 0; right: 0; width: 65%; height: 100%; overflow: hidden;}
         .promotion-cases-list-image img {display: block; min-height: 100%; height: auto; min-width: 100%; width: auto; max-width: none; float: right;}
      .promotion-cases-list-text {}
         .promotion-cases-list-text-in {width: 65%; padding: 50px 20px 50px 50px; background: #fff; box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);}
            .promotion-cases-list-title {font-family: "MuseoSansRegular"; font-size: 70px; line-height: 1; color: #000; margin-bottom: 20px;}
            .promotion-cases-list-content {}
               .promotion-cases-list-content .fl {width: 50%; padding-right: 80px;}
                  .promotion-cases-list-site {font-family: "MuseoSansRegular"; font-size: 30px; color: #000; margin-bottom: 30px; position: relative;}
                     .promotion-cases-list-site:before {content: ''; position: absolute; top: 50%; margin-top: -25px; left: -65px; width: 43px; height: 49px; background: url('../i/triangle-left.svg') 0 0 / contain no-repeat;}
                     .promotion-cases-list-site span {display: inline-block; line-height: 1; border-bottom: 2px solid rgba(0, 0, 0, 0.5);}
                  .promotion-cases-list-descr {font-family: 'robotolight'; font-size: 18px; line-height: 1.5; margin-bottom: 30px;}
               .promotion-cases-list-content .fr {width: 50%;}
                  .promotion-cases-list-details {font-family: 'robotolight'; font-size: 20px; line-height: 1.1; letter-spacing: 0.4px;}
                     .promotion-cases-list-details .tb-cell {padding: 10px;}
                     .promotion-cases-list-details .tb-row:first-child .tb-cell {font-family: "MuseoSansBlack"; color: #000;}
                     .promotion-cases-list-details .tb-cell:last-child {font-family: 'robotobold';}

/*promotion-cases decor*/
.promotion-cases .dotted-bl {top: 0; left: 0; width: 50%; height: 100%; opacity: 0.5;}

@media all and (min-width: 1025px) {
   .promotion-cases.content-inner {padding-bottom: 0;}
      .promotion-cases-list-item {overflow: hidden;}
}
@media all and (min-width: 1280px) and (max-width: 1366px) {
   .promotion-cases-list-title {font-size: 55px;}
   .promotion-cases-list-content .fl {padding-right: 60px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .promotion-cases-list-text-in {width: 75%;}
      .promotion-cases-list-title {font-size: 45px;}
      .promotion-cases-list-content .fl {padding-right: 40px;}
}
@media all and (max-width: 1024px) {
   .promotion-cases h2, .promotion-cases .h2 {text-align: center;}
   .promotion-cases-list {margin-top: 0;}
      .promotion-cases-list-item {padding: 45px 0; margin-top: -20px;}
         .promotion-cases-list-image {display: none;}
         .promotion-cases-list-text-in {width: 100%;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .promotion-cases-list-title {font-size: 55px;}
   .promotion-cases-list-content .fl {padding-right: 60px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .promotion-cases-list-title {font-size: 45px;}
   .promotion-cases-list-content .fl {padding-right: 40px;}
}
@media all and (max-width: 767px) {
   .promotion-cases-list-item {margin-top: 0;}
      .promotion-cases-list-text-in {padding: 40px 35px;}
         .promotion-cases-list-content .fl, .promotion-cases-list-content .fr {width: 100%; float: none;}
         .promotion-cases-list-content .fl {padding-right: 0;}
            .promotion-cases-list-site {margin-bottom: 20px;}
               .promotion-cases-list-site:before {left: -55px;}
            .promotion-cases-list-descr {margin-bottom: 20px;}
            .promotion-cases-list-details {margin-bottom: 20px;}
               .promotion-cases-list-details .tb-cell {padding: 10px 0;}
               .promotion-cases-list-details .tb-cell:first-child {padding-right: 20px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .promotion-cases-list-title {font-size: 40px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .promotion-cases-list-title {font-size: 35px;}
   .promotion-cases-list-site {font-size: 25px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .promotion-cases-list-text-in {padding: 40px 30px;}
      .promotion-cases-list-site {font-size: 22px;}
         .promotion-cases-list-site:before {left: -40px; width: 32px; height: 36px; margin-top: -18px;}
      .promotion-cases-list-title {font-size: 30px;}
      .promotion-cases-list-details {font-size: 18px;}
}
@media all and (max-width: 375px) {
   .promotion-cases h2, .promotion-cases .h2 {margin-bottom: 30px;}
   .promotion-cases-list-item {padding: 0;}
      .promotion-cases-list-text-in {padding: 40px 25px; width: 100%; margin-left: -25px; box-shadow: none; -webkit-box-sizing: content-box; box-sizing: content-box;}
         .promotion-cases-list-site {font-size: 20px; padding-left: 40px;}
            .promotion-cases-list-site:before {width: 28px; height: 32px; left: 0; margin-top: -16px;}
         .promotion-cases-list-title {font-size: 26px;}
         .promotion-cases-list-descr {font-size: 16px;}
         .promotion-cases-list-details {font-size: 16px;}
}
/*--- promotion-cases : end ---*/



/*====================================================
   Promotion pages blocks
====================================================*/

/*--- argument : start ---*/
.argument { background: #fe745c; padding: 55px 0 58px; color: #fff; font-family: 'DINProLight'; font-size: 36px; line-height: 120%; text-align: center; }
   .argument__in { margin: 0 auto; max-width: 940px; }

@media all and (max-width: 767px) {
   .argument { padding: 36px 0 39px; font-size: 24px; line-height: 136%; }
}
/*--- argument : end ---*/

/*--- emphasis : start ---*/
.emphasis {margin: 0 auto 86px; max-width: 1036px; font-size: 20px; line-height: 150%;}
   .emphasis_title { display: block; font-weight: bold; border-bottom: 3px solid #e56953; padding-bottom: 9px; margin-bottom: 15px; }
   .emphasis p:last-child { padding-bottom: 0; }

@media all and (max-width: 1360px) {
   .emphasis { max-width: 960px; }
}
@media all and (max-width: 965px) {
   .emphasis { margin-bottom: 53px; font-size: 18px; line-height: 130%; }
}
/*--- emphasis : end ---*/

/*--- about-method : start ---*/
.about-method { background: #fff; position: relative; padding: 65px 0 60px; font-family: 'DINProLight'; font-size: 20px; line-height: 130%; color: #8c8c8c; }
   .ab-method-wrapper { float: right; width: 963px; }
      .ab-method-col1 { width: 683px; margin-right: 25px; float: left; }
         .ab-method-col1 .tt { color: #043646; font-family: 'DINProMedium'; margin-bottom: 17px; }
         .ab-method-col1 ul.red-marker { display: block; margin-bottom: 5px; }
            .ab-method-col1 ul.red-marker li { padding-left: 16px; padding-bottom: 20px; }
            .ab-method-col1 ul.red-marker.two-col li { display: inline-block; vertical-align: top; width: 40%; }
            .ab-method-col1 ul.red-marker.two-col li:nth-child(2n) { margin-left: 9%; }
               .ab-method-col1 ul.red-marker li:before { width: 6px; height: 6px; }
      .about-method .line-btn { padding-top: 31px; text-align: center; }
      .promo4 .about-method .line-btn { padding-left: 16px; }
         .about-method a.btn-base span { min-width: 219px; line-height: 44px; }
      .ab-method-col2 { width: 255px; padding-top: 16px; float: right; }
         .ab-method-coast { margin-bottom: 11px; }
            .ab-method-coast > div { background: #043646; color: #fff; font-family: 'DINProRegular'; font-size: 24px; line-height: 110%; border-bottom: 1px dashed #fff; padding: 12px 12px 19px; }
            .ab-method-coast > div:first-child { text-transform: uppercase; }
            .ab-method-coast > div:last-child { border-bottom: 0; }
         .ab-method-col2 a { display: inline-block; font-size: 16px; line-height: 125%; }
   .ab-method-img { position: absolute; height: 100%; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; width: 39.3%; left: 3%; z-index: 10; }
   .promo3 .ab-method-img { bottom: 0; background-image: url(../i/ab-promo3.jpg); background-position: 0 48px; }
   .promo4 .ab-method-img { top: -5.8%; background-image: url(../i/ab-promo4.png); background-position: 0 0; height: 105.8%; }
   .promo6 .ab-method-img { top: -5.8%; background-image: url(../i/ab-promo6.png); background-position: 0 0; height: 105.8%; }
   .promo8 .ab-method-img { top: 0; background-image: url(../i/ab-promo8.png); background-position: 0 50%; }

@media all and (min-width: 1241px) and (max-width: 1830px) {
   .ab-method-img { left: 0.5%; }
}
@media all and (min-width: 1321px) and (max-width: 1700px) {
   .ab-method-img { width: 30%; }
}
@media all and (max-width: 1540px) {
   .promo4 .ab-method-img, .promo6 .ab-method-img { top: auto; bottom: 0; height: 100%; background-position: 0 50px; }
}
@media all and (min-width: 1327px) and (max-width: 1470px) {
   .ab-method-img { width: 20%; }
}
@media all and (min-width: 1241px) and (max-width: 1326px) {
   .ab-method-img { width: 18%; }
}
@media all and (max-width: 1240px) {
   .ab-method-wrapper { width: 100%; float: none; }
   .ab-method-img { display: none; }
}
@media all and (min-width: 871px) and (max-width: 1240px) {
   .ab-method-col1 { width: 66%; }
}
@media all and (max-width: 870px) {
   .about-method { padding: 40px 0 50px; }
      .ab-method-col1, .ab-method-col2 { width: 100%; float: none; }
      .ab-method-col1 { margin-right: 0; }
         .about-method .line-btn { padding-left: 0; }
         .promo4 .about-method .line-btn { padding-left: 0; }
         .ab-method-col1 .line-btn { margin-bottom: 30px; }
         .about-method a.btn-base { margin: 0 auto; }
}
@media all and (max-width: 767px) {
   .about-method { font-size: 18px; }
      .about-method .tt { font-size: 22px; }
}
@media all and (max-width: 480px) {
   .ab-method-col1 .tt { margin-bottom: 30px; }
   .ab-method-col1 ul.red-marker li, .ab-method-col1 ul.red-marker.two-col li { display: block; width: 100%; margin: 0 0 10px !important; }
}
/*--- about-method : end ---*/

/*--- practice : start ---*/
.practice { padding: 57px 0 60px; background: #043646; color: #fff; font-family: 'DINProRegular'; font-size: 20px; line-height: 140%; }
   .practice .tabs-col { display: table; width: 100%;}
      .practice .col { display: table-cell; width: 50%; vertical-align: middle; padding: 55px 0 40px; }
      .practice .col:first-child { border-right: 1px solid #fe745c; text-align: right; padding-right: 72px; }
      .promo5 .practice .col:first-child { padding: 0 180px 0 0; }
      .promo7 .practice .col:first-child { padding: 0 249px 0 0; }
         .momet-calc { display: inline-block; text-align: center; }
         .promo5 .momet-calc { padding-left: 375px; min-width: 375px; min-height: 361px; background: url(../i/practice-5.png) 0 5px no-repeat; }
         .promo7 .momet-calc { padding-left: 350px; min-width: 350px; min-height: 300px; background: url(../i/practice-7.png) 0 0 no-repeat; }
            .momet-calc .tt { font-size: 28px; line-height: 110%; text-transform: uppercase; margin-bottom: 38px; text-align: center; }
            .momet-calc input { display: block; width: 449px; height: 44px; margin-bottom: 23px; font-family: 'robotoregular'; font-size: 20px; }
            .momet-calc .btn-base { display: inline-block; vertical-align: top; }
      .practice .col:nth-child(2) { padding-left: 79px; }
         .momet-text { display: inline-block; padding-left: 82px; background: url(../i/icons/ic-inform.png) 0 0 no-repeat; max-width: 530px; min-height: 62px; text-align: left; }
            .momet-text .line-btn { padding-top: 8px; }
               .momet-text .btn-base { display: block; width: 229px; border-width: 2px; }
                  .momet-text .btn-base span { display: block; width: 100%; min-width: 1px; max-width: none; }

@media all and (min-width: 1241px) and (max-width: 1635px) {
   .practice .col:first-child { padding-right: 30px; }
   .promo5 .practice .col:first-child { padding-right: 30px; }
   .promo7 .practice .col:first-child { padding-right: 70px; }
      .promo5 .momet-calc, .promo7 .momet-calc { -webkit-background-size: auto 270px; -moz-background-size: auto 270px; -o-background-size: auto 270px; background-size: auto 270px; min-height: 270px; }
         .momet-calc input { width: 350px; }
   .practice .col:nth-child(2) { padding-left: 30px; }
      .momet-text { max-width: 488px; }
}
@media all and (max-width: 1240px) {
   .practice .tabs-col { display: block;}
      .practice .col { display: block; width: 100%; text-align: center !important; }
      .practice .col:first-child { border-right: 0; padding: 0; }
      .promo5 .practice .col:first-child, .promo7 .practice .col:first-child { padding: 0; }
      .practice .col:nth-child(2) { border-right: 0; padding: 0; }
}
@media all and (min-width: 871px) and (max-width: 1240px) {
   .momet-text { max-width: 760px; }
}
@media all and (max-width: 870px) {
   .momet-calc { display: block; }
      .momet-calc input { width: 100%; }
   .momet-text { display: block; max-width: 100%; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .practice { padding: 71px 0 60px; }
      .practice .col:first-child { padding: 0 0 65px; }
      .practice .col:nth-child(2) { padding: 0; }
      .promo5 .momet-calc, .promo7 .momet-calc { -webkit-background-size: auto 200px; -moz-background-size: auto 200px; -o-background-size: auto 200px; background-size: auto 200px; min-height: 227px; background-position: 50% 0; padding: 0 0 27px; }
}
@media all and (max-width: 767px) {
   .practice { padding: 36px 0 50px; }
      .momet-calc { background-position: 50% 0 !important; }
      .promo5 .momet-calc, .promo7 .momet-calc { -webkit-background-size: auto 160px; background-size: auto 160px; min-height: 180px; padding: 0 0 15px; min-width: 100%; }
         .momet-calc .tt { text-align: center; line-height: 125%; }
      .momet-text { padding: 5px 0 0; background-image: none; }
      .momet-text .line-btn { padding-top: 25px; } 
         .momet-text .btn-base { display: block; margin: 0 auto; }
}
/*--- practice : end ---*/

/*--- included-in : start ---*/
.included-in { background: #e2e4e2; position: relative; padding: 114px 0 142px; }
   .included-in .title { margin-bottom: 86px; }
   .included-in-cont { width: 70%; padding: 0 5.94%; font-family: 'DINProLight'; font-size: 20px; line-height: 120%; color: #808080; }
      .item-inc { position: relative; display: inline-block; vertical-align: top; width: 48%; margin: 0 0 20px 3%; padding: 0 0 0 130px; min-height: 111px; }
      .item-inc:nth-child(2n+1) { margin-left: 0; }
         .item-inc:before { display: block; content: ''; font-size: 0; position: absolute; top: 4px; left: 0; width: 107px; height: 107px; background-color: #fff; border: 2px solid #e56953; border-radius: 50%; background-position: 50% 50%; background-repeat: no-repeat; }
         .promo4 .item-inc:first-child:before { background-image: url(../i/icons/ic-inc-1.png); }
         .promo4 .item-inc:nth-child(2):before { background-image: url(../i/icons/ic-inc-2.png); }
         .promo4 .item-inc:nth-child(3):before { background-image: url(../i/icons/ic-inc-3.png); }
         .promo4 .item-inc:nth-child(4):before { background-image: url(../i/icons/ic-inc-4.png); }
         .promo6 .item-inc:first-child:before { background-image: url(../i/icons/ic-inc-5.png); }
         .promo6 .item-inc:nth-child(2):before { background-image: url(../i/icons/ic-inc-4.png); }
         .promo6 .item-inc:nth-child(3):before { background-image: url(../i/icons/ic-inc-6.png); }
         .promo6 .item-inc:nth-child(4):before { background-image: url(../i/icons/ic-inc-7.png); }
         .item-inc .tt { font-size: 30px; line-height: 100%; color: #043646; margin-bottom: 9px; }
   .included-in-img { position: absolute; top: 0; right: 8.3%; width: 21.5%; height: 100%; background-position: 0 53%; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
   .promo4 .included-in-img { background-image: url(../i/icons/included-in-4.svg); }
   .promo6 .included-in-img { background-image: url(../i/icons/included-in-6.svg); }

@media all and (max-width: 1540px) {
   .included-in-cont { width: 76%; padding-left: 20px; padding-right: 20px; }
   .included-in-img { right: 2%; }
}
@media all and (max-width: 1240px) {
   .included-in-cont { width: 100%; }
   .included-in-img { display: none; }
}
@media all and (max-width: 870px) {
   .included-in { padding: 65px 0 60px; } 
      .item-inc { display: block; width: 100%; margin: 0 0 35px; }
}
@media all and (max-width: 767px) {
   .included-in { padding: 50px 0 30px; } 
      .included-in .title { margin-bottom: 40px; }
      .included-in-cont { font-size: 18px; }
         .item-inc { padding-left: 0; min-height: auto; margin-bottom: 20px; }
            .item-inc:before { display: none; }
            .item-inc .tt { font-size: 24px; margin-bottom: 12px; }
}
/*--- included-in : end ---*/

/*--- model-dark : start ---*/
.model-dark {background: #043646; color: #fff; padding: 57px 0 125px; }
   .model-dark .title { text-align: center; color: #fff; font-size: 40px; text-transform: uppercase; margin-bottom: 53px; }
   .model-dark .title .normal-sz { text-transform: none; }
   .model-dark-cont { text-align: center; font-family: 'DINProRegular'; font-size: 40px; line-height: 125%; }
      .model-dark-text, .model-dark-list { display: inline-block; vertical-align: top; position: relative; text-align: left; }
      /* model-dark-text */
      .model-dark-text { max-width: 1400px; padding-left: 195px; }
         .model-dark-text:before { display: block; content: ''; font-size: 0; position: absolute; top: 10px; left: 0; width: 148px; height: 148px; border-radius: 50%; border: 2px solid #e6e8ea; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; }
         .recommend .model-dark-text:before { background-image: url(../i/icons/ic-recommend.svg); background-position: 50% 26px; }
         .informs .model-dark-text:before { background-image: url(../i/icons/ic-informs.svg); background-position: 50% 50%; }
      /* model-dark-list */
      .model-dark-list { max-width: 1300px; }
         .model-dark-list ul { margin: 0; padding: 0; list-style: none; }
            .model-dark-list ul li { display: block; position: relative; padding: 6px 0 65px 100px; min-height: 77px; }
            .model-dark-list ul li:last-child { padding-bottom: 0; }
               .model-dark-list ul li:before { display: block; content: ''; font-size: 0; position: absolute; top: 0; left: 0; width: 77px; height: 77px; background: #fff  url(../i/icons/ic-ok.svg) 50% no-repeat; border: 1px solid #e6e8ea; border-radius: 50%; }

@media all and (max-width: 870px) {
   .model-dark { padding: 57px 0 65px; }
      .model-dark .title { font-size: 28px; line-height: 120%; margin-bottom: 43px; }
      .model-dark-cont { font-size: 20px; }
         .model-dark-text { padding-left: 0; padding-top: 120px; }
            .model-dark-text:before { width: 100px; height: 100px; top: 0; left: 50%; margin-left: -50px; -webkit-background-size: 60% auto; -moz-background-size: 60% auto; background-size: 60% auto; }
            .recommend .model-dark-text:before { background-position: 50% 16px; }
         .model-dark-list ul li { padding-left: 0; padding-top: 95px; }
            .model-dark-list ul li:before { top: 0; left: 0; right: 0; margin: 0 auto; }
}
/*--- model-dark : end ---*/

/*--- motives : start ---*/
.motives { padding: 66px 0 77px; color: #fff; font-family: 'DINProLight'; }
.motives.light { background: #e56953; }
.motives.dark { background: #043646; }
   .motives .tabs-col { display: table; width: 100%; }
      .motives .tabs-col .col { display: table-cell; width: 50%; vertical-align: bottom; }
      .motives .ab-mot { padding-right: 15px; color: #043646; font-size: 84px; line-height: 77%; text-align: right; }
      .motives .ab-mot strong { font-family: 'DINProBold'; }
      .promo3 .motives .ab-mot { padding-bottom: 15px; }
         .motives .ab-mot h2, .motives .ab-mot .h2 { color: inherit; font-family: 'DINProLight'; font-size: 82px; line-height: 85%; margin: 0; padding: 0; }
      .motives .data-mot { padding-left: 68px; text-align: left; font-size: 70px; line-height: 100%; }
      .promo3 .motives .data-mot { padding-left: 28px; }
      .promo4 .motives .data-mot, .promo8 .motives .data-mot { font-size: 60px; }
      .motives .bigs { display: inline-block; position: relative; font-size: 332px; line-height: 80%; }
      .promo4 .motives .bigs, .promo5 .motives .bigs, .promo7 .motives .bigs, .promo8 .motives .bigs { font-size: 226px; }
      .promo6 .motives .bigs { font-size: 234px; }
      .motives .try { display: inline-block; line-height: 145%; }
         .motives .bigs .topic { display: inline-block; position: absolute; top: -20px; right: -200px; font-family: 'DINProMedium'; font-size: 118px; line-height: 100%; }
         .promo4 .motives .bigs .topic, .promo8 .motives .bigs .topic { right: -102px; }
         .promo5 .motives .bigs .topic, .promo7 .motives .bigs .topic { top: -120px; right: -9px; font-family: 'DINProLight'; font-size: 100px; }

@media all and (min-width: 1241px) and (max-width: 1635px) {
   .motives .ab-mot h2, .motives .ab-mot .h2 { font-size: 55px; line-height: 90%; }
   .promo3 .motives .ab-mot { padding-bottom: 12px; }
   .motives .data-mot { font-size: 45px; }
   .promo4 .motives .data-mot, .promo8 .motives .data-mot { font-size: 30px; }
      .motives .bigs { font-size: 256px; }
      .promo5 .motives .bigs, .promo7 .motives .bigs { font-size: 160px; }
      .promo4 .motives .bigs, .promo8 .motives .bigs { font-size: 190px; }
      .promo6 .motives .bigs { font-size: 190px; }
         .motives .bigs .topic { font-size: 80px; }
         .promo5 .motives .bigs .topic, .promo7 .motives .bigs .topic { top: -85px; right: 10px; font-size: 60px; }
}
@media all and (max-width: 1240px) {
   .motives .bigs .topic { font-family: 'DINProLight'; }
}
@media all and (min-width: 871px) and (max-width: 1240px) {
   .motives { padding: 68px 0 81px; }
      .motives .ab-mot { font-size: 53px; }
      .promo3 .motives .ab-mot { padding-bottom: 7px; }
      .motives .ab-mot h2, .motives .ab-mot .h2 { font-size: 53px; }
      .motives .data-mot { font-size: 33px !important; padding-left: 36px; padding-bottom: 2px; }
         .motives .bigs { font-size: 210px; }
         .promo4 .motives .bigs, .promo8 .motives .bigs { font-size: 190px; }
         .promo5 .motives .bigs, .promo7 .motives .bigs { font-size: 92px; }
         .promo6 .motives .bigs { font-size: 136px; }
            .motives .bigs .topic { font-size: 33px; }
            /*.promo1 .motives .bigs .topic { top: 7px; right: -65px; }*/
            .promo4 .motives .bigs .topic, .promo8 .motives .bigs .topic { top: -15px; right: -50px; font-size: 70px; }
            .promo5 .motives .bigs .topic, .promo7 .motives .bigs .topic { top: -70px; right: 0; font-size: 50px; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .motives { padding: 80px 0 76px; }
      .motives .tabs-col .ab-mot { width: 39%; padding-right: 0; font-size: 40px; line-height: 105%; padding-bottom: 0; }
      .promo3 .motives .tabs-col .ab-mot { padding-bottom: 7px; }
      .motives .ab-mot h2, .motives .ab-mot .h2 { font-size: 40px; line-height: 105%; }
      .motives .tabs-col .data-mot { width: 61%; font-size: 36px; padding-left: 30px; padding-bottom: 2px; }
      .promo3 .motives .tabs-col .data-mot { padding-bottom: 0; }
         .motives .bigs { font-size: 200px; }
         .promo4 .motives .bigs, .promo8 .motives .bigs { font-size: 190px; }
         .promo5 .motives .bigs, .promo7 .motives .bigs { font-size: 94px; }
         .promo6 .motives .bigs { font-size: 140px; }
            .motives .bigs .topic { font-size: 36px; }
            /*.promo1 .motives .bigs .topic { top: 3px; right: -71px; }*/
            .promo4 .motives .bigs .topic, .promo8 .motives .bigs .topic { top: -15px; right: -50px; font-size: 70px; }
            .promo5 .motives .bigs .topic, .promo7 .motives .bigs .topic { top: -67px; right: 0; font-size: 50px; }
}
@media all and (max-width: 767px) {
   .motives { padding: 36px 0 43px; }
      .motives .tabs-col { display: block; }
         .motives .tabs-col .col { display: block; width: 100% !important; }
         .motives .tabs-col .ab-mot { font-size: 33px; line-height: 105%; padding: 0 0 20px; text-align: center; }
         .motives .ab-mot h2, .motives .ab-mot .h2 { font-size: 33px; line-height: 105%; }
         .motives .tabs-col .data-mot { font-size: 26px; padding: 0; text-align: center; }
            .motives .bigs { font-size: 130px; }
            .promo4 .motives .bigs, .promo8 .motives .bigs { font-size: 100px; }
            .promo5 .motives .bigs, .promo7 .motives .bigs { font-size: 62px; padding-right: 60px; }
            .promo6 .motives .bigs { font-size: 90px; }
               .motives .bigs .topic { font-size: 26px; }
               .promo4 .motives .bigs .topic, .promo8 .motives .bigs .topic { top: -1px; right: -25px; font-size: 36px; }
               .promo5 .motives .bigs .topic, .promo7 .motives .bigs .topic { top: -10px; right: 0; font-size: 30px; }
}
/*--- motives : end ---*/

/*--- feedback form : start ---*/
.feedback { margin: 0; padding: 87px 0 92px; background: #333 url(../i/bg-feedback.png) 50% 35px no-repeat; color: #fff; font-family: 'DINProRegular'; font-size: 18px; line-height: 115%; }
   .feedback .title { color: #fff; font-size: 43px; text-transform: uppercase; margin-bottom: 54px; }
   .fback-fields { width: 1285px; margin: 0 auto; position: relative; }
      .fback-fields input:not([type="submit"]) { display: block; float: left; margin: 0 0 22px 20px; width: 415px; height: 42px; }
      .fback-fields input:first-child { margin-left: 0; }
      .fback-bot { width: 100%; float: left; position: relative; padding-top: 13px; text-align: center; }
         .fback-fields .btn-base { display: inline-block; vertical-align: middle; border-width: 2px; }
            .fback-fields .btn-base > span, .fback-fields .btn-base input[type="submit"], .fback-fields .btn-base button { width: 230px; font-size: 21px; }
         .collab { display: inline-block; vertical-align: middle; padding-top: 15px; max-width: 670px; margin-right: 40px; font-size: 0; line-height: 0; text-align: left; }
            .collab > div { display: inline-block; vertical-align: top; }
            .collab-photo { width: 130px; height: 130px; margin-right: 30px; overflow: hidden; border-radius: 50%; }
               .collab-photo img { width: 130px; height: 130px; }
            .collab-ab { max-width: 505px; padding-top: 2px; font-size: 18px; line-height: 110%; }
      .fback-comment { color: #e56953; position: absolute; bottom: 27px; left: 0; max-width: 415px; }
      .feedback .form-comment { color: rgba(255,255,255,0.5); padding-top: 20px; }

@media all and (min-width: 1241px) and (max-width: 1326px) {
   .fback-fields { width: 1198px; }
      .fback-fields input:not([type="submit"]) { width: 386px; }
}
@media all and (max-width: 1240px) {
   .with-collab .fback-fields input:not([type="submit"]) { width: 100%; margin: 0 0 20px; }
   .with-collab .fback-bot { width: 100%; margin: 0; }
   .collab { display: none; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .fback-fields { width: 676px; }
   .with-collab .fback-fields { width: 415px; }
      .fback-fields input:nth-child(2) { width: 240px; }
      .fback-fields input:nth-child(3) { margin-left: 0; }
      .fback-bot { width: 240px; margin: -8px 0 18px 20px; padding: 0; }
      .fback-comment { position: relative; float: left; bottom: 11px; left: auto; }
}
@media all and (max-width: 767px) {
   .feedback { padding: 64px 0 70px; background-image: none; }
      .feedback .title { font-size: 27px; line-height: 118%; margin-bottom: 35px; }
      .fback-fields, .with-collab .fback-fields { width: 100%; }
         .fback-fields input:not([type="submit"]), .fback-bot { width: 100%; float: none; margin: 0 0 20px; }
      .fback-bot { margin-bottom: 0; }
      .fback-comment { display: none; }
}
/*--- feedback form : end ---*/

/*================ promo1 : start ================*/
.promo1 .title { color: #043646; }

/*--- offer-traffic : start ---*/
.offer-traffic { background: #ECEBE9 url(../i/bg-offer-traffic.jpg) 0 0 no-repeat; padding: 112px 0 90px; -webkit-background-size: auto 100%; background-size: auto 100%; }
   .offer-traff-row { margin: 0; float: right; width: 1022px; padding: 0 39px 0 0; }
      .offer-traff-row .title { margin-bottom: 63px; text-align: left; line-height: 100%; text-align: center; }
      .offer-traff-calc { background: #d8d8d8; font-family: 'DINProLight'; font-size: 18px; line-height: 120%; padding: 49px 30px 40px; }
         .offer-traff-calc .tt { font-family: 'DINProMedium'; font-size: 30px; line-height: 100%; margin-bottom: 40px; text-align: center; }
         /*-- offer-box-calc --*/
            .offer-box-calc-var { float: left; width: 55.05%; font-size: 18px; }
               .vv { display: table; width: 100%; table-layout: fixed; margin-bottom: 58px; }
                  .vv > div { display: table-cell; vertical-align: top; text-align: left; position: relative; }
                  .vv .namen { width: 180px; padding-right: 20px; font-family: 'DINProMedium'; font-style: 15px; line-height: 116%; }
                  .vv:first-child > div { vertical-align: middle; }
                     .vv:first-child input[type="text"], .vv:first-child input[type="number"], .vv:first-child span { display: inline-block; vertical-align: middle; }
                     .vv:first-child input[type="text"], .vv:first-child input[type="number"] { width: 59.8%; height: 44px; background: transparent; border-width: 0 0 0 1px; border-style: solid; border-color: #6E6E6E; margin: 0 5px 0 0; padding: 0 13px; color: #6E6E6E; font-family: 'DINProLight'; font-size: 38px; line-height: 70%; }
                     .vv:first-child input[type="number"] { -moz-appearance:textfield; }
                     .vv:first-child input[type="number"]::-webkit-outer-spin-button, .vv:first-child input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
                  .vv.w-step > div:last-child { padding-top: 14px; }
               /* noUiSlider */
               .offer-box-calc .noUi-target { border: 0; border-radius: 0; box-shadow: none; }
               .offer-box-calc .noUi-background { background: #FE745C; }
               .offer-box-calc .noUi-horizontal { height: 15px; }
                  .offer-box-calc .noUi-origin { background: #fff; border-radius: 0; }
                     .offer-box-calc .noUi-handle { background: #043646; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; }
                     .offer-box-calc .noUi-horizontal .noUi-handle { width: 28px; height: 28px; left: -14px; top: -7px; border-radius: 50%; }
               .offer-box-calc .example-text { position: absolute; top: -17px; right: 0; width: auto; color: #043646; text-align: right; font-family: 'DINProRegular'; font-size: 20px; line-height: 100%; }
               .offer-box-calc .example-val { color: #043646; font-family: 'DINProRegular'; font-size: 40px; line-height: 100%; margin: 15px 0 0; display: inline-block; text-align: center; }
               .offer-box-calc .example-val-text { display: inline-block; text-align: left; line-height: 100%; }
               .offer-box-calc-coment { position: relative; margin-top: -29px; font-size: 14px; line-height: 120%; position: relative; padding-left: 15px; }
                  .offer-box-calc-coment sup { display: block; position: absolute; top: 0; left: 0; font: inherit; }
            /*-- offer-box-calc-rez --*/
            .offer-box-calc-rez { float: right; width: 40.65%; }
               .offer-box-calc-rez-in { background: #043646; text-align: left; color: #fff; font-family: 'DINProLight'; font-size: 28px; line-height: 126%; margin-bottom: 45px; padding: 51px 20px 64px 30px; }
                  .offer-box-calc-rez-in > div:first-child { margin-bottom: 33px; }
                  .offer-box-calc-rez-in > div:last-child { text-align: center; }
                     .offer-box-calc-rez-in .big-rez { font-family: 'DINProBold'; font-size: 50px; }
                     .offer-box-calc-rez-in > div:last-child sup { font: inherit; font-size: inherit; }
               .offer-box-calc-rez .btn-base { display: block; width: 340px; margin: 0 auto; border-color: #fff; }
                  .offer-box-calc-rez .btn-base > span, .offer-box-calc-rez .btn-base input[type="submit"], .offer-box-calc-rez .btn-base button { display: block; width: 100%; min-width: 1px; max-width: none; font-size: 20px; text-transform: none; }

@media all and (max-width: 1830px) {
   .offer-traff-row { padding-right: 0; }
}
@media all and (min-width: 1241px) and (max-width: 1700px) {
   .offer-traffic { background-position: 50% 0; }
      .offer-traff-row { width: 890px; }
}
@media all and (min-width: 1181px) and (max-width: 1240px) {
   .offer-traffic { background-position: 70% 0; }
      .offer-traff-row { width: 960px; }
}
@media all and (min-width: 871px) and (max-width: 1240px) {
   .offer-traffic { padding: 57px 0 107px; }
      .offer-traff-row .title { margin-bottom: 30px; }
      .offer-traff-calc .tt { margin-bottom: 50px; }
}
@media all  and (max-width: 1180px) {
   .offer-traffic { background-image: none; }
      .offer-traff-row { width: 100%; float: none; }
         .offer-traff-calc { background: none; padding: 0; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .offer-traffic { padding: 67px 0 107px; }
      .offer-traff-row .title { margin-bottom: 68px; }
      .offer-box-calc-var { width: 52%; }
      .offer-box-calc-rez { width: 42%; }
         .offer-box-calc-rez .btn-base > span, .offer-box-calc-rez .btn-base input[type="submit"], .offer-box-calc-rez .btn-base button { font-size: 17px; }
}
@media all and (max-width: 767px) {
   .offer-traffic { padding: 55px 0 54px; }
      .offer-traff-row .title { font-size: 34px; text-align: center; margin-bottom: 44px; }
      .offer-traff-calc { padding: 20px 13px 15px; }
         .offer-traff-calc .tt { font-size: 23px; line-height: 120%; margin-bottom: 48px; }
         .offer-box-calc > div { display: block; float: none !important; }
         .offer-box-calc-var { width: 100%; }
            .vv { margin-bottom: 50px; }
            .vv, .vv > div { display: block; }
            .vv .namen { width: 100%; margin-bottom: 30px; padding-right: 0; }
            .vv:first-child > div:last-child { display: table-cell; }
               .vv:first-child input[type="text"], .vv:first-child input[type="number"] { width: 50%; }
            .offer-box-calc-coment { display: none; }
            .offer-box-calc .example-val { font-size: 36px; }
            .offer-box-calc .example-val-text { line-height: 18px; }
         .offer-box-calc-rez { width: 100%; }
            .offer-box-calc-rez-in { font-size: 19px; line-height: 128%; margin-bottom: 33px; padding: 29px 20px 36px;  }
               .offer-box-calc-rez-in > div:first-child { margin-bottom: 18px; text-align: center; }
               .offer-box-calc-rez .big-rez { font-size: 48px; line-height: 100%; }
                  .offer-box-calc-rez-in > div:last-child sup { font-size: 48px; top: 1px; }
            .offer-box-calc-rez .btn-base > span, .offer-box-calc-rez .btn-base input[type="submit"], .offer-box-calc-rez .btn-base button { height: auto; padding: 10px; font-size: 18px; line-height: 120%; }
}
/*--- offer-traffic : end ---*/

/*--- about-this : start ---*/
.about-this { background: #fe745c; color: #fff; font-family: 'DINProLight'; font-size: 41px; line-height: 118%; padding: 47px 0 63px; }
   .about-this .wrapp { display: table; width: 100%; table-layout: fixed; }
      .about-this-left, .about-this-right { display: table-cell; vertical-align: top; width: 50%; }
         .about-this .tt-this, .about-this-result .tt-this { color: #043646; font-family: 'DINProBold'; margin-bottom: 1px; }
      /* about-this-left */
      .about-this-left { text-align: right; }
         .about-this-left .about-this-inf { display: inline-block; vertical-align: top; width: auto; max-width: 675px; }
            .about-this-left p:last-child { padding-bottom: 0; }
            .about-this-left .btn-base-2 { display: inline-block; vertical-align: top; width: auto; position: relative; margin-top: 20px; border-color: #fff; padding: 2px; }
               .about-this-left .btn-base-2 > span { min-width: 284px; height: 56px; font-family: 'robotoregular'; font-size: 20px; line-height: 58px; }
                  .about-this-left .btn-base-2:hover > span { background-color: #fe745c; }
      /* about-this-right */
      .about-this-right { text-align: left; position: relative; padding-left: 513px; }
         .about-this-graph { position: absolute; top: 0; left: 110px; width: auto; font-size: 0; line-height: 0; }
            .col-start, .col-finish { display: inline-block; vertical-align: bottom; position: relative; padding-bottom: 48px; text-align: center; }
            .col-finish { margin-left: 232px; }
               .about-this-graph .index { display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; width: 41px; height: 0px; background: #fff; }
               .about-this-graph .ab-index { display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); height: 48px; padding-top: 15px; color: #fff; font-family: 'DINProMedium'; font-size: 16px; line-height: 100%; }
            .process-graph { display: block; position: absolute; bottom: 50px; left: 59px; width: 210px; height: 273px; background: url(../i/process-graph.svg) 100% 0 no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; }
         .about-this-result { display: block; vertical-align: middle; width: 309px; height: 309px; border-radius: 50%; background: rgba(255,255,255,0.2); border: 2px solid #fff; padding: 30px 10px 30px 50px; color: #fff; font-family: 'DINProLight'; font-size: 30px; line-height: 245px; text-align: left; overflow: hidden; }
            .about-this-result > div { display: inline-block; vertical-align: middle; line-height: 120%; }
               .about-this-result .tt-this { font-size: 40px; line-height: 100%; margin-bottom: 4px; }

@media all and (min-width: 1471px) and (max-width: 1700px) {
   .about-this { font-size: 34px; line-height: 124%; }
      .about-this .tt-this { margin-bottom: 7px; }
      .about-this-left .about-this-inf { max-width: 500px; }
      .about-this-right { padding-left: 430px; }
         .about-this-graph { left: 70px; }
         .about-this-result { width: 280px; height: 280px; font-size: 26px; line-height: 216px; }
            .about-this-result > div {line-height: 122%; }
            .about-this-result .tt-this { font-size: 34px; line-height: 100%; margin-bottom: 8px; }
}
@media all and (min-width: 1241px) and (max-width: 1470px) {
   .about-this { padding-bottom: 110px; font-size: 28px; line-height: 130%; }
      .about-this .tt-this { margin-bottom: 10px; }
      .about-this-left .about-this-inf { max-width: 430px; }
      .about-this-left { width: 40%; }
      .about-this-right { width: 60%; padding-left: 450px; }
         .about-this-graph { left: 70px; }
         .about-this-result { width: 260px; height: 260px; padding-left: 40px; font-size: 24px; line-height: 196px; }
            .about-this-result > div {line-height: 128%; }
               .about-this-result .tt-this { font-size: 28px; line-height: 100%; margin-bottom: 10px; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .about-this { padding-top: 53px; padding-bottom: 51px; font-size: 28px; line-height: 124%; }
      .about-this-left .about-this-inf { max-width: 100%; }
      .about-this-left { width: 44%; }
      .about-this-right { width: 56%; padding-left: 120px; }
         .about-this-graph { position: relative; left: auto; bottom: auto; }
         .about-this-result { position: absolute; top: -8px; left: 43px; width: 216px; height: 216px; padding: 30px 10px 30px 30px; font-size: 22px; line-height: 152px; z-index: 5; }
            .about-this-result > div { line-height: 122%; }
               .about-this-result .tt-this { font-size: 30px; line-height: 100%; margin-bottom: 1px; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
      .about-this-left { width: 42%; }
         .about-this-left .btn-base-2 > span { min-width: 240px; height: 50px; font-size: 16px; line-height: 52px; }
      .about-this-right { width: 58%; padding-left: 50px; }
         .about-this-result { left: 23px; font-size: 22px; }
            .about-this-result .tt-this { font-size: 28px; }
}
@media all and (max-width: 767px) {
   .about-this { padding-top: 20px; padding-bottom: 30px; font-size: 18px; line-height: 124%; }
      .about-this .wrapp { display: block; max-width: 320px; }
         .about-this-left, .about-this-right { display: block; width: 100%; }
         .about-this-left { min-height: 350px; position: relative; z-index: 5; text-align: left; padding-right: 100px; }
            .about-this-left .about-this-inf { display: block; width: 100%; max-width: none; }
                .about-this-left .btn-base-2 { display: none; }
         .about-this-right { padding: 30px 0 0; }
            .about-this-graph { left: 0; top: auto; bottom: 100%; z-index: 1; }
               .col-start, .col-finish { padding-bottom: 25px; }
               .col-finish { margin-left: 240px; }
                  .about-this-graph .index { width: 20px; max-height: 232px; }
                  .about-this-graph .ab-index { height: 25px; padding-top: 10px; }
                     .about-this-graph .ab-index span { display: none; }
                     .about-this-graph .col-start .ab-index span { display: inline-block; position: absolute; left: 100px; bottom: 0; }
               .process-graph { bottom: 33px; left: 65px; width: 190px; height: 232px; background: url(../i/process-graph-mob.svg) 100% 0 no-repeat; }
            .about-this-result { width: 100%; height: auto; border-radius: 16px; padding: 10px 20px 12px; font-size: 20px; line-height: 122%; }
               .about-this-result > div { line-height: inherit; }
                  .about-this-result .tt-this { font-size: 28px; line-height: 100%; margin-bottom: 2px; }
}
/*--- about-this : end ---*/

/*--- servise-result : start ---*/
.servise-result { background: #043646; padding: 90px 0 63px; color: #fff; }
   .servise-result .title { color: #fff; margin-bottom: 92px; }
   .servise-result-in { margin: 0 auto; max-width: 1800px; font-size: 0; line-height: 0; text-align: center; }
      .s-result-item { display: inline-block; vertical-align: top; width: 25%; margin: 0 0 59px; padding: 0 4.7%; font-size: 18px; line-height: 150%; text-align: center; }
         .s-result-icon { margin: 0 auto 31px; width: 148px; height: 148px; background: #fff; border: 2px solid #e6e8ea; border-radius: 50%; line-height: 144px; text-align: center; }
            .s-result-icon > * { display: inline-block; vertical-align: middle; position: relative; line-height: 100%; }
            .s-result-icon img { max-width: 70%; height: auto !important; }
         .s-result-item .s-result-name { color: #6d94ff; font-family: 'DINProBold'; text-transform: uppercase; margin-bottom: 4px; }

@media all and (min-width: 768px) and (max-width: 1240px) {
   .servise-result-in { max-width: 650px; }
      .s-result-item { width: 50%; }
}
@media all and (max-width: 767px) {
   .servise-result { padding-top: 55px; padding-bottom: 70px; }
      .servise-result .title { margin-bottom: 79px; }
      .servise-result-in { max-width: 280px; }
         .s-result-item { width: 100%; }
         .s-result-item:last-child { margin-bottom: 0; }
}
/*--- servise-result : end ---*/

/*--- promo-assignment : start ---*/
.promo-assignment { background: #e2e4e2; padding: 83px 0 126px; }
   .promo-assignment .title { font-family: 'DINProBold'; margin-bottom: 46px; }
   .promo-assignment-in { margin: 0 auto; max-width: 1407px; }
      .suitable, .not-suitable { width: 46.4%; }
         /* identifier-out */
         .identifier-out { margin-bottom: 46px; padding-left: 88px; font-size: 47px; line-height: 100%; }
            .identifier-out > span { display: inline-block; vertical-align: top; position: relative; padding-left: 57px; }
               .identifier-out > span:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; left: 0; top: 10px; width: 26px; height: 26px; }
         /* suitable-inf */
         .suitable-inf { background: #fff; padding: 0 20px; font-size: 27px; line-height: 134%; }
            .suitable-inf > div { position: relative; padding: 67px 0 178px; }
               .identifier-in { position: absolute; top: 61px; left: 18px; width: 85px; height: 85px; font-size: 28px; line-height: 100%; }
                  .identifier-in:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; width: 85px; height: 85px; -webkit-background-size: contain !important; background-size: contain !important; }
                  .identifier-in > span { display: none; }
               .suitable-inf ul { display: block; margin: 0; padding: 0 0 0 135px; list-style: none; }
                  .suitable-inf ul li { display: block; position: relative; margin: 0 0 24px; padding: 0 0 0 30px; }
                     .suitable-inf ul li:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 13px; left: 0; width: 11px; height: 11px; }
               .suitable-inf-bot { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 155px; padding-left: inherit; padding-right: inherit; background: none; border-top: 3px solid #ededed; color: #4d4d4d; font-family: 'DINProLight'; font-size: 18px; line-height: 152px; }
                  .suitable-inf-bot > * { display: inline-block; vertical-align: middle; line-height: 120%; }
                  .suitable-inf-bot .btn-base { width: 47%; margin-right: 5.5%; }
                     .suitable-inf-bot .btn-base > span { display: block; width: 100%; min-width: 1px; max-width: none; font-size: 14px; height: 57px; line-height: 58px; }
                        .suitable-inf-bot .btn-base > span > span { display: inline-block; vertical-align: middle; line-height: 116%; }
                  .suitable-inf-bot .this-comment { position: relative; width: 46%; padding-left: 80px; color: inherit; text-decoration: none; text-align: left; }
                     .suitable-inf-bot .this-comment:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 50%; left: 0; width: 63px; height: 63px; margin-top: -32px; border-radius: 50%; text-align: center; overflow: hidden; background: #ededed url(../i/icons/icon-6.svg) 50% 50% no-repeat; -webkit-background-size: 27px auto; background-size: 27px auto; border: 2px solid #b3b3b3; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; }
                     .suitable-inf-bot .this-comment.to-look:before { background: #fe745c url(../i/icons/icon-5.svg) 50% 50% no-repeat; -webkit-background-size: 26px auto; background-size: 26px auto; border-color: #ededed; }
                        .suitable-inf-bot a.this-comment:hover:before { opacity: .7; }
      /* for suitable */
      .suitable { float: left; }
         .suitable .identifier-out > span:before, .suitable .suitable-inf ul li:before { background: #fe745c; }
         .suitable .identifier-in:before { background: url(../i/icons/icon-ok.svg) 0 0 no-repeat; }
      /* for not-suitable */
      .not-suitable { float: right; }
         .not-suitable .identifier-out > span:before, .not-suitable .suitable-inf ul li:before { background: #b3b3b3; }
         .not-suitable .identifier-in:before { background: url(../i/icons/icon-no.svg) 0 0 no-repeat; }
         .not-suitable .suitable-inf-bot .btn-base > span { background-color: #b3b3b3; }

      .suitable-inf-bot .btn-base:hover > span { background-color: #000 !important; color: #fff; }

@media all and (min-width: 1241px) and (max-width: 1470px) {
   .identifier-out { padding-left: 30px; }
   .suitable-inf ul { padding-left: 110px; }
      .identifier-in { left: 0px; }
   .suitable-inf-bot .btn-base { width: 230px; margin-right: 17px; }
}
@media all and (max-width: 1240px) {
   .identifier-out { display: none; }
      .identifier-in { position: relative; left: auto; top: auto; display: table; width: 100%; height: auto; }
         .identifier-in > span { display: table-cell; vertical-align: middle; }
      .suitable-inf ul { padding-left: 0; }
      .suitable-inf-bot { line-height: 100%; text-align: center; }
         .suitable-inf-bot .btn-base { display: block; margin: 0 auto 23px; width: 292px; }
         .suitable-inf-bot .this-comment { display: inline-block; vertical-align: top; width: auto; padding-left: 77px; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .promo-assignment .title { margin-bottom: 51px; }
   .suitable, .not-suitable { width: 48%; }
      .suitable-inf { padding: 0 30px; font-size: 22px; line-height: 140%; }
         .suitable-inf > div { padding: 52px 0 240px; }
            .identifier-in { padding-left: 115px; margin-bottom: 43px; }
               .identifier-in:before { top: 50%; left: 0; margin-top: -40px; }
            .suitable-inf ul li { margin-bottom: 37px; }
               .suitable-inf ul li:before { top: 10px; }
            .suitable-inf-bot { height: 225px; padding-top: 26px; }
}
@media all and (min-width: 768px) and (max-width: 1070px) {
   .identifier-in { font-size: 26px; line-height: 100%; padding-left: 65px; margin-bottom: 30px; }
      .identifier-in:before { width: 50px; height: 50px; margin-top: -25px; }
   .suitable-inf-bot .this-comment:before { top: 33px; margin-bottom: 0; }
}
@media all and (max-width: 767px) {
   .promo-assignment { padding-top: 45px; padding-bottom: 30px; }
      .promo-assignment .title { margin-bottom: 50px; }
      .suitable, .not-suitable { float: none; width: 100%; }
      .suitable { margin-bottom: 28px; }
      .suitable-inf { padding-left: 20px; padding-left: 20px; font-size: 16px; line-height: 140%; }
         .suitable-inf > div { padding-top: 26px; padding-bottom: 0; }
            .identifier-in { margin-bottom: 46px; padding: 106px 0 0; text-align: center; }
               .identifier-in:before { top: 0; left: 50%; margin: 0 0 0 -43px; }
            .suitable-inf ul li { margin-bottom: 20px; padding-left: 29px; }
               .suitable-inf ul li:before { top: 7px; }
            .suitable-inf-bot { position: relative; left: auto; right: auto; bottom: auto; width: 100%; height: auto; padding: 16px 0 32px; }
               .suitable-inf-bot .this-comment { font-size: 14px; line-height: 120%; }
}
/*--- promo-assignment : end ---*/

/*--- app-calculate-form : start ---*/
.app-calculate-form { padding: 68px 0 46px; color: #fff; font-size: 19px; line-height: 160%;
   background: -moz-linear-gradient(0% 50% 0deg,rgba(40, 225, 166, 1) 0%,rgba(109, 148, 255, 1) 100%);
   background: -webkit-linear-gradient(0deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(40, 225, 166, 1) ),color-stop(1,rgba(109, 148, 255, 1) ));
   background: -o-linear-gradient(0deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   background: -ms-linear-gradient(0deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#28E1A6', endColorstr='#6D94FF' ,GradientType=0)";
   background: linear-gradient(90deg, rgba(40, 225, 166, 1) 0%, rgba(109, 148, 255, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28E1A6',endColorstr='#6D94FF' , GradientType=1);
}
   .app-calculate-form .title { color: #fff; font-family: 'DINProBold'; font-size: 30px; line-height: 130%; text-transform: uppercase; margin-bottom: 26px; }
   .app-calculate-form-in { margin: 0 auto; max-width: 1100px; }
      .calculate-form-left, .calculate-form-right { float: left; width: 50%; }
         /* calculate-form-left */
         .calculate-form-left { padding-right: 6.5%; padding-bottom: 55px; border-right: 1px solid #fff; }
            .calculate-form-inf { position: relative; padding-left: 81px; }
               .calculate-form-inf:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(../i/icons/icon-7.svg) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain; }
         /* calculate-form-right */
         .calculate-form-right { padding-left: 6.5%; padding-top: 4px; }
            .calculate-form-right .tt { margin-bottom: 30px; font-family: 'DINProBold'; font-size: 25px; line-height: 128%; text-align: center; text-transform: uppercase; }
            .calculate-form-right input[type="text"], .calculate-form-right input[type="name"], .calculate-form-right input[type="email"], input[type="url"], .calculate-form-right input[type="tel"], .calculate-form-right textarea { display: block; width: 100%; max-width: none; margin: 0 0 25px; border: 0; }
            .calculate-form-right .btn-base { display: block; position: relative; margin: 10px auto 0; width: 230px; border-width: 2px; border-color: #fff; }
               .calculate-form-right .btn-base-2 > span, .calculate-form-right .btn-base-2 input[type="submit"], .calculate-form-right .btn-base-2 button { display: block; width: 100%; min-width: 1px; max-width: none; }
            .calculate-form-right .form-comment { color: rgba(255,255,255,0.6); }

@media all and (min-width: 768px) and (max-width: 1240px) {
   .calculate-form-left { padding-right: 20px; padding-bottom: 30px; padding-top: 18px; }
   .calculate-form-right { padding-left: 30px; padding-top: 16px; }
}
@media all and (max-width: 767px) {
   .app-calculate-form { padding-top: 40px; padding-bottom: 53px; }
      .app-calculate-form .title { font-size: 20px; line-height: 130%; margin-bottom: 20px; }
      .calculate-form-left, .calculate-form-right { float: none; width: 100%; padding-left: 0; padding-right: 0; }
      .calculate-form-left { display: none; padding-bottom: 0; border-right: 0; }
}
/*--- app-calculate-form : end ---*/

/*--- stages-work : start ---*/
.stages-work { padding: 73px 0 137px; }
   .stages-work .title { font-family: 'DINProBold'; margin-bottom: 77px; }
   .stages-work-in { margin: 0 auto; position: relative; font-size: 0; line-height: 0; text-align: center; }
      .stages-work-item { display: inline-block; vertical-align: top; position: relative; width: 16.66666%; padding: 0 15px; color: #333; font-size: 16px; line-height: 150%; text-align: center; }
         .stages-work-item:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 65px; right: -21.2%; width: 42.4%; height: 17px; background: url(../i/s-work-arrow.png) 100% 0 no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; }
         .s-work-icon { display: inline-block; vertical-align: top; position: relative; margin-bottom: 19px; width: 147px; height: 147px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #fe745c; border-radius: 50%; overflow: hidden; line-height: 133px; text-align: center; }
         .sw-1 .s-work-icon { background-image: url(../i/icons/icon-8.svg); -webkit-background-size: 63px auto; background-size: 63px auto; }
         .sw-2 .s-work-icon { background-image: url(../i/icons/icon-9.svg); -webkit-background-size: 61px auto; background-size: 61px auto; }
         .sw-3 .s-work-icon { background-image: url(../i/icons/icon-10.svg); -webkit-background-size: 61px auto; background-size: 61px auto; }
         .sw-4 .s-work-icon { background-image: url(../i/icons/icon-11.svg); -webkit-background-size: 66px auto; background-size: 66px auto; }
         .sw-5 .s-work-icon { background-image: url(../i/icons/icon-12.svg); -webkit-background-size: 77px auto; background-size: 77px auto; }
         .sw-6 .s-work-icon { background-image: url(../i/icons/icon-13.svg); -webkit-background-size: 65px auto; background-size: 65px auto; }
         .stages-work-tt { font-family: 'DINProBold'; text-transform: uppercase; }
      /* if stages-work has class with-numeric */
      .with-numeric .stages-work-in { counter-reset: numeric; }
         .with-numeric .s-work-icon { position: relative; background-image: none; }
         .with-numeric .s-work-icon:before { content: counter(numeric); counter-increment: numeric; color: #043646; font-family: 'DINProBold'; font-size: 87px; }

      .over-liner { display: none; }

@media all and (min-width: 1241px) {
   .stages-work-item:nth-last-child(2):before { display: none; }
}
@media all and (min-width: 1501px) and (max-width: 1700px) {
   .stages-work-item:before { right: -18%; width: 36%; }
}
@media all and (min-width: 1241px) and (max-width: 1500px) {
   .stages-work-item:before { right: -15%; width: 30%; }
}
@media all and (min-width: 1241px) and (max-width: 1380px) {
   .stages-work-item:before { top: 52px; }
   .s-work-icon { width: 120px; height: 120px; line-height: 110px; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .stages-work { padding-top: 48px; padding-bottom: 33px; }
      .stages-work .title { margin-bottom: 68px; }
      .stages-work-in { max-width: 900px; padding-right: 5px; }
         .stages-work-in:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
         .stages-work-item { float: left; width: 33.3333%; padding-bottom: 11px; }
         .stages-work-item:nth-child(4), .stages-work-item:nth-child(5), .stages-work-item:nth-child(6) {float: right;}
            .stages-work-item:before { width: 41.2%; right: -20.6%; }
            .stages-work-item:nth-child(3):before, .stages-work-item:nth-child(4):before { right: 0; width: 57px; }
            .stages-work-item:nth-child(3):before { background-position: 0 0; }
            .stages-work-item:nth-child(6):before, .stages-work-item:nth-child(5):before, .stages-work-item:nth-child(4):before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
         .over-liner { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 71px; right: 0; width: 5px; height: 300px; background: #4D4D4D; }
}
@media all and (min-width: 768px) and (max-width: 861px) {
   .stages-work-item:before { top: 52px; }
   .stages-work-item:nth-child(3n+3):before { width: 50px; }
   .s-work-icon { width: 120px; height: 120px; line-height: 110px; }
      .with-numeric .s-work-icon:before { font-size: 70px; }
   .over-liner { top: 58px; }
}
@media all and (max-width: 767px) {
   .stages-work { padding-top: 44px; padding-bottom: 72px; }
      .stages-work .title { margin-bottom: 46px; }
      .stages-work-in { max-width: 320px; }
         .stages-work-item { display: block; width: 100%; margin: 0 0 80px; padding: 0; }
         .stages-work-item:nth-last-child(2) { margin-bottom: 0; }
            .stages-work-item:before {top: 100%; right: 50%; margin-right: -32px; margin-top: 28px; width: 65px; height: 17px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
            .stages-work-item:nth-last-child(2):before {display: none;}
         .over-liner { display: none; }
}
/*--- stages-work : end ---*/

/*--- answers-on-questions : start ---*/
.answers-on-questions { background: #f7f7f7; padding: 65px 0 55px; }
   .answers-on-questions .title { margin-bottom: 80px; }
   .answers-on-questions-in { margin: 0 auto; max-width: 1260px; }
      .answers-on-questions-in ul { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; }
         .answers-on-questions-in ul li { display: inline-block; vertical-align: top; width: 50%; position: relative; margin: 0 0 30px; padding: 0 0 0 26px; font-size: 19px; line-height: 150%; }
         .answers-on-questions-in ul li:nth-child(2n+1) { padding-right: 15px; }
         .answers-on-questions-in ul li:nth-child(2n) { padding-left: 41px; }
            .answers-on-questions-in ul li:before { display: block; content: ''; font-size: 0; position: absolute; top: 14px; left: 0; width: 12px; height: 12px; background: #fe745c; }
            .answers-on-questions-in ul li:nth-child(2n):before { left: 15px; }
            .answers-on-questions-in .tt { font-family: 'DINProRegular'; font-size: 30px; line-height: 120%; margin-bottom: 8px; }
            .answers-on-questions-in ul li p:last-child { padding-bottom: 0; }
      .answers-on-questions-in .go-all { padding-top: 27px; }

@media all and (max-width: 1240px) {
   .answers-on-questions { padding-top: 60px; padding-bottom: 35px; }
      .answers-on-questions .title { margin-bottom: 31px; }
      .answers-on-questions-in { max-width: 820px; }
}
@media all and (max-width: 767px) {
   .answers-on-questions { display: none; }
}
/*--- answers-on-questions : end ---*/
/*================= promo1 : end =================*/

/*================ promo2 : start ================*/
.promo2 { background-color: #f9f9f9; padding: 95px 0 23px; }
   .promo2 h2, .promo2 .h2, .promo2 .title { text-align: center; font-size: 50px; line-height: 100%; color: #4d4d4d; margin-bottom: 97px; }
   .promo2-wrapper { margin: 0 auto; max-width: 1640px; font-size: 0; line-height: 0; text-align: center; }
      .version-promo { display: inline-block; vertical-align: top; width: 47.5%; margin: 0 0 60px 5%; background: #fff; font-size: 20px; line-height: 140%; text-align: left; }
         .version-promo:hover { -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); box-shadow: 0 0 9px rgba(0,0,0,0.3); }
         .version-promo h3, .version-promo .h3 { display: block; position: relative; background-color: #043646; color: #fff; text-align: left; font-size: 36px; line-height: 100%; text-transform: none; font-weight: normal; padding: 18px 20px 22px 85px; }
            .version-promo h3:before, .version-promo .h3:before { display: block; content: ''; font-size: 0; position: absolute; top: 30px; left: 33px; width: 16px; height: 16px; background-color: #e56953; }
            .version-promo:hover h3, .version-promo:hover .h3 { background-color: #e56953; }
            .version-promo:hover h3:before, .version-promo:hover .h3:before { background-color: #043646; }
         .promo-cols { padding: 30px 18px 37px; font-family: 'DINProRegular'; }
            .promo-cols p {padding-bottom: 33px;}
            .promo-cols ul, .promo-cols ol {margin-bottom: 24px;}
               .promo-cols ul li, .promo-cols ol li {padding-bottom: 12px;}
            /* .promo-col-l */
            .promo-col-l { float: left; width: 66%; position: relative; padding: 7px 2.8% 115px 127px; border-right: 1px solid #e6e8ea; }
               .promo-col-l:before, .promo-col-l:after { display: block; content: ''; font-size: 0; position: absolute; top: 9px; left: 0; width: 107px; height: 107px; border-radius: 50%; background: rgba(255,255,255,0); border-width: 2px; border-style: solid; border-width: 2px; }
               .promo-col-l:before { border-color: #e6e8ea; background-color: rgba(255,255,255,0); background-position: 50%; background-repeat: no-repeat; }
               .version-promo.var1 .promo-col-l:before { background-image: url(../i/icons/var-promo-1.svg); }
               .version-promo.var2 .promo-col-l:before { background-image: url(../i/icons/var-promo-2.svg); }
               .version-promo.var3 .promo-col-l:before { background-image: url(../i/icons/var-promo-3.svg); }
               .version-promo.var4 .promo-col-l:before { background-image: url(../i/icons/var-promo-4.png); }
               .version-promo.var5 .promo-col-l:before { background-image: url(../i/icons/var-promo-5.svg); }
               .version-promo.var6 .promo-col-l:before { background-image: url(../i/icons/var-promo-6.svg); }
               .version-promo.var7 .promo-col-l:before { background-image: url(../i/icons/var-promo-7.svg); }
			   .version-promo.var8 .promo-col-l:before { background-image: url(../i/icons/var-promo-8.svg); }
               .promo-col-l:after { border-color: transparent; }
               .touch .promo-col-l:after { display: none !important; }
                  .version-promo:hover .promo-col-l:after { border-width: 7px; border-color: #e56953; }
                  /*.promo-col-l p { padding-bottom: 0; }*/
                  .promo-col-l .btn-hollow { margin: 0 auto; width: 202px; height: 68px; border-radius: 50px; font-size: 23px; line-height: 64px; position: absolute; bottom: 5px; left: 50%; margin-left: -47px; }
            /* .promo-col-r */
            .promo-col-r { float: right; position: relative; width: 31.2%; margin-left: 2.8%; padding: 8px 0 103px 0; }
               .pr-char { position: relative; padding-left: 60px; font-size: 24px; line-height: 160%; padding-bottom: 47px; }
               .pr-term { padding-bottom: 0; } 
                  .pr-char:before { display: block; content: ''; font-size: 0; position: absolute; top: 1px; left: 0; background-image: url(../i/icons/ic-functions.svg); background-repeat: no-repeat; }
                  .pr-char.pr-coast:before { width: 47px; height: 38px; background-position: 0 0; }
                  .pr-char.pr-term:before { width: 47px; height: 46px; background-position: 0 -51px; }
                     .pr-char strong { font-size: 32px; }
                  .promo-col-r .btn-hollow { position: absolute; bottom: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media all and (min-width: 1361px) and (max-width: 1480px) {
   .version-promo { width: 48.5%; margin-left: 3%; }
}
@media all and (min-width: 1361px) {
   .version-promo:nth-child(2n+1) { margin-left: 0; }
}
@media all and (max-width: 1360px) {
   .promo2-wrapper { max-width: 940px; }
      .version-promo { width: 100%; margin: 0 0 60px; }
}
@media all and (max-width: 965px) {
   .promo2 { padding-top: 50px; padding-bottom: 0; }
      .promo2 h2, .promo2 .h2, .promo2 .title {margin-bottom: 50px; font-size: 32px; line-height: 110%; }
      .promo2-wrapper { padding: 0 0 23px; }
         .promo2-wrapper h2, .promo2-wrapper .h2, .promo2-wrapper .title { font-size: 34px; margin-bottom: 50px; }
         .version-promo h3, .version-promo .h3 { font-size: 26px; padding: 18px 13px 22px 50px; }
            .version-promo h3:before, .version-promo .h3:before { left: 18px; top: 24px; }
            .promo-cols { padding: 8px 18px 28px; }
               .promo-col-l { width: 100%; float: none; padding-top: 0; padding-right: 0; padding-bottom: 135px; border-right: 0; border-bottom: 1px solid #e6e8ea; font-size: 18px; line-height: 130%; }
                  .promo-col-l .btn-hollow { margin-left: -101px; bottom: 25px; }
               .promo-col-r { width: 100%; float: none; margin-left: 0; padding: 15px 0 70px; }
                  .pr-char { display: inline-block; margin-left: 20px; padding-bottom: 25px; font-size: 24px; }
                     .pr-char:before { top: 10px; }
                     .pr-char strong { font-size: 26px; }
}
@media all and (max-width: 480px) {
   .version-promo { margin-bottom: 40px; }
      .promo-cols { padding-top: 0; }
         .promo-col-l { padding-left: 0; padding-top: 110px; padding-bottom: 125px; }
            .promo-col-l:before { top: 0; left: 50%; margin-left: -45px; width: 90px; height: 90px; }
            .promo-col-l .btn-hollow { height: 60px; line-height: 60px; }
}

/* .promo2 is horizontally-version */
.horizontally-version .promo-col-l, .horizontally-version .promo-col-r {float: none; width: 100%;}
.horizontally-version .promo-col-l {padding: 0; border-right: none;}
   .horizontally-version .promo-col-l:before, .horizontally-version .promo-col-l:after {display: none;}

@media all and (min-width: 966px) {
   .horizontally-version .version-promo h3, .horizontally-version .version-promo .h3 {font-size: 34px;}
   .horizontally-version .promo-cols {position: relative; padding: 18px 38px 192px;}
      .horizontally-version .promo-col-l, .horizontally-version .promo-col-r {margin: 0;}
      .horizontally-version .promo-col-r {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 38px;}
         .horizontally-version .promo-col-r_in {position: relative; padding: 60px 0 5px; border-top: 1px solid #e6e8ea;}
            .horizontally-version .pr-char {float: left; margin-left: 20px;}
            .horizontally-version .pr-char:first-child {margin-left: 0;}
            .horizontally-version .promo-col-r .btn-hollow {position: relative; left: auto; bottom: auto; -webkit-transform: translateX(0); transform: translateX(0); float: right;}
}

/*--- promo-links : start ---*/
.promo-links { padding: 37px 0; background: #ededed; }
.base-page .promo-links {background: #f4f4f4;}
   .promo-links-in { margin: 0 auto; width: 100%; max-width: 1478px; display: table; table-layout: fixed; }
      .promo-links-item { display: table-cell; vertical-align: middle; padding: 55px 20px 44px; border-left: 1px solid #b3b3b3; color: #000;  font-family: 'robotomedium'; font-size: 16px; line-height: 120%; text-decoration: none; text-transform: uppercase; text-align: center; }
         .promo-links-item > div { display: inline-block; vertical-align: middle; }
            .promo-links-text { position: relative; margin-bottom: 20px; text-align: left; }
               .promo-links-text:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; }
            .us-1 .promo-links-text { padding-left: 59px; }
               .us-1 .promo-links-text:before { width: 46px; height: 46px; background-image: url(../i/icons/ic-us-1.svg); }
               .base-page .us-1 .promo-links-text:before { background-image: url(../i/icons/ic-us-1_2.svg); }
            .us-2 .promo-links-text { padding-left: 70px; }
               .us-2 .promo-links-text:before { width: 45px; height: 45px; background-image: url(../i/icons/ic-us-2.svg); }
               .base-page .us-2 .promo-links-text:before { background-image: url(../i/icons/ic-us-2_2.svg); }
            .us-3 .promo-links-text { padding-left: 60px; }
               .us-3 .promo-links-text:before { width: 37px; height: 40px; background-image: url(../i/icons/ic-us-3.svg); }
               .base-page .us-3 .promo-links-text:before { background-image: url(../i/icons/ic-us-3_2.svg); }
            .us-4 .promo-links-text { padding-left: 60px; }
               .us-4 .promo-links-text:before { width: 40px; height: 46px; background-image: url(../i/icons/ic-us-4.svg); }
               .base-page .us-4 .promo-links-text:before { background-image: url(../i/icons/ic-us-4_2.svg); }
            .promo-links-item .btn-hollow { display: inline-block; vertical-align: top; width: 219px; background-color: #fff; }
            .base-page .promo-links-item .btn-hollow { border-color: #ff4c68; }
               .promo-links-item .btn-hollow:hover { background-color: #e56953; color: #fff; }
               .base-page .promo-links-item .btn-hollow:hover { background-color: #ff4c68; }

@media all and (min-width: 960px) and (max-width: 1517px) {
   .promo-links-item:first-child { padding-left: 0; }
   .promo-links-item:last-child { padding-right: 0; }
}
@media all and (min-width: 960px) and (max-width: 1240px) {
   .promo-links-text { padding-top: 65px; padding-left: 0 !important; text-align: center; }
      .promo-links-text:before { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
   .promo-links-item .btn-hollow { width: 189px; font-size: 14px; }
}
@media all and (min-width: 768px) {
   .promo-links-item:first-child { border-left: 0; }
}
@media all and (min-width: 767px) and (max-width: 959px) {
   .promo-links-item {width: 50%; float: left;}
   .promo-links-item:nth-child(3) { border-left: 0; }
}
@media all and (max-width: 767px) {
   .promo-links { padding: 0; }
      .promo-links-in { display: block; width: 100%; max-width: none; }
         .promo-links-item { display: block; width: 100%; padding-left: 0; padding-right: 0; border-left: 0; border-top: 1px solid #b3b3b3; }
         .promo-links-item:first-child { border-top: 0; }
            .promo-links-text { padding-left: 60px !important; }
}
@media all and (max-width: 375px) {
   .promo-links .wrapp {padding: 0;}
}
/*--- promo-links : end ---*/
/*================= promo2 : end =================*/

/*================ promo3 : start ================*/
.promo3-actual { background: #e2e4e2 url(../i/bg-promo3-actual.jpg) 100% 100% no-repeat; padding: 115px 0 160px; }
   .promo3-actual h3, .promo3-actual .h3 { font-size: 50px; line-height: 100%; text-align: center; margin-bottom: 90px; text-transform: none; }
   .pr3-actual-wrapper { width: 1114px; margin: 0 auto; font-family: 'DINProRegular'; font-size: 30px; line-height: 120%; color: #043646; }
      ul.pr3-actual-list { display: block; width: 740px; list-style: none; margin: 0; padding: 0; }
         ul.pr3-actual-list li { display: block; position: relative; margin: 0 0 65px; padding: 0 0 0 133px; }
         ul.pr3-actual-list li:last-child { margin-bottom: 0; }
            ul.pr3-actual-list li:before { display: block; content: ''; font-size: 0; position: absolute; top: 50%; left: 0; margin-top: -53px; width: 107px; height: 107px; border-radius: 50%; background: #fff url(../i/icons/ic-star.svg) 50% 50% no-repeat; border: 2px solid #e56953; }

@media all and (max-width: 1240px) {
   /*- content -*/
   .promo3-actual { background-image: none; }
}
@media all  and (max-width: 1180px) {
   .pr3-actual-wrapper { width: 100%; }
      ul.pr3-actual-list { width: 100%; }
         ul.pr3-actual-list li { margin-bottom: 95px; }
}
@media all and (min-width: 600px) and (max-width: 870px) {
   .promo3-actual { padding: 65px 0 90px; }
      .promo3-actual h3, .promo3-actual .h3 { font-size: 34px; margin-bottom: 60px; }
      .pr3-actual-wrapper { font-size: 20px; }
         ul.pr3-actual-list li { padding-left: 93px; }
            ul.pr3-actual-list li:before { width: 70px; height: 70px; background-size: 60% auto; margin-top: -35px; }
}
@media all and (max-width: 600px) {
   .promo3-actual { padding: 50px 0 60px; }
      .promo3-actual h3, .promo3-actual .h3 { font-size: 34px; margin-bottom: 55px; }
      .pr3-actual-wrapper { font-size: 18px; }
         ul.pr3-actual-list li { padding-left: 48px; margin-bottom: 45px; }
            ul.pr3-actual-list li:before { width: 36px; height: 36px; background-size: 50% auto; top: 0; margin-top: 0; }
}
/*================= promo3 : end =================*/

/*================ promo4 : start ================*/
/*--- using-smartseo : start ---*/
.using-smartseo { background: #fff; position: relative; padding: 86px 0 22px; text-align: right; }
   .using-smartseo-cont { display: inline-block; position: relative; z-index: 10; width: 865px; margin-right: 8.5%; font-family: 'DINProLight'; font-size: 20px; line-height: 120%; color: #808080; text-align: left; }
      .using-smartseo-cont sup { font-size: inherit; top: 0; }
      .using-smartseo .table-box { padding-left: 13px; margin-bottom: 121px; }
         .using-smartseo .title { text-align: left; margin-bottom: 25px; }
         .using-smartseo-cont table { width: 100%; font-size: 30px; line-height: 110%; border-bottom: 1px solid #000; padding-bottom: 8px; margin-bottom: 16px; }
            .using-smartseo-cont th, .using-smartseo-cont td { padding: 18px 45px 18px 0; }
            .using-smartseo-cont th { font-family: 'DINProBold'; font-size: 34px; text-align: left; padding-bottom: 20px; vertical-align: top; }
            .using-smartseo-cont td { border: 0; }
      .cat-asses { text-align: left; }
         .item-cat-asses { display: inline-block; vertical-align: top; position: relative; width: 47%; margin: 0 0 30px 5%; padding: 9px 0 0 135px; min-height: 107px; }
         .item-cat-asses:nth-child(2n+1) { margin-left: 0; }
            .item-cat-asses:before { display: block; content: ''; font-size: 0; position: absolute; top: 0; left: 0; width: 107px; height: 107px; background-color: #fff; background-position: 50%; background-repeat: no-repeat; border: 2px solid #e56953; border-radius: 50%; }
            .item-cat-asses:first-child:before { background-image: url(../i/icons/cat-asses-1.svg); }
            .item-cat-asses:nth-child(2):before { background-image: url(../i/icons/cat-asses-2.svg); }
            .item-cat-asses .tt { margin-bottom: 8px; color: #043646; }
   .using-smartseo-img { position: absolute; top: 0; left: 0; z-index: 9; width: 49%; height: 100%; background: url(../i/bg-using-smartseo.jpg) 0 80% no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

@media all and (min-width: 1471px) and (max-width: 1830px) {
   .using-smartseo-cont { margin-right: 20px; }
   .using-smartseo-img { width: 42%; }
}
@media all and (max-width: 1470px) {
   .using-smartseo-cont { display: block; margin: 0 auto; }
   .using-smartseo-img { display: none; }
}
@media all and (max-width: 965px) {
   .using-smartseo-cont { width: 100%; padding-left: 20px; padding-right: 20px; }
      .using-smartseo .table-box { padding-left: 0; margin-bottom: 40px; }
}
@media all and (max-width: 767px) {
   .using-smartseo { padding: 50px 0 40px; }
      .using-smartseo-cont { font-size: 18px; }
         .using-smartseo .title { text-align: center; }
         .using-smartseo-cont table { font-size: 18px; }
         .using-smartseo-cont th, .using-smartseo-cont td { padding: 13px 30px 13px 0; }
         .using-smartseo-cont th { font-size: 20px; }
         .item-cat-asses { display: block; width: 100%; margin: 0 0 20px; padding: 0; }
            .item-cat-asses:before { display: none; }
}
/*--- using-smartseo : end ---*/
/*================= promo4 : end =================*/

/*================ promo5 : start ================*/
/*--- search-systems : start ---*/
.search-systems { background: #e2e4e2; padding: 0 28.65% 0 0; position: relative; }
   .sch-systems-cont { position: relative; padding: 115px 11% 184px; font-family: 'DINProLight'; line-height: 120%; }
      .sch-systems-head { text-align: right; margin-bottom: 50px; }
         .sch-systems-head > div { display: inline-block; text-align: center; }
         .sch-systems-head .title { color: #043646; margin-bottom: 5px; }
         .sch-systems-head .mini-title { font-size: 30px; line-height: 120%; }
      .ab-algorithm { position: relative; margin: 0 0 37px; padding: 0 0 0 180px; min-height: 147px; }
      .ab-algorithm:last-child { margin-bottom: 0; }
         .ab-algorithm:before { display: block; content: ''; font-size: 0; position: absolute; top: 5px; left: 0; width: 142px; height: 142px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; }
         .ab-algorithm:first-child:before { background-image: url(../i/icons/alg-1.png); }
         .ab-algorithm:nth-child(2):before { background-image: url(../i/icons/alg-2.png); }
         .ab-algorithm:nth-child(3):before { background-image: url(../i/icons/alg-3.png); }
         .ab-algorithm:nth-child(4):before { background-image: url(../i/icons/alg-4.png); }
         .ab-algorithm .tt { color: #043646; font-size: 30px; line-height: 110%; padding-bottom: 16px; }

   .sch-systems-bg { position: absolute; top: 0; right: 0; width: 28.65%; height: 100%; background: url(../i/bg-alg.png) 0 0 repeat; }

@media all  and (max-width: 1180px) {
   .sch-systems-cont { padding-left: 20px; padding-right: 20px; }
}
@media all and (max-width: 965px) {
   .search-systems { padding-right: 0; }
      .sch-systems-cont { padding: 70px 20px 84px; }
         .sch-systems-head { text-align: center; }
      .sch-systems-bg { display: none; }
}
@media all and (max-width: 767px) {
   .sch-systems-head .title { font-size: 34px; }
   .sch-systems-head .mini-title { font-size: 22px; }
   .ab-algorithm { padding-left: 0; min-height: 100%; }
      .ab-algorithm:before { display: none; }
      .ab-algorithm .tt { font-size: 24px; }
}
/*--- search-systems : end ---*/
/*================= promo5 : end =================*/

/*================ promo6 : start ================*/
/*--- you-getting : start ---*/
.you-getting { background: #fff; padding: 100px 0 71px; }
   .you-getting .title { margin-bottom: 79px; }
   .y-getting-cont { text-align: center; font-size: 0; line-height: 0; counter-reset: list; }
      .it-y-get { display: inline-block; vertical-align: top; font-family: 'DINProRegular'; font-size: 30px; line-height: 120%; color: #043646; text-align: center; width: 23%; margin: 0 0 30px 5%; padding: 189px 0 0; position: relative; }
      .it-y-get:first-child { margin-left: 0; }
         .it-y-get:before { display: block; content: counter(list); counter-increment: list; color: #8c8c8c; font-family: inherit; font-size: 92px; line-height: 138px; position: absolute; top: 0; left: 50%; margin-left: -71px; width: 142px; height: 142px; background-color: #fff; border: 2px solid #e56953; border-radius: 50%; }

@media all and (min-width: 871px) and (max-width: 1240px) {
   .it-y-get { width: 30%; }
}
@media all and (max-width: 870px) {
   .it-y-get { font-size: 20px; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .you-getting { padding: 70px 0 60px; }
      .it-y-get { width: 30%; padding-top: 159px; }
}
@media all and (max-width: 767px) {
   .you-getting { padding: 70px 0 30px; }
      .you-getting .title { margin-bottom: 50px; }
      .it-y-get { display: block; width: 100%; padding-top: 158px; margin: 0 0 55px; }
}
/*--- you-getting : end ---*/
/*================= promo6 : end =================*/

/*================ promo7 : start ================*/
/*--- testing-process : start ---*/
.testing-process { background: #fff; padding: 109px 0 50px; }
   .testing-process .title { margin-bottom: 7px; }
   .testing-process .mini-title { margin-bottom: 30px; }
   .testing-process-cont { margin: 0 auto; max-width: 960px; font-family: 'DINProLight'; line-height: 120%; }
         .testing-process-cont .col { width: 45%; float: left; margin: 0 0 30px 9%; padding: 163px 0 0; background-repeat: no-repeat; }
         .testing-process-cont .col:nth-child(2n+1) { margin-left: 0; }
         .testing-process-cont .col.st1 { background-image: url(../i/t-process-1.jpg); background-position: 50% 53px; }
         .testing-process-cont .col.st2 { background-image: url(../i/t-process-2.png); background-position: 50% 0; }

@media all and (max-width: 767px) {
   .testing-process { padding: 65px 0 10px; }
      .testing-process .mini-title { margin-bottom: 0; }
      .testing-process-cont .col { float: none; width: 100%; margin: 0 0 60px; padding-top: 150px; }
      .testing-process-cont .col.st1 { -webkit-background-size: 250px auto; -moz-background-size: 250px auto; -o-background-size: 250px auto; background-size: 250px auto; background-position: 50% 75px; }
}
/*--- testing-process : end ---*/

/*--- proposal-actual : start ---*/
.proposal-actual { background: #e6e6e6; padding: 64px 0 87px; font-family: 'DINProLight'; }
   .proposal-actual .title { margin-bottom: 79px; }
   .center-box { text-align: center; font-size: 0; line-height: 0; padding: 0 0 42px; }
      .item-var { display: inline-block; vertical-align: top; position: relative; width: 14%; min-width: 142px; margin: 0 0 50px 5%; padding-top: 166px;  font-size: 18px; line-height: 125%; }
      .item-var:first-child { margin-left: 0; }
         .item-var:before { display: block; content: ''; font-size: 0; position: absolute; top: 0; left: 50%; margin-left: -71px; width: 142px; height: 142px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #e56953; border-radius: 50%; }
         .item-var:first-child:before { background-image: url(../i/icons/item-var-1.svg); }
         .item-var:nth-child(2):before { background-image: url(../i/icons/item-var-2.svg); }
         .item-var:nth-child(3):before { background-image: url(../i/icons/item-var-3.svg); }
   .plus-minus { max-width: 1738px; margin: 0 auto; font-size: 20px; line-height: 120%; }
      .plus-minus .col { position: relative; width: 49.45%; padding: 142px 10% 47px; background-color: #fff; }
      .plus-minus .col:nth-child(2n+1) { float: left; }
      .plus-minus .col:nth-child(2n) { float: right; }
      .plus-minus .col:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 42px; left: 50%; margin-left: -47px; width: 94px; height: 94px; border: 2px solid #b3b3b3; border-radius: 50%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 40px auto; background-size: 40px auto; }
      .plus-minus .col.it-plus:before { background-image: url(../i/icons/plus.svg); }
      .plus-minus .col.it-minus:before { background-image: url(../i/icons/minus.svg); }
         .plus-minus .col .title { line-height: 100%; margin-bottom: 51px; }
         .plus-minus ul.blue-marker li, .plus-minus ul.red-marker li { padding-bottom: 22px; }

@media all and (min-width: 768px) and (max-width: 1240px) {
   .item-var { width: 30%; }
   .plus-minus .col { width: 49%; padding-left: 40px; padding-right: 40px; }
      .plus-minus .col .title { font-size: 34px; }
}
@media all and (max-width: 767px) {
   .proposal-actual { padding-bottom: 30px; }
      .proposal-actual .title { margin-bottom: 47px; }
      .center-box { padding-bottom: 20px; }
         .item-var { width: 100%; margin-left: 0; padding-top: 160px; }
      .plus-minus { font-size: 18px; }
         .plus-minus .col { width: 100%; margin-bottom: 30px; padding: 150px 20px 30px; }
            .plus-minus .col .title { font-size: 30px; margin-bottom: 35px; }
}
/*--- proposal-actual : end ---*/
/*================= promo7 : end =================*/

/*================ promo8 : start ================*/
/*--- inform-box : start ---*/
.inform-box { background: #e2e4e2 url(../i/bg-inform-box.png) 0 0 repeat; padding: 108px 0 180px; font-family: 'DINProLight'; font-size: 20px; line-height: 120%; }
   .inf-box-cont { max-width: 876px; margin: 0 auto; background: #f2f2f2; border: 1px solid #ccc; color: #808080; padding: 39px 34px 36px; }
      .inf-box-cont .title { margin-bottom: 47px; }
      .item-inform { position: relative; padding-left: 119px; min-height: 104px; }
         .item-inform:before { display: block; content: ''; font-size: 0; position: absolute; top: 3px; left: 0; width: 101px; height: 101px; background: #fff url(../i/icons/ic-item-inform.svg) 50% no-repeat; border: 3px solid #e6e8ea; border-radius: 50%; }
         .item-inform .tt { color: #043646; margin-bottom: 18px; }

@media all and (max-width: 767px) {
   .inform-box { padding: 90px 0 100px; }
}
@media all and (max-width: 600px) {
   .inf-box-cont .title { margin-bottom: 30px; }
   .item-inform { padding-left: 0; }
      .item-inform:before { display: none; min-height: auto; }
      .item-inform .tt { text-align: center; }
}
@media all and (max-width: 480px) {
   .inf-box-cont { padding: 45px 13px 40px; }
}
/*--- inform-box : end ---*/
/*================= promo8 : end =================*/


/*====================================================
   Discount page (Bonus program banner)
====================================================*/
.bonus-program.content-inner {padding-top: 0;}
   .bonus-program-in {padding: 80px 30% 60px 90px; position: relative; background: #ff4c68; font-family: "MuseoSansRegular"; font-size: 22px; line-height: 1.2; color: #fff;}
      .bonus-program-in:after {content: ''; position: absolute; top: 0; right: 0; width: 30%; height: 100%; background: url('/upload/bonus-image.png') 0 100% / cover no-repeat;}
      .bonus-program-in h2, .bonus-program .h2 {font-family: "MuseoSansRegular"; font-size: 66px; line-height: 1; color: #fff; margin-bottom: 5px;}
         .bonus-program-in h2 strong, .bonus-program .h2 strong {display: block; white-space: nowrap; font-family: "MuseoSansBlack"; font-size: 214px; line-height: 1; text-transform: uppercase; margin-left: -10px;}
            .bonus-program-in h2 strong span, .bonus-program .h2 strong span {display: inline-block; width: 34px; height: 34px; border-radius: 100%; margin-left: 5px; margin-bottom: -2px; background: #000;}
      .bonus-program-in h3, .bonus-program .h3 {font-family: "MuseoSansRegular"; font-size: 44px; line-height: 1; color: #fff; margin-bottom: 30px;}
      .bonus-program-in ul {margin: 0; padding: 0; list-style: none;}
         .bonus-program-in ul li {padding: 0 0 0 16px; margin: 0 0 20px; position: relative;}
         .bonus-program-in ul li:last-child {margin-bottom: 0;}
            .bonus-program-in ul li:before {content: ''; position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #000;}

@media all and (min-width: 1280px) and (max-width: 1366px) {
   .bonus-program-in h2, .bonus-program .h2 {font-size: 60px;}
      .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 194px;}
   .bonus-program-in h3, .bonus-program .h3 {font-size: 40px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .bonus-program-in h2, .bonus-program .h2 {font-size: 54px;}
      .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 174px;}
   .bonus-program-in h3, .bonus-program .h3 {font-size: 36px;}
}
@media all and (max-width: 1024px) {
   .bonus-program.content-inner {padding-bottom: 0;}
      .bonus-program .wrapp-inner-wide {padding: 0;}
         .bonus-program-in {padding: 60px 35px;}
            .bonus-program-in:after {display: none;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .bonus-program-in h2, .bonus-program .h2 {font-size: 60px;}
      .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 194px;}
   .bonus-program-in h3, .bonus-program .h3 {font-size: 40px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .bonus-program-in h2, .bonus-program .h2 {font-size: 54px;}
      .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 174px;}
   .bonus-program-in h3, .bonus-program .h3 {font-size: 36px;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .bonus-program-in {padding: 50px 35px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .bonus-program-in h2, .bonus-program .h2 {font-size: 48px;}
      .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 154px; margin-left: -8px;}
         .bonus-program-in h2 strong span, .bonus-program .h2 strong span {width: 30px; height: 30px;}
   .bonus-program-in h3, .bonus-program .h3 {font-size: 32px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .bonus-program-in {font-size: 20px;}
      .bonus-program-in h2, .bonus-program .h2 {font-size: 42px;}
         .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 114px; margin-left: -6px;}
            .bonus-program-in h2 strong span, .bonus-program .h2 strong span {width: 24px; height: 24px;}
      .bonus-program-in h3, .bonus-program .h3 {font-size: 28px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .bonus-program-in {font-size: 18px; padding: 40px 30px;}
      .bonus-program-in h2, .bonus-program .h2 {font-size: 34px;}
         .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 84px; margin-left: -4px;}
            .bonus-program-in h2 strong span, .bonus-program .h2 strong span {width: 20px; height: 20px;}
      .bonus-program-in h3, .bonus-program .h3 {font-size: 24px;}
      .bonus-program-in ul li:before {top: 8px;}
}
@media all and (max-width: 375px) {
   .bonus-program-in {font-size: 16px; padding: 40px 25px;}
      .bonus-program-in h2, .bonus-program .h2 {font-size: 28px;}
         .bonus-program-in h2 strong, .bonus-program .h2 strong {font-size: 54px; margin-left: -2px;}
            .bonus-program-in h2 strong span, .bonus-program .h2 strong span {width: 14px; height: 14px;}
      .bonus-program-in h3, .bonus-program .h3 {font-size: 20px;}
      .bonus-program-in ul li {margin-bottom: 15px;}
         .bonus-program-in ul li:before {top: 6px;}
}


/*====================================================
   Context page
====================================================*/

/*--- .context-situations : start ---*/
.context-situations {background: #ff4c68;}
   .context-situations .wrapp-inner {max-width: 1260px; padding: 0 20px;}
      .context-situations-in {background: #fff; padding: 40px;}
         .context-situations-in .all-publication {font-family: "MuseoSansRegular"; font-size: 28px; line-height: 1.2; margin-bottom: 40px; padding: 0 40px;}
         .context-situations-tabs {position: relative;}
            .context-situations-tabs .tabs-links {padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
               .context-situations-tabs .tabs-links li {padding: 0; margin: 0; width: 25%; height: 52px; text-align: center; background: #e6e6e6; border-radius: 20px 20px 0 0; font-family: "MuseoSansBold"; font-size: 24px; line-height: 52px; color: #4c4c4c; cursor: pointer; position: relative; z-index: 1;}
               .context-situations-tabs .tabs-links li.selected {background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,.3); z-index: 2;}
                  .context-situations-tabs .tabs-links li:before {content: ''; position: absolute; top: 100%; left: -20px; right: -20px; height: 35px; background: #fff; opacity: 0;}
                  .context-situations-tabs .tabs-links li.selected:before {opacity: 1;}
                  .context-situations-tabs .tabs-links li:first-child:before {left: 0;}
                  .context-situations-tabs .tabs-links li:last-child:before {right: 0;}
            .context-situations-tabs .tabs-wrapp {box-shadow: 0 10px 55px rgba(0,0,0,.3); border-radius: 0 0 20px 20px; background: #fff; position: relative; z-index: 1;}
               .context-situations-tabs .tabs-item {padding: 40px 80px 0;}
                  .context-situations-list {margin: 0 0 0 -80px; padding: 0; list-style: none; font-size: 0; line-height: 0; /* -webkit-columns: auto 2; columns: auto 2;-webkit-column-gap: 100px; column-gap: 100px;*/}
                     .context-situations-list > li {display: inline-block; vertical-align: top; width: 50%; margin: 0; padding: 40px 0 40px 80px;}
                        .context-situations-image {float: left; width: 70px;}
                           .context-situations-image img {max-width: 60px;}
                        .context-situations-text {padding-left: 70px;}
                           .context-situations-title {font-size: 20px; line-height: 1.1; color: #4c4c4c; margin-bottom: 6px;}
                           .context-situations-descr {font-family: "MuseoSansRegular"; font-size: 16px; line-height: 1.2;}
                              .context-situations-descr ul {margin: 0 0 0 18px; padding: 0; list-style: disc;}
                                 .context-situations-descr ul li {margin: 0; padding: 0;}

@media all and (min-width: 768px) {
   .context-situations.content-inner {padding: 145px 0; background: url('../i/triangle-pattern.png') -50px -150px fixed repeat;}
}
@media all and (min-width: 1025px) {
   .context-situations h2, .context-situations .h2 {font-size: 50px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .context-situations-in .all-publication {font-size: 26px;}
}
@media all and (max-width: 1024px) {
   .context-situations-in .all-publication {margin-bottom: 30px;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .context-situations-in {padding: 40px 15px 15px;}
      .context-situations-in .all-publication {padding: 0 45px;}
         .context-situations h2, .context-situations .h2 {font-size: 48px;}
      .context-situations-tabs .tabs-links li {height: 46px; font-size: 22px; line-height: 46px;}
         .context-situations-tabs .tabs-item {padding: 20px 40px;}
            .context-situations-list {margin-left: -40px;}
               .context-situations-list > li {padding: 20px 0 20px 40px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .context-situations-in .all-publication {font-size: 24px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .context-situations-in .all-publication {font-size: 20px;}
}
@media all and (max-width: 767px) {
   .context-situations-in {padding: 0; background: none;}
      .context-situations-in .all-publication {color: #fff; font-size: 18px; padding: 0 14px;}
         .context-situations-in .all-publication h2, .context-situations-in .all-publication .h2 {color: #fff; font-size: 40px;}
      .context-situations-tabs .tabs-links {display: block; z-index: 2;}
         .context-situations-tabs .tabs-links:before {content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 20px; background: #fff; z-index: 2;}
         .context-situations-tabs .tabs-links li {width: 100%; height: 56px; box-shadow: 0 -1px 18px rgba(0,0,0,.3); margin-top: -18px; font-size: 20px; line-height: 36px;}
         .context-situations-tabs .tabs-links li.selected {z-index: 1; box-shadow: 0 -1px 18px rgba(0,0,0,.3);}
         .context-situations-tabs .tabs-links li:first-child {box-shadow: none; margin-top: 0;}
         .context-situations-tabs .tabs-links li:last-child {height: 36px;}
            .context-situations-tabs .tabs-links li:before {display: none;}
      .context-situations-tabs .tabs-wrapp {border-radius: 0;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .context-situations-tabs .tabs-item {padding: 20px;}
      .context-situations-list {margin-left: -20px;}
         .context-situations-list > li {padding: 20px 0 20px 20px;}
            .context-situations-image {width: 65px;}
            .context-situations-text {padding-left: 65px;}
               .context-situations-title {font-size: 18px;}
               .context-situations-descr {font-size: 15px;}
}
@media all and (max-width: 639px) {
   .context-situations-tabs .tabs-item {padding: 0 20px 40px;}
      .context-situations-list {margin-left: 0;}
         .context-situations-list > li {display: block; width: 100%; padding: 25px 0 0;}
}
@media all and (max-width: 480px) {
   .context-situations-in .all-publication {padding: 0 10px;}
      .context-situations-in .all-publication h2, .context-situations-in .all-publication .h2 {font-size: 35px;}
   .context-situations-tabs .tabs-links li {padding: 0 20px; text-align: left;}
}
@media all and (max-width: 375px) {
   .context-situations .wrapp-inner {padding: 0 15px;}
      .context-situations-in .all-publication {font-size: 16px;}
         .context-situations-in .all-publication h2, .context-situations-in .all-publication .h2 {font-size: 30px;}
      .context-situations-tabs .tabs-links li {padding: 0 15px;}
      .context-situations-tabs .tabs-item {padding: 0 15px 40px;}
         .context-situations-title {font-size: 18px;}
         .context-situations-descr {font-size: 14px;}
}
/*--- .context-situations : end ---*/

/*--- .context-advantages : start ---*/
.context-advantages {}
   .context-advantages h2, .context-advantages .h2 {text-align: center; margin-bottom: 60px;}
   .context-advantages-list {box-shadow: 0 10px 55px rgba(0,0,0,.3); font-size: 0; line-height: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
      .context-advantages-list-item {display: block; width: 25%; padding: 40px 35px 25px; background: #fff; font-family: "MuseoSansRegular"; font-size: 18px; line-height: 1.2; color: #4c4c4c; z-index: 1; box-shadow: 0 10px 55px rgba(0,0,0,0); -webkit-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s;}
      .no-flexbox .context-advantages-list-item {display: inline-block; vertical-align: top;}
      .context-advantages-list-item:hover {box-shadow: 0 10px 55px rgba(0,0,0,.3); z-index: 2;}
      .context-advantages-list-item:nth-child(1) {background: #4389ff; color: #fff;}
      .context-advantages-list-item:nth-child(3) {background: #ff4c68; color: #fff;}
         .context-advantages-list-icon {height: 100px;}
            .context-advantages-list-icon img {max-height: 82px;}
         .context-advantages-list-title {font-family: "MuseoSansBold"; font-size: 25px; line-height: 1.1; margin-bottom: 15px;}

@media all and (max-width: 1279px) {
   .context-advantages-list {max-width: 640px; margin: 0 auto;}
      .context-advantages-list-item {width: 50%;}
         .context-advantages-list-item:last-child {box-shadow: inset 0 30px 30px -15px rgba(0,0,0,.1);}
}
@media all and (max-width: 1024px) {
   .context-advantages h2, .context-advantages .h2 {margin-bottom: 40px;}
      .context-advantages h2 br, .context-advantages .h2 br {display: none;}
}
@media all and (max-width: 639px) {
   .context-advantages-list {width: 320px; max-width: 100%; box-shadow: 0 10px 25px rgba(0,0,0,.1);}
      .context-advantages-list-item {width: 100%;}
      .no-flexbox .context-advantages-list-item {display: block;}
      .context-advantages-list-item:nth-child(1) {order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1;}
      .context-advantages-list-item:nth-child(2) {order: 3; -webkit-box-ordinal-group: 3; -webkit-order: 3;}
      .context-advantages-list-item:nth-child(3) {order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2;}
      .context-advantages-list-item:nth-child(4) {order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4;}
}
@media all and (max-width: 480px) {
   .context-advantages h2, .context-advantages .h2 {margin-bottom: 30px;}
}
@media all and (max-width: 375px) {
   .context-advantages h2, .context-advantages .h2 {margin-bottom: 20px;}
   .context-advantages-list-item {padding: 40px 25px 25px;}
   .context-advantages-list-title {font-size: 22px;}
      .context-advantages-list-title br {display: none;}
}

/* .context-advantages decor*/
.context-advantages .triangle-bl-1 {top: 45%; left: 8%;}
.context-advantages .triangle-bl-2 {top: 90%; left: 12%;}
.context-advantages .triangle-bl-3 {top: 15%; right: 10%;}
.context-advantages .triangle-bl-4 {top: 110%; right: 10%;}
.context-advantages .triangle-bl-large {top: 36%; right: 10%;}

@media all and (min-width: 1580px) and (max-width: 1680px) {
   .context-advantages .triangle-bl-large {right: 2%;}
}
@media all and (min-width: 1480px) and (max-width: 1579px) {
   .context-advantages .triangle-bl-large {right: 0;}
}
@media all and (min-width: 1367px) and (max-width: 1479px) {
   .context-advantages .triangle-bl-large {right: -2%;}
}
@media all and (min-width: 1280px) and (max-width: 1366px) {
   .context-advantages .triangle-bl-large {right: -6%;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .context-advantages .triangle-bl-large {right: 0;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .context-advantages .triangle-bl-1 {left: 20px;}
   .context-advantages .triangle-bl-2 {left: 40px;}
   .context-advantages .triangle-bl-3 {right: 20px;}
   .context-advantages .triangle-bl-4 {right: 20px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .context-advantages .triangle-bl-large {right: -2%;}
}
@media all and (min-width: 880px) and (max-width: 959px) {
   .context-advantages .triangle-bl-large {right: -10%;}
}
@media all and (min-width: 768px) and (max-width: 879px) {
   .context-advantages .triangle-bl-large {right: -15%;}
}
/*--- .context-advantages : end ---*/

/*--- .context-cost-intro : start ---*/
.context-cost-intro .dual-bl-left-item-icon {width: 104px;}
.context-cost-intro .dual-bl-left-item-text {padding-left: 104px;}
   .context-cost-intro .dual-bl-left-item-title {font-size: 30px;}
   .context-cost-intro .dual-bl-left-item-descr {opacity: 0.8;}

@media all and (min-width: 481px) and (max-width: 639px) {
   .context-cost-intro .dual-bl-left-item-title {font-size: 28px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .context-cost-intro .dual-bl-left-item-title {font-size: 24px;}
}
@media all and (max-width: 375px) {
   .context-cost-intro .dual-bl-left-item-title {font-size: 20px;}
   .context-cost-intro .dual-bl-left-item-descr {font-size: 16px;}
}

/*--- .context-cost-intro : end ---*/

/*--- .context-advertizing : start ---*/
.context-advertizing {}
   .context-advertizing h2, .context-advertizing .h2 {color: #fff; text-align: center; margin-bottom: 40px;}
   .context-advertizing h3, .context-advertizing .h3 {color: #fff; text-align: center; margin-bottom: 23px;}

@media all and (min-width: 960px) {
   .context-advertizing h3, .context-advertizing .h3 {font-size: 30px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .context-advertizing h2, .context-advertizing .h2 {margin-bottom: 30px;}
}
@media all and (max-width: 767px) {
   .context-advertizing h2, .context-advertizing .h2 {margin-bottom: 20px;}
}

/*context-advertizing-cost*/
.context-advertizing-cost-wrapp {max-width: 900px; margin: 0 auto 80px; padding-top: 130px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.no-flexbox .context-advertizing-cost-wrapp {display: table; width: 100%;}
   .context-advertizing-cost-single {width: 34%; padding-right: 23px;}
   .context-advertizing-cost-double {width: 66%;}
   .no-flexbox .context-advertizing-cost-single, .no-flexbox .context-advertizing-cost-double {display: table-cell; vertical-align: top;}
      .context-advertizing-cost-single-in, .context-advertizing-cost-double-in {height: 100%; padding-bottom: 100px; background: #fff; position: relative;}
         .context-advertizing-cost-item {position: relative; padding: 60px 10px 20px 40px; color: #191919;}
         .context-advertizing-cost-double-in .context-advertizing-cost-item {float: left; width: 50%;}
            .context-advertizing-cost-image {position: absolute; bottom: 100%; left: 0; margin-bottom: -40px; width: 100%; text-align: center;}
               .context-advertizing-cost-image:after {content: '+'; position: absolute; right: 0; bottom: 80px; font-family: "MuseoSansBlack"; font-size: 60px; line-height: 1; color: #ff4c68;}
               .context-advertizing-cost-single-in .context-advertizing-cost-image:after {margin-right: -28px;}
               .context-advertizing-cost-double-in .context-advertizing-cost-item:nth-child(2) .context-advertizing-cost-image:after {display: none;}
            .context-advertizing-cost-title {font-family: "MuseoSansBold"; font-size: 26px; line-height: 1; margin-bottom: 10px;}
            .context-advertizing-cost-text {font-family: "MuseoSansMedium"; font-size: 14px; line-height: 1.3;}
         .context-advertizing-cost-note {position: absolute; bottom: 0; left: 40px; right: 0; height: 100px; padding: 10px 10px 10px 0; border-top: 1px solid #4c4c4c; font-family: "MuseoSansRegular"; font-size: 14px; line-height: 1.1; color: #7f7f7f;}
            .context-advertizing-cost-note > div {position: relative; padding-left: 10px;}
               .context-advertizing-cost-note > div:before {content: ''; position: absolute; top: 5px; left: 0; width: 5px; height: 5px; background: #ff4c68;}

@media all and (max-width: 959px) {
   .context-advertizing-cost-title {font-size: 20px;}
   .context-advertizing-cost-note span {display: none;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .context-advertizing .wrapp-inner {padding: 0 23px;}
      .context-advertizing-cost-wrapp {padding-top: 220px;}
         .context-advertizing-cost-single-in, .context-advertizing-cost-double-in {padding-bottom: 65px;}
            .context-advertizing-cost-item {padding-left: 30px;}
               .context-advertizing-cost-image {margin-bottom: 20px;}
                  .context-advertizing-cost-image img {-webkit-transform: scale(0.8); transform: scale(0.8);}
               .context-advertizing-cost-double-in .context-advertizing-cost-item:nth-child(1) {width: 45%;}
               .context-advertizing-cost-double-in .context-advertizing-cost-item:nth-child(2) {width: 55%;}
                  .context-advertizing-cost-image:after {bottom: 20px;}
                  .context-advertizing-cost-double-in .context-advertizing-cost-item:nth-child(1) .context-advertizing-cost-image:after {right: auto; left: 100%;}
            .context-advertizing-cost-note {height: 65px;}
}
@media all and (max-width: 767px) {
   .context-advertizing-cost-wrapp {width: 320px; max-width: 100%; margin: 0 auto 60px; padding-top: 30px; display: block;}
   .no-flexbox .context-advertizing-cost-wrapp {display: block;}
      .context-advertizing-cost-single, .context-advertizing-cost-double {width: 100%;}
      .no-flexbox .context-advertizing-cost-single, .no-flexbox .context-advertizing-cost-double {display: block;}
      .context-advertizing-cost-single {padding-right: 0; padding-bottom: 70px;}
         .context-advertizing-cost-single-in, .context-advertizing-cost-double-in {padding-bottom: 0;}
            .context-advertizing-cost-item {display: table; height: 115px; padding: 0;}
            .context-advertizing-cost-double-in .context-advertizing-cost-item {float: none; width: 100%; height: 130px;}
               .context-advertizing-cost-image {bottom: auto; top: 0; left: 0; margin: -10px 0 0 -10px; width: 140px; text-align: left;}
               .context-advertizing-cost-double-in .context-advertizing-cost-item:nth-child(2) .context-advertizing-cost-image {margin-top: 0;}
                  .context-advertizing-cost-double-in .context-advertizing-cost-image img {width: 120px;}
                  .context-advertizing-cost-image:after {right: auto; left: 40px; bottom: auto; top: 100%; margin-top: -8px;}
                  .context-advertizing-cost-double-in .context-advertizing-cost-image:after {margin-top: -20px;}
               .context-advertizing-cost-title {display: table-cell; vertical-align: middle; padding: 0 10px 0 140px;}
               .context-advertizing-cost-text, .context-advertizing-cost-note {display: none;}
}

/*context-advertizing-tariffs*/
.context-advertizing-tariffs {max-width: 900px; margin: 0 auto;}
   .context-advertizing-tariffs-list {margin-bottom: 40px;}
      .context-advertizing-tariffs-list-in {margin-left: -23px; font-size: 0; line-height: 0;}
         .context-advertizing-tariffs-list-item {display: inline-block; vertical-align: top; width: 33.333%; padding-left: 23px;}
            .context-advertizing-tariffs-list-item-in {background: #fff; padding: 30px 20px 40px; box-shadow: 0 15px 55px rgba(0,0,0,0); text-align: center; font-family: 'robotolight'; font-size: 16px; line-height: 1.2; color: #191919; -webkit-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s;}
            .context-advertizing-tariffs-list-item-in:hover {box-shadow: 0 15px 55px rgba(0,0,0,.7);}
               .context-advertizing-tariffs-list-icon {text-align: center; margin-bottom: 15px;}
               .context-advertizing-tariffs-list-title {font-family: "MuseoSansBlack"; font-size: 24px; line-height: 1.2; margin-bottom: 25px;}
                  .context-advertizing-tariffs-list-title span {display: block; font-family: "MuseoSansRegular"; font-size: 16px; color: #7f7f7f;}
               .context-advertizing-tariffs-list-params-item {margin-bottom: 20px;}
               .context-advertizing-tariffs-list-params-item:last-child {margin-bottom: 0;}
                  .context-advertizing-tariffs-list-params-option {font-family: 'robotobold';}
                  .context-advertizing-tariffs-list-params-value ul {margin: 0; padding: 0; width: 180px; display: inline-block; list-style: none;}
                     .context-advertizing-tariffs-list-params-value ul li {margin: 0; padding: 0 0 0 10px; text-align: left; position: relative;}
                        .context-advertizing-tariffs-list-params-value ul li:before {content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #191919;}
   .context-advertizing-tariffs-note {font-family: "MuseoSansRegular"; font-size: 14px; color: #fff; margin-bottom: 20px;}
   .context-advertizing-tariffs-link .arrow-link:not(:hover) {color: #fff;}

@media all and (min-width: 768px) and (max-width: 959px) {
   .context-advertizing-tariffs-list-item-in {padding: 30px 20px;}
   .context-advertizing-tariffs-note, .context-advertizing-tariffs-link {padding-left: 20px;}
}
@media all and (max-width: 767px) {
   .context-advertizing-tariffs h3, .context-advertizing-tariffs .h3 {font-size: 24px;}
   .context-advertizing-tariffs-list-in {margin-left: 0;}
      .context-advertizing-tariffs-list-in .slick-list {padding: 0 35px; width: 100%; margin-left: -35px; box-sizing: content-box;}
         .context-advertizing-tariffs-list-item {width: 230px; padding: 0 20px 0 0;}
         .context-advertizing-tariffs-list-item:first-child {padding-left: 0;}
            .context-advertizing-tariffs-list-item-in {padding-bottom: 25px;}
}
/*--- .context-advertizing : end ---*/

/*--- .context-cases-list : start ---*/
.context-cases .all-publication {margin-bottom: 40px; text-align: center;}
.context-cases-list {max-width: 1140px; margin: 0 auto 40px; position: relative; z-index: 2;}
   .context-cases-list-item {margin: 0 8px;}
      .context-cases-list-item-in {display: block; width: 370px; max-width: 100%; height: 304px; margin: 0 auto; position: relative;}
         .context-cases-list-image {overflow: hidden; position: relative; z-index: 1;}
            .context-cases-list-image img {display: block; height: 100%; max-width: none; margin-left: 50%; position: relative; z-index: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
            .context-cases-list-image:before, .context-cases-list-image:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
            .context-cases-list-image:before {background: -moz-linear-gradient(50% 0% -90deg,rgba(255, 255, 255, 1) 0%,rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(0, 0, 0, 1) )); background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%); opacity: 0.74; mix-blend-mode: multiply;}
            .context-cases-list-image:after {background: #FF4D69; opacity: 0;}
            .context-cases-list-item-in:hover .context-cases-list-image:before {opacity: 0;}
            .context-cases-list-item-in:hover .context-cases-list-image:after {opacity: 0.74;}
         .context-cases-list-text {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; color: #fff; overflow: hidden;}
            .context-cases-list-title {font-family: "MuseoSansMedium"; font-size: 38px; line-height: 1.1;}
            .context-cases-list-details {position: absolute; top: 100%; left: 15px; right: 15px; margin-top: -50px; font-family: "MuseoSansRegular"; font-size: 16px; line-height: 1.2; -webkit-transition: margin-top 0.3s ease 0s; transition: margin-top 0.3s ease 0s;}
            .context-cases-list-item-in:hover .context-cases-list-details {-webkit-transition: margin-top 0.45s ease 0s; transition: margin-top 0.45s ease 0s;}
               .context-cases-list-details-top {padding-bottom: 10px;}
                  .context-cases-list-details-company {font-family: "MuseoSansBold"; color: #ff4c68; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
                  .context-cases-list-item-in:hover .context-cases-list-details-company {color: #fff;}
               .context-cases-list-details-bottom {padding: 10px 0; border-top: 1px solid #fff;}

.context-cases-list-link {text-align: center;}

@media all and (min-width: 1367px) {
   .context-cases-list-slider .slick-prev {left: -60px;}
   .context-cases-list-slider .slick-next {right: -60px;}
}
@media all and (max-width: 1279px) {
   .context-cases-list-slider .slick-prev {left: 15px;}
   .context-cases-list-slider .slick-next {right: 15px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .context-cases.content-inner {padding-top: 110px;}
}
@media all and (max-width: 639px) {
   .context-cases-list-item {margin: 0;}
}
@media all and (max-width: 568px) {
   .context-cases-list-slider .slick-prev {left: 10px;}
   .context-cases-list-slider .slick-next {right: 10px;}
}
@media all and (max-width: 480px) {
   .context-cases .all-publication {margin-bottom: 30px;}
   .context-cases-list {margin-bottom: 30px;}
      .context-cases-list-title {font-size: 30px;}
      .context-cases-list-slider .slick-prev {left: 50%; margin-left: -160px;}
      .context-cases-list-slider .slick-next {right: 50%; margin-right: -160px;}
      .context-cases-list-slider .slick-arrow:not(:hover):before, .context-cases-list-slider .slick-arrow:not(:hover):after {background: #fff;}
}
@media all and (max-width: 375px) {
   .context-cases .all-publication {margin-bottom: 20px; font-size: 16px;}
   .context-cases-list {margin-bottom: 20px;}
      .context-cases-list-title {font-size: 28px;}
      .context-cases-list-details {font-size: 15px;}
      .context-cases-list-slider .slick-prev {margin-left: -140px;}
      .context-cases-list-slider .slick-next {margin-right: -140px;}
}

/* .context-cases-list decor*/
.context-cases .dotted-bl-1 {left: 0; top: 0; width: 178px; height: 100%;}
.context-cases .dotted-bl-2 {right: 0; top: 0; width: 35%; height: 87px;}

.context-cases .triangle-bl-small {z-index: 0; top: 85%; left: 100%; margin-left: -150px;}
.context-cases .triangle-bl-medium {top: 0; margin-top: -40px; left: 50%; margin-left: -420px; z-index: -1;}
.context-cases .triangle-bl-large {top: 65%; left: 40px; z-index: 1;}

@media all and (max-width: 1024px) {
   .context-cases .dotted-bl-1 {display: none;}
   .context-cases .dotted-bl-2 {width: 60%;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .context-cases .triangle-bl-small {left: 20%; margin-left: 0;}
   .context-cases .triangle-bl-medium {width: 90px; height: 80px; top: 10px; margin-top: 0; left: 10%; margin-left: 0;}
   .context-cases .triangle-bl-large {width: 160px; height: 150px; top: 30px; left: 100%; margin-left: -170px;}
}
@media all and (max-width: 639px) {
   .context-cases .dotted-bl-2 {display: none;}
}
/*--- .context-cases-list : end ---*/


/*====================================================
   Cases page
====================================================*/
/*cases-list*/
.cases.content-inner {padding: 115px 0 0; background: url('../i/dotted-pattern.png') 0 0 repeat; position: relative;}
   .cases-list {position: relative; z-index: 4;}
      .cases-list-item {position: relative; z-index: 1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .cases-list-item:hover {box-shadow: 0px 0px 14.25px 0.75px rgba(44, 32, 27, 0.25); z-index: 2;}
         .cases-list-item-image {overflow: hidden;}
         .cases-list-item-text {padding: 60px 60px 60px 70px; background: #fff;}
            .cases-list-item h3, .cases-list-item .h3 {margin-bottom: 24px; font-family: "MuseoSansBlack"; font-size: 40px; line-height: 1.2; color: #191919; text-transform: none;}
            .cases-list-item-client {font-family: "MuseoSansRegular"; color: #121212; margin-bottom: 50px;}
               .cases-list-item-client strong {font-family: "MuseoSansBlack"; color: #009ce8; font-weight: normal;}
   .cases .pagination-wrapp {display: table; width: 100%; height: 200px;}
      .cases .pagination-wrapp .pagination {display: table-cell; vertical-align: middle;}

/*triangles*/
.cases .triangle-bl-large {top: 40%; left: 0; width: 532px; height: 615px; background: url(../i/triangle-large-part.png) 0 0 / contain no-repeat; z-index: 0;}
.cases .triangle-bl-medium {top: 0; left: 100%; margin-left: -344px; width: 314px; height: 278px;}
.cases .triangle-bl-small {top: 100%; left: 50%; margin-left: 592px; margin-top: -150px; width: 184px; height: 161px;}

@media all and (min-width: 1025px) {
   .cases-list-item {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
      .cases-list-item > div {width: 50%;}
      .cases-list-item:nth-child(even) .cases-list-item-image {order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2;}
         .cases-list-item-image img {-webkit-transition: all 15s ease 0s; transition: all 15s ease 0s;}
         .cases-list-item:hover .cases-list-item-image img {-webkit-transform: scale(1.15); transform: scale(1.15);}
}
@media all and (max-width: 1679px) {
   .cases .triangle-bl-small {left: 100%; margin-left: -250px;}
}
@media all and (min-width: 1280px) and (max-width: 1366px) {
   .cases-list-item-text {padding: 50px 60px;}
      .cases-list-item h3, .cases-list-item .h3 {font-size: 35px;}
      .cases-list-item-client {margin-bottom: 40px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px)  {
   .cases-list-item-text {padding: 30px 40px;}
      .cases-list-item h3, .cases-list-item .h3 {font-size: 25px;}
      .cases-list-item-client {margin-bottom: 28px;}
}
@media all and (max-width: 1024px) {
   .cases-list-item {width: 728px; height: 446px; max-width: 100%; margin: 0 auto 20px;}
   .cases-list-item:last-child {margin-bottom: 0;}
      .cases-list-item-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
         .cases-list-item-image img {height: 100%; max-width: none; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
         .cases-list-item-image:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
      .cases-list-item-text {position: relative; z-index: 2; background: none;}
         .cases-list-item h3, .cases-list-item .h3 {color: #fff;}
         .cases-list-item-client, .cases-list-item-client strong {color: #fff;}
            .cases-list-item-btn .btn-border:not(:hover) {color: #fff; border-color: #fff;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .cases.content-inner {padding-top: 80px;}
      .cases-list-item h3, .cases-list-item .h3 {font-size: 35px;}
      .cases .triangle-bl-large {display: none !important;}
      .cases .triangle-bl-medium {width: 207px; height: 181px; margin-left: -214px;}
      .cases .triangle-bl-small {width: 96px; height: 84px; margin-left: -150px;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .cases.content-inner {padding-top: 60px;}
      .cases-list-item-text {padding: 50px 40px;}
         .cases-list-item h3, .cases-list-item .h3 {font-size: 30px;}
}
@media all and (max-width: 480px) {
   .cases.content-inner {padding-top: 40px;}
      .cases .wrapp-inner-wide {padding: 0;}
         .cases-list-item-text {padding: 40px 30px;}
            .cases-list-item h3, .cases-list-item .h3 {font-size: 25px;}
            .cases-list-item-client {font-size: 16px;}
            .cases-list-item-btn {text-align: center;}
      .cases .triangle-bl-medium {top: 0; width: 71px; height: 63px; margin-left: -72px; display: block !important;}
      .cases .triangle-bl-small {width: 71px; height: 63px; margin-top: -220px; margin-left: -100px; display: block !important;}
}
@media all and (max-width: 375px) {
   .cases-list-item-text {padding: 40px 25px;}
}


/*====================================================
   Service page
====================================================*/
.jNice { margin: 0; width: 530px; max-width: 100%; }
   .jNice input[type="text"], .jNice input[type="name"], .jNice input[type="email"], .jNice input[type="url"], .jNice input[type="tel"], .jNice textarea { display: block; }

/*----- department : start -----*/
.department { margin-bottom: 40px; }
   .department .input-line { margin-bottom: 10px; }
   .department .input-line.dep-name { margin-bottom: 15px; }
   .dep-name input[type="checkbox"] + label { font-weight: bold; }
   .dep-in { padding-left: 26px; }
      .dep-boss input[type="checkbox"] + label { font-weight: bold; }
/*----- department : end -----*/

/*----- biblio-box : start -----*/
.biblio-box { border-bottom: 1px solid #e56953; margin: 0 0 50px; padding: 0 0 20px; }
.biblio-box:last-child { border-bottom: 0; }
   .biblio-box .fl { width: 20%; padding-right: 25px; }
   .biblio-box .fr { width: 80%; }

/* .biblio-box.top-chapter */
.biblio-box.top-chapter { border-bottom: 0; margin-bottom: 80px; }
   .biblio-box.top-chapter .fl { width: 35%; }
   .biblio-box.top-chapter .fr { width: 65%; }

@media all and (max-width: 640px) {
   .biblio-box { margin: 0 0 50px; padding: 0 0 15px; }
   .biblio-box h2, .biblio-box .h2 { margin-bottom: 25px; font-size: 26px; line-height: 130%; }
   .biblio-box.top-chapter { margin-bottom: 50px; }
      .biblio-box .fl, .biblio-box .fr, .biblio-box.top-chapter .fl, .biblio-box.top-chapter .fr { float: none; width: 100%; }
      .biblio-box .fl { margin-bottom: 30px; padding-left: 0; text-align: center; }
}
/*----- biblio-box : end -----*/


/*====================================================
   .content-nav (portfolio list page)
====================================================*/
.content-nav {background: #fd735b; padding: 4% 20px;}
   .content-nav-wrapp {width: 100%; max-width: 1486px; margin: 0 auto;}
   .content-nav-wrapp-articles {margin: -50px 0 100px;}
      .content-nav-list {margin: 0 0 0 -12px; padding: 0; list-style: none; position: relative;}
      .content-nav-filter + .content-nav-filter {margin-top: 20px;}
      .content-nav-menu:before, .content-nav-filter + .content-nav-filter:before {content: ''; position: absolute; bottom: 0; left: 12px; right: 0; height: 1px; background: #d3604c;}
      .content-nav-filter + .content-nav-filter:before {bottom: auto; top: 0;}
         .content-nav-list li {margin: 0; padding: 0 0 0 12px; float: left;}
            .content-nav-list a {font-family: 'DINProRegular'; font-size: 20px; color: #fff; text-decoration: none; display: block; padding: 0 20px; height: 32px; line-height: 28px; border-radius: 32px; background: #af503f; position: relative;}
            .content-nav-menu a {margin-bottom: 20px;}
            .content-nav-filter a {background: #d3604c; margin-top: 20px;}
            .content-nav-list a.active {background: #000;}
               .content-nav-list a.active:before {content: '×'; position: absolute; top: 0; right: 8px; font-family: 'DINProRegular'; font-size: 17px; line-height: 1; color: #fff;}

@media all and (min-width: 1025px) {
   .content-nav-list a:hover {background: #000;}
}
@media all and (max-width: 1024px) {
   .content-nav-menu {padding-bottom: 6px;}
   .content-nav-filter {padding-top: 6px;}
   .content-nav-wrapp-articles .content-nav-filter {padding-top: 0;}
}
@media all and (min-width: 959px) and (max-width: 1024px) {
   .content-nav-wrapp-articles {margin-bottom: 80px;}
}
@media all and (min-width: 992px) and (max-width: 1240px) {
   .content-nav-list a {font-size: 18px; height: 30px; line-height: 25px; padding: 0 18px; border-radius: 30px;}
      .content-nav-list a.active:before {font-size: 16px; right: 7px;}
   .content-nav-menu a {margin-bottom: 16px;}
   .content-nav-filter a {margin-top: 16px;}
   .content-nav-filter + .content-nav-filter {margin-top: 16px;}
}
@media all and (min-width: 768px) and (max-width: 991px) {
   .content-nav-list a {font-size: 16px; height: 28px; line-height: 24px; padding: 0 16px; border-radius: 28px;}
      .content-nav-list a.active:before {font-size: 15px; right: 6px;}
   .content-nav-menu a {margin-bottom: 14px;}
   .content-nav-filter a {margin-top: 14px;}
}
@media all and (min-width: 768px) and (max-width: 960px) {
   .content-nav-wrapp-articles {margin: -40px 0 60px;}
}
@media all and (max-width: 767px) {
   .content-nav-wrapp-articles {margin: -35px 0 40px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .content-nav-list a {font-size: 15px; height: 26px; line-height: 23px; padding: 0 14px; border-radius: 26px;}
      .content-nav-list a.active:before {font-size: 14px; right: 5px;}
   .content-nav-menu a {margin-bottom: 12px;}
   .content-nav-filter a {margin-top: 12px;}
   .content-nav-filter + .content-nav-filter {margin-top: 18px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .content-nav-list {margin: 0 0 0 -10px;}
   .content-nav-filter + .content-nav-filter {margin-top: 16px;}
      .content-nav-menu:before {left: 10px;}
      .content-nav-list li {padding: 0 0 0 10px;}
         .content-nav-list a {font-size: 14px; height: 24px; line-height: 20px; padding: 0 12px; border-radius: 24px;}
            .content-nav-list a.active:before {font-size: 13px; right: 4px;}
         .content-nav-menu a {margin-bottom: 10px;}
         .content-nav-filter a {margin-top: 10px;}
}
@media all and (max-width: 480px) {
   .content-nav {padding: 20px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .content-nav-list {margin: 0 0 0 -8px;}
   .content-nav-filter + .content-nav-filter {margin-top: 14px;}
      .content-nav-menu:before {left: 8px;}
      .content-nav-list li {padding: 0 0 0 8px;}
         .content-nav-list a {font-size: 13px; height: 22px; line-height: 18px; padding: 0 10px; border-radius: 22px;}
            .content-nav-list a.active:before {font-size: 12px; right: 3px;}
         .content-nav-menu a {margin-bottom: 8px;}
         .content-nav-filter a {margin-top: 8px;}
}
@media all and (max-width: 375px) {
   .content-nav-list {margin: 0 0 0 -6px;}
   .content-nav-menu {padding-bottom: 4px;}
   .content-nav-filter {padding-top: 4px;}
   .content-nav-filter + .content-nav-filter {margin-top: 10px;}
      .content-nav-menu:before {left: 6px;}
      .content-nav-list li {padding: 0 0 0 6px;}
         .content-nav-list a {font-size: 12px; height: 20px; line-height: 18px; padding: 0 8px; border-radius: 20px;}
            .content-nav-list a.active:before {font-size: 11px; right: 2px;}
         .content-nav-menu a {margin-bottom: 6px;}
         .content-nav-filter a {margin-top: 6px;}
}


/*====================================================
   .portfolio-list
====================================================*/
.portfolio-list {padding: 6% 2.706% 3%;}
.portfolio-list.portfolio-item {padding-top: 0; padding-bottom: 0; margin: 3% 0;}
   .portfolio-list ul {padding: 0; margin: 0; list-style: none;}
      .portfolio-list li {width: 33.333333%; overflow: hidden; float: left; position: relative; margin: 0; padding: 0;}
         .portfolio-list li:before {content: ''; display: block; padding-top: 53.335%;}
         .portfolio-list .load-inner {display: block; position: absolute; width: 100%; top: 0; left: 0;}
            .portfolio-list .load-inner:before {content: ''; display: block; padding-top: 106.667%;}
            .portfolio-list-item {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
            .portfolio-list-item-light {color: #033545;}
            .portfolio-list-item:hover {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
               .portfolio-list-item-top, .portfolio-list-item-bottom {height: 50%; width: 100%; position: relative;}
                  .portfolio-list-item-top > div, .portfolio-list-item-bottom > div {display: table; width: 100%; height: 100%; position: relative; transition: transform 0.65s ease-in-out 0s;}
                  .portfolio-list-item-top > div {-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);}
                  .portfolio-list-item-bottom > div {-webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%);}
                  .portfolio-list-item:hover .portfolio-list-item-top > div {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}
                  .portfolio-list-item:hover .portfolio-list-item-bottom > div {-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);}
                     /*logo*/
                     .portfolio-list-item-logo {display: table-cell; vertical-align: middle; text-align: center;}
                        .portfolio-list-item-logo img {max-width: 55%;}
                     /*icon*/
                     .portfolio-list-item-icon {position: absolute; top: 10%; left: 0; width: 100%; height: 30%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
                        .portfolio-list-item-icon img {max-height: 100%; max-width: 33%; margin: 0 auto;}
                     /*title*/
                     .portfolio-list-item-title {display: table-cell; vertical-align: middle; position: relative; font-family: 'robotoregular'; font-size: 20px; line-height: 120%; letter-spacing: 1.2px; padding: 0 10px;}
                     /*link*/
                     .portfolio-list-item-link {position: absolute; bottom: 18%; left:0; width: 100%; text-align: center;}
                        .portfolio-list-item-link a, .portfolio-list-item-link span {display: inline-block; width: 174px; height: 35px; margin: 0 auto; border-radius: 35px; font-family: 'robotoregular'; font-size: 16px; line-height: 33px; color: #fff; text-decoration: none; text-align: center; border: 1px solid #fff;}
                        .portfolio-list-item-light .portfolio-list-item-link a, .portfolio-list-item-light .portfolio-list-item-link span {color: #033545; border-color: #033545;}
                        .portfolio-list-item-link a:hover {background: #000; border-color: #000;}
                        .portfolio-list-item-light .portfolio-list-item-link a:hover {color: #fff; border-color: #000;}

@media all and (min-width: 1025px) {
   .portfolio-list .load-inner {opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
   .portfolio-list  .load-inner.load-animate {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
}
@media all and (max-width: 1365px) {
   .portfolio-list {padding: 0;}
   .portfolio-list.portfolio-item {margin: 40px 0 0;}
}
@media all and (min-width: 1152px) and (max-width: 1279px) {
   .portfolio-list-item-icon {height: 28%;}
   .portfolio-list-item-title {font-size: 18px;}
   .portfolio-list-item-link {bottom: 14%;}
}
@media all and (min-width: 1025px) and (max-width: 1151px) {
   .portfolio-list-item-icon {height: 26%;}
   .portfolio-list-item-title {font-size: 17px;}
   .portfolio-list-item-link {bottom: 12%;}
}
@media all and (min-width: 601px) and (max-width: 1024px) {
   .portfolio-list li {width: 50%;}
} 
@media all and (min-width: 768px) and (max-width: 959px) {
   .portfolio-list-item-icon {height: 28%;}
   .portfolio-list-item-title {font-size: 18px;}
   .portfolio-list-item-link {bottom: 14%;}
}
@media all and (min-width: 601px) and (max-width: 767px) {
   .portfolio-list-item-icon {height: 26%;}
   .portfolio-list-item-title {font-size: 17px;}
   .portfolio-list-item-link {bottom: 10%;}
}
@media all and (max-width: 600px) {
   .portfolio-list li {width: 100%;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .portfolio-list-item-icon {height: 28%;}
   .portfolio-list-item-title {font-size: 18px;}
   .portfolio-list-item-link {bottom: 12%;}
}
@media all and (max-width: 375px) {
   .portfolio-list-item-icon {height: 26%;}
   .portfolio-list-item-title {font-size: 17px;}
   .portfolio-list-item-link {bottom: 10%;}
}

/*====================================================
   .portfolio-item
====================================================*/

/*----------------- .portfolio-item .wrapp -----------------*/ 
.portfolio-item .wrapp {padding-top: 4%; padding-bottom: 4%;}

@media all and (max-width: 1024px) {
   .portfolio-item .wrapp {padding-top: 40px; padding-bottom: 40px;}
}
@media all and (max-width: 359px) {
   .portfolio-item .wrapp {padding-top: 20px; padding-bottom: 20px;}
}

/*----------------- .portfolio-item <h2> -----------------*/
.portfolio-item h2, .portfolio-item .h2 {font-size: 40px; padding: 0; text-align: center;}
.portfolio-list.portfolio-item h2, .portfolio-list.portfolio-item .h2 {padding: 0 20px;}

@media all and (min-width: 768px) and (max-width: 1024px) {
   .portfolio-item h2, .portfolio-item .h2 {font-size: 36px;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .portfolio-item h2, .portfolio-item .h2 {font-size: 34px;}
}
@media all and (max-width: 480px) {
   .portfolio-item h2, .portfolio-item .h2 {margin: 0 0 10px;}
   .portfolio-list.portfolio-item h2, .portfolio-list.portfolio-item .h2 {margin: 0 0 20px;} 
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .portfolio-item h2, .portfolio-item .h2 {font-size: 32px;}
}
@media all and (max-width: 375px) {
   .portfolio-item h2, .portfolio-item .h2 {font-size: 30px;}
}

/*----------------- .portfolio-item-brief -----------------*/
.portfolio-item-brief {}
   .portfolio-item-brief .wrapp {display: table; width: 100%; table-layout: fixed; padding-top: 45px; padding-bottom: 45px; background: #fe745c;}
      .portfolio-item-brief-left, .portfolio-item-brief-right {display: table-cell; vertical-align: middle; width: 50%;}
      .portfolio-item-brief-left {border-right: 1px solid #fff; padding-right: 20px;}
      .portfolio-item-brief-right {padding-left: 20px;}
         .portfolio-item-brief-left > div, .portfolio-item-brief-right > div {max-width: 600px;}
         .portfolio-item-brief-left > div {float: right;}
            /*portfolio-item-brief-info*/
            .portfolio-item-brief-info .tb-cell {padding: 12px 10px;}
            .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-family: 'robotoregular'; font-size: 30px; line-height: 120%; color: #033545; text-align: right;}
            .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-family: 'robotolight'; font-size: 24px; line-height: 120%; color: #fff;}
      .portfolio-item-brief-right {text-align: center; position: relative;}
         /*portfolio-item-brief-graph*/
         .portfolio-item-brief-graph {display: inline-block; vertical-align: bottom; width: 160px; font-size: 0; line-height: 0; position: relative;}
            .portfolio-item-brief-graph .graph-start, .portfolio-item-brief-graph .graph-finish {display: inline-block; vertical-align: bottom; position: relative; padding-bottom: 40px; text-align: center;}
               .portfolio-item-brief-graph .graph-index {display: inline-block; width: 30px; background: #fff;}
               .portfolio-item-brief-graph .graph-index-text {position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); height: 40px; padding-top: 12px; font-family: 'DINProBold'; font-size: 12px; line-height: 100%; color: #fff;}
            .portfolio-item-brief-graph .graph-arrow {width: 76px; height: 110px; background: none; position: absolute; bottom: 100%; left: 100%; margin: 0 0 -10px 15px;}
               /*.portfolio-item-brief-graph .svg-arrow-stroke {stroke-dasharray: 200; animation: dash 2s linear;}
               @keyframes dash {from {stroke-dashoffset: 200;} to {stroke-dashoffset: 0;}}*/
         /*portfolio-item-brief-result*/
         .portfolio-item-brief-result {float: right; width: 226px; height: 226px; border-radius: 50%; background: rgba(255,255,255,0.2); border: 2px solid #fff; font-family: 'DINProLight'; font-size: 24px; line-height: 120%; color: #fff; text-align: left;}
            .portfolio-item-brief-result .tb {height: 100%;}
               .portfolio-item-brief-result .tb-cell {vertical-align: middle; padding: 0 16px 0 32px;}
                  .portfolio-item-brief-result strong {font-family: 'DINProBold'; display: block;}
                  .portfolio-item-brief-result .result-title {font-size: 34px; line-height: 125%; color: #033545;}

@media all and (min-width: 960px) and (max-width: 1024px) {
   .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-size: 28px;}
   .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-size: 22px;}
   .portfolio-item-brief-result {width: 200px; height: 200px; font-size: 22px;} 
      .portfolio-item-brief-result .tb-cell {padding: 0 12px 0 30px;}
         .portfolio-item-brief-result .result-title {font-size: 30px;}
}
@media all and (min-width: 800px) and (max-width: 959px) {
   .portfolio-item-brief-left {width: 45%;}
   .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-size: 26px;}
   .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-size: 20px;}
   .portfolio-item-brief-result {width: 180px; height: 180px; font-size: 20px;} 
      .portfolio-item-brief-result .tb-cell {padding: 0 12px 0 28px;}
         .portfolio-item-brief-result .result-title {font-size: 26px;}
}
@media all and (min-width: 700px) and (max-width: 799px) {
   .portfolio-item-brief-left {width: 40%; padding-right: 10px;}
   .portfolio-item-brief-right {padding-left: 10px;}
      .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-size: 24px;}
      .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-size: 18px;}
      .portfolio-item-brief-result {width: 160px; height: 160px; font-size: 18px;} 
         .portfolio-item-brief-result .tb-cell {padding: 0 10px 0 26px;}
            .portfolio-item-brief-result .result-title {font-size: 24px;}
}
@media all and (max-width: 699px) {
   .portfolio-item-brief .wrapp {display: block; padding: 20px;}
      .portfolio-item-brief-left, .portfolio-item-brief-right {display: block; width: 100%;}
      .portfolio-item-brief-left {border: 0; padding: 0 0 20px;}
      .portfolio-item-brief-right {padding: 0;}
         .portfolio-item-brief-left > div, .portfolio-item-brief-right > div {max-width: 100%;}
         .portfolio-item-brief-left > div {float: none;}
            .portfolio-item-brief-result {float: none; display: inline-block; vertical-align: top;}
            .portfolio-item-brief-graph + .portfolio-item-brief-result {margin-left: 8%;}
}
@media all and (min-width: 568px) and (max-width: 699px) {
   .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-size: 28px;}
   .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-size: 22px;}
   .portfolio-item-brief-result {width: 200px; height: 200px; font-size: 22px;} 
      .portfolio-item-brief-result .tb-cell {padding: 0 12px 0 30px;}
         .portfolio-item-brief-result .result-title {font-size: 30px;}
}
@media all and (min-width: 481px) and (max-width: 567px) {
   .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-size: 26px;}
   .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-size: 20px;}
   .portfolio-item-brief-result {width: 180px; height: 180px; font-size: 20px;} 
      .portfolio-item-brief-result .tb-cell {padding: 0 12px 0 28px;}
         .portfolio-item-brief-result .result-title {font-size: 26px;}
}
@media all and (max-width: 480px) {
   .portfolio-item-brief-info .tb, .portfolio-item-brief-info .tb-row, .portfolio-item-brief-info .tb-cell {display: block;}
   .portfolio-item-brief-info .tb-row {padding: 0 0 10px;}
   .portfolio-item-brief-info .tb-row .tb-cell {padding: 0;}
   .portfolio-item-brief-info .tb-row .tb-cell:first-child {font-size: 24px; text-align: left;}
   .portfolio-item-brief-info .tb-row .tb-cell:last-child {font-size: 20px;}
}
@media all and (min-width: 414px) and (max-width: 480px) {
    .portfolio-item-brief-result {width: 150px; height: 150px; font-size: 18px;} 
      .portfolio-item-brief-result .tb-cell {padding: 0 10px 0 22px;}
         .portfolio-item-brief-result .result-title {font-size: 22px;}
}
@media all and (max-width: 413px) {
   .portfolio-item-brief-result {display: block; width: 100%; height: auto; border-radius: 16px; font-size: 20px; margin: 20px 0 0;}
      .portfolio-item-brief-result .tb-cell {padding: 10px 20px 12px;}
         .portfolio-item-brief-result strong {display: inline;}
         .portfolio-item-brief-result .result-title {display: block; font-size: 28px;}
}

/*----------------- .portfolio-item-task -----------------*/
.portfolio-item-task {}
   .portfolio-item-task .wrapp > .cl {max-width: 1200px; margin: 0 auto;}
      .portfolio-item-task-left {float: left; width: 46%;}
      .portfolio-item-task-right {padding-left: 51%;}
         .portfolio-item-task-text {font-family: 'DINProRegular'; font-size: 18px; line-height: 150%; color: #323232; padding-right: 20%;}
            .portfolio-item-task-text p {padding: 0;}
            .portfolio-item-task-text h2, .portfolio-item-task-text .h2 {margin: 0 0 10px; text-align: left;}
         .portfolio-item-task-review {padding-top: 30px;}
            .portfolio-item-task-review-img {float: left; width: 150px;}
               .portfolio-item-task-review-img img {box-shadow: 5px 5px 15px rgba(0,0,0,0.2); display: block;}
            .portfolio-item-task-review-text {padding-left: 180px; font-family: 'DINProLight'; font-size: 16px; line-height: 120%; color: #043646;}
               .review-title {font-family: 'DINProMedium'; font-size: 20px; line-height: 100%; color: #d93d32; margin-bottom: 15px;}
               .review-text {line-height: 130%;}
               .review-author {padding-top: 20px;}
                  .review-author strong {display: block; font-family: 'DINProBold';}

@media all and (max-width: 1024px) {
   .portfolio-item-task-left {margin-right: 20px;}
   .portfolio-item-task-right {padding-left: 0;}
      .portfolio-item-task-text {padding: 0;}
      .portfolio-item-task-review {clear: both;}
}
@media all and (min-width: 550px) and (max-width: 767px) {
   .portfolio-item-task-text {font-size: 16px;}
}
@media all and (max-width: 549px) {
   .portfolio-item-task-left {float: none; width: 100%;}
   .portfolio-item-task-text h2, .portfolio-item-task-text .h2 {margin: 20px 0 10px;}
}
@media all and (max-width: 480px) {
   .portfolio-item-task-review-text {padding: 0;}
   .portfolio-item-task-review-img {display: none;}
}

/*----------------- .portfolio-item-done -----------------*/
.portfolio-item-done {}
   .portfolio-item-done .wrapp {background: url('../i/pattern-1.png');}
      .portfolio-item-done ul {padding: 0; margin: 0; list-style: none; font-size: 0; line-height: 0; text-align: center; max-width: 1200px; margin: 0 auto;}
         .portfolio-item-done li {margin: 0; padding: 4% 0 0; display: inline-block; vertical-align: top; width: 25%; font-family: 'DINProRegular'; font-size: 18px; line-height: 150%;}
         .portfolio-item-done .list-odd li, .portfolio-item-done .list-max li {width: 33.3%;}
         .portfolio-item-done .list-even li {width: 25%;}
            .portfolio-item-done-icon {width: 144px; height: 144px; border-radius: 50%; background: #fff; border: 2px solid #fd735b; display: table; margin: 0 auto 20px;}
               .portfolio-item-done-icon > div {display: table-cell; vertical-align: middle; text-align: center;}
            .portfolio-item-done-title {font-family: 'DINProBold'; text-transform: uppercase;}
            .portfolio-item-done-text {padding: 0 6%;}

@media all and (min-width: 481px) and (max-width: 959px) {
   .portfolio-item-done .list-even li, .portfolio-item-done .list-max li {width: 50%; padding: 25px 0;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   .portfolio-item-done .list-odd li {width: 50%; padding: 25px 0;}
}
@media all and (min-width: 481px) and (max-width: 639px){
   .portfolio-item-done li {font-size: 17px; line-height: 130%;}
      .portfolio-item-done-text {padding: 0 5%;}
}
@media all and (max-width: 480px) {
   .portfolio-item-done .list-odd li, .portfolio-item-done .list-even li, .portfolio-item-done .list-max li {width: 100%; padding: 20px 0;}
}

/*----------------- .portfolio-item-result -----------------*/
.portfolio-item-result {}
   .portfolio-item-result .wrapp > .cl {padding-top: 3%;}
   .portfolio-item-result-left {float: left; width: 50%; padding-right: 5%;}
      .portfolio-item-result-text .tb {float: right; width: auto; padding: 30px 30px 35px; background: rgba(74, 161, 255, 0.1);}
         .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 20px; vertical-align: bottom;}
         .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {text-align: right; font-family: 'DINProBold'; font-size: 18px; line-height: 100%; text-transform: uppercase; color: #033545;}
         .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-family: 'DINProRegular'; font-size: 30px; line-height: 100%; color: #d93d32;}
   .portfolio-item-result-right {float: right; text-align: right; width: 50%;}
      .portfolio-item-result-img {float: left;}

@media all and (min-width: 1025px) and (max-width: 1199px) {
   .portfolio-item-result-text .tb {padding: 15px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .portfolio-item-result-text .tb {padding: 25px 20px 30px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 15px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {font-size: 17px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-size: 28px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   .portfolio-item-result-left {width: 55%;}
   .portfolio-item-result-right {width: 45%;}
      .portfolio-item-result-text .tb {padding: 20px 15px 25px;}
         .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 10px;}
         .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {font-size: 16px;}
         .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-size: 26px;}
}
@media all and (max-width: 767px) {
   .portfolio-item-result .wrapp > .cl {padding: 0;}
      .portfolio-item-result-left, .portfolio-item-result-right {width: 100%; float: none;}
      .portfolio-item-result-left {padding: 0 0 40px;}
         .portfolio-item-result-text .tb {float: none; margin: 0 auto;}
         .portfolio-item-result-img {float: none; text-align: center;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .portfolio-item-result-text .tb {padding: 25px 20px 30px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 15px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {font-size: 17px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-size: 28px;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .portfolio-item-result-text .tb {padding: 20px 15px 25px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 10px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {font-size: 16px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-size: 26px;}
}
@media all and (max-width: 480px) {
   .portfolio-item-result-text .tb {margin-top: 20px; width: 100%;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .portfolio-item-result-text .tb {padding: 20px 10px 25px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 10px 5px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {font-size: 15px;}
      .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-size: 24px;}
}
@media all and (max-width: 375px) {
   .portfolio-item-result .wrapp {padding-left: 0; padding-right: 0;}
      .portfolio-item-result-text .tb {padding: 20px 0 25px;}
         .portfolio-item-result-text .tb .tb-row .tb-cell {padding: 10px;}
         .portfolio-item-result-text .tb .tb-row .tb-cell:first-child {font-size: 15px;}
         .portfolio-item-result-text .tb .tb-row .tb-cell:last-child {font-size: 20px;}
      .portfolio-item-result-right {padding: 0 20px;}
}

/*----------------- .portfolio-item-experts -----------------*/
.portfolio-item-experts {}
   .portfolio-item-experts .wrapp {background: url('../i/pattern-1.png');}
      .portfolio-item-experts ul {max-width: 1200px; margin: 0 auto; padding: 0; list-style: none; font-size: 0; line-height: 0; text-align: center;}
         .portfolio-item-experts li {margin: 0; padding: 0; display: inline-block; vertical-align: top; width: 25%; font-family: 'DINProRegular'; font-size: 18px; line-height: 150%; color: #323232;}
            .portfolio-item-experts-icon {margin-bottom: 20px; height: 92px; line-height: 92px;}
               .portfolio-item-experts-icon img {vertical-align: bottom;}
            .portfolio-item-experts-title {font-family: 'DINProBold'; text-transform: uppercase;}
            .portfolio-item-experts-text {padding: 0 10%;}

@media all and (min-width: 640px) and (max-width: 1024px) {
   /*3 шт.*/
   .portfolio-item-experts .list-odd li {width: 33%;}
}
@media all and (min-width: 481px) and (max-width: 959px) {
   /*4 шт.*/
   .portfolio-item-experts .list-even li {width: 50%; padding: 25px 0;}
}
@media all and (min-width: 481px) and (max-width: 767px) {
   /*3 шт.*/
   .portfolio-item-experts .list-odd li {width: 50%; padding: 25px 0;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .portfolio-item-experts li {font-size: 17px; line-height: 130%;}
   .portfolio-item-experts-text {padding: 0 5%;}
}
@media all and (max-width: 480px) {
   .portfolio-item-experts .list-odd li, .portfolio-item-experts .list-even li {width: 100%; padding: 20px 0;}
}


/*====================================================
   .easier-to-order
====================================================*/
.easier-to-order { background: #fe745c; padding: 96px 0 125px; text-align: center; color: #fff; }
   .easier-to-order .title { color: #fff; margin-bottom: 91px; }
      .easier-to-order .title span { color: #000; font-family: 'DINProBold'; }
   .promo-order-steps { margin: 0 auto; padding: 0; font-size: 0; }
      .it-pr-step { display: inline-block; vertical-align: top; width: 23%; margin-left: 5%; font-family: 'DINProRegular'; font-size: 18px; line-height: 27px; }
      .it-pr-step:first-child { margin-left: 0; }
         .icon-pr-step { display: inline-block; width: 148px; height: 148px; margin-bottom: 25px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #e6e8ea; border-radius: 50%; }
         .it-pr-step:first-child .icon-pr-step { background-image: url(../i/icons/pr-step-1.svg); }
         .it-pr-step:nth-child(2) .icon-pr-step { background-image: url(../i/icons/pr-step-2.svg); }
         .it-pr-step:nth-child(3) .icon-pr-step { background-image: url(../i/icons/pr-step-3.svg); }
         .name-pr-step { font-family: 'DINProBold'; text-transform: uppercase; color: #4d4d4d; padding-bottom: 1px; }

@media all and (min-width: 871px) and (max-width: 1240px) {
   .easier-to-order .title { font-size: 43px; margin-bottom: 80px; }
   .it-pr-step { width: 26%; line-height: 23px; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .easier-to-order { padding: 63px 0 75px; }
      .easier-to-order .title { font-size: 44px; margin-bottom: 55px; }
      .it-pr-step { width: 30%; line-height: 20px; }
}
@media all and (max-width: 870px) {
   .it-pr-step { font-size: 16px; }
}
@media all and (max-width: 767px) {
   .easier-to-order { padding: 55px 0; }
      .promo-order-steps { max-width: 400px; }
         .easier-to-order .title { font-size: 34px; margin-bottom: 39px; }
         .it-pr-step { display: block; width: 100%; margin: 0 0 50px; line-height: 20px; }
            .icon-pr-step { margin-bottom: 29px; }
}


/*====================================================
   .social-form
====================================================*/
.social-form { background: #043646; padding: 81px 0 82px; color: #fff; position: relative; z-index: 4; }
   .social-form-in { margin: 0 auto;/* max-width: 1670px;*/ }
      /* .social-form-left */
      .social-form-left { float: left; }
         .social-col { float: left; width: 421px; margin-left: 50px; }
         .social-col:first-child { margin-left: 0; }
            .social-win { width: 100%; border: 8px solid #fff; margin-bottom: 30px; text-align: center; }
               .social-win-in { display: block; position: relative; overflow: hidden; z-index: 2; }
                  .social-win-in > * { max-width: 100% !important; }
                  .social-win .fb-page { display: block !important; width: 100%; margin-top: -71px; }
                  .fb_iframe_widget { display: inline-block; position: relative; }
            .social-name { position: relative; padding-left: 50px; color: #fff; font-family: 'DINProBold'; font-size: 18px; line-height: 110%; }
               .social-name a { display: inline-block; vertical-align: top; position: relative; padding-left: 50px; color: inherit; }
                  .social-name a:hover { color: #fe745c; }
                  .social-name a:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: -17px; left: 0; width: 35px; height: 35px; border-radius: 50%; -webkit-background-size: contain !important; background-size: contain !important; }
                  .its-fb .social-name a:before { background: url(../i/icons/icon-fb.svg) 50% 50% no-repeat; }
                  .its-yt .social-name a:before { background: url(../i/icons/icon-yt.svg) 50% 50% no-repeat; }
      /* .social-form-right */
      .social-form-right { float: right; width: 601px; margin-left: 50px; }
         .about-worker { position: relative; margin-bottom: 40px; padding-top: 8px; padding-left: 120px; font-family: 'robotoregular'; font-size: 14px; line-height: 130%; text-align: left; }
            .about-worker-face { width: 94px; height: 94px; border-radius: 50%; overflow: hidden; position: absolute; top: 1px; left: 0; font-size: 0; line-height: 0; text-align: center; }
         .only-social-form { position: relative; text-align: center; }
            .social-form-tt { position: relative; padding-left: 73px; font-family: 'DINProRegular'; font-size: 24px; line-height: 120%; margin-bottom: 40px; text-align: left; }
               .social-form-tt:before { display: block; content: ''; font-size: 0; line-height: 0; position: absolute; top: 4px; left: 0; width: 51px; height: 51px; background: url(../i/icons/icon-14.svg) 50% 50% no-repeat; -webkit-background-size: contain; background-size: contain; }
            .social-form-line { font-size: 0; line-height: 0; margin-bottom: 31px; }
               .social-form-line input[type="text"], .social-form-line input[type="name"], .social-form-line input[type="email"], .social-form-line input[type="url"], .social-form-line input[type="tel"] { display: inline-block; vertical-align: top; width: 48.24%; margin: 0 0 0 3.52%; }
            .only-social-form .btn-base { border-width: 2px; }
               .only-social-form .btn-base > span, .only-social-form .btn-base input[type="submit"], .only-social-form button { width: 234px; font-size: 20px; text-transform: none; }

@media all and (min-width: 1861px) {
   .social-form .wrapp { padding-left: 105px; padding-right: 105px; }
}
@media all and (max-width: 1680px) {
   .social-col { margin-left: 30px; }
}
@media all and (max-width: 1563px) {
   .social-form-in { max-width: 872px; }
      .social-form-left, .social-form-right { float: none; width: 100%; }
      .social-form-left { margin-bottom: 80px; }
      .social-form-right { margin-left: 0; }
}
@media all and (min-width: 913px) and (max-width: 1563px) {
   .social-form { padding-top: 115px; padding-bottom: 130px; }
}
@media all and (min-width: 913px) {
   .social-form-line > *:first-child { margin-left: 0 !important; }
}
@media all and (max-width: 912px) {
   .social-form { padding-top: 50px; padding-bottom: 60px; }
      .social-form-left { display: none; }
      .social-form-right { margin: 0 auto; padding-top: 0; max-width: 596px; }
         .about-worker { display: none; }
         .social-form-tt { padding-left: 0; margin-bottom: 40px; font-family: 'robotomedium'; text-align: center; }
            .social-form-tt:before { display: none; }
         .social-form-line { margin-bottom: 40px; }
            .social-form-line input[type="text"], .social-form-line input[type="name"], .social-form-line input[type="email"], .social-form-line input[type="url"], .social-form-line input[type="tel"] { display: block; width: 100%; margin: 0 0 20px; }
}
@media all and (max-width: 767px) {
   .only-social-form .btn-base > span, .only-social-form .btn-base input[type="submit"], .only-social-form button { text-transform: uppercase; }
}


/*====================================================
   .bottom-links
====================================================*/
.bottom-links { background: #51737d; padding: 70px 0 72px; color: #fff; }
   .bottom-links-in { display: table; width: 100%; }
      .bottom-links-column { display: table-cell; vertical-align: top; padding-right: 30px; }
      .bottom-links-column:last-child { padding-right: 0; }
         .links-column-tt { font-family: 'DINProBlack'; text-transform: uppercase; margin-bottom: 1px; }
         .bottom-links-column ul { margin: 0; padding: 0; list-style: none; }
            .bottom-links-column ul li { margin: 0; padding: 3px 0; list-style: none; font-family: 'DINProRegular'; font-size: 12px; line-height: 136%; white-space: nowrap; }
               .bottom-links-column ul li a { text-decoration: none; color: #fff; }
               .bottom-links-column ul li a:hover { color: #fe745c; }

@media all and (min-width: 1861px) {
   .bottom-links .wrapp { padding-left: 105px; padding-right: 105px; }
}
@media all and (max-width: 1240px) {
   .bottom-links-column:not(:nth-child(1)):not(:nth-child(2)) { display: none; }
   .bottom-links-column:nth-child(2) { padding-right: 0; }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   .bottom-links-column ul li { white-space: normal; }
}
@media all and (max-width: 767px) {
   .bottom-links { display: none; }
}


/*====================================================
   footer
====================================================*/
.footer { position: relative; padding: 0; background: #fff; border-top: 1px solid #808080; font-family: 'robotoregular'; font-size: 16px; line-height: 130%; color: #4d4d4d; }
   .footer-content { padding: 53px 0 45px; text-align: center; position: relative; }

/*--- bot-logos ---*/
.bot-logos { float: left; text-align: left; position: relative; z-index: 2; }
   .our-site { display: block; position: relative; margin: 0; padding: 11px 25px 13px 15px; border: 1px solid #808080; line-height: 100%; }
   .our-site:first-child { border-bottom: 0; }
   .our-site, a.our-site:hover { color: #fe745c; }
   a.our-site:hover:after, a.our-site:hover strong:after { border-left-color: #fe745c; }
   a.our-site { color: #4d4d4d; text-decoration: none; }
   a.our-site:after, a.our-site strong:after { content: ''; font-size: 0; position: absolute; width: 10px; height: 14px; border-left: 10px solid #4d4d4d; border-top: 7px solid transparent; border-bottom: 7px solid transparent; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
   a.our-site:after { top: 20px; right: 10px; display: block; }
   a.our-site strong:after { top: 10px; right: -37px; display: none; }
   .our-site > span { display: inline-block; text-align: left; }
   .our-site strong { display: inline-block; width: 148px; margin-right: 15px; font-family: 'DINProBold'; text-transform: uppercase; font-size: 28px; line-height: 100%; vertical-align: middle; position: relative; }
   .our-site > span span { display: inline-block; padding-top: 2px; vertical-align: middle; }

/*--- .bot-contacts ---*/
.bot-contacts { float: right; padding-top: 12px; text-align: left; position: relative; z-index: 2; }
   .bot-contacts p { padding-bottom: 12px; }
   .bot-contacts p:last-child { padding-bottom: 0; }
   .bot-contacts a { color: inherit; }
      .bot-contacts a:hover { color:#fe745c; }
      .bot-phone-mobile { display: none; }

.footer-center { width: 100%; text-align: left; }
   /*--- bot-menu ---*/
   .bot-menu { position: relative; z-index: 1;}
      .bot-menu ul { display: inline-block;  padding: 0; margin: 0; text-align: left; }
      .bot-menu ul:first-child { margin-left: 0; }
         .bot-menu ul li { display: block; margin: 0; padding: 0 0 12px; list-style: none; white-space: nowrap; }
         .bot-menu ul li:last-child { padding-bottom: 0; }
         .bot-menu a { text-decoration: none; color: #4d4d4d; }
            .bot-menu a:hover { color:#fe745c; }

   /*--- bot-ruward ---*/
   .bot-ruward { position: relative; z-index: 2;}

   /*--- bot-social ---*/
   .bot-social { text-align: center; position: relative; z-index: 2; }
      .all-social { padding-top: 18px; font-size: 0; line-height: 0; }
         .all-social a { display: inline-block; width: 56px; height: 56px; margin-left: 14px; background-position: 50% 50%; background-repeat: repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; opacity: 1; }
         .all-social a:first-child { margin-left: 0; }
         .all-social a:hover { opacity: 0.4; }
         .all-social .fb { background-image: url(../i/icons/ic-fb.png); }
         .all-social .vk { background-image: url(../i/icons/ic-vk.png); }
         .all-social .yout { background-image: url(../i/icons/ic-yout.png); }
         .all-social .be { background-image: url(../i/icons/ic-be.png); }
         .all-social .tw { background-image: url(../i/icons/ic-tw.png); }

@media all and (min-width: 1241px) {
   .bot-logos { width: 366px; }
   .bot-contacts { width: 175px; white-space: nowrap; }
   .footer-center { padding: 12px 225px 0 406px;  position: relative; }
      .bot-menu { float: left; width: 100%; padding: 0 124px 0 266px; }
         .bot-menu-inner { position: relative; text-align: justify; padding: 0 50px 0 40px; }
            .bot-menu-inner:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; }
      .bot-ruward { float: left; width: 124px; margin-left: -124px; margin-top: -4px; }
      .bot-social { float: left; width: 266px; margin-left: -100%; }
}
@media all and (min-width: 1861px) {
   .footer .wrapp { padding-left: 105px; padding-right: 105px; }
}
@media all and (min-width: 1580px) and (max-width: 1679px) {
   .footer-center { padding-right: 210px; padding-left: 396px;}
      .bot-menu-inner { padding: 0 40px 0 30px;}
}
@media all and (min-width: 1480px) and (max-width: 1579px) {
   .footer-center { padding-right: 205px; padding-left: 390px; }
      .bot-menu { padding: 0 114px 0 226px; }
         .bot-menu-inner { padding: 0 30px 0 25px;}
      .bot-ruward {width: 114px; margin-left: -114px;}
      .bot-social {width: 226px;}
         .all-social a { width: 46px; height: 46px; }
}
@media all and (min-width: 1241px) and (max-width: 1479px) {
   .bot-contacts {width: 150px;}
}
@media all and (min-width: 1366px) and (max-width: 1479px) {
   .footer { font-size: 14px; line-height: 134%; }
      .footer-content { padding-top: 35px; padding-bottom: 50px; }
         .bot-logos {width: 320px;}
            .our-site {padding-left: 15px;}
               .our-site strong { font-size: 24px; width: 120px; }
               a.our-site:after {top: 18px;}
         .footer-center { padding-right: 180px; padding-left: 350px;}
            .bot-menu { padding: 0 94px 0 202px; }
               .bot-menu-inner { padding: 0 30px;}
            .bot-ruward {width: 94px; margin-left: -94px;}
            .bot-social {width: 202px;}
               .all-social a { width: 40px; height: 40px; }
}
@media all and (min-width: 1241px) and (max-width: 1365px) {
   .footer { font-size: 14px; line-height: 134%; }
      .footer-content { padding-top: 30px; padding-bottom: 40px; }
         .bot-logos {width: 300px;}
            .our-site { padding-right: 25px; padding-left: 10px; font-size: 15px; }
               a.our-site:after { width: 8px; height: 12px; border-left-width: 8px; border-top-width: 6px; border-bottom-width: 6px; top: 16px; right: 10px; }
               .our-site strong { font-size: 18px; width: 98px; margin-right: 10px; }
               .our-site span { padding-top: 0; }
         .footer-center, .bot-contacts { padding-top: 10px; }
         .footer-center {padding-right: 175px; padding-left: 325px;}
            .bot-menu {padding: 0 80px 0 162px;}
               .bot-menu-inner {padding: 0 25px;}
            .bot-ruward {width: 80px; margin-left: -80px;} 
            .bot-social {width: 162px;}
               .all-social { padding-top: 15px; }
                  .all-social a { width: 30px; height: 30px; }
            .bot-contacts p { padding-bottom: 8px; }
}
@media all and (max-width: 1240px) {
   .bot-phone { display: none; }
   .bot-phone-mobile { display: block; }
   .bot-contacts { font-size: 19px; line-height: 110%; }
      .bot-phone-mobile, .bot-email { font-size: 26px; line-height: 100%; }
   .footer-center { clear: both; }
}
@media all and (min-width: 871px) and (max-width: 1240px) {
   .footer-center { padding-top: 38px; }
      .bot-menu { float: left; margin: 0; }
         .bot-menu ul { margin-left: 40px; }
      .bot-social { float: right; margin: 0 0 0 30px; }
         .all-social a { width: 43px; height: 43px; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .footer-content { padding: 52px 0 50px; }
      .bot-logos { width: 400px; }
         .our-site { padding-right: 50px; }
            .our-site strong { margin-right: 20px; }
      .bot-contacts { padding-top: 2px; margin-left: 0; }
         .bot-contacts p { padding-bottom: 8px; }
         .bot-contacts .bot-phone-mobile { padding-bottom: 13px; }
         .bot-contacts .bot-email { padding-bottom: 16px; }
      .bot-ruward {position: absolute; top: 42px; left: 475px;}
}
@media all and (max-width: 870px) {
   .footer-center { text-align: center; }
      .bot-menu { display: none; }
      .bot-social { float: none; margin: 0; }
}
@media all and (min-width: 768px) and (max-width: 870px) {
   .bot-logos {width: 350px;}
      .our-site {padding-left: 15px; padding-right: 25px; white-space: nowrap;}
         .our-site strong { font-size: 24px; width: 120px; }
         a.our-site:after {top: 18px;}
   .bot-social {display: inline-block;}
   .bot-social > span, .bot-social > div { display: inline-block; vertical-align: middle; }
   .all-social { padding-top: 0; margin-left: 16px; }
   .footer-center { padding-top: 70px; }
      .bot-ruward {width: 100px; top: 52px; left: 410px;}
}
@media all and (max-width: 767px) {
   .footer { border-top: 0; }
      .footer-content { padding: 0; }
        .footer .wrapp { padding: 0; }
            .bot-logos { float: none; margin-right: 0; }
               .our-site { border-left: 0; border-right: 0; text-align: center; padding: 18px 20px 21px; }
               a.our-site:after { display: none; }
                  .our-site strong { display: block; margin-right: 0; width: auto; }
                  a.our-site strong:after { display: block; }
                  .our-site > span span { display: block; padding-top: 7px; }
            .bot-contacts { float: none; margin: 0; padding: 35px 20px 30px; text-align: center; }
               .bot-contacts .bot-phone-mobile { padding-bottom: 23px; }
               .bot-contacts .bot-email { padding-bottom: 30px; }
            .footer-center { display: block; margin-top: 0; padding: 10px 20px 18px; text-align: center; }
               .bot-social { margin-right: 0; }
                  .all-social a { margin-left: 30px; }
               .bot-ruward {margin-bottom: 25px;}
}
@media all and (max-width: 375px) {
   .all-social a { margin-bottom: 20px; margin-left: 15px; }
}

/*====================================================
   404 page
====================================================*/
.errors { position: relative; padding: 0; }

/*--- errors-bg ---*/
.errors-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }

/*--- errors-in ---*/
.errors-in { position: relative; padding: 60px 0 70px; z-index: 2; text-align: center; color: #000; font-family: 'MyriadProRegular'; font-size: 37px; line-height: 100%; }
   .errors h1, .errors .h1 { color: #000; font-family: 'MyriadProRegular'; font-size: 230px; line-height: 70%; margin-bottom: 0; }
   .errors-text { padding-top: 20px; }
   .errors-in a { color: inherit; text-decoration: underline; }
      .errors-in a:hover { color: inherit; text-decoration: none; }
   .errors .zhaba-bl { position: relative; margin: 0 auto; width: 700px; max-width: 100%; }
      .zrachok { display: block; position: absolute; background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; }
      .zrachok.z-left { top: 56px; left: 73px; width: 60px; height: 30px; background-image: url(../i/zrachok-left.png); }
      .zrachok.z-right { top: 37px; right: 404px; width: 57px; height: 47px; background-image: url(../i/zrachok-right.png); }
   /* Animation */
   .zrachok {
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
   }
   .zrachok.z-left {
      -webkit-animation-name: spintoLeft;
      animation-name: spintoLeft;
   }
   .zrachok.z-right {
      -webkit-animation-name: spintoRight;
      animation-name: spintoRight;
   }

@keyframes spintoLeft {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(180deg); }
}
@-webkit-keyframes spintoLeft {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(180deg); }
}

@keyframes spintoRight {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(-180deg); }
}
@-webkit-keyframes spintoRight {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(-180deg); }
}

@media all and (min-width: 1241px) and (max-width: 1470px) {
   .errors-in { font-size: 30px; line-height: 110%; }
      .errors h1, .errors .h1 { font-size: 200px; line-height: 70%; }
      .errors .zhaba-bl { width: 450px; }
         .zrachok.z-left { top: 36px; left: 46px; width: 40px; height: 20px; }
         .zrachok.z-right { top: 23px; right: 258px; width: 39px; height: 32px; }
}
@media all and (min-width: 768px) and (max-width: 1240px) {
   .errors-in { padding-top: 40px; padding-bottom: 20px; font-size: 26px; line-height: 110%; }
      .errors h1, .errors .h1 { font-size: 180px; line-height: 70%; }
      .errors .zhaba-bl { width: 450px; }
         .zrachok.z-left { top: 36px; left: 46px; width: 40px; height: 20px; }
         .zrachok.z-right { top: 23px; right: 258px; width: 39px; height: 32px; }
      .errors-text { padding-top: 10px; }
}
@media all and (max-width: 767px) {
   .errors-in { padding-top: 10px; padding-bottom: 10px; font-size: 18px; line-height: 112%; }
      .errors h1, .errors .h1 { font-size: 86px; line-height: 80%; }
      .errors .zhaba-bl { width: 180px; }
         .zrachok.z-left { top: 14px; left: 18px; width: 16px; height: 8px; }
         .zrachok.z-right { top: 8px; right: 103px; width: 16px; height: 15px; }
      .errors-text { padding-top: 5px; }
}


/*====================================================
   Print
====================================================*/
@media print {
   .toggler-menu {display: none;}
   .containerMenu {display: none;}
   .header {display: none;}
   .heading-page {display: none;}
   .inner-head-bg {height: auto;}
   .inner-head-bg-img {display: none;}
   .inner-head-title {color: #000;}
   .inner-head-title h1, .inner-head-title .h1 {color: #000;}
   .breadcrumbs {display: none;}
   .footer {display: none;}
}