/* Start:/local/templates/mim/css/main.min.css?161732467817469*/
body .one {
     position: relative;
     float: left;
     width: 100%; }

body .one-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     transition: all 1s ease;}
body .one-bg--cover {
     position: relative;
     float: right;
     background-image: url("/local/templates/mim/css/../images/pageCover.png");
     background-size: 100%;
     background-position: top center;
     background-repeat: no-repeat;
     z-index: 2;
     transition: all 0.1s ease;}

body .one-bg--artist {
     position: relative;
     float: right;
     font-family: "Noto_Sans_Bold";
     color: #fff;
     text-transform: uppercase;
     clear: right;
     z-index: 2;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     transition: all 0.1s ease;}

body .one-bg--song {
     position: relative;
     float: right;
     font-family: "NotoSans_Regular";
     color: #fff;
     text-transform: uppercase;
     clear: right;
     z-index: 2;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     transition: all 0.1s ease;}

body .one-bg--m {
     position: absolute;
     height: 100%;
     opacity: 0.8;
     transition: all 0.1s ease;}

body .one-shadow {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     z-index: 3}

body .one-shadow .owl-stage-outer {
     width: 100%;
     position: relative;
     float: left; }

body .one-shadow .owl-item, body .one-shadow .owl-stage {
     position: relative;
     float: left; }

body .one-shadow .slidersArrow {
     display: none;
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 2; }

body .one-shadow .slidersArrow-song {
     top: 0; }

body .one-shadow .owl-nav {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
}
body .one-shadow .owl-prev, body .one-shadow .owl-next {
     position: absolute;
     cursor: pointer;
     background-image: url("/local/templates/mim/css/../images/arrow.png");
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; }

body .one-shadow .owl-next {
     transform: rotate(180deg); }
body .one-shadow .owl-prev:hover, body .one-shadow .owl-next:hover { background-image: url("/local/templates/mim/css/../images/arrowH.png"); }
body .one-shadow .owl-nav.disabled { display: none; }
body .one-shadow .owl-prev.disabled, body .one-shadow .owl-next.disabled { opacity: 0.5; }
body .one-shadow .owl-prev.disabled:hover, body .one-shadow .owl-next.disabled:hover { background-image: url("/local/templates/mim/css/../images/arrow.png"); }
body .one-shadow--sliders {
     position: relative;
     float: left;
     width: 100%;
     height: 100%;
     overflow: hidden; }

body .one-shadow--sliders .song {
     position: relative;
     float: left; }

body .one-shadow--sliders .song-item {
     position: relative;
     float: left;
     cursor: pointer;
     box-sizing: border-box;
     transition: all 0.5s ease-out; }

body .one-shadow--sliders .song-item--cover {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat; }

body .one-shadow--sliders .videos {
     position: relative;
     float: left; }

body .one-shadow--sliders .videos-item {
     position: relative;
     float: left;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     cursor: pointer;
     border: 0.4rem solid transparent;
     box-sizing: border-box;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;}


