@charset "UTF-8";
* {
  box-sizing: border-box; }

body, html, ul {
  padding: 0;
  margin: 0; }

nav .wrap .ocmenu:before, nav.active ul li a:after, .banner .table .sliderwrap:before, .banner .table .sliderwrap:after, .banner .table .sliderwrap .tsm-btn .nextprev:before, .banner .table .sliderwrap .tsm-btn .nextprev:after, section.whatwe h2:before, .whatwe:after, .herehow:after, .sform:after, .herehow h2:before, .herehow .img .wrap:before, .scrollBan a:before, .scrollup:before {
  content: "";
  display: block;
  position: absolute; }

.wrapper, section.whatwe .wrapper, .herehow .wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.banner .table .sliderwrap .navicont .cs3-slide-prev, .banner .table .sliderwrap .navicont .cs3-slide-next {
  display: inline-block;
  width: 53px;
  height: 24px;
  margin: 0 10px 0 0;
  background: url("../img/arrow-slide.png") 0 0 no-repeat;
  font-size: 0;
  line-height: 0;
  color: transparent; }

.herehow .img .wrap:before, .sixvar li.simpleS {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.table, header .wrapper, footer .wrapper {
  width: 100%;
  display: table;
  table-layout: fixed; }

.table-cell, footer .block {
  display: table-cell;
  vertical-align: middle; }

.sixvar ul, section.sform .wrapper, .sform .fieldset, .sform .table {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.sixvar ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.sform .table {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.sform .table {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.sform .img, .sform .table > span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.redcol2 {
  color: #c21414; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b1b6c0;
  font-size: 18px; }
input:-moz-input-placeholder, textarea:-moz-input-placeholder {
  color: #b1b6c0;
  font-size: 18px; }
input::-moz-input-placeholder, textarea::-moz-input-placeholder {
  color: #b1b6c0;
  font-size: 18px; }
input:input-placeholder, textarea:input-placeholder {
  color: #b1b6c0;
  font-size: 18px; }
input::input-placeholder, textarea::input-placeholder {
  color: #b1b6c0;
  font-size: 18px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b1b6c0;
  font-size: 18px; }

/* ╨Ь╨╕╨║╤Б╨╕╨╜╤Л */
/* */
.sform .fieldset input, .sform .fieldset textarea, .sform .fieldset select, .sform .fieldset .jq-selectbox.jqselect {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a {
  text-decoration: none; }

[type="submit"], button {
  border: 0;
  outline: none;
  cursor: pointer; }

body {
  display: block;
  width: 100%;
  background: url("../img/bg-head.jpg") center top no-repeat;
  background-color: #1b1c1e; }

#container {
  overflow: hidden; }

h2 {
  font-family: "CoveredByYourGrace";
  font-size: 60px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  color: #fff;
  font-weight: normal; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

section {
  position: relative;
  z-index: 1; }

header {
  width: 100%;
  padding: 20px 25px 0; }
  header .wrapper {
    max-width: none; }
    header .wrapper > div {
      display: table-cell;
      width: 33.333333%;
      vertical-align: top; }

nav > .ocmenu {
  display: block;
  height: 16px;
  width: 28px;
  position: relative;
  background-image: -webkit-linear-gradient(to bottom, transparent 0px, transparent 7px, #fff 7px, #fff 9px, transparent 9px, transparent 16px);
  background-image: -o-linear-gradient(to bottom, transparent 0px, transparent 7px, #fff 7px, #fff 9px, transparent 9px, transparent 16px);
  background-image: linear-gradient(to bottom, transparent 0px, transparent 7px, #fff 7px, #fff 9px, transparent 9px, transparent 16px);
  cursor: pointer; }
  nav > .ocmenu:before, nav > .ocmenu:after {
    content: "";
    width: 50%;
    height: 2px;
    background-color: #fff;
    right: 0;
    top: 0;
    position: absolute;
    transition: all 0.3s ease-in-out; }
  nav > .ocmenu:after {
    right: auto;
    top: auto;
    left: 0;
    bottom: 0; }
  nav > .ocmenu:hover:before, nav > .ocmenu:hover:after {
    width: 100%; }

nav {
  text-align: center; }
  nav .wrap {
    display: none;
    width: 100%;
    background: url("../img/bg-menu.jpg") center top no-repeat;
    background-clip: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 50px 0;
    z-index: 5000; }
    nav .wrap .ocmenu {
      display: block;
      width: 63px;
      height: 63px;
      position: relative;
      background: url("../img/closed.png");
      margin: 0 auto 10px;
      background-color: transparent;
      border-radius: 50%;
      cursor: pointer; }
      nav .wrap .ocmenu:before {
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        background: url("../img/closed-el.png") center no-repeat;
        border-radius: 50%;
        transition: all 0.3s ease-in-out; }
      nav .wrap .ocmenu:hover:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
  nav .menu {
    text-align: center; }
    nav .menu li {
      padding: 10px 0;
      opacity: 0;
      text-align: center;
      transform: translate3d(0, 36px, 0); }

nav.active ul li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out; }
  nav.active ul li:nth-child(1) {
    transition-delay: 0.55s; }
  nav.active ul li a {
    display: inline-block;
    font-family: "FuturaPT-Heavy";
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 5px; }
    nav.active ul li a:after {
      width: 100%;
      height: 4px;
      background: transparent;
      bottom: 0px;
      left: 0;
      transition: all 0.3s ease-in-out; }
    nav.active ul li a:hover:after {
      bottom: 12px;
      background: #c51414; }
  nav.active ul li:nth-child(2) {
    transition-delay: 0.65s; }
  nav.active ul li a {
    display: inline-block;
    font-family: "FuturaPT-Heavy";
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 5px; }
    nav.active ul li a:after {
      width: 100%;
      height: 4px;
      background: transparent;
      bottom: 0px;
      left: 0;
      transition: all 0.3s ease-in-out; }
    nav.active ul li a:hover:after {
      bottom: 12px;
      background: #c51414; }
  nav.active ul li:nth-child(3) {
    transition-delay: 0.75s; }
  nav.active ul li a {
    display: inline-block;
    font-family: "FuturaPT-Heavy";
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 5px; }
    nav.active ul li a:after {
      width: 100%;
      height: 4px;
      background: transparent;
      bottom: 0px;
      left: 0;
      transition: all 0.3s ease-in-out; }
    nav.active ul li a:hover:after {
      bottom: 12px;
      background: #c51414; }
  nav.active ul li:nth-child(4) {
    transition-delay: 0.85s; }
  nav.active ul li a {
    display: inline-block;
    font-family: "FuturaPT-Heavy";
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 5px; }
    nav.active ul li a:after {
      width: 100%;
      height: 4px;
      background: transparent;
      bottom: 0px;
      left: 0;
      transition: all 0.3s ease-in-out; }
    nav.active ul li a:hover:after {
      bottom: 12px;
      background: #c51414; }

.logo {
  text-align: center; }

.social {
  text-align: right; }
  .social ul {
    display: inline-block;
    text-align: center;
    width: 22px;
    padding: 0;
    margin: 0; }
    .social ul li {
      display: inline-block;
      padding: 3px 0;
      margin: 0; }

.banner {
  position: relative; }
  .banner .mylid h1 {
    font-family: "CoveredByYourGrace";
    font-size: 90px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
    letter-spacing: 3px;
    margin: 0;
    max-width: 200px;
    display: inline-block;
    text-align: left; }
  .banner .table {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .banner .table > div {
      display: table-cell;
      vertical-align: top;
      position: relative; }
      .banner .table > div:nth-child(1) {
        width: 240px;
        padding-top: 100px;
        position: relative;
        z-index: 1;
        text-align: right; }
      .banner .table > div:last-child {
        width: 247px;
        padding-top: 100px;
        z-index: 1; }
      .banner .table > div .arrimate {
        background: url(../img/arr1.png) center no-repeat;
        top: 6px;
        left: -72px;
        transform: rotate(67deg);
        transform-origin: 55% 130%; }
        .banner .table > div .arrimate.animActive {
          top: 0;
          left: -125px;
          transform: rotate(0);
          transform-origin: 55% 130%; }
    .banner .table .sliderwrap {
      text-align: center;
      position: relative;
      padding-top: 40px; }
      .banner .table .sliderwrap:before {
        z-index: 0;
        width: 763px;
        height: 710px;
        background: url(../img/br-slide.png) center no-repeat;
        left: 50%;
        top: 50%;
        margin: -334px 0 0 -395px; }
      .banner .table .sliderwrap .navicont {
        text-align: left;
        display: block;
        width: 130px;
        position: absolute;
        left: -58px;
        bottom: 100px;
        z-index: 10;
        cursor: pointer; }
        .banner .table .sliderwrap .navicont .cs3-slide-next {
          background-position-y: -24px;
          margin: 0 0 0 10px; }
      .banner .table .sliderwrap:after {
        width: 630px;
        height: 308px;
        background: url(../img/01.png) center no-repeat;
        z-index: -1;
        top: -20px;
        left: -240px; }
      .banner .table .sliderwrap .slider {
        position: relative;
        width: 100%; }
        .banner .table .sliderwrap .slider .item {
          text-align: center; }
          .banner .table .sliderwrap .slider .item img {
            max-width: 100%;
            margin: 0 auto; }
          .banner .table .sliderwrap .slider .item.cs3-active-slide {
            position: relative; }
      .banner .table .sliderwrap .tsm-btn {
        display: block;
        position: absolute;
        top: 92px;
        right: 110px;
        font-size: 0;
        line-height: 0;
        z-index: 1000;
        /* .cs3-slide-prev
         * display: none */ }
        .banner .table .sliderwrap .tsm-btn .nextprev {
          display: block;
          width: 122px;
          height: 122px;
          border: 5px solid #0e1014;
          border-radius: 50%;
          background: url("../img/pimp1.png") center no-repeat;
          position: relative;
          transition: all 0.3s ease-in-out; }
          .banner .table .sliderwrap .tsm-btn .nextprev:before {
            left: 50%;
            top: 50%;
            width: 0;
            height: 0;
            background: url("../img/pimp2.png") center no-repeat;
            background-size: 0;
            transition: all 0.3s ease-in-out; }
          .banner .table .sliderwrap .tsm-btn .nextprev:hover:before {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-size: 100%; }
          .banner .table .sliderwrap .tsm-btn .nextprev:after {
            left: -6px;
            top: -6px;
            width: 123px;
            height: 123px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            z-index: -1;
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
            background: rgba(249, 3, 3, 0.5);
            -webkit-animation: animAct 0.9s infinite ease-in-out;
            animation: animAct 0.9s infinite ease-in-out; }
          .banner .table .sliderwrap .tsm-btn .nextprev:hover:after {
            display: none; }
@-webkit-keyframes animAct {
  100% {
    -webkit-transform: scale(3, 3);
    -moz-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    transform: scale(3, 3);
    background: rgba(249, 3, 3, 0.1); }
  /* 	border-radius: 50%
   * box-shadow: 0 0 0 150px rgba(249, 3, 3, .1)  */ }
@keyframes animAct {
  100% {
    -webkit-transform: scale(3, 3);
    -moz-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    transform: scale(3, 3);
    background: rgba(249, 3, 3, 0.1); } }
      .banner .table .sliderwrap .subslider .hide {
        display: none; }
    .banner .table .pimpin span {
      font-family: "FuturaMediumC";
      font-size: 34px;
      color: #fff; }
    .banner .table .pimpin p {
      font-family: "FuturaPT-Book";
      font-size: 20px;
      line-height: 36px;
      color: #fff;
      padding-bottom: 20px; }
    .banner .table .pimpin button, .banner .table .pimpin .button {
      display: block;
      font-family: "FuturaPT-Bold";
      font-size: 14px;
      text-transform: uppercase;
      color: #fff;
      width: 391px;
      height: 89px;
      background: url("../img/bt-red.png") center no-repeat;
      margin: 0 0 0 -92px;
      text-align: center;
      line-height: 89px; }

section.whatwe {
  padding: 0 15px;
  background: url("../img/bg-banner.jpg") center 33px no-repeat;
  position: relative;
  z-index: 0;
  padding-bottom: 86px; }
  section.whatwe h2 {
    padding-top: 148px; }
    section.whatwe h2:before {
      width: 666px;
      height: 308px;
      background: url(../img/02.png) no-repeat;
      left: 50%;
      bottom: -10px;
      margin-left: -56px;
      z-index: -1; }
  section.whatwe .wrapper ul {
    text-align: center; }
    section.whatwe .wrapper ul li {
      display: inline-block;
      vertical-align: top;
      width: 30%; }
    section.whatwe .wrapper ul p {
      font-family: "FuturaPT-Book";
      font-size: 16px;
      color: #fff; }

.whatwe:after, .herehow:after, .sform:after {
  width: 873px;
  height: 690px;
  background: url("../img/sled1.png") no-repeat;
  top: -100px;
  left: 50%;
  margin-left: -900px;
  z-index: -2; }

.herehow {
  padding-top: 107px;
  background: url("../img/bg-herehow.jpg") center 0 no-repeat;
  position: relative;
  z-index: 0; }
  .herehow h2 {
    margin: 0;
    font-size: 73px;
    text-align: left;
    position: relative;
    max-width: 340px; }
    .herehow h2:before {
      width: 666px;
      height: 308px;
      background: url("../img/03.png") no-repeat;
      right: 100%;
      bottom: 15px;
      margin-right: -85px;
      z-index: -2; }
  .herehow .wrap.table > * {
    vertical-align: top; }
  .herehow .img {
    width: 48%; }
    .herehow .img img {
      display: block;
      max-width: 100%; }
    .herehow .img .wrap {
      display: inline-block;
      position: relative; }
      .herehow .img .wrap:before {
        width: 631px;
        height: 459px;
        background: url(../img/bg-here-min.png) no-repeat;
        z-index: -1; }
  .herehow .text {
    width: 52%; }
  .herehow ul {
    counter-reset: myList; }
  .herehow li {
    list-style: none;
    color: #fff;
    font-family: "FuturaPT-Book";
    font-size: 16px;
    padding-top: 10px; }
    .herehow li:before {
      content: counter(myList) ".";
      counter-increment: myList;
      display: inline-block;
      width: 30px;
      font-family: "FuturaPT-Bold";
      color: #c51414;
      font-size: 20px; }
    .herehow li a {
      text-decoration: underline; }
  .herehow:after {
    background-image: url("../img/sled2.png");
    margin-left: 0;
    top: 40px;
    width: 808px;
    height: 801px; }

.sixvar {
  padding-top: 275px;
  position: relative;
  z-index: 0; }
  .sixvar .wrapper {
    position: relative; }
    .sixvar .wrapper:before {
      content: "";
      display: block;
      position: absolute;
      width: 676px;
      height: 308px;
      background: url("../img/04.png") center no-repeat;
      bottom: 100%;
      right: 50%;
      margin: 0 -585px -80px 0; }
  .sixvar .arrimate {
    top: -350px; }
    .sixvar .arrimate.animActive {
      top: -200px; }
  .sixvar ul {
    text-align: center;
    background: url("../img/sixline.png") center no-repeat;
    position: relative; }
  .sixvar li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 33%;
    height: 288px;
    font-family: "FuturaPT-Book";
    font-size: 29.48px;
    color: #fff; }
    .sixvar li.simpleS {
      display: block;
      position: absolute;
      height: auto;
      top: 45%; }
    .sixvar li i {
      font-style: normal;
      color: #ba1515; }
    .sixvar li:nth-child(5) {
      order: 5; }
    .sixvar li:nth-child(2) {
      order: 2; }
    .sixvar li:nth-child(3) {
      order: 1; }
    .sixvar li:nth-child(1) {
      order: 3; }
    .sixvar li:nth-child(4) {
      order: 4; }
    .sixvar li:nth-child(6) {
      order: 6; }
    .sixvar li:nth-child(7) {
      order: 7; }
    .sixvar li img {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .sixvar li span:not(.simple) {
      display: block;
      position: absolute;
      width: 50px;
      height: 50px;
      background: #1b1c1e;
      box-shadow: -0.2px 11px 38.3px 4.7px black;
      border-radius: 50%;
      font-family: "FuturaPT-Heavy";
      font-size: 16px;
      color: #fff;
      line-height: 50px;
      left: 50%;
      top: 40px;
      z-index: 1; }

section.sform {
  background: url("../img/bg-form.jpg") center no-repeat;
  background-size: cover;
  z-index: 0; }
  section.sform .wrapper {
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  section.sform h2 {
    text-align: left; }

.sform.arrimate:after {
  background-image: url("../img/sled3.png");
  width: 874px;
  height: 683px;
  bottom: auto;
  top: -300px;
  z-index: -1;
  margin: 0;
  left: 0; }
.sform.arrimate.revers:before {
  bottom: auto;
  top: -50px; }
.sform .form {
  max-width: 450px;
  width: 50%; }
.sform .fieldset {
  width: 100%; }
  .sform .fieldset label {
    display: block;
    font-family: "FuturaMediumC";
    font-size: 20px;
    color: #fff;
    width: 100%; }
  .sform .fieldset input, .sform .fieldset textarea, .sform .fieldset select, .sform .fieldset .jq-selectbox.jqselect {
    display: block;
    margin-top: 10px;
    height: 40px;
    border: 0;
    background: #292b2e;
    width: 100%;
    outline: none;
    color: #b1b6c0;
    font-family: "FuturaPT-Light";
    font-size: 18px;
    box-shadow: -1.1px 13px 33.8px 4.2px rgba(9, 9, 10, 0.36);
    border: 2px solid transparent;
    padding: 0 10px; }
    .sform .fieldset input:focus, .sform .fieldset textarea:focus, .sform .fieldset select:focus, .sform .fieldset .jq-selectbox.jqselect:focus {
      border: 2px solid #c51414;
      box-shadow: -1.1px 13px 33.8px 4.2px rgba(9, 9, 10, 0.36), 0 0 16px rgba(197, 20, 20, 0.36), inset 0 0 18px rgba(197, 20, 20, 0.49); }
  .sform .fieldset i {
    font-style: normal;
    color: #c51414; }
  .sform .fieldset + .fieldset {
    padding-top: 20px; }
  .sform .fieldset textarea {
    height: 66px; }
.sform .img {
  padding-top: 136px;
  width: 50%; }
  .sform .img img {
    display: block;
    margin: auto;
    max-width: 100%; }
.sform .colfin label:first-child {
  padding-right: 10px; }
.sform .colfin label:last-child {
  padding-left: 10px; }
.sform .fieldset.fprice {
  padding-top: 55px; }
.sform .table > span {
  font-family: "FuturaPT-Book";
  color: #8b909a;
  font-size: 18px; }
  .sform .table > span .pr {
    color: #fef5f5; }
  .sform .table > span:nth-child(2) {
    border-bottom: 1px dotted #8b909a; }
  .sform .table > span:nth-child(1) {
    padding-right: 5px; }
  .sform .table > span:nth-child(3) {
    padding-left: 5px; }
.sform .total {
  padding-bottom: 40px; }
  .sform .total span {
    font-size: 30px;
    color: #fef5f5; }
    .sform .total span.dotted {
      border-bottom-width: 2px; }
.sform button {
  background: url("../img/bt-red2.png") no-repeat;
  width: 590px;
  height: 86px;
  font-family: "FuturaPT-Bold";
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  margin-left: -83px; }

footer {
  padding: 124px 25px 0;
  background: url("../img/bg-footer.jpg") no-repeat;
  background-size: cover; }
  footer .block {
    width: 33.333333%;
    padding: 40px 0; }
    footer .block:nth-child(2) {
      text-align: center; }
      footer .block:nth-child(2) a {
        display: inline-block;
        vertical-align: bottom;
        font-family: "FuturaPT-Book";
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 2px;
        line-height: 24px; }
        footer .block:nth-child(2) a:after {
          content: "";
          display: inline-block;
          width: 53px;
          height: 24px;
          background: url("../img/arrow-slide.png") 0 -24px no-repeat;
          vertical-align: middle;
          margin-left: 28px; }
    footer .block:nth-child(1) {
      text-align: left; }
    footer .block:nth-child(3) ul {
      width: auto; }
    footer .block:nth-child(3) li {
      display: inline-block;
      padding: 0 0 0 20px; }

/*social */
header .smenu {
  display: none; }

/* ╤Б╤В╤А╨╡╨╗╨║╨╕-╤Г╨║╨░╨╖╨║╨╕ */
.arrimate {
  display: block;
  position: absolute;
  z-index: 1;
  width: 117px;
  height: 117px;
  background: url(../img/arr2.png) center no-repeat;
  top: -54px;
  right: 50%;
  margin-right: 138px;
  transform: rotate(443deg);
  transform-origin: 90% 50%;
  transition: all 0.3s ease-in-out;
  opacity: 0; }
  .arrimate.animActive {
    top: 40px;
    transform: rotate(362deg);
    margin-right: 124px;
    opacity: 1; }

.arrimate.revers {
  top: -38px;
  left: auto;
  right: 217px;
  margin: 0;
  background: url(../img/arr3.png) no-repeat;
  transform: rotate(285deg);
  transform-origin: 0 0; }
  .arrimate.revers.animActive {
    transform: rotate(360deg);
    transform-origin: 0 0;
    top: -68px; }

/* */
.jq-selectbox.jqselect {
  line-height: 36px; }
  .jq-selectbox.jqselect .jq-selectbox__select-text {
    height: 36px; }
  .jq-selectbox.jqselect .jq-selectbox__dropdown {
    background: #292b2e;
    left: -2px;
    right: -2px; }
    .jq-selectbox.jqselect .jq-selectbox__dropdown li {
      line-height: 36px;
      padding: 0 10px; }
      .jq-selectbox.jqselect .jq-selectbox__dropdown li:hover {
        background: #2e2e3e; }

.clickHer {
  display: inline-block;
  position: absolute;
  font-family: "FuturaPT-Book" !important;
  font-size: 16px !important;
  color: #fff;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  top: 140px;
  left: -106px;
  white-space: nowrap; }

.scrollBan {
  display: inline-block;
  position: absolute;
  z-index: 500;
  transform: rotate(-90deg);
  font-family: "FuturaPT-Book";
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  left: 50%;
  bottom: -85px;
  margin-left: -21px; }
  .scrollBan a {
    color: #5f636a;
    display: inline-block;
    vertical-align: middle; }
    .scrollBan a:before {
      width: 25px;
      height: 42px;
      background: url("../img/arrow-down.png") no-repeat;
      transform: rotate(90deg);
      left: -40px;
      top: -4px; }

.scrollup {
  display: none;
  position: fixed;
  width: 62px;
  height: 62px;
  bottom: 40px;
  right: 50px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  z-index: 200; }
  .scrollup.active {
    display: block; }
  .scrollup:before {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: url(../img/scrolltop.png) center no-repeat;
    box-shadow: 0 8px 35px #a10b0b; }
  .scrollup:hover:before {
    background: url("../img/scrolltoph.png") center no-repeat; }

/* ╨С╨╗╨╛╨║ ╨░╨╜╨╕╨╝╨░╤Ж╨╕╨╕ ╤А╨░╨╖╨╛╨▓╨╛╨╣ */
.animone.active {
  -webkit-animation: animone 0.5s infinite ease-in-out;
  animation: animone 0.5s infinite ease-in-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1; }

@-webkit-keyframes animone {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }
  70% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes animone {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }
  70% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); } }
.slideInRight.anim, .slideInLeft.anim {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

.slideInRight, .slideInLeft {
  position: relative;
  opacity: 0;
  transition: opacity; }

.slideInRight, .slideInLeft {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.slideInLeft {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.slideInLeft.sir1 {
  transition-delay: 0.4s; }

.slideInLeft.sir2 {
  transition-delay: 0.8s; }

.slideInLeft.sir3 {
  transition-delay: 1.2s; }

.slideInLeft.sir4 {
  transition-delay: 1.6s; }

.slideInLeft.sir5 {
  transition-delay: 2s; }

.slideInLeft.sir6 {
  transition-delay: 2.4s; }

.slideInRight.sir1 {
  transition-delay: 0.4s; }

.slideInRight.sir2 {
  transition-delay: 0.8s; }

.slideInRight.sir3 {
  transition-delay: 1.2s; }

.slideInRight.sir4 {
  transition-delay: 1.6s; }

.slideInRight.sir5 {
  transition-delay: 2s; }

.slideInRight.sir6 {
  transition-delay: 2.4s; }

.slideInRight.sir1.anim {
  -webkit-animation: animRight 0.5s ease;
  animation: animRight 0.5s ease;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.slideInRight.sir2.anim {
  -webkit-animation: animRight 0.5s ease;
  animation: animRight 0.5s ease;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.slideInRight.sir3.anim {
  -webkit-animation: animRight 0.5s ease;
  animation: animRight 0.5s ease;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.slideInRight.sir4.anim {
  -webkit-animation: animRight 0.5s ease;
  animation: animRight 0.5s ease;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.slideInRight.sir5.anim {
  -webkit-animation: animRight 0.5s ease;
  animation: animRight 0.5s ease;
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.slideInRight.sir6.anim {
  -webkit-animation: animRight 0.5s ease;
  animation: animRight 0.5s ease;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s; }

.slideInLeft.sir1.anim {
  -webkit-animation: animLeft 0.5s ease;
  animation: animLeft 0.5s ease;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.slideInLeft.sir2.anim {
  -webkit-animation: animLeft 0.5s ease;
  animation: animLeft 0.5s ease;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.slideInLeft.sir3.anim {
  -webkit-animation: animLeft 0.5s ease;
  animation: animLeft 0.5s ease;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.slideInLeft.sir4.anim {
  -webkit-animation: animLeft 0.5s ease;
  animation: animLeft 0.5s ease;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.slideInLeft.sir5.anim {
  -webkit-animation: animLeft 0.5s ease;
  animation: animLeft 0.5s ease;
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.slideInLeft.sir6.anim {
  -webkit-animation: animLeft 0.5s ease;
  animation: animLeft 0.5s ease;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s; }

@-webkit-keyframes animRight {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes animRight {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@-webkit-keyframes animLeft {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes animLeft {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

/*# sourceMappingURL=style.css.map */