@charset "UTF-8";
/*
  < Imports >
*/
@font-face {
  font-family: 'OpenSansHebrew-Regular';
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.eot");
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.eot") format("embedded-opentype"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.woff") format("woff"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.ttf") format("truetype"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.svg") format("svg");
}
@font-face {
  font-family: 'OpenSansHebrew-Light';
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.eot");
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.eot") format("embedded-opentype"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.woff") format("woff"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.ttf") format("truetype"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.svg") format("svg");
}
@font-face {
  font-family: 'OpenSansHebrew-Bold';
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.eot");
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.eot") format("embedded-opentype"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.woff") format("woff"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.ttf") format("truetype"), url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.svg") format("svg");
}
/*
This mixin does not allow to use multiple box-shadows
@mixin box-shadow($x: 0, $y: 0, $blur: 5px, $spread: 5px, $color: rgba(0,0,0,.4), $inset: "") {
    @if ($inset != "") {
        @include css3-prefix('box-shadow', $inset $x $y $blur $spread $color);
    } @else {
        @include css3-prefix('box-shadow', $x $y $blur $spread $color);
    }
}
*/
/*
user-select: none;
user-select: auto;
user-select: text;
user-select: contain;
user-select: all;

-moz-user-select: none;
-moz-user-select: text;
-moz-user-select: all;

-webkit-user-select: none;
-webkit-user-select: text;
-webkit-user-select: all; /* does not work in Safari, use only "none" or "text", or else it will allow to type in the html container*/
/*
-ms-user-select: none;
-ms-user-select: text;
-ms-user-select: element;

*/
/*
.a {
    @include absolute();
}

.b {
    @include absolute(top);
}

.c {
    @include absolute(top right);
}

.d {
    @include absolute(top right bottom);
}

.e {
    @include absolute(top right bottom left);
}

.f {
    @include absolute(top right 1em);
}

.g {
    @include absolute(top 1em right);
}

.h {
    @include absolute(top 1em right 100%);
}

.i {
    @include absolute(top right mistake);
}

.j {
    @include absolute(top 1em right 1em bottom 1em left 1em)
}
*/
/*
    Example:
    @include animation(10s, 5s, changecolour, infinite)
 */
@media only screen and (max-width: 991px) {
  /* line 15, ../sass/helpers/_typography.scss */
  .font-size-mobile-xs {
    font-size: 0;
  }

  /* line 16, ../sass/helpers/_typography.scss */
  .font-size-mobile-sm {
    font-size: 4.5vw;
  }

  /* line 17, ../sass/helpers/_typography.scss */
  .font-size-mobile-md {
    font-size: 5vw;
  }

  /* line 18, ../sass/helpers/_typography.scss */
  .font-size-mobile-lg {
    font-size: 6vw;
  }

  /* line 19, ../sass/helpers/_typography.scss */
  .font-size-mobile-xl {
    font-size: 0;
  }
}
@media only screen and (min-width: 992px) {
  /* line 23, ../sass/helpers/_typography.scss */
  .font-size-xs {
    font-size: 18px;
  }

  /* line 24, ../sass/helpers/_typography.scss */
  .font-size-sm {
    font-size: 19px;
  }

  /* line 25, ../sass/helpers/_typography.scss */
  .font-size-md {
    font-size: 20px;
  }

  /* line 26, ../sass/helpers/_typography.scss */
  .font-size-lg {
    font-size: 24px;
  }

  /* line 27, ../sass/helpers/_typography.scss */
  .font-size-xl {
    font-size: 0;
  }
}
/* line 30, ../sass/helpers/_typography.scss */
.text-regular {
  font-weight: 400;
}

/* line 31, ../sass/helpers/_typography.scss */
.text-semi-bold {
  font-weight: 600;
}

/* line 32, ../sass/helpers/_typography.scss */
.text-bold {
  font-weight: 700;
}

/* line 34, ../sass/helpers/_typography.scss */
.text-color-white {
  color: #fff;
}

/* line 35, ../sass/helpers/_typography.scss */
.text-color-gray {
  color: #4a4a4a;
}