body .one-shadow--sliders .videos-item:hover { border: 0.4rem solid #ff4e70; }

body .one-shadow--sliders .videos-item--icon {
     position: relative;
     float: left;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; }

body .one-shadow--sliders .videos-item--artist {
     position: relative;
     float: left;
     font-family: "Noto_Sans_Bold";
     color: #fff;
     text-transform: uppercase;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     user-select: none;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     box-sizing: border-box; }

body .one-shadow--sliders .videos-item--song {
     position: relative;
     float: left;
     font-family: "NotoSans_Regular";
     color: #fff;
     text-transform: uppercase;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     box-sizing: border-box; }

body .two {
     position: relative;
     float: left;
     text-align: left; }

body .two-text {
     position: relative;
     float: left;
     width: 100%;
     font-family: "NotoSans-Medium"; }

body .two-title {
     position: relative;
     float: left;
     width: 100%;
     font-family: "Noto_Sans_Bold"; }

body .three {
     position: relative;
     float: left;
     width: 100%;
     transition: all 0.5s ease-out; }

body .three .open .flex-top .flex-top--btn {
     transform: rotate(-90deg); }

body .three .close .flex-top .flex-top--btn {
     transform: rotate(90deg); }

body .three .close .flex-content {
     max-height: 0;
     overflow: hidden; }

body .three .flex-content {
     max-height: 1000rem;
     transition: all 0.5s ease-out;
}
body .three .flex {
     position: relative;
     float: left;
     background-color: #fff;
     transition: all 0.5s ease-out; }

body .three .flex .flex-top {
     position: relative;
     float: left;
     width: 100%;
     cursor: pointer;
     font-family: "NotoSans_Black";
     text-transform: uppercase;
     transition: all 0.5s ease-out; }

body .three .flex .flex-top--title {
     position: relative;
     float: left;
     font-family: "NotoSans_Black";
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none; }

body .three .flex .flex-top--btn {
     position: relative;
     float: right;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     transition: all 0.5s ease-out; }

body .three .flex .red {
     color: #9c1c1c; }

body .three .flex .green {
     color: #00c366; }

body .three .flex .blue {
     color: #0080c4; }

body .three .flex .yellow {
     color: #efb900; }

body .three .flex .darkgreen {
     color: #4e8619; }

body .three .flex .violet {
     color: #3814d1; }

body .three .flex .turquoise {
     color: #338c9f; }

body .three .flex-content {
     position: relative;
     float: left;
     width: 100%;
     font-family: "NotoSans_Regular";
     overflow: hidden;
     transition: all 0.5s ease-out; }

body .three .flex-content--text {
     position: relative;
     float: left;
     width: 100%;
     text-align: left;
     box-sizing: border-box; }

body .three .flex-content--wrapImg {
     position: relative;
     float: left;
     width: 100%; }

body .three .flex-content--wrapImg .convert {
     position: relative;
     float: left; }

body .three .flex-content--wrapImg .convert-one, body .three .flex-content--wrapImg .convert-two {
     position: relative;
     float: left;
     width: 50%;
     height: 100%;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat; }

body .three .flex-content--wrapImg .convert:nth-child(3n+1) {
     margin-left: 0; }

body .three .flex-content--wrapImg .convert-arrow {
     position: absolute;
     background-image: url("/local/templates/mim/css/../images/convert-arrow.png");
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; }

body .three .flex .mobVit {
     position: relative;
     float: left;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; }

body .three .flex .mobVit:nth-child(3n+1) {
     margin-left: 0; }

@media (min-width: 600px) {
     body .one {
          height: 130rem; }
     
     body .one-bg {
          height: 98rem;
          background-image: url("/local/templates/mim/css/../images/bg.png"); }
     
     body .one-bg--cover {
          width: 22.4rem;
          height: 22.4rem;
          margin-top: 7.3rem;
          margin-right: 7.5rem; }
     
     body .one-bg--artist {
          margin-top: 9rem;
          margin-right: 7.5rem;
          font-size: 9rem; }
     
     body .one-bg--song {
          margin-top: 0.5rem;
          margin-right: 7.5rem;
          font-size: 7rem; }
     
     body .one-bg--m {
          top: 0.3rem;
          right: -0.5rem;
          width: 61.4rem;
		  display: none;
     }
     
     body .one-shadow {
          height: 70.8rem;
          background-image: url("/local/templates/mim/css/../images/shadow.png"); }
     
     body .one-shadow .slidersArrow-videos {
          top: 33rem; }
     
     body .one-shadow--sliders .song .owl-nav .owl-prev, body .one-shadow--sliders .song .owl-nav .owl-next {
          top: 12rem;
          width: 5.9rem;
          height: 5.9rem; }
     
     body .one-shadow--sliders .song .owl-nav  .owl-prev {
          left: -1rem; }
     
     body .one-shadow--sliders .song .owl-nav  .owl-next {
          right: 9.85rem; }
     
     body .one-shadow--sliders .song {
          width: 100%;
          height: 29.9rem;
          margin-top: 3.3rem;
          margin-left: 5.9rem;}
     
     body .one-shadow--sliders .song-item {
          width: 29.9rem;
          height: 29.9rem;
          border: 0.4rem solid transparent; }
     
     body .one-shadow--sliders .song-item .active, body .one-shadow--sliders .song-item:hover {
          border: 0.4rem solid #ff4e70; }
     
     body .one-shadow--sliders .song-item--cover {
          width: 27rem;
          height: 27rem;
          margin-top: 0.95rem;
          margin-left: 1.05rem; }
     
     body .one-shadow--sliders .song-item--artist, body .one-shadow--sliders .song-item--song {
          display: none; }
     
     body .one-shadow--sliders .videos .owl-nav .owl-prev, body .one-shadow--sliders .videos .owl-nav .owl-next {
          top: 10.55rem;
          width: 5.9rem;
          height: 5.9rem; }
     
     body .one-shadow--sliders .videos .owl-nav  .owl-prev {
          left: 0; }
     
     body .one-shadow--sliders .videos .owl-nav  .owl-next {
          right: 8.65rem; }
     
     body .one-shadow--sliders .videos {
          width: 100%;
          height: 27rem;
          margin-top: 3.3rem;
          margin-left: 4.8rem;}
     
     body .one-shadow--sliders .videos-item {
          width: 48rem;
          height: 27rem;
          margin-left: 2.2rem; }
     
     body .one-shadow--sliders .videos-item--icon {
          width: 5.9rem;
          height: 5.9rem;
          margin-top: 18.9rem;
          margin-left: 2rem;
          background-image: url("/local/templates/mim/css/../images/play-video.png"); }
     
     body .one-shadow--sliders .videos-item--artist {
          width: 36rem;
          margin-top: 19rem;
          margin-left: 2rem;
          font-size: 2rem; }
     
     body .one-shadow--sliders .videos-item--song {
          width: 36rem;
          margin-top: 0.2rem;
          margin-left: 2rem;
          font-size: 2rem; }
     
     body .two {
          width: 177rem;
          height: 35.7rem;
          margin-top: 6.5rem;
          margin-left: 7.35rem;
          font-size: 2.7rem; }
     
     body .two-title {
          margin-top: 2rem; }
     
     body .three .flex {
          width: 178.25rem;
          margin-left: 6.875rem; }
     
     body .three .flex .flex-top--title {
          font-size: 10rem; }
     
     body .three .flex .flex-top--btn {
          font-size: 10rem; }
     
     
     body .three .flex-content--text {
          padding: 2.3rem 0.545rem;
          font-size: 2rem; }
     
     body .three .flex-content--wrapImg {
          padding-bottom: 2.9rem; }
     
     body .three .flex-content--wrapImg .convert {
          width: 57.6rem;
          height: 28.8rem;
          margin-top: 2.9rem;
          margin-left: 2.4rem; }
     
     body .three .flex-content--wrapImg .convert-arrow {
          top: calc((100% - 10.7rem) / 2);
          left: calc((100% - 9.5rem) / 2);
          width: 10.7rem;
          height: 9.5rem; }
     
     body .three .flex .mobVit {
          width: 49.3rem;
          height: 49.3rem;
          margin-top: 2.9rem;
          margin-left: 3.7rem; }
}

@media (max-width: 599px) {
     body .one {
          height: 55.8rem; }
     
     body .one-bg {
          height: 32.1rem;
          background-image: url("/local/templates/mim/css/../images/bg-mob.png"); }
     
     body .one-bg--cover, body .one-bg--artist, body .one-bg--song {
          display: none; }
     
     body .one-bg--m {
          right: -0.3rem;
          width: 20.2rem;
          display: none; }
     
     body .one-shadow {
          bottom: 0rem;
          height: 30.7rem;
          background-image: url("/local/templates/mim/css/../images/shadow-mob.png");
          background-size: cover;
          background-position: top;
          background-repeat: no-repeat; }
     
     body .one-shadow .slidersArrow-song {
          top: 33rem; }
     
     body .one-shadow .slidersArrow-videos {
          top: 33rem; }
     
     body .one-shadow .slidersArrow-left, body .one-shadow .slidersArrow-right {
          top: 14.1rem;
          width: 4.9rem;
          height: 4.9rem; }
     
     body .one-shadow .slidersArrow-left {
          left: 4.9rem; }
     
     body .one-shadow .slidersArrow-right {
          right: 4.9rem; }
     
     body .one-shadow--sliders .song {
          width: 100%;
          height: 9.5rem; }
     
     body .one-shadow--sliders .song-item {
          width: 9.5rem;
          height: 9.5rem;
          margin-left: 1.7rem; }
     
     body .one-shadow--sliders .song-item--cover {
          width: 9.5rem;
          height: 9.5rem; }
     
     body .one-shadow--sliders .song-item--artist {
          position: relative;
          float: left;
          font-family: "NotoSans_Regular";
          color: #fff;
          width: 100%;
          margin-top: 0.8rem;
          font-size: 1rem;
          text-transform: uppercase;
          -moz-user-select: none;
          -khtml-user-select: none;
          -webkit-user-select: none;
          user-select: none; }
     
     body .one-shadow--sliders .song-item--song {
          position: relative;
          float: left;
          font-family: "Noto_Sans_Bold";
          color: #fff;
          width: 100%;
          margin-top: 0.2rem;
          font-size: 1rem;
          text-transform: uppercase;
          -moz-user-select: none;
          -khtml-user-select: none;
          -webkit-user-select: none;
          user-select: none; }
     
     body .one-shadow--sliders .videos {
          width: 100%;
          height: 27rem;
          margin-top: 6.5rem; }
     
     body .one-shadow--sliders .videos-item {
          width: 16.7rem;
          height: 9.4rem;
          margin-left: 1.6rem; }
     
     body .one-shadow--sliders .videos-item--icon {
          width: 5.9rem;
          height: 5.9rem;
          margin-top: 1.8rem;
          margin-left: 5.3rem;
          background-image: url("/local/templates/mim/css/../images/play-video--mob.png"); }
     
     body .one-shadow--sliders .videos-item--artist {
          width: 100%;
          margin-top: 2.5rem;
          font-size: 1rem; }
     
     body .one-shadow--sliders .videos-item--song {
          width: 100%;
          margin-top: 0.2rem;
          font-size: 1rem; }
     
     body .two {
          padding: 2.5rem;
          font-size: 1rem;
          box-sizing: border-box; }
     
     body .two-title {
          margin-top: 2rem; }
     
     body .three {
          width: 100%; }
     
     body .three .open {
          padding-bottom: 2.5rem;
          background-image: url("/local/templates/mim/css/../images/flex-bg.png"); }
     
     body .three .flex {
          width: 100%;
          background-repeat: no-repeat;
          background-position: top;
          background-size: contain; }
     
     body .three .flex .flex-top {
          width: calc(100% - 5rem);
          margin-left: 2.5rem;
          margin-top: 1rem; }
     
     body .three .flex .flex-top--title {
          font-size: 1.4rem; }
     
     body .three .flex .flex-top--btn {
          margin-top: -0.6rem;
          font-size: 2.5rem; }
     
     
     body .three .flex-content {
          width: calc(100% - 5rem);
          margin-left: 2.5rem; }
     
     body .three .flex-content--text {
          font-size: 1rem;
          box-sizing: border-box; }
     
     body .three .flex-content--wrapImg {
          width: 27rem; }
     
     body .three .flex-content--wrapImg .convert {
          width: 100%;
          height: 13.5rem;
          margin-top: 2rem; }
     
     body .three .flex-content--wrapImg .convert-arrow {
          top: calc((100% - 10.7rem) / 2);
          left: calc((100% - 9.5rem) / 2);
          width: 10.7rem;
          height: 9.5rem; }
     
     body .three .flex .mobVit {
          width: 8.6rem;
          height: 8.6rem;
          margin-top: 2.3rem;
          margin-left: 0.6rem; }
}

/* End */
/* /local/templates/mim/css/main.min.css?161732467817469 */