/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/

#kaino_player > pjsdiv {
background-color: #000 !important;
}

#kaino_player {
width: 100%;
}

#kaino_player__wrap {
display: -ms-grid;
display: grid;
grid-gap: 5px;
width: 67.8vw;
margin: 5% auto;
-ms-grid-columns: 1fr 5px 31%;
grid-template-columns: 1fr 31%;
-ms-grid-rows: 100%;
grid-template-rows: 100%;

background-color: #233043;
}

#kaino_player__wrap > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}

#kaino_player__wrap > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}

#kaino_player-playlist__container {
height: 26.19vw;
overflow: scroll;
overflow-x: hidden;
}

#kaino_player_playlist {
padding: 0px !important;
overflow-y: hidden !important;
}

#kaino_player_playlist pjsdiv pjsdiv pjsdiv:nth-child(3) {
width: 100%;
height: 4vw;
padding: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

#kaino_player_playlist pjsdiv pjsdiv pjsdiv:nth-child(4) {
display: none;
}

img[title="play-icon"] {
display: block;
width: 1.6vw;
padding: 1.3vw 1vw 1.3vw 0.8vw;
}

.playlist_lesson_name {
padding-right: 0.5vw;
}

.playlist_duration {
padding-right: 1vw;
}

#kaino_player_playlist pjsdiv > pjsdiv {
line-height: 3.5em !important;
}

#kaino_player_playlist pjsdiv pjsdiv {
line-height: 3.5em !important;
}

.playlist_lesson_name {
width: 15rem;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

.playlist_lesson_name {
font-size: 0.75vw;
font-weight: 600;
line-height: normal;
}

.playlist_duration {
font-size: 0.75vw;
font-weight: 500;
line-height: normal;
}

@id705766 (max-width: 768px) {
#kaino_player__wrap {
width: 80vw;
grid-gap: 0;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr 0 58%;
grid-template-rows: 1fr 58%;
}
#kaino_player__wrap > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
#kaino_player__wrap > *:nth-child(2) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
#kaino_player-playlist__container {
height: 40vw;
}
.playlist_lesson_name {
width: 18rem;
}
.playlist_lesson_name,
.playlist_duration {
font-size: 3vw;
}
.playlist_duration {
padding-right: 3vw;
}
#kaino_player_playlist pjsdiv pjsdiv pjsdiv:nth-child(3) {
height: 12.5vw;
}
img[title="play-icon"] {
width: 7vw;
padding: 3.3vw 3vw 3.3vw 2.8vw;
}
}

#rec212042770 {
    background: rgba(25,106,255, 1);
/*height: 100vw;*/
}
.kaino-submit{
        background: url(https://online.kaino.ru/template/kaino/images/bg/rassrochka.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 387px;
    height: 120px;
    border: none;
    padding: 0;
    margin-left: -26px;
    cursor: pointer;
      transition: all 0.2s ease 0s;
      -webkit-appearance: none;
      -moz-appearance: none;
    appearance: none;
      border-radius: 0;
}
.kaino-submit-2{
        background: url(https://online.kaino.ru/template/kaino/images/bg/kurs.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 387px;
    height: 120px;
    border: none;
    padding: 0;
    margin-left: -26px;
    cursor: pointer;
      transition: all 0.2s ease 0s;
    -webkit-appearance: none;
      -moz-appearance: none;
    appearance: none;
      border-radius: 0;
}
.kaino-submit:hover, .kaino-submit-2:hover{
        transform: scale(0.9);
}
.kaino-input{
    color: #7d7d7d;
    border: 2px solid #ffffff;
    background-color: transparent;
    font-size: 18px;
    font-weight: 100;
    height: 50px;
}
.kaino-form {
    max-width: 337px;
}
.kaino-input-white{
    border: 2px solid #000;
}
@media screen and (max-width: 479px){
    .kaino-submit, .kaino-submit-2{
            width: 310px;
    }
    .kaino-form {
    max-width: 260px;
    }
}