@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700,800';
    /*@-ms-viewport{
      width: device-width;
    }*/
    * {
    box-sizing: border-box;
}
    html, body {
      margin: 0;
      padding: 0;
      font-family: 'Open Sans', sans-serif;
    }

    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        /*margin: 100px auto;*/
    }

    .slick-track {
      /*margin-left: 39%;*/
      margin-left: calc(50% - 330px);
      width: 35000px !important;
    }

    .slick-disabled {
      opacity: 0;
    }

    .slick-dots {
      display: none !important;
    }

    .slick-slide {
      margin: 0px 70px !important;
      outline: 0 !important;
    }
    .slick-slide:not(.slick-current) {
      opacity: 0.2;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-slide {
      width: 660px;
    }

    .slick-next {
      /*right: 25% !important;*/
      right: calc(50% - 390px);

    }

    .slick-prev {
      left: calc(50% - 390px);
    }

    .slick-prev {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 175px !important;
      display: block;
      width: 41px;
      height: 26px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      z-index: 5;
      background: transparent
    }
    .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 190px !important;
      display: block;
      width: 41px;
      height: 26px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      z-index: 5;
      background: transparent;
    }



    .slick-next:before {
      background: url(//cdn-s-assets.arzamas.academy/assets/course/arrow-1b3a91287405a724bee7bb4aa8140a7c1b9f86fc3350da92296987fd2d8a3a89.svg) 50% 50% no-repeat !important;
    }
    .slick-prev:before {
      /*background: url(//cdn-s-assets.arzamas.academy/assets/course/arrow-1b3a91287405a724bee7bb4aa8140a7c1b9f86fc3350da92296987fd2d8a3a89.svg) 50% 50% no-repeat;*/
      background: url(//cdn-s-assets.arzamas.academy/assets/course/arrow-1b3a91287405a724bee7bb4aa8140a7c1b9f86fc3350da92296987fd2d8a3a89.svg) 50% 50% no-repeat;
    }
    .slick-prev {
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
    }

    .course-video-play:hover {
      opacity: 0.4;
    }

    .course-video-play {
      content: '';
      /*position: absolute;*/
      margin-left: calc(50% - 44px);
      margin-top: 110px;
      width: 88px;
      height: 108px;
      cursor: pointer;
      background: url(//cdn-s-assets.arzamas.academy/assets/course/play-3df18c00d43f324c5bfdd14a6ae59f9c2a9f7ec8e6b65be13d462b21739e7f9c.svg) 50% 50% no-repeat;
      top: 50%;
      /*left: 50%;*/
      /*margin: -54px 0 0 -34px;*/
      opacity: 1;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      z-index: 1000;
    }
    .title {
      text-align: center;
    }


    /*.slick-prev:before,
    .slick-next:before {
        color: black;
    }*/

    .thet::after {
        content: '';
        width: 75px;
        height: 5px;
        vertical-align: middle;
        display: inline-block;
        background: transparent url(//cdn-s-assets.arzamas.academy/assets/course/line-8106c9e14808b3841103726a5b7c21fa26e22602d53610c60125b8291632ec24.svg) 50% 50% no-repeat;
        margin-left: 23px;
        opacity: .2;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .thet::before {
        content: '';
        width: 75px;
        height: 5px;
        vertical-align: middle;
        display: inline-block;
        background: transparent url(//cdn-s-assets.arzamas.academy/assets/course/line-8106c9e14808b3841103726a5b7c21fa26e22602d53610c60125b8291632ec24.svg) 50% 50% no-repeat;
        margin-right: 23px;
        opacity: .2;
    }

    .matitle::after {
        content: '';
        width: 75px;
        height: 5px;
        vertical-align: middle;
        display: inline-block;
        background: transparent url(//cdn-s-assets.arzamas.academy/assets/course/line-8106c9e14808b3841103726a5b7c21fa26e22602d53610c60125b8291632ec24.svg) 50% 50% no-repeat;
        margin-left: 23px;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .matitle::before {
        content: '';
        width: 75px;
        height: 5px;
        vertical-align: middle;
        display: inline-block;
        background: transparent url(//cdn-s-assets.arzamas.academy/assets/course/line-8106c9e14808b3841103726a5b7c21fa26e22602d53610c60125b8291632ec24.svg) 50% 50% no-repeat;
        margin-right: 23px;
    }

    .header-top {
      background-image: url('/wp-content/themes/rhythm/videocourse/chipura.jpg');
    }
    .texter {
      text-align: center;
      color:white;
      font-family: 'Open Sans', sans-serif;
      padding: 50px 150px;
    }

    .texter h1 {
      font-size: 45px;
    }

    .texter h4 {
      font-weight: 300;
      font-size: 25px;
    }

    .texter span {
      width: 110px;
      height: 1px;
      background-color: #fff;
      display: block;
      margin: 28px auto;
      position: relative;
      text-align: center;
    }
    .texter span::before {
        content: '';
        width: 5px;
        height: 5px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        top: -2px;
        left: -2px;
        display: block;
        position: absolute;
    }
    .texter span::after {
        content: '';
        width: 5px;
        height: 5px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        top: -2px;
        right: -2px;
        display: block;
        position: absolute;
    }
    .texter h5 {
      max-width: 800px;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      font-weight: 400;
      /*font-style: italic;*/
      font-size: 18px;
    }
    .thehead {
      height: 59px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.34);

    }

    .service-name img {
      max-height: 50px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding-top: 10px;
    }

    .time-length:before {
      content: '';
      display: inline-block;
      width: 13px;
      height: 13px;
      background: url(//cdn-s-assets.arzamas.academy/assets/course/time-d6ae38e54c20dd0278717bed6440955e93071f663b9b351d1b33c0125c7be481.png) 50% 50% no-repeat;
      margin-right: 5px;
      line-height: 21px;
      position: relative;
      top: 2px;
      opacity: .5
    }
    .texters {
      display: none;
    }

    .time-length {
      color: #aaa5a5;
      font-weight: 400 !important;
      font-size: 13px;
      display: block;
float: right;
    }

    .order-number {
      color: #aaa5a5;
      font-weight: 300 !important;
      font-size: 17px;
      display: block;
float: left;
margin-top: 15px;
    }
    .speaker {
      color: #aaa5a5;
      font-weight: 300 !important;
      font-size: 13px;
      display: block;
      float: left;
    }
    .speaker span {
      color: white;
    }
    .speaker:before {
      content: '|';
      display: inline;
      margin: 0 12px 0 15px;
      font: 17px/21px "Formular", sans-serif;
      color: #4c4c4c;
      position: relative;
      top: 2px
    }
    .meta-video {
      display: inline-block;
      width: 100%;
    }
    .video-material {
      text-align: left;
      margin-top: 20px;
      margin-top: -67px;
      font-size: 35px;
    }
    h4.small-text {
      font-size: 17px;
      color: #aaa5a5;
      font-weight: 300;
      margin-top: -35px;
    }

    .unpack {
      vertical-align: top;
      cursor: pointer;
      width: 150px;
      border: 1px solid #4c4c4c;
      display: inline-block;
      color: #fff;
      text-align: center;
      font: 13px/43px "Formular", sans-serif;
      margin-right: 26px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease;
      -moz-transform: translateZ(0px);
      -webkit-transform: translateZ(0px);
      -o-transform: translateZ(0px);
      -ms-transform: translateZ(0px);
      transform: translateZ(0px);
    }

    .closeit {
      float: right;
      margin-top: 9px;
      width: 20px;
      height: 20px;
      background: url(//cdn-s-assets.arzamas.academy/assets/course/x-6a06511ecb18656fbfbdeff9926652e98dd72348548bb2ca0df3f0b0d4193d98.svg) 50% 50% no-repeat;
      cursor: pointer;
    }

    .unpack:hover {
      opacity: 0.7;
    }

    .closeit:hover {
      opacity: 0.7;
    }

    .backtoall:before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 10px;
      background: transparent url("//cdn-s-static.arzamas.academy/x/149-ruslitra-xjkIJxk5x9huyPKnIroOINeAt/1165/arr.png") center center no-repeat;
      background-size: 15px;
      margin-left: 10px;
      -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: 10px;
    }
    .backtoall {
      font-size: 15px;
      color: #5c5c5c;
      font-weight: 400;
      cursor: pointer;
      display: none;
    }
    .backtoall:hover {
      opacity: 0.7;
    }
    .linkout {
      cursor: pointer;
    }
    .linkout:hover {
      opacity: 0.7;
    }