.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s;
  -o-transition: .3s opacity;
  transition: opacity .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s, -webkit-transform .2s;
  -o-transition: .2s top, .2s -webkit-transform;
  transition: top .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s top;
  -webkit-transition: transform .2s, top .2s;
  transition: transform .2s, top .2s;
  -webkit-transition: transform .2s, top .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s top, .2s -webkit-transform;
  transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: left .2s, -webkit-transform .2s;
  -o-transition: .2s left, .2s -webkit-transform;
  transition: left .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s left;
  -webkit-transition: transform .2s, left .2s;
  transition: transform .2s, left .2s;
  -webkit-transition: transform .2s, left .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s left, .2s -webkit-transform;
  transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s, -webkit-transform .2s;
  -o-transition: .2s right, .2s -webkit-transform;
  transition: right .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s right;
  -webkit-transition: transform .2s, right .2s;
  transition: transform .2s, right .2s;
  -webkit-transition: transform .2s, right .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s right, .2s -webkit-transform;
  transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

fieldset[disabled] .multiselect {
  pointer-events: none
}

.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block
}

.multiselect__spinner:after,
.multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
  -webkit-animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
  animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.multiselect__spinner:after {
  -webkit-animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
  animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  -webkit-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  opacity: 1
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0
}

.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 16px;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

.multiselect {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e
}

.multiselect * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.multiselect:focus {
  outline: none
}

.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: .6
}

.multiselect--active {
  z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  -webkit-transition: border .1s ease;
  -o-transition: border .1s ease;
  transition: border .1s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top
}

.multiselect__input:-ms-input-placeholder {
  color: #35495e
}

.multiselect__input::-webkit-input-placeholder {
  color: #35495e
}

.multiselect__input::-moz-placeholder {
  color: #35495e
}

.multiselect__input::-ms-input-placeholder {
  color: #35495e
}

.multiselect__input::placeholder {
  color: #35495e
}

.multiselect__tag~.multiselect__input,
.multiselect__tag~.multiselect__single {
  width: auto
}

.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf
}

.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none
}

.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px
}

.multiselect__tags-wrap {
  display: inline
}

.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px
}

.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 5px
}

.multiselect__tag-icon:after {
  content: "\D7";
  color: #266d4d;
  font-size: 14px
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #fff
}

.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 12px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8
}

.multiselect__current,
.multiselect__select {
  line-height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer
}

.multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ""
}

.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
  display: none
}

.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch
}

.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8
}

.multiselect__content::webkit-scrollbar {
  display: none
}

.multiselect__element {
  display: block
}

.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap
}

.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px
}

.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff
}

.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700
}

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver
}

.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6
}

.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none
}

.multiselect__option--group {
  background: #ededed;
  color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff
}

.multiselect-enter-active,
.multiselect-leave-active {
  -webkit-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease
}

.multiselect-enter,
.multiselect-leave-active {
  opacity: 0
}

.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top
}

[dir=rtl] .multiselect {
  text-align: right
}

[dir=rtl] .multiselect__select {
  right: auto;
  left: 1px
}

[dir=rtl] .multiselect__tags {
  padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
  text-align: right
}

[dir=rtl] .multiselect__option:after {
  right: auto;
  left: 0
}

[dir=rtl] .multiselect__clear {
  right: auto;
  left: 12px
}

[dir=rtl] .multiselect__spinner {
  right: auto;
  left: 1px
}

@-webkit-keyframes spinning {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(2turn);
    transform: rotate(2turn)
  }
}

@keyframes spinning {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(2turn);
    transform: rotate(2turn)
  }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

body {
  font: 100% Glegoo, serif;
  font-weight: 700;
  color: #000;
  -webkit-text-size-adjust: none;
  overflow-x: hidden
}

.btn-1 {
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #27a4fd;
  background: -o-linear-gradient(315deg, #27a4fd 0, #4c3cff 50%, #8f00df 100%);
  background: linear-gradient(135deg, #27a4fd, #4c3cff 50%, #8f00df);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#27a4fd", endColorstr="#8f00df", GradientType=1);
  -webkit-box-shadow: 49px 48px 86px 0 rgba(0, 0, 0, .6);
  box-shadow: 49px 48px 86px 0 rgba(0, 0, 0, .6)
}

.btn-1:after {
  content: "";
  width: 23px;
  height: 14px;
  position: absolute;
  left: 20px;
  top: 25px;
  background-image: url(/img/icons/arrow-right.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 23px
}

.btn-1 i {
  overflow: hidden;
  width: 100%;
  height: 100%
}

.btn-1 i,
.btn-1 small {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%
}

.btn-1 small {
  background: -o-radial-gradient(center, ellipse, hsla(0, 0%, 100%, .41) 0, hsla(0, 0%, 100%, 0) 60%);
  background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .41) 0, hsla(0, 0%, 100%, 0) 60%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%
}

.btn-2 {
  position: relative;
  display: inline-block;
  border-radius: 40px;
  line-height: 1;
  background-color: #4848ff;
  color: #fff;
  font-family: Industry, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: background-color .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: background-color .8s cubic-bezier(.165, .84, .44, 1);
  transition: background-color .8s cubic-bezier(.165, .84, .44, 1)
}

.btn-2:after {
  content: "";
  width: 23px;
  height: 14px;
  position: absolute;
  z-index: 10;
  left: 45px;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  background-image: url(/img/icons/arrow-right.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 23px;
  -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1)
}

.btn-2.color-2 {
  background-color: #000
}

.btn-2 span {
  display: block;
  position: relative;
  z-index: 10;
  top: 1px;
  padding: 24px 63px 24px 83px;
  margin: 0;
  font-family: Industry, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  pointer-events: none
}

.btn-2 small {
  background: -o-radial-gradient(center, ellipse, rgba(201, 175, 204, .4) 0, hsla(0, 0%, 100%, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(201, 175, 204, .4) 0, hsla(0, 0%, 100%, 0) 70%);
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 120px;
  height: 120px;
  border-radius: 50%
}

.btn-2:hover {
  background-color: #a230c6
}

.btn-2:hover:after {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  opacity: 0
}

.btn-2:hover span {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0)
}

.small-title {
  font-family: Industry, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 36px
}

.hide-scrollbar {
  overflow: hidden !important
}

iframe {
  max-width: 100%
}

body.IE .subpage-promo-wrapper .play-pause,
body.IE .subpage-promo-wrapper canvas {
  display: none
}

body.IE.libraries .section-10 .block .hover-text {
  -webkit-transform: translateY(-50%) scale(.1);
  transform: translateY(-50%) scale(.1);
  opacity: 0;
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  -o-transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s, -webkit-transform .5s
}

body.IE.libraries .section-10 .block:hover .hover-text {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1
}

body.IE.libraries .section-10 .block:hover .bg-wrap .bg,
body.IE .section-10 .block:hover .bg {
  -webkit-transform: scale(1);
  transform: scale(1)
}

body.IE.podcast .section-7 .text-wrap .video-block .overlay {
  mix-blend-mode: normal;
  opacity: .3
}

body.IE.podcast .section-7 .text-wrap .video-block .btn-1:before {
  opacity: 0
}

body.IE.podcast .section-7 .text-wrap .video-block .btn-1:hover:before {
  opacity: 1
}

body.IE .section-6 .people-wrap .info .info-btn:after {
  opacity: 0
}

body.IE .section-6 .people-wrap .info .info-btn:hover:after {
  opacity: 1
}

body.IE.contact-us .section-5 .contact-content form .optiscroll-v {
  height: auto;
  top: 20px !important;
  bottom: 20px;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important
}

body.IE.contact-us .section-5 .contact-content form .optiscroll-content {
  margin-bottom: 50px
}

body.IE .play-wrapper .play-block .btn-1:before {
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s
}

body.IE .play-wrapper .play-block:hover .btn-1:before {
  opacity: 1
}

body.IE .podcast-btn .btn-1:before {
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s
}

body.IE .podcast-btn:hover .btn-1:before {
  opacity: 1
}

body.IE .testi-main-content {
  margin-bottom: 50px
}

body.IE .testi-slider-pag-wrapper .swiper-button-next,
body.IE .testi-slider-pag-wrapper .swiper-button-prev {
  height: 17px
}

@font-face {
  font-family: axiforma-regular;
  src: url(/fonts/Axiforma-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/Axiforma-Regular.otf) format("opentype"), url(/fonts/Axiforma-Regular.woff) format("woff"), url(/fonts/Axiforma-Regular.ttf) format("truetype"), url(/fonts/Axiforma-Regular.svg#Axiforma-Regular) format("svg")
}

@font-face {
  font-family: axiforma-semibold;
  src: url(/fonts/Axiforma-SemiBold.eot?#iefix) format("embedded-opentype"), url(/fonts/Axiforma-SemiBold.otf) format("opentype"), url(/fonts/Axiforma-SemiBold.woff) format("woff"), url(/fonts/Axiforma-SemiBold.ttf) format("truetype"), url(/fonts/Axiforma-SemiBold.svg#Axiforma-SemiBold) format("svg")
}

@font-face {
  font-family: axiforma-black;
  src: url(/fonts/Axiforma-Black.eot?#iefix) format("embedded-opentype"), url(/fonts/Axiforma-Black.otf) format("opentype"), url(/fonts/Axiforma-Black.woff) format("woff"), url(/fonts/Axiforma-Black.ttf) format("truetype"), url(/fonts/Axiforma-Black.svg#Axiforma-Black) format("svg")
}

@font-face {
  font-family: smitten;
  src: url(/fonts/Smitten-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/Smitten-Regular.otf) format("opentype"), url(/fonts/Smitten-Regular.woff) format("woff"), url(/fonts/Smitten-Regular.ttf) format("truetype"), url(/fonts/Smitten-Regular.svg#Smitten-Regular) format("svg")
}

.left {
  text-align: left !important
}

.center {
  text-align: center !important
}

.right {
  text-align: right !important
}

.alignleft {
  float: left
}

.aligncenter {
  margin: 0 auto
}

.alignright {
  float: right
}

.show {
  display: block !important
}

.hide {
  display: none !important
}

.cf:after,
.cf:before,
.container:after,
.container:before,
.widget:after,
.widget:before,
form ol>li:after,
form ol>li:before {
  content: "";
  display: block;
  height: 0;
  visibility: hidden
}

.cf:after,
.clear,
.container:after,
.widget:after,
form ol>li:after {
  clear: both
}

.cf,
.container,
.widget,
form ol>li {
  zoom: 1
}

html {
  font: normal 62.5% Glegoo, serif;
  color: #444;
  background-color: #fff
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.normal-form textarea {
  overflow: auto
}

button {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 10px 0 0;
  font: 700 14px/20px Glegoo, serif;
  color: #fff;
  border: none;
  text-align: center;
  cursor: pointer
}

.user-content dl,
.user-content ol,
.user-content ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table {
  margin-bottom: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px
}

h1 {
  font: 700 32px/1.3 Glegoo, serif
}

h2 {
  font: 700 24px/1.2 Glegoo, serif
}

h3 {
  font: 400 22px/1.2 Glegoo, serif
}

h4 {
  font: 400 20px/1.2 Glegoo, serif
}

h5 {
  font: 400 16px/1.2 Glegoo, serif
}

h6 {
  font: 400 14px/1.2 Glegoo, serif
}

a {
  text-decoration: none
}

strong {
  font-weight: 700
}

em {
  font-style: italic
}

sup {
  vertical-align: text-top
}

sub,
sup {
  font-size: 75%
}

sub {
  vertical-align: bottom
}

blockquote {
  font-style: italic
}

.user-content ul {
  list-style: disc;
  margin-left: 24px
}

.user-content ul ul {
  margin-left: 20px;
  margin-bottom: 0
}

.user-content ul li {
  margin-bottom: 0
}

.user-content ol {
  margin-left: 24px;
  list-style: decimal
}

.user-content ol ol {
  list-style: lower-latin;
  margin-bottom: 0
}

.user-content ul ul,
.view ol ol {
  margin-bottom: 0
}

.user-content li li {
  font-size: 1em
}

table {
  width: 100%;
  border: none;
  border-spacing: 0
}

table td,
table th {
  vertical-align: middle
}

.normal-form input[type=color],
.normal-form input[type=date],
.normal-form input[type=datetime-local],
.normal-form input[type=datetime],
.normal-form input[type=email],
.normal-form input[type=month],
.normal-form input[type=number],
.normal-form input[type=password],
.normal-form input[type=search],
.normal-form input[type=tel],
.normal-form input[type=text],
.normal-form input[type=time],
.normal-form input[type=url],
.normal-form input[type=week],
.normal-form select,
.normal-form textarea {
  -webkit-appearance: none
}

.normal-form input[type=color]:focus,
.normal-form input[type=date]:focus,
.normal-form input[type=datetime-local]:focus,
.normal-form input[type=datetime]:focus,
.normal-form input[type=email]:focus,
.normal-form input[type=month]:focus,
.normal-form input[type=number]:focus,
.normal-form input[type=password]:focus,
.normal-form input[type=search]:focus,
.normal-form input[type=tel]:focus,
.normal-form input[type=text]:focus,
.normal-form input[type=time]:focus,
.normal-form input[type=url]:focus,
.normal-form input[type=week]:focus,
.normal-form select:focus,
.normal-form textarea:focus {
  outline: none
}

/*! sanitize.css v7.0.3 | CC0 License | github.com/csstools/sanitize.css */
*,
:after,
:before {
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit
}

html {
  cursor: default;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.15;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  height: 0;
  overflow: visible
}

main {
  display: block
}

nav ol,
nav ul {
  list-style: none
}

pre {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Liberation Mono, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg {
  fill: currentColor
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
input,
select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

fieldset {
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical
}

[type=checkbox],
[type=radio] {
  padding: 0
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

details,
dialog {
  display: block
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

[hidden] {
  display: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled],
[disabled] {
  cursor: not-allowed
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute
}

.home .section-2 .text {
  margin-bottom: 30px
}

.voiceovers .promo-wrapper {
  display: none
}

.voiceovers .overflow {
  overflow: hidden
}

.voiceovers #page-header {
  position: absolute;
  width: 100%
}

.voiceovers #page-header .site-branding {
  background: #fff
}

@media only screen and (max-width:1024px) {
  .voiceovers #page-header .site-branding {
    background: none
  }
}

.voiceovers .section-5 .inner {
  position: relative;
  z-index: 3
}

.voiceovers .info-btn.profile {
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.visually-hidden {
  opacity: 0 !important;
  visibility: hidden !important
}

.voiceover-sort-wrap {
  position: relative;
  margin-bottom: 70px;
  z-index: 3
}

.voiceover-sort-wrap.type-2 form {
  margin-left: -40px
}

.voiceover-sort-wrap.type-2 .input-wrapper {
  margin-left: 40px
}

.voiceover-sort-wrap.type-2 .select-wrapper {
  min-width: 250px;
  margin-right: 0;
  margin-bottom: 40px
}

.voiceover-sort-wrap.type-2 .select-wrapper:last-of-type {
  margin-left: 40px
}

.voiceover-sort-wrap form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.voiceover-sort-wrap .input-wrapper {
  width: -webkit-calc(100% - 390px);
  width: calc(100% - 390px);
  max-width: 630px
}

.voiceover-sort-wrap .select-wrapper {
  width: 165px;
  margin-left: 40px;
  margin-right: 20px
}

.voiceover-sort-wrap .select-wrapper:last-of-type {
  margin: 0
}

.voiceover-sort-wrap input {
  width: 100%;
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  height: 80px;
  padding: 0 55px 0 80px;
  background-image: url(/img/icons/search-ico-grey.png);
  background-size: 30px;
  background-position: 35px 50%;
  background-repeat: no-repeat
}

.voiceover-sort-wrap input::-webkit-input-placeholder {
  color: #6b6b6c
}

.voiceover-sort-wrap input::-moz-placeholder {
  color: #6b6b6c
}

.voiceover-sort-wrap input:-ms-input-placeholder {
  color: #6b6b6c
}

.voiceover-sort-wrap input::-ms-input-placeholder {
  color: #6b6b6c
}

.voiceover-sort-wrap input::placeholder {
  color: #6b6b6c
}

.voiceover-sort-wrap select {
  display: none
}

.voiceover-sort-wrap .dk-select {
  position: relative;
  background-color: #ebebeb;
  border: none;
  width: 100%;
  padding: 24px 35px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #6b6b6c;
  font-family: Glegoo, serif;
  font-weight: 700;
  border-radius: 40px;
  min-height: auto;
  cursor: pointer;
  background-image: url(/img/icons/black-arrow-down.svg);
  background-size: 10px;
  background-position: 80% 50%;
  background-repeat: no-repeat
}

.voiceover-sort-wrap .dk-select .dk-selected {
  outline: none;
  color: #000;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

.voiceover-sort-wrap .dk-select .dk-selected.hidden-option {
  color: #6b6b6c;
  opacity: .5
}

.voiceover-sort-wrap .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  width: 200px;
  border-radius: 30px;
  background-color: #fff;
  padding: 35px 0;
  -webkit-box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  z-index: 15
}

.voiceover-sort-wrap .dk-select .dk-select-options li {
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  padding: 0 30px
}

.voiceover-sort-wrap .dk-select .dk-select-options li:hover {
  background-color: #ebebeb
}

.voiceover-sort-wrap .dk-select .dk-select-options .hidden-option {
  display: none
}

.voiceover-sort-wrap .dk-select.dk-select-open-down .dk-select-options {
  display: block;
  top: 130%
}

.voiceover-sort-wrap .dk-select.dk-select-open-up .dk-select-options {
  display: block;
  bottom: 130%
}

.voiceover-sort-wrap .voiceover-overflow-select .dk-select-options {
  padding: 0;
  height: 400px
}

.voiceover-sort-wrap .voiceover-overflow-select .dk-select-options .optiscroll-content {
  padding: 35px 0
}

.voiceover-sort-wrap.error-class .dk-select {
  border: 1px solid #d80000
}

.custom-dropdown-arrow-class {
  background-image: url(/img/icons/black-arrow-down.svg);
  background-size: 10px;
  background-position: 92% 50%;
  background-repeat: no-repeat
}

.section-6 .people-wrap.type-2 .info {
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px)
}

.section-6 .people-wrap.type-2 .info .info-btn {
  width: 20%
}

.section-6 .people-wrap.type-2 .info .info-btn.btn-disabled {
  opacity: .5 !important
}

.section-6 .people-wrap.type-2 .info .info-btn.btn-disabled span:after {
  display: none
}

.section-6 .people-wrap.type-2 .info .info-btn span {
  bottom: auto;
  top: 100px;
  font-size: 10px
}

.section-6 .people-wrap.type-2 .info.profile {
  left: 0
}

.section-6 .people-wrap.type-2 .info.listen {
  right: 0
}

.section-6 .people-wrap.type-2 .info.favorite {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.section-6 .people-wrap.type-2 .info .favorite-ico,
.section-6 .people-wrap.type-2 .info .listen-ico,
.section-6 .people-wrap.type-2 .info .profil-ico {
  width: 45px;
  height: 45px;
  background-size: 20px
}

.select-wrapper .multiselect {
  position: relative;
  height: 80px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #6b6b6c;
  font-family: Glegoo, serif;
  font-weight: 700;
  cursor: pointer
}

.select-wrapper .multiselect--active .multiselect__select {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.select-wrapper .multiselect__select {
  top: 50%;
  right: 8%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(/img/icons/black-arrow-down.svg);
  background-size: 10px;
  background-position: 50%;
  background-repeat: no-repeat
}

.select-wrapper .multiselect__select:before {
  display: none
}

.select-wrapper .multiselect__tags {
  height: 80px;
  border-radius: 40px !important;
  border: none;
  background: none;
  font-size: 18px;
  color: #6b6b6c;
  padding: 24px 35px;
  background-color: #ebebeb
}

.select-wrapper .multiselect__tags-wrap {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.select-wrapper .multiselect__tag {
  background: none;
  color: #6b6b6c;
  padding: 0;
  display: initial;
  margin: 0
}

.select-wrapper .multiselect__tag-icon {
  display: none
}

.select-wrapper .multiselect__placeholder {
  display: block
}

.select-wrapper .multiselect__placeholder,
.select-wrapper .multiselect__single {
  outline: none;
  color: #6b6b6c;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.select-wrapper .multiselect__single {
  font-size: 18px;
  line-height: inherit;
  background-color: transparent
}

.select-wrapper .multiselect__option {
  color: #6b6b6c
}

.select-wrapper .multiselect__option:after {
  display: none
}

.select-wrapper .multiselect__option--highlight,
.select-wrapper .multiselect__option--selected.multiselect__option--highlight {
  background-color: #ebebeb;
  color: #6b6b6c
}

.select-wrapper .multiselect__content-wrapper {
  border-radius: 30px;
  border: none;
  padding: 35px 0;
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44)
}

.programming .overflow {
  overflow: hidden
}

.programming .subpage-promo-wrapper .content h1 {
  max-width: 57%
}

.programming .section-5 .text-box .bg-shape {
  bottom: 50px
}

.programming .section-6 .people-wrap .inner-wrap {
  padding-top: 7px
}

.programming .section-6 .people-wrap .bg-shape.shape-1 {
  top: 36%
}

.programming .section-6 .people-wrap .bg-shape.shape-2 {
  -webkit-transform: translateY(-115%);
  transform: translateY(-115%)
}

.programming .section-6 .people-wrap .bg-shape.shape-3 {
  -webkit-transform: translate(-50%, 200%);
  transform: translate(-50%, 200%)
}

.programming .section-6 .people-wrap .bg-shape.shape-4 {
  -webkit-transform: translate(140%, 430%);
  transform: translate(140%, 430%)
}

.programming .section-4 .inner {
  background: #fff
}

.programming .section-4 .inner:before {
  display: none
}

.programming .section-6 .people-wrap .info .calendar-ico {
  background-image: url(/img/icons/benz-logo-box.png);
  background-color: transparent;
  background-size: 90%;
  width: 100%;
  border-radius: 0
}

.programming .section-6 .people-wrap .info .info-btn {
  max-width: 180px;
  width: 100%
}

.programming .section-6 .people-wrap .info .info-btn:after {
  display: none
}

.jingles .subpage-promo-wrapper {
  height: 23vw;
  max-height: 368px
}

.jingles .subpage-promo-wrapper .content h1 {
  font-size: 60px
}

@media only screen and (max-width:1920px) {
  .jingles .subpage-promo-wrapper .content h1 {
    font-size: 3.4vw;
    max-width: 65%
  }
}

@media only screen and (max-width:700px) {
  .jingles .subpage-promo-wrapper .content h1 {
    font-size: 26px
  }
}

.jingles .overflow {
  overflow: hidden
}

.jingles .section-5 .inner {
  position: relative;
  z-index: 2
}

.jingles .section-5 .inner .bg-shape {
  display: block;
  position: absolute;
  background-size: contain;
  background-position: 50%
}

.jingles .section-5 .inner .shape-1 {
  width: 130px;
  height: 130px;
  right: 7%;
  top: 30px
}

.jingles .section-5 .inner .shape-2 {
  width: 90px;
  height: 85px;
  right: 32%;
  bottom: 0
}

.jingles .section-5 .inner .shape-3 {
  width: 65px;
  height: 60px;
  right: 5%;
  top: 45px
}

.jingles .section-5 .inner .shape-4 {
  width: 85px;
  height: 75px;
  right: 45%;
  bottom: 45px
}

.jingles .section-5 .text-box {
  width: 90%
}

.jingles .section-5 .text-box p {
  margin-bottom: 40px
}

.jingles .section-5 .btn-wrap .btn-2 .btn-2-arrow {
  width: 23px;
  height: 14px;
  position: absolute;
  z-index: 10;
  left: 45px;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1)
}

.jingles .section-5 .btn-wrap .btn-2:after {
  display: none
}

.jingles .section-5 .btn-wrap .btn-2:hover .btn-2-arrow {
  -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
  transform: translate3d(-50%, 0, 0) rotate(180deg);
  opacity: 0
}

.jingles .section-5 .btn-wrap .btn-2:not(:first-child) {
  margin-left: 16px
}

.jingles .section-6 {
  padding-bottom: 257px
}

.jingles .section-6 .people-wrap .single-card {
  max-height: 410px;
  height: 17vw;
  -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
  transition: -webkit-transform .3s, -webkit-box-shadow .3s;
  -o-transition: transform .3s, box-shadow .3s;
  transition: transform .3s, box-shadow .3s;
  transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.jingles .section-6 .people-wrap .single-card:hover {
  opacity: 1;
  -webkit-box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .26);
  box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .26);
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.jingles .section-6 .people-wrap .single-card:hover .bg {
  opacity: 1;
  mix-blend-mode: normal
}

.jingles .section-6 .people-wrap .single-card:hover .name span {
  opacity: 1;
  -webkit-transform: unset;
  transform: unset
}

@media only screen and (min-width:2600px) {
  .jingles .section-6 .people-wrap .single-card {
    max-height: 600px
  }
}

.jingles .section-6 .people-wrap .single-img {
  background-color: #fff
}

.jingles .section-6 .people-wrap .single-img .bg {
  background-size: contain
}

.jingles .section-6 .people-wrap .name {
  bottom: 52px;
  font-size: 22px;
  line-height: 24px
}

.jingles .section-6 .people-wrap .name.color-1 span {
  color: #fff;
  background: #308cff
}

.jingles .section-6 .people-wrap .name.color-2 span {
  color: #fff;
  background: #9537af
}

.jingles .section-6 .people-wrap .bg-shape.shape-1 {
  top: 22%;
  -webkit-transform: translate(207%, -50%);
  transform: translate(207%, -50%)
}

.jingles .section-6 .people-wrap .bg-shape.shape-2 {
  right: -75px;
  -webkit-transform: translateY(-157%);
  transform: translateY(-157%)
}

.jingles .section-6 .people-wrap .bg-shape.shape-3 {
  left: auto;
  right: 10%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%)
}

.jingles .section-6 .people-wrap .bg-shape.shape-4 {
  width: 190px;
  height: 190px;
  top: 62%;
  left: 28%
}

.jingles .section-6 .people-wrap .bg-shape.shape-6 {
  width: 65px;
  height: 60px;
  bottom: -11%;
  left: 11%
}

.jingles .section-6 .people-wrap .bg-shape.shape-7 {
  width: 198px;
  height: 198px;
  bottom: -15%;
  left: 16%;
  z-index: 2
}

.jingles .section-6 .people-wrap .bg-shape.shape-8 {
  width: 75px;
  height: 75px;
  bottom: -6%;
  left: 60%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.jingles .section-6 .people-wrap .bg-shape.shape-9 {
  width: 248px;
  height: 248px;
  bottom: 13%;
  right: 15%
}

.jingles .section-4 .inner {
  background: #fff
}

.jingles .section-4 .inner:before {
  display: none
}

.jingles-wrap .section-6 .top-buttons-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.jingles-wrap .section-6 .btn-wrap .btn-2 .btn-2-arrow {
  position: absolute;
  width: 23px;
  height: 14px;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  left: 45px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  z-index: 10
}

.jingles-wrap .section-6 .btn-wrap .btn-2:after {
  display: none
}

.jingles-wrap .section-6 .btn-wrap .btn-2:hover .btn-2-arrow {
  -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
  transform: translate3d(-50%, 0, 0) rotate(180deg);
  opacity: 0
}

.jingles-wrap .section-6 .btn-wrap .btn-2:not(:first-child) {
  margin-left: 16px
}

.jingles-wrap .section-6 .select-wrapper {
  min-width: 280px
}

.jingles-wrap .section-6 .multiselect {
  height: 65px
}

.jingles-wrap .section-6 .multiselect__tags {
  height: unset;
  padding: 15px 45px 15px 35px
}

.jingles-wrap .section-6 .people-wrap .name {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  left: 20px
}

.jingles-wrap .section-6 .people-wrap .name span {
  width: 100%;
  text-align: center
}

.single-jingle.single-popup-page #page-footer,
.single-jingle.single-popup-page #page-header nav {
  display: block
}

.single-jingle .subpage-promo-wrapper {
  height: unset;
  background-color: #9537af;
  padding-left: 134px
}

.single-jingle .subpage-promo-wrapper .jingle-promo-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 12% 0 5%;
  margin-top: 140px
}

.single-jingle .subpage-promo-wrapper .jingle-promo-image-wrapper {
  width: 322px;
  height: 322px
}

@media only screen and (max-width:1600px) {
  .single-jingle .subpage-promo-wrapper .jingle-promo-image-wrapper {
    width: 240px;
    height: 240px
  }
}

@media only screen and (max-width:1200px) {
  .single-jingle .subpage-promo-wrapper .jingle-promo-image-wrapper {
    width: 180px;
    height: 180px
  }
}

@media only screen and (max-width:480px) {
  .single-jingle .subpage-promo-wrapper .jingle-promo-image-wrapper {
    width: 150px;
    height: 150px
  }
}

.single-jingle .subpage-promo-wrapper .jingle-promo-image-wrapper-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff
}

.single-jingle .subpage-promo-wrapper .jingle-promo-image-wrapper-inner img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: contain;
  object-fit: contain
}

.single-jingle .subpage-promo-wrapper .content {
  position: unset;
  width: -webkit-calc(100% - 322px);
  width: calc(100% - 322px);
  padding-left: 140px;
  margin-top: 40px;
  margin-bottom: 50px
}

.single-jingle .subpage-promo-wrapper .content h1 {
  font-size: 60px
}

@media only screen and (max-width:1920px) {
  .single-jingle .subpage-promo-wrapper .content h1 {
    font-size: 3.4vw;
    max-width: 65%
  }
}

@media only screen and (max-width:700px) {
  .single-jingle .subpage-promo-wrapper .content h1 {
    max-width: unset;
    font-size: 26px
  }
}

@media only screen and (max-width:480px) {
  .single-jingle .subpage-promo-wrapper .content h1 {
    font-size: 20px
  }
}

@media only screen and (max-width:1600px) {
  .single-jingle .subpage-promo-wrapper .content {
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px);
    padding-left: 60px
  }
}

@media only screen and (max-width:1200px) {
  .single-jingle .subpage-promo-wrapper .content {
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    margin-bottom: 40px
  }
}

@media only screen and (max-width:700px) {
  .single-jingle .subpage-promo-wrapper .content {
    padding-left: 40px
  }
}

@media only screen and (max-width:480px) {
  .single-jingle .subpage-promo-wrapper .content {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    padding-left: 20px
  }
}

.single-jingle .jingle-container {
  padding-left: 134px;
  margin-bottom: 100px
}

.single-jingle .jingle-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 60px 12% 55px 5%
}

.single-jingle .jingle-demo-outher {
  width: 322px
}

@media only screen and (max-width:1600px) {
  .single-jingle .jingle-demo-outher {
    width: 240px
  }
}

@media only screen and (max-width:1200px) {
  .single-jingle .jingle-demo-outher {
    width: 180px
  }
}

@media only screen and (max-width:480px) {
  .single-jingle .jingle-demo-outher {
    width: 150px
  }
}

.single-jingle .jingle-content-right {
  width: -webkit-calc(100% - 322px);
  width: calc(100% - 322px);
  padding-left: 140px
}

@media only screen and (max-width:1600px) {
  .single-jingle .jingle-content-right {
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px);
    padding-left: 60px
  }
}

@media only screen and (max-width:1200px) {
  .single-jingle .jingle-content-right {
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
    margin-bottom: 40px
  }
}

@media only screen and (max-width:480px) {
  .single-jingle .jingle-content-right {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px)
  }
}

.single-jingle .jingle-content-wrapper {
  margin-bottom: 50px
}

.single-jingle .brodcast-service h6 {
  font-size: 25px;
  letter-spacing: 0;
  color: #4848ff;
  font-weight: 800;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px
}

.single-jingle .brodcast-service p {
  font-size: 20px;
  letter-spacing: 0;
  font-family: Industry, sans-serif;
  font-weight: 800;
  margin-bottom: 0
}

.single-jingle .section-4 .inner {
  background: #fff
}

.single-jingle .section-4 .inner:before {
  display: none
}

.single-jingle .popup-shape-1 {
  position: absolute;
  width: 10vw;
  max-width: 200px;
  height: 10vw;
  max-height: 200px;
  top: -20px;
  right: 0
}

.single-jingle .popup-shape-2 {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -5px;
  left: 20px
}

@media only screen and (max-width:1400px) {
  .single-jingle .popup-shape-2 {
    display: none
  }
}

.single-jingle .popup-shape-3 {
  position: absolute;
  width: 6vw;
  max-width: 140px;
  min-width: 60px;
  height: 6vw;
  max-height: 140px;
  min-height: 60px;
  top: 60%;
  left: 0
}

.jingle-demo-box {
  display: block;
  width: 100%;
  padding: 50px;
  background-color: #6930c6;
  color: #fff
}

.jingle-demo-box:hover .btn-1:before {
  background-size: 100%
}

.jingle-demo-box.playing .btn-1:after {
  background-image: url(/img/svg/icon-pause.svg)
}

.jingle-demo-box .play-text h6 {
  font-size: 13px;
  letter-spacing: 1px
}

.jingle-demo-box .play-text h5,
.jingle-demo-box .play-text h6 {
  color: #fff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0
}

.jingle-demo-box .play-text h5 {
  font-size: 18px;
  letter-spacing: 2px
}

@media only screen and (max-width:1200px) {

  .jingle-demo-box .play-text h5,
  .jingle-demo-box .play-text h6 {
    font-size: 12px
  }
}

.jingle-demo-box .btn-1 {
  margin: 0 auto 90px;
  -webkit-box-shadow: 23px 26px 58px 0 rgba(0, 0, 0, .6);
  box-shadow: 23px 26px 58px 0 rgba(0, 0, 0, .6);
  cursor: pointer
}

.jingle-demo-box .btn-1:before {
  content: "";
  width: 190%;
  height: 190%;
  position: absolute;
  top: -30px;
  left: -31px;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
  -webkit-transition: background-size .5s;
  -o-transition: background-size .5s;
  transition: background-size .5s
}

.jingle-demo-box .btn-1:after {
  width: 26px;
  height: 22px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/img/svg/icon-play.svg);
  background-size: 26px
}

@media only screen and (max-width:1600px) {
  .jingle-demo-box {
    padding: 50px 20px 20px
  }

  .jingle-demo-box .btn-1 {
    margin-bottom: 50px
  }
}

.jingle-content-wrapper h5 {
  font-size: 25px;
  color: #000;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 700
}

.jingle-content-wrapper p {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
  color: #000;
  font-weight: 700
}

.jingle-content-wrapper p img {
  max-width: 100%;
  height: auto
}

.jingle-content-wrapper ul li {
  position: relative;
  padding-left: 30px
}

.jingle-content-wrapper ul li a {
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700
}

.jingle-content-wrapper ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  height: 21px;
  background-image: url(/img/icons/rainbow-triangle.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50%
}

.jingle-themes-container {
  padding: 60px 12% 55px 5%
}

.jingle-themes-wrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 56px;
  background-color: #6930c6
}

.jingle-themes-wrapper,
.jingle-themes-wrapper .jingle-theme-buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.jingle-themes-wrapper .jingle-theme-buttons-wrapper {
  width: -webkit-calc(30% + 30px);
  width: calc(30% + 30px);
  padding-top: 20px;
  margin-left: -30px
}

.jingle-themes-wrapper .jingle-theme-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  min-height: 100px;
  padding: 10px;
  margin-left: 30px;
  margin-bottom: 30px;
  background-color: #fff;
  color: #000;
  font-family: Industry, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: background-color .3s, color .3s;
  -o-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s
}

.jingle-themes-wrapper .jingle-theme-button.active,
.jingle-themes-wrapper .jingle-theme-button:hover {
  background-color: #9968ea;
  color: #fff
}

.jingle-themes-wrapper .jingle-theme-list-wrapper {
  width: 68%;
  padding-top: 38px;
  padding-left: 60px
}

.jingle-themes-wrapper .jingle-theme-list-wrapper-inner {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition: opacity .3s, visibility .3s;
  -o-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s
}

.jingle-themes-wrapper .jingle-theme-list-wrapper-inner.active,
.jingle-themes-wrapper .songs-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.jingle-themes-wrapper .songs-wrapper {
  width: 100%
}

.jingle-themes-wrapper .jingle-theme-title {
  width: 100%;
  text-align: center
}

.jingle-themes-wrapper .play-wrapper {
  min-width: 50%
}

.jingle-themes-wrapper .play-wrapper:not(:last-child) {
  padding-right: 20px
}

.jingle-themes-wrapper .play-wrapper .play-block:not(:last-child) {
  margin-bottom: 42px
}

.jingle-themes-wrapper .play-wrapper .play-block .play-text {
  position: relative
}

.jingle-themes-wrapper .play-wrapper .play-block .play-text h6 {
  color: #9968ea
}

.jingle-themes-wrapper .play-wrapper .play-block .play-text h5 {
  color: #fff
}

.jingle-themes-wrapper .jingle-theme-title {
  font-family: Industry, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px
}

@media only screen and (max-width:1600px) {
  .jingle-themes-wrapper {
    padding: 42px
  }

  .jingle-themes-wrapper .jingle-theme-buttons-wrapper {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    margin-left: -15px;
    margin-bottom: 40px
  }

  .jingle-themes-wrapper .jingle-theme-button {
    width: -webkit-calc(33.33333% - 15px);
    width: calc(33.33333% - 15px);
    margin-left: 15px;
    margin-bottom: 15px
  }

  .jingle-themes-wrapper .jingle-theme-list-wrapper {
    width: 100%;
    padding-top: 0;
    padding-left: 0
  }
}

@media only screen and (max-width:1200px) {
  .jingle-themes-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .jingle-themes-wrapper .jingle-theme-buttons-wrapper {
    width: -webkit-calc(100% + 15px);
    width: calc(100% + 15px);
    padding-top: 0;
    margin-bottom: 20px
  }

  .jingle-themes-wrapper .jingle-theme-list-wrapper {
    width: 100%;
    padding-left: 0
  }
}

@media only screen and (max-width:900px) {
  .jingle-themes-wrapper .songs-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .jingle-themes-wrapper .play-wrapper {
    width: 100%
  }

  .jingle-themes-wrapper .play-wrapper:not(:last-child) {
    padding-right: 0
  }

  .jingle-themes-wrapper .play-wrapper:not(:last-child) .play-block:last-child {
    margin-bottom: 42px
  }
}

@media only screen and (max-width:700px) {
  .jingle-themes-wrapper {
    padding: 30px
  }

  .jingle-themes-wrapper .jingle-theme-button {
    min-height: 70px
  }
}

@media only screen and (max-width:600px) {
  .jingle-themes-wrapper .jingle-theme-button {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px)
  }
}

@media only screen and (max-width:480px) {
  .jingle-themes-wrapper .jingle-theme-button {
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px)
  }
}

.media .section-8 {
  margin-bottom: 260px;
  background-size: cover
}

.media .overflow {
  overflow: hidden
}

.media .section-9 .container-1 {
  position: relative;
  z-index: 2
}

.imaging .section-4 .inner {
  background: #fff
}

.imaging .section-4 .inner:before {
  display: none
}

.imaging .section-4 .btn-wrap {
  text-align: center;
  padding-bottom: 100px
}

.contain-grid-img .bg {
  width: 80% !important;
  margin: auto;
  background-size: contain !important
}

.contain-grid-img .remove-hover-text {
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s
}

.contain-grid-img:hover .remove-hover-text {
  opacity: 0
}

.podcast .overflow {
  overflow: hidden
}

.podcast .section-11 {
  position: relative;
  padding-bottom: 250px;
  padding-left: 132px
}

.podcast .section-11 .podcast-shape {
  position: absolute
}

.podcast .section-11 .podcast-shape.ps-1 {
  top: 58px;
  left: 21%;
  width: 138px;
  height: 136px
}

.podcast .section-11 .podcast-shape.ps-2 {
  left: 44%;
  top: 87px;
  width: 55px;
  height: 53px
}

.podcast .section-11 .podcast-shape.ps-3 {
  bottom: 0;
  right: 30%;
  width: 198px;
  height: 193px
}

.podcast .section-11 .podcast-shape.ps-4 {
  bottom: 109px;
  right: 41%;
  width: 55px;
  height: 53px
}

.podcast .section-11 .podcast-shape.ps-5 {
  right: 22.5%;
  top: 50px;
  width: 248px;
  height: 250px
}

.podcast .section-11 .podcast-shape.ps-6 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -140px;
  width: 198px;
  height: 193px
}

.podcast .section-11 .podcast-shape.ps-7 {
  bottom: 15%;
  right: 5.4%;
  width: 65px;
  height: 67px
}

.podcast .section-11 .linear-shape {
  position: absolute;
  width: 315px;
  height: 315px;
  -webkit-box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  border-radius: 50%;
  bottom: 16%;
  left: 6%
}

.podcast .section-11 .bottom-content .btn-wrap {
  width: 100%;
  text-align: center;
  padding: 0 20px
}

.podcast .section-11 .top-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.podcast .section-11 .card {
  margin-bottom: 52px
}

.podcast .section-11 .grad-1 {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #300273), color-stop(65%, #4e1d8c), color-stop(80%, #7330a1), color-stop(87%, #863caa), color-stop(92%, #9644b2), color-stop(100%, #bc59c0), to(#883cab));
  background: -o-linear-gradient(top, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 100%);
  background: linear-gradient(180deg, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 0);
  bottom: -160px;
  left: -240px;
  width: 315px;
  height: 315px;
  border-radius: 50%;
  -webkit-box-shadow: 0 232px 191px rgba(0, 0, 0, .41);
  box-shadow: 0 232px 191px rgba(0, 0, 0, .41);
  z-index: 1
}

.podcast .section-12 {
  background-image: url(/img/bg/sign-bg.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative;
  padding: 133px 0 150px;
  overflow: hidden;
  margin-bottom: 160px
}

.podcast .section-12 .grad-2 {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#300273), color-stop(19%, #400a7e), color-stop(44%, #611b90), color-stop(59%, #77289a), color-stop(76%, #a441ae), color-stop(87%, #c46fc5), color-stop(95%, #deb2df), to(#fff));
  background: -o-linear-gradient(top, #300273 0, #400a7e 19%, #611b90 44%, #77289a 59%, #a441ae 76%, #c46fc5 87%, #deb2df 95%, #fff 100%);
  background: linear-gradient(180deg, #300273 0, #400a7e 19%, #611b90 44%, #77289a 59%, #a441ae 76%, #c46fc5 87%, #deb2df 95%, #fff);
  bottom: 27%;
  right: 11%;
  width: 155px;
  height: 155px;
  border-radius: 50%;
  -webkit-box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88)
}

.podcast .section-12 .form-shape {
  position: absolute;
  width: 250px;
  height: 250px
}

.podcast .section-12 .form-shape.fs-1 {
  top: 100px;
  right: -60px
}

.podcast .section-12 .form-shape.fs-2 {
  position: absolute;
  width: 250px;
  height: 250px;
  bottom: -69px;
  right: 15%
}

.podcast .section-12 .sign-up-wrapper {
  max-width: 1315px;
  margin: auto;
  padding: 0 20px;
  position: relative
}

.podcast .section-12 .sign-up-wrapper h2 {
  font-family: Industry, sans-serif;
  font-size: 60px;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 80px
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper {
  margin-bottom: 72px
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input {
  max-width: 1180px;
  width: 100%;
  background-color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  color: #000;
  font-weight: 700;
  border-radius: 50px;
  outline: none;
  border: none;
  height: 80px;
  margin-bottom: 17px;
  padding: 0 53px;
  font-family: Glegoo, serif
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input.error-class {
  border: 3px solid red
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input::-webkit-input-placeholder {
  color: #000
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input::-moz-placeholder {
  color: #000
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input:-ms-input-placeholder {
  color: #000
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input::-ms-input-placeholder {
  color: #000
}

.podcast .section-12 .sign-up-wrapper form .input-wrapper input::placeholder {
  color: #000
}

.podcast .section-12 .sign-up-wrapper form h4 {
  font-family: Industry, sans-serif;
  font-size: 36px;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 28px
}

.podcast .section-12 .sign-up-wrapper form .select-wrapper {
  margin-bottom: 65px
}

.podcast .section-12 .sign-up-wrapper form .select-wrapper .checkbox-wrapper {
  position: relative;
  padding-left: 62px;
  margin-bottom: 40px
}

.podcast .section-12 .sign-up-wrapper form .select-wrapper .checkbox-wrapper .styledCheckbox {
  position: absolute;
  width: 35px;
  height: 35px;
  top: -9px;
  left: 0;
  background-image: url(/img/icons/check-circle.png);
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transition: background-image .35s;
  -o-transition: background-image .35s;
  transition: background-image .35s
}

.podcast .section-12 .sign-up-wrapper form .select-wrapper .checkbox-wrapper .styledCheckbox.checked {
  background-image: url(/img/icons/check-checked.png)
}

.podcast .section-12 .sign-up-wrapper form .select-wrapper .checkbox-wrapper h5 {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 700
}

.podcast .section-6 .podcast-intro-text {
  max-width: 1000px
}

.podcast .section-6 .podcast-intro-text h4 {
  font-size: 60px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase
}

.podcast .section-6 .podcast-intro-text p {
  font-size: 27px;
  color: #000;
  font-weight: 700;
  line-height: 1.5
}

.podcast .section-6 .people-wrap .bg-shape.shape-1 {
  top: 80px;
  left: -60px
}

.podcast .section-6 .people-wrap .bg-shape.shape-3 {
  top: 20px;
  left: 42%;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.podcast .section-6 .people-wrap .bg-shape.shape-6 {
  left: -200px;
  width: 50px;
  height: 50px;
  bottom: 34%
}

.podcast .section-6 .people-wrap .bg-shape.shape-7 {
  width: 150px;
  height: 150px;
  left: -140px;
  bottom: 26%
}

.podcast .section-6 .people-wrap .bg-shape.shape-8 {
  width: 190px;
  height: 190px;
  top: 120px;
  right: -120px
}

.podcast .section-6 .people-wrap .bg-shape.shape-9 {
  left: -244px;
  width: 50px;
  height: 50px;
  top: 31%
}

.podcast .section-6 .people-wrap .bg-shape.bubble {
  top: 36%;
  left: -5%
}

.podcast .section-6 .people-wrap .single-card {
  width: -webkit-calc(25% - 46px);
  width: calc(25% - 46px);
  max-height: 403px;
  height: 19vw
}

.podcast .section-6 .people-wrap .single-card.contain {
  background-color: #fff
}

.podcast .section-6 .people-wrap .single-card.contain .single-img .bg {
  background-size: 80%
}

.podcast .section-6 .people-wrap .single-card.contain .single-img .overlay {
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s
}

.podcast .section-6 .people-wrap .single-card.contain:hover .single-img .overlay {
  opacity: 1
}

.podcast .section-6 .people-wrap .info .package-ico {
  background-image: url(/img/icons/connect-ico.png)
}

.podcast .section-6 .people-wrap .name.color-3 {
  color: #fff
}

.podcast .section-6 .people-wrap .name.color-3 span {
  background: #9537af
}

.podcast .section-7 .text-block:not(:last-child) {
  padding-bottom: 27px
}

.podcast .section-7 .text-wrap .video-block {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  max-height: 300px;
  height: 25vw;
  position: relative;
  -webkit-box-shadow: 1.396px 79.988px 30px rgba(175, 74, 179, .39);
  box-shadow: 1.396px 79.988px 30px rgba(175, 74, 179, .39)
}

.podcast .section-7 .text-wrap .video-block .overlay {
  background-color: #9537af;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: color
}

.podcast .section-7 .text-wrap .video-block .btn-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}

.podcast .section-7 .text-wrap .video-block .btn-1 p {
  font-size: 13px;
  letter-spacing: 1px;
  color: #fff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.podcast .section-7 .text-wrap .video-block .btn-1:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.podcast .section-7 .text-wrap .video-block .btn-1:before {
  content: "";
  width: 135px;
  height: 135px;
  position: absolute;
  top: -36px;
  left: -36px;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.podcast .section-7 .text-wrap .video-block .btn-1:hover:before {
  background-size: 100%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite
}

.podcast .section-7 .grid-wrap {
  background-position: 100%
}

.podcast-slider-wrapper {
  max-width: 680px;
  margin-left: -15px
}

.podcast-slider-wrapper .swiper-slide {
  padding: 0 30px 120px
}

.podcast-slider-pag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  margin-top: -80px;
  padding: 0 20px
}

.podcast-slider-pag .swiper-button-next,
.podcast-slider-pag .swiper-button-prev {
  position: relative;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
  width: 25px;
  height: 15px;
  background-size: 25px;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer
}

.podcast-slider-pag .swiper-button-prev {
  background-image: url(/img/icons/arrow-left-purple.png)
}

.podcast-slider-pag .swiper-button-next {
  background-image: url(/img/icons/arrow-right-purple.png)
}

.podcast-slider-pag .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: 0 16px
}

.podcast-slider-pag .swiper-pagination .swiper-pagination-bullet {
  width: 35px;
  height: 3px;
  margin: 0 8px;
  background-color: #dfccff;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  outline: none;
  opacity: 1;
  border-radius: 0
}

.podcast-slider-pag .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #6930c6
}

.podcast-btn {
  position: relative;
  font-size: 13px;
  letter-spacing: 1px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.podcast-btn .btn-1 {
  margin-right: 15px
}

.podcast-btn .btn-1:before {
  content: "";
  width: 190%;
  height: 190%;
  position: absolute;
  top: -29px;
  left: -31px;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
  -webkit-transition: background-size .5s;
  -o-transition: background-size .5s;
  transition: background-size .5s
}

.podcast-btn:hover .btn-1:before {
  background-size: 100%
}

.media-news .back-blog-btn:after {
  background-image: url(/img/icons/arrow-left.png)
}

.media-news .wide-inner-media-share {
  margin-top: 70px
}

.media-news .media-share-title {
  font-size: 25px;
  line-height: 1;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 15px
}

.media-news .media-share-icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.media-news .media-share-icon-wrapper .media-share-ico {
  display: block;
  width: 30px;
  height: 30px;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-right: 25px
}

.media-news .media-share-icon-wrapper .media-share-ico.insta {
  background-image: url(/img/icons/media-insta.png);
  background-size: 20px
}

.media-news .media-share-icon-wrapper .media-share-ico.face {
  background-image: url(/img/icons/media-face.png);
  background-size: 12px
}

.media-news .media-share-icon-wrapper .media-share-ico.sound-cloud {
  background-image: url(/img/icons/medi-cloud.png);
  background-size: 30px
}

.media-news .media-share-icon-wrapper .media-share-ico.linked {
  background-image: url(/img/icons/media-linked.png);
  background-size: 20px
}

.media-news .media-share-icon-wrapper .media-share-ico.twitter {
  background-image: url(/img/icons/media-twitter.png);
  background-size: 20px
}

.media-news .overflow {
  position: relative;
  overflow: hidden
}

.media-news .subpage-promo-wrapper .content h1 {
  font-size: 4vw;
  max-width: 53%
}

.media-news .media-news-main-wrapper {
  width: 100%;
  padding-left: 139px;
  padding-right: 20px;
  margin-bottom: 245px;
  margin-top: 110px
}

.media-news .media-news-main-wrapper .media-news-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.media-news .media-news-main-wrapper .media-news-content .media-col {
  width: 48%;
  position: relative
}

.media-news .media-news-main-wrapper .media-news-content .media-col .media-shape {
  position: absolute;
  top: -25px;
  right: -32px;
  width: 76px;
  height: 72px
}

.media-news .media-news-main-wrapper .media-news-content .media-col p {
  font-size: 25px;
  letter-spacing: 0;
  line-height: 35px;
  color: #000;
  font-weight: 700;
  margin-bottom: 60px
}

.media-news .media-news-main-wrapper .media-news-content .media-col p a {
  color: #4848ff
}

.media-news .media-news-main-wrapper .media-news-content .media-col p:last-of-type {
  margin-bottom: 55px
}

.media-news .media-news-main-wrapper .media-news-content .media-col p.light {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  color: #6b6b6b;
  font-weight: 700;
  margin-bottom: 10px
}

.media-news .media-news-main-wrapper .media-news-content .media-col p.opacity-p {
  color: #6b6b6b
}

.media-news .media-news-main-wrapper .media-news-content .media-col img {
  max-width: 100%;
  margin-bottom: 50px
}

.media-news .media-news-main-wrapper .media-news-content .media-col h4 {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 1.25;
  color: #000;
  font-weight: 700;
  margin-bottom: 115px
}

.media-news .media-news-main-wrapper .media-news-content .media-col .media-article {
  margin-bottom: 155px
}

.media-news .media-news-main-wrapper .media-news-content .media-col .media-article .light {
  margin-bottom: 30px
}

.media-news .media-news-main-wrapper .share-block-wrapper {
  max-width: 795px
}

.media-news .media-news-main-wrapper .share-block-wrapper,
.media-news .media-news-main-wrapper .share-block-wrapper .share-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block {
  width: 33.33333%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 2px solid #e1e1e1;
  padding: 17px 15px 17px 25px;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  margin-bottom: 20px
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block .share-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: 44px;
  background-repeat: no-repeat;
  background-position: 50%
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block .share-icon.linked-ico {
  background-image: url(/img/icons/linked-ico.png)
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block .share-icon.twitter-ico {
  background-image: url(/img/icons/twitter-ico.png)
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block .share-icon.face-ico {
  background-image: url(/img/icons/face-ico.png)
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block h6 {
  margin-bottom: 0;
  font-size: 25px;
  line-height: 40px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  padding-left: 20px
}

.media-news .media-news-main-wrapper .share-block-wrapper .share-block:hover {
  background-color: #ebebeb
}

.media-news .section-7 .inner {
  padding-bottom: 0
}

.media-news .section-7 .content {
  position: relative;
  overflow: hidden
}

.media-news .section-7 .text-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.media-news .section-7 .text-wrap:before {
  display: none
}

.media-news .section-7 .text-wrap .text-block {
  width: 47%;
  padding-top: 42px;
  margin-bottom: 60px
}

.media-news .section-7 .text-wrap .text-block p {
  font-weight: 800
}

.media-news .section-7 .text-wrap .text-block p.media-back-title {
  margin-bottom: 20px
}

.media-news .section-7 .text-wrap .text-block h6 {
  font-size: 18px;
  line-height: 30px;
  color: #000;
  font-weight: 700;
  padding-left: 10px;
  margin-bottom: 32px;
  max-width: 440px
}

.media-news .section-7 .text-wrap .text-pic {
  width: 52%;
  max-height: 655px;
  height: 35vw;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.media-news .section-7 .grid-wrap {
  position: absolute;
  top: auto;
  right: 0;
  height: 100%;
  width: 62%;
  bottom: -220px;
  background-position: 100% 100%
}

.media-news .media-news-user-content {
  max-width: 1175px;
  margin: auto auto 70px
}

.media-news .media-news-user-content.type-2 {
  margin: 0
}

.media-news .media-news-user-content h6 {
  font-size: 21px;
  letter-spacing: 0;
  color: #405eff;
  font-weight: 700;
  margin-bottom: 30px
}

.media-news .media-news-user-content h2 {
  font-size: 40px
}

.media-news .media-news-user-content h2,
.media-news .media-news-user-content h3 {
  letter-spacing: -1px;
  line-height: 50px;
  color: #000;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.25;
  font-family: Industry, sans-serif;
  margin-bottom: 20px
}

.media-news .media-news-user-content h3 {
  font-size: 35px
}

.media-news .media-news-user-content h4 {
  font-size: 30px
}

.media-news .media-news-user-content h4,
.media-news .media-news-user-content h5 {
  letter-spacing: -1px;
  color: #000;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.25;
  font-family: Industry, sans-serif;
  margin-bottom: 20px
}

.media-news .media-news-user-content h5 {
  font-size: 25px
}

.media-news .media-news-user-content p {
  font-size: 25px;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px
}

.media-news .media-news-user-content p a {
  color: #4848ff
}

.media-news .media-news-user-content p img {
  max-width: 100%;
  height: auto
}

.media-news .media-news-user-content ul li {
  position: relative;
  padding-left: 15px;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px
}

.media-news .media-news-user-content ul li:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #4848ff;
  border-radius: 50%
}

.media-news .media-news-user-content .play-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 900px;
  margin-bottom: 100px
}

.media-news .media-news-user-content .play-wrapper .play-block {
  width: -webkit-calc(50% - 61px);
  width: calc(50% - 61px);
  margin: 20px 30px
}

.media-news .media-news-wide-user-content {
  max-width: 1675px;
  margin: auto;
  text-align: center
}

.media-news .media-news-wide-user-content img {
  max-width: 100%;
  margin-bottom: 100px
}

.media-news .media-news-wide-user-content .wide-user-content-inner {
  max-width: 970px;
  text-align: left;
  margin: auto auto 40px
}

.media-news .media-news-wide-user-content h6 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  color: #000;
  font-weight: 700
}

.media-news .media-news-wide-user-content p {
  font-size: 21px;
  letter-spacing: 0;
  line-height: 30px;
  color: #6b6b6b;
  font-weight: 400;
  margin-bottom: 5px
}

.media-news .media-news-wide-user-content p strong {
  color: #000;
  font-weight: 400
}

.media-news .media-news-wide-user-content ul li {
  position: relative;
  padding-left: 15px;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 1.4;
  color: #6b6b6b;
  font-weight: 400;
  margin-bottom: 5px
}

.media-news .media-news-wide-user-content ul li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #4848ff;
  border-radius: 50%
}

.contact-us .overflow {
  position: relative;
  overflow: hidden
}

.contact-us .subpage-promo-wrapper {
  width: -webkit-calc(100% - 135px);
  width: calc(100% - 135px);
  margin-left: auto;
  overflow: hidden
}

.contact-us .subpage-promo-wrapper .content {
  padding-left: 90px
}

.contact-us .subpage-promo-wrapper .promo-bubble {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#300273), color-stop(68%, #470e82), color-stop(75%, #501287), color-stop(99%, #79299b));
  background: -o-linear-gradient(top, #300273 0, #470e82 68%, #501287 75%, #79299b 99%);
  background: linear-gradient(180deg, #300273 0, #470e82 68%, #501287 75%, #79299b 99%);
  width: 150px;
  height: 150px;
  top: -40px;
  left: 11%;
  z-index: 1;
  border-radius: 50%
}

.contact-us .subpage-promo-wrapper .content h1 {
  max-width: 730px
}

.contact-us .section-4 {
  overflow: hidden;
  padding-top: 395px;
  background-color: transparent;
  position: relative;
  background-image: url(/img/bg/bg-2.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.contact-us .section-4 .bubble {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #300273), color-stop(65%, #4e1d8c), color-stop(80%, #7330a1), color-stop(87%, #863caa), color-stop(92%, #9644b2), color-stop(100%, #bc59c0), to(#883cab));
  background: -o-linear-gradient(top, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 100%);
  background: linear-gradient(180deg, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 0);
  width: 420px;
  height: 420px;
  border-radius: 50%;
  position: absolute;
  top: 50px;
  right: -320px
}

.contact-us .section-4:after {
  content: "";
  display: block;
  position: absolute;
  width: 25%;
  height: -webkit-calc(100% - 395px);
  height: calc(100% - 395px);
  bottom: 0;
  left: 0;
  background-color: #6930c6
}

.contact-us .section-4 .inner:before {
  display: none
}

.contact-us .section-5 {
  padding-top: 170px;
  position: relative;
  margin-bottom: 130px
}

.contact-us .section-5 .container-1 {
  position: relative
}

.contact-us .section-5 .form-shape {
  position: absolute
}

.contact-us .section-5 .form-shape.form-shape-1 {
  top: 25%;
  right: 12%;
  width: 84px;
  height: 82px
}

.contact-us .section-5 .form-shape.form-shape-2 {
  width: 198px;
  height: 193px;
  right: -38px;
  bottom: 32%
}

.contact-us .section-5 .form-shape.form-shape-3 {
  width: 314px;
  height: 314px;
  right: -80px;
  top: 35px;
  -webkit-box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  border-radius: 50%
}

.contact-us .section-5 .form-shape.form-shape-4 {
  width: 138px;
  height: 136px;
  top: 0;
  right: 7%
}

.contact-us .section-5 .form-shape.form-shape-5 {
  width: 76px;
  height: 72px;
  right: 44%;
  top: 23%
}

.contact-us .section-5 .form-shape.form-shape-6 {
  width: 55px;
  height: 53px;
  right: 10%;
  bottom: 38%
}

.contact-us .section-5 .contact-content {
  max-width: 84%
}

.contact-us .section-5 .contact-content h2 {
  font-size: 60px;
  line-height: 1.1;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 80px
}

.contact-us .section-5 .contact-content form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.contact-us .section-5 .contact-content form .btn-2 {
  border-radius: 40px;
  outline: none
}

.contact-us .section-5 .contact-content form .input-wrapper {
  margin-bottom: 30px;
  width: 100%;
  position: relative
}

.contact-us .section-5 .contact-content form .input-wrapper input {
  width: 100%;
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #4848ff;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  height: 80px;
  padding: 0 55px
}

.contact-us .section-5 .contact-content form .input-wrapper input::-webkit-input-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper input::-moz-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper input:-ms-input-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper input::-ms-input-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper input::placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper.double-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 49%;
  margin-bottom: 0
}

.contact-us .section-5 .contact-content form .input-wrapper select {
  display: none
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select-ico {
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/img/icons/black-arrow-down.svg);
  width: 10px;
  height: 15px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 2;
  pointer-events: none
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select {
  width: 100%;
  position: relative;
  cursor: pointer
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-selected {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #e5e5e5;
  font-family: Glegoo, serif;
  outline: none;
  padding: 24px 75px 24px 35px
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-select-options {
  position: absolute;
  z-index: 40;
  width: 100%;
  left: 0;
  right: 0;
  display: none;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 0;
  -webkit-box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  height: 300px
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-select-options .hidden-option {
  display: none
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-select-options li {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
  color: #6b6b6c;
  padding: 0 40px;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-select-options li:hover {
  background-color: #ebebeb
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-select-options .optiscroll-content {
  padding: 50px 0 30px;
  overflow-x: hidden
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select.dk-select-open-down .dk-select-options {
  display: block;
  top: 130%
}

.contact-us .section-5 .contact-content form .input-wrapper .contact-select.dk-select-open-up .dk-select-options {
  display: block;
  bottom: auto
}

.contact-us .section-5 .contact-content form .input-wrapper textarea {
  width: 100%;
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  padding: 35px 55px;
  height: 370px;
  margin-bottom: 20px;
  resize: none;
  overflow-y: auto
}

.contact-us .section-5 .contact-content form .input-wrapper textarea::-webkit-input-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper textarea::-moz-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper textarea:-ms-input-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper textarea::-ms-input-placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper textarea::placeholder {
  color: #6b6b6c
}

.contact-us .section-5 .contact-content form .input-wrapper .error-text {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  color: #d80000;
  font-weight: 700;
  padding: 0 55px;
  pointer-events: none;
  display: none;
  margin-bottom: 0
}

.contact-us .section-5 .contact-content form .input-wrapper.error-class input,
.contact-us .section-5 .contact-content form .input-wrapper.error-class textarea {
  border: 1px solid red
}

.contact-us .section-5 .contact-content form .input-wrapper.error-class .error-text {
  display: block
}

.contact-us .section-5 .contact-content form .optiscroll-v {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  top: 30px !important;
  height: auto
}

.contact-us .section-5 .contact-content form .optiscroll-v .optiscroll-vtrack {
  width: 9px;
  opacity: 1;
  border-radius: 50px
}

.contact-us .section-5 .contact-content.location-content {
  border-top: 1px solid #c7c7c7;
  position: relative;
  padding-top: 80px
}

.contact-us .section-5 .contact-content.location-content h2 {
  color: #000
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text {
  width: 46%;
  margin-bottom: 50px
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text h6 {
  font-size: 18px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul {
  margin-bottom: 40px
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul li {
  font-size: 50px;
  letter-spacing: -1px;
  color: #a0a0a0;
  font-weight: 400;
  line-height: 1
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul li a {
  color: #a0a0a0
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul:last-of-type {
  margin-bottom: 0
}

.contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text:nth-child(2n) {
  width: 38%;
  padding-right: 0
}

.contact-us .section-5.location-wrapper {
  padding-top: 0;
  margin-bottom: 0
}

.contact-us .section-5.location-wrapper .location-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#300273), color-stop(19%, #400a7e), color-stop(44%, #611b90), color-stop(59%, #77289a), color-stop(76%, #a441ae), color-stop(87%, #c46fc5), color-stop(95%, #deb2df), to(#fff));
  background: -o-linear-gradient(top, #300273 0, #400a7e 19%, #611b90 44%, #77289a 59%, #a441ae 76%, #c46fc5 87%, #deb2df 95%, #fff 100%);
  background: linear-gradient(180deg, #300273 0, #400a7e 19%, #611b90 44%, #77289a 59%, #a441ae 76%, #c46fc5 87%, #deb2df 95%, #fff);
  width: 155px;
  height: 155px;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  right: 68px;
  -webkit-box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88)
}

.contact-us .section-5.location-wrapper .inner {
  padding-top: 0;
  padding-bottom: 152px
}

.contact-us .section-5.location-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 145px;
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: #6930c6
}

.contact-us .section-2 .bubble-wrap .bubble {
  left: auto;
  right: -242px;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.contact-us .section-2 .article-block {
  padding-top: 85px
}

.contact-us .section-2 .content-wrap {
  padding-top: 0
}

.contact-us .section-2 .inner h2 {
  padding-left: calc(5% + 134px)
}

.contact-us .section-2 .inner h6 {
  font-size: 34px;
  letter-spacing: -1px;
  color: #fff;
  font-weight: 700;
  padding-left: calc(5% + 134px);
  position: relative;
  z-index: 10
}

.contact-us .section-2 .inner .swiper-container .bg-wrap .bg {
  height: 435px
}

.contact-us .section-2 .inner .swiper-container .overlay {
  background-color: #fff;
  opacity: 1;
  border-radius: 5px
}

.contact-us .section-2 .inner .swiper-container .icon-wrap {
  padding: 35px 45px 10px
}

.contact-us .section-2 .inner .swiper-container .info-text {
  position: relative;
  text-align: left;
  padding-right: 50px;
  margin-bottom: 10px
}

.contact-us .section-2 .inner .swiper-container .info-text h3 {
  font-size: 36px;
  letter-spacing: -1px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 3px
}

.contact-us .section-2 .inner .swiper-container .info-text a {
  font-size: 24px;
  letter-spacing: 0;
  color: #bcbcbc;
  font-weight: 700;
  line-height: 1.1
}

.contact-us .section-2 .inner .swiper-container .info-text .insta-ico {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  height: 37px;
  background-size: 37px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/img/icons/instagram-color-ico.png)
}

.contact-us .section-2 .inner .swiper-container .slider-pic {
  width: 100%;
  height: 203px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
  margin-bottom: 15px
}

.contact-us .section-2 .inner .swiper-container .insta-text {
  position: relative;
  max-width: 100%
}

.form-custom-wrap .voiceover-detail.type-2 .voice-content {
  overflow: auto !important;
  height: auto !important
}

.form-custom-wrap .voiceover-detail.type-2 {
  position: relative !important
}

.form-custom-wrap .voice-content {
  width: 100% !important;
  padding: 0 !important
}

.form-custom-wrap .checkbox-wrapper {
  width: 100% !important
}

@media only screen and (min-width:701px) {
  .form-custom-wrap .double-input {
    width: 100% !important
  }

  .form-custom-wrap .double-input .input-wrapper-inner {
    width: 49% !important
  }
}

.blog .section-5 {
  margin-bottom: 70px
}

.blog .section-5 .text-box p {
  margin-bottom: 27px;
  position: relative
}

.blog .section-5 .text-box p .p-shape {
  position: absolute;
  width: 76px;
  width: 72px;
  bottom: -22%;
  right: 25%
}

.blog .section-3 {
  cursor: auto;
  margin-bottom: 40px
}

.blog .section-3 .container-1 {
  margin-bottom: 90px
}

.blog .section-3 .text.small {
  display: block;
  text-align: left;
  position: relative;
  padding: 30px 190px 30px 30px
}

.blog .section-3 .text.small .category-tag {
  position: absolute;
  top: 0;
  right: 30px;
  width: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 27px;
  color: #fff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  padding: 30px
}

.blog .section-3 .text.small .category-tag.purple {
  background-image: url(/img/icons/tag-purple.png)
}

.blog .section-3 .text.small .category-tag.blue {
  background-image: url(/img/icons/tag-blue.png)
}

.blog .section-3 .text.small h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 16px
}

.blog .section-3 .text.blue-color p {
  color: #4848ff
}

.blog .section-3 .grid-selection-wrapper {
  padding-left: calc(5% + 134px)
}

.blog .section-3 .grid-selection-wrapper input {
  font-size: 18px;
  letter-spacing: 1px;
  color: #a230c6;
  font-family: Glegoo, serif;
  font-weight: 700;
  max-width: 650px;
  width: 100%;
  height: 80px;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  padding: 0 30px 0 80px;
  background-image: url(/img/icons/search-ico-grey.png);
  background-size: 25px;
  background-position: 42px 50%;
  background-repeat: no-repeat;
  margin-bottom: 60px
}

.blog .section-3 .grid-selection-wrapper input::-webkit-input-placeholder {
  color: #6b6b6c
}

.blog .section-3 .grid-selection-wrapper input::-moz-placeholder {
  color: #6b6b6c
}

.blog .section-3 .grid-selection-wrapper input:-ms-input-placeholder {
  color: #6b6b6c
}

.blog .section-3 .grid-selection-wrapper input::-ms-input-placeholder {
  color: #6b6b6c
}

.blog .section-3 .grid-selection-wrapper input::placeholder {
  color: #6b6b6c
}

.blog .section-3 .grid-selection-wrapper .grid-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 115px
}

.blog .section-3 .grid-selection-wrapper .grid-selector li {
  position: relative;
  cursor: pointer;
  font-size: 34px;
  letter-spacing: -1px;
  line-height: 50px;
  color: #bfbfbf;
  font-weight: 700;
  padding-bottom: 7px;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s
}

.blog .section-3 .grid-selection-wrapper .grid-selector li:not(:first-child) {
  margin-left: 60px
}

.blog .section-3 .grid-selection-wrapper .grid-selector li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 8px;
  background-color: #79c1ff;
  -webkit-transition: width .5s;
  -o-transition: width .5s;
  transition: width .5s
}

.blog .section-3 .grid-selection-wrapper .grid-selector li:hover:after {
  width: 140%
}

.blog .section-3 .grid-selection-wrapper .grid-selector li.active {
  color: #a230c6
}

.blog .section-3 .grid-selection-wrapper .grid-selector li.active:after {
  width: 140%
}

.blog .section-7 {
  padding-top: 88px;
  background-color: transparent
}

.blog .section-7:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25%;
  height: -webkit-calc(100% - 90px);
  height: calc(100% - 90px);
  background-color: #6930c6;
  z-index: 1
}

.blog .section-7:after {
  content: "";
  width: 100%;
  height: -webkit-calc(100% + 90px + 28vw);
  height: calc(100% + 90px + 28vw);
  right: 0;
  bottom: 0;
  position: absolute;
  background: url(/img/bg/bg-2.jpg) no-repeat;
  background-size: cover;
  background-position: 50%
}

.blog .section-7 .container-1 {
  position: relative;
  z-index: 1
}

.blog .section-7 .inner {
  position: relative;
  background-color: transparent
}

.blog .section-7 .inner .content {
  position: relative
}

.libraries .overflow {
  position: relative;
  overflow: hidden
}

.libraries .section-5 {
  margin-bottom: 45px
}

.libraries .section-10 {
  z-index: 1
}

.libraries .section-10 .shape {
  position: absolute
}

.libraries .section-10 .shape.gradient-shape-1 {
  top: 217px;
  left: 35px;
  width: 314px;
  height: 314px;
  border-radius: 50%;
  -webkit-box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35)
}

.libraries .section-10 .shape.shape-1 {
  width: 248px;
  height: 250px;
  right: -40px;
  top: 36%
}

.libraries .section-10 .shape.shape-2 {
  width: 65px;
  height: 67px;
  right: 14%;
  top: 57.3%
}

.libraries .section-10 .shape.shape-3 {
  width: 248px;
  height: 250px;
  left: 50%;
  bottom: 28.7%
}

.libraries .section-10 .block {
  height: 315px;
  -webkit-box-shadow: 15.999px 28.862px 70px rgba(5, 16, 29, .48);
  box-shadow: 15.999px 28.862px 70px rgba(5, 16, 29, .48);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.libraries .section-10 .block .overlay {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #771a94
}

.libraries .section-10 .block .libraries-hover-text-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 20px;
  z-index: 10
}

.libraries .section-10 .block .hover-text {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  background-color: #8e20b1;
  border-radius: 50%;
  z-index: 2;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
  transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
  -o-transition: transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .2s
}

.libraries .section-10 .block .hover-text p {
  font-size: 13px;
  letter-spacing: 1px;
  color: #fff;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  right: -20px;
  opacity: 0;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .6s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .6s;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .6s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .6s;
  -o-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .6s, transform .5s cubic-bezier(.215, .61, .355, 1) .6s;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .6s, transform .5s cubic-bezier(.215, .61, .355, 1) .6s;
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .6s, transform .5s cubic-bezier(.215, .61, .355, 1) .6s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .6s;
  margin-bottom: 0
}

.libraries .section-10 .block .hover-text:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .4s;
  transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .4s;
  -o-transition: transform .5s cubic-bezier(.215, .61, .355, 1) .4s;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1) .4s;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1) .4s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .4s
}

.libraries .section-10 .block .hover-text:after {
  content: "";
  width: 180%;
  height: 180%;
  position: absolute;
  top: -27px;
  left: -26px;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite
}

.libraries .section-10 .block .hover-text.visit-text {
  left: auto;
  right: 50px
}

.libraries .section-10 .block:hover .bg-wrap .bg {
  opacity: .6;
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 3s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 3s cubic-bezier(.215, .61, .355, 1);
  -o-transition: transform 3s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform 3s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform 3s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 3s cubic-bezier(.215, .61, .355, 1)
}

.libraries .section-10 .block:hover .icon-wrap {
  opacity: 0;
  visibility: hidden
}

.libraries .section-10 .block:hover .overlay {
  opacity: 1
}

.libraries .section-10 .block:hover .hover-text {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1)
}

.libraries .section-10 .block:hover .hover-text p {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1
}

.libraries .section-10 .block:hover .hover-text:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.libraries .section-10 .bg-wrap {
  z-index: 1
}

.libraries .section-10 .bg-wrap .bg {
  background-position: 100%;
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 6s cubic-bezier(.215, .61, .355, 1);
  -o-transition: transform 6s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform 6s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform 6s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 6s cubic-bezier(.215, .61, .355, 1)
}

.libraries .section-10 .icon-wrap {
  -webkit-transition: opacity .5s, visibility .5s;
  -o-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s;
  z-index: 2
}

.libraries .section-10 .icon-wrap .img-wrap {
  top: 50%
}

.libraries .section-10 .icon-wrap .img-wrap .strip {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -31px;
  max-width: 286px;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  height: 30px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 24px;
  color: #fff;
  font-family: Industry, sans-serif;
  text-align: center;
  text-transform: uppercase
}

.libraries .section-10 .icon-wrap .img-wrap .strip.ac {
  background-image: url(/img/icons/AC.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.chr {
  background-image: url(/img/icons/Chr.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.classic-hits {
  background-image: url(/img/icons/ClassicHits.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.country {
  background-image: url(/img/icons/Country.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.hot-ac {
  background-image: url(/img/icons/HotAC.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.jack-fm {
  background-image: url(/img/icons/JackFM.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.rhythmic {
  background-image: url(/img/icons/Rhythmic.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.rock {
  background-image: url(/img/icons/Rock.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.adrenaline {
  background-image: url(/img/icons/Adrenaline.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.ambush {
  background-image: url(/img/icons/Ambush.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.glisten {
  background-image: url(/img/icons/Glisten.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.goldmine {
  background-image: url(/img/icons/Goldmine.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.horsepower {
  background-image: url(/img/icons/Horsepower.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.spark {
  background-image: url(/img/icons/Spark.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.turbulence {
  background-image: url(/img/icons/Turbulence.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.avalanche {
  background-image: url(/img/icons/Avalanche.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.clique {
  background-image: url(/img/icons/Clique.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.audioarchitecture {
  background-image: url(/img/icons/AudioArchitecture.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.christmas-in-a-box {
  background-image: url(/img/icons/Christmas-in-a-Box.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.cumulus-sound-solutions {
  background-image: url(/img/icons/Cumulus-Sound-Solutions.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.musiclibrary {
  background-image: url(/img/icons/MusicLibrary.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.news {
  background-image: url(/img/icons/News.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.podcast {
  background-image: url(/img/icons/Podcast.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.speaker-toyz {
  background-image: url(/img/icons/SpeakerToyz.png)
}

.libraries .section-10 .icon-wrap .img-wrap .strip.speaker-toyz-ac {
  background-image: url(/img/icons/SpeakerToyzAC.png)
}

.team .overflow {
  position: relative;
  overflow: hidden
}

.team .subpage-promo-wrapper .content h1 {
  max-width: 900px
}

.team .section-5 {
  margin-top: 25px;
  margin-bottom: 55px
}

.team .section-5 .inner {
  position: relative;
  z-index: 6
}

.team .section-5 .inner .text-box h4 {
  text-transform: uppercase;
  font-size: 36px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  margin-bottom: 20px
}

.team .section-5 .inner .text-box p {
  padding-left: 0
}

.team .section-5 .info-box {
  margin-top: 60px
}

.team .section-5 .info-box p {
  margin-bottom: 25px
}

.team .section-6 {
  margin-bottom: 175px;
  position: relative;
  z-index: 1
}

.team .section-6 .gallery-title {
  text-transform: uppercase;
  font-size: 36px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  margin-bottom: 15px
}

.team .section-6 .people-wrap .inner-wrap {
  padding-top: 0
}

@media only screen and (max-width:1920px) {
  .team .section-6 .people-wrap .info p {
    font-size: 1.4vw
  }
}

.team .section-6 .people-wrap .bg-shape.shape-1 {
  top: 22%
}

.team .section-6 .people-wrap .bg-shape.shape-2 {
  top: 66%
}

.team .section-6 .people-wrap .bg-shape.shape-3 {
  top: 63%
}

.team .section-6 .people-wrap .bg-shape.shape-5 {
  top: 62%
}

.team .section-6 .people-wrap .single-card {
  max-height: 410px
}

.team .section-6 .people-wrap .name {
  left: 15px;
  bottom: 50px
}

.team .section-6 .people-wrap .member-position {
  font-weight: 400
}

.team .section-6 .people-wrap .info {
  padding: 0;
  width: -webkit-calc(100% - 36px);
  width: calc(100% - 36px);
  height: -webkit-calc(100% - 36px);
  height: calc(100% - 36px)
}

.team .section-6 .people-wrap .info-btn.profile {
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.team .team-slider-wrapper {
  margin-bottom: 295px;
  position: relative
}

.team .team-slider-wrapper .swiper-container {
  overflow: visible
}

.team .team-slider-wrapper .swiper-container .swiper-slide {
  width: 100%;
  background-color: #fff;
  text-align: center;
  -webkit-transition: -webkit-box-shadow .5s;
  transition: -webkit-box-shadow .5s;
  -o-transition: box-shadow .5s;
  transition: box-shadow .5s;
  transition: box-shadow .5s, -webkit-box-shadow .5s;
  min-height: 535px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px
}

.team .team-slider-wrapper .swiper-container .swiper-slide.swiper-slide-active {
  -webkit-box-shadow: 0 40px 60px rgba(0, 0, 0, .25);
  box-shadow: 0 40px 60px rgba(0, 0, 0, .25)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content {
  max-width: 556px;
  margin: auto
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content p {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 1.35;
  color: #2e2e2e;
  font-weight: 700;
  text-align: center;
  margin-bottom: 34px
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip {
  display: block;
  width: 186px;
  height: 30px;
  background-position: 50%;
  background-size: 186px;
  background-repeat: no-repeat;
  font-size: 16px;
  color: #fff;
  font-family: Industry, sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding-top: 5px;
  margin: auto auto 7px
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.purple {
  background-image: url(/img/icons/purple-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.blue {
  background-image: url(/img/icons/blue-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.orange {
  background-image: url(/img/icons/orange-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.gold {
  background-image: url(/img/icons/gold-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.brown {
  background-image: url(/img/icons/brown-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.brownish {
  background-image: url(/img/icons/brownish-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.green {
  background-image: url(/img/icons/green-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content .strip.yellow {
  background-image: url(/img/icons/yellow-strip.png)
}

.team .team-slider-wrapper .swiper-container .swiper-slide .slide-content h6 {
  font-size: 16px;
  line-height: 1.3;
  color: #767676;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  max-width: 230px;
  margin: auto
}

.team .section-7 {
  background-color: transparent
}

.team .section-7 .grid-wrap {
  position: absolute;
  height: 65%;
  top: 15%;
  right: 0;
  background-position: 100%
}

.team .section-7 .container-1 {
  position: relative;
  z-index: 1
}

.team .section-7 .container-1 .inner {
  background-color: transparent
}

.team .section-7 .container-1 .inner .content .text-wrap {
  float: none;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 84px;
  position: relative;
  z-index: 1
}

.team .section-7 .container-1 .inner .content .text-wrap .text-block {
  width: 47%;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 85px;
  z-index: 1
}

.team .section-7 .container-1 .inner .content .text-wrap .text-block .text-grid {
  position: absolute;
  width: 50%;
  height: 80%;
  bottom: 0;
  right: -25px;
  background-size: contain;
  background-position: 100%;
  background-repeat: no-repeat;
  z-index: -1
}

.team .section-7 .container-1 .inner .content .text-wrap .text-block .small-title {
  margin-bottom: 17px;
  padding-left: 0
}

.team .section-7 .container-1 .inner .content .text-wrap .text-block .text-pic {
  width: 100%;
  max-height: 397px;
  height: 25vw;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-bottom: 10px
}

.team .section-7 .container-1 .inner .content .text-wrap .text-block p {
  margin-bottom: 30px;
  padding-left: 0
}

.team .section-7:before {
  top: 0;
  width: 25%;
  height: 100%;
  background-color: #6930c6;
  z-index: 1
}

.team .section-7:after,
.team .section-7:before {
  content: "";
  display: block;
  position: absolute;
  left: 0
}

.team .section-7:after {
  bottom: 0;
  width: 100%;
  height: 280%;
  background-image: url(/img/bg/blur-bg.png);
  background-size: cover;
  background-position: top
}

@media only screen and (max-width:1920px) {
  .team .section-7:after {
    height: 240%
  }
}

.team #team-app {
  position: relative;
  z-index: 10
}

@media screen and (max-width:1000px) {
  .page-template-tpl-affiliates .single-popup-back {
    top: 90px
  }

  .page-template-tpl-affiliates .affiliate-popup .popup-content .popup-inner .popup-header {
    padding: 115px 20px 35px
  }
}

.blog-post .container {
  position: relative
}

.blog-post .subpage-promo-wrapper .content h1 {
  font-size: 3vw;
  max-width: 900px
}

.blog-post .section-5 {
  margin-bottom: 140px
}

.blog-post .section-5 .inner {
  padding: 55px 95px 5px 0
}

.blog-post .section-5 .inner .date {
  font-size: 24px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700;
  margin-bottom: 58px
}

.blog-post .section-5 .inner .date span {
  font-size: 30px
}

.blog-post .section-5 .inner .blog-title {
  font-size: 35px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 35px
}

.blog-post .section-5 .text-box {
  width: 60%;
  position: relative
}

.blog-post .section-5 .text-box .text-shape {
  position: absolute;
  top: 5%;
  right: 10%;
  width: 76px;
  height: 72px
}

.blog-post .section-5 .text-box p {
  padding-left: 0;
  font-size: 25px
}

.blog-post .section-5 .text-box h6 {
  font-size: 25px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase
}

.blog-post .section-5 .text-box .text-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.blog-post .section-5 .text-box .text-socials .ico {
  display: block;
  width: 44px;
  height: 44px;
  background-size: 44px;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-right: 12px;
  margin-bottom: 12px
}

.blog-post .section-5 .text-box .text-socials .ico.linked-ico {
  background-image: url(/img/icons/linked-ico.png)
}

.blog-post .section-5 .text-box .text-socials .ico.twitter-ico {
  background-image: url(/img/icons/twitter-ico.png)
}

.blog-post .section-5 .text-box .text-socials .ico.face-ico {
  background-image: url(/img/icons/face-ico.png)
}

.blog-post .section-5 .text-box .text-socials .ico.insta-ico {
  background-image: url(/img/icons/insta-black.png)
}

.blog-post .section-5 .info-box {
  width: 40%
}

.blog-post .section-5 .info-box .play-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.blog-post .section-5 .info-box .play-wrapper .play-block {
  width: 48%;
  margin-bottom: 40px
}

.blog-post .section-5 .info-box .info-pic {
  max-width: 635px;
  width: 100%;
  max-height: 720px;
  height: 39vw;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative
}

.blog-post .section-5 .info-box .info-pic .play-btn {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 85px;
  height: 85px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-image: -o-linear-gradient(315deg, #df25fc 0, #9025fc 100%);
  background-image: linear-gradient(135deg, #df25fc, #9025fc)
}

.blog-post .section-5 .info-box .info-pic .play-btn:after {
  content: "";
  display: block;
  width: 28px;
  height: 38px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 40%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/img/icons/play-shape-2.png)
}

.blog-post .section-5 .info-box .info-pic.type-2 {
  max-height: 517px;
  height: 28vw
}

.blog-post .section-7 .grid-wrap {
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 50%;
  height: 100%
}

.blog-post .section-7 .inner {
  padding: 35px 0 60px 58px
}

.blog-post .section-7 .inner .text-wrap {
  width: 90%;
  float: none;
  position: relative;
  z-index: 1
}

.blog-post .section-7 .inner .text-wrap .text-block {
  width: 50%;
  float: right
}

.blog-post .section-7 .inner .text-wrap .text-block .small-title {
  color: #4848ff;
  margin-bottom: 0
}

.blog-post .section-7 .inner .text-wrap .text-block p {
  margin-bottom: 55px
}

.blog-post .section-7 .inner .text-wrap .text-block h6 {
  padding-left: 10px;
  font-size: 18px;
  line-height: 1.72;
  color: #000;
  font-weight: 700;
  margin-bottom: 55px
}

.blog-post .section-7 .inner .text-wrap .text-block .text-pic {
  max-height: 653px;
  height: 35vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.blog-post .section-7 .inner .text-wrap .text-block:not(:last-child) {
  width: 39%;
  float: left;
  margin-top: 45px
}

.blog-tags-wrapper {
  max-width: 1175px;
  margin: auto auto 30px
}

.blog-tags-title {
  font-size: 26px;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px
}

.blog-tag-item {
  display: inline-block;
  font-size: 20px;
  color: #6930c6;
  margin-right: 3px
}

.tag-filter-wrap {
  margin-bottom: 40px;
  padding-left: 134px
}

.tag-filter-wrap h6 {
  font-size: 34px;
  letter-spacing: -1px;
  line-height: 1.47;
  color: #bfbfbf;
  font-weight: 700
}

.tag-filter-wrap h6 span {
  color: #a230c6
}

.popup-outer,
.popup-outer-small {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden
}

.popup-outer-small {
  -webkit-transition: opacity .6s, visibility .6s, -webkit-transform .6s ease-out;
  transition: opacity .6s, visibility .6s, -webkit-transform .6s ease-out;
  -o-transition: transform .6s ease-out, opacity .6s, visibility .6s;
  transition: transform .6s ease-out, opacity .6s, visibility .6s;
  transition: transform .6s ease-out, opacity .6s, visibility .6s, -webkit-transform .6s ease-out;
  -webkit-transform: translate3d(-15%, 0, 0);
  transform: translate3d(-15%, 0, 0)
}

.popup-outer-small.open-popup {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: visible;
  opacity: 1
}

.footer-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0
}

.footer-popup .dummy-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 200
}

.footer-popup .dummy-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #771a94;
  opacity: .8
}

.footer-popup .name {
  color: #308cff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-right: 20px;
  max-width: 600px;
  position: relative
}

.footer-popup .name span {
  display: inline;
  background: #fff;
  padding: 2px 12px
}

.footer-popup .footer-popup-close {
  position: absolute;
  width: 60px;
  top: 30px;
  right: 40px;
  cursor: pointer;
  text-align: center;
  z-index: 10
}

.footer-popup .footer-popup-close .close-ico {
  display: block;
  width: 48px;
  height: 48px;
  margin: auto auto 5px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.footer-popup .footer-popup-close p {
  font-size: 13px;
  letter-spacing: 1px;
  color: #000;
  font-family: Industry, sans-serif;
  text-transform: uppercase
}

.footer-popup .footer-popup-close:hover .close-ico {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.footer-popup .popup-content {
  background-color: #fff;
  margin-left: 132px
}

.footer-popup .site-branding {
  position: fixed;
  width: 132px;
  height: 100%;
  z-index: 100;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

@media only screen and (min-width:1025px) {
  .footer-popup .site-branding {
    background: #fff
  }
}

.footer-popup .site-branding.scrolled {
  height: 79.2%
}

.footer-popup .site-branding.scrolled .social {
  bottom: 0
}

.footer-popup .site-logo {
  position: relative;
  display: block;
  width: 75px;
  height: 70px;
  margin: 43px auto auto;
  background: url(/img/icons/logo.png) no-repeat;
  background-size: contain;
  background-position: 50%
}

.footer-popup .logo-wrap {
  color: #000
}

.footer-popup .eye-wrap {
  width: 40px;
  position: absolute;
  top: 18px;
  left: 22px
}

.footer-popup .site-tagline {
  font-family: axiforma-regular, sans-serif;
  font-size: 25px;
  margin: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: 60px;
  line-height: 1;
  left: -5px
}

.footer-popup .site-tagline span {
  font-family: axiforma-black, sans-serif
}

.footer-popup .eyes {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center
}

.footer-popup .eye {
  position: relative;
  width: 20px;
  height: 15px;
  background: #fff;
  display: inline-block;
  border-radius: 50%
}

.footer-popup .ball {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease
}

.footer-popup .eye.second-eye {
  -webkit-transform-origin: 50%;
  -webkit-animation: blink 5s infinite
}

.footer-popup .social {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.footer-popup .social li {
  text-align: center;
  margin-bottom: 10px
}

.footer-popup .social a {
  display: inline-block;
  width: 40px;
  height: 40px
}

.footer-popup .social a.soundcloud {
  background: url(/img/icons/soundcloud-ico.svg) no-repeat;
  background-position: 50%;
  background-size: 30px
}

.footer-popup .social a.facebook {
  background: url(/img/icons/facebook-ico.svg) no-repeat;
  background-position: 50%;
  background-size: 11px
}

.footer-popup .social a.instagram {
  background: url(/img/icons/instagram-ico.svg) no-repeat;
  background-position: 50%;
  background-size: 20px
}

.affiliate-popup .popup-content .popup-inner {
  width: 80.5%
}

.affiliate-popup .popup-content .popup-inner .popup-header {
  background-color: #522b8f;
  padding: 35px 50px 35px 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 25px
}

.affiliate-popup .popup-content .popup-inner .popup-header .popup-shape {
  position: absolute;
  top: 10px;
  right: 9%;
  width: 65px;
  height: 67px
}

.affiliate-popup .popup-content .popup-inner .popup-logo-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.affiliate-popup .popup-content .popup-inner .popup-logo-wrapper .logo-block {
  width: 16.6666666%;
  padding: 20px 10px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: -webkit-filter .5s;
  transition: -webkit-filter .5s;
  -o-transition: filter .5s;
  transition: filter .5s;
  transition: filter .5s, -webkit-filter .5s
}

.affiliate-popup .popup-content .popup-inner .popup-logo-wrapper .logo-block img {
  max-width: 90%
}

.affiliate-popup .popup-content .popup-inner .popup-logo-wrapper .logo-block:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.voiceover-detail .popup-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  height: 100vh
}

.voiceover-detail .popup-content .voice-img-wrapper {
  position: relative;
  width: 36%;
  height: 100vh;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat
}

.voiceover-detail .popup-content .voice-img-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #771a94;
  opacity: 0
}

.voiceover-detail .popup-content .voice-img-wrapper .popup-shape {
  position: absolute
}

.voiceover-detail .popup-content .voice-img-wrapper .popup-shape.popup-shape-1 {
  left: 35%;
  top: 12%;
  width: 55px;
  height: 53px
}

.voiceover-detail .popup-content .voice-img-wrapper .popup-shape.popup-shape-2 {
  width: 65px;
  height: 67px;
  right: 11%;
  bottom: 31%
}

.voiceover-detail .popup-content .voice-img-wrapper .name {
  padding: 35px
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag {
  width: 50%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .pag-back {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: -webkit-transform .8s ease-in-out;
  -o-transition: transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
  transition: transform .8s ease-in-out, -webkit-transform .8s ease-in-out
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .overlay {
  opacity: .8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .pag-text {
  padding: 50px 20px 30px 60px;
  position: relative;
  width: 100%
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .pag-text .pag-ico {
  position: absolute;
  display: block;
  width: 25px;
  height: 14px;
  background-size: 25px;
  background-position: 50%;
  background-repeat: no-repeat
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .pag-text h6 {
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  opacity: .3;
  font-weight: 700
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .pag-text .name {
  font-family: Industry;
  font-size: 20px;
  padding: 0;
  color: #9537af
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.prev {
  text-align: right
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.prev .overlay {
  background-color: #a12fc5
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.prev .pag-text .pag-ico {
  bottom: 30px;
  left: 30px;
  background-image: url(/img/icons/arrow-left.png)
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.prev .pag-text .name {
  max-width: 100%
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.next {
  text-align: left
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.next .pag-text {
  padding: 50px 60px 30px 20px
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.next .pag-text .pag-ico {
  bottom: 30px;
  right: 30px;
  background-image: url(/img/icons/arrow-right.png)
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag.next .overlay {
  background-color: #6930c5
}

.voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag:hover .pag-back {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

.voiceover-detail .popup-content .voice-content {
  width: 64%;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 100px 90px 10px 60px;
  height: 100vh;
  overflow-y: auto
}

.voiceover-detail .popup-content .voice-content .voice-bio {
  width: -webkit-calc(65% - 70px);
  width: calc(65% - 70px)
}

.voiceover-detail .popup-content .voice-content .voice-bio h5 {
  font-size: 25px;
  color: #000;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 700
}

.voiceover-detail .popup-content .voice-content .voice-bio p {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
  color: #000;
  font-weight: 700
}

.voiceover-detail .popup-content .voice-content .voice-bio p img {
  max-width: 100%;
  height: auto
}

.voiceover-detail .popup-content .voice-content .voice-bio ul li {
  position: relative;
  padding-left: 30px
}

.voiceover-detail .popup-content .voice-content .voice-bio ul li a {
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700
}

.voiceover-detail .popup-content .voice-content .voice-bio ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  height: 21px;
  background-image: url(/img/icons/rainbow-triangle.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50%
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper {
  width: 35%;
  padding-top: 40px;
  position: relative;
  padding-bottom: 110px
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo {
  margin-bottom: 35px
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo h6 {
  font-size: 25px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  font-weight: 700
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo .arrow-text {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 700;
  background-image: url(/img/icons/blue-arrow.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 40px
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul li {
  position: relative;
  padding-left: 30px
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul li a {
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  height: 21px;
  background-image: url(/img/icons/rainbow-triangle.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50%
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 75px
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li {
  margin: 5px;
  padding-left: 0
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li:after {
  display: none;
  padding-left: 0
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li a:after {
  display: none
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico {
  display: block;
  width: 31px;
  height: 32px;
  background-size: 31px;
  background-repeat: no-repeat;
  background-position: 50%
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico.mail {
  background-image: url(/img/icons/mail-black-ico.png)
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico.cloud {
  background-image: url(/img/icons/soundcloud-black.png)
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico.linked-in {
  background-image: url(/img/icons/linked-ico-small.png)
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico.twitter {
  background-image: url(/img/icons/twitter-ico-small.png)
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico.face {
  background-image: url(/img/icons/face-ico-small.png)
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list li .social-ico.insta {
  background-image: url(/img/icons/insta-black-small.png)
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .btn-2 {
  position: absolute;
  bottom: 20px;
  right: 0
}

.voiceover-detail .popup-content .voice-content .voice-demo-wrapper .btn-2 span {
  font-size: 14px;
  padding: 24px 29px 24px 83px
}

.voiceover-detail.type-2 .voice-img-wrapper {
  height: 100vh
}

.voiceover-detail.type-2 .name {
  max-width: unset;
  position: absolute;
  padding: 0 !important;
  bottom: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 65px;
  color: #a230c6;
  line-height: 1.1
}

@media only screen and (max-width:1920px) {
  .voiceover-detail.type-2 .name {
    font-size: 3.4vw
  }
}

.voiceover-detail.type-2 .voice-content {
  display: block;
  margin-left: 0;
  width: 64%;
  height: 100vh;
  overflow-y: auto
}

.voiceover-detail.type-2 .voice-content h3 {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.2;
  color: #000;
  font-weight: 700;
  margin-bottom: 55px
}

.voiceover-detail.type-2 .voice-content h3 span.color-1 {
  position: relative;
  display: inline;
  background: url(/img/icons/shape-10.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.voiceover-detail.type-2 .voice-content h3 span.color-2 {
  position: relative;
  display: inline;
  background: url(/img/icons/shape-11.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat;
  background-repeat-x: repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.voiceover-detail.type-2 .voice-content form {
  width: 100%;
  margin-bottom: 40px
}

.voiceover-detail.type-2 .voice-content form h5 {
  font-size: 25px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 18px
}

.voiceover-detail.type-2 .voice-content form .input-wrapper textarea {
  width: 100%;
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 30px;
  background-color: #e5e5e5;
  outline: none;
  padding: 15px 35px;
  height: 200px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 25px;
  resize: none
}

.voiceover-detail.type-2 .voice-content form .input-wrapper textarea::-webkit-input-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper textarea::-moz-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper textarea:-ms-input-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper textarea::-ms-input-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper textarea::placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input {
  width: 100%;
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #e5e5e5;
  outline: none;
  height: 60px;
  padding: 0 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input.inputfile {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input.inputfile+label {
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #6b6b6c;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  padding: 14px 55px;
  display: block;
  overflow: hidden
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input.drop-input {
  background-image: url(/img/icons/black-arrow-down.svg);
  background-size: 10px;
  background-position: 94% 50%;
  background-repeat: no-repeat;
  padding: 0 55px 0 35px
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input::-webkit-input-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input::-moz-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input:-ms-input-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input::-ms-input-placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper input::placeholder {
  color: #6b6b6c
}

.voiceover-detail.type-2 .voice-content form .input-wrapper.double-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.voiceover-detail.type-2 .voice-content form .input-wrapper.double-input .input-wrapper-inner {
  width: 49%;
  position: relative;
  margin-bottom: 25px
}

.voiceover-detail.type-2 .voice-content form .input-wrapper.double-input .input-wrapper-inner .req-field {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 12px;
  letter-spacing: 1px;
  color: #d80000;
  font-weight: 700;
  padding: 0 35px;
  pointer-events: none;
  display: none
}

.voiceover-detail.type-2 .voice-content form .input-wrapper.double-input .input-wrapper-inner .req-field .warning-ico {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/img/icons/error-warning-fill.png);
  background-size: 20px;
  background-position: 50%;
  background-repeat: no-repeat
}

.voiceover-detail.type-2 .voice-content form .input-wrapper.double-input .input-wrapper-inner.error-class .req-field {
  display: block
}

.voiceover-detail.type-2 .voice-content form .input-wrapper.error-class .document-text,
.voiceover-detail.type-2 .voice-content form .input-wrapper.error-class textarea {
  border: 2px solid red
}

.voiceover-detail.type-2 .voice-content form .checkbox-wrapper {
  position: relative;
  padding-left: 55px;
  margin-bottom: 45px;
  margin-top: 30px
}

.voiceover-detail.type-2 .voice-content form .checkbox-wrapper .styledCheckbox {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: -5px;
  left: 0;
  background-color: #ebebeb;
  -webkit-transition: background-image .5s;
  -o-transition: background-image .5s;
  transition: background-image .5s
}

.voiceover-detail.type-2 .voice-content form .checkbox-wrapper .styledCheckbox.checked {
  background-image: url(/img/icons/check-checked.png)
}

.voiceover-detail.type-2 .voice-content form .checkbox-wrapper p {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3
}

.voiceover-detail.type-2 .voice-content form .checkbox-wrapper p a {
  color: #000;
  text-transform: uppercase
}

.voiceover-detail.type-2 .voice-content form .checkbox-wrapper p span.color-2 {
  text-transform: uppercase;
  position: relative;
  display: inline;
  background: url(/img/icons/shape-11.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat;
  background-repeat-x: repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.voiceover-detail.type-3 .footer-popup-close {
  position: fixed
}

.voiceover-detail.type-3 .popup-content {
  height: auto;
  overflow-y: visible
}

.voiceover-detail.type-3 .popup-content .voice-img-wrapper {
  background-color: #e7e7e7;
  background-size: contain;
  background-position: 50%;
  height: 100vh
}

.voiceover-detail.type-3 .popup-content .voice-img-wrapper .popup-shape.popup-shape-1 {
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.voiceover-detail.type-3 .popup-content .voice-img-wrapper .popup-shape.popup-shape-2 {
  right: 35%;
  bottom: 10%
}

.voiceover-detail.type-3 .popup-content .voice-img-wrapper .popup-shape.popup-shape-3 {
  top: 0;
  right: -15px
}

.voiceover-detail.type-3 .popup-content .voice-img-wrapper .name span {
  background-color: #a230c6;
  color: #fff
}

.voiceover-detail.type-3 .popup-content .voice-content {
  padding-top: 60px;
  display: block;
  height: 100vh;
  overflow-y: auto
}

.voiceover-detail.type-3 .popup-content .voice-content .voice-bio {
  width: 80%;
  margin-bottom: 45px
}

.voiceover-detail.type-3 .popup-content .voice-content .brodcast-service {
  margin-bottom: 95px
}

.voiceover-detail.type-3 .popup-content .voice-content .brodcast-service h6 {
  font-size: 25px;
  letter-spacing: 0;
  color: #4848ff;
  font-weight: 800;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px
}

.voiceover-detail.type-3 .popup-content .voice-content .brodcast-service p {
  font-size: 20px;
  letter-spacing: 0;
  font-family: Industry, sans-serif;
  font-weight: 800;
  margin-bottom: 0
}

.voiceover-detail.type-3 .popup-content .voice-content .package-wrapper h4 {
  font-size: 25px;
  letter-spacing: 0;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 65px
}

.voiceover-detail.type-3 .popup-content .voice-content .package-wrapper .play-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px
}

.voiceover-detail.type-3 .popup-content .voice-content .package-wrapper .play-wrapper .play-block {
  width: 33.3333333%;
  padding-right: 30px;
  margin-bottom: 100px
}

.voiceover-detail.type-4 .popup-content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.voiceover-detail.type-4 .popup-content .programming-popup {
  width: 36%;
  position: relative;
  height: 100vh
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-shape {
  position: absolute
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-shape.popup-shape-2 {
  width: 55px;
  height: 53px;
  bottom: 20px;
  right: 30%
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper {
  background-color: #e7e7e7;
  position: relative;
  padding: 35px;
  height: 100%
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .popup-shape {
  position: absolute
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .popup-shape.popup-shape-1 {
  width: 55px;
  height: 53px;
  bottom: 14%;
  left: 12%
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .popup-shape.popup-shape-2 {
  width: 65px;
  height: 63px;
  top: 0;
  right: -15px
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .name {
  margin-bottom: 175px
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .name span {
  background-color: #a230c6;
  color: #fff
}

.voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .programming-img {
  width: 100%;
  padding: 0 20px;
  max-height: 206px;
  height: 20vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-bottom: 352px
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card-wrapper {
  margin-top: -260px;
  margin-bottom: 120px;
  padding: 0 20px
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card {
  max-width: 390px;
  width: 100%;
  padding: 35px 35px 40px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 15.999px 28.862px 46px rgba(5, 16, 29, .19);
  box-shadow: 15.999px 28.862px 46px rgba(5, 16, 29, .19);
  text-align: center;
  margin: auto auto 50px;
  position: relative;
  z-index: 1
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card .card-tag {
  background-image: url(/img/icons/shape-7.png);
  font-size: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  margin-bottom: 25px
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card p {
  font-size: 18px;
  line-height: 1.67;
  font-weight: 700;
  margin-bottom: 48px
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card .price {
  display: inline-block;
  font-size: 109px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  margin-bottom: -25px
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card .price:before {
  content: "$";
  display: block;
  position: absolute;
  top: 13%;
  left: -35px;
  font-size: 40px
}

.voiceover-detail.type-4 .popup-content .programming-popup .popup-card h6 {
  font-size: 36px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 74px;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.voiceover-detail.type-4 .popup-content .voice-content {
  max-height: unset;
  overflow-y: auto;
  margin-left: 0;
  display: block;
  height: 100vh
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio {
  width: 70%;
  margin-bottom: 45px
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio .text-color-1 {
  color: #4848ff
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul {
  padding-left: 55px;
  margin-bottom: 30px
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul li {
  position: relative;
  padding-left: 27px;
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 14px
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul li a {
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul li.normal-item:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #9537af;
  top: 8px
}

.voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul li:before {
  content: "";
  display: block;
  width: 16px;
  height: 21px;
  background-image: url(/img/icons/rainbow-triangle.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: 0
}

.voiceover-detail.type-4 .popup-content .voice-content .package-wrapper {
  padding-right: 280px;
  position: relative;
  margin-top: 55px
}

.voiceover-detail.type-4 .popup-content .voice-content .package-wrapper h4 {
  font-size: 25px;
  letter-spacing: 0;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 50px
}

.voiceover-detail.type-4 .popup-content .voice-content .package-wrapper .play-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.voiceover-detail.type-4 .popup-content .voice-content .package-wrapper .play-wrapper .play-block {
  width: 50%;
  padding-right: 20px;
  margin-bottom: 50px
}

.voiceover-detail.type-4 .popup-content .voice-content .package-wrapper .floating-popup-box {
  position: absolute;
  top: 0;
  right: 0
}

.voiceover-detail.type-4 .popup-content .voice-content .package-wrapper .floating-popup-box h5 {
  font-size: 25px;
  letter-spacing: 0;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px
}

.voiceover-detail.terms .popup-content {
  display: block;
  padding-right: 140px;
  padding-top: 100px;
  height: auto
}

.voiceover-detail.terms .popup-content h2 {
  font-size: 25px;
  line-height: 40px;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 40px
}

.voiceover-detail.terms .popup-content p {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 35px
}

.voiceover-detail.terms .popup-content p a {
  color: #4848ff
}

.voiceover-detail.terms .popup-content ul {
  margin-top: 75px
}

.voiceover-detail.terms .popup-content ul li {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 90px;
  position: relative
}

.voiceover-detail.terms .popup-content ul li small {
  position: absolute;
  top: -5px;
  left: 0;
  font-size: 20px;
  font-weight: 700
}

.voiceover-detail.terms .popup-content ul li h6 {
  text-transform: uppercase;
  font-family: Industry, sans-serif;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 0
}

.voiceover-detail.terms .popup-content ul li p {
  margin-bottom: 40px
}

.voiceover-detail.terms .popup-content ul li p a {
  color: #4848ff
}

.popup-outer-small {
  background-color: #fff
}

.popup-outer-small,
.popup-outer-small .footer-popup {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.privacy-policy .popup-content {
  display: block;
  padding-right: 140px;
  padding-top: 100px;
  padding-bottom: 80px;
  height: auto
}

.privacy-policy .popup-content h2 {
  font-size: 25px;
  line-height: 1.2;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 40px
}

.privacy-policy .popup-content p {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 35px
}

.privacy-policy .popup-content p a {
  color: #4848ff
}

.privacy-policy .popup-content ol {
  margin-top: 75px;
  list-style-type: decimal;
  padding-left: 20px
}

.privacy-policy .popup-content ol li {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
  position: relative;
  font-family: Industry, sans-serif
}

.privacy-policy .popup-content ol li h6 {
  text-transform: uppercase;
  font-family: Industry, sans-serif;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 0
}

.privacy-policy .popup-content ol li p {
  margin-bottom: 40px;
  font-weight: 700;
  font-family: Glegoo, serif
}

.privacy-policy .popup-content ol li p a {
  color: #4848ff
}

.privacy-policy .popup-content ol li ul li {
  padding-left: 50px;
  position: relative
}

.privacy-policy .popup-content ol li ul li small {
  position: absolute;
  top: -5px;
  left: -20px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Glegoo, serif
}

.privacy-policy .popup-content ol li ul li ul {
  list-style-type: disc;
  padding-left: 20px
}

.privacy-policy .popup-content ol li ul li ul li {
  padding-left: 20px
}

.privacy-policy .popup-content ol li ul li ul li ul li h6 {
  font-family: Glegoo, serif;
  text-transform: uppercase
}

.request-demo-input-select select {
  display: none
}

.request-demo-input-select .request-demo-select {
  width: 100%;
  position: relative;
  cursor: pointer
}

.request-demo-input-select .request-demo-select .dk-selected {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #e5e5e5;
  font-family: Glegoo, serif;
  outline: none;
  background-image: url(/img/icons/black-arrow-down.svg);
  background-size: 10px;
  background-position: 94% 50%;
  background-repeat: no-repeat;
  padding: 14px 55px 14px 35px
}

.request-demo-input-select .request-demo-select .dk-select-options {
  position: absolute;
  z-index: 40;
  width: 100%;
  left: 0;
  right: 0;
  display: none;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 0;
  -webkit-box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  height: 500px
}

.request-demo-input-select .request-demo-select .dk-select-options .hidden-option {
  display: none
}

.request-demo-input-select .request-demo-select .dk-select-options li {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
  color: #6b6b6c;
  padding: 0 40px;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s
}

.request-demo-input-select .request-demo-select .dk-select-options li:hover {
  background-color: #ebebeb
}

.request-demo-input-select .request-demo-select .dk-select-options .optiscroll-content {
  padding: 30px 0;
  overflow-x: hidden
}

.request-demo-input-select .request-demo-select.dk-select-open-down .dk-select-options {
  display: block;
  top: 130%
}

.request-demo-input-select .request-demo-select.dk-select-open-up .dk-select-options {
  display: block;
  bottom: auto
}

.optiscroll-v {
  height: 90%;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.optiscroll-v .optiscroll-vtrack {
  width: 9px;
  opacity: 1;
  border-radius: 50px
}

.contact-msg-wrapper {
  padding: 160px 20px 50px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff
}

.contact-msg-wrapper .contact-msg-shape {
  position: absolute;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: -1
}

.contact-msg-wrapper .contact-msg-shape.shape-1 {
  background-image: url(/img/icons/shape-13.png);
  width: 128px;
  height: 128px;
  bottom: 35%;
  right: 1%
}

.contact-msg-wrapper .contact-msg-shape.shape-2 {
  background-image: url(/img/icons/shape-17.svg);
  width: 85px;
  height: 85px;
  bottom: 9%;
  right: 7%
}

.contact-msg-wrapper .contact-msg-shape.shape-3 {
  background-image: url(/img/icons/shape-2.png);
  width: 112px;
  height: 108px;
  top: 57%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.contact-msg-logo {
  position: absolute;
  top: 70px;
  left: 90px;
  width: 74px;
  height: 70px;
  display: block
}

.contact-msg-logo img {
  max-width: 100%
}

.contact-msg-inner {
  text-align: center;
  max-width: 1017px;
  width: 100%
}

.contact-msg-inner .btn-2 span {
  padding: 23px 68px !important
}

.contact-msg-inner .btn-2:after {
  display: none
}

.contact-msg-inner .btn-2:hover span {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.contact-msg-img {
  position: relative;
  max-width: 233px;
  margin: auto auto 120px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 29.998px 120.317px 46px rgba(0, 0, 0, .25);
  box-shadow: 29.998px 120.317px 46px rgba(0, 0, 0, .25)
}

.contact-msg-img .contact-msg-check-ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 85px;
  height: 64px;
  background-image: url(/img/icons/check-icon.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.contact-msg-img img {
  max-width: 100%;
  height: auto
}

.ty-msg-title {
  font-size: 65px;
  color: #a230c6;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 70px
}

.ty-msg-text {
  max-width: 675px;
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.2;
  color: #000;
  font-family: Glegoo, serif;
  font-weight: 700;
  margin: auto auto 90px
}

.single-program .voiceover-detail .popup-content .voice-content {
  padding: 100px 90px 40px 60px
}

.login-form-wrapper {
  position: fixed !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 20px;
  padding-left: 20px !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
  background-image: url(/img/bg/color-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.login-form-wrapper .login-form-wrapper-inner {
  max-width: 600px;
  width: 100%
}

.login-form-wrapper .login-form-wrapper-inner .site-logo {
  position: relative;
  display: block;
  width: 75px;
  height: 70px;
  background: url(/img/icons/logo.png) no-repeat;
  background-size: contain;
  background-position: 50%;
  margin: 43px auto 20px
}

.login-form-wrapper .login-form-wrapper-inner .eye-wrap {
  width: 40px;
  position: absolute;
  top: 18px;
  left: 22px
}

.login-form-wrapper .login-form-wrapper-inner .eyes {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center
}

.login-form-wrapper .login-form-wrapper-inner .eye {
  position: relative;
  width: 20px;
  height: 15px;
  background: #fff;
  display: inline-block;
  border-radius: 50%
}

.login-form-wrapper .login-form-wrapper-inner .ball {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease
}

.login-form-wrapper .login-form-wrapper-inner .eye.second-eye {
  -webkit-transform-origin: 50%;
  -webkit-animation: blink 5s infinite
}

.login-form-wrapper .post-password-form {
  text-align: center
}

.login-form-wrapper .post-password-form input[type=password] {
  width: 100%;
  height: 60px;
  border-radius: 50px;
  background-color: #fff;
  color: #000;
  font-size: 55px;
  font-family: Glegoo, serif;
  border: none;
  outline: none;
  padding: 0 55px;
  text-align: center;
  margin: 20px 0 25px
}

.login-form-wrapper .post-password-form input[type=submit] {
  border-radius: 40px;
  display: inline-block;
  background-color: #4848ff;
  border: none;
  outline: none;
  text-align: center;
  color: #fff;
  padding: 24px;
  cursor: pointer;
  font-family: Industry, sans-serif;
  max-width: 210px;
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s
}

.login-form-wrapper .post-password-form input[type=submit]:hover {
  background-color: #9537af
}

.login-form-wrapper .post-password-form p {
  color: #fff;
  font-family: Glegoo, serif;
  font-size: 25px;
  line-height: 1.2
}

.bz50 .subpage-promo-wrapper .content.content-bz50 h1 {
  max-width: 800px;
  position: relative;
  z-index: 10
}

.bz50 .section-6 .inner {
  padding: 25px 0 55px 5%
}

.bz50 .scroll-tabs {
  margin-bottom: 100px
}

.bz50 .scroll-tabs .optiscroll-v {
  display: none
}

.bz50 .award-section .container-1 {
  padding-left: 7%
}

.bz50 .award-section .inner {
  padding-left: 5%
}

@media only screen and (max-width:1920px) {
  .bz50 .award-section .container-1 {
    padding-left: 7%
  }
}

.bz50 .award-section .container-1 {
  padding-left: 134px
}

@media only screen and (max-width:1920px) {
  .bz50 .subpage-promo-wrapper .content {
    padding-left: 7%
  }
}

.bz50 .subpage-promo-wrapper .content {
  padding-left: 12%
}

.bz50 .tabs-overflow {
  overflow: hidden
}

.bz50 .gradient-shape {
  position: absolute;
  top: 0;
  left: -5%;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  -webkit-box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  overflow: hidden;
  background: #300273;
  z-index: 10
}

.bz50 .gradient-shape small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.bz50 .tabs-block li {
  display: inline-block;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #bfbfbf;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-right: 60px;
  margin-bottom: 10px;
  -webkit-transition: .3s cubic-bezier(.86, 0, .33, .26);
  -o-transition: .3s cubic-bezier(.86, 0, .33, .26);
  transition: .3s cubic-bezier(.86, 0, .33, .26)
}

.bz50 .tabs-block li:after {
  content: "";
  height: 8px;
  width: 105%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  background-color: #6599d5;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.bz50 .tabs-block li:hover {
  color: #a230c6
}

.bz50 .tabs-block li:first-child {
  margin-left: 0
}

.bz50 .tabs-block li.active {
  color: #a230c6
}

.bz50 .tabs-block li.active:after {
  -webkit-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1)
}

.bz50 .section-6 .people-wrap .info .info-btn.listen {
  right: 50%;
  -webkit-transform: translate(50%);
  transform: translate(50%)
}

.bz50 .section-6 .people-wrap .info {
  width: 100%;
  height: 100%;
  padding: 22px 17px
}

.bz50 .bg-sample {
  position: absolute;
  bottom: 0;
  right: 54px;
  width: 40%;
  height: 60%;
  background-size: contain;
  background-position: 50%
}

.bz50 .tabs-block {
  margin-bottom: 138px
}

.bz50 .voice-award-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 25vw;
  position: relative
}

.bz50 .voice-award-section .grid-box {
  width: 38%;
  position: relative
}

.bz50 .voice-award-section .grid-box .award-img {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 478px;
  max-height: 480px;
  width: 74%;
  height: 25vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  background-position: 25% 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
  z-index: 15
}

.bz50 .voice-award-section .grid-box li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 30px
}

.bz50 .voice-award-section .grid-box span {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #6c6c6c;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.bz50 .voice-award-section .grid {
  position: relative;
  background: url(/img/bg/dots.png) no-repeat;
  background-size: cover;
  width: 51vw;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 62px
}

.bz50 .voice-award-section .text-box {
  width: 53.5%;
  padding-right: 140px;
  padding-top: 16px
}

.bz50 .voice-award-section .text-box .small-title {
  color: #48117a;
  margin-bottom: 0
}

.bz50 .voice-award-section .text-box .main-title {
  font-size: 40px;
  color: #000;
  font-weight: 700;
  margin-bottom: 22px;
  line-height: 48px
}

.bz50 .voice-award-section .text-box .info-text {
  position: relative;
  font-size: 25px;
  line-height: 1.4;
  color: #6e6e6e;
  font-weight: 700;
  padding-bottom: 58px;
  margin-bottom: 24px
}

.bz50 .voice-award-section .text-box .info-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c7c7c7
}

.bz50 .voice-award-section .text-box hr {
  background-color: #c7c7c7
}

.bz50 .voice-award-section .text-box .counter-wrap {
  width: 100%
}

.bz50 .voice-award-section .text-box .counter-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.bz50 .voice-award-section .text-box .counter-wrap li:first-child,
.bz50 .voice-award-section .text-box .counter-wrap li:nth-child(2),
.bz50 .voice-award-section .text-box .counter-wrap li:nth-child(3) {
  width: 33.333333%;
  padding-right: 20px
}

.bz50 .voice-award-section .text-box .counter-wrap .text {
  font-family: Industry, sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1
}

.bz50 .voice-award-section .text-box .counter-wrap .number {
  font-size: 50px;
  color: #a0a0a0;
  line-height: 1;
  margin-bottom: 8px
}

.bz50 .voice-award-section .right-box {
  width: 11.5%;
  background-color: #6930c6;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%
}

.bz50 .info .social {
  position: absolute;
  top: 24px;
  right: 24px
}

.bz50 .info .social li {
  margin-bottom: 13px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.bz50 .info .social .social-ico {
  width: 30px;
  height: 30px;
  display: block;
  background-repeat: no-repeat;
  background-position: top
}

.bz50 .info .social .social-1 {
  background-image: url(/img/icons/award-social-sound-cloud.png);
  background-size: 29px
}

.bz50 .info .social .social-2 {
  background-image: url(/img/icons/award-social-fb.png);
  background-size: 11px
}

.bz50 .info .social .social-3 {
  background-image: url(/img/icons/award-social-instagram.png);
  background-size: 20px
}

.bz50 .info .social .social-4 {
  background-image: url(/img/icons/award-social-tweet.png);
  background-size: 20px
}

.bz50 .info .social .social-5 {
  background-image: url(/img/icons/award-social-home.png);
  background-size: 16px
}

.bz50 .section-6 .people-wrap .single-card:hover li {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.bz50 .section-6 .people-wrap .single-card:hover li:first-child {
  -webkit-transition: .3s !important;
  -o-transition: .3s !important;
  transition: .3s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(2) {
  -webkit-transition: .6s !important;
  -o-transition: .6s !important;
  transition: .6s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(3) {
  -webkit-transition: .9s !important;
  -o-transition: .9s !important;
  transition: .9s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(4) {
  -webkit-transition: 1.2s !important;
  -o-transition: 1.2s !important;
  transition: 1.2s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(5) {
  -webkit-transition: 1.5s !important;
  -o-transition: 1.5s !important;
  transition: 1.5s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(6) {
  -webkit-transition: 1.8s !important;
  -o-transition: 1.8s !important;
  transition: 1.8s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(7) {
  -webkit-transition: 2.1s !important;
  -o-transition: 2.1s !important;
  transition: 2.1s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(8) {
  -webkit-transition: 2.4s !important;
  -o-transition: 2.4s !important;
  transition: 2.4s !important
}

.bz50 .section-6 .people-wrap .single-card:hover li:nth-child(9) {
  -webkit-transition: 2.7s !important;
  -o-transition: 2.7s !important;
  transition: 2.7s !important
}

.bz50 .section-6 .inner {
  padding-bottom: 235px
}

.bz50 .optiscroll.is-enabled>.optiscroll-content {
  overflow-y: hidden
}

.single-popup-page .popup-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.single-popup-page .overflow {
  position: relative
}

.single-popup-page #page-footer,
.single-popup-page #page-header nav,
.single-popup-page .collapsed-player-wrapper {
  display: none
}

.single-popup-page .footer-popup {
  position: relative
}

.single-popup-page .voiceover-detail .popup-content .voice-img-wrapper {
  position: fixed;
  height: 100vh;
  left: 130px;
  width: 33.2%
}

.single-popup-page .voiceover-detail.type-2 .voice-content {
  margin-left: auto
}

.single-popup-back {
  display: block;
  position: absolute;
  right: 60px;
  top: 35px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #000;
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  z-index: 10;
  margin-bottom: 0;
  padding: 10px 10px 7px 50px;
  background-color: #fff
}

.single-popup-back .popup-back-btn {
  position: absolute;
  left: 5px;
  top: 2px;
  display: block;
  background-image: url(/img/icons/arrow-left-purple.png);
  background-size: 30px;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.single-popup-back:hover .popup-back-btn {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.single-popup-preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background-color: #fff
}

.single-popup-preloader-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 210px;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.single-popup-preloader-inner .site-logo {
  position: relative;
  display: block;
  width: 75px;
  height: 70px;
  background: url(/img/icons/logo.png) no-repeat;
  background-size: contain;
  background-position: 50%
}

.single-popup-preloader-inner .eyes {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center
}

.single-popup-preloader-inner .eye {
  position: relative;
  width: 20px;
  height: 15px;
  background: #fff;
  display: inline-block;
  border-radius: 50%
}

.single-popup-preloader-inner .ball {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease
}

.single-popup-preloader-inner .site-tagline {
  font-family: axiforma-regular, sans-serif;
  font-size: 24px;
  margin: 0;
  top: 60px;
  line-height: 1
}

.single-popup-preloader-inner .site-tagline span {
  font-family: axiforma-black, sans-serif
}

.landing-page .overflow {
  position: relative;
  overflow: hidden
}

.landing-page .subpage-promo-wrapper {
  max-height: 805px;
  height: 70vw
}

.landing-page .subpage-promo-wrapper .bubble-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer {
  position: absolute
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-1 {
  display: none;
  top: 10%;
  left: 14.5%;
  width: 150px;
  height: 150px
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-1 .bubble {
  background-color: #300273;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-2 {
  top: -360px;
  right: -180px;
  width: 683px;
  height: 683px
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-2 .bubble {
  background-color: #300273
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-3 {
  bottom: -40px;
  right: 360px;
  width: 170px;
  height: 170px
}

.landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-3 .bubble {
  background-color: #300273
}

.landing-page .subpage-promo-wrapper .bg {
  background-position: 50% 0
}

.landing-page .subpage-promo-wrapper .content .text-box {
  max-width: 660px;
  width: 100%
}

.landing-page .subpage-promo-wrapper .content .text-box.box-4 {
  max-width: 1000px
}

.landing-page .subpage-promo-wrapper .content .text-box ul {
  margin-bottom: 10px;
  padding-left: 5px
}

.landing-page .subpage-promo-wrapper .content .text-box li {
  position: relative;
  display: inline;
  padding-right: 17px;
  font-family: Industry, sans-serif;
  font-weight: 900;
  font-size: 15px;
  text-transform: uppercase;
  color: #91d9ee;
  letter-spacing: 2px
}

.landing-page .subpage-promo-wrapper .content .text-box li:not(:last-child):after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 6px;
  background-color: #fff
}

.landing-page .subpage-promo-wrapper .content h1 {
  font-family: Industry, sans-serif;
  font-size: 90px;
  color: #fff;
  text-transform: uppercase;
  line-height: .9;
  max-width: 800px;
  padding-right: 20px
}

@media only screen and (max-width:1920px) {
  .landing-page .subpage-promo-wrapper .content h1 {
    font-size: 4.7vw
  }
}

.landing-page .btn-2 {
  margin-top: 16px;
  border-radius: 31px
}

.landing-page .btn-2:after {
  left: 34px
}

.landing-page .btn-2 span {
  padding: 24px 42px 24px 70px;
  letter-spacing: 1px
}

.landing-page .landing-info-main-wrapper {
  padding-left: 134px;
  padding-right: 20px;
  padding-top: 110px
}

.landing-page .landing-info-main-wrapper .landing-info-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2.5% 0 5.8%
}

.landing-page .landing-info-main-wrapper .text-box {
  width: 62.376%
}

.landing-page .landing-info-main-wrapper .text-box .main-title {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 50px
}

.landing-page .landing-info-main-wrapper .text-box .main-title span {
  position: relative;
  display: inline-block
}

.landing-page .landing-info-main-wrapper .text-box .main-title span:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #f3aff8;
  z-index: -1;
  opacity: 0
}

.landing-page .landing-info-main-wrapper .text-box .main-title small {
  position: relative;
  display: inline-block;
  font-size: inherit
}

.landing-page .landing-info-main-wrapper .text-box .main-title small:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #79c1ff;
  z-index: -1;
  opacity: 0
}

.landing-page .landing-info-main-wrapper .text-box .main-title.active small:before,
.landing-page .landing-info-main-wrapper .text-box .main-title.active span:before {
  -webkit-transform: translateZ(0) scaleX(1);
  transform: translateZ(0) scaleX(1);
  opacity: .5
}

.landing-page .landing-info-main-wrapper .info-box {
  width: 31.627%
}

.landing-page .landing-info-main-wrapper .info-box p {
  font-size: 25px;
  letter-spacing: 0;
  line-height: 1.25;
  color: #6e6e6e;
  font-weight: 700
}

.landing-page .section-5 {
  padding-top: 80px;
  position: relative;
  margin-bottom: 200px
}

.landing-page .section-5 .container-1 {
  position: relative
}

.landing-page .section-5 .container-1 .dotted-shape {
  position: absolute;
  z-index: -1;
  bottom: 160px;
  right: -110px;
  width: 150px;
  height: 150px;
  background-size: contain;
  background-position: 100%
}

.landing-page .section-5 .container-1 .inner {
  padding: 55px 95px 55px 5.8%
}

.landing-page .section-5 .container-1 .bubble-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none
}

.landing-page .section-5 .container-1 .bubble-wrap .bubble {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.landing-page .section-5 .container-1 .bubble-wrap .bubble small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.landing-page .section-5 .container-1 .bubble-wrap .bubble-outer {
  position: absolute
}

.landing-page .section-5 .container-1 .bubble-wrap .bubble-outer.bubble-3 {
  bottom: -230px;
  right: -310px;
  width: 420px;
  height: 420px
}

.landing-page .section-5 .container-1 .bubble-wrap .bubble-outer.bubble-3 .bubble {
  background-color: #300273;
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 0)
}

.landing-page .section-5 .form-shape {
  position: absolute
}

.landing-page .section-5 .form-shape.form-shape-1 {
  top: 25%;
  right: 12%;
  width: 84px;
  height: 82px
}

.landing-page .section-5 .form-shape.form-shape-2 {
  width: 198px;
  height: 193px;
  right: -38px;
  bottom: 32%
}

.landing-page .section-5 .form-shape.form-shape-3 {
  width: 314px;
  height: 314px;
  right: -80px;
  top: 35px;
  -webkit-box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  border-radius: 50%
}

.landing-page .section-5 .form-shape.form-shape-4 {
  width: 138px;
  height: 136px;
  top: 0;
  right: 7%
}

.landing-page .section-5 .form-shape.form-shape-5 {
  width: 76px;
  height: 72px;
  right: 44%;
  top: 23%
}

.landing-page .section-5 .form-shape.form-shape-6 {
  width: 55px;
  height: 53px;
  right: 10%;
  bottom: 38%
}

.landing-page .section-5 .contact-content {
  max-width: 84%
}

.landing-page .section-5 .contact-content h2 {
  font-size: 60px;
  line-height: 1.1;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 80px
}

.landing-page .section-5 .contact-content form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.landing-page .section-5 .contact-content form .input-wrapper {
  width: 100%;
  position: relative
}

.landing-page .section-5 .contact-content form .input-wrapper input {
  width: 100%;
  font-family: Glegoo, serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  height: 80px;
  padding: 0 55px;
  margin-bottom: 30px
}

.landing-page .section-5 .contact-content form .input-wrapper input::-webkit-input-placeholder {
  color: #6b6b6c
}

.landing-page .section-5 .contact-content form .input-wrapper input::-moz-placeholder {
  color: #6b6b6c
}

.landing-page .section-5 .contact-content form .input-wrapper input:-ms-input-placeholder {
  color: #6b6b6c
}

.landing-page .section-5 .contact-content form .input-wrapper input::-ms-input-placeholder {
  color: #6b6b6c
}

.landing-page .section-5 .contact-content form .input-wrapper input::placeholder {
  color: #6b6b6c
}

.landing-page .section-5 .contact-content form .input-wrapper.double-input {
  width: 49%
}

.landing-page .section-5 .contact-content form .input-wrapper .error-text {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  color: #d80000;
  font-weight: 700;
  padding: 0 55px;
  pointer-events: none;
  display: none;
  margin-bottom: 0
}

.landing-page .section-5 .contact-content form .input-wrapper.error-class input {
  border: 1px solid red
}

.landing-page .section-5 .contact-content form .input-wrapper.error-class .error-text {
  display: block
}

.landing-page .section-7 .content {
  padding-bottom: 100px
}

.landing-page .section-7 .content h4 {
  font-size: 60px;
  font-family: Industry, sans-serif;
  line-height: 1;
  font-weight: 800;
  padding-top: 36px;
  margin-bottom: 120px;
  text-transform: uppercase
}

.landing-page .section-7 .text-wrap {
  float: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.landing-page .section-7 .text-wrap .text-block {
  width: 43%
}

.landing-page .section-7 .text-wrap .text-block:not(:last-child) {
  padding-bottom: 0;
  margin-right: 10.5%
}

.landing-page .section-7 .text-wrap .small-title {
  font-size: 18px;
  font-family: Industry, sans-serif;
  color: #000;
  font-weight: 800
}

.landing-page .section-7 .text-wrap p {
  padding-left: 0;
  font-size: 36px;
  line-height: 1.4;
  color: #a0a0a0;
  font-weight: 400;
  max-width: 460px
}

.landing-page .section-7 .dotted-shape {
  left: 19.5%;
  bottom: -80px
}

.music-app-wrapper {
  padding-top: 100px;
  padding-left: 134px;
  padding-right: 98px;
  position: relative;
  z-index: 1
}

.music-app-wrapper .dotted-shape {
  position: absolute;
  z-index: -1;
  bottom: -50px;
  right: 0;
  width: 130px;
  height: 130px;
  background-size: contain;
  background-position: 100%
}

.music-app-container,
.music-app-container img {
  width: 100%;
  height: 100%
}

.page-template-tpl-testimonials #page-footer {
  overflow: visible
}

.page-template-tpl-testimonials #page-footer .bubble {
  top: -150px
}

.page-template-tpl-testimonials #page-footer .inner {
  overflow: hidden
}

.testi-main-content {
  padding-bottom: 1px
}

.testimonial-outer {
  width: -webkit-calc(100% - 132px);
  width: calc(100% - 132px);
  margin-left: auto;
  max-width: 100%;
  position: relative;
  margin-bottom: 145px;
  margin-top: 90px
}

.testi-dots {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(/img/bg/testi-dots-4.png);
  background-position: 50%;
  background-size: cover
}

.testimonial-slider-wrapper {
  max-width: 1690px;
  margin: auto;
  padding-right: 300px;
  padding-left: 60px;
  position: relative
}

.testimonial-slider-wrapper .swiper-slide-active .testi-slide-img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .8s .4s, -webkit-transform .8s .4s;
  transition: opacity .8s .4s, -webkit-transform .8s .4s;
  -o-transition: transform .8s .4s, opacity .8s .4s;
  transition: transform .8s .4s, opacity .8s .4s;
  transition: transform .8s .4s, opacity .8s .4s, -webkit-transform .8s .4s
}

.testimonial-slider-wrapper .swiper-slide-active .testi-slide-text-wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .8s .6s, -webkit-transform .8s .6s;
  transition: opacity .8s .6s, -webkit-transform .8s .6s;
  -o-transition: transform .8s .6s, opacity .8s .6s;
  transition: transform .8s .6s, opacity .8s .6s;
  transition: transform .8s .6s, opacity .8s .6s, -webkit-transform .8s .6s
}

.testi-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.testi-slide-img {
  width: 43.3%;
  max-height: 395px;
  height: 28vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
  opacity: 0;
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  -o-transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s, -webkit-transform .8s;
  position: relative
}

.testi-slide-pic {
  position: absolute;
  top: 100px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
  width: auto;
  height: auto
}

.testi-slide-text-wrapper {
  width: 52%;
  position: relative;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
  opacity: 0;
  -webkit-transition: opacity .8s .2s, -webkit-transform .8s .2s;
  transition: opacity .8s .2s, -webkit-transform .8s .2s;
  -o-transition: transform .8s .2s, opacity .8s .2s;
  transition: transform .8s .2s, opacity .8s .2s;
  transition: transform .8s .2s, opacity .8s .2s, -webkit-transform .8s .2s
}

.testi-slide-text-wrapper p {
  font-size: 25px;
  color: #767676;
  font-family: industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px
}

.testi-slide-text-wrapper h3 {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 1.25;
  color: #2e2e2e;
  font-family: Glegoo;
  font-weight: 700;
  margin-bottom: 45px
}

.testi-slide-text-wrapper .testi-tag {
  font-size: 25px;
  display: inline-block;
  color: #fff;
  font-family: industry, sans-serif;
  font-weight: 800;
  background-image: url(/img/icons/shape-7.png);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 12px 20px;
  text-transform: uppercase;
  margin-bottom: 5px
}

.testi-slide-text-wrapper .testi-person-description {
  max-width: 290px;
  margin-bottom: 0;
  padding-left: 20px
}

.testi-shape-ico {
  position: absolute;
  width: 75px;
  height: 75px;
  display: block;
  background-image: url(/img/icons/shape-1.png);
  background-size: 75px;
  background-position: 50%;
  background-repeat: no-repeat;
  left: 30%;
  top: 30%
}

.testi-slider-pag-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 130px;
  padding: 0 20px;
  position: absolute;
  width: 86%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.testi-slider-pag-wrapper .swiper-button-next,
.testi-slider-pag-wrapper .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 20;
  margin: 0 0 10px;
  -webkit-transform: translate(0);
  transform: translate(0);
  width: 25px;
  height: 15px;
  background-size: 25px;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer
}

.testi-slider-pag-wrapper .swiper-button-prev {
  background-image: url(/img/icons/arrow-left-black.png)
}

.testi-slider-pag-wrapper .swiper-button-next {
  background-image: url(/img/icons/arrow-right-black.png)
}

.testi-slider-pag-wrapper .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px)
}

.testi-slider-pag-wrapper .swiper-pagination .swiper-pagination-bullet {
  width: 35px;
  height: 3px;
  background-color: #d7d7d7;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  outline: none;
  opacity: 1;
  border-radius: 0;
  margin: 0 8px 10px
}

.testi-slider-pag-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000
}

.testi-side-bar {
  position: absolute;
  width: 146px;
  height: 578px;
  background-color: #6930c6;
  bottom: 0;
  right: 0
}

.testi-side-bar .gradient-shape {
  position: absolute;
  right: 70px;
  top: 125px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  -webkit-box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  z-index: 1;
  overflow: hidden;
  background: #300273
}

.testi-side-bar .gradient-shape small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.error-page #page-header nav {
  display: none
}

.error-page #page-header .social {
  top: 100%;
  bottom: auto
}

.error-page #page-footer,
.error-page .collapsed-player-wrapper {
  display: none
}

.error-page-wrapper {
  padding-left: 132px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  min-height: 600px;
  background-image: url(/img/bg/error-page-bg.jpg);
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat
}

.error-page-text {
  max-width: 1520px;
  padding: 0 20px;
  width: 100%
}

.error-page-text .error-page-title {
  font-size: 90px;
  line-height: .89;
  color: #fff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  max-width: 980px;
  margin-bottom: 25px
}

.error-page-text .error-page-title span {
  color: #79c1ff
}

.error-page-text .error-page-description {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.25;
  font-family: Glegoo, serif;
  font-weight: 700;
  color: #fff;
  max-width: 680px;
  margin-bottom: 45px
}

.error-page-text .error-btn {
  display: inline-block;
  padding: 14px 20px 10px;
  background-image: url(/img/icons/shape-15.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 20px;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s
}

.error-page-text .error-btn:hover {
  color: #6930c6
}

.benz50-apply .main-content {
  overflow: hidden
}

.benz50-apply .subpage-promo-wrapper .bg {
  background-position: 50%
}

.benz50-apply .subpage-promo-wrapper .content h1 {
  max-width: 800px
}

.benz50-apply .section-4 {
  padding-bottom: 1px
}

.benz50-apply .section-4 .inner {
  background-color: #fff
}

.benz50-apply .section-4 .inner:before {
  display: none
}

.benz50-apply .gradient-shape {
  position: absolute;
  right: -270px;
  bottom: -150px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  overflow: hidden;
  background: #300273
}

.benz50-apply .gradient-shape small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.benz50-apply .bg-sample {
  bottom: 0;
  right: 54px;
  width: 40%;
  height: 60%
}

.benz50-apply .bg-sample,
.benz-50-shape {
  position: absolute;
  background-size: contain;
  background-position: 50%
}

.benz-50-shape {
  background-repeat: no-repeat;
  z-index: -1
}

.benz-50-shape-1 {
  background-image: url(/img/icons/gradient-shape-1.png);
  width: 314px;
  height: 314px;
  right: -4%;
  top: 4%;
  -webkit-box-shadow: 29.998px 120.317px 46px rgba(0, 0, 0, .35);
  box-shadow: 29.998px 120.317px 46px rgba(0, 0, 0, .35);
  border-radius: 50%
}

.benz-50-shape-2 {
  background-image: url(/img/icons/shape-13.png);
  max-width: 138px;
  max-height: 138px;
  width: 25%;
  height: 15vw;
  right: 6%;
  top: 2%
}

.benz-50-shape-3 {
  background-image: url(/img/icons/shape-17.svg);
  max-width: 84px;
  max-height: 82px;
  width: 10%;
  height: 10vw;
  right: 12%;
  top: 20%
}

.benz-50-shape-4 {
  background-image: url(/img/icons/shape-4.svg);
  max-width: 55px;
  max-height: 55px;
  width: 10%;
  height: 10vw;
  right: 8%;
  top: 41%
}

.benz-50-shape-5 {
  background-image: url(/img/icons/shape-14.png);
  max-width: 163px;
  max-height: 163px;
  width: 18%;
  height: 20vw;
  right: -2%;
  top: 38%
}

.benz-50-form-outer {
  padding-left: 240px;
  padding-right: 20px;
  margin-top: 110px;
  margin-bottom: 150px;
  position: relative;
  z-index: 1
}

.benz-50-form-title {
  font-size: 60px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 80px
}

.benz-50-form {
  width: 80%
}

.benz-50-form .form-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 45px
}

.benz-50-form .form-inner .input-wrapper {
  width: 49%;
  position: relative
}

.benz-50-form .form-inner .input-wrapper input {
  height: 80px;
  border-radius: 40px;
  background-color: #ebebeb;
  border: none;
  width: 100%;
  padding: 0 55px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #000;
  font-family: Glegoo, serif;
  font-weight: 700;
  outline: none;
  margin-bottom: 30px
}

.benz-50-form .form-inner .input-wrapper input::-webkit-input-placeholder {
  color: #6b6b6c
}

.benz-50-form .form-inner .input-wrapper input::-moz-placeholder {
  color: #6b6b6c
}

.benz-50-form .form-inner .input-wrapper input:-ms-input-placeholder {
  color: #6b6b6c
}

.benz-50-form .form-inner .input-wrapper input::-ms-input-placeholder {
  color: #6b6b6c
}

.benz-50-form .form-inner .input-wrapper input::placeholder {
  color: #6b6b6c
}

.benz-50-form .form-inner .input-wrapper .benz-50-error {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  color: #d80000;
  font-weight: 700;
  padding: 0 55px;
  pointer-events: none;
  display: none;
  margin-bottom: 0
}

.benz-50-form .form-inner .input-wrapper.error-class input {
  border: 1px solid #d80000
}

.benz-50-form .form-inner .input-wrapper.error-class .benz-50-error {
  display: block
}

.benz-50-form .form-inner .dropdown-wrapper {
  width: 100%
}

.benz-50-form .form-inner .dropdown-wrapper select {
  display: none
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select {
  position: relative;
  background-color: #ebebeb;
  border: none;
  width: 100%;
  padding: 24px 95px 24px 55px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #6b6b6c;
  font-family: Glegoo, serif;
  font-weight: 700;
  border-radius: 40px;
  cursor: pointer;
  background-image: url(/img/icons/black-arrow-down.svg);
  background-size: 10px;
  background-position: 96% 50%;
  background-repeat: no-repeat
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-selected {
  outline: none;
  color: #000;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-selected.hidden-option {
  color: #6b6b6c;
  opacity: .5
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  border-radius: 30px;
  background-color: #fff;
  padding: 35px 0;
  -webkit-box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  box-shadow: 10px 10px 38px 0 rgba(0, 0, 0, .44);
  z-index: 15
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-select-options li {
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  padding: 0 55px
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-select-options li:hover {
  background-color: #ebebeb
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-select-options .hidden-option {
  display: none
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select.dk-select-open-down .dk-select-options {
  display: block;
  top: 130%
}

.benz-50-form .form-inner .dropdown-wrapper .dk-select.dk-select-open-up .dk-select-options {
  display: block;
  bottom: 130%
}

.benz-50-form .form-inner .dropdown-wrapper.error-class .dk-select {
  border: 1px solid #d80000
}

.benz-50-form .voicing-indication {
  max-width: 906px;
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 1.4;
  color: #000;
  font-weight: 700;
  margin-bottom: 30px
}

.benz-50-form .upload-input {
  position: relative;
  padding-left: 55px;
  margin-bottom: 70px;
  display: inline-block
}

.benz-50-form .upload-input input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

.benz-50-form .upload-input label {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 1px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  border-radius: 32px;
  border: 3px solid #ebebeb;
  padding: 19px 30px 16px 66px;
  background-image: url(/img/icons/upload-svg.png);
  background-size: 32px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  text-transform: uppercase
}

.benz-50-form .checkbox-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 40px;
  margin-bottom: 60px
}

.benz-50-form .checkbox-wrapper label {
  margin: 0 20px;
  position: relative;
  font-size: 18px;
  letter-spacing: 0;
  color: #000;
  font-family: Glegoo, serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}

.benz-50-form .checkbox-wrapper label .checkmark {
  position: relative;
  display: block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background-color: #ebebeb;
  margin: auto
}

.benz-50-form .checkbox-wrapper label .checkmark:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #4848ff;
  border-radius: 50%;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  display: none
}

.benz-50-form .checkbox-wrapper label input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer
}

.benz-50-form .checkbox-wrapper label input:checked~.checkmark:after {
  display: block
}

.benz-50-form .textarea-wrapper {
  padding-left: 55px;
  margin-bottom: 65px
}

.benz-50-form .textarea-wrapper textarea {
  max-width: 810px;
  width: 100%;
  height: 300px;
  border-radius: 30px;
  background-color: #ebebeb;
  resize: none;
  font-size: 18px;
  letter-spacing: 1px;
  color: #000;
  font-family: Glegoo, serif;
  font-weight: 700;
  overflow-y: auto;
  border: none;
  padding: 30px;
  outline: none
}

.benz-50-form button {
  padding: 0;
  margin: 0;
  outline: none
}

.benz-50-locations-wrapper {
  padding: 119px 20px 165px 95px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.benz-50-locations-title {
  width: 100%;
  font-size: 60px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 105px
}

.benz-50-location {
  width: 47%
}

.benz-50-location h6 {
  font-size: 18px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  max-width: 460px
}

.benz-50-location p {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 50px;
  color: #a0a0a0;
  font-weight: 400;
  max-width: 460px;
  margin-bottom: 45px;
  line-height: 1.4
}

.benz-50-location p a {
  color: #a0a0a0
}

.station-select-wrapper {
  padding-left: 55px;
  max-width: 980px;
  margin-bottom: 60px
}

.station-select-wrapper .station-titles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.station-select-wrapper .station-name-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 35px;
  width: 25%
}

.station-select-wrapper .station-name-title:nth-child(2) {
  width: 35%
}

.station-select-wrapper .station-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px
}

.station-select-wrapper .station-wrapper .third-width {
  width: 25%
}

.station-select-wrapper .station-wrapper .third-width:nth-child(2) {
  width: 35%
}

.station-select-wrapper .station {
  font-size: 32px;
  letter-spacing: -1px;
  color: #000;
  font-family: Industry, sans-serif;
  font-weight: 800;
  margin-bottom: 0;
  padding-right: 20px
}

.station-select-wrapper .station-letters {
  height: 50px;
  border-radius: 40px;
  background-color: #ebebeb;
  border: none;
  max-width: 225px;
  padding: 0 35px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #000;
  font-family: Glegoo, serif;
  font-weight: 700;
  outline: none
}

.station-select-wrapper .station-letters::-webkit-input-placeholder {
  color: transparent
}

.station-select-wrapper .station-letters::-moz-placeholder {
  color: transparent
}

.station-select-wrapper .station-letters:-ms-input-placeholder {
  color: transparent
}

.station-select-wrapper .station-letters::-ms-input-placeholder {
  color: transparent
}

.station-select-wrapper .station-letters::placeholder {
  color: transparent
}

.station-select-wrapper .checkbox-wrapper {
  padding-left: 0;
  margin-bottom: 0
}

.station-select-wrapper .checkbox-wrapper .mobile-tech-select {
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
  display: none
}

.station-select-wrapper .checkbox-wrapper label {
  margin: 0 40px 0 0
}

.station-select-wrapper .add-station-btn {
  display: inline-block;
  background-color: transparent;
  position: relative;
  padding: 17px 20px 17px 65px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  border: 3px solid #ebebeb;
  border-radius: 31px;
  margin-top: 15px
}

.station-select-wrapper .add-station-btn .plus-ico {
  display: block;
  width: 45px;
  height: 45px;
  background-image: url(/img/icons/plus-ico.png);
  background-size: 20px;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 4px solid #f2f2f2;
  position: absolute;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.full-width {
  width: 100% !important
}

.page-template-tpl-plugins .section-4 .inner:before {
  height: 100%
}

.plugin-page-content {
  max-width: 1375px;
  overflow: hidden;
  position: relative;
  margin: auto auto 50px;
  min-height: 20vh
}

.plugin-page-btn-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px
}

.plugin-page-btn-wrapper .btn-2 {
  margin: 0 10px 20px
}

.plugin-page-tabs {
  max-width: 1375px;
  margin: auto auto 50px
}

.plugin-page-container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  -o-transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.plugin-page-container.visible {
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}

.optiscroll {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.optiscroll.is-enabled {
  overflow: hidden
}

.optiscroll.is-enabled>.optiscroll-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: scroll;
  -webkit-overflow-scrolling: touch
}

.optiscroll-h,
.optiscroll-v {
  position: absolute;
  visibility: hidden;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.optiscroll-v {
  right: 0
}

.optiscroll-h {
  bottom: 0
}

.optiscroll.has-htrack>.optiscroll-h,
.optiscroll.has-vtrack>.optiscroll-v {
  visibility: visible
}

.optiscroll.is-rtl>.optiscroll-v {
  left: 0;
  right: auto
}

.optiscroll-htrack,
.optiscroll-vtrack {
  display: block;
  position: absolute;
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: height .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s;
  -o-transition: height .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s;
  transition: height .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.optiscroll-v {
  top: 4px;
  bottom: 4px;
  width: 0
}

.optiscroll-h {
  left: 4px;
  right: 4px;
  height: 0
}

.optiscroll.has-vtrack.has-htrack>.optiscroll-v {
  bottom: 8px
}

.optiscroll.has-vtrack.has-htrack>.optiscroll-h {
  right: 8px
}

.optiscroll-htrack,
.optiscroll-vtrack {
  background: rgba(0, 0, 0, .3);
  border-radius: 2px;
  -webkit-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  opacity: 0
}

.optiscroll-vtrack {
  width: 3px;
  right: 4px
}

.optiscroll-htrack {
  height: 3px;
  bottom: 4px
}

.optiscroll:hover>.optiscroll-h .optiscroll-htrack,
.optiscroll:hover>.optiscroll-v .optiscroll-vtrack {
  opacity: 1
}

.optiscroll.has-vtrack.has-htrack.is-rtl>.optiscroll-h {
  right: 4px;
  left: 8px
}

.optiscroll.is-rtl>.optiscroll-v .optiscroll-vtrack {
  right: auto;
  left: 4px
}

#app {
  position: relative
}

body {
  opacity: 0
}

a,
a:active,
a:focus,
a:hover {
  outline: 0;
  select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.home-page .container.overflow {
  overflow: hidden
}

.home-page .promo-wrapper .bubble-wrap .bubble-outer.bubble-1 {
  display: none
}

.swiper-button-next,
.swiper-button-prev {
  outline: none
}

.mouse-wrap {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none
}

.mouse-wrap .mouse-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px
}

.mouse-wrap .mouse-bg span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25);
  border-radius: 50%
}

.mouse-wrap .mouse-dot {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.mouse-wrap .mouse-dot span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%
}

.mouse-wrap .text {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  color: #fff;
  font-family: Industry, sans-serif
}

.mouse-wrap .text span {
  display: block
}

.mouse-wrap.invert .mouse-bg span {
  background-color: rgba(0, 0, 0, .25)
}

.mouse-wrap.invert .mouse-dot span {
  background-color: #000
}

.mouse-wrap.invert .text {
  color: #000
}

.mobile-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: #6930c6;
  z-index: 110;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  padding-bottom: 10px
}

.mobile-menu a.close {
  display: block;
  position: absolute;
  top: 40px;
  right: 40px;
  width: 43px;
  height: 44px;
  background: url(/img/icons/mobile-close-btn.png) 50% no-repeat;
  background-size: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.mobile-menu ul {
  width: 100%;
  padding-top: 122px;
  padding-left: 12%
}

.mobile-menu li:last-child {
  margin-bottom: 120px
}

.mobile-menu li {
  margin-bottom: 48px
}

.mobile-menu li .menu-item,
.mobile-menu li a {
  color: #fff;
  font-family: Industry, sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 800;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.mobile-menu li:nth-last-child(-n+4) a {
  font-family: axiforma-semibold, sans-serif;
  font-size: 14px;
  text-transform: capitalize;
  color: #d1abff;
  letter-spacing: 1px
}

.mobile-menu .main-nav-wrap {
  padding: 0;
  display: block
}

.mobile-menu .main-nav-wrap .search-wrap {
  padding: 0;
  width: 100%
}

.mobile-menu .search-overflow {
  left: 40px;
  width: 80%;
  max-width: 400px;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px)
}

.mobile-menu .nav-dropdown {
  position: relative;
  cursor: pointer
}

.mobile-menu .dropdown-options {
  padding-left: 20px;
  padding-top: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.mobile-menu .dropdown-options li {
  margin-top: 20px;
  margin-bottom: 0;
  display: block;
  color: #d1abff
}

.mobile-menu .dropdown-options li:last-child {
  margin-bottom: 0
}

.mobile-menu .dropdown-options .dropdown-link {
  text-transform: uppercase
}

#page-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

#page-header .site-branding {
  -webkit-transition: opacity .8s ease-in-out, visibility .8s ease-in-out, -webkit-transform .8s ease-in-out;
  transition: opacity .8s ease-in-out, visibility .8s ease-in-out, -webkit-transform .8s ease-in-out;
  -o-transition: transform .8s ease-in-out, opacity .8s ease-in-out, visibility .8s ease-in-out;
  transition: transform .8s ease-in-out, opacity .8s ease-in-out, visibility .8s ease-in-out;
  transition: transform .8s ease-in-out, opacity .8s ease-in-out, visibility .8s ease-in-out, -webkit-transform .8s ease-in-out;
  position: fixed;
  left: 0;
  top: 0;
  width: 132px;
  height: 100%;
  z-index: 100;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

@media only screen and (min-width:1025px) {
  #page-header .site-branding {
    background: #fff
  }
}

#page-header .site-branding.scrolled .social {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

#page-header .site-branding.hidden {
  -webkit-transform: translate3d(-60%, 0, 0);
  transform: translate3d(-60%, 0, 0);
  opacity: 0;
  visibility: hidden
}

#page-header .logo-wrap {
  color: #000
}

#page-header .site-logo {
  position: relative;
  display: block;
  width: 75px;
  height: 70px;
  margin: 43px auto auto;
  background: url(/img/icons/logo.png) no-repeat;
  background-size: contain;
  background-position: 50%
}

#page-header .mobile-btn-wrap {
  float: right;
  margin: 20px;
  position: relative;
  display: block;
  width: 43px;
  height: 34px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

#page-header .mobile-btn-wrap span {
  position: absolute;
  width: 34px;
  height: 5px;
  background: #fff;
  display: block
}

#page-header .mobile-btn-wrap span:first-child {
  top: 0;
  left: 0
}

#page-header .mobile-btn-wrap span:nth-child(2) {
  width: 43px;
  top: 14px;
  left: 0
}

#page-header .mobile-btn-wrap span:nth-child(3) {
  bottom: 0;
  left: 0
}

#page-header .eye-wrap {
  width: 40px;
  position: absolute;
  top: 18px;
  left: 22px
}

#page-header .site-tagline {
  font-family: axiforma-regular, sans-serif;
  font-size: 24px;
  margin: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: 60px;
  line-height: 1;
  left: -5px
}

#page-header .site-tagline span {
  font-family: axiforma-black, sans-serif
}

#page-header nav {
  position: absolute;
  width: -webkit-calc(100% - 132px);
  width: calc(100% - 132px);
  top: 0;
  right: 0;
  z-index: 10;
  padding-right: 20px
}

#page-header nav .main-nav {
  text-align: right;
  padding-top: 30px
}

#page-header nav .main-nav li {
  display: inline-block;
  margin: 0 2%
}

#page-header nav .main-nav .menu-item,
#page-header nav .main-nav a {
  position: relative;
  font-family: industry, sans-serif;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px
}

#page-header nav .main-nav .menu-item:after,
#page-header nav .main-nav a:after {
  content: "";
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 115%;
  height: 8px;
  position: absolute;
  top: 10px;
  left: -10px;
  background: #f3aff8;
  z-index: -1;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

#page-header nav .main-nav li:hover .menu-item:after,
#page-header nav .main-nav li:hover a:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

#page-header nav .main-nav li.nav-dropdown a:after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0)
}

#page-header nav .main-nav .nav-dropdown {
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

#page-header nav .main-nav .nav-dropdown:hover .dropdown-options {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

#page-header nav .main-nav .dropdown-options {
  position: absolute;
  margin: 10px auto auto;
  padding: 10px;
  top: 20px;
  left: 50%;
  text-align: center;
  border-radius: 40px;
  opacity: 0;
  visibility: hidden;
  z-index: 120;
  -webkit-transform: translate(-75%);
  transform: translate(-75%);
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  -o-transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s
}

#page-header nav .main-nav .dropdown-options li {
  display: block;
  padding: 10px 30px;
  white-space: nowrap
}

#page-header nav .main-nav .dropdown-options li:hover a:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

#page-header nav .second-nav {
  text-align: right;
  padding-right: 15px;
  padding-top: 35px
}

#page-header nav .second-nav li {
  display: inline-block;
  margin: 0 20px
}

#page-header nav .second-nav a {
  position: relative;
  font-family: axiforma-semibold, sans-serif;
  font-size: 16px;
  color: #d1abff;
  letter-spacing: 1px
}

#page-header nav .second-nav a:after {
  content: "";
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 115%;
  height: 3px;
  position: absolute;
  top: 10px;
  left: -10px;
  background: #79c1ff;
  z-index: -1;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

#page-header nav .second-nav li:hover a:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

#page-header .eyes {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center
}

#page-header .eye {
  position: relative;
  width: 20px;
  height: 15px;
  background: #fff;
  display: inline-block;
  border-radius: 50%
}

#page-header .ball {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease
}

#page-header .eye.second-eye {
  -webkit-transform-origin: 50%;
  -webkit-animation: blink 5s infinite
}

@-webkit-keyframes blink {

  0%,
  to {
    -webkit-transform: scaleY(.05);
    transform: scaleY(.05)
  }

  5%,
  95% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

#page-header .social {
  width: 100%;
  position: absolute;
  bottom: 10px;
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: -webkit-transform .5s ease-in-out;
  -o-transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
  -webkit-transform: translate3d(0, -120px, 0);
  transform: translate3d(0, -120px, 0)
}

#page-header .social li {
  text-align: center;
  margin-bottom: 10px
}

#page-header .social a {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px
}

#page-header .social a:after,
#page-header .social a:before {
  content: "";
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50%
}

#page-header .social a:after,
#page-header .social a:hover:before {
  opacity: 0
}

#page-header .social a:hover:after {
  opacity: 1
}

@media only screen and (max-height:680px) {
  #page-header .social {
    bottom: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  #page-header .social li {
    margin-bottom: 0
  }
}

.main-nav-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 30px
}

.main-nav-wrap .main-nav {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .4s, visibility .4s;
  -o-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s
}

.main-nav-wrap .search-wrap {
  width: 50px;
  padding-top: 30px;
  padding-left: 20px
}

.main-nav-wrap.active-search .main-nav {
  opacity: 0;
  visibility: hidden
}

.main-nav-wrap.active-search .search-overflow {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.main-nav-wrap.active-search .site-search-icon {
  background-image: url(/img/icons/search-close.png);
  background-size: 19px
}

.main-nav-wrap.active-search .site-search-icon .site-search-ico {
  opacity: 0
}

.site-search {
  position: relative;
  height: 30px;
  z-index: 1
}

.search-overflow {
  position: absolute;
  top: 0;
  right: 40px;
  width: 458px;
  height: 100%;
  border-bottom: 2px solid #fff;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
  -webkit-transition: visibility .4s, opacity .4s, -webkit-transform .4s;
  transition: visibility .4s, opacity .4s, -webkit-transform .4s;
  -o-transition: visibility .4s, opacity .4s, transform .4s;
  transition: visibility .4s, opacity .4s, transform .4s;
  transition: visibility .4s, opacity .4s, transform .4s, -webkit-transform .4s
}

.site-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: none;
  outline: none;
  background: transparent;
  font-family: Industry, sans-serif;
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 1.25;
  color: #fff;
  text-transform: uppercase
}

.site-search-input::-webkit-input-placeholder {
  color: #fff;
  text-transform: uppercase
}

.site-search-input::-moz-placeholder {
  color: #fff;
  text-transform: uppercase
}

.site-search-input:-ms-input-placeholder {
  color: #fff;
  text-transform: uppercase
}

.site-search-input::-ms-input-placeholder {
  color: #fff;
  text-transform: uppercase
}

.site-search-input::placeholder {
  color: #fff;
  text-transform: uppercase
}

.site-search-input::-webkit-search-cancel-button,
.site-search-input::-webkit-search-decoration,
.site-search-input::-webkit-search-results-button,
.site-search-input::-webkit-search-results-decoration {
  -webkit-appearance: none
}

.site-search-icon {
  display: block;
  width: 30px;
  height: 30px;
  background-position: 50%;
  cursor: pointer
}

.site-search-icon .site-search-ico {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  fill: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1
}

.site-search-submit {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  height: 1px;
  width: 1px
}

.promo-wrapper {
  position: relative;
  margin-left: auto;
  width: -webkit-calc(100% - 132px);
  width: calc(100% - 132px);
  height: 100%
}

.promo-wrapper .bg-elem {
  position: absolute;
  display: block;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden
}

.promo-wrapper .bg-elem i {
  display: block;
  position: absolute;
  left: -50%;
  top: -50%;
  width: 100%;
  height: 200%;
  background-color: #300273
}

.promo-wrapper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 900px
}

.promo-wrapper .swiper-slide,
.promo-wrapper .swiper-slide .bg-wrap {
  position: absolute;
  width: 100%;
  height: 100%
}

.promo-wrapper .swiper-slide .bg-wrap {
  top: 0;
  left: 0;
  overflow: hidden
}

.promo-wrapper .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom
}

.promo-wrapper .swiper-slide .bg.bg-1 .shape-1 {
  position: absolute;
  width: 76px;
  height: 72px;
  background: url(/img/icons/shape-1.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  bottom: 8%;
  right: 4%
}

.promo-wrapper .swiper-slide .bg.bg-1 .shape-2 {
  position: absolute;
  width: 112px;
  height: 108px;
  background: url(/img/icons/shape-2.png) no-repeat;
  background-position: 50%;
  background-size: contain
}

.promo-wrapper .swiper-slide .bg.bg-1 .shape-3 {
  position: absolute;
  width: 65px;
  height: 65px;
  background: url(/img/icons/shape-3.svg) no-repeat;
  background-position: 50%;
  background-size: contain
}

.promo-wrapper .swiper-slide .bg.bg-1 .shape-4 {
  position: absolute;
  width: 55px;
  height: 53px;
  background: url(/img/icons/shape-4.svg) no-repeat;
  background-position: 50%;
  background-size: contain
}

.promo-wrapper .swiper-slide canvas {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.promo-wrapper .swiper-slide .bg-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  mix-blend-mode: luminosity;
  opacity: .22
}

.promo-wrapper .swiper-slide .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/img/bg/header-overlay.png);
  background-position: 50%;
  background-size: cover;
  opacity: .5
}

.promo-wrapper .pagination-text,
.promo-wrapper .swiper-pagination {
  max-width: 875px;
  width: 100%;
  height: 137px;
  bottom: 0
}

.promo-wrapper .pagination-text .swiper-pagination-bullet,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 25%;
  height: 100%;
  border-radius: 0;
  display: block;
  float: left;
  margin: 0;
  background: #fff;
  color: #000;
  opacity: 1;
  outline: 0;
  font-family: industry, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
  text-align: left;
  padding: 38px 30px 0;
  line-height: 1;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer
}

.promo-wrapper .pagination-text .swiper-pagination-bullet:after,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 13px;
  width: 1px;
  height: 88px;
  background-color: #c2c2c2
}

.promo-wrapper .pagination-text .swiper-pagination-bullet span,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet span {
  -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
  transition: opacity .4s ease, -webkit-transform .4s ease;
  -o-transition: opacity .4s ease, transform .4s ease;
  transition: opacity .4s ease, transform .4s ease;
  transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 25px;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  z-index: -1
}

.promo-wrapper .pagination-text .swiper-pagination-bullet span i,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet span i {
  display: block;
  position: absolute;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  left: 0;
  top: 0;
  width: 100%;
  height: 7px;
  background-color: #308cff
}

.promo-wrapper .pagination-text .swiper-pagination-bullet:last-child:after,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet:last-child:after {
  display: none
}

.promo-wrapper .pagination-text .swiper-pagination-bullet-active,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  color: #308cff
}

.promo-wrapper .pagination-text .swiper-pagination-bullet-active span,
.promo-wrapper .swiper-pagination .swiper-pagination-bullet-active span {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.promo-wrapper .pagination-text p,
.promo-wrapper .swiper-pagination p {
  margin: 0
}

.promo-wrapper .pagination-text {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10
}

.promo-wrapper .bubble-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none
}

.promo-wrapper .bubble-wrap .bubble {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.promo-wrapper .bubble-wrap .bubble small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.promo-wrapper .bubble-wrap .bubble-outer {
  position: absolute
}

.promo-wrapper .bubble-wrap .bubble-outer.bubble-1 {
  top: -4%;
  left: 5.5%;
  width: 150px;
  height: 150px
}

.promo-wrapper .bubble-wrap .bubble-outer.bubble-1 .bubble {
  background-color: #300273;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.promo-wrapper .bubble-wrap .bubble-outer.bubble-2 {
  top: -360px;
  right: -180px;
  width: 683px;
  height: 683px
}

.promo-wrapper .bubble-wrap .bubble-outer.bubble-2 .bubble {
  background-color: #300273
}

.promo-wrapper .bubble-wrap .bubble-outer.bubble-3 {
  bottom: -157px;
  right: 316px;
  width: 315px;
  height: 315px
}

.promo-wrapper .bubble-wrap .bubble-outer.bubble-3 .bubble {
  background-color: #300273
}

.promo-wrapper .content-wrap {
  position: absolute;
  bottom: 240px;
  padding-left: 100px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000
}

.promo-wrapper .text-box {
  max-width: 660px;
  width: 100%
}

.promo-wrapper .text-box.box-2 {
  max-width: 720px
}

.promo-wrapper .text-box.box-3 {
  max-width: 760px
}

.promo-wrapper .text-box ul {
  margin-bottom: 10px;
  padding-left: 5px
}

.promo-wrapper .text-box li {
  position: relative;
  display: inline;
  padding-right: 17px;
  font-family: Industry, sans-serif;
  font-weight: 900;
  font-size: 15px;
  text-transform: uppercase;
  color: #91d9ee;
  letter-spacing: 2px
}

.promo-wrapper .text-box li:not(:last-child):after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 6px;
  background-color: #fff
}

.promo-wrapper .text-box h2 {
  font-family: Industry, sans-serif;
  font-size: 64px;
  color: #fff;
  text-transform: uppercase;
  line-height: .9
}

.promo-wrapper .text-box p {
  font-family: Glegoo, sans-serif;
  font-weight: 700;
  line-height: 30px;
  font-size: 20px;
  color: #fff
}

.promo-wrapper .btn-wrap {
  position: relative;
  display: inline-block;
  margin-top: 20px
}

.promo-wrapper .btn-wrap .btn-2 {
  position: relative
}

.promo-wrapper .btn-wrap .btn-2 p {
  font-family: Industry, sans-serif;
  font-size: 13px;
  line-height: 1
}

.promo-wrapper .btn-wrap .btn-1:before {
  content: "";
  width: 131px;
  height: 131px;
  position: absolute;
  z-index: -1;
  top: -webkit-calc(50% - 65.5px);
  top: calc(50% - 65.5px);
  left: -webkit-calc(50% - 65.5px);
  left: calc(50% - 65.5px);
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
  -webkit-transition: background-size .5s;
  -o-transition: background-size .5s;
  transition: background-size .5s
}

.promo-wrapper .btn-wrap .btn-1:hover:before {
  background-size: 100%
}

.promo-wrapper .text-box.box-1 .btn-wrap .btn-1 {
  z-index: 2
}

.promo-wrapper .text-box.box-1 .btn-wrap p {
  font-family: Industry, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  z-index: 1;
  top: 19px;
  left: 10px;
  -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
  transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
  pointer-events: none;
  margin: 0
}

.promo-wrapper .text-box.box-1 .btn-wrap:hover p {
  -webkit-transform: translateX(70px);
  transform: translateX(70px)
}

.promo-wrapper .social-mobile {
  opacity: 0;
  position: absolute;
  bottom: 20px;
  right: 16px;
  z-index: 10
}

.promo-wrapper .social-mobile li {
  text-align: center;
  margin-bottom: 15px
}

.promo-wrapper .social-mobile a {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px
}

.promo-wrapper .social-mobile .mobile-ico {
  background-position: 50%
}

.promo-wrapper .social-mobile a.soundcloud {
  background-image: url(/img/icons/award-social-sound-cloud.png);
  background-size: 29px
}

.promo-wrapper .social-mobile a.facebook {
  background-image: url(/img/icons/award-social-fb.png);
  background-size: 11px
}

.promo-wrapper .social-mobile a.instagram {
  background-image: url(/img/icons/award-social-instagram.png);
  background-size: 20px
}

#page-footer {
  position: relative;
  background-color: #6930c6;
  overflow: hidden
}

#page-footer .inner {
  width: 75%;
  margin-left: auto
}

#page-footer .bubble {
  position: absolute;
  top: 0;
  left: -50px;
  width: 313px;
  height: 313px;
  border-radius: 50%;
  overflow: hidden
}

#page-footer .bubble.grad-1 {
  background: #300273;
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 0)
}

#page-footer .bubble small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

#page-footer .newsletter-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 0;
  margin-right: 70px;
  border-bottom: 1px solid #975bf8
}

#page-footer .newsletter-wrap p {
  font-family: Industry, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 30px 0 0;
  display: block
}

#page-footer .newsletter-wrap form {
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

#page-footer .newsletter-wrap .mail::-webkit-input-placeholder {
  font-size: 26px;
  color: #be96ff;
  -webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
  transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out, -webkit-transform .5s ease-out
}

#page-footer .newsletter-wrap .mail::-moz-placeholder {
  font-size: 26px;
  color: #be96ff;
  -moz-transition: transform .5s ease-out, opacity .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out
}

#page-footer .newsletter-wrap .mail:-ms-input-placeholder {
  font-size: 26px;
  color: #be96ff;
  -ms-transition: transform .5s ease-out, opacity .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out
}

#page-footer .newsletter-wrap .mail::-ms-input-placeholder {
  font-size: 26px;
  color: #be96ff;
  -ms-transition: transform .5s ease-out, opacity .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out
}

#page-footer .newsletter-wrap .mail::placeholder {
  font-size: 26px;
  color: #be96ff;
  -webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
  transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
  -o-transition: transform .5s ease-out, opacity .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out;
  transition: transform .5s ease-out, opacity .5s ease-out, -webkit-transform .5s ease-out
}

#page-footer .newsletter-wrap .mail {
  width: -webkit-calc(100% - 130px);
  width: calc(100% - 130px);
  background: transparent;
  border: none;
  border-left: 1px solid #975bf8;
  padding: 0 25px;
  height: 70px;
  outline: 0;
  font-size: 26px;
  color: #be96ff;
  overflow: hidden
}

#page-footer .newsletter-wrap .mail:focus::-webkit-input-placeholder {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0
}

#page-footer .newsletter-wrap .mail:focus::-moz-placeholder {
  transform: translateY(-20px);
  opacity: 0
}

#page-footer .newsletter-wrap .mail:focus:-ms-input-placeholder {
  transform: translateY(-20px);
  opacity: 0
}

#page-footer .newsletter-wrap .mail:focus::-ms-input-placeholder {
  transform: translateY(-20px);
  opacity: 0
}

#page-footer .newsletter-wrap .mail:focus::placeholder {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0
}

#page-footer .newsletter-wrap .submit-btn {
  width: 125px;
  height: 70px;
  background: none;
  background-image: url(/img/icons/arrow-right.png);
  background-repeat: no-repeat;
  background-position: center right 8px;
  background-size: 23px;
  border: none;
  border-left: 1px solid #975bf8;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  font-size: 13px;
  cursor: pointer;
  outline: 0;
  -webkit-transition: background-position .4s ease-out, text-indent .4s ease-out;
  -o-transition: background-position .4s ease-out, text-indent .4s ease-out;
  transition: background-position .4s ease-out, text-indent .4s ease-out
}

#page-footer .newsletter-wrap .submit-btn:hover {
  background-position: center right -30px;
  text-indent: 25px
}

#page-footer .footer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

#page-footer .footer-menu ul {
  padding: 47px 0
}

#page-footer .footer-menu li {
  display: inline-block;
  font-family: Industry, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 55px;
  letter-spacing: 1px
}

#page-footer .footer-menu li a {
  color: #fff;
  position: relative;
  z-index: 1
}

#page-footer .footer-menu a:after {
  content: "";
  width: 115%;
  height: 3px;
  position: absolute;
  top: 7px;
  left: -7px;
  background: #79c1ff;
  z-index: -1;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%
}

#page-footer .footer-menu li a:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.subpage-promo-wrapper {
  position: relative;
  max-height: 685px;
  height: 40vw;
  width: 100%;
  min-height: 280px;
  overflow: hidden
}

.subpage-promo-wrapper canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.subpage-promo-wrapper .play-pause {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  background: -o-linear-gradient(315deg, #27a4fd 0, #4c3cff 50%, #8f00df 100%);
  background: linear-gradient(135deg, #27a4fd, #4c3cff 50%, #8f00df);
  cursor: pointer
}

.subpage-promo-wrapper .play-pause:before {
  background-image: url(/img/icons/btn_pause_big_white.png);
  background-position: 50%;
  background-size: 14.5px;
  opacity: 0
}

.subpage-promo-wrapper .play-pause:after,
.subpage-promo-wrapper .play-pause:before {
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.subpage-promo-wrapper .play-pause:after {
  background-image: url(/img/icons/play-shape-2.png);
  background-position: -webkit-calc(50% + 2px) 50%;
  background-position: calc(50% + 2px) 50%;
  background-size: 14px
}

.subpage-promo-wrapper .play-pause:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.subpage-promo-wrapper .play-pause.playing:after {
  opacity: 0
}

.subpage-promo-wrapper .play-pause.playing:before {
  opacity: 1
}

.subpage-promo-wrapper .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%
}

.subpage-promo-wrapper .content {
  position: absolute;
  bottom: 80px;
  padding-left: 235px
}

@media only screen and (max-width:1920px) {
  .subpage-promo-wrapper .content {
    padding-left: 208px;
    bottom: 11.5%
  }
}

.subpage-promo-wrapper .content h1 {
  max-width: 700px;
  font-size: 90px;
  font-family: Industry, sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: .9;
  margin: 0
}

@media only screen and (max-width:1920px) {
  .subpage-promo-wrapper .content h1 {
    font-size: 4.7vw;
    max-width: 45%
  }

  .subpage-promo-wrapper .content h1.podcast-title {
    max-width: 100%
  }
}

.subpage-promo-wrapper .content h1 span {
  color: #79c1ff
}

.load-more-wrap {
  text-align: center;
  padding: 40px 0 30px
}

.load-more-wrap .load-more-btn {
  position: relative;
  display: inline-block;
  font-family: Industry, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #767676;
  z-index: 2;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.load-more-wrap .load-more-btn:hover:before {
  top: -45px
}

.load-more-wrap .load-more-btn:hover:after {
  bottom: -30px
}

.load-more-wrap .load-more-btn:before {
  width: 3px;
  height: 40px;
  top: -50px;
  background: url(/img/icons/shape-16.png) no-repeat;
  background-position: 50%;
  background-size: contain
}

.load-more-wrap .load-more-btn:after,
.load-more-wrap .load-more-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  pointer-events: none
}

.load-more-wrap .load-more-btn:after {
  width: 15px;
  height: 24px;
  bottom: -25px;
  background: url(/img/icons/arrow-down.png) no-repeat;
  background-position: 50%;
  background-size: contain
}

.load-more-wrap .load-more-btn span {
  background: url(/img/icons/shape-15.png) no-repeat;
  background-size: contain;
  background-position: center top 0;
  color: #fff;
  padding: 5px 25px;
  margin-bottom: 5px;
  display: block
}

.section-1 {
  position: relative;
  padding-top: 180px
}

.section-1 .gradient-shape {
  position: absolute;
  right: 74px;
  bottom: 16%;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  -webkit-box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  z-index: 1;
  overflow: hidden;
  background: #300273
}

.section-1 .gradient-shape small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.section-1:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 7.7%;
  height: 27%;
  background-color: #6930c6
}

.section-1 .container-1 {
  padding-left: 132px;
  padding-right: 80px
}

.section-1 .top-content {
  padding-left: 6%;
  padding-bottom: 95px
}

.section-1 .text-box {
  float: left;
  width: 40%
}

.section-1 .text-box .small-title {
  font-family: Industry, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 36px
}

.section-1 .text-box .small-title i {
  display: inline-block;
  font-style: inherit;
  overflow: hidden
}

.section-1 .text-box .small-title small {
  display: inline-block;
  font-size: inherit
}

.section-1 .text-box .small-title span {
  color: #48117a
}

.section-1 .text-box .main-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.25
}

.section-1 .text-box .main-title span {
  position: relative;
  display: inline-block
}

.section-1 .text-box .main-title span:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #f3aff8;
  z-index: -1;
  opacity: 0
}

.section-1 .text-box .main-title small {
  position: relative;
  display: inline-block;
  font-size: inherit
}

.section-1 .text-box .main-title small:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #79c1ff;
  z-index: -1;
  opacity: 0
}

.section-1 .text-box .main-title.active small:before,
.section-1 .text-box .main-title.active span:before {
  -webkit-transform: translateZ(0) scaleX(1);
  transform: translateZ(0) scaleX(1);
  opacity: .5
}

.section-1 .text-box .btn-2 {
  margin-top: 20px
}

.section-1 .grid-box {
  float: left;
  width: 60%;
  overflow: hidden;
  padding-left: 80px
}

.section-1 .grid-box .grid {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  position: relative;
  padding: 20px 15px;
  max-height: 547px;
  right: -40px
}

.section-1 .grid-box .grid li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 30px
}

.section-1 .grid-box .grid .small-circle {
  -webkit-transition: opacity 3s ease .6s, -webkit-transform .8s ease;
  transition: opacity 3s ease .6s, -webkit-transform .8s ease;
  -o-transition: opacity 3s ease .6s, transform .8s ease;
  transition: opacity 3s ease .6s, transform .8s ease;
  transition: opacity 3s ease .6s, transform .8s ease, -webkit-transform .8s ease
}

.section-1 .grid-box .grid .big-circle,
.section-1 .grid-box .grid .small-circle {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #c0daff;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  border-radius: 50%;
  opacity: 0;
  margin: 0
}

.section-1 .grid-box .grid .big-circle {
  -webkit-transition: opacity .6s ease, -webkit-transform .8s ease;
  transition: opacity .6s ease, -webkit-transform .8s ease;
  -o-transition: opacity ease .6s, transform .8s ease;
  transition: opacity .6s ease, transform .8s ease;
  transition: opacity .6s ease, transform .8s ease, -webkit-transform .8s ease
}

.section-1 .grid-box .grid span {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #6c6c6c;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.section-1 .grid-box .big-head,
.section-1 .grid-box .grid span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-1 .grid-box .big-head {
  max-width: 460px;
  width: 50%;
  height: 432px;
  background-size: contain;
  background-position: 50%;
  pointer-events: none
}

.section-1 .bottom-content {
  max-width: 92%;
  width: 100%;
  padding-left: 6%
}

.section-1 .bottom-content .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #c7c7c7;
  padding: 22px 0
}

.section-1 .counter-wrap {
  float: left;
  width: 48%;
  position: relative
}

.section-1 .counter-wrap:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100px;
  background-color: #c7c7c7
}

.section-1 .counter-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-1 .counter-wrap li:first-child {
  width: 27%;
  padding-right: 20px
}

.section-1 .counter-wrap li:nth-child(2) {
  width: 35%;
  padding-right: 20px
}

.section-1 .counter-wrap li:nth-child(3) {
  width: 38%;
  padding-right: 20px
}

.section-1 .counter-wrap .text {
  font-family: Industry, sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1
}

.section-1 .counter-wrap .number {
  font-size: 50px;
  color: #a0a0a0;
  line-height: 1;
  margin-bottom: 8px
}

.section-1 .logo-wrap {
  float: left;
  width: 52%;
  padding-left: 4%
}

.section-1 .logo-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.section-1 .logo-wrap li {
  display: inline-block;
  margin: 0 3.5%
}

.section-1 .logo-wrap img {
  max-width: 80px;
  width: 100%;
  height: auto
}

.home-tabs-overflow {
  padding: 0 20px
}

.section-2 {
  position: relative;
  background-color: #6930c6;
  background-image: url(/img/bg/colors-bg.png);
  background-size: cover;
  background-position: 50% bottom;
  background-repeat: no-repeat
}

.section-2 .bubble-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none
}

.section-2 .bubble-wrap .bubble {
  position: absolute;
  top: -100px;
  left: -244px;
  width: 313px;
  height: 313px;
  border-radius: 50%
}

.section-2 .bubble-wrap .bubble.grad-1 {
  background: #300273;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #300273), color-stop(65%, #4e1d8c), color-stop(80%, #7330a1), color-stop(87%, #863caa), color-stop(92%, #9644b2), color-stop(100%, #bc59c0), to(#883cab));
  background: -o-linear-gradient(top, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 100%);
  background: linear-gradient(180deg, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#300273", endColorstr="#883cab", GradientType=0);
  -webkit-box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4);
  box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4)
}

.section-2 .inner {
  overflow: hidden
}

.section-2 .dotted-shape {
  position: absolute;
  z-index: 0;
  top: 29%;
  right: 0;
  width: 197px;
  height: 250px;
  background-size: contain;
  background-position: 100%
}

.section-2 h2 {
  position: relative;
  font-family: Industry, sans-serif;
  font-size: 90px;
  color: #fff;
  text-transform: uppercase;
  padding-left: 14%;
  padding-top: 83px;
  z-index: 10
}

.section-2 .article-block {
  position: relative;
  width: 100%;
  margin: auto;
  padding-top: 70px
}

.section-2 .shown {
  visibility: visible;
  opacity: 1
}

.section-2 .overflow-wrap {
  min-height: 80px;
  margin-left: auto;
  width: 86%
}

.section-2 .tabs-block li {
  display: inline-block;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #985df9;
  position: relative;
  z-index: 2;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-transition: color .4s cubic-bezier(.86, 0, .33, .26);
  -o-transition: color .4s cubic-bezier(.86, 0, .33, .26);
  transition: color .4s cubic-bezier(.86, 0, .33, .26)
}

.section-2 .tabs-block li:after {
  content: "";
  -webkit-transition: -webkit-transform .4s cubic-bezier(.86, 0, .33, .26);
  transition: -webkit-transform .4s cubic-bezier(.86, 0, .33, .26);
  -o-transition: transform .4s cubic-bezier(.86, 0, .33, .26);
  transition: transform .4s cubic-bezier(.86, 0, .33, .26);
  transition: transform .4s cubic-bezier(.86, 0, .33, .26), -webkit-transform .4s cubic-bezier(.86, 0, .33, .26);
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #6599d5;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%
}

.section-2 .tabs-block li:first-child {
  margin-left: 0
}

.section-2 .tabs-block li.active {
  color: #fff
}

.section-2 .tabs-block li.active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.section-2 .tabs-block li:hover {
  color: #fff
}

.section-2 .tabs-block .label {
  position: absolute;
  left: 6%;
  bottom: -2px;
  background: #65a0d6;
  height: 2px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.section-2 .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 14%
}

.section-2 .text .btns-wrap {
  float: left;
  width: 300px
}

.section-2 .text .btns-wrap .btn-2 {
  display: block
}

.section-2 .text .btns-wrap .btn-2 span {
  padding: 24px 27px 24px 83px
}

.section-2 .text .btns-wrap .btn-2:not(:last-child) {
  margin-bottom: 48px
}

.section-2 .description {
  float: left;
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  padding-left: 100px;
  max-width: 900px;
  padding-right: 20px
}

.section-2 .description p {
  font-size: 27px;
  color: #fff;
  line-height: 1.5
}

.section-2 .content-wrap {
  padding-top: 125px
}

.section-2 .slider-wrap .bg {
  width: 100%;
  height: 312px;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 6s cubic-bezier(.215, .61, .355, 1);
  -o-transition: transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: transform 6s cubic-bezier(.215, .61, .355, 1), -webkit-transform 6s cubic-bezier(.215, .61, .355, 1)
}

.section-2 .slider-wrap .pagination-wrap {
  position: relative;
  display: inline-block;
  height: 30px;
  width: auto;
  margin: 60px auto auto
}

.section-2 .slider-wrap .swiper-container {
  text-align: center;
  padding-bottom: 155px
}

.section-2 .slider-wrap .swiper-container .swiper-slide .hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 65px;
  height: 65px;
  background-color: #a230c6;
  border-radius: 50px;
  z-index: 2;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.section-2 .slider-wrap .swiper-container .swiper-slide .hover-text .white-dot {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 51%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff
}

.section-2 .slider-wrap .swiper-container .swiper-slide .hover-text p {
  position: absolute;
  top: 54%;
  right: -22px;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  color: #fff;
  opacity: 0;
  font-family: Industry, sans-serif;
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  -o-transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.section-2 .slider-wrap .swiper-container .swiper-slide .hover-text:before {
  content: "";
  width: 190%;
  height: 190%;
  position: absolute;
  top: -30px;
  left: -30px;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
  -webkit-transition: background-size .5s;
  -o-transition: background-size .5s;
  transition: background-size .5s
}

.section-2 .slider-wrap .swiper-container .swiper-slide .overlay-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #a230c6;
  z-index: -1
}

.section-2 .slider-wrap .icon-wrap,
.section-2 .slider-wrap .icon-wrap .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.section-2 .slider-wrap .icon-wrap .overlay {
  background: #000;
  opacity: .45
}

.section-2 .slider-wrap .icon-wrap .img-wrap {
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  -webkit-transition: opacity .5s, visibility .5s;
  -o-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s
}

.section-2 .slider-wrap .icon-wrap .img {
  display: inline-block;
  width: 85px;
  height: 85px;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 5px;
  background-size: 52px;
  background-position: 50%
}

.section-2 .slider-wrap .icon-wrap p {
  font-family: Industry, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff
}

.section-2 .slider-wrap .swiper-slide:hover .bg-wrap {
  opacity: .15
}

.section-2 .slider-wrap .swiper-slide:hover .bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.section-2 .slider-wrap .swiper-slide:hover .img-wrap {
  opacity: 0;
  visibility: hidden
}

.section-2 .slider-wrap .swiper-slide:hover .hover-text {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.section-2 .slider-wrap .swiper-slide:hover .hover-text p {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
  transition: opacity .5s .4s, -webkit-transform .5s .4s;
  -o-transition: transform .5s .4s, opacity .5s .4s;
  transition: transform .5s .4s, opacity .5s .4s;
  transition: transform .5s .4s, opacity .5s .4s, -webkit-transform .5s .4s
}

.section-2 .slider-wrap .swiper-pagination {
  position: relative
}

.section-2 .slider-wrap .bg-wrap {
  overflow: hidden;
  -webkit-box-shadow: 0 30px 64px -16px rgba(0, 0, 0, .8);
  box-shadow: 0 30px 64px -16px rgba(0, 0, 0, .8);
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s
}

.section-2 .slider-wrap .swiper-pagination-bullet {
  width: 34px;
  height: 3px;
  border-radius: 0;
  background: #fff;
  opacity: .4;
  margin: 0 8px
}

.section-2 .slider-wrap .swiper-pagination-bullet-active {
  opacity: 1
}

.section-2 .slider-wrap .swiper-button-next {
  right: -30px;
  background-image: url(/img/icons/arrow-right.png)
}

.section-2 .slider-wrap .swiper-button-next,
.section-2 .slider-wrap .swiper-button-prev {
  width: 23px;
  height: 13px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  margin-top: -10px
}

.section-2 .slider-wrap .swiper-button-prev {
  left: -30px;
  background-image: url(/img/icons/arrow-left.png);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.section-3 {
  position: relative;
  z-index: 2
}

.section-3 .white-mouse-dot {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  pointer-events: none;
  z-index: 10
}

.section-3 .white-mouse-dot.hidden {
  opacity: 0;
  visibility: hidden
}

.section-3 .mouse-wrap {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none
}

.section-3 .mouse-box {
  position: absolute;
  width: 62px;
  height: 62px;
  z-index: 5;
  pointer-events: none
}

.section-3 .mouse-box .purple-circle {
  width: 62px;
  height: 62px;
  display: block;
  border-radius: 50%;
  background-color: #681682;
  position: relative
}

.section-3 .mouse-box .purple-circle:before {
  content: "";
  width: 131px;
  height: 131px;
  position: absolute;
  top: -webkit-calc(50% - 65.5px);
  top: calc(50% - 65.5px);
  left: -webkit-calc(50% - 65.5px);
  left: calc(50% - 65.5px);
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
  -webkit-transition: background-size .5s;
  -o-transition: background-size .5s;
  transition: background-size .5s;
  opacity: .5
}

.section-3 .mouse-box p {
  position: absolute;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-bottom: 0;
  right: -83px;
  width: 100px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #fff;
  font-family: Industry, sans-serif;
  text-transform: uppercase
}

.section-3 .mouse-box.hidden {
  opacity: 0;
  visibility: hidden
}

.section-3 .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-3 .row-box {
  position: relative;
  text-align: center;
  overflow: hidden
}

.section-3 .row-box span.over-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #63126e
}

.section-3 .row-box:nth-child(odd) span.over-bg {
  background-color: #371564
}

.section-3 .row-box:not(.not-hoverable):hover .bg {
  -webkit-transition: opacity .5s cubic-bezier(.22, .61, .36, 1), -webkit-transform 4s cubic-bezier(.22, .61, .36, 1);
  transition: opacity .5s cubic-bezier(.22, .61, .36, 1), -webkit-transform 4s cubic-bezier(.22, .61, .36, 1);
  -o-transition: transform 4s cubic-bezier(.22, .61, .36, 1), opacity .5s cubic-bezier(.22, .61, .36, 1);
  transition: transform 4s cubic-bezier(.22, .61, .36, 1), opacity .5s cubic-bezier(.22, .61, .36, 1);
  transition: transform 4s cubic-bezier(.22, .61, .36, 1), opacity .5s cubic-bezier(.22, .61, .36, 1), -webkit-transform 4s cubic-bezier(.22, .61, .36, 1);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: .24
}

.section-3 .row-box:not(.not-hoverable):hover .text p {
  color: #fff
}

.section-3 .row-box:not(.not-hoverable):hover .text.quote p {
  color: #444
}

.section-3 .row-box:not(.not-hoverable):hover .text.big p {
  color: #a230c6
}

.section-3 .row-box:not(.not-hoverable):hover.no-hover .bg {
  opacity: 1
}

.section-3 .half-width {
  float: left;
  width: 50%;
  height: 28vw
}

.section-3 .quarter-width {
  float: left;
  width: 25%;
  height: 28vw
}

.section-3 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  -webkit-transition: opacity .5s cubic-bezier(.22, .61, .36, 1), -webkit-transform 1s cubic-bezier(.22, .61, .36, 1);
  transition: opacity .5s cubic-bezier(.22, .61, .36, 1), -webkit-transform 1s cubic-bezier(.22, .61, .36, 1);
  -o-transition: transform 1s cubic-bezier(.22, .61, .36, 1), opacity .5s cubic-bezier(.22, .61, .36, 1);
  transition: transform 1s cubic-bezier(.22, .61, .36, 1), opacity .5s cubic-bezier(.22, .61, .36, 1);
  transition: transform 1s cubic-bezier(.22, .61, .36, 1), opacity .5s cubic-bezier(.22, .61, .36, 1), -webkit-transform 1s cubic-bezier(.22, .61, .36, 1)
}

.section-3 .bg.last {
  background-image: none !important
}

.section-3 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a230c6;
  opacity: 1;
  z-index: -1
}

.section-3 .text {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
  padding: 50px
}

.section-3 .text p {
  width: 100%;
  margin: 0;
  -webkit-transition: color .5s cubic-bezier(.215, .61, .355, 1);
  -o-transition: color .5s cubic-bezier(.215, .61, .355, 1);
  transition: color .5s cubic-bezier(.215, .61, .355, 1)
}

.section-3 .text.big p {
  font-family: Industry, sans-serif;
  font-size: 90px;
  color: #a230c6;
  text-transform: uppercase;
  margin: 0
}

@media only screen and (max-width:1920px) {
  .section-3 .text.big p {
    font-size: 4.65vw
  }
}

.section-3 .text.big p span {
  color: #fff;
  display: inline-block;
  background: url(/img/icons/shape-6.png) no-repeat;
  background-size: contain;
  background-position: center top -5px;
  padding: 0 50px;
  position: relative;
  left: -120px;
  top: -31px
}

@media only screen and (max-width:1920px) {
  .section-3 .text.big p span {
    left: -14%;
    top: -1.5vw
  }
}

.section-3 .text.small p {
  font-family: Industry, sans-serif;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase
}

@media only screen and (max-width:1920px) {
  .section-3 .text.small p {
    font-size: 1.25vw
  }
}

.section-3 .text.quote p {
  font-family: Glegoo, sans-serif;
  font-size: 26px;
  font-weight: 700;
  text-transform: none;
  line-height: 1.3;
  color: #2e2e2e
}

@media only screen and (max-width:1920px) {
  .section-3 .text.quote p {
    font-size: 1.35vw
  }
}

.section-3 .text.quote .work {
  margin-top: 15px;
  display: block;
  font-family: Industry, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #767676
}

@media only screen and (max-width:1920px) {
  .section-3 .text.quote .work {
    font-size: .85vw
  }
}

.section-3 .text.quote .work .name {
  background: url(/img/icons/shape-7.png) no-repeat;
  background-size: contain;
  background-position: center top 0;
  color: #fff;
  padding: 5px 25px;
  margin-bottom: 5px;
  display: inline-block
}

.section-3 .text.color-2 p {
  color: #444
}

.section-4 {
  position: relative;
  background-color: #6930c6
}

.section-4 .inner {
  position: relative;
  width: 75%;
  margin-left: auto
}

.section-4 .inner:before {
  content: "";
  width: 100%;
  height: 180%;
  right: 0;
  bottom: 0;
  position: absolute;
  background: url(/img/bg/bg-2.jpg) no-repeat;
  background-size: cover;
  background-position: 50%
}

@media only screen and (min-width:1920px) {
  .section-4 .inner:before {
    height: 200%
  }
}

.section-4 .small-title {
  position: relative;
  margin: 0;
  font-size: 35px;
  padding: 110px 10px 10px 13%
}

.section-4 .dotted-shape {
  position: absolute;
  z-index: 2;
  bottom: -9%;
  left: 20%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 335px;
  height: 335px;
  background-size: contain;
  background-position: 50%
}

.section-4 .station-logo-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10%;
  padding-top: 55px;
  padding-bottom: 7%
}

.section-4 .station-logo-wrap li {
  position: relative;
  display: inline-block;
  width: -webkit-calc(20% - 60px);
  width: calc(20% - 60px);
  height: 20%;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  padding: 15px;
  margin: 0 4.2% 70px;
  -webkit-transition: -webkit-filter .5s ease-in-out;
  transition: -webkit-filter .5s ease-in-out;
  -o-transition: filter .5s ease-in-out;
  transition: filter .5s ease-in-out;
  transition: filter .5s ease-in-out, -webkit-filter .5s ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.section-4 .station-logo-wrap li a {
  display: block
}

.section-4 .station-logo-wrap li:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.section-4 .station-logo-wrap .logo-radio {
  display: block;
  max-width: 100%;
  width: 100%
}

.section-5 .container-1 {
  padding-left: 134px
}

.section-5 .inner {
  padding: 55px 95px 55px 5%
}

.section-5 .text-box {
  position: relative;
  float: left;
  width: 70%;
  padding-right: 6%
}

.section-5 .text-box p {
  font-weight: 700;
  font-size: 4em;
  line-height: 1.25;
  padding-left: 10px
}

.section-5 .text-box span.color-1 {
  background: url(/img/icons/shape-10.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat
}

.section-5 .text-box span.color-1,
.section-5 .text-box span.color-2 {
  position: relative;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.section-5 .text-box span.color-2 {
  background: url(/img/icons/shape-11.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat;
  background-repeat-x: repeat
}

.section-5 .text-box .bg-shape {
  width: 78px;
  height: 73px;
  display: block;
  position: absolute;
  bottom: -60px;
  right: 22%;
  background: url(/img/icons/shape-1.png) no-repeat;
  background-size: contain;
  background-position: 50%
}

.section-5 .main-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.25
}

.section-5 .main-title span {
  position: relative;
  display: inline-block
}

.section-5 .main-title span:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #f3aff8;
  z-index: -1;
  opacity: 0
}

.section-5 .main-title small {
  position: relative;
  display: inline-block;
  font-size: inherit
}

.section-5 .main-title small:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #79c1ff;
  z-index: -1;
  opacity: 0
}

.section-5 .main-title.active small:before,
.section-5 .main-title.active span:before {
  -webkit-transform: translateZ(0) scaleX(1);
  transform: translateZ(0) scaleX(1);
  opacity: .5
}

.section-5 .info-box {
  float: left;
  width: 30%
}

.section-5 .info-box p {
  font-size: 25px;
  line-height: 1.4;
  color: #6e6e6e;
  font-weight: 700
}

.section-5 .btn-wrap {
  float: left;
  width: 100%;
  margin-top: 20px
}

.section-6 .container-1 {
  padding-left: 134px
}

@media only screen and (max-width:1920px) {
  .section-6 .container-1 {
    padding-left: 7%
  }
}

.section-6 .inner {
  padding: 25px 95px 55px 5%
}

.section-6 .title-box h2 {
  font-family: Industry, sans-serif;
  font-size: 60px;
  text-transform: uppercase
}

.section-6 .tabs-overflow {
  min-height: 80px;
  overflow: hidden;
  padding: 0 10px
}

.section-6 .tabs-block li {
  display: inline-block;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #bfbfbf;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-right: 60px;
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-transition: .3s cubic-bezier(.86, 0, .33, .26);
  -o-transition: .3s cubic-bezier(.86, 0, .33, .26);
  transition: .3s cubic-bezier(.86, 0, .33, .26)
}

.section-6 .tabs-block li:after {
  content: "";
  height: 8px;
  width: 105%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  background-color: #6599d5;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.section-6 .tabs-block li:hover {
  color: #a230c6
}

.section-6 .tabs-block li:first-child {
  margin-left: 0
}

.section-6 .tabs-block li.active {
  color: #a230c6
}

.section-6 .tabs-block li.active:after {
  -webkit-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1)
}

.section-6 .people-wrap {
  position: relative
}

.section-6 .people-wrap .inner-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
  padding: 43px 0
}

.section-6 .people-wrap .bg-shape {
  display: block;
  position: absolute;
  background-size: contain;
  background-position: 50%
}

.section-6 .people-wrap .bg-shape.shape-1 {
  width: 130px;
  height: 130px;
  left: 50%;
  -webkit-transform: translate(-122%, -50%);
  transform: translate(-122%, -50%);
  top: 19%
}

.section-6 .people-wrap .bg-shape.shape-2 {
  width: 240px;
  height: 240px;
  right: -145px;
  top: 50%;
  -webkit-transform: translateY(-369%);
  transform: translateY(-369%)
}

.section-6 .people-wrap .bg-shape.shape-3 {
  width: 190px;
  height: 190px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -126%);
  transform: translate(-50%, -126%)
}

.section-6 .people-wrap .bg-shape.shape-4 {
  width: 66px;
  height: 66px;
  top: 40%;
  right: 17%;
  -webkit-transform: translate(140%, -36%);
  transform: translate(140%, -36%)
}

.section-6 .people-wrap .bg-shape.shape-5 {
  top: 50%;
  -webkit-transform: translateY(22%);
  transform: translateY(22%);
  left: -210px;
  width: 313px;
  height: 313px;
  border-radius: 50%;
  background: #8d00db;
  background: -o-linear-gradient(45deg, #8d00db 0, #5421f8 51%, #28a1fe 100%);
  background: linear-gradient(45deg, #8d00db, #5421f8 51%, #28a1fe);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8d00db", endColorstr="#28a1fe", GradientType=1);
  -webkit-box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4);
  box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4)
}

.section-6 .people-wrap .bg-shape.pos-2 {
  top: auto;
  bottom: -75px;
  left: auto;
  right: -50px;
  z-index: 2
}

.section-6 .people-wrap .single-card {
  position: relative;
  width: -webkit-calc(25% - 46px);
  width: calc(25% - 46px);
  height: 28vw;
  max-height: 453px;
  margin: 23px;
  overflow: hidden;
  border-radius: 5px;
  z-index: 2;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19);
  box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19);
  cursor: pointer
}

@media only screen and (min-width:2600px) {
  .section-6 .people-wrap .single-card {
    max-height: 600px
  }
}

@media only screen and (min-width:1921px) {
  .section-6 .people-wrap .single-card {
    width: -webkit-calc(20% - 46px);
    width: calc(20% - 46px)
  }
}

.section-6 .people-wrap .single-card:hover .bg {
  opacity: .2;
  mix-blend-mode: luminosity;
  -webkit-transition-delay: .9;
  -o-transition-delay: .9;
  transition-delay: .9
}

.section-6 .people-wrap .single-card:hover .name span {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0
}

.section-6 .people-wrap .single-card:hover .name span:last-child {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s
}

.section-6 .people-wrap .single-card:hover .info p span {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.section-6 .people-wrap .single-card:hover .info p span:last-child {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s
}

.section-6 .people-wrap .single-card:hover .info-btn .listen-ico {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-6 .people-wrap .single-card:hover .info-btn .package-ico,
.section-6 .people-wrap .single-card:hover .info-btn .profil-ico {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-6 .people-wrap .single-card:hover .info-btn .calendar-ico {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-6 .people-wrap .single-card:hover .info-btn .favorite-ico {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-6 .people-wrap .single-card:hover .info-btn span {
  opacity: 1;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.section-6 .people-wrap .single-card:hover .info-btn.package span,
.section-6 .people-wrap .single-card:hover .info-btn.profile span {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s
}

.section-6 .people-wrap .single-card:hover .info-btn.listen span {
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s
}

.section-6 .people-wrap .single-card:hover .info-btn.calendar span,
.section-6 .people-wrap .single-card:hover .info-btn.favorite span {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s
}

.section-6 .people-wrap .single-img {
  border-radius: 5px
}

.section-6 .people-wrap .single-img,
.section-6 .people-wrap .single-img .bg {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover
}

.section-6 .people-wrap .single-img .bg {
  z-index: 0;
  z-index: 2;
  -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
  -o-transition: all .6s cubic-bezier(.165, .84, .44, 1);
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.section-6 .people-wrap .single-img .overlay {
  position: absolute;
  background: #771a94;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 5px
}

.section-6 .people-wrap .name {
  font-family: Industry, sans-serif;
  font-size: 1.35vw;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 65px;
  left: 33px;
  line-height: 29px;
  width: 80%;
  height: auto;
  margin: 0;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700
}

@media only screen and (min-width:1921px) {
  .section-6 .people-wrap .name {
    font-size: 28px
  }
}

.section-6 .people-wrap .name.color-1 {
  color: #308cff
}

.section-6 .people-wrap .name.color-2 {
  color: #9537af
}

.section-6 .people-wrap .name span {
  position: absolute;
  display: inline;
  background: #fff;
  padding: 2px 12px;
  -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1);
  -o-transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.section-6 .people-wrap .info {
  position: absolute;
  width: -webkit-calc(100% - 46px);
  width: calc(100% - 46px);
  height: -webkit-calc(100% - 46px);
  height: calc(100% - 46px);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  padding: 10px
}

.section-6 .people-wrap .info p {
  font-family: Industry, sans-serif;
  font-weight: 400;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.section-6 .people-wrap .info p span {
  position: absolute;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
  -o-transition: all .6s cubic-bezier(.165, .84, .44, 1);
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.section-6 .people-wrap .info .info-btn {
  position: absolute;
  display: inline-block;
  max-width: 130px;
  max-height: 130px;
  width: 38%;
  height: 100%;
  text-align: center
}

.section-6 .people-wrap .info .info-btn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.section-6 .people-wrap .info .info-btn.package,
.section-6 .people-wrap .info .info-btn.profile {
  left: 8%;
  bottom: 7%
}

.section-6 .people-wrap .info .info-btn.listen {
  right: 8%;
  bottom: 7%
}

.section-6 .people-wrap .info .info-btn.calendar,
.section-6 .people-wrap .info .info-btn.favorite {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 7%
}

.section-6 .people-wrap .info .info-btn span {
  font-family: Industry, sans-serif;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  min-width: 100px;
  opacity: 0;
  -webkit-transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
  -o-transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
  transition: all .6s cubic-bezier(.175, .885, .32, 1.275)
}

.section-6 .people-wrap .info .info-btn:hover:after {
  background-size: 100%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite
}

.section-6 .people-wrap .info .calendar-ico,
.section-6 .people-wrap .info .favorite-ico,
.section-6 .people-wrap .info .listen-ico,
.section-6 .people-wrap .info .package-ico,
.section-6 .people-wrap .info .profil-ico {
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%);
  border-radius: 50%;
  background-color: #571d69;
  -webkit-transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
  -o-transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
  transition: all .6s cubic-bezier(.175, .885, .32, 1.275)
}

.section-6 .people-wrap .info .profil-ico {
  background-image: url(/img/icons/profile-ico.png);
  background-size: 27px;
  background-position: 50%
}

.section-6 .people-wrap .info .listen-ico {
  background-image: url(/img/icons/listen-ico.png);
  background-size: 25px;
  background-position: 50%
}

.section-6 .people-wrap .info .calendar-ico {
  background-image: url(/img/icons/calendar-ico.png);
  background-size: 25px;
  background-position: 50%
}

.section-6 .people-wrap .info .package-ico {
  background-image: url(/img/icons/package-ico.png);
  background-size: 32px;
  background-position: 50%
}

.section-6 .people-wrap .info .favorite-ico {
  background-image: url(/img/icons/favorite-ico.png);
  background-size: 27px;
  background-position: 50%
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.section-7 {
  position: relative;
  background-color: #6930c6
}

.section-7 .inner {
  position: relative;
  width: 75%;
  margin-left: auto;
  background: #fff;
  padding: 35px 0 60px 90px
}

.section-7 .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-7 .dotted-shape {
  position: absolute;
  z-index: 2;
  bottom: -150px;
  left: 15%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 335px;
  height: 335px;
  background-size: contain;
  background-position: 50%
}

.section-7 .text-wrap {
  float: left;
  width: 60%
}

.section-7 .text-wrap p {
  font-weight: 700;
  font-size: 4em;
  line-height: 1.25;
  padding-left: 10px
}

.section-7 .text-wrap .small-title {
  font-size: 25px;
  margin: 0
}

.section-7 .text-wrap span.color-1 {
  background: url(/img/icons/shape-10.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat
}

.section-7 .text-wrap span.color-1,
.section-7 .text-wrap span.color-2 {
  position: relative;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.section-7 .text-wrap span.color-2 {
  background: url(/img/icons/shape-11.png);
  background-size: 350px;
  background-position-y: 60%;
  background-repeat-y: no-repeat;
  background-repeat-x: repeat
}

.section-7 .text-block:not(:last-child) {
  padding-bottom: 85px
}

.section-7 .grid-wrap {
  float: left;
  width: 40%;
  background-size: contain;
  background-position: 100%
}

.section-7 .main-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.25
}

.section-7 .main-title span {
  position: relative;
  display: inline-block
}

.section-7 .main-title span:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #f3aff8;
  z-index: 0;
  opacity: 0
}

.section-7 .main-title small {
  position: relative;
  display: inline-block;
  font-size: inherit
}

.section-7 .main-title small:before {
  content: "";
  -webkit-transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  transition: opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -o-transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1);
  transition: transform 1s cubic-bezier(.65, .05, .36, 1), opacity 1s cubic-bezier(.65, .05, .36, 1), -webkit-transform 1s cubic-bezier(.65, .05, .36, 1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate3d(-15%, 0, 0) scaleX(.01);
  transform: translate3d(-15%, 0, 0) scaleX(.01);
  width: 100%;
  height: 100%;
  background-color: #79c1ff;
  z-index: 0;
  opacity: 0
}

.section-7 .main-title.active small:before,
.section-7 .main-title.active span:before {
  -webkit-transform: translateZ(0) scaleX(1);
  transform: translateZ(0) scaleX(1);
  opacity: .5
}

.section-7 .grid-box {
  float: left;
  width: 40%;
  overflow: hidden;
  padding-left: 80px
}

.section-7 .grid-box .grid {
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  position: relative;
  padding: 20px 15px;
  max-height: 547px;
  right: -40px
}

.section-7 .grid-box .grid li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 30px
}

.section-7 .grid-box .grid .small-circle {
  -webkit-transition: opacity 3s ease .6s, -webkit-transform .8s ease;
  transition: opacity 3s ease .6s, -webkit-transform .8s ease;
  -o-transition: opacity 3s ease .6s, transform .8s ease;
  transition: opacity 3s ease .6s, transform .8s ease;
  transition: opacity 3s ease .6s, transform .8s ease, -webkit-transform .8s ease
}

.section-7 .grid-box .grid .big-circle,
.section-7 .grid-box .grid .small-circle {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #c0daff;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  border-radius: 50%;
  opacity: 0;
  margin: 0
}

.section-7 .grid-box .grid .big-circle {
  -webkit-transition: opacity .6s ease, -webkit-transform .8s ease;
  transition: opacity .6s ease, -webkit-transform .8s ease;
  -o-transition: opacity ease .6s, transform .8s ease;
  transition: opacity .6s ease, transform .8s ease;
  transition: opacity .6s ease, transform .8s ease, -webkit-transform .8s ease
}

.section-7 .grid-box .grid span {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #6c6c6c;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.section-7 .grid-box .big-head,
.section-7 .grid-box .grid span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-7 .grid-box .big-head {
  max-width: 460px;
  width: 50%;
  height: 432px;
  background-size: contain;
  background-position: 50%;
  pointer-events: none
}

.section-7 .gradient-shape {
  position: absolute;
  right: 24px;
  bottom: 2%;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  -webkit-box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  box-shadow: 21.531px 86.356px 101px rgba(159, 58, 207, .88);
  z-index: 1;
  overflow: hidden;
  background: #300273
}

.section-7 .gradient-shape small {
  background: -o-radial-gradient(center, ellipse, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(157, 61, 171, .81) 0, rgba(157, 61, 171, 0) 70%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 5;
  width: 150%;
  height: 150%;
  margin-left: -25%;
  margin-top: -25%;
  border-radius: 50%
}

.section-8 {
  position: relative;
  background-color: #6930c6;
  background-image: url(/img/bg/color-bg.jpg);
  background-size: contain;
  background-position: 50% bottom;
  background-repeat: no-repeat
}

.section-8 .main-title-box {
  padding-left: 225px
}

@media only screen and (max-width:1600px) {
  .section-8 .main-title-box {
    padding-left: 200px
  }
}

@media only screen and (max-width:1440px) {
  .section-8 .main-title-box {
    padding-left: 170px
  }
}

.section-8 .main-title-box h2 {
  font-family: Industry, sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  padding: 85px 0 68px
}

.section-8 .bubble {
  position: absolute;
  top: -100px;
  right: -244px;
  width: 313px;
  height: 313px;
  border-radius: 50%
}

.section-8 .bubble.grad-1 {
  background: #300273;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #300273), color-stop(65%, #4e1d8c), color-stop(80%, #7330a1), color-stop(87%, #863caa), color-stop(92%, #9644b2), color-stop(100%, #bc59c0), to(#883cab));
  background: -o-linear-gradient(top, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 100%);
  background: linear-gradient(180deg, #300273 34%, #4e1d8c 65%, #7330a1 80%, #863caa 87%, #9644b2 92%, #bc59c0 100%, #883cab 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#300273", endColorstr="#883cab", GradientType=0);
  -webkit-box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4);
  box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4)
}

.section-8 .slider-wrap .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 6s cubic-bezier(.215, .61, .355, 1);
  -o-transition: transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: transform 6s cubic-bezier(.215, .61, .355, 1);
  transition: transform 6s cubic-bezier(.215, .61, .355, 1), -webkit-transform 6s cubic-bezier(.215, .61, .355, 1)
}

.section-8 .slider-wrap .pagination-wrap {
  position: relative;
  display: inline-block;
  height: 30px;
  width: auto;
  margin: 100px auto auto
}

.section-8 .slider-wrap .title-box {
  text-align: left
}

.section-8 .slider-wrap .title-box p {
  font-size: 36px;
  color: #fff;
  margin-bottom: 32px
}

.section-8 .slider-wrap .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #8e20b1;
  opacity: 0;
  -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);
  -o-transition: all .4s cubic-bezier(.215, .61, .355, 1);
  transition: all .4s cubic-bezier(.215, .61, .355, 1)
}

.section-8 .slider-wrap .img-wrap {
  position: relative;
  display: block;
  height: 430px;
  border-radius: 5px;
  overflow: hidden
}

.section-8 .slider-wrap .swiper-container {
  text-align: center;
  padding-bottom: 88px
}

.section-8 .slider-wrap .icon-wrap {
  position: absolute;
  width: 130px;
  height: 130px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-8 .slider-wrap .icon-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.section-8 .slider-wrap .icon-wrap:hover:after {
  background-size: 100%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite
}

.section-8 .slider-wrap .icon-wrap .icon.download {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #8e20b1;
  background-image: url(/img/icons/download-ico.png);
  background-position: 50%;
  background-size: 17px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%)
}

.section-8 .slider-wrap .icon-wrap .icon.download,
.section-8 .slider-wrap .icon-wrap p {
  position: absolute;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.section-8 .slider-wrap .icon-wrap p {
  color: #fff;
  text-transform: uppercase;
  font-family: Industry, sans-serif;
  margin: 0;
  letter-spacing: 1px;
  font-size: 13px;
  left: 80px;
  width: 80px;
  top: 58px;
  -webkit-transform: translateY(30%);
  transform: translateY(30%)
}

.section-8 .slider-wrap .icon-wrap .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: .45
}

.section-8 .slider-wrap .swiper-slide:hover .bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.section-8 .slider-wrap .swiper-slide:hover .overlay {
  opacity: .8
}

.section-8 .slider-wrap .swiper-slide:hover .icon-wrap:after {
  background-size: 100%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite
}

.section-8 .slider-wrap .swiper-slide:hover .icon-wrap .icon.download {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-8 .slider-wrap .swiper-slide:hover .icon-wrap p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s
}

.section-8 .slider-wrap .swiper-pagination {
  position: relative
}

.section-8 .slider-wrap .swiper-pagination-bullet {
  width: 34px;
  height: 3px;
  border-radius: 0;
  background: #fff;
  opacity: .4;
  margin: 0 8px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.section-8 .slider-wrap .swiper-pagination-bullet-active {
  opacity: 1
}

.section-8 .slider-wrap .swiper-button-next {
  right: -30px;
  background-image: url(/img/icons/arrow-right.png)
}

.section-8 .slider-wrap .swiper-button-next,
.section-8 .slider-wrap .swiper-button-prev {
  width: 23px;
  height: 13px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-top: -10px
}

.section-8 .slider-wrap .swiper-button-prev {
  left: -30px;
  background-image: url(/img/icons/arrow-left.png)
}

.section-9 .container-1 {
  padding-left: 215px;
  padding-right: 81px
}

.section-9 .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -21px;
  margin-right: -21px
}

.section-9 .news-wrap {
  position: relative
}

.section-9 .news-wrap .bg-shape {
  display: block;
  position: absolute;
  background-size: contain;
  background-position: 50%
}

.section-9 .news-wrap .bg-shape.shape-1 {
  width: 130px;
  height: 130px;
  left: 50%;
  -webkit-transform: translate(-122%, -140%);
  transform: translate(-122%, -140%);
  top: 0
}

.section-9 .news-wrap .bg-shape.shape-2 {
  width: 240px;
  height: 240px;
  right: -170px;
  top: 30%;
  -webkit-transform: translateY(-369%);
  transform: translateY(-369%)
}

.section-9 .news-wrap .bg-shape.shape-3 {
  width: 190px;
  height: 190px;
  top: 43%;
  left: 7%;
  -webkit-transform: translate(-50%, -126%);
  transform: translate(-50%, -126%)
}

.section-9 .news-wrap .bg-shape.shape-4 {
  width: 130px;
  height: 130px;
  bottom: -8%;
  right: 17%;
  -webkit-transform: translate(140%, -36%);
  transform: translate(140%, -36%)
}

.section-9 .news-wrap .bg-shape.shape-5 {
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  left: -175px;
  width: 313px;
  height: 313px;
  border-radius: 50%;
  background: #8d00db;
  background: -o-linear-gradient(45deg, #8d00db 0, #5421f8 51%, #28a1fe 100%);
  background: linear-gradient(45deg, #8d00db, #5421f8 51%, #28a1fe);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8d00db", endColorstr="#28a1fe", GradientType=1);
  -webkit-box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4);
  box-shadow: 40px 154px 98px -15px rgba(0, 0, 0, .4)
}

.section-9 .news-wrap .bg-shape.shape-6 {
  width: 55px;
  height: 55px;
  top: 33%;
  left: -73px
}

.section-9 .news-wrap .bg-shape.shape-7 {
  width: 190px;
  height: 190px;
  bottom: 10%;
  left: -240px
}

.section-9 .news-wrap .bg-shape.shape-8 {
  width: 55px;
  height: 55px;
  bottom: -6%;
  left: -73px
}

.section-9 .news-wrap .bg-shape.shape-9 {
  width: 80px;
  height: 80px;
  top: -7%;
  left: 68%
}

.section-9 .news-wrap .bg-shape.pos-2 {
  top: 130px;
  bottom: -75px;
  left: auto;
  right: -290px;
  z-index: 2
}

.section-9 .title-box h2 {
  font-family: Industry, sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  padding: 100px 0 42px
}

.section-9 .news-block {
  position: relative;
  width: -webkit-calc(33.33% - 42px);
  width: calc(33.33% - 42px);
  margin: 21px;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  z-index: 2;
  -webkit-box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19);
  box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19)
}

.section-9 .news-block .img-wrap {
  position: relative;
  width: 100%;
  height: 358px
}

.section-9 .news-block .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-position: 50%;
  background-size: cover
}

.section-9 .news-block .text-wrap {
  padding: 40px 40px 94px
}

.section-9 .news-block .text-wrap h3 {
  font-family: Industry, sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1;
  color: #000
}

.section-9 .news-block .text-wrap p {
  font-size: 24px;
  line-height: 1.1;
  color: #000
}

.section-9 .news-block .text-wrap .read-more {
  position: absolute;
  bottom: 23px;
  left: 40px;
  font-family: Industry, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  color: #4848ff;
  letter-spacing: 1px
}

.section-9 .load-more-wrap {
  padding: 125px 0 100px
}

.section-10 {
  padding-bottom: 223px;
  position: relative
}

.section-10 .container-1 {
  padding-left: 215px;
  padding-right: 81px
}

.section-10 .blocks-wrap,
.section-10 .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -21px;
  margin-right: -21px
}

.section-10 .blocks-wrap {
  width: 100%
}

.section-10 .block {
  position: relative;
  width: -webkit-calc(25% - 42px);
  width: calc(25% - 42px);
  margin: 21px;
  height: 555px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19);
  box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19)
}

.section-10 .icon-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.section-10 .icon-wrap .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: .45;
  -webkit-transition: opacity .4s ease-out;
  -o-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out
}

.section-10 .icon-wrap .img-wrap {
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%
}

.section-10 .icon-wrap .img {
  display: inline-block;
  width: 85px;
  height: 85px;
  background-color: #fff;
  border-radius: 50%;
  margin-bottom: 5px;
  background-size: 52px;
  background-position: 50%
}

.section-10 .icon-wrap p {
  font-family: Industry, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff
}

.section-10 .block:hover .bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.section-10 .block:hover .icon-wrap .overlay {
  opacity: 0
}

.section-10 .bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 30px 64px -16px rgba(0, 0, 0, .8);
  box-shadow: 0 30px 64px -16px rgba(0, 0, 0, .8)
}

.section-10 .bg-wrap .bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 3s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 3s cubic-bezier(.215, .61, .355, 1);
  -o-transition: transform 3s cubic-bezier(.215, .61, .355, 1);
  transition: transform 3s cubic-bezier(.215, .61, .355, 1);
  transition: transform 3s cubic-bezier(.215, .61, .355, 1), -webkit-transform 3s cubic-bezier(.215, .61, .355, 1)
}

.section-11 {
  padding-top: 180px;
  padding-bottom: 260px
}

.section-11 .container-1 {
  padding-left: 215px;
  padding-right: 81px
}

.section-11 .podcast-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.section-11 .podcast-wrap .top-content {
  border-bottom: 1px solid #c7c7c7;
  text-align: center
}

.section-11 .card {
  position: relative;
  width: -webkit-calc(33.33% - 52px);
  width: calc(33.33% - 52px);
  margin: 0 26px;
  padding: 32px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19);
  box-shadow: 10px 10px 27px 0 rgba(0, 0, 0, .19)
}

.section-11 .top-tag {
  position: absolute;
  height: 44px;
  top: 0;
  left: 0;
  right: 0;
  background: #9537af;
  text-align: center;
  padding-top: 4px
}

.section-11 .top-tag p {
  font-family: Industry, sans-serif;
  font-size: 32px;
  margin: 0;
  color: #fff;
  text-transform: uppercase
}

.section-11 .top-content {
  padding-top: 42px
}

.section-11 .top-content .tag {
  width: 290px;
  height: 65px;
  background: url(/img/icons/shape-18.png) 50% no-repeat;
  background-size: contain;
  margin: auto
}

.section-11 .top-content .tag p {
  font-family: Industry, sans-serif;
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  padding-top: 14px
}

.section-11 .top-content .number {
  padding-top: 85px;
  padding-bottom: 70px
}

.section-11 .top-content .number p {
  position: relative;
  font-family: Industry, sans-serif;
  font-size: 100px;
  color: #4848ff;
  line-height: .4
}

@media only screen and (max-width:1800px) {
  .section-11 .top-content .number p {
    font-size: 5vw
  }

  .section-11 .top-content .number p span:first-child {
    top: -2vw
  }
}

.section-11 .top-content .number p span {
  font-size: 32px;
  text-transform: uppercase
}

.section-11 .top-content .number p span:first-child {
  position: relative;
  top: -50px;
  left: 15px
}

.section-11 .top-content .additional-tag {
  display: none
}

.section-11 .bottom-content ul {
  padding: 58px 0 96px 10px
}

.section-11 .bottom-content li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 28px
}

.section-11 .bottom-content li.inactive p {
  color: #cacaca
}

.section-11 .bottom-content li.inactive .checkmark.active-ico {
  display: none
}

.section-11 .bottom-content li p {
  font-size: 30px;
  margin: 0;
  line-height: 1.2
}

.section-11 .bottom-content .btn-wrap {
  position: absolute;
  bottom: 55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.section-11 .checkmark {
  position: absolute;
  width: 29px;
  height: 29px;
  display: block;
  left: 0;
  top: 5px
}

.section-11 .checkmark.inactive-ico {
  background: url(/img/icons/podcast-inactive-cm.png) 50% no-repeat;
  background-size: 29px
}

.section-11 .checkmark.active-ico {
  background: url(/img/icons/podcast-checkmark.png) 50% no-repeat;
  background-size: 29px
}

.section-13 {
  padding: 115px 0
}

.section-13 .container-1 {
  padding-left: 132px;
  padding-right: 80px
}

.section-13 .small-title {
  margin-bottom: 60px;
  font-size: 40px;
  font-family: Industry, sans-serif;
  text-align: center
}

.section-13 .logo-wrapper {
  text-align: center
}

.section-13 .swiper-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.section-13 .logo-img {
  height: auto;
  max-width: 90%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .7
}

.section-13 .logo-img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1
}

.section-13 .swiper-button-next {
  right: 0
}

.section-13 .swiper-button-next,
.section-13 .swiper-button-prev {
  width: 23px;
  height: 13px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-top: -10px
}

.section-13 .swiper-button-prev {
  left: 0
}

.section-13 .swiper-arrow-left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  fill: #000
}

.section-13 .swiper-button-next,
.section-13 .swiper-button-prev {
  background-image: none;
  background-color: transparent
}

.section-13 .swiper-button-next .swiper-arrow-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.section-14 {
  position: relative;
  padding-top: 150px;
  margin-bottom: 200px
}

.section-14 .container-1 {
  padding: 0 134px
}

.section-14 .inner {
  text-align: center
}

.section-14 .check-icon-wrapper {
  position: relative;
  width: 105px;
  height: 105px;
  margin: 0 auto 36px;
  border-radius: 50%;
  background-color: #4848ff
}

.section-14 .check-icon {
  position: absolute;
  width: 44px;
  height: 33px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.section-14 .section-14-subtitle {
  font-size: 48px;
  line-height: 1.1;
  color: #4848ff;
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px
}

.section-14 .section-14-msg {
  font-size: 32px;
  font-family: Glegoo;
  font-weight: 700;
  line-height: 1.1
}

.section-14 .section-14-content {
  margin-bottom: 60px
}

.section-14 .form-shape.form-shape-1 {
  position: absolute;
  top: 25%;
  right: 12%;
  width: 84px;
  height: 82px
}

.section-14 .form-shape.form-shape-2 {
  position: absolute;
  width: 198px;
  height: 193px;
  right: -38px;
  bottom: -35%;
  z-index: 1
}

.section-14 .form-shape.form-shape-3 {
  position: absolute;
  width: 274px;
  height: 274px;
  right: -80px;
  top: 35px;
  -webkit-box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  box-shadow: 29.998px 120.317px 92px rgba(0, 0, 0, .35);
  border-radius: 50%
}

.section-14 .form-shape.form-shape-4 {
  position: absolute;
  width: 102px;
  height: 102px;
  top: 27px;
  right: 5%
}

.section-14 .form-shape.form-shape-5 {
  position: absolute;
  width: 76px;
  height: 72px;
  left: 8%;
  top: 23%
}

.section-14 .form-shape.form-shape-6 {
  position: absolute;
  width: 88px;
  height: 84px;
  right: 10%;
  bottom: -22%;
  z-index: 1
}

.play-wrapper .play-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.play-wrapper .play-block:not(:last-child) {
  margin-bottom: 20px
}

.play-wrapper .play-block.playing .btn-1:after {
  background-image: url(/img/svg/icon-pause.svg)
}

.play-wrapper .play-block .btn-1 {
  cursor: pointer
}

.play-wrapper .play-block .btn-1:before {
  content: "";
  width: 190%;
  height: 190%;
  position: absolute;
  top: -30px;
  left: -31px;
  background: url(/img/icons/dots-ring-2.png) no-repeat;
  background-size: 0;
  background-position: 50%;
  -webkit-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
  -webkit-transition: background-size .5s;
  -o-transition: background-size .5s;
  transition: background-size .5s
}

.play-wrapper .play-block .btn-1:after {
  width: 26px;
  height: 22px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/img/svg/icon-play.svg);
  background-size: 26px
}

.play-wrapper .play-block .play-text {
  width: -webkit-calc(100% - 85px);
  width: calc(100% - 85px);
  padding-left: 15px
}

.play-wrapper .play-block .play-text h6 {
  font-size: 13px;
  letter-spacing: 1px;
  color: #4848ff
}

.play-wrapper .play-block .play-text h5,
.play-wrapper .play-block .play-text h6 {
  font-family: Industry, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0
}

.play-wrapper .play-block .play-text h5 {
  font-size: 18px;
  letter-spacing: 2px;
  color: #000
}

.play-wrapper .play-block:hover .btn-1:before {
  background-size: 100%
}

.media-player-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #000;
  position: fixed;
  bottom: 0;
  z-index: 99999;
  padding: 8px 88px 8px 84px;
  -webkit-transition: opacity .8s, visibility .8s;
  -o-transition: opacity .8s, visibility .8s;
  transition: opacity .8s, visibility .8s;
  opacity: 0;
  visibility: hidden
}

.media-player-container.visible-player {
  opacity: 1;
  visibility: visible
}

.media-player-container .media-player-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1574px;
  margin: 0 auto
}

.media-player-container .left-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 34%;
  height: 100%
}

.media-player-container .left-col .player-img {
  position: relative;
  display: inline-block;
  width: 101px;
  height: 101px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.media-player-container .left-col .current-playing {
  height: 100%;
  padding-left: 34px;
  width: -webkit-calc(100% - 101px);
  width: calc(100% - 101px)
}

.media-player-container .left-col .current-playing span {
  text-transform: uppercase;
  font-size: 14px;
  color: #4848ff;
  font-family: Industry, sans-serif
}

.media-player-container .left-col .current-playing p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
  font-size: 30px;
  letter-spacing: -1px;
  color: #fff;
  font-family: Glegoo, serif;
  margin: 0
}

.media-player-container .left-col .player-play-btn {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: -o-linear-gradient(315deg, #df25fc 0, #9025fc 100%);
  background-image: linear-gradient(135deg, #df25fc, #9025fc);
  border-radius: 50%;
  cursor: pointer
}

.media-player-container .left-col .player-play-btn .icon-pause,
.media-player-container .left-col .player-play-btn .icon-play {
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  bottom: 0;
  max-width: 50%;
  max-height: 50%;
  margin: auto;
  pointer-events: none
}

.media-player-container .left-col .player-play-btn .icon-play {
  left: 4px;
  display: block
}

.media-player-container .left-col .player-play-btn .icon-pause {
  left: 0;
  display: none
}

.media-player-container .left-col .player-play-btn.playing .icon-play {
  display: none
}

.media-player-container .left-col .player-play-btn.playing .icon-pause {
  display: block
}

.media-player-container .right-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 66%;
  padding-left: 17px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.media-player-container .right-col span {
  width: 30px;
  white-space: nowrap;
  font-size: 13px;
  color: #fff;
  font-family: Industry, sans-serif;
  margin-right: 13px
}

.media-player-container .right-col .player-duration-wrapper {
  width: -webkit-calc(100% - 140px);
  width: calc(100% - 140px);
  height: 48px;
  position: relative
}

.media-player-container .right-col .player-duration-wrapper .player-duration {
  width: 100%;
  height: 100%;
  background-image: url(/img/sample/player-transparent-black.png);
  background-repeat: repeat-x;
  position: relative;
  z-index: 30
}

.media-player-container .right-col .player-duration-wrapper .gray-background {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0;
  background-color: #d8d8d8;
  z-index: 10
}

.media-player-container .right-col .player-duration-wrapper .duration-gradient {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0;
  z-index: 20;
  background-image: -webkit-gradient(linear, left top, right top, from(#d250de), color-stop(99%, #692fc5));
  background-image: -o-linear-gradient(left, #d250de 0, #692fc5 99%);
  background-image: linear-gradient(90deg, #d250de, #692fc5 99%)
}

.media-player-container .right-col .duration-time {
  margin-right: 0
}

.media-player-container .right-col .close-player {
  width: 25px;
  height: 25px;
  background-image: url(/img/icons/player-close-ico.svg);
  background-size: cover
}

.collapsed-player-wrapper,
.media-player-container .right-col .close-player {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.collapsed-player-wrapper {
  position: fixed;
  left: 72px;
  bottom: 30px;
  width: 122px;
  height: 122px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 90%;
  z-index: 99999;
  -webkit-filter: drop-shadow(0 30px 15px rgba(0, 0, 0, .45));
  filter: drop-shadow(0 30px 15px rgba(0, 0, 0, .45));
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .8s, visibility .8s;
  -o-transition: opacity .8s, visibility .8s;
  transition: opacity .8s, visibility .8s
}

.collapsed-player-wrapper.hide-collapsed {
  opacity: 0;
  visibility: hidden
}

.collapsed-player-wrapper .collapsed-play-btn {
  position: absolute;
  top: 50%;
  left: 90%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: -o-linear-gradient(315deg, #df25fc 0, #9025fc 100%);
  background-image: linear-gradient(135deg, #df25fc, #9025fc);
  border-radius: 50%;
  cursor: pointer
}

.collapsed-player-wrapper .collapsed-play-btn .icon-pause,
.collapsed-player-wrapper .collapsed-play-btn .icon-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 50%;
  max-height: 50%;
  margin: auto;
  pointer-events: none
}

.collapsed-player-wrapper .collapsed-play-btn .icon-play {
  left: 4px;
  display: block
}

.collapsed-player-wrapper .collapsed-play-btn .icon-pause {
  left: 0;
  display: none
}

.collapsed-player-wrapper .collapsed-play-btn.playing .icon-play {
  display: none
}

.collapsed-player-wrapper .collapsed-play-btn.playing .icon-pause {
  display: block
}

.collapsed-player-wrapper .collapsed-close {
  position: absolute;
  top: -8px;
  left: 12px;
  cursor: pointer;
  width: 25px;
  height: 25px;
  background-image: url(/img/icons/player-close-ico.svg);
  background-size: cover
}

.search-page .subpage-promo-wrapper .content {
  bottom: auto;
  top: 43%
}

.search-page .subpage-promo-wrapper .content h1 {
  max-width: 1100px
}

.search-page .section-9 {
  margin-bottom: 135px
}

.search-page .section-4 .inner:before {
  height: 100%;
  background: #fff
}

.no-results-wrap {
  margin: 75px 0 200px;
  text-align: center
}

.no-results-wrap .btn-2:after {
  background-image: url(/img/icons/arrow-left.png)
}

@-webkit-keyframes {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.text-span {
  position: relative;
  z-index: 1;
  white-space: nowrap
}

.text-span:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 18%;
  bottom: 34%;
  left: 0;
  z-index: -1
}

.text-span.blue:after {
  background-color: #79c1ff
}

.text-span.pink:after {
  background-color: #f3aff8
}

.home-footer-btn-wrapoer {
  width: 73%;
  margin: auto;
  padding-bottom: 50px
}

.home-footer-btn-wrapoer .btn-2:not(:first-child) {
  margin-left: 16px
}

button.btn-2 {
  padding: 0;
  outline: none
}

.dk-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none
}

.media-element-container .content {
  margin: 20px 0
}

.media-element-container img {
  max-width: 100%;
  height: auto
}

.wp-block-image {
  margin: 25px 0 0
}

.wp-block-image figure {
  max-width: 100%;
  width: 100%;
  text-align: center;
  margin: 0
}

.wp-block-image img {
  max-width: 100%;
  height: auto
}

.wp-block-image figcaption {
  font-size: 18px;
  font-family: Glegoo, serif;
  margin: 10px 0
}

@media only screen and (max-width:1920px) {
  .benz-50-form-outer {
    padding-left: 208px
  }

  .benz50-apply .subpage-promo-wrapper .content h1 {
    max-width: 45%
  }
}

.scroll-tabs {
  min-height: 80px
}

.scroll-tabs .tabs-block {
  white-space: nowrap
}

.scroll-tabs .optiscroll-htrack {
  height: 8px;
  cursor: pointer
}

.overflow-wrapper {
  overflow: hidden
}

.disabled {
  pointer-events: none !important
}

.footer-popup-close,
.gallery-pic,
.img-wrap,
.media-player-container .left-col .player-play-btn,
.play-block,
.play-block .btn-1,
.play-btn,
.single-popup-back,
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  outline: none
}

.contact-us .section-7 p a {
  color: #a0a0a0
}

.Edge .section-10 .block {
  width: -webkit-calc(25% - 43px);
  width: calc(25% - 43px)
}

.Edge .section-10 .block .libraries-hover-text-wrapper {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.Edge.podcast .section-6 .people-wrap .single-card,
.Edge .section-6 .people-wrap .single-card {
  width: -webkit-calc(25% - 47px);
  width: calc(25% - 47px)
}

.Safari.jingles .section-6 .people-wrap .single-card:after {
  display: none
}

.Safari .voiceover-detail .popup-content .voice-content {
  padding-bottom: 50px
}

.Safari .voiceover-detail.type-4 .popup-content .voice-content .package-wrapper {
  margin-bottom: 100px
}

.Safari .voiceover-detail.type-4 .popup-content .voice-content .voice-bio {
  padding-bottom: 50px
}

@media only screen and (min-width:1024px) {
  .section-2 .tabs-block li {
    margin-right: 50px
  }
}

/*! lightgallery - v1.6.12 - 2019-02-19
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
@font-face {
  font-family: lg;
  src: url(/fonts/lg.eot?n1z373);
  src: url(/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(/fonts/lg.woff?n1z373) format("woff"), url(/fonts/lg.ttf?n1z373) format("truetype"), url(/fonts/lg.svg?n1z373#lg) format("svg");
  font-weight: 400;
  font-style: normal
}

.lg-icon {
  font-family: lg;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, .45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #fff
}

.lg-actions .lg-next {
  right: 20px
}

.lg-actions .lg-next:before {
  content: "\E095"
}

.lg-actions .lg-prev {
  left: 20px
}

.lg-actions .lg-prev:after {
  content: "\E094"
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0
  }

  50% {
    left: -30px
  }

  to {
    left: 0
  }
}

@keyframes lg-right-end {
  0% {
    left: 0
  }

  50% {
    left: -30px
  }

  to {
    left: 0
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0
  }

  50% {
    left: 30px
  }

  to {
    left: 0
  }
}

@keyframes lg-left-end {
  0% {
    left: 0
  }

  50% {
    left: 30px
  }

  to {
    left: 0
  }
}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end .3s;
  animation: lg-right-end .3s;
  position: relative
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end .3s;
  animation: lg-left-end .3s;
  position: relative
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
  color: #fff
}

.lg-toolbar .lg-close:after {
  content: "\E070"
}

.lg-toolbar .lg-download:after {
  content: "\E0F2"
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, .45);
  bottom: 0;
  color: #eee;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
  opacity: 1;
  -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
  -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
  -webkit-transition: opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s;
  transition: opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
  transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
  transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(.5, .5, .5);
  transform: scale3d(.5, .5, .5);
  opacity: 0;
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
  -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
  transition: opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
  -o-transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
  transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important;
  transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s !important;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
  transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s;
  transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s;
  transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-bottom: 5px
}

@media(min-width:1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
  }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom .25s ease;
  -o-transition: bottom .25s ease;
  transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px
}

.lg-outer .lg-toogle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px
}

.lg-outer .lg-toogle-thumb:after {
  content: "\E1FF"
}

.lg-outer .lg-toogle-thumb:hover {
  color: #fff
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(/img/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(/img/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url(/img/video-play.png) no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url(/img/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(/img/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity .08s ease 0s;
  -o-transition: opacity .08s ease 0s;
  transition: opacity .08s ease 0s
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1
}

.lg-autoplay-button:after {
  content: "\E01D"
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\E01A"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
  transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s;
  transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s;
  transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
  transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
  -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
  -webkit-transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;
  transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;
  -o-transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
  transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
  transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

#lg-zoom-in:after {
  content: "\E311"
}

#lg-actual-size {
  font-size: 20px
}

#lg-actual-size:after {
  content: "\E033"
}

#lg-zoom-out {
  opacity: .5;
  pointer-events: none
}

#lg-zoom-out:after {
  content: "\E312"
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  -webkit-box-shadow: 0 0 0 2px #fff inset;
  box-shadow: inset 0 0 0 2px #fff
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
  -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
  transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
  -o-transition: opacity .15s ease 0s, transform .15s ease 0s;
  transition: opacity .15s ease 0s, transform .15s ease 0s;
  transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%
}

.lg-outer .lg-pager {
  background-color: hsla(0, 0%, 100%, .5);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 8px hsla(0, 0%, 100%, .7) inset;
  box-shadow: inset 0 0 0 8px hsla(0, 0%, 100%, .7);
  display: block;
  height: 12px;
  -webkit-transition: box-shadow .3s ease 0s;
  -o-transition: box-shadow .3s ease 0s;
  -webkit-transition: -webkit-box-shadow .3s ease 0s;
  transition: -webkit-box-shadow .3s ease 0s;
  transition: box-shadow .3s ease 0s;
  transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
  width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
  -webkit-box-shadow: 0 0 0 8px #fff inset;
  box-shadow: inset 0 0 0 8px #fff
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0
}

.lg-fullscreen:after {
  content: "\E20C"
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\E20D"
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, .25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
  -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
  transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #fff
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  -webkit-transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
  transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
  -o-transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
  margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
  color: #333
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto
}

.lg-outer #lg-share {
  position: relative
}

.lg-outer #lg-share:after {
  content: "\E80D"
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\E901"
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\E904"
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\E902"
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\E903"
}

.lg-group:after {
  content: "";
  display: table;
  clear: both
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.lg-outer.lg-visible {
  opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
  -webkit-transition-duration: inherit !important;
  -o-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  -o-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap
}

.lg-outer .lg-item {
  background: url(/img/loading.gif) no-repeat scroll 50% transparent;
  display: none !important
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css .lg-current {
  display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.lg-outer .lg-item.lg-complete {
  background-image: none
}

.lg-outer .lg-item.lg-current {
  z-index: 1060
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
  display: none
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s
}

.lg-backdrop.in {
  opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
  -webkit-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
  opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
  -webkit-transition: opacity .1s ease 0s;
  -o-transition: opacity .1s ease 0s;
  transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  -webkit-transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
  transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
  -o-transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-backdrop {
  background-color: #6930c6 !important
}

.lg-backdrop.in {
  opacity: 1 !important
}

#lg-counter,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon {
  color: #fff
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  top: 0;
  left: 0
}

.home .section-2 .slider-wrap .swiper-arrow-left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  fill: #fff
}

.home .section-2 .slider-wrap .swiper-button-next,
.home .section-2 .slider-wrap .swiper-button-prev {
  background-image: none;
  background-color: transparent
}

.home .btn-2 .btn-2-arrow,
.home .section-2 .slider-wrap .swiper-button-next .swiper-arrow-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.home .btn-2 .btn-2-arrow {
  width: 23px;
  height: 14px;
  position: absolute;
  z-index: 10;
  left: 45px;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1)
}

.home .btn-2:after {
  display: none
}

.home .btn-2:hover .btn-2-arrow {
  -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
  transform: translate3d(-50%, 0, 0) rotate(180deg);
  opacity: 0
}

.home .btn-1 .btn-2-arrow {
  width: 23px;
  height: 14px;
  position: absolute;
  z-index: 10;
  left: 20px;
  top: 25px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: #fff
}

.home .btn-1:after {
  display: none
}

.home .promo-wrapper .social-mobile .mobile-ico {
  background-image: none
}

.home .promo-wrapper .social-mobile .mobile-ico .mobile-social-ico {
  position: absolute;
  width: 30px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #fff
}

#page-header .social a:after,
#page-header .social a:before {
  display: none !important
}

#page-header .social a .header-social-ico {
  position: absolute;
  width: 30px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #8f908f;
  -webkit-transition: fill .5s;
  -o-transition: fill .5s;
  transition: fill .5s
}

#page-header .social a:hover .header-social-ico {
  fill: #6930c6
}

.svg-clients-section .btn-2 .btn-2-arrow {
  width: 23px;
  height: 14px;
  position: absolute;
  z-index: 10;
  left: 45px;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
  -o-transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1);
  transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1)
}

.svg-clients-section .btn-2:after {
  display: none
}

.svg-clients-section .btn-2:hover .btn-2-arrow {
  -webkit-transform: translate3d(-50%, 0, 0) rotate(180deg);
  transform: translate3d(-50%, 0, 0) rotate(180deg);
  opacity: 0
}

.svg-clients-section .btn-1 .btn-2-arrow {
  width: 23px;
  height: 14px;
  position: absolute;
  z-index: 10;
  left: 20px;
  top: 25px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: #fff
}

.footer-popup .voice-img-wrapper .popup-shape-1,
.footer-popup .voice-img-wrapper .popup-shape-2,
.footer-popup .voice-img-wrapper .popup-shape-3,
.single-member .voice-img-wrapper .popup-shape-1,
.single-member .voice-img-wrapper .popup-shape-2,
.single-member .voice-img-wrapper .popup-shape-3,
.single-voiceover .voice-img-wrapper .popup-shape-1,
.single-voiceover .voice-img-wrapper .popup-shape-2,
.single-voiceover .voice-img-wrapper .popup-shape-3,
.svg-clients-section .btn-1:after {
  display: none
}

.media-news-user-content img {
  max-width: 100% !important;
  height: auto !important
}

.secondary-margin {
  margin-left: 25px !important
}

#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left
}

#mc_embed_signup h2 {
  font-weight: 700;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em
}

#mc_embed_signup input {
  border: solid #abb0b2
}

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox
}

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio
}

#mc_embed_signup input:focus {
  border-color: #333
}

#mc_embed_signup .small-meta {
  font-size: 11px
}

#mc_embed_signup .nowrap {
  white-space: nowrap
}

#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 100%;
  padding-bottom: 3%;
  max-width: 700px;
  min-height: 50px
}

#mc_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%
}

* html #mc_embed_signup .size1of2 {
  margin-right: 2%
}

#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 3px
}

#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 0 55px
}

#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px
}

#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
  padding: 5px 0
}

#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px
}

#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px
}

#mc_embed_signup .datefield .dayfield input,
#mc_embed_signup .datefield .monthfield input {
  width: 30px
}

#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
  display: none
}

#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%
}

#mc_embed_signup .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: 400;
  position: relative;
  top: 5px
}

#mc_embed_signup .clear {
  clear: both
}

#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none
}

#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0
}

#mc_embed_signup .mc-field-group.input-group label {
  display: inline
}

#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none
}

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0 .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both
}

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: 700;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%
}

#mc_embed_signup #mce-error-response {
  display: none
}

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none
}

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0
}

#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%
}

#mc_embed_signup #num-subscribers {
  font-size: 1.1em
}

#mc_embed_signup #num-subscribers span {
  padding: .5em;
  border: 1px solid #ccc;
  margin-right: .5em;
  font-weight: 700
}

#mc-embedded-subscribe-form input[type=checkbox] {
  display: inline;
  width: auto;
  margin-right: 10px
}

#mergeRow-gdpr {
  margin-top: 20px
}

#mergeRow-gdpr fieldset label {
  font-weight: 400
}

#mc_embed_signup {
  clear: left;
  font: 14px Helvetica, Arial, sans-serif
}

.custom-group-form {
  font-family: Glegoo, serif
}

.custom-group-form input[type=email],
.custom-group-form input[type=text] {
  font-family: Glegoo, serif;
  font-size: 18px;
  width: 475px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  border: none;
  border-radius: 50px;
  background-color: #ebebeb;
  outline: none;
  height: 80px;
  padding: 0 55px;
  margin-bottom: 10px
}

#mc_embed_signup .indicates-required {
  width: 700px;
  max-width: 100%
}

#mc_embed_signup input {
  border: none
}

#mc-embedded-subscribe-form .mc_fieldset {
  border: none;
  min-height: 0
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  margin: 0 0 1em;
  padding: 5px 10px;
  background-color: hsla(0, 0%, 100%, .85);
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  z-index: 1;
  color: #e85c41
}

#mc_embed_signup .button {
  clear: both;
  background-color: #4848ff;
  border: 0;
  border-radius: 40px;
  -webkit-transition: all .23s ease-in-out 0s;
  -o-transition: all .23s ease-in-out 0s;
  transition: all .23s ease-in-out 0s;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  height: 65px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: 175px
}

#mc_embed_signup .button:hover {
  background-color: #a230c6
}

#mc_embed_signup div#mce-responses {
  width: 100%;
  margin: 0
}

button,
input,
select,
textarea {
  font-family: Industry, sans-serif
}

.package-wrapper {
  max-width: 380px;
  width: 100%
}

.package-wrapper.type-2 {
  max-width: 100%
}

.video-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px
}

.video-grid-iframe {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px
}

.video-grid-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%
}

@media only screen and (max-width:1660px) {
  .section-1 {
    padding-top: 100px
  }

  .section-1 .top-content {
    padding-left: 0
  }

  .section-1 .text-box .main-title,
  .section-1 .text-box p {
    font-size: 28px
  }

  .section-1 .bottom-content {
    padding-left: 0
  }

  .section-1 .counter-wrap .number {
    font-size: 46px
  }

  #page-header nav .main-nav .menu-item,
  #page-header nav .main-nav a {
    font-size: 20px
  }

  .main-nav-wrap .main-nav {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px)
  }

  .main-nav-wrap .search-wrap {
    width: 30px;
    padding-top: 26px;
    padding-left: 0
  }

  .promo-wrapper {
    margin-bottom: 130px
  }

  .promo-wrapper .bubble-wrap .bubble-outer.bubble-3 {
    display: none
  }

  .section-10 .block {
    height: 450px
  }

  .podcast .section-11 .container-1 {
    padding-left: 41px;
    padding-right: 41px
  }

  .podcast .section-11 .bottom-content li p,
  .podcast .section-11 .top-tag p {
    font-size: 25px
  }

  .section-11 .top-content .tag p {
    padding-top: 18px;
    font-size: 25px
  }

  .podcast .section-11 .podcast-shape.ps-4 {
    right: 46%
  }

  .podcast .section-11 .linear-shape {
    left: 0
  }

  .podcast .section-11 .podcast-shape.ps-1 {
    left: 11%
  }

  .media-news .section-7 .text-wrap .text-block p {
    font-size: 3.3em
  }

  .contact-us .subpage-promo-wrapper .content h1 {
    max-width: 45%
  }

  .contact-us .section-5 .form-shape.form-shape-3 {
    width: 215px;
    height: 215px
  }

  .contact-us .section-5 .form-shape.form-shape-4 {
    width: 98px;
    height: 96px
  }

  .contact-us .section-2 .inner .swiper-container .info-text h3 {
    font-size: 30px
  }

  .contact-us .section-2 .inner .swiper-container .info-text a {
    font-size: 20px
  }

  .blog .section-5 .text-box {
    width: 100%;
    padding-right: 0
  }

  .blog .section-3 .text.small .category-tag,
  .blog .section-3 .text.small p {
    font-size: 2vw
  }

  .team .section-5 .inner .text-box p {
    font-size: 3em
  }

  .team .section-5 .info-box p {
    font-size: 20px
  }

  .blog-post .section-5 .info-box .play-wrapper .play-block {
    width: 100%
  }

  .voiceover-detail .popup-content .voice-content {
    padding: 100px 20px 10px 40px;
    width: 50%
  }

  .voiceover-detail .popup-content .voice-img-wrapper {
    width: 50%
  }

  .voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo h6 {
    font-size: 20px
  }

  .voiceover-detail .popup-content .voice-content .voice-demo-wrapper {
    width: 100%;
    padding-top: 0;
    margin-bottom: 40px
  }

  .single-popup-page .voiceover-detail .popup-content .voice-content .voice-demo-wrapper {
    padding-bottom: 0
  }

  .voiceover-detail .popup-content .voice-content .voice-demo-wrapper .btn-2 {
    position: relative;
    bottom: 0;
    margin-bottom: 30px
  }

  .voiceover-detail .popup-content .voice-content .voice-bio {
    width: 100%;
    margin-bottom: 20px
  }

  .voiceover-detail .popup-content .voice-content .voice-bio p {
    font-size: 18px
  }

  .voiceover-detail.type-2 .voice-content form .input-wrapper.double-input input {
    width: 100%
  }

  .voiceover-detail.type-2 .name {
    font-size: 3.8vw
  }

  .voiceover-detail.type-2 .voice-content h3 {
    font-size: 25px
  }

  .voiceover-detail.type-3 .popup-content .voice-content .brodcast-service {
    margin-bottom: 55px
  }

  .voiceover-detail.type-3 .popup-content .voice-content .voice-bio {
    width: 100%
  }

  .voiceover-detail.type-3 .popup-content .voice-content .package-wrapper .play-wrapper .play-block {
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px
  }

  .voiceover-detail.type-3 .popup-content .voice-content .package-wrapper h4 {
    margin-bottom: 45px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup {
    width: 50%
  }

  .voiceover-detail.type-4 .popup-content .voice-content .voice-bio {
    width: 100%
  }

  .voiceover-detail.type-4 .popup-content .voice-content .package-wrapper .floating-popup-box {
    position: relative
  }

  .voiceover-detail.type-4 .popup-content .voice-content .package-wrapper {
    padding-right: 0
  }

  .voiceover-detail.type-4 .popup-content .voice-content .package-wrapper .play-wrapper .play-block {
    width: 100%
  }

  .voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul li a {
    font-size: 18px
  }

  .team-detail .popup-content .voice-content {
    display: block
  }

  .voiceover-detail .popup-content .voice-content .voice-demo-wrapper .voice-demo ul.soical-list {
    margin-bottom: 20px
  }

  .voiceover-detail.terms .popup-content {
    padding-right: 20px;
    padding-top: 120px
  }

  .promo-wrapper .text-box h2 {
    font-size: 70px
  }

  .landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-3 {
    display: none
  }

  .bz50 .voice-award-section .text-box .counter-wrap .text {
    font-size: 16px
  }

  .bz50 .voice-award-section .text-box .counter-wrap .number {
    font-size: 40px
  }

  .bz50 .voice-award-section .text-box {
    padding-right: 75px
  }

  .request-demo-input-select .request-demo-select,
  .voiceover-detail.type-2 .voice-content form .input-wrapper.double-input .input-wrapper-inner {
    width: 100%
  }

  .request-demo-input-select .request-demo-select .dk-selected {
    height: auto
  }

  .testimonial-slider-wrapper {
    padding-right: 70px
  }

  .testi-slider-pag-wrapper {
    width: 100%
  }

  .testi-slide-text-wrapper h3 {
    font-size: 30px
  }

  .testi-slide-text-wrapper .testi-tag,
  .testi-slide-text-wrapper p {
    font-size: 20px
  }

  .testi-side-bar {
    display: none
  }

  .podcast .section-7 .text-wrap {
    width: 100%
  }

  .podcast .section-7 .grid-wrap {
    display: none
  }

  .podcast-slider-wrapper {
    margin-left: auto;
    margin-right: auto
  }

  .benz-50-shape-1 {
    width: 244px;
    height: 244px
  }

  .benz-50-location p {
    font-size: 30px
  }

  .voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul li {
    font-size: 18px
  }

  .benz-50-form {
    width: 84%
  }

  .single-popup-page .voiceover-detail .popup-content .voice-img-wrapper {
    width: 46.2%
  }

  .single-popup-back {
    right: 30px
  }

  .voiceover-detail.type-3 .popup-content .voice-content {
    padding-top: 120px
  }

  .libraries .section-10 .block:hover .hover-text p {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  .libraries .section-10 .block .hover-text {
    will-change: transform;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    left: 15px
  }

  .libraries .section-10 .block .hover-text p {
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
  }

  .libraries .section-10 .block .hover-text.visit-text {
    right: 15px
  }

  .libraries .section-10 .block .hover-text:after,
  .libraries .section-10 .block .hover-text:before {
    display: none
  }

  .libraries .section-10 .block .hover-text:hover {
    -webkit-transform: translate3d(0, -50%, 0) scale(1.05);
    transform: translate3d(0, -50%, 0) scale(1.05)
  }

  .podcast .section-11 .top-content .tag {
    width: 250px
  }

  .single-program .voiceover-detail .popup-content .voice-content {
    padding: 100px 20px 30px 40px
  }

  .single-program .package-wrapper {
    width: 100%;
    margin-bottom: 35px
  }

  .single-program .play-wrapper .play-block {
    margin-bottom: 25px
  }

  .single-program .play-wrapper .play-block:last-of-type {
    margin-bottom: 0
  }

  .landing-page.contact-us.page-template-tpl-thank-you .content h1 {
    max-width: 100%
  }

  .jingle-content-wrapper h5 {
    font-size: 20px
  }

  .jingle-content-wrapper p {
    font-size: 18px
  }
}

@media only screen and (max-width:1300px) {
  #page-header nav .main-nav li {
    margin: 0 1%
  }

  #page-header nav .main-nav .menu-item,
  #page-header nav .main-nav a {
    font-size: 17px
  }

  #page-header nav .second-nav {
    padding-right: 0
  }

  #page-header nav .second-nav li {
    margin: 0 1%
  }

  #page-header nav .second-nav a {
    font-size: 14px
  }

  .main-nav-wrap {
    padding-right: 0
  }

  .section-1 .gradient-shape {
    right: 25px
  }

  .section-2 .tabs-block li {
    font-size: 27px
  }

  .section-3 .text.quote .work {
    font-size: 1vw
  }

  .section-1 .bottom-content {
    padding-left: 0
  }

  .section-1 .text-box .main-title,
  .section-1 .text-box p {
    font-size: 26px
  }

  .section-1 .text-box {
    width: 45%
  }

  .section-1 .grid-box {
    width: 55%;
    padding-left: 0
  }

  .section-1 .counter-wrap .number {
    font-size: 32px
  }

  .section-1 .counter-wrap .text {
    font-size: 16px
  }

  .section-4 .inner {
    width: 100%
  }

  .section-4 .dotted-shape {
    width: 13%;
    height: 23%;
    bottom: -21%;
    left: 0
  }

  .section-4 .station-logo-wrap ul {
    padding-left: 0
  }

  .section-4 .station-logo-wrap li {
    width: 13%;
    margin: 0 6% 6%
  }

  #page-footer .inner {
    width: 100%;
    padding-left: 60px
  }

  #page-footer .bubble.grad-1 {
    display: none
  }

  .section-6 .people-wrap .single-card {
    width: -webkit-calc(33.33% - 46px);
    width: calc(33.33% - 46px)
  }

  .section-7 .inner {
    padding: 35px 20px 60px 50px
  }

  .section-7 .text-wrap {
    width: 100%;
    margin-bottom: 40px
  }

  .section-7 .text-wrap p {
    font-size: 3vw;
    padding: 0
  }

  .section-7 .grid-wrap {
    width: 100%;
    background-position: 100%;
    height: 35vw;
    min-height: 350px;
    right: -20px;
    position: relative
  }

  .section-7 .grid-box {
    width: 100%;
    padding-left: 0
  }

  .section-7 .grid-box .grid {
    padding: 0;
    right: 0
  }

  .jingles .section-6 .people-wrap .bg-shape.shape-1 {
    top: 15%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 0
  }

  .jingles .section-6 .people-wrap .bg-shape.shape-2 {
    -webkit-transform: translateY(-207%);
    transform: translateY(-207%)
  }

  .jingles .section-6 .people-wrap .bg-shape.shape-3 {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -43%);
    transform: translate(-50%, -43%);
    top: 42%
  }

  .jingles .section-6 .people-wrap .bg-shape.pos-2 {
    top: auto;
    bottom: -4%;
    left: auto;
    right: -50px
  }

  .jingles .contain-grid-img .bg {
    opacity: .1
  }

  .jingles .section-6 .people-wrap .single-img .overlay {
    display: block
  }

  .jingles .section-6 .people-wrap .single-card .name {
    top: unset
  }

  .jingles .section-5 .btn-wrap {
    margin-left: -16px
  }

  .jingles .section-5 .btn-2 {
    margin-left: 16px
  }

  .jingles .section-5 .btn-2:not(:first-child) {
    margin-top: 12px
  }

  .section-8 .slider-wrap .img-wrap {
    height: 360px
  }

  .section-9 .news-block {
    width: -webkit-calc(50% - 42px);
    width: calc(50% - 42px)
  }

  .section-10 {
    padding-bottom: 150px
  }

  .section-10 .block {
    width: -webkit-calc(50% - 42px);
    width: calc(50% - 42px)
  }

  .podcast .section-11 .container-1 {
    padding-left: 0;
    padding-right: 0
  }

  .podcast .section-11 .top-tag p {
    font-size: 20px
  }

  .section-11 .top-content .tag p {
    padding-top: 22px;
    font-size: 20px
  }

  .section-11 .top-content .number p {
    font-size: 80px;
    line-height: .6
  }

  .section-11 .top-content .number span:first-child {
    top: -30px
  }

  .podcast .section-11 .card {
    width: -webkit-calc(50% - 52px);
    width: calc(50% - 52px)
  }

  .podcast .section-6 .container-1 {
    padding-left: 0
  }

  .podcast .section-6 .inner {
    padding: 0 20px
  }

  .podcast .section-6 .people-wrap .single-card {
    width: -webkit-calc(33.33333% - 46px);
    width: calc(33.33333% - 46px);
    height: 30vw
  }

  .media-news .media-news-main-wrapper .media-news-intro-text {
    font-size: 30px;
    margin-bottom: 60px
  }

  .media-news .media-news-main-wrapper .media-news-content .media-col h4 {
    font-size: 30px;
    margin-bottom: 55px
  }

  .media-news .section-7 .text-wrap .text-block {
    width: 100%;
    padding-right: 0;
    padding-top: 0
  }

  .media-news .section-7 .text-wrap .text-pic {
    width: 100%
  }

  .contact-us .section-5 .contact-content h2 {
    font-size: 50px;
    margin-bottom: 40px
  }

  .contact-us .section-5 .contact-content {
    max-width: 100%
  }

  .contact-us .section-5.location-wrapper:before {
    width: 65px
  }

  .contact-us .section-5.location-wrapper .location-gradient {
    top: -61px;
    right: -112px
  }

  .contact-us .section-2 .inner .swiper-container .info-text h3 {
    font-size: 25px
  }

  .contact-us .section-2 .inner .swiper-container .info-text a {
    font-size: 18px
  }

  .contact-us .section-2 .inner .swiper-container .info-text .insta-ico {
    background-size: 25px;
    width: 25px;
    height: 25px
  }

  .contact-us .section-2 .inner .swiper-container .icon-wrap {
    padding: 35px 25px 10px
  }

  .contact-us .section-4 .bubble {
    display: none
  }

  .contact-us .section-4 {
    padding-top: 0
  }

  .contact-us .section-4:after {
    display: none
  }

  .blog .section-3 .grid-selection-wrapper .grid-selector li {
    font-size: 30px
  }

  .blog .section-3 .text.small {
    padding: 0 30px 30px;
    text-align: center
  }

  .blog .section-3 .text.small .category-tag {
    position: relative;
    padding: 20px;
    right: 0;
    display: inline-block
  }

  .blog .section-3 .text.small p {
    font-size: 1.6vw
  }

  .team .section-7 .container-1 .inner .content .text-wrap {
    padding-right: 20px
  }

  .team .section-6 {
    margin-bottom: 55px
  }

  .team .team-slider-wrapper {
    margin-bottom: 105px
  }

  .team .section-5 .text-box {
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px
  }

  .team .section-5 .info-box {
    width: 100%;
    margin-top: 0
  }

  .team .section-6 .people-wrap .single-card:hover .bg,
  .team .section-6 .people-wrap .single-img .bg {
    opacity: .2
  }

  .team .section-6 .people-wrap .single-img .overlay {
    display: block
  }

  .blog-post .section-5 .text-box {
    width: 100%
  }

  .blog-post .section-5 .info-box {
    width: 100%;
    margin-top: 30px
  }

  .blog-post .section-5 .inner {
    padding: 55px 20px 5px 0
  }

  .blog-post .section-5 .text-box .text-shape {
    display: none
  }

  .blog-post .section-5 .info-box .info-pic {
    max-width: 100%;
    height: 50vw
  }

  .blog-post .section-5 .info-box .info-pic.type-2 {
    height: 50vw
  }

  .affiliate-popup .popup-content .popup-inner {
    width: 100%
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .name {
    font-size: 30px
  }

  .footer-popup .footer-popup-close {
    right: 30px
  }

  .affiliate-popup .popup-content .popup-inner {
    padding-right: 120px
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .name {
    max-width: 300px
  }

  .affiliate-popup .popup-content .popup-inner .popup-header {
    padding: 35px
  }

  .voiceover-detail.type-2 .name {
    font-size: 4.2vw
  }

  .voiceover-detail.type-2 .voice-content form .input-wrapper input.inputfile+label {
    padding: 16px 55px;
    font-size: 15px
  }

  .voiceover-detail.type-2 .voice-content form .input-wrapper input,
  .voiceover-detail.type-2 .voice-content form .input-wrapper textarea {
    font-size: 15px
  }

  .voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul {
    padding-left: 25px
  }

  .voiceover-detail.terms .popup-content ul li {
    padding-left: 40px
  }

  .privacy-policy .popup-content h2 {
    font-size: 20px
  }

  .privacy-policy .popup-content p {
    font-size: 18px;
    margin-bottom: 25px
  }

  .privacy-policy .popup-content ol li ul li {
    padding-left: 20px
  }

  .privacy-policy .popup-content ol li ul li ul li {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0
  }

  .privacy-policy .popup-content {
    padding-left: 20px;
    padding-right: 20px
  }

  .privacy-policy .popup-content ol li p {
    margin-bottom: 30px
  }

  .privacy-policy .popup-content ol {
    margin-top: 45px
  }

  .promo-wrapper .bubble-wrap .bubble-2 {
    width: 583px;
    height: 583px
  }

  .promo-wrapper .bubble-wrap .bubble-1 {
    top: 3%;
    width: 120px;
    height: 120px
  }

  .landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-2 {
    top: -490px;
    right: -260px
  }

  .landing-page .landing-info-main-wrapper .info-box,
  .landing-page .landing-info-main-wrapper .text-box {
    width: 100%
  }

  .landing-page .section-5 .contact-content {
    max-width: 100%
  }

  .landing-page .section-5 .contact-content h2 {
    font-size: 50px
  }

  .landing-page .section-7 .dotted-shape {
    left: 12%;
    bottom: -165px
  }

  .landing-page .section-7 .content h4 {
    font-size: 50px;
    padding-top: 0;
    margin-bottom: 50px
  }

  .landing-page .section-7 .text-wrap .text-block {
    width: 100%;
    margin: 0 0 50px
  }

  .landing-page .section-7 .text-wrap .text-block:not(:last-child) {
    margin-right: 0
  }

  .bz50 .voice-award-section .right-box {
    display: none
  }

  .bz50 .voice-award-section .grid-box {
    width: 100%
  }

  .bz50 .gradient-shape {
    left: auto;
    right: 0
  }

  .bz50 .voice-award-section .text-box {
    padding-right: 0;
    width: 100%
  }

  .bz50 .voice-award-section .grid-box .award-img {
    position: relative;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    width: 100%;
    margin-bottom: 30px;
    height: 54vw;
    max-width: 600px
  }

  .bz50 .award-section .inner {
    padding-right: 20px
  }

  .request-demo-input-select .request-demo-select .dk-selected {
    font-size: 15px;
    padding: 17px 55px 14px 35px
  }

  .request-demo-input-select .request-demo-select .dk-select-options li {
    font-size: 15px
  }

  .testi-slide-text-wrapper h3 {
    font-size: 30px
  }

  .testi-slide-img {
    height: 24vw
  }

  .page-testimonials #page-footer {
    overflow: hidden
  }

  .podcast .section-5 .text-box {
    width: 100%;
    float: none;
    padding-right: 0
  }

  .podcast .section-5 .info-box {
    width: 100%;
    float: none
  }

  .error-page-text .error-page-title {
    font-size: 70px
  }

  .benz-50-shape {
    display: none
  }

  .benz-50-form {
    width: 100%
  }

  .benz50-apply .gradient-shape {
    display: none
  }

  .benz-50-form-outer {
    margin-bottom: 50px
  }

  .benz-50-form .textarea-wrapper textarea {
    max-width: 100%
  }

  .benz-50-locations-wrapper {
    padding: 0 20px 0 200px
  }

  .benz-50-locations-title {
    margin-bottom: 35px
  }

  .contact-msg-img {
    margin-bottom: 40px
  }

  .ty-msg-title {
    font-size: 55px;
    margin-bottom: 20px
  }

  .ty-msg-text {
    font-size: 25px;
    margin-bottom: 20px
  }

  .contact-msg-img {
    max-width: 173px
  }

  .contact-msg-img .contact-msg-check-ico {
    width: 45px;
    height: 44px
  }

  .section-6 .people-wrap .info .profil-ico {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1
  }

  .section-6 .people-wrap .single-card .name {
    top: 20px
  }

  .section-6 .people-wrap .single-card .info-btn span {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 1
  }

  .section-6 .people-wrap .single-card .info-btn .favorite-ico,
  .section-6 .people-wrap .single-card .info-btn .listen-ico,
  .section-6 .people-wrap .single-card .info-btn .package-ico {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1
  }

  .section-6 .people-wrap .single-card:hover .bg {
    opacity: 1
  }

  .section-6 .people-wrap .single-card:hover .name span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  .section-6 .people-wrap .info p,
  .section-6 .people-wrap .single-img .overlay {
    display: none
  }

  .jingles .section-6 .people-wrap .single-card {
    height: 32vw
  }

  .jingles .section-6 .people-wrap .single-card .info-btn span {
    color: #fff
  }

  .programming .section-6 .people-wrap .single-card .info-btn .calendar-ico {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1
  }

  .media-news .media-news-main-wrapper {
    margin-top: 50px
  }

  .media-news .media-news-user-content h2 {
    font-size: 35px;
    margin-bottom: 30px
  }

  .media-news .media-news-user-content h3 {
    font-size: 30px
  }

  .media-news .media-news-user-content h4 {
    font-size: 27px
  }

  .media-news .media-news-user-content h5 {
    font-size: 24px
  }

  .media-news .section-7 .text-wrap .text-block {
    margin-bottom: 0
  }

  .media-news .section-7 .grid-wrap {
    display: none
  }

  .media-news .media-news-wide-user-content img {
    margin-bottom: 40px
  }

  .station-select-wrapper .checkbox-wrapper label {
    margin: 0 30px 0 0
  }

  .home-footer-btn-wrapoer {
    width: 100%;
    padding: 0 20px 50px;
    margin-left: -16px;
    text-align: center
  }

  .home-footer-btn-wrapoer .btn-2 {
    margin-left: 16px
  }

  .home-footer-btn-wrapoer .btn-2:not(:first-child) {
    margin-top: 12px
  }

  .single-popup-page .affiliate-popup .popup-content .popup-inner {
    padding-right: 150px
  }

  .libraries .section-10 .block:hover .overlay {
    opacity: 0
  }

  .libraries .section-10 .block:hover .bg-wrap .bg {
    opacity: 1
  }

  .libraries .section-10 .block:hover .icon-wrap {
    opacity: 1;
    visibility: visible
  }

  .libraries .section-10 .block:hover .hover-text {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  .libraries .section-10 .block .hover-text {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
  }

  .libraries .section-10 .block .hover-text p {
    opacity: 1
  }

  .libraries .section-10 .block .hover-text:hover {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
  }

  .libraries .section-10 .block .hover-text.visit-text {
    right: 0
  }

  .libraries .section-10 .icon-wrap .img-wrap {
    top: 20%;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  body.IE.libraries .section-10 .block .libraries-hover-text-wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  body.IE.libraries .section-10 .block .hover-text {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1
  }

  .programming .section-6 .people-wrap .bg-shape.shape-5 {
    top: 30%
  }

  .bz50 .section-6 .inner {
    padding: 25px 20px 55px 70px
  }

  .bz50 .section-6 .people-wrap .single-img .bg,
  .podcast .section-6 .people-wrap .single-img .bg {
    opacity: .3;
    mix-blend-mode: luminosity
  }

  .bz50 .section-6 .people-wrap .single-img .overlay,
  .podcast .section-6 .people-wrap .single-img .overlay {
    display: block
  }

  .bz50 .section-6 .people-wrap .single-card:hover .bg,
  .podcast .section-6 .people-wrap .single-card:hover .bg {
    opacity: .3
  }

  .Edge .section-10 .block {
    width: -webkit-calc(50% - 43px);
    width: calc(50% - 43px)
  }

  .Edge.podcast .section-11 .card {
    width: -webkit-calc(50% - 53px);
    width: calc(50% - 53px)
  }

  .Edge.media .section-9 .news-block {
    width: -webkit-calc(50% - 43px);
    width: calc(50% - 43px)
  }

  .Edge.podcast .section-6 .people-wrap .single-card,
  .Edge .section-6 .people-wrap .single-card {
    width: -webkit-calc(33.33% - 47px);
    width: calc(33.33% - 47px)
  }

  .no-results-wrap {
    margin: 50px 0
  }

  .promo-wrapper .bubble-wrap .bubble-outer.bubble-2 {
    right: -360px;
    width: 583px;
    height: 583px
  }

  .tag-filter-wrap h6 {
    font-size: 30px
  }

  .section-14 .section-14-subtitle {
    font-size: 40px
  }

  .section-14 .section-14-msg {
    font-size: 28px
  }

  .single-jingle .jingle-container {
    margin-bottom: 40px
  }

  .jingle-themes-container,
  .single-jingle .jingle-wrapper {
    padding-right: 20px
  }

  .btn-1 {
    -webkit-box-shadow: 23px 23px 69px 0 rgba(0, 0, 0, .6);
    box-shadow: 23px 23px 69px 0 rgba(0, 0, 0, .6)
  }
}

@media only screen and (max-width:1024px) {
  #page-header nav {
    display: none
  }

  #page-header .site-branding {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 130px;
    z-index: 2
  }

  #page-header .logo-wrap {
    float: left;
    display: block;
    width: 240px;
    height: 45px;
    background: url(/img/icons/logo-mobile.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    margin: 35px 25px
  }

  #page-header .mobile-btn-wrap {
    margin: 40px
  }

  #page-header .site-logo {
    display: none;
    margin: 0
  }

  #page-header .social {
    display: none
  }

  #page-header .site-tagline {
    display: none;
    -webkit-transform: none;
    transform: none;
    top: auto;
    left: auto;
    color: #fff
  }

  .promo-wrapper .bubble-wrap {
    display: none
  }

  .promo-wrapper {
    width: 100%
  }

  .section-1 .gradient-shape {
    display: none
  }

  .promo-wrapper .swiper-pagination {
    max-width: 100%
  }

  .promo-wrapper .swiper-pagination .swiper-pagination-bullet {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .promo-wrapper .swiper-pagination .swiper-pagination-bullet:after {
    bottom: 20px;
    height: 70%
  }

  .promo-wrapper .content-wrap {
    padding-left: 40px;
    padding-right: 80px;
    bottom: auto;
    top: 160px
  }

  .promo-wrapper .text-box h2 {
    font-size: 60px
  }

  .promo-wrapper .social-mobile {
    opacity: 1
  }

  .section-7 .gradient-shape {
    display: none
  }

  .section-1 {
    padding-top: 70px
  }

  .section-1 .container-1 {
    padding: 0
  }

  .section-1 .top-content {
    padding-left: 20px;
    padding-right: 20px
  }

  .section-1 .bottom-content {
    padding-left: 20px
  }

  .section-1 .text-box p {
    font-size: 30px
  }

  .section-2 .bubble-wrap {
    display: none
  }

  .section-2 h2 {
    font-size: 70px;
    padding-left: 20px;
    padding-top: 40px;
    margin-bottom: 30px
  }

  .section-2 .overflow-wrap {
    padding-left: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%
  }

  .section-2 .tabs-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
  }

  .section-2 .tabs-block li {
    margin: 0 18px;
    font-size: 30px
  }

  .subpage-promo-wrapper .content {
    padding-left: 40px
  }

  .subpage-promo-wrapper canvas {
    left: 0
  }

  .section-5 .container-1 {
    padding: 0 20px
  }

  .section-5 .inner {
    padding: 30px 0
  }

  .section-5 .text-box {
    width: 100%;
    padding-right: 0
  }

  .section-5 .text-box p {
    font-size: 3vw;
    padding: 0
  }

  .section-5 .info-box {
    width: 100%
  }

  .section-5 .info-box p {
    font-size: 2em
  }

  .section-5 .text-box .color-1,
  .section-5 .text-box .color-2 {
    background-size: 370px;
    background-position-y: 54%
  }

  .section-6 .container-1 {
    padding: 0 20px
  }

  .section-6 .inner {
    padding: 0 0 55px
  }

  .section-6 .people-wrap .single-card {
    width: -webkit-calc(33.33% - 24px);
    width: calc(33.33% - 24px);
    margin: 12px
  }

  .section-6 .people-wrap .inner-wrap {
    padding: 15px 0;
    margin-right: -10px;
    margin-left: -10px
  }

  .section-6 .people-wrap .name {
    font-size: 18px;
    line-height: 24px;
    bottom: 50px;
    left: 25px
  }

  .section-6 .people-wrap .info {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px)
  }

  .section-6 .people-wrap .info p {
    font-size: 18px
  }

  .section-6 .tabs-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 20px
  }

  .section-6 .tabs-block li {
    font-size: 26px
  }

  #page-footer .inner {
    padding: 0 20px
  }

  #page-footer .newsletter-wrap {
    position: relative;
    display: block;
    text-align: center;
    margin: 0;
    border: none;
    padding-top: 13%
  }

  #page-footer .newsletter-wrap:after {
    content: "";
    width: 80%;
    height: 1px;
    background-color: #975bf8;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  #page-footer .newsletter-wrap p {
    margin: 0 0 20px
  }

  #page-footer .newsletter-wrap form {
    display: block;
    width: 100%
  }

  #page-footer .newsletter-wrap .mail {
    width: 100%;
    text-align: center;
    border: none
  }

  #page-footer .newsletter-wrap .submit-btn {
    border: none
  }

  #page-footer .footer-menu {
    display: block
  }

  #page-footer .footer-menu li {
    display: block;
    text-align: center;
    margin: 0 0 30px
  }

  .jingles .section-6 {
    padding-bottom: 100px
  }

  .jingles .section-6 .people-wrap .single-card {
    height: 30vw
  }

  .jingles .section-5 .inner .shape-1 {
    display: none
  }

  .jingles .section-5 .inner .shape-2 {
    right: 0
  }

  .jingles .people-wrap .bubble {
    display: none
  }

  .section-8 .slider-wrap .img-wrap {
    height: 300px
  }

  .section-8 .slider-wrap .pagination-wrap {
    margin-top: 50px
  }

  .section-8 .slider-wrap .swiper-container {
    padding-bottom: 40px
  }

  .section-8 .slider-wrap .title-box p {
    font-size: 30px
  }

  .section-8 .main-title-box {
    padding-left: 130px
  }

  .section-8 .main-title-box h2 {
    font-size: 45px;
    padding: 60px 0 40px
  }

  .section-9 .container-1 {
    padding-left: 20px;
    padding-right: 20px
  }

  .section-9 .news-wrap .bg-shape.shape-1 {
    left: auto;
    right: -12px;
    -webkit-transform: none;
    transform: none;
    top: -170px
  }

  .section-9 .title-box h2 {
    position: relative;
    z-index: 2
  }

  .media .section-8 {
    margin-bottom: 100px
  }

  .section-10 {
    padding-bottom: 50px
  }

  .section-10 .container-1 {
    padding-left: 50px;
    padding-right: 10px
  }

  .section-10 .block {
    margin: 10px;
    height: 35vw;
    width: -webkit-calc(33.33% - 20px);
    width: calc(33.33% - 20px)
  }

  .section-10 .icon-wrap .img {
    width: 65px;
    height: 65px;
    background-size: 40px
  }

  .section-10 .icon-wrap p {
    font-size: 18px
  }

  .imaging .section-4 .station-logo-wrap ul {
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .imaging .section-4 .station-logo-wrap li {
    width: 130px;
    margin: 20px
  }

  .imaging .section-4 .small-title {
    padding: 58px 10px 10px 20px
  }

  .podcast .section-12 {
    padding-left: 0
  }

  .podcast .section-11 .bottom-content li p {
    line-height: 1.3;
    font-size: 20px
  }

  .podcast .section-11 .podcast-shape.ps-4 {
    right: auto;
    left: 20px
  }

  .podcast .section-11 {
    padding-top: 100px;
    padding-left: 0
  }

  .podcast .section-11 .podcast-shape.ps-1 {
    left: -50px;
    top: 30px
  }

  .podcast .section-11 .podcast-shape.ps-5 {
    right: 50px;
    top: 10px
  }

  .podcast .section-11 .podcast-shape.ps-2 {
    display: none
  }

  .podcast .section-6 .people-wrap .single-card {
    width: -webkit-calc(33.33333% - 24px);
    width: calc(33.33333% - 24px)
  }

  .podcast .section-6 .container-1 {
    padding: 0
  }

  .podcast .section-7 .text-wrap .video-block {
    height: 31vw
  }

  .media-news .media-news-main-wrapper {
    padding-left: 20px;
    margin-bottom: 100px
  }

  .media-news .section-7 .dotted-shape {
    bottom: 0;
    width: 195px;
    height: 195px
  }

  .contact-us .section-5 .inner {
    padding: 30px 0 0
  }

  .contact-us .subpage-promo-wrapper {
    width: 100%
  }

  .contact-us .subpage-promo-wrapper .content {
    padding-left: 40px
  }

  .contact-us .section-5 .form-shape.form-shape-3,
  .contact-us .section-5 .form-shape.form-shape-4 {
    display: none
  }

  .contact-us .section-5 {
    padding-top: 20px;
    margin-bottom: 50px
  }

  .contact-us .section-5.location-wrapper .location-gradient,
  .contact-us .section-5.location-wrapper:before {
    display: none
  }

  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text:nth-child(2n) {
    width: 48%
  }

  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul li {
    font-size: 3vw
  }

  .contact-us .section-5.location-wrapper .inner {
    padding-bottom: 50px
  }

  .contact-us .section-2 .inner h2 {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -10px
  }

  .contact-us .section-2 .inner h6 {
    font-size: 30px
  }

  .blog .section-3 .grid-selection-wrapper,
  .contact-us .section-2 .inner h6 {
    padding-left: 20px;
    padding-right: 20px
  }

  .blog .section-3 .grid-selection-wrapper input {
    display: block;
    margin: auto auto 40px
  }

  .blog .section-3 .grid-selection-wrapper .grid-selector {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-bottom: 65px
  }

  .blog .section-3 .grid-selection-wrapper .grid-selector li,
  .blog .section-3 .grid-selection-wrapper .grid-selector li:not(:first-child) {
    margin: 0 15px
  }

  .page-template-tpl-voicevoers .section-5 .text-box {
    margin-bottom: 20px
  }

  .libraries .section-5 .text-box {
    margin-bottom: 30px
  }

  .libraries .section-5 {
    margin-bottom: 10px
  }

  .libraries .section-10 .icon-wrap .img-wrap .strip {
    padding-top: 4px;
    width: 165px;
    background-size: 165px;
    font-size: 18px
  }

  .libraries .section-10 .shape {
    display: none
  }

  .team #page-header {
    z-index: 1
  }

  .team .section-5 .inner .text-box p {
    font-size: 2.6em
  }

  .team .section-5 .text-box {
    margin-bottom: 20px
  }

  .team .section-6 {
    position: relative;
    z-index: 2
  }

  .team .subpage-promo-wrapper .content h1 {
    max-width: 75%
  }

  .team .team-slider-wrapper .swiper-container .swiper-slide {
    min-height: 395px
  }

  .team .team-slider-wrapper .swiper-container .swiper-slide .slide-content p {
    font-size: 20px
  }

  .team .section-7 .grid-wrap {
    top: auto;
    bottom: 0;
    width: 50%
  }

  .team .section-7 .container-1 .inner .content .text-wrap .text-block {
    width: 100%
  }

  .team .section-7 .dotted-shape {
    width: 235px;
    height: 235px;
    left: 80px;
    bottom: 0
  }

  .team .section-7 .container-1 .inner .content .text-wrap .text-block .text-pic {
    height: 39vw
  }

  .team .section-7 .container-1 .inner .content .text-wrap .text-block .text-grid {
    display: none
  }

  .team .section-7 .container-1 .inner .content .text-wrap {
    padding-right: 0
  }

  .team .section-7 .container-1 .inner .content .text-wrap .text-block {
    margin-bottom: 45px
  }

  .team .section-6 .people-wrap .info p {
    font-size: 1.9vw
  }

  .blog-post .section-5 .inner {
    padding: 55px 0 5px
  }

  .blog-post .section-5 .inner .date {
    margin-bottom: 10px
  }

  .blog-post .section-5 .inner .blog-title {
    font-size: 30px;
    margin-bottom: 15px
  }

  .blog-post .section-5 .inner .date,
  .blog-post .section-5 .text-box p {
    font-size: 20px
  }

  .blog-post .section-5 .inner .date span {
    font-size: 25px
  }

  .blog-post .section-7 .inner .text-wrap .text-block:not(:last-child) {
    width: 100%;
    float: none;
    margin-top: 0;
    padding-bottom: 30px
  }

  .blog-post .section-7 .inner .text-wrap .text-block {
    width: 100%;
    float: none
  }

  .blog-post .section-7 .inner .text-wrap .text-block h6 {
    padding-left: 0
  }

  .blog-post .section-7 .inner .text-wrap .text-block p {
    margin-bottom: 15px
  }

  .blog-post .section-7 .inner .text-wrap .text-block h6 {
    margin-bottom: 25px
  }

  .blog-post .section-7 .inner .text-wrap {
    width: 100%
  }

  .blog-post .section-7 .inner {
    padding: 35px 20px 60px
  }

  .blog-post .section-7 .dotted-shape {
    width: 235px;
    height: 235px;
    bottom: 0
  }

  .blog-post .section-5 {
    margin-bottom: 70px
  }

  .blog-post .subpage-promo-wrapper .content h1 {
    max-width: 75%
  }

  .popup-outer {
    overflow: auto
  }

  .footer-popup .site-branding {
    display: none
  }

  .footer-popup .popup-content {
    width: 100%;
    margin-left: 0
  }

  .affiliate-popup .popup-content .popup-inner .popup-logo-wrapper .logo-block {
    width: 25%
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .name {
    font-size: 25px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
  }

  .affiliate-popup .popup-content .popup-inner .popup-header {
    padding: 35px 20px
  }

  .voiceover-detail {
    height: auto
  }

  .voiceover-detail.type-3 .popup-content .voice-img-wrapper {
    height: 500px
  }

  .voiceover-detail.type-3 .popup-content .voice-content {
    height: auto;
    overflow-y: visible;
    padding-top: 40px
  }

  .voiceover-detail .popup-content {
    height: auto
  }

  .voiceover-detail .popup-content .voice-img-wrapper {
    width: 100%;
    margin-bottom: 40px;
    height: 850px;
    background-position: 50%
  }

  .voiceover-detail .popup-content .voice-content {
    width: 100%;
    padding: 0 20px;
    overflow: visible;
    max-height: unset;
    height: auto
  }

  .voiceover-detail.type-2 .name {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    left: 0;
    width: 100%;
    padding: 0 20px !important;
    font-size: 6vw
  }

  .voiceover-detail.type-2 .voice-content {
    margin-bottom: 120px;
    height: auto
  }

  .voiceover-detail.type-3 .popup-content .voice-content .package-wrapper .play-wrapper .play-block {
    width: 50%
  }

  .voiceover-detail.type-3 .popup-content .voice-img-wrapper .popup-shape.popup-shape-3 {
    right: 20%;
    top: 2%
  }

  .voiceover-detail.type-4 .popup-content .programming-popup {
    width: 100%
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .popup-shape.popup-shape-2 {
    right: 20%
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .name {
    font-size: 25px;
    margin-bottom: 95px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .programming-img {
    height: 22vw
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .name {
    max-width: 70%;
    padding-right: 0
  }

  .voiceover-detail.type-4 .popup-content .programming-popup {
    height: auto;
    margin-bottom: 40px
  }

  .voiceover-detail.type-4 .popup-content .voice-content {
    height: auto;
    overflow-y: visible
  }

  .voiceover-detail.terms .popup-content {
    width: 100%;
    padding-left: 20px
  }

  .section-3 .mouse-wrap {
    display: none
  }

  .voiceover-sort-wrap.type-2 .select-wrapper {
    margin-left: 40px
  }

  .voiceover-sort-wrap .input-wrapper {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px
  }

  .voiceover-sort-wrap .select-wrapper {
    margin-left: 0
  }

  .landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-1,
  .landing-page .subpage-promo-wrapper .bubble-wrap .bubble-outer.bubble-2 {
    display: none
  }

  .landing-page .landing-info-main-wrapper {
    padding-top: 40px;
    padding-left: 20px
  }

  .landing-page .landing-info-main-wrapper .landing-info-content {
    padding: 0
  }

  .landing-page .landing-info-main-wrapper .text-box .main-title {
    font-size: 35px
  }

  .landing-page .landing-info-main-wrapper .info-box p {
    font-size: 22px
  }

  .landing-page .section-5 .container-1 .bubble-wrap .bubble-outer.bubble-3,
  .landing-page .section-5 .container-1 .dotted-shape {
    display: none
  }

  .landing-page .section-5 .container-1 .inner {
    padding: 30px 0 0
  }

  .music-app-wrapper {
    padding: 80px 20px 0
  }

  .music-app-wrapper .dotted-shape {
    display: none
  }

  .media-player-container {
    padding: 8px 20px
  }

  .media-player-container .left-col .current-playing p {
    font-size: 20px;
    line-height: 25px
  }

  .media-player-container .left-col .player-img {
    width: 71px;
    height: 71px
  }

  .media-player-container .left-col .player-play-btn {
    width: 35px;
    height: 35px
  }

  .media-player-container,
  .media-player-container .media-player-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .media-player-container .left-col {
    width: 100%;
    margin-bottom: 20px;
    border-right: none
  }

  .media-player-container .right-col {
    width: 100%
  }

  .collapsed-player-wrapper {
    left: 42px;
    width: 92px;
    height: 92px
  }

  .bz50 .award-section .container-1 {
    padding-left: 0
  }

  .bz50 .award-section .inner {
    padding-left: 20px
  }

  .bz50 .tabs-block {
    margin-bottom: 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
  }

  .bz50 .tabs-block li {
    font-size: 26px
  }

  .bz50 .tabs-overflow {
    white-space: nowrap;
    overflow: auto
  }

  .section-5 .btn-wrap {
    margin-bottom: 30px
  }

  .testimonial-outer {
    width: 100%;
    padding: 0 20px
  }

  .testimonial-slider-wrapper {
    padding-right: 0;
    padding-left: 0
  }

  .testimonial-slider-wrapper .swiper-container {
    margin-bottom: 50px
  }

  .testi-slide-img {
    width: 100%;
    max-width: 100%;
    height: 62vw;
    max-height: 495px;
    margin: auto auto 30px
  }

  .testi-slide-text-wrapper {
    width: 100%;
    text-align: center
  }

  .testi-slide-text-wrapper h3 {
    font-size: 25px
  }

  .testi-slide-text-wrapper .testi-person-description {
    max-width: 100%;
    padding-left: 0
  }

  .testi-slide-text-wrapper .testi-tag {
    font-size: 20px
  }

  .testi-slider-pag-wrapper {
    position: relative;
    max-width: 200px;
    margin: auto
  }

  .testimonial-outer {
    margin-bottom: 65px
  }

  .error-page-wrapper {
    padding-left: 0
  }

  .error-page-text {
    text-align: center
  }

  .error-page-text .error-page-title {
    font-size: 60px
  }

  .error-page-text .error-page-description,
  .error-page-text .error-page-title {
    max-width: 100%
  }

  .benz-50-form-outer {
    padding-left: 20px;
    margin-top: 50px
  }

  .benz-50-form-title {
    font-size: 50px;
    margin-bottom: 40px
  }

  .benz-50-form .form-inner .input-wrapper {
    width: 100%
  }

  .benz-50-form .checkbox-wrapper,
  .benz-50-form .textarea-wrapper,
  .benz-50-form .upload-input {
    padding-left: 0
  }

  .benz-50-form .checkbox-wrapper {
    margin-bottom: 20px
  }

  .benz-50-form .upload-input {
    margin-bottom: 30px
  }

  .benz-50-form .textarea-wrapper {
    margin-bottom: 35px
  }

  .benz-50-locations-wrapper {
    padding: 0 20px
  }

  .benz-50-form .voicing-indication {
    max-width: 100%
  }

  .contact-msg-wrapper .contact-msg-shape {
    display: none
  }

  .ty-msg-title {
    font-size: 45px
  }

  .bz50 .scroll-tabs {
    margin-bottom: 50px
  }

  .section-5 .main-title {
    font-size: 3vw
  }

  .media-news .media-news-user-content,
  .media-news .media-news-user-content .play-wrapper {
    margin-bottom: 40px
  }

  .media-news .media-news-user-content h3 {
    font-size: 30px
  }

  .station-select-wrapper {
    padding-left: 0
  }

  .single-popup-page .voiceover-detail .popup-content .voice-img-wrapper {
    position: relative;
    left: 0;
    width: 100%;
    min-height: 850px
  }

  .single-popup-page .affiliate-popup .popup-content .popup-inner .popup-header .name {
    padding-right: 50px
  }

  .single-popup-page .affiliate-popup .single-popup-back {
    color: #fff;
    background-color: transparent
  }

  .single-popup-page .affiliate-popup .single-popup-back .popup-back-btn {
    background-image: url(/img/icons/arrow-left.png)
  }

  .single-popup-page .affiliate-popup .popup-content .popup-inner {
    padding-right: 0
  }

  .bz50 .section-6 .inner {
    padding: 25px 0 55px
  }

  .podcast .section-11 .grad-1 {
    -webkit-box-shadow: none;
    box-shadow: none
  }

  #page-header .site-branding.hidden {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    visibility: visible
  }

  .Edge .section-10 .block {
    width: -webkit-calc(33.33% - 21px);
    width: calc(33.33% - 21px)
  }

  .Edge.podcast .section-6 .people-wrap .single-card,
  .Edge .section-6 .people-wrap .single-card {
    width: -webkit-calc(33.33% - 25px);
    width: calc(33.33% - 25px)
  }

  .single-program .voiceover-detail .popup-content .voice-content {
    padding: 0 20px 20px
  }

  .tag-filter-wrap {
    padding: 0 20px
  }

  .single-member #page-header {
    display: none
  }

  .section-13 .container-1 {
    padding: 0 20px
  }

  .section-14 {
    padding-top: 40px;
    margin-bottom: 70px
  }

  .section-14 .container-1 {
    padding: 0 20px
  }

  .section-14 .section-14-subtitle {
    font-size: 30px
  }

  .section-14 .section-14-msg {
    font-size: 22px
  }

  .section-14 .check-icon-wrapper {
    width: 80px;
    height: 80px
  }

  .section-14 .check-icon {
    width: 35px;
    height: 26px
  }

  .section-14 .form-shape.form-shape-2 {
    width: 150px;
    height: 150px;
    right: -105px
  }

  .section-14 .form-shape.form-shape-3 {
    display: none
  }

  .section-14 .form-shape.form-shape-6 {
    width: 66px;
    height: 64px;
    right: 5%;
    bottom: -40%
  }

  .single-jingle.single-popup-page #page-header nav {
    display: none
  }

  .single-jingle .subpage-promo-wrapper {
    min-height: unset;
    padding-left: 0
  }

  .single-jingle .subpage-promo-wrapper .jingle-promo-wrapper {
    padding: 0 20px;
    margin-top: 110px
  }

  .single-jingle .jingle-container {
    padding: 30px 20px 20px
  }

  .single-jingle .jingle-themes-container,
  .single-jingle .jingle-wrapper {
    padding: 0
  }
}

@media only screen and (max-width:900px) {
  #page-header .promo-wrapper .text-box h2 {
    font-size: 60px
  }

  #page-header .promo-wrapper .swiper-pagination {
    min-height: 120px;
    height: auto;
    background: #fff
  }

  #page-header .promo-wrapper .swiper-pagination .swiper-pagination-bullet {
    padding: 38px 30px 20px;
    font-size: 20px
  }

  .section-3 .text.quote .work {
    font-size: 1.6vw
  }

  .section-3 .text.small p {
    font-size: 2vw
  }

  .section-1:after {
    display: none
  }

  .section-1 .text-box {
    width: 100%;
    margin-bottom: 40px
  }

  .section-1 .grid-box {
    width: 100%
  }

  .section-1 .grid-box .grid {
    padding: 0;
    right: 0;
    height: 65vw
  }

  .section-1 .grid ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .section-1 .grid-box .grid li {
    width: 4.16%;
    pointer-events: none
  }

  .section-1 .bottom-content {
    max-width: 100%;
    padding-right: 20px
  }

  .section-1 .counter-wrap {
    width: 100%;
    padding-bottom: 20px
  }

  .section-1 .counter-wrap:after {
    display: none
  }

  .section-1 .logo-wrap {
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-top: 20px;
    border-top: 1px solid #c7c7c7
  }

  .section-1 .logo-wrap ul {
    display: block
  }

  .section-1 .logo-wrap li {
    margin: 3.5%
  }

  .section-2 .text {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .section-2 .text .btns-wrap {
    width: 100%;
    margin-bottom: 20px
  }

  .section-2 .text .btns-wrap .btn-2 {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block
  }

  .section-2 .text .description {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }

  .section-2 .text .btns-wrap .btn-2:not(:last-child) {
    margin-bottom: 20px
  }

  .section-3 .half-width {
    width: 100%
  }

  .section-3 .quarter-width {
    width: 50%
  }

  .section-3 .text.big p span {
    left: -7%
  }

  .section-3 .type-2.position-2 {
    display: block
  }

  .section-3 .type-2.position-2 .quarter-width:first-child {
    float: right
  }

  .section-3 .type-2.position-2 .quarter-width:last-child {
    float: left
  }

  .section-4 .inner {
    width: 100%
  }

  .section-6 .people-wrap .single-card {
    width: -webkit-calc(50% - 24px);
    width: calc(50% - 24px);
    height: 48vw
  }

  .jingles .section-6 .people-wrap .single-card {
    height: 45vw
  }

  .jingles .section-6 .people-wrap .bg-shape.shape-7 {
    bottom: 0;
    left: -5%
  }

  .section-8 .main-title-box {
    padding-left: 20px
  }

  .podcast .section-11 .card {
    width: 100%;
    margin: 0 0 52px
  }

  .podcast .section-11 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 120px
  }

  .podcast .section-11 .podcast-shape {
    display: none
  }

  .podcast .section-11 .linear-shape {
    left: auto;
    top: auto;
    right: 18%;
    bottom: 0;
    width: 275px;
    height: 275px;
    bottom: 40px
  }

  .podcast .section-12 .sign-up-wrapper h2 {
    font-size: 50px;
    margin-bottom: 30px
  }

  .podcast .section-12 .sign-up-wrapper form .input-wrapper {
    margin-bottom: 22px
  }

  .podcast .section-12 .grad-2 {
    display: none
  }

  .podcast .section-6 .people-wrap .single-card {
    width: -webkit-calc(50% - 24px);
    width: calc(50% - 24px);
    height: 46vw
  }

  .podcast .section-6 .podcast-intro-text h4 {
    font-size: 50px
  }

  .podcast .section-6 .podcast-intro-text p {
    font-size: 25px
  }

  .podcast .section-12 {
    margin-bottom: 60px
  }

  .media-news .media-news-main-wrapper .media-news-content .media-col {
    width: 100%
  }

  .media-news .media-news-main-wrapper .media-news-content .media-col .media-article {
    margin-bottom: 55px
  }

  .media-news .media-news-main-wrapper .share-block-wrapper .share-block h6 {
    font-size: 20px
  }

  .media-news .media-news-main-wrapper .share-block-wrapper .share-block .share-icon {
    width: 34px;
    height: 34px;
    background-size: 34px
  }

  .media-news .section-7 .text-wrap .text-block p {
    font-size: 2.9em;
    margin-bottom: 30px
  }

  .contact-us .section-5 .contact-content form .input-wrapper.double-input input {
    width: 100%;
    margin-bottom: 30px
  }

  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text,
  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text:nth-child(2n) {
    width: 100%
  }

  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul li {
    font-size: 4vw
  }

  .contact-us .subpage-promo-wrapper .promo-bubble {
    display: none
  }

  .blog .section-3 .grid-selection-wrapper .grid-selector li {
    font-size: 25px
  }

  .blog .section-3 .text.small .category-tag,
  .blog .section-3 .text.small p {
    font-size: 2.2vw
  }

  .blog .section-3 .container-1 {
    margin-bottom: 30px
  }

  .blog .section-5 .text-box p .p-shape {
    display: none
  }

  .team .section-6 .people-wrap .info p {
    font-size: 2.4vw
  }

  .voiceover-detail .popup-content .voice-content .voice-demo-wrapper {
    padding-bottom: 0
  }

  .voiceover-detail.type-2 .voice-content {
    margin-bottom: 50px
  }

  .landing-page .section-5 .contact-content form .input-wrapper.double-input {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
  }

  .landing-page .section-5 .contact-content form .input-wrapper.double-input input {
    width: 100%;
    margin-bottom: 30px
  }

  .bz50 .gradient-shape {
    display: none
  }

  .bz50 .voice-award-section .grid-box .award-img {
    max-width: 100%
  }

  .benz-50-locations-wrapper {
    text-align: center
  }

  .benz-50-locations-title {
    font-size: 50px
  }

  .benz-50-location {
    width: 100%
  }

  .benz-50-location h6,
  .benz-50-location p {
    max-width: 100%
  }

  .benz-50-location p {
    font-size: 25px;
    margin-bottom: 25px
  }

  .station-select-wrapper .station-titles {
    display: none
  }

  .station-select-wrapper .station {
    padding-right: 0
  }

  .station-select-wrapper .station-wrapper {
    text-align: center
  }

  .station-select-wrapper .station-wrapper .third-width {
    width: 100%;
    margin-bottom: 20px
  }

  .station-select-wrapper .station-wrapper .third-width:nth-child(2) {
    width: 100%
  }

  .station-select-wrapper .station-letters {
    width: 100%;
    max-width: 100%;
    text-align: center
  }

  .station-select-wrapper .station-letters::-webkit-input-placeholder {
    color: #6b6b6c
  }

  .station-select-wrapper .station-letters::-moz-placeholder {
    color: #6b6b6c
  }

  .station-select-wrapper .station-letters:-ms-input-placeholder {
    color: #6b6b6c
  }

  .station-select-wrapper .station-letters::-ms-input-placeholder {
    color: #6b6b6c
  }

  .station-select-wrapper .station-letters::placeholder {
    color: #6b6b6c
  }

  .station-select-wrapper .checkbox-wrapper {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .station-select-wrapper .checkbox-wrapper .mobile-tech-select {
    display: block
  }

  .station-select-wrapper .checkbox-wrapper label {
    margin: 0 0 20px
  }

  .Edge .section-6 .people-wrap .single-card {
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px)
  }

  .Edge.podcast .section-11 .card {
    width: 100%
  }

  .Edge.podcast .section-6 .people-wrap .single-card {
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px)
  }

  .tag-filter-wrap h6 {
    font-size: 25px
  }

  .blog .section-7:after {
    height: -webkit-calc(100% + 40px);
    height: calc(100% + 40px)
  }

  .section-13 {
    padding: 70px 0
  }

  .section-13 .small-title {
    font-size: 35px;
    margin-bottom: 25px
  }

  .section-14 .form-shape.form-shape-2 {
    width: 152px;
    height: 152px
  }

  .section-14 .form-shape.form-shape-6 {
    width: 44px;
    height: 44px
  }
}

@media only screen and (max-width:700px) {
  #page-header .promo-wrapper .text-box h2 {
    font-size: 9vw
  }

  #page-header .promo-wrapper .swiper-pagination .swiper-pagination-bullet {
    font-size: 3.5vw;
    padding: 38px 20px 20px
  }

  #page-header .promo-wrapper .swiper-pagination .swiper-pagination-bullet:after {
    bottom: 0;
    height: 80%
  }

  .promo-wrapper .content-wrap {
    top: 110px
  }

  .promo-wrapper {
    margin-bottom: 70px
  }

  .section-2 .slider-wrap .swiper-pagination-bullet {
    width: 25px
  }

  .section-2 .overflow-wrap,
  .section-3 .quarter-width {
    width: 100%
  }

  .section-3 .half-width,
  .section-3 .quarter-width {
    height: 68vw
  }

  .section-3 .text.small p {
    font-size: 4vw
  }

  .section-3 .text.quote .work {
    font-size: 2.5vw
  }

  .section-4 .inner:before {
    height: 190%
  }

  .section-1 .text-box .main-title {
    font-size: 22px
  }

  .section-1 .grid-box .grid li {
    width: 6.66%;
    pointer-events: none
  }

  .section-1 .top-content {
    padding-bottom: 15px
  }

  .section-1 .bottom-content {
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
  }

  .promo-wrapper .swiper-pagination .swiper-pagination-bullet {
    font-size: 20px;
    padding: 30px 16px 0
  }

  .promo-wrapper .text-box h2 {
    font-size: 50px
  }

  .promo-wrapper .content-wrap {
    padding: 0 40px
  }

  .section-2 h2 {
    font-size: 50px
  }

  .subpage-promo-wrapper .content h1 {
    font-size: 26px
  }

  .section-5 .text-box p {
    font-size: 3vw;
    font-size: 21px
  }

  .section-5 .info-box p {
    font-size: 17px
  }

  .section-7 .dotted-shape {
    display: none
  }

  .section-7 .inner {
    width: 90%;
    padding: 20px
  }

  .section-7 .text-wrap p {
    font-size: 21px
  }

  .section-7 .text-wrap .small-title {
    font-size: 23px
  }

  .section-9 .news-block {
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px)
  }

  .section-9 .news-block .text-wrap {
    padding: 30px 30px 60px
  }

  .section-9 .news-block .text-wrap h3 {
    font-size: 24px
  }

  .section-9 .news-block .text-wrap p {
    font-size: 20px
  }

  .section-9 .news-block .text-wrap .read-more {
    left: 30px
  }

  .section-10 .block {
    height: 45vw;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px)
  }

  .podcast .section-11 .podcast-shape.ps-1 {
    display: none
  }

  .podcast .section-11 .linear-shape {
    width: 215px;
    height: 215px
  }

  .podcast .section-11 .grad-1 {
    width: 215px;
    height: 215px;
    bottom: -70px;
    left: -100px
  }

  .podcast .section-12 .sign-up-wrapper h2 {
    font-size: 40px
  }

  .podcast .section-12 .sign-up-wrapper form h4 {
    font-size: 25px
  }

  .podcast .section-6 .podcast-intro-text h4 {
    font-size: 40px
  }

  .podcast .section-6 .podcast-intro-text p {
    font-size: 20px
  }

  .podcast .section-7 .text-wrap .video-block {
    height: 45vw
  }

  .media-news .media-news-main-wrapper .media-news-content .media-col p {
    font-size: 20px
  }

  .media-news .media-news-main-wrapper .media-news-content .media-col p,
  .media-news .media-news-main-wrapper .media-news-content .media-col p:last-of-type,
  .media-news .media-news-main-wrapper .media-news-intro-text {
    margin-bottom: 30px
  }

  .media-news .media-news-main-wrapper .media-news-content .media-col h4 {
    font-size: 25px
  }

  .media-news .media-news-main-wrapper .share-block-wrapper .share-block {
    width: 50%
  }

  .media-news .section-7 .text-wrap .text-pic {
    height: 50vw
  }

  .media-news .section-7 .text-block:not(:last-child) {
    padding-bottom: 55px
  }

  .contact-us .section-5 .contact-content form .input-wrapper input {
    height: 60px
  }

  .contact-us .section-5 .contact-content h2 {
    font-size: 40px;
    margin-bottom: 35px
  }

  .contact-us .section-5 .contact-content form .input-wrapper textarea {
    height: 240px;
    margin-bottom: 0;
    padding: 15px 45px
  }

  .contact-us .section-5 .contact-content form .input-wrapper.double-input input {
    padding: 0 45px
  }

  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul li {
    font-size: 30px
  }

  .contact-us .section-2 .inner h2 {
    margin-bottom: 5px
  }

  .contact-us .section-2 .inner h6 {
    font-size: 20px
  }

  .contact-us .section-2 .article-block {
    padding-top: 35px
  }

  .blog .section-3 .grid-selection-wrapper input {
    height: 60px;
    background-position: 22px 50%;
    background-size: 20px;
    padding: 0 20px 0 55px
  }

  .blog .section-3 .grid-selection-wrapper .grid-selector li {
    font-size: 18px
  }

  .blog .section-5 {
    margin-bottom: 30px
  }

  .blog .section-7:before {
    width: 10%
  }

  .blog .section-3 .text.small p {
    font-size: 5vw
  }

  .blog .section-3 .text.small .category-tag {
    font-size: 3vw
  }

  .team .section-6 .people-wrap .name {
    font-size: 16px
  }

  .team .section-5 .inner .text-box h4,
  .team .section-6 .gallery-title {
    font-size: 30px
  }

  .team .team-slider-wrapper .swiper-container .swiper-slide {
    min-height: 305px
  }

  .team .section-7:before {
    width: 10%
  }

  .team .section-6 .people-wrap .info p {
    font-size: 16px
  }

  .blog-post .section-5 .inner .blog-title {
    font-size: 25px
  }

  .blog-post .section-5 .text-box h6 {
    font-size: 20px
  }

  .blog-post .section-7 .inner .text-wrap .text-block .text-pic {
    height: 65vw
  }

  .footer-popup .footer-popup-close {
    top: 20px;
    right: 20px
  }

  .footer-popup .footer-popup-close .close-ico {
    width: 30px;
    height: 30px
  }

  .affiliate-popup .popup-content .popup-inner {
    padding-right: 0
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .popup-shape {
    display: none
  }

  .affiliate-popup .footer-popup-close p {
    color: #fff
  }

  .affiliate-popup .popup-content .popup-inner .popup-header {
    padding: 35px 80px 35px 20px
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .btn-2 span {
    font-size: 14px;
    padding: 24px 23px 24px 63px
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .btn-2:after {
    left: 25px
  }

  .affiliate-popup .popup-content .popup-inner .popup-header .btn-2:hover:after {
    left: 50%
  }

  .affiliate-popup .popup-content .popup-inner .popup-logo-wrapper .logo-block {
    width: 33.3333%
  }

  .voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag {
    width: 100%
  }

  .voiceover-detail .popup-content .voice-img-wrapper .voice-pagination .pag .pag-text .name {
    font-size: 16px
  }

  .voiceover-detail .popup-content .voice-img-wrapper .name {
    font-size: 25px;
    padding: 20px;
    max-width: 70%
  }

  .voiceover-detail.type-2 .name {
    font-size: 8vw !important
  }

  .voiceover-detail.type-2 .voice-img-wrapper {
    height: 550px
  }

  .voiceover-detail.type-3 .popup-content .voice-content .package-wrapper .play-wrapper .play-block {
    width: 100%
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .popup-card .card-tag {
    font-size: 18px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .popup-card .price {
    font-size: 75px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .popup-card h6 {
    font-size: 30px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .popup-card {
    padding: 20px 20px 30px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .programming-img {
    margin-bottom: 270px;
    height: 30vw
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .popup-card p {
    margin-bottom: 20px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .popup-card h6 {
    margin-bottom: 35px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .name {
    font-size: 20px
  }

  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .popup-shape.popup-shape-2 {
    display: none
  }

  .voiceover-detail.terms .popup-content h2 {
    margin-bottom: 20px;
    font-size: 20px
  }

  .voiceover-detail.terms .popup-content p {
    font-size: 18px;
    margin-bottom: 20px
  }

  .voiceover-detail.terms .popup-content ul {
    margin-top: 35px
  }

  .voiceover-detail.terms .popup-content ul li {
    padding-left: 25px
  }

  .voiceover-detail.terms .popup-content ul li h6,
  .voiceover-detail.terms .popup-content ul li small {
    font-size: 18px
  }

  .jingles .section-6 {
    padding-bottom: 0
  }

  .promo-wrapper .swiper-wrapper {
    min-height: 700px
  }

  .promo-wrapper .text-box p {
    font-size: 18px
  }

  .landing-page .btn-2 span {
    padding: 16px 20px 16px 50px
  }

  .landing-page .btn-2:after {
    left: 18px
  }

  .landing-page .subpage-promo-wrapper .content h1 {
    max-width: 60%
  }

  .landing-page .subpage-promo-wrapper .content .text-box ul {
    padding-left: 0
  }

  .landing-page .landing-info-main-wrapper {
    padding-top: 20px
  }

  .landing-page .landing-info-main-wrapper .text-box .main-title {
    font-size: 30px
  }

  .landing-page .landing-info-main-wrapper .info-box p {
    font-size: 18px
  }

  .landing-page .section-5 {
    padding-top: 40px
  }

  .landing-page .section-5 .contact-content h2 {
    font-size: 40px
  }

  .landing-page .section-5 .contact-content form .input-wrapper input {
    height: 60px;
    padding: 0 45px
  }

  .landing-page .section-7 .inner {
    width: 90%;
    padding: 20px
  }

  .landing-page .section-7 .content {
    padding-bottom: 0
  }

  .landing-page .section-7 .content h4 {
    font-size: 40px
  }

  .landing-page .section-7 .text-wrap {
    margin-bottom: 0
  }

  .landing-page .section-7 .text-wrap p {
    font-size: 30px
  }

  .bz50 .gradient-shape {
    display: none
  }

  .bz50 .voice-award-section .text-box .counter-wrap .number {
    font-size: 30px
  }

  .testi-slider-pag-wrapper .swiper-pagination {
    display: none
  }

  .podcast .section-7 .inner {
    width: 100%
  }

  .podcast .section-7 .text-wrap .video-block {
    -webkit-box-shadow: 1.396px 79.988px 40px -30px rgba(175, 74, 179, .39);
    box-shadow: 1.396px 79.988px 40px -30px rgba(175, 74, 179, .39)
  }

  .podcast-slider-wrapper .swiper-slide {
    padding: 0 0 120px
  }

  .podcast-slider-pag .swiper-pagination {
    display: none
  }

  .podcast-slider-pag .swiper-button-next,
  .podcast-slider-pag .swiper-button-prev {
    margin: 0 10px
  }

  .text-span {
    white-space: normal
  }

  .text-span:after,
  .text-span:before {
    display: none
  }

  .error-page-wrapper {
    min-height: 550px
  }

  .error-page-text .error-page-title {
    font-size: 50px
  }

  .subpage-promo-wrapper .bz-50-bg {
    background-position: 0
  }

  .benz50-apply .bg-sample {
    display: none
  }

  .benz-50-form .form-inner .dropdown-wrapper .dk-select {
    background-position: 95% 50%;
    padding: 14px 95px 14px 35px
  }

  .benz-50-form-title {
    font-size: 40px
  }

  .benz-50-form .form-inner .input-wrapper input {
    padding: 0 35px;
    height: 60px
  }

  .benz-50-form .voicing-indication {
    font-size: 20px
  }

  .contact-us .section-5 .contact-content form .input-wrapper .contact-select .dk-selected {
    padding: 14px 75px 14px 35px
  }

  .contact-us .section-5 .contact-content form .input-wrapper.double-input {
    width: 100%
  }

  .contact-us .section-5 .contact-content form .input-wrapper .error-text {
    padding: 0 45px
  }

  .contact-msg-wrapper {
    padding: 80px 20px 50px
  }

  .ty-msg-title {
    font-size: 35px
  }

  .contact-msg-img {
    max-width: 135px
  }

  .contact-msg-logo {
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px
  }

  .benz-50-form .form-inner .dropdown-wrapper .dk-select .dk-select-options li {
    padding: 0 35px
  }

  .landing-page .section-5 .contact-content form .input-wrapper .error-text {
    padding: 0 45px
  }

  .landing-page .section-5 .contact-content form .input-wrapper.double-input {
    width: 100%
  }

  .section-5 .main-title {
    font-size: 21px
  }

  .jingles .section-6 .people-wrap .single-card {
    height: 55vw
  }

  .programming .section-6 .people-wrap .single-card {
    height: 58vw
  }

  .media-news .media-news-user-content h2 {
    font-size: 30px
  }

  .media-news .media-news-user-content h3 {
    font-size: 28px
  }

  .media-news .media-news-user-content h4 {
    font-size: 25px
  }

  .media-news .media-news-user-content h5 {
    font-size: 23px
  }

  .media-news .media-news-user-content p,
  .media-news .media-news-user-content ul li {
    font-size: 20px
  }

  .media-news .media-news-user-content ul li:before {
    top: 12px
  }

  .media-news .media-news-user-content h3 {
    font-size: 25px
  }

  .media-news .media-news-user-content .play-wrapper {
    margin-bottom: 0
  }

  .media-news .media-news-user-content .play-wrapper .play-block {
    width: 100%;
    margin: 0 0 40px
  }

  .station-select-wrapper .station {
    font-size: 25px
  }

  .media-news .subpage-promo-wrapper .content h1 {
    font-size: 26px
  }

  .login-form-wrapper .post-password-form input[type=password] {
    padding: 0 15px
  }

  .login-form-wrapper .post-password-form input[type=submit] {
    padding: 16px;
    font-size: 13px
  }

  .login-form-wrapper .post-password-form p {
    font-size: 18px
  }

  .Edge .section-10 .block {
    width: -webkit-calc(50% - 21px);
    width: calc(50% - 21px)
  }

  .Edge.media .section-9 .news-block {
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px)
  }

  .blog-tags-wrapper {
    margin-bottom: 20px
  }

  .blog-tags-title {
    font-size: 22px
  }

  .blog-tag-item {
    font-size: 18px;
    margin-bottom: 5px;
    margin-right: 2px
  }

  .tag-filter-wrap {
    margin-bottom: 20px
  }

  .tag-filter-wrap.visible {
    display: block
  }

  .tag-filter-wrap h6 {
    font-size: 18px
  }

  .section-13 .swiper-container {
    padding: 0 15px
  }

  .section-14 .section-14-content {
    margin-bottom: 30px
  }

  .section-14 .section-14-subtitle {
    font-size: 24px
  }

  .section-14 .section-14-msg {
    font-size: 16px
  }

  .section-14 .form-shape.form-shape-2 {
    display: none
  }

  .section-14 .form-shape.form-shape-4 {
    right: -2%
  }

  .section-14 .check-icon-wrapper {
    width: 50px;
    height: 50px
  }

  .section-14 .check-icon {
    width: 28px;
    height: 20px
  }

  .video-grid-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px
  }

  .single-jingle .jingle-wrapper {
    display: block
  }

  .single-jingle .jingle-demo-outher {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
  }

  .single-jingle .jingle-content-right {
    width: 100%;
    padding-left: 0
  }

  .jingles .section-5 .text-box {
    width: 100%
  }

  .jingles .section-5 .btn-2 {
    min-width: 80%
  }
}

@media only screen and (max-width:480px) {
  #page-header .site-branding {
    height: 75px
  }

  #page-header .logo-wrap {
    width: 180px;
    height: 35px;
    margin: 20px
  }

  #page-header .promo-wrapper .content-wrap {
    top: 30vw;
    padding-left: 20px;
    padding-right: 40px
  }

  #page-header .promo-wrapper .text-box p {
    font-size: 18px;
    line-height: 26px
  }

  #page-header .promo-wrapper .text-box li {
    font-size: 12px
  }

  #page-header .promo-wrapper .text-box li:not(:last-child):after {
    top: 4px
  }

  #page-header .mobile-btn-wrap {
    width: 34px;
    height: 28px;
    margin: 24px
  }

  #page-header .mobile-btn-wrap span {
    width: 28px;
    height: 4px
  }

  #page-header .mobile-btn-wrap span:nth-child(2) {
    width: 34px;
    top: 12px
  }

  .mobile-menu a.close {
    top: 24px;
    right: 24px;
    width: 34px;
    height: 31px
  }

  .mobile-menu li,
  .promo-wrapper {
    margin-bottom: 30px
  }

  .section-1 {
    padding-top: 0
  }

  .btn-2 span {
    padding: 19px 49px 19px 71px;
    font-size: 13px
  }

  .btn-2:after,
  .home .btn-2 .btn-2-arrow {
    left: 35px
  }

  .section-2 .text .btns-wrap .btn-2 span {
    padding: 19px 44px 19px 83px
  }

  .section-2 .text .btns-wrap .btn-2 {
    display: inline-block
  }

  .section-2 .slider-wrap .swiper-pagination-bullet {
    width: 20px
  }

  .promo-wrapper .swiper-pagination .swiper-pagination-bullet span {
    top: -14px
  }

  .section-3 .text.quote .work {
    font-size: 5vw
  }

  .section-3 .text {
    padding: 30px
  }

  .promo-wrapper .text-box p {
    font-size: 16px;
    line-height: 1.2
  }

  .promo-wrapper .swiper-pagination .swiper-pagination-bullet {
    font-size: 13px;
    padding: 10px 10px 0
  }

  .promo-wrapper .content-wrap {
    padding: 0 20px
  }

  .promo-wrapper .text-box h2 {
    font-size: 35px
  }

  .section-1 .text-box .main-title,
  .section-1 .text-box p {
    font-size: 20px
  }

  .section-1 .text-box .small-title {
    margin-bottom: 27px
  }

  .section-1 .counter-wrap {
    text-align: center
  }

  .section-1 .counter-wrap li:first-child,
  .section-1 .counter-wrap li:nth-child(2) {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px
  }

  .section-1 .counter-wrap li:nth-child(3) {
    width: 100%;
    padding-right: 0
  }

  .section-2 h2 {
    font-size: 36px
  }

  .section-2 .tabs-block li {
    margin: 0 12px;
    font-size: 24px
  }

  .section-2 .text .btns-wrap .btn-2 {
    margin-right: 0
  }

  .section-2 .description p {
    font-size: 20px
  }

  .section-2 .slider-wrap .bg {
    height: 55vw
  }

  .section-2 .slider-wrap .icon-wrap .img {
    width: 17vw;
    height: 17vw;
    background-size: 11vw
  }

  .section-2 .slider-wrap .icon-wrap p {
    font-size: 5vw
  }

  .section-2 .content-wrap {
    padding-top: 15%
  }

  .btn-2:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .btn-2:hover:after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .section-3 .half-width,
  .section-3 .quarter-width {
    width: 100%;
    height: auto;
    min-height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .section-3 .text.small p {
    font-size: 18px
  }

  .section-3 .text.big p {
    font-size: 30px
  }

  .section-4 .inner:before {
    height: 250%
  }

  .section-4 .station-logo-wrap li {
    width: 38%
  }

  .subpage-promo-wrapper .content {
    padding-left: 20px
  }

  .subpage-promo-wrapper .content h1 {
    font-size: 22px;
    max-width: 55%
  }

  .tpl-podcast .subpage-promo-wrapper .content h1 {
    max-width: 45%
  }

  .section-5 .text-box .color-1:before,
  .section-5 .text-box .color-2:before {
    height: 5px
  }

  .section-5 .text-box .bg-shape {
    right: 0
  }

  .section-6 .people-wrap .single-card {
    width: 100%;
    height: 92vw;
    min-height: 350px
  }

  .section-6 .tabs-block li {
    font-size: 24px
  }

  .section-6 .people-wrap .bg-shape.shape-1 {
    left: 24%;
    top: 5%
  }

  .section-6 .people-wrap .bg-shape.shape-2 {
    top: 26%
  }

  .section-6 .people-wrap .bg-shape.shape-3 {
    top: 86%
  }

  .section-6 .people-wrap .bg-shape.shape-4 {
    top: 30%
  }

  #page-footer .newsletter-wrap .mail {
    font-size: 16px;
    height: 50px
  }

  #page-footer .newsletter-wrap .mail::-webkit-input-placeholder {
    font-size: 16px
  }

  #page-footer .newsletter-wrap .mail::-moz-placeholder {
    font-size: 16px
  }

  #page-footer .newsletter-wrap .mail:-ms-input-placeholder {
    font-size: 16px
  }

  #page-footer .newsletter-wrap .mail::-ms-input-placeholder {
    font-size: 16px
  }

  #page-footer .newsletter-wrap .mail::placeholder {
    font-size: 16px
  }

  #page-footer .newsletter-wrap .submit-btn {
    height: 50px
  }

  #page-footer .newsletter-wrap p {
    margin-bottom: 10px
  }

  #page-footer .footer-menu ul {
    padding-bottom: 10px
  }

  .section-8 .slider-wrap .img-wrap {
    height: 220px
  }

  .section-8 .slider-wrap .title-box p {
    font-size: 24px
  }

  .section-8 .main-title-box h2 {
    position: relative;
    z-index: 2
  }

  .section-9 .news-block .img-wrap {
    height: 300px
  }

  .section-10 .block {
    height: 320px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px)
  }

  .section-10 .container-1 {
    padding: 0 10px
  }

  .section-10 .container-1 .inner,
  .section-10 .container-1 .inner .blocks-wrap {
    margin: 0
  }

  .podcast .section-11 .top-content .tag {
    width: 210px
  }

  .podcast .section-11 .card {
    padding: 32px 20px
  }

  .podcast .section-11 .bottom-content li p,
  .podcast .section-11 .top-tag p {
    font-size: 18px
  }

  .section-11 .top-content .number p {
    font-size: 20vw
  }

  .section-11 .top-content .number span:first-child {
    top: -9vw;
    left: unset
  }

  .podcast .section-11 {
    padding-top: 30px
  }

  .podcast .section-11 .linear-shape {
    width: 125px;
    height: 125px;
    bottom: 100px
  }

  .podcast .section-11 .grad-1 {
    width: 125px;
    height: 125px;
    bottom: -40px;
    left: -40px
  }

  .podcast .section-12 .sign-up-wrapper h2 {
    font-size: 35px
  }

  .podcast .section-12 .sign-up-wrapper form .input-wrapper input {
    padding: 0 30px
  }

  .podcast .section-12 .form-shape {
    width: 125px !important;
    height: 125px !important
  }

  .podcast .section-12 .form-shape.fs-2 {
    bottom: 0
  }

  .podcast .section-6 .people-wrap .single-card {
    width: 100%;
    height: 91vw;
    max-height: 436px;
    min-height: none
  }

  .podcast .section-7 .text-wrap .video-block .btn-1 {
    width: 45px;
    height: 45px
  }

  .podcast .section-7 .text-wrap .video-block .btn-1:after {
    background-size: 15px
  }

  .podcast .section-7 .text-wrap .video-block .btn-1:before {
    display: none
  }

  .media-news .subpage-promo-wrapper .content h1 {
    max-width: 95%
  }

  .media-news .media-news-main-wrapper .media-news-intro-text {
    font-size: 25px
  }

  .media-news .media-news-main-wrapper .share-block-wrapper .share-block {
    width: 100%
  }

  .contact-us .subpage-promo-wrapper .content h1 {
    max-width: 55%
  }

  .contact-us .subpage-promo-wrapper .content {
    padding-left: 20px
  }

  .contact-us .section-5 .contact-content h2 {
    font-size: 35px
  }

  .contact-us .section-5 .contact-content form .input-wrapper textarea {
    height: 180px
  }

  .contact-us .section-5 .form-shape.form-shape-2 {
    width: 158px;
    height: 153px
  }

  .contact-us .section-2 .inner .swiper-container .info-text a,
  .contact-us .section-2 .inner h6 {
    font-size: 16px
  }

  .contact-us .section-2 .inner .swiper-container .info-text h3 {
    font-size: 20px
  }

  .contact-us .section-2 .inner .swiper-container .bg-wrap .bg {
    height: 415px
  }

  .contact-us .section-2 .slider-wrap .swiper-pagination-bullet {
    width: 24px
  }

  .contact-us .section-5 .contact-content.location-content .locations-info-wrapper .locations-info-text ul li {
    font-size: 26px
  }

  .contact-us .section-5 .contact-content.location-content {
    padding-top: 50px
  }

  .blog .section-3 .text.small .category-tag,
  .blog .section-3 .text.small p {
    font-size: 5.2vw
  }

  .team .team-slider-wrapper .swiper-container .swiper-slide .slide-content p {
    font-size: 18px
  }

  .team .section-7 .container-1 .inner .content .text-wrap .text-block .text-pic {
    height: 59vw
  }

  .play-wrapper .play-block .play-text h5 {
    font-size: 16px
  }

  .blog-post .section-5 .info-box .info-pic.type-2 {
    height: 60vw
  }

  .blog-post .section-5 .info-box .info-pic .play-btn {
    width: 65px;
    height: 65px
  }

  .blog-post .section-5 .info-box .info-pic .play-btn:after {
    width: 18px;
    height: 28px
  }

  .affiliate-popup .popup-content .popup-inner .popup-logo-wrapper .logo-block {
    width: 50%
  }

  .voiceover-detail.type-2 .voice-content form .checkbox-wrapper p {
    font-size: 18px
  }

  .voiceover-detail.type-2 .voice-content h3 {
    font-size: 20px;
    margin-bottom: 35px
  }

  .voiceover-detail.type-3 .popup-content .voice-img-wrapper .popup-shape.popup-shape-3 {
    display: none
  }

  .voiceover-detail.type-4 .popup-content .voice-content .voice-bio ul {
    padding-left: 0
  }

  .voiceover-detail .popup-content .voice-img-wrapper .name,
  .voiceover-detail.type-4 .popup-content .programming-popup .background-wrapper .name {
    font-size: 18px
  }

  .landing-page .subpage-promo-wrapper .content h1 {
    font-size: 20px;
    max-width: 100%;
    padding-right: 0
  }

  .landing-page .landing-info-main-wrapper .text-box .main-title {
    font-size: 25px
  }

  .landing-page .landing-info-main-wrapper .info-box p {
    font-size: 16px
  }

  .landing-page .section-5 .contact-content h2 {
    font-size: 35px;
    margin-bottom: 20px
  }

  .landing-page .section-7 .content h4 {
    font-size: 35px;
    padding-top: 0;
    margin-bottom: 40px
  }

  .landing-page .section-7 .text-wrap .text-block {
    margin-bottom: 10px
  }

  .landing-page .section-7 .text-wrap p {
    font-size: 24px
  }

  .bz50 .voice-award-section .text-box .small-title {
    font-size: 18px
  }

  .bz50 .voice-award-section .text-box .main-title {
    font-size: 30px;
    margin-bottom: 10px
  }

  .bz50 .voice-award-section .text-box .info-text {
    font-size: 20px
  }

  .bz50 .voice-award-section .text-box .counter-wrap li:first-child {
    width: 100%;
    margin-bottom: 5px;
    padding-right: 0
  }

  .bz50 .voice-award-section .text-box .counter-wrap li:nth-child(2),
  .bz50 .voice-award-section .text-box .counter-wrap li:nth-child(3) {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0
  }

  .bz50 .voice-award-section .text-box .counter-wrap ul {
    text-align: center
  }

  .bz50 .tabs-block {
    margin-bottom: 20px
  }

  .bz50 .voice-award-section .grid-box .award-img {
    height: 64vw
  }

  .section-7 .grid-box .grid {
    max-height: 73vw
  }

  .collapsed-player-wrapper {
    left: 20px;
    bottom: 10px
  }

  .subpage-promo-wrapper .play-pause {
    bottom: 25px;
    right: 25px;
    width: 45px;
    height: 45px
  }

  .error-page-text .error-page-title {
    font-size: 45px
  }

  .error-page-text .error-page-description {
    font-size: 20px;
    margin-bottom: 15px
  }

  .benz50-apply .subpage-promo-wrapper .content h1 {
    max-width: 65%
  }

  .benz-50-form .form-inner .dropdown-wrapper .dk-select {
    padding: 14px 75px 14px 35px;
    background-position: 90% 50%
  }

  .benz-50-locations-title {
    font-size: 40px
  }

  .media-news .media-news-user-content h3,
  .media-news .media-share-title {
    font-size: 20px
  }

  .jingles .section-6 .people-wrap .bg-shape.shape-8 {
    display: none
  }

  .Edge .section-10 .block {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px)
  }

  .Edge.podcast .section-6 .people-wrap .single-card,
  .Edge .section-6 .people-wrap .single-card {
    width: 100%
  }

  .voiceover-sort-wrap {
    margin-bottom: 40px
  }

  .voiceover-sort-wrap .select-wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px
  }

  .voiceover-sort-wrap .dk-select {
    background-position: 90% 50%
  }

  .voiceover-sort-wrap .dk-select .dk-select-options {
    width: 100%
  }

  .custom-group-form input[type=email],
  .custom-group-form input[type=text] {
    font-size: 16px
  }

  .single-jingle .subpage-promo-wrapper .jingle-promo-wrapper {
    margin-top: 80px
  }

  .jingles-wrap .section-6 .select-wrapper {
    width: 100%;
    min-width: unset
  }

  .jingles-wrap .section-6 .multiselect {
    height: 51px
  }

  .jingles-wrap .section-6 .multiselect__single,
  .jingles-wrap .section-6 .multiselect__tags {
    font-size: 13px
  }

  .jingles .section-5 .btn-2 {
    min-width: 100%
  }
}

.sample {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
  background: -o-linear-gradient(top, #fff, #000);
  background: linear-gradient(180deg, #fff, #000)
}