@media only screen and (max-width: 991px) {
  /* line 39, ../sass/helpers/_typography.scss */
  .text-align-mobile-center {
    text-align: center !important;
  }

  /* line 42, ../sass/helpers/_typography.scss */
  .text-align-mobile-right {
    text-align: right !important;
  }
}
@media only screen and (max-width: 991px) {
  /* line 16, ../sass/helpers/_offsets.scss */
  .offset-top-mobile-xs {
    margin-top: 1vw;
  }

  /* line 17, ../sass/helpers/_offsets.scss */
  .offset-top-mobile-sm {
    margin-top: 2vw;
  }

  /* line 18, ../sass/helpers/_offsets.scss */
  .offset-top-mobile-md {
    margin-top: 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 23, ../sass/helpers/_offsets.scss */
  .offset-top-xs {
    margin-top: 8px;
  }

  /* line 24, ../sass/helpers/_offsets.scss */
  .offset-top-sm {
    margin-top: 12px;
  }

  /* line 25, ../sass/helpers/_offsets.scss */
  .offset-top-md {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1, ../sass/modules/_states.scss */
  .mobile-only {
    display: none !important;
  }
}

@media only screen and (max-width: 991px) {
  /* line 2, ../sass/modules/_states.scss */
  .desktop-only {
    display: none !important;
  }
}

/* line 4, ../sass/modules/_states.scss */
.is-hidden {
  display: none !important;
}

/* line 5, ../sass/modules/_states.scss */
.is-visible {
  display: block !important;
}

/* line 1, ../sass/modules/_banner.scss */
.banner {
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 1, ../sass/modules/_banner.scss */
  .banner {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  /* line 9, ../sass/modules/_banner.scss */
  .banner.top-banner {
    height: 100px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 9, ../sass/modules/_banner.scss */
  .banner.top-banner {
    height: 110px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 21, ../sass/modules/_banner.scss */
  .banner.side-banner {
    width: 11.5%;
  }
}

/* line 1, ../sass/modules/_btn.scss */
.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  background-color: #ed1c24;
  cursor: pointer;
}
/* line 7, ../sass/modules/_btn.scss */
.btn:hover {
  background-color: #ef343b;
}
@media only screen and (min-width: 992px) {
  /* line 11, ../sass/modules/_btn.scss */
  .btn.btn-xs {
    width: 100px;
    height: 36px;
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 20, ../sass/modules/_btn.scss */
  .btn.btn-sm {
    width: 130px;
    height: 36px;
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 29, ../sass/modules/_btn.scss */
  .btn.btn-md {
    width: 180px;
    height: 40px;
    font-size: 19px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 38, ../sass/modules/_btn.scss */
  .btn.btn-lg {
    width: 60vw;
    height: 10vw;
    font-size: 5.5vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 38, ../sass/modules/_btn.scss */
  .btn.btn-lg {
    width: 270px;
    height: 40px;
    font-size: 19px;
  }
}

/* line 1, ../sass/modules/_jp.scss */
.jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {
  border: 0;
}

/* line 5, ../sass/modules/_jp.scss */
.jp-audio, .jp-audio-stream, .jp-video {
  font-size: 16px;
  font-family: inherit;
  line-height: 1.6;
  color: white;
  background-color: transparent;
}

/* line 13, ../sass/modules/_jp.scss */
.jp-audio {
  width: 100%;
}

/* line 17, ../sass/modules/_jp.scss */
.jp-audio-stream {
  width: 182px;
}

/* line 21, ../sass/modules/_jp.scss */
.jp-video-270p {
  width: 480px;
}

/* line 25, ../sass/modules/_jp.scss */
.jp-video-360p {
  width: 640px;
}

/* line 29, ../sass/modules/_jp.scss */
.jp-video-full {
  width: 480px;
  height: 270px;
  position: static !important;
  position: relative;
}

/* line 36, ../sass/modules/_jp.scss */
.jp-video-full div div {
  z-index: 1000;
}

/* line 40, ../sass/modules/_jp.scss */
.jp-video-full .jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  overflow: hidden;
}

/* line 48, ../sass/modules/_jp.scss */
.jp-video-full .jp-gui {
  position: fixed !important;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}

/* line 58, ../sass/modules/_jp.scss */
.jp-video-full .jp-interface {
  position: absolute !important;
  position: relative;
  bottom: 0;
  left: 0;
}

/* line 65, ../sass/modules/_jp.scss */
.jp-interface {
  position: relative;
  background-color: transparent;
  width: 100%;
}

/* line 71, ../sass/modules/_jp.scss */
.jp-audio .jp-interface, .jp-audio-stream .jp-interface {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}

/* line 76, ../sass/modules/_jp.scss */
.jp-controls-holder {
  clear: both;
  width: 440px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: -8px;
}

/* line 85, ../sass/modules/_jp.scss */
.jp-interface .jp-controls {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 94, ../sass/modules/_jp.scss */
.jp-audio-stream .jp-controls {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 142px;
}

/* line 101, ../sass/modules/_jp.scss */
.jp-video .jp-type-single .jp-controls {
  width: 78px;
  margin-left: 200px;
}

/* line 106, ../sass/modules/_jp.scss */
.jp-video .jp-type-playlist .jp-controls {
  width: 134px;
  margin-left: 172px;
}

/* line 111, ../sass/modules/_jp.scss */
.jp-video .jp-controls {
  float: left;
}

/* line 115, ../sass/modules/_jp.scss */
.jp-controls button {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

/* line 124, ../sass/modules/_jp.scss */
.jp-play {
  background: url("../images/play-btn.png") no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 991px) {
  /* line 124, ../sass/modules/_jp.scss */
  .jp-play {
    width: 10vw;
    height: 9.5vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 124, ../sass/modules/_jp.scss */
  .jp-play {
    width: 48px;
    height: 48px;
  }
}

/* line 140, ../sass/modules/_jp.scss */
.jp-play:focus {
  background: url(../images/play-btn.png);
  background-size: cover;
}

/* line 145, ../sass/modules/_jp.scss */
.jp-state-playing .jp-play {
  background: url(../images/stop-btn.png);
  background-size: cover;
}

/* line 150, ../sass/modules/_jp.scss */
.jp-state-playing .jp-play:focus {
  background: url(../images/stop-btn.png);
  background-size: cover;
}

/* line 155, ../sass/modules/_jp.scss */
.jp-next, .jp-previous, .jp-stop {
  width: 28px;
  height: 28px;
  margin-top: 6px;
}

/* line 161, ../sass/modules/_jp.scss */
.jp-stop {
  background: url(../images/jplayer.blue.monday.jpg) 0 -83px no-repeat;
  margin-left: 10px;
}

/* line 166, ../sass/modules/_jp.scss */
.jp-stop:focus {
  background: url(../images/jplayer.blue.monday.jpg) -29px -83px no-repeat;
}

/* line 170, ../sass/modules/_jp.scss */
.jp-previous {
  background: url(../images/jplayer.blue.monday.jpg) 0 -112px no-repeat;
}

/* line 174, ../sass/modules/_jp.scss */
.jp-previous:focus {
  background: url(../images/jplayer.blue.monday.jpg) -29px -112px no-repeat;
}

/* line 178, ../sass/modules/_jp.scss */
.jp-next {
  background: url(../images/jplayer.blue.monday.jpg) 0 -141px no-repeat;
}

/* line 182, ../sass/modules/_jp.scss */
.jp-next:focus {
  background: url(../images/jplayer.blue.monday.jpg) -29px -141px no-repeat;
}

/* line 186, ../sass/modules/_jp.scss */
.progress_and_volume {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  /* line 186, ../sass/modules/_jp.scss */
  .progress_and_volume {
    width: calc(100% - 15vw);
  }
}
@media only screen and (min-width: 992px) {
  /* line 186, ../sass/modules/_jp.scss */
  .progress_and_volume {
    width: calc(100% - 64px);
  }
}

/* line 199, ../sass/modules/_jp.scss */
.jp-progress {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  background-color: white;
}
@media only screen and (max-width: 991px) {
  /* line 199, ../sass/modules/_jp.scss */
  .jp-progress {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 199, ../sass/modules/_jp.scss */
  .jp-progress {
    width: 70%;
  }
}

/* line 214, ../sass/modules/_jp.scss */
.jp-audio .jp-progress {
  height: 13px;
}

/* line 222, ../sass/modules/_jp.scss */
.jp-audio .jp-type-playlist .jp-progress {
  left: 166px;
  width: 130px;
}

/* line 227, ../sass/modules/_jp.scss */
.jp-video .jp-progress {
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
}

/* line 234, ../sass/modules/_jp.scss */
.jp-seek-bar {
  width: 0;
  height: 100%;
  cursor: pointer;
}

/* line 241, ../sass/modules/_jp.scss */
.jp-play-bar {
  background: #ed1c24;
  width: 0;
  height: 100%;
}

/* line 247, ../sass/modules/_jp.scss */
.jp-seeking-bg {
  background: gray;
}

/* line 251, ../sass/modules/_jp.scss */
.jp-state-no-volume .jp-volume-controls {
  display: none;
}

/* line 255, ../sass/modules/_jp.scss */
.jp-volume-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 75px;
}

/* line 265, ../sass/modules/_jp.scss */
.jp-volume-controls button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

/* line 274, ../sass/modules/_jp.scss */
.jp-mute, .jp-volume-max {
  width: 18px;
  height: 19px;
}

/* line 284, ../sass/modules/_jp.scss */
.jp-mute {
  background: url(../images/icon/volume.png);
  background-size: cover;
}

/* line 289, ../sass/modules/_jp.scss */
.jp-mute:focus {
  background: url(../images/icon/volume.png);
  background-size: cover;
}

/* line 294, ../sass/modules/_jp.scss */
.jp-state-muted .jp-mute {
  background: url(../images/icon/volume.png);
  background-size: cover;
}

/* line 299, ../sass/modules/_jp.scss */
.jp-state-muted .jp-mute:focus {
  background: url(../images/icon/volume.png);
  background-size: cover;
}

/* line 304, ../sass/modules/_jp.scss */
.jp-volume-max {
  background: url(../images/jplayer.blue.monday.jpg) 0 -186px no-repeat;
}

/* line 308, ../sass/modules/_jp.scss */
.jp-volume-max:focus {
  background: url(../images/jplayer.blue.monday.jpg) -19px -186px no-repeat;
}

/* line 312, ../sass/modules/_jp.scss */
.jp-volume-bar {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8) url(../images/jplayer.blue.monday.jpg) 0 -250px repeat-x;
  width: 46px;
  height: 5px;
  cursor: pointer;
}

/* line 320, ../sass/modules/_jp.scss */
.jp-volume-bar-value {
  background: #ed1c24;
  width: 0;
  height: 5px;
}

/* line 326, ../sass/modules/_jp.scss */
.jp-audio .jp-time-holder {
  position: absolute;
  top: 50px;
}

/* line 331, ../sass/modules/_jp.scss */
.jp-audio .jp-type-single .jp-time-holder {
  left: 110px;
  width: 186px;
}

/* line 336, ../sass/modules/_jp.scss */
.jp-audio .jp-type-playlist .jp-time-holder {
  left: 166px;
  width: 130px;
}

/* line 341, ../sass/modules/_jp.scss */
.jp-current-time, .jp-duration {
  font-size: 1em;
  font-style: oblique;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  /* line 341, ../sass/modules/_jp.scss */
  .jp-current-time, .jp-duration {
    width: 18%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 341, ../sass/modules/_jp.scss */
  .jp-current-time, .jp-duration {
    width: 7%;
  }
}

/* line 357, ../sass/modules/_jp.scss */
.jp-current-time {
  float: left;
  display: inline;
  cursor: default;
}

/* line 363, ../sass/modules/_jp.scss */
.jp-duration {
  float: right;
  display: inline;
  cursor: pointer;
}

/* line 370, ../sass/modules/_jp.scss */
.jp-video .jp-current-time {
  margin-left: 20px;
}

/* line 374, ../sass/modules/_jp.scss */
.jp-video .jp-duration {
  margin-right: 20px;
}

/* line 378, ../sass/modules/_jp.scss */
.jp-details {
  font-weight: 700;
  text-align: center;
  cursor: default;
}

/* line 384, ../sass/modules/_jp.scss */
.jp-details, .jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #009be3;
}

/* line 390, ../sass/modules/_jp.scss */
.jp-type-playlist .jp-details, .jp-type-single .jp-details {
  border-top: none;
}

/* line 394, ../sass/modules/_jp.scss */
.jp-details .jp-title {
  margin: 0;
  padding: 5px 20px;
  font-size: .72em;
  font-weight: 700;
}

/* line 401, ../sass/modules/_jp.scss */
.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em;
}

/* line 408, ../sass/modules/_jp.scss */
.jp-playlist li {
  padding: 5px 0 4px 20px;
  border-bottom: 1px solid #eee;
}

/* line 413, ../sass/modules/_jp.scss */
.jp-playlist li div {
  display: inline;
}

/* line 417, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist li:last-child {
  padding: 5px 0 5px 20px;
  border-bottom: none;
}

/* line 422, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 7px;
}

/* line 428, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist a {
  color: #333;
  text-decoration: none;
}

/* line 433, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1;
}

/* line 437, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
  font-weight: 700;
  color: #666;
}

/* line 446, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1;
}

/* line 450, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
}

/* line 457, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666;
}

/* line 461, ../sass/modules/_jp.scss */
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1;
}

/* line 465, ../sass/modules/_jp.scss */
span.jp-artist {
  font-size: .8em;
  color: #666;
}

/* line 470, ../sass/modules/_jp.scss */
.jp-video-play {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background-color: transparent;
}

/* line 477, ../sass/modules/_jp.scss */
.jp-video-270p .jp-video-play {
  margin-top: -270px;
  height: 270px;
}

/* line 482, ../sass/modules/_jp.scss */
.jp-video-360p .jp-video-play {
  margin-top: -360px;
  height: 360px;
}

/* line 487, ../sass/modules/_jp.scss */
.jp-video-full .jp-video-play {
  height: 100%;
}

/* line 491, ../sass/modules/_jp.scss */
.jp-video-play-icon {
  position: relative;
  display: block;
  width: 112px;
  height: 100px;
  margin-left: -56px;
  margin-top: -50px;
  left: 50%;
  top: 50%;
  background: url(../images/jplayer.blue.monday.video.play.png) no-repeat;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

/* line 506, ../sass/modules/_jp.scss */
.jp-video-play-icon:focus {
  background: url(../images/jplayer.blue.monday.video.play.png) 0 -100px no-repeat;
}

/* line 510, ../sass/modules/_jp.scss */
.jp-jplayer, .jp-jplayer audio {
  width: 0;
  height: 0;
}

/* line 515, ../sass/modules/_jp.scss */
.jp-jplayer {
  background-color: #000;
}

/* line 519, ../sass/modules/_jp.scss */
.jp-toggles {
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}

/* line 525, ../sass/modules/_jp.scss */
.jp-audio .jp-type-single .jp-toggles {
  width: 25px;
}

/* line 529, ../sass/modules/_jp.scss */
.jp-audio .jp-type-playlist .jp-toggles {
  width: 55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px;
}

/* line 537, ../sass/modules/_jp.scss */
.jp-video .jp-toggles {
  position: absolute;
  right: 16px;
  margin: 10px 0 0;
  width: 100px;
}

/* line 544, ../sass/modules/_jp.scss */
.jp-toggles button {
  display: block;
  float: left;
  width: 25px;
  height: 18px;
  text-indent: -9999px;
  line-height: 100%;
  border: none;
  cursor: pointer;
}

/* line 555, ../sass/modules/_jp.scss */
.jp-full-screen {
  background: url(../images/jplayer.blue.monday.jpg) 0 -310px no-repeat;
  margin-left: 20px;
}

/* line 560, ../sass/modules/_jp.scss */
.jp-full-screen:focus {
  background: url(../images/jplayer.blue.monday.jpg) -30px -310px no-repeat;
}

/* line 564, ../sass/modules/_jp.scss */
.jp-state-full-screen .jp-full-screen {
  background: url(../images/jplayer.blue.monday.jpg) -60px -310px no-repeat;
}

/* line 568, ../sass/modules/_jp.scss */
.jp-state-full-screen .jp-full-screen:focus {
  background: url(../images/jplayer.blue.monday.jpg) -90px -310px no-repeat;
}

/* line 572, ../sass/modules/_jp.scss */
.jp-repeat {
  background: url(../images/jplayer.blue.monday.jpg) 0 -290px no-repeat;
}

/* line 576, ../sass/modules/_jp.scss */
.jp-repeat:focus {
  background: url(../images/jplayer.blue.monday.jpg) -30px -290px no-repeat;
}

/* line 580, ../sass/modules/_jp.scss */
.jp-state-looped .jp-repeat {
  background: url(../images/jplayer.blue.monday.jpg) -60px -290px no-repeat;
}

/* line 585, ../sass/modules/_jp.scss */
.jp-state-looped .jp-repeat:focus {
  background: url(../images/jplayer.blue.monday.jpg) -90px -290px no-repeat;
}

/* line 589, ../sass/modules/_jp.scss */
.jp-shuffle {
  background: url(../images/jplayer.blue.monday.jpg) 0 -270px no-repeat;
  margin-left: 5px;
}

/* line 594, ../sass/modules/_jp.scss */
.jp-shuffle:focus {
  background: url(../images/jplayer.blue.monday.jpg) -30px -270px no-repeat;
}

/* line 598, ../sass/modules/_jp.scss */
.jp-state-shuffled .jp-shuffle {
  background: url(../images/jplayer.blue.monday.jpg) -60px -270px no-repeat;
}

/* line 602, ../sass/modules/_jp.scss */
.jp-state-shuffled .jp-shuffle:focus {
  background: url(../images/jplayer.blue.monday.jpg) -90px -270px no-repeat;
}

/* line 606, ../sass/modules/_jp.scss */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none;
}

/* line 615, ../sass/modules/_jp.scss */
.jp-no-solution a {
  color: #000;
}

/* line 619, ../sass/modules/_jp.scss */
.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: 700;
}

/* line 1, ../sass/modules/_page-header.scss */
header.page-header {
  background-color: #000;
}
@media only screen and (max-width: 991px) {
  /* line 1, ../sass/modules/_page-header.scss */
  header.page-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 20vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1, ../sass/modules/_page-header.scss */
  header.page-header {
    height: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 1, ../sass/modules/_page-header.scss */
  header.page-header {
    height: 110px;
  }
}
/* line 19, ../sass/modules/_page-header.scss */
header.page-header .container {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  /* line 19, ../sass/modules/_page-header.scss */
  header.page-header .container {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 19, ../sass/modules/_page-header.scss */
  header.page-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 991px) {
  /* line 33, ../sass/modules/_page-header.scss */
  header.page-header img.company-logo {
    position: absolute;
    top: 1vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 33, ../sass/modules/_page-header.scss */
  header.page-header img.company-logo {
    position: absolute;
    top: 2px;
    right: 10px;
    width: 80px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 33, ../sass/modules/_page-header.scss */
  header.page-header img.company-logo {
    top: 0;
    right: 15px;
    width: 106px;
  }
}
/* line 54, ../sass/modules/_page-header.scss */
header.page-header .btn-menu-open {
  position: absolute;
  top: 0;
  right: 0;
  width: 20vw;
  height: 20vw;
}
/* line 59, ../sass/modules/_page-header.scss */
header.page-header .btn-menu-open i.btn-menu-open-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40%;
  height: 50%;
}
/* line 65, ../sass/modules/_page-header.scss */
header.page-header .btn-menu-open i.btn-menu-open-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
  -moz-box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
  box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
  display: block;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #fff;
}
/* line 80, ../sass/modules/_page-header.scss */
header.page-header .btn-social-menu-open {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 20vw;
  height: 20vw;
}
/* line 86, ../sass/modules/_page-header.scss */
header.page-header .btn-social-menu-open img.btn-social-menu-open-icon {
  width: 8vw;
}
@media only screen and (max-width: 991px) {
  /* line 91, ../sass/modules/_page-header.scss */
  header.page-header nav.menu {
    display: none;
    z-index: 9900;
  }
}
@media only screen and (min-width: 992px) {
  /* line 91, ../sass/modules/_page-header.scss */
  header.page-header nav.menu {
    height: 100%;
  }
}
/* line 106, ../sass/modules/_page-header.scss */
header.page-header nav.menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  /* line 106, ../sass/modules/_page-header.scss */
  header.page-header nav.menu ul {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 116, ../sass/modules/_page-header.scss */
  header.page-header nav.menu ul li.social-live {
    margin-bottom: 5vw;
  }
}
/* line 121, ../sass/modules/_page-header.scss */
header.page-header nav.menu ul li.social-live a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #ed1c24;
}
@media only screen and (max-width: 991px) {
  /* line 121, ../sass/modules/_page-header.scss */
  header.page-header nav.menu ul li.social-live a {
    width: 50vw;
    height: 10vw;
    font-size: 6vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 121, ../sass/modules/_page-header.scss */
  header.page-header nav.menu ul li.social-live a {
    width: 65px;
    height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 145, ../sass/modules/_page-header.scss */
  header.page-header nav.menu ul li.home a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50vw;
    height: 10vw;
    font-size: 6vw;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
  }
}
@media only screen and (max-width: 991px) {
  /* line 161, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
}
@media only screen and (min-width: 992px) {
  /* line 161, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu {
    width: 65%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 175, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu img.company-logo {
    position: absolute;
    top: 1vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20vw;
  }
}
/* line 184, ../sass/modules/_page-header.scss */
header.page-header nav.menu.nav-menu .btn-menu-close {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 20vw;
  height: 20vw;
  font-size: 10vw;
}
@media only screen and (max-width: 991px) {
  /* line 192, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu ul {
    position: absolute;
    top: 32vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
    background-color: #000;
  }
}
/* line 204, ../sass/modules/_page-header.scss */
header.page-header nav.menu.nav-menu ul li.is-active a {
  position: relative;
}
/* line 207, ../sass/modules/_page-header.scss */
header.page-header nav.menu.nav-menu ul li.is-active a::before {
  position: absolute;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  content: '';
}
@media only screen and (min-width: 992px) {
  /* line 207, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu ul li.is-active a::before {
    width: 110%;
    height: 4px;
    background-color: #ed1c24;
  }
}
/* line 228, ../sass/modules/_page-header.scss */
header.page-header nav.menu.nav-menu ul li:hover {
  color: #ed1c24;
  transition-duration: 400ms;
}
@media only screen and (max-width: 991px) {
  /* line 233, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu ul li a {
    line-height: 2.5em;
    font-size: 6vw;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  /* line 233, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.nav-menu ul li a {
    padding: 3px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 991px) {
  /* line 250, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.social-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
}
@media only screen and (min-width: 992px) {
  /* line 250, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.social-menu {
    width: 16.5%;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 265, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.social-menu img.company-logo {
    position: absolute;
    top: 1vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20vw;
  }
}
/* line 274, ../sass/modules/_page-header.scss */
header.page-header nav.menu.social-menu .btn-social-menu-close {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 20vw;
  height: 20vw;
  font-size: 10vw;
}
@media only screen and (max-width: 991px) {
  /* line 282, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.social-menu ul {
    position: absolute;
    top: 40vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 293, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.social-menu ul li a img {
    width: 10vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 293, ../sass/modules/_page-header.scss */
  header.page-header nav.menu.social-menu ul li a img {
    width: 28px;
  }
}

/* line 1, ../sass/modules/_placeholder.scss */
.form-group {
  position: relative;
}

/* line 6, ../sass/modules/_placeholder.scss */
.search .placeholder {
  -webkit-transform: translate(0%, -50%);
  -khtml-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #4a4a4a;
}
@media only screen and (max-width: 991px) {
  /* line 6, ../sass/modules/_placeholder.scss */
  .search .placeholder {
    position: absolute;
    top: 50%;
    right: 10vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 6, ../sass/modules/_placeholder.scss */
  .search .placeholder {
    position: absolute;
    top: 50%;
    left: 0;
    width: 80%;
    height: 100%;
    padding-left: 4px;
    font-size: 19px;
    cursor: text;
  }
}

/* line 28, ../sass/modules/_placeholder.scss */
.form .placeholder {
  -webkit-transform: translate(0%, -50%);
  -khtml-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #4a4a4a;
}
@media only screen and (max-width: 991px) {
  /* line 28, ../sass/modules/_placeholder.scss */
  .form .placeholder {
    position: absolute;
    top: 50%;
    right: 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 28, ../sass/modules/_placeholder.scss */
  .form .placeholder {
    position: absolute;
    top: 50%;
    right: 12px;
    line-height: 1em;
    padding-left: 4px;
    font-size: 19px;
    cursor: text;
  }
}
@media only screen and (max-width: 991px) {
  /* line 47, ../sass/modules/_placeholder.scss */
  .form textarea + .placeholder {
    top: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 47, ../sass/modules/_placeholder.scss */
  .form textarea + .placeholder {
    top: 16px;
  }
}

/* Slider */
/* line 3, ../sass/modules/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, ../sass/modules/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 24, ../sass/modules/_slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 28, ../sass/modules/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, ../sass/modules/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, ../sass/modules/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
/* line 48, ../sass/modules/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 54, ../sass/modules/_slick.scss */
.slick-track:after {
  clear: both;
}
/* line 58, ../sass/modules/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 62, ../sass/modules/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 66, ../sass/modules/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 69, ../sass/modules/_slick.scss */
.slick-slide img {
  display: block;
}
/* line 72, ../sass/modules/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 78, ../sass/modules/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 82, ../sass/modules/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 86, ../sass/modules/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 90, ../sass/modules/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 96, ../sass/modules/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* line 45, ../sass/modules/_slick-theme.scss */
.slick-loading .slick-list {
  background: #fff url('/public/images/ajax-loader.gif') center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('/public/fonts/slick.eot');
  src: url('/public/fonts/slick.eot?#iefix') format("embedded-opentype"), url('/public/fonts/slick.woff') format("woff"), url('/public/fonts/slick.ttf') format("truetype"), url('/public/fonts/slick.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Dots */
/* line 63, ../sass/modules/_slick-theme.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/* line 67, ../sass/modules/_slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
/* line 76, ../sass/modules/_slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
/* line 84, ../sass/modules/_slick-theme.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
/* line 96, ../sass/modules/_slick-theme.scss */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
/* line 98, ../sass/modules/_slick-theme.scss */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
/* line 102, ../sass/modules/_slick-theme.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 119, ../sass/modules/_slick-theme.scss */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@media only screen and (max-width: 991px) {
  /* line 3, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-slide {
    height: 52vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 3, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-slide {
    height: 380px;
  }
}
/* line 13, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 20, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  /* line 20, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow {
    width: 15vw;
    height: 100%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 20, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
/* line 37, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow::before {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
@media only screen and (max-width: 991px) {
  /* line 37, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow::before {
    width: 4vw;
    height: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 37, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow::before {
    width: 50%;
    height: 50%;
  }
}
/* line 57, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow:hover::before {
  transition-duration: 400ms;
  border-color: #ed1c24;
}
/* line 63, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow.slick-prev {
  left: auto;
}
@media only screen and (max-width: 991px) {
  /* line 63, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-prev {
    right: 0;
  }
}
@media only screen and (min-width: 992px) {
  /* line 63, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-prev {
    right: 10px;
  }
}
/* line 74, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow.slick-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -khtml-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (max-width: 991px) {
  /* line 74, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-prev::before {
    left: 40%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 74, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-prev::before {
    left: 35%;
  }
}
/* line 88, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow.slick-next {
  right: auto;
}
@media only screen and (max-width: 991px) {
  /* line 88, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-next {
    left: 0;
  }
}
@media only screen and (min-width: 992px) {
  /* line 88, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-next {
    left: 10px;
  }
}
/* line 100, ../sass/modules/_slider-custom.scss */
section.section-2 .slick-slider .slick-arrow.slick-next::before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -khtml-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  -o-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
@media only screen and (max-width: 991px) {
  /* line 100, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-next::before {
    left: 60%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 100, ../sass/modules/_slider-custom.scss */
  section.section-2 .slick-slider .slick-arrow.slick-next::before {
    left: 65%;
  }
}

/* perfect-scrollbar v0.8.0 */
/* line 2, ../sass/modules/perfect-scrollbar.scss */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  /* line 8, ../sass/modules/perfect-scrollbar.scss */
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 11, ../sass/modules/perfect-scrollbar.scss */
  .ps {
    overflow: auto !important;
  }
}
/* line 13, ../sass/modules/perfect-scrollbar.scss */
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

/* line 17, ../sass/modules/perfect-scrollbar.scss */
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

/* line 20, ../sass/modules/perfect-scrollbar.scss */
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}

/* line 23, ../sass/modules/perfect-scrollbar.scss */
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

/* line 26, ../sass/modules/perfect-scrollbar.scss */
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}

/* line 29, ../sass/modules/perfect-scrollbar.scss */
.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}

/* line 41, ../sass/modules/perfect-scrollbar.scss */
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}

/* line 57, ../sass/modules/perfect-scrollbar.scss */
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}

/* line 59, ../sass/modules/perfect-scrollbar.scss */
.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 15px;
}

/* line 71, ../sass/modules/perfect-scrollbar.scss */
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px;
}

/* line 89, ../sass/modules/perfect-scrollbar.scss */
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

/* line 92, ../sass/modules/perfect-scrollbar.scss */
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}

@media only screen and (min-width: 992px) {
  /* line 4, ../sass/modules/perfect-scrollbar_custom.scss */
  section[class^="section-"] .ps.perfect-scrollbar {
    position: relative;
    padding-right: 36px;
  }
  /* line 8, ../sass/modules/perfect-scrollbar_custom.scss */
  section[class^="section-"] .ps.perfect-scrollbar .ps__scrollbar-y-rail {
    right: 6px !important;
    display: block !important;
    width: 5px !important;
    opacity: 1 !important;
    background-color: #fff !important;
    border-radius: 4px;
  }
  /* line 16, ../sass/modules/perfect-scrollbar_custom.scss */
  section[class^="section-"] .ps.perfect-scrollbar .ps__scrollbar-y-rail .ps__scrollbar-y {
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    right: auto;
    width: 16px !important;
    border-radius: 50%;
    background-color: #ed1c24;
    border: 2px solid #fff;
    cursor: pointer;
  }
}
/* line 1, ../sass/base/_base.scss */
html,
p,
ul,
ol,
li,
input[type="submit"],
button {
  margin: 0;
  padding: 0;
}

/* line 12, ../sass/base/_base.scss */
body {
  direction: rtl;
  margin: 0;
  padding: 0;
}

/* line 18, ../sass/base/_base.scss */
body,
input,
textarea {
  line-height: normal;
  font-family: 'Assistant', sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 991px) {
  /* line 18, ../sass/base/_base.scss */
  body,
  input,
  textarea {
    font-size: 5vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 18, ../sass/base/_base.scss */
  body,
  input,
  textarea {
    font-size: 20px;
  }
}

/* line 37, ../sass/base/_base.scss */
main {
  display: block;
}

/* line 41, ../sass/base/_base.scss */
a {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* line 47, ../sass/base/_base.scss */
ul, ol {
  list-style: none;
}

/* line 51, ../sass/base/_base.scss */
label {
  display: block;
}

/* line 55, ../sass/base/_base.scss */
input,
select {
  border: none;
}

/* line 60, ../sass/base/_base.scss */
input[type="submit"] {
  background-color: initial;
  border: none;
  cursor: pointer;
}

/* line 66, ../sass/base/_base.scss */
input[type="search"] {
  -webkit-appearance: none;
  border: none;
}

/* line 71, ../sass/base/_base.scss */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* line 78, ../sass/base/_base.scss */
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
/* line 83, ../sass/base/_base.scss */
button::-moz-focus-inner {
  padding: 0;
  border: none;
}

/* line 89, ../sass/base/_base.scss */
img {
  display: block;
}

/* line 94, ../sass/base/_base.scss */
* {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  background-repeat: no-repeat;
}

/*
  < Styles >
*/
@media only screen and (max-width: 991px) {
  /* line 21, ../sass/styles.scss */
  html.is-blocked,
  body.is-blocked {
    height: 100vh;
    overflow-y: hidden;
  }
}

@media only screen and (max-width: 991px) {
  /* line 31, ../sass/styles.scss */
  .page-container {
    height: 100vh;
  }
}
@media only screen and (min-width: 992px) {
  /* line 31, ../sass/styles.scss */
  .page-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
}

/* line 46, ../sass/styles.scss */
.container {
  width: 94%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  /* line 46, ../sass/styles.scss */
  .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 46, ../sass/styles.scss */
  .container {
    max-width: 1120px;
  }
}

/* line 60, ../sass/styles.scss */
main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #000;
}
@media only screen and (max-width: 991px) {
  /* line 60, ../sass/styles.scss */
  main {
    height: 100%;
    padding-top: 20vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 60, ../sass/styles.scss */
  main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

/* line 76, ../sass/styles.scss */
p span:not(:first-child) {
  margin-right: .25em;
}

/* line 81, ../sass/styles.scss */
section {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
}
/* line 85, ../sass/styles.scss */
section:not(.section-1) {
  display: none;
}
/* line 90, ../sass/styles.scss */
section.section-1 {
  background: url("../images/bg/bg_section-1.jpg") no-repeat center;
  background-size: cover;
}
/* line 90, ../sass/styles.scss */
section.section-2 {
  background: url("../images/bg/bg_section-2.jpg") no-repeat center;
  background-size: cover;
}
/* line 90, ../sass/styles.scss */
section.section-3 {
  background: url("../images/bg/bg_section-3.jpg") no-repeat center;
  background-size: cover;
}
/* line 90, ../sass/styles.scss */
section.section-4 {
  background: url("../images/bg/bg_section-4.jpg") no-repeat center;
  background-size: cover;
}
/* line 90, ../sass/styles.scss */
section.section-5 {
  background: url("../images/bg/bg_section-5.jpg") no-repeat center;
  background-size: cover;
}
/* line 90, ../sass/styles.scss */
section.section-6 {
  background: url("../images/bg/bg_section-6.jpg") no-repeat center;
  background-size: cover;
}
/* line 90, ../sass/styles.scss */
section.section-7 {
  background: url("../images/bg/bg_section-7.jpg") no-repeat center;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  /* line 81, ../sass/styles.scss */
  section {
    overflow-y: scroll;
    padding: 6vw 0 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 81, ../sass/styles.scss */
  section {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 1800px) {
  /* line 81, ../sass/styles.scss */
  section {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 110, ../sass/styles.scss */
  section .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 80vh;
  }
}
@media only screen and (min-width: 1800px) {
  /* line 110, ../sass/styles.scss */
  section .container {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 121, ../sass/styles.scss */
  section .container .container-inner {
    position: relative;
    width: 71.2%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  /* line 133, ../sass/styles.scss */
  section .container .container-inner .btn-play {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  /* line 133, ../sass/styles.scss */
  section .container .container-inner .btn-play {
    position: absolute;
    top: 0;
    left: -160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
  }
}
/* line 147, ../sass/styles.scss */
section .container .container-inner .content-container .content-block {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) {
  /* line 147, ../sass/styles.scss */
  section .container .container-inner .content-container .content-block {
    padding: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 147, ../sass/styles.scss */
  section .container .container-inner .content-container .content-block {
    padding: 15px;
  }
}

/* line 166, ../sass/styles.scss */
.box.box-gray {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) {
  /* line 166, ../sass/styles.scss */
  .box.box-gray {
    padding: 14px 16px;
  }
}
/* line 174, ../sass/styles.scss */
.box.box-gray.player-box {
  margin-top: 1vw;
}
@media only screen and (max-width: 991px) {
  /* line 174, ../sass/styles.scss */
  .box.box-gray.player-box {
    padding: 2vw;
  }
}
/* line 185, ../sass/styles.scss */
.box.box-gray.player-box .audio-player {
  width: 100%;
}
/* line 187, ../sass/styles.scss */
.box.box-gray.player-box .audio-player audio {
  width: 100%;
}

/* line 197, ../sass/styles.scss */
.unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 202, ../sass/styles.scss */
.clear {
  clear: both;
}

@media only screen and (max-width: 991px) {
  /* line 207, ../sass/styles.scss */
  section.section-1 {
    background-position: 64% 0;
  }
}
@media only screen and (max-width: 991px) {
  /* line 214, ../sass/styles.scss */
  section.section-1 .unit.current-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 220, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  /* line 220, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body {
    width: 85%;
    margin: 2vw auto 0;
    padding-bottom: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 220, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body {
    width: 400px;
    margin: 0 auto;
    padding-top: 8px;
  }
}
/* line 236, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-body .tracks-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
/* line 240, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-body .tracks-container .track-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 243, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-body .tracks-container .track-item > p {
  min-height: 1em;
  line-height: 1em;
}
/* line 247, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-body .tracks-container .track-item > p:not(:first-child) {
  margin-top: 8px;
}
/* line 253, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-body .tracks-container .divider {
  height: 1px;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 253, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body .tracks-container .divider {
    margin: 5vw 0 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 253, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body .tracks-container .divider {
    margin: 12px 0 8px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 268, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body .btn {
    margin: 4vw auto 0;
  }
}
@media only screen and (min-width: 992px) {
  /* line 268, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body .btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 279, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body .now-playing {
    margin-top: 3vw;
    font-size: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 279, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-body .now-playing {
    margin-top: 12px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 293, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-left {
    padding: 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 293, ../sass/styles.scss */
  section.section-1 .unit.current-track .unit-left {
    width: 250px;
  }
}
/* line 303, ../sass/styles.scss */
section.section-1 .unit.current-track .unit-left img.current-track-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 991px) {
  /* line 315, ../sass/styles.scss */
  section.section-2 .unit {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  /* line 315, ../sass/styles.scss */
  section.section-2 .unit {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 991px) {
  /* line 325, ../sass/styles.scss */
  section.section-2 .unit:not(:first-child) {
    margin-top: 12vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 325, ../sass/styles.scss */
  section.section-2 .unit:not(:first-child) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 138, ../sass/helpers/_mixins.scss */
  section.section-2 .unit .unit-body:after {
    display: table;
    content: "";
    clear: both;
  }
}
@media only screen and (min-width: 992px) {
  /* line 336, ../sass/styles.scss */
  section.section-2 .unit .unit-body {
    width: 60%;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 336, ../sass/styles.scss */
  section.section-2 .unit .unit-body {
    width: 65%;
  }
}
/* line 350, ../sass/styles.scss */
section.section-2 .unit .unit-body > p {
  line-height: 1.1em;
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  /* line 350, ../sass/styles.scss */
  section.section-2 .unit .unit-body > p {
    font-size: 4.5vw;
    text-align: justify;
  }
}
@media only screen and (min-width: 992px) {
  /* line 350, ../sass/styles.scss */
  section.section-2 .unit .unit-body > p {
    font-size: 18px;
  }
}
/* line 364, ../sass/styles.scss */
section.section-2 .unit .unit-body > p:not(:first-child) {
  margin-top: 16px;
}
/* line 370, ../sass/styles.scss */
section.section-2 .unit .unit-left {
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 370, ../sass/styles.scss */
  section.section-2 .unit .unit-left {
    float: left;
    width: 40vw;
    height: 40vw;
    margin-right: 4vw;
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 370, ../sass/styles.scss */
  section.section-2 .unit .unit-left {
    width: 240px;
    height: 240px;
  }
}
/* line 387, ../sass/styles.scss */
section.section-2 .unit .unit-left img.current-track-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 395, ../sass/styles.scss */
section.section-2 .slider-container {
  margin-top: 20px;
}

@media only screen and (min-width: 992px) {
  /* line 402, ../sass/styles.scss */
  section.section-3 .content-container {
    height: 460px;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 991px) {
  /* line 410, ../sass/styles.scss */
  section.section-3 .unit {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  /* line 417, ../sass/styles.scss */
  section.section-3 .unit:not(:first-child) {
    margin-top: 12vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 417, ../sass/styles.scss */
  section.section-3 .unit:not(:first-child) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 428, ../sass/styles.scss */
  section.section-3 .unit .unit-body {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 428, ../sass/styles.scss */
  section.section-3 .unit .unit-body {
    width: calc(100% - 250px);
  }
}
/* line 438, ../sass/styles.scss */
section.section-3 .unit .unit-body p:first-child {
  line-height: 1em;
}
@media only screen and (max-width: 991px) {
  /* line 438, ../sass/styles.scss */
  section.section-3 .unit .unit-body p:first-child {
    margin-bottom: 3vw;
  }
}
@media only screen and (max-width: 991px) {
  /* line 448, ../sass/styles.scss */
  section.section-3 .unit .unit-right {
    width: 80%;
    height: 45vw;
    margin: 0 auto 2vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 448, ../sass/styles.scss */
  section.section-3 .unit .unit-right {
    width: 240px;
    height: 220px;
    background-color: #fff;
  }
}
/* line 464, ../sass/styles.scss */
section.section-3 .unit .unit-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 475, ../sass/styles.scss */
section.section-4 .btn-open-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 12vw;
  background-color: #f8f8f8;
}
/* line 481, ../sass/styles.scss */
section.section-4 .btn-open-search::after {
  display: block;
}
/* line 485, ../sass/styles.scss */
section.section-4 .btn-open-search img.btn-open-search-icon {
  margin-right: 3vw;
}
@media only screen and (max-width: 991px) {
  /* line 490, ../sass/styles.scss */
  section.section-4 .search-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
}
@media only screen and (max-width: 991px) {
  /* line 501, ../sass/styles.scss */
  section.section-4 .search-container .btn-close-search {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 20vw;
    height: 20vw;
    font-size: 10vw;
  }
}
@media only screen and (max-width: 991px) {
  /* line 512, ../sass/styles.scss */
  section.section-4 .search-container img.company-logo {
    position: absolute;
    top: 1vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20vw;
  }
}
/* line 521, ../sass/styles.scss */
section.section-4 .search-container .search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  /* line 521, ../sass/styles.scss */
  section.section-4 .search-container .search {
    position: absolute;
    top: 40vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 85%;
  }
}
/* line 532, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 991px) {
  /* line 532, ../sass/styles.scss */
  section.section-4 .search-container .search .search-by-filter {
    width: 100%;
    height: 10vw;
    margin-bottom: 6vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 532, ../sass/styles.scss */
  section.section-4 .search-container .search .search-by-filter {
    position: relative;
    width: 375px;
    padding-right: 40px;
  }
}
/* line 549, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter img.icon-search {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 554, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter .form-group {
  position: relative;
}
/* line 557, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter .form-group::before {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  content: '';
  width: 1px;
  height: 45%;
  background-color: #4a4a4a;
}
@media only screen and (max-width: 991px) {
  /* line 568, ../sass/styles.scss */
  section.section-4 .search-container .search .search-by-filter .form-group:first-of-type::before {
    display: none;
  }
}
/* line 576, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter .form-group.w-40 {
  width: 47.5%;
}
/* line 579, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter .form-group.w-30 {
  width: 25%;
}
/* line 582, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter .form-group.w-30 {
  width: 25%;
}
/* line 586, ../sass/styles.scss */
section.section-4 .search-container .search .search-by-filter .form-group select {
  width: 100%;
  height: 100%;
  padding-right: 6px;
  font-size: 19px;
  font-weight: 600;
  color: #4a4a4a;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  /* line 598, ../sass/styles.scss */
  section.section-4 .search-container .search > .form-group {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  /* line 598, ../sass/styles.scss */
  section.section-4 .search-container .search > .form-group {
    width: 180px;
  }
}
/* line 608, ../sass/styles.scss */
section.section-4 .search-container .search > .form-group input {
  width: 100%;
  color: #4a4a4a;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 991px) {
  /* line 608, ../sass/styles.scss */
  section.section-4 .search-container .search > .form-group input {
    height: 10vw;
    padding: 0 10vw 0 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 608, ../sass/styles.scss */
  section.section-4 .search-container .search > .form-group input {
    height: 100%;
    padding: 0 40px 0 12px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 626, ../sass/styles.scss */
  section.section-4 .search-container .search > .form-group img.icon-search {
    position: absolute;
    top: 50%;
    right: 2vw;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (min-width: 992px) {
  /* line 626, ../sass/styles.scss */
  section.section-4 .search-container .search > .form-group img.icon-search {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 991px) {
  /* line 640, ../sass/styles.scss */
  section.section-4 .search-container .search .btn {
    width: 100%;
    height: 10vw;
    margin-top: 6vw;
  }
}
@media only screen and (max-width: 991px) {
  /* line 651, ../sass/styles.scss */
  section.section-4 .playlist {
    max-height: 75vh;
    overflow-y: scroll;
    margin-top: 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 651, ../sass/styles.scss */
  section.section-4 .playlist {
    max-height: 67vh;
  }
}
@media only screen and (min-width: 992px) {
  /* line 651, ../sass/styles.scss */
  section.section-4 .playlist {
    margin-top: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 36px;
    padding-right: 72px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 675, ../sass/styles.scss */
  section.section-4 .playlist .perfect-scrollbar {
    height: 440px;
  }
}
/* line 682, ../sass/styles.scss */
section.section-4 .playlist .playlist-item {
  position: relative;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 991px) {
  /* line 682, ../sass/styles.scss */
  section.section-4 .playlist .playlist-item {
    padding: 3.75vw 0 3.75vw 10vw;
    font-size: 4.5vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 682, ../sass/styles.scss */
  section.section-4 .playlist .playlist-item {
    padding: 14px 0 14px 48px;
  }
}
/* line 696, ../sass/styles.scss */
section.section-4 .playlist .playlist-item img.icon-play {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  /* line 696, ../sass/styles.scss */
  section.section-4 .playlist .playlist-item img.icon-play {
    width: 7.5vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 696, ../sass/styles.scss */
  section.section-4 .playlist .playlist-item img.icon-play {
    width: 32px;
  }
}

@media only screen and (max-width: 991px) {
  /* line 716, ../sass/styles.scss */
  section.section-5 .show {
    max-height: 75vh;
    overflow-y: scroll;
    padding: 0 0 3vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 716, ../sass/styles.scss */
  section.section-5 .show {
    max-height: 67vh;
  }
}
@media only screen and (min-width: 992px) {
  /* line 716, ../sass/styles.scss */
  section.section-5 .show {
    margin-top: 20px;
    padding-top: 4px;
    padding-right: 72px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 736, ../sass/styles.scss */
  section.section-5 .show .perfect-scrollbar {
    height: 460px;
  }
}
/* line 744, ../sass/styles.scss */
section.section-5 .show-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media only screen and (max-width: 991px) {
  /* line 744, ../sass/styles.scss */
  section.section-5 .show-item {
    padding: 3vw 0 6vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 744, ../sass/styles.scss */
  section.section-5 .show-item {
    padding: 14px 0;
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (max-width: 991px) {
  /* line 758, ../sass/styles.scss */
  section.section-5 .show-item::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
    content: '';
    width: 94%;
    height: 1px;
    background-color: #fff;
  }
}
/* line 771, ../sass/styles.scss */
section.section-5 .show-item .unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  /* line 771, ../sass/styles.scss */
  section.section-5 .show-item .unit {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 780, ../sass/styles.scss */
section.section-5 .show-item .unit .unit-right {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 780, ../sass/styles.scss */
  section.section-5 .show-item .unit .unit-right {
    width: 94%;
    height: 45vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  /* line 780, ../sass/styles.scss */
  section.section-5 .show-item .unit .unit-right {
    width: 220px;
    height: 120px;
  }
}
/* line 796, ../sass/styles.scss */
section.section-5 .show-item .unit .unit-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991px) {
  /* line 803, ../sass/styles.scss */
  section.section-5 .show-item .unit .unit-body {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 803, ../sass/styles.scss */
  section.section-5 .show-item .unit .unit-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-right: 20px;
    padding-top: 8px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 816, ../sass/styles.scss */
  section.section-5 .show-item .unit .unit-body p {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  /* line 816, ../sass/styles.scss */
  section.section-5 .show-item .unit .unit-body p {
    line-height: 1.1em;
    width: 65%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 830, ../sass/styles.scss */
  section.section-5 .show-item .btn {
    width: 80%;
    height: 10vw;
    margin: 4vw auto 0;
  }
}
@media only screen and (min-width: 992px) {
  /* line 830, ../sass/styles.scss */
  section.section-5 .show-item .btn {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  /* line 844, ../sass/styles.scss */
  section.section-5 .footnote {
    margin-top: 4vw;
    margin-right: 2vw;
    font-size: 4.5vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 844, ../sass/styles.scss */
  section.section-5 .footnote {
    margin-top: 16px;
    margin-right: 60px;
  }
}

@media only screen and (max-width: 991px) {
  /* line 862, ../sass/styles.scss */
  section.section-6 .news {
    max-height: 75vh;
    overflow-y: scroll;
    padding: 0 0 3vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 862, ../sass/styles.scss */
  section.section-6 .news {
    max-height: 67vh;
  }
}
@media only screen and (min-width: 992px) {
  /* line 862, ../sass/styles.scss */
  section.section-6 .news {
    margin-top: 20px;
    padding-top: 4px;
    padding-right: 72px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 882, ../sass/styles.scss */
  section.section-6 .news .perfect-scrollbar {
    height: 460px;
  }
}
/* line 890, ../sass/styles.scss */
section.section-6 .news-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media only screen and (max-width: 991px) {
  /* line 890, ../sass/styles.scss */
  section.section-6 .news-item {
    padding: 3vw 0 6vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 890, ../sass/styles.scss */
  section.section-6 .news-item {
    padding: 14px 0;
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (max-width: 991px) {
  /* line 904, ../sass/styles.scss */
  section.section-6 .news-item::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
    content: '';
    width: 94%;
    height: 1px;
    background-color: #fff;
  }
}
/* line 917, ../sass/styles.scss */
section.section-6 .news-item .unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  /* line 917, ../sass/styles.scss */
  section.section-6 .news-item .unit {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 926, ../sass/styles.scss */
section.section-6 .news-item .unit .unit-right {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 926, ../sass/styles.scss */
  section.section-6 .news-item .unit .unit-right {
    width: 94%;
    height: 45vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  /* line 926, ../sass/styles.scss */
  section.section-6 .news-item .unit .unit-right {
    width: 220px;
    height: 120px;
  }
}
/* line 942, ../sass/styles.scss */
section.section-6 .news-item .unit .unit-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 991px) {
  /* line 949, ../sass/styles.scss */
  section.section-6 .news-item .unit .unit-body {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 949, ../sass/styles.scss */
  section.section-6 .news-item .unit .unit-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-right: 20px;
  }
}
/* line 962, ../sass/styles.scss */
section.section-6 .news-item .unit .unit-body p a {
  display: inline;
  margin-right: .25em;
}

/* line 974, ../sass/styles.scss */
section.section-7 .form {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  /* line 974, ../sass/styles.scss */
  section.section-7 .form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 974, ../sass/styles.scss */
  section.section-7 .form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  /* line 987, ../sass/styles.scss */
  section.section-7 .form .form-right {
    width: 40.5%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 997, ../sass/styles.scss */
  section.section-7 .form .form-right > * + * {
    margin-top: 2vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 997, ../sass/styles.scss */
  section.section-7 .form .form-right > * + * {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 1010, ../sass/styles.scss */
  section.section-7 .form .form-left {
    margin-top: 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1010, ../sass/styles.scss */
  section.section-7 .form .form-left {
    width: 55%;
  }
}
/* line 1020, ../sass/styles.scss */
section.section-7 .form .form-left .form-group {
  height: 100%;
}
/* line 1026, ../sass/styles.scss */
section.section-7 .form .form-group input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  color: #4a4a4a;
  background-color: #fff;
}
/* line 1035, ../sass/styles.scss */
section.section-7 .form textarea {
  width: 100%;
  font-size: 19px;
  color: #4a4a4a;
  resize: none;
}
@media only screen and (max-width: 991px) {
  /* line 1035, ../sass/styles.scss */
  section.section-7 .form textarea {
    height: 25vw;
    padding: 0vw 3vw 3vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1035, ../sass/styles.scss */
  section.section-7 .form textarea {
    height: 100%;
    padding: 2px 12px 8px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 1053, ../sass/styles.scss */
  section.section-7 .form .btn {
    width: 80%;
    height: 10vw;
    margin: 3vw auto 0;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1053, ../sass/styles.scss */
  section.section-7 .form .btn {
    margin-top: 24px;
    margin-right: auto;
  }
}
/* line 1068, ../sass/styles.scss */
section.section-7 .footnote {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  /* line 1068, ../sass/styles.scss */
  section.section-7 .footnote {
    margin-top: 8vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1068, ../sass/styles.scss */
  section.section-7 .footnote {
    margin-top: 16px;
  }
}

/* line 1083, ../sass/styles.scss */
.devdino {
  position: absolute;
  bottom: 2vw;
  left: 2vw;
}
@media only screen and (max-width: 991px) {
  /* line 1083, ../sass/styles.scss */
  .devdino {
    width: 60px;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1083, ../sass/styles.scss */
  .devdino {
    width: 90px;
  }
}
/* line 1094, ../sass/styles.scss */
.devdino img {
  width: 100%;
}

/* line 1099, ../sass/styles.scss */
.logo-akom {
  position: absolute;
  right: 2vw;
  bottom: 2vw;
}
@media only screen and (max-width: 991px) {
  /* line 1099, ../sass/styles.scss */
  .logo-akom {
    width: 4vw;
  }
}
@media only screen and (min-width: 992px) {
  /* line 1099, ../sass/styles.scss */
  .logo-akom {
    width: 60px;
  }
}
