/*  ----------  RESET  ----------  */

.content-asset p { margin:0 auto; }

.breadcrumb { display: none; }
.primary-content { margin-top: 0; }
.primary-content { padding-bottom: 0 !important; } 
footer { margin-top: 0 !important; } 

.scroll-top { z-index: 100; }
.mejs__fullscreen .scroll-top { z-index: -1; }

/*  ----------  COMMON  ----------  */

#cc-stories { font-size: 12px; color:#151515; } 

#cc-stories h1 { font-family: 'Lato'; font-weight: 700; margin: 0; padding-top: 64px; padding-bottom:13px; font-size: 3.3em; line-height: 1.45em; letter-spacing: 0.05em; transform:none; transition:none;}
#cc-stories h1:after { display: none; } 

#cc-stories.cc-stories-episode-4 h1,
#cc-stories.cc-stories-episode-3 h1 { padding-top: 13px; }

#cc-stories h2 { font-family: 'Lato'; font-weight: 700; font-size: 2.167em; line-height: 1em; margin: 0; padding: 24px 0 12px 0; }
#cc-stories h2:after { display: none; } 

.cc-stories-title { font-family: 'Lato'; font-weight: 700; font-size: 2.167em; line-height: 1em; text-transform: uppercase; padding: 6px 0 6px 0; }

p.cc-stories-text { font-family: 'Lato'; font-size: 1.33em; line-height: 1.45em; }

.cc-stories-font-black { font-weight: 900; }

.cc-stories-link { padding-top: 26px; }
.cc-stories-link-next { padding-top: 13px; }
.cc-stories-link a { display: inline-block; padding-bottom: 3px; color:#565656; font-size: 1.33em; line-height: 1em; background: url(images/arrow.png) right 3px no-repeat; }
.cc-stories-link a span { text-decoration: underline; padding-right: 14px; }
.cc-stories-link a:hover span { text-decoration: none; }

.cc-stories-mobile { display: none !important; }


@media only screen and (max-width: 768px) {
  .cc-stories-desktop {
    display: none !important;
  }
  .cc-stories-tablet {
    display: block !important;
  }
  .cc-stories-tablet-inline {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 480px) {
  .cc-stories-desktop {
    display: none !important;
  }
  .cc-stories-tablet {
    display: none !important;
  }
  .cc-stories-mobile {
    display: block !important;
  }
}

.cc-stories-section { width: 100%; background: #FFF; position: relative; overflow: hidden; }

.cc-stories-wrapper { max-width: 1280px; width: 100%; margin:0 auto; text-align: center; position: relative; }

.cc-stories-media { position: relative; left:0; top:0; }
.cc-stories-media img { border: solid 2px #FFF; display: block; }

.cc-stories-quote { padding-top: 0em; padding-bottom: 75px; width: 100%; max-width: 820px; margin: 0 auto; }
.cc-stories-quote p { font-family: 'Lato'; font-weight: 700; font-size: 2em; line-height: 1.25em; margin-top: 0.2em; margin-bottom: 0.4em; }
.cc-stories-quote p .cc-stories-text-normal { font-weight: 400; }
.cc-stories-quote:before { content:""; position: relative; text-align: center; background: url(images/quote.png) left top no-repeat; background-size: 100% auto; width: 50px; height:40px; margin: 0 auto 22px; display: block; }

.cc-stories-action { margin-top: 2.70em; text-align: center; }

.cc-stories-btn { display: inline-block; border:solid 1px #313131; background: #fff; color:#313131; text-transform: uppercase; font-size: 1.16em; font-weight: 700; padding: 1em 2.5em; -webkit-transition: all 0.3s; transition: all 0.3s; }
a.cc-stories-btn { overflow:visible; }
a.cc-stories-btn:hover {  background: #313131; color:#fff; }

.cc-stories-suptitle { position: relative; left:0; top:0; color: #313131; font-weight: 1.3em; line-height: 1.6em; text-transform: uppercase; padding-bottom: 0.5em; display: inline-block; margin-bottom: 1em; }
.cc-stories-suptitle:after { background-color: #313131; bottom: 0px; content: ""; height: 1px; left: 50%; width: 18px; position: absolute; margin-left: -9px; }



/*  ----------  SHARE  ----------  */

.cc-stories-share { bottom: 40px; position: absolute; z-index: 1; right: 20px; }
.cc-stories-photo-share { width: 100px; }

.cc-stories-photo-share .cc-stories-social-icon {
  cursor: pointer;
  background: url('images/sprite.png') no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  overflow: hidden;
}

.cc-stories-photo-share .cc-stories-social-icon:hover { opacity: 0.5; }

.cc-stories-photo-share .cc-stories-social-icon.pinterest { cursor: pointer; background-position:-32px 0; }
.cc-stories-photo-share .cc-stories-social-icon.twitter { cursor: pointer; background-position:-1px 0; }
.cc-stories-photo-share .cc-stories-social-icon.facebook { cursor: pointer; background-position:-60px 0; }
.cc-stories-photo-share .cc-stories-social-icons { opacity: 1 !important; position: absolute; text-align: right; top: 0; width: 100px; }
.cc-stories-photo-share .cc-stories-social-icons .social-icon.active { color: #6d6f71; }



/*  ----------  VIDEO  ----------  */

#cc-stories-video { height: 100%; position: fixed; width: 100%; max-width: 100%; } 

#cc-stories.cc-stories-episode-1 #cc-stories-video,
#cc-stories.cc-stories-episode-2 #cc-stories-video { z-index: 0; } 

#cc-stories-video .cc-stories-share { bottom: 48px; }
#cc-stories-video .cc-stories-share-alt { display: none; }

.cc-stories-video-cover,
.cc-stories-video-cover-mobile { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; background-size: cover; background-position: 50% 50%; cursor: default; display: none; }
.cc-stories-video-cover-inside { color: #fff; cursor: default; overflow: hidden; position: absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align: center; }

#cc-stories-video .video-cover .cc-stories-video-cover { display: block; }


/*
#cc-stories.cc-stories-ismobile .cc-stories-video-cover-mobile { display: block; }
*/

.cc-stories-video-cover .cc-stories-suptitle  { color:#FFF; font-size: 1.16em; }
.cc-stories-video-cover .cc-stories-suptitle:after { background-color: #FFF; }
.cc-stories-video-cover .cc-stories-title  { font-weight:normal; font-size: 5.8em; line-height: 1em; letter-spacing: 0.1em; }
.cc-stories-video-cover .cc-stories-subtitle  { font-size: 1.3em; line-height: 1em; letter-spacing: 0.28em; text-align: right; padding-right: 0.6em; }

.cc-stories-btn-next {
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 35px;
  left: 50%;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  width: 50px;
  display: inline-block;
  z-index: 1;
}

.cc-stories-btn-next svg path { transition: all 0.5s ease 0s; }
.cc-stories-btn-next:hover { color: #6d6f71; cursor: pointer; }
.cc-stories-btn-next:hover svg path { fill: #6d6f71; }
.cc-stories-btn-next img { display: block; margin: 0 auto; width: 12px; }
.cc-stories-btn-next span { display: block; text-align: center; }


#cc-stories.cc-stories-episode-4 #cc-stories-video,
#cc-stories.cc-stories-episode-3 #cc-stories-video { position: relative; margin-bottom: 25px; } 
#cc-stories.cc-stories-episode-4 #cc-stories-video .cc-stories-share ,
#cc-stories.cc-stories-episode-3 #cc-stories-video .cc-stories-share { left:50%; right: 0; width:100px; -webkit-transform:translateX(-50%); transform:translateX(-50%);  }
#cc-stories.cc-stories-episode-4 #cc-stories-video .cc-stories-photo-share,
#cc-stories.cc-stories-episode-3 #cc-stories-video .cc-stories-photo-share { display: inline-block; }




/*  ----------  PRESENTATION  ----------  */

#cc-stories-presentation { padding-top: 24px; padding-bottom: 100px; }

.cc-stories-intro  { padding-top: 64px; padding-bottom: 75px; } 
.cc-stories-intro-uptitle {  font-family: 'Lato'; font-weight: 300; font-size: 1.5em; line-height: 1.2em; text-transform: uppercase; padding-top: 1em; text-align: center; }
p.cc-stories-intro-text { font-family: 'Lato'; font-size: 1.33em; line-height: 1.45em; text-align: center; } 
.cc-stories-subtitle { font-size: 1.5em; line-height: 0.75em; font-weight: 300; padding-bottom: 32px; }

.cc-stories-presentation-wrapper { width:100%; max-width:1110px; padding-top:130px; margin:20px auto 0 auto; background: url(images/presentation_bkgd.jpg) center center no-repeat;  }

.cc-stories-presentation { position: relative; left:0; top:0; max-width: 752px; width: 100%; margin: 0 auto; }

.cc-stories-presentation .cc-stories-media img { width: 100%; height: auto; } 
.cc-stories-presentation .cc-stories-media-front { position: relative; margin: 0% 26% 0 26%; z-index: 3; }
.cc-stories-presentation .cc-stories-media-front img { border-width: 5px; } 
.cc-stories-presentation .cc-stories-media-middle { position: relative; margin: -76% 0 0 54%; z-index: 2; }
.cc-stories-presentation .cc-stories-media-middle img { border-width: 5px; } 
.cc-stories-presentation .cc-stories-media-back { position: relative; margin: -74% 42.5% 0 0; z-index: 1; }

.cc-stories-presentation .cc-stories-shop-text { display: none; }

.cc-stories-presentation .cc-stories-share-alt { display: none; }
.cc-stories-presentation .cc-stories-share-alt .cc-stories-social-icon.pinterest { background-position:-32px -32px; }
.cc-stories-presentation .cc-stories-share-alt .cc-stories-social-icon.twitter { background-position:-1px -32px; }
.cc-stories-presentation .cc-stories-share-alt .cc-stories-social-icon.facebook { background-position:-60px -32px; }

#cc-stories.cc-stories-episode-2 .cc-stories-presentation-wrapper { background: #fff; }
#cc-stories.cc-stories-episode-2 .cc-stories-presentation .cc-stories-media-back { margin: -73% 40.5% 0 0; }


#cc-stories.cc-stories-episode-3 h1 { font-size: 2.667em; line-height: 1.2em; padding-top: 8px; padding-bottom: 4px; margin-bottom: 35px;}
#cc-stories.cc-stories-episode-3 h1:after { display: block; }

#cc-stories.cc-stories-episode-3 .cc-stories-intro  { padding-top: 20px; padding-bottom:35px; } 
#cc-stories.cc-stories-episode-3 .cc-stories-subtitle  { padding-bottom:22px; } 

#cc-stories.cc-stories-episode-3 #cc-stories-presentation { padding-top: 0px;  padding-bottom: 130px; }
#cc-stories.cc-stories-episode-3 .cc-stories-presentation-wrapper { padding-top:164px; background: #fff url(images/episode3/presentation_bkgd.png) center center no-repeat; margin-top: 0; margin-bottom: 50px; }
#cc-stories.cc-stories-episode-3 .cc-stories-presentation .cc-stories-media-back { margin: -74% 40% 0 0; }

#cc-stories.cc-stories-episode-4 .cc-stories-presentation-wrapper { background: #fff; }

#cc-stories.cc-stories-episode-4 .cc-stories-presentation-wrapper { margin-bottom: 50px; }
#cc-stories.cc-stories-episode-4 .cc-stories-presentation .cc-stories-media-middle { margin: -76% 0 0 51.5%; }
#cc-stories.cc-stories-episode-4 .cc-stories-presentation .cc-stories-media-back { margin: -75% 40.5% 0 0; }


#cc-stories.cc-stories-episode-4 h1 { font-size: 2.667em; line-height: 1.2em; padding-top: 8px; padding-bottom: 4px; margin-bottom: 35px;}
#cc-stories.cc-stories-episode-4 h1:after { display: block; }

#cc-stories.cc-stories-episode-4 .cc-stories-intro  { padding-top: 20px; padding-bottom:35px; } 
#cc-stories.cc-stories-episode-4 .cc-stories-subtitle  { padding-bottom:22px; } 





/*  ----------  SHOP  ----------  */

.cc-stories-shop-content-desktop { display: none; }
.cc-stories-shop-content-desktop .cc-stories-shop-content-bkgd { opacity:0; display:block; position: absolute; left:5px; top:5px; right: 5px; bottom:5px; background-color: rgba(151,128,117,0.35); mix-blend-mode: multiply; -webkit-transition:all 0.5s; transition:all 0.5s; }
.cc-stories-shop-content-desktop .cc-stories-shop-content-text { position: absolute; left:0; bottom:0; z-index:2; text-align:left; color:#FFF; padding: 0 0 1em 1.5em; }
.cc-stories-shop-content-desktop .cc-stories-shop-content-text a { color:#fff; }
.cc-stories-shop-content-desktop .cc-stories-shop-content-text a:hover { text-decoration: underline; }
.cc-stories-shop-content-desktop .cc-stories-shop-content-text a { font-size:1em; line-height: 1.2em; display: inline-block; }

#cc-stories.cc-stories-isdesktop .cc-stories-media-shop:hover .cc-stories-shop-content-desktop { display: block; }
#cc-stories.cc-stories-isdesktop .cc-stories-media-shop:hover .cc-stories-shop-content-desktop .cc-stories-shop-content-bkgd { opacity:1; } 

.cc-stories-shop-text { color:#484848; line-height: 1.6em; font-size: 1.2em; }
.cc-stories-shop-text a { color:#484848; padding: 0 1em; border-left: solid 1px #484848; }
.cc-stories-shop-text a:nth-child(1) { border-left: none; }
.cc-stories-shop-text .cc-stories-nolink { border-left: solid 1px #484848; }
.cc-stories-shop-text .cc-stories-nolink:nth-child(1) { border-left: none; }

.cc-stories-shop-content-mobile { display: none; }
.cc-stories-shop-content-mobile a { display:block; background:transparent; position: absolute; left:5px; top:5px; right: 5px; bottom:5px; }

#cc-stories.cc-stories-ismobile .cc-stories-shop-content-mobile { display: block; }




/*  ----------  MOSAIC  ----------  */

#cc-stories-mosaic { padding-bottom: 75px; }
#cc-stories.cc-stories-episode-4 #cc-stories-mosaic,
#cc-stories.cc-stories-episode-3 #cc-stories-mosaic { padding-top: 100px; } 

.cc-stories-mosaic:before, .cc-stories-mosaic:after { content: ""; display: table; }
.cc-stories-mosaic:after { clear:both; }
.cc-stories-mosaic { *zoom:1;  max-width: 989px; width: 100%; margin: 0 auto; padding: 0 25px; }

.cc-stories-mosaic-inside { position: relative; left:0; top:0; width: 100%; position: relative; left:0; top:0; }

.cc-stories-brick:before, .cc-stories-brick:after { content: ""; display: table; }
.cc-stories-brick:after { clear:both; }
.cc-stories-brick { *zoom:1; float: left; width: 33.33%; display: block; position: relative; left:0; top:0; }
.cc-stories-brick:nth-child(3n+1) { clear: both; }
.cc-stories-brick .cc-stories-media { float: left }
.cc-stories-brick .cc-stories-media img { border: solid 1px #FFF; width: 100%; }
.cc-stories-brick .cc-stories-media-full { width: 100%; }
.cc-stories-brick .cc-stories-media-half { width: 49.84%; }
.cc-stories-brick .cc-stories-media-right { margin-left: 50.16%; }

.cc-stories-media-content.cc-stories-white { color:#fff; }

.cc-stories-brick-content { text-align:left; position: absolute; left:24%; top:50%; width: 75%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.cc-stories-brick-content .cc-stories-suptitle:before { content:""; position: relative; text-align: center; background: url(images/quote.png) left top no-repeat; background-size: 100% auto; width: 35px; height:26px; margin: 0 auto 22px; display: block; }
.cc-stories-brick-content .cc-stories-suptitle:after { display: none; }
.cc-stories-brick-content .cc-stories-suptitle { font-family: "Lato"; font-weight:700; font-size: 2.66em; line-height: 1em; text-transform: none; margin: 0; }
.cc-stories-brick-content .cc-stories-text { font-weight:400; font-size: 1.82em; line-height: 1.36em; font-style: italic; }

#cc-stories.cc-stories-episode-3 .cc-stories-brick-content .cc-stories-suptitle { font-size: 1.82em; line-height: 1.36em; padding-bottom: 0; }
#cc-stories.cc-stories-episode-3 .cc-stories-brick-content .cc-stories-suptitle::before { margin-left:-3px; margin-right: 0; }

#cc-stories.cc-stories-episode-3.cc-stories-episode-es .cc-stories-brick-content  { left:20%; }
#cc-stories.cc-stories-episode-3.cc-stories-episode-de .cc-stories-brick-content  { left:15%; }
#cc-stories.cc-stories-episode-3.cc-stories-episode-en .cc-stories-brick-content  { left:14%; }

#cc-stories.cc-stories-episode-4 .cc-stories-brick-content { left:22%; }
#cc-stories.cc-stories-episode-4 .cc-stories-brick-content .cc-stories-suptitle { font-size: 1.75em; line-height: 1.5em; }
#cc-stories.cc-stories-episode-4 .cc-stories-brick-content .cc-stories-suptitle::before { margin-left:-3px; margin-right: 0; }



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

  .cc-stories-mosaic { width: 100%; margin: 0 auto; padding: 0 2.5vw; }
  .cc-stories-mosaic .cc-stories-suptitle { font-size:3.5vw; }
  #cc-stories .cc-stories-mosaic h2 { font-size:2.9vw; }
  .cc-stories-mosaic .cc-stories-text { font-size:2.5vw; }

  .cc-stories-mosaic .cc-stories-media-shop .cc-stories-shop-content-text { padding: 0 0 1.35vw 1.75vw; }
  .cc-stories-brick-content { padding: 0; left:24%; width: 76%; }

}

.cc-stories-brick .cc-stories-shop-content-desktop .cc-stories-shop-content-bkgd { left:1px; top:1px; right: 1px; bottom:1px; }
.cc-stories-brick .cc-stories-shop-content-mobile a { left:1px; top:1px; right: 1px; bottom:1px; }




/*  ----------  QUESTION  ----------  */

#cc-stories-question { padding-bottom: 7px; background: #fff; }
#cc-stories-question .cc-stories-quote { padding-bottom: 150px; }

.cc-stories-question-wrapper { width:100%; max-width:1280px; margin:0 auto; padding:54px 0 100px 0; background: url(images/question_bkgd.jpg) center center no-repeat;  }

.cc-stories-question:before, .cc-stories-question:after { content: ""; display: table; }
.cc-stories-question:after { clear:both; }
.cc-stories-question { *zoom:1; position: relative; left:0; top:0; max-width: 996px; width: 100%; margin: 0 auto; background: #fff; }

.cc-stories-question .cc-stories-content { display:block; width: 41.7%;position: absolute; left:58.3%; top:0; bottom:0; padding:1em 2em; text-align:left; background: #fff; }
.cc-stories-question .cc-stories-title { text-align: left; line-height:1.375em; padding-top: 32px; padding-bottom: 42px; }
.cc-stories-question .cc-stories-text {  font-size: 1.33em; line-height:1.375em;  }

.cc-stories-question .cc-stories-medias { display:block; width: 45.4%; float: left; margin-left: 12.9%; }

.cc-stories-question .cc-stories-media-front { position: absolute; left:-7%; top:13.8%; z-index: 3; width: 30.2%; }
.cc-stories-question .cc-stories-media-front img { width: 100%; }
.cc-stories-question .cc-stories-media-back { position: relative; left:0; top:0; z-index: 1; width: 100%; }
.cc-stories-question .cc-stories-media-back img { border: none; width: 100%; }

#cc-stories.cc-stories-episode-2 .cc-stories-question-wrapper { max-width:1440px; padding:66px 0 91px 0; background: url(images/episode2/question_bkgd.png) center center no-repeat; }


#cc-stories.cc-stories-episode-3 .cc-stories-question-wrapper { padding-top:0; background: #fff url(images/episode3/question_bkgd_desktop.png) center center no-repeat; }
#cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-medias { width: 53.15%; margin-left: 0; }
#cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-media-front { position: relative; left:0; top:0; z-index: 1; width: 100%; }
#cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-media-front img {  border: none; }
#cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-content { padding: 0 2em 0 0; width: 46%; }
#cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-title { padding-top: 28px; padding-bottom: 18px; }
#cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-text br { margin: 0.45em 0 0 0; display: block; content: " "; }

#cc-stories.cc-stories-episode-4 .cc-stories-question-wrapper { max-width:1440px; padding:66px 0 91px 0; background: url(images/episode2/question_bkgd.png) center center no-repeat; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-medias { width: 53.15%; margin-left: 0; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-media-front { position: relative; left:0; top:0; z-index: 1; width: 100%; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-media-front img {  border: none; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-content { padding: 0 2em 0 0; width: 46%; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-title { padding-top: 28px; padding-bottom: 18px; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-text strong { display: block; }
#cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-text br { margin: 0.45em 0 0 0; display: block; content: " "; }


/*  ----------  GAME  ----------  */

#cc-stories-game { padding-top: 30px; padding-bottom: 150px; }

#cc-stories-game h2::before { content: ""; background: url(images/sprite.png) -107px -6px no-repeat; top: 0; height: 29px; left: 0; position: relative; text-align: center; width: 29px; margin: 0 auto 22px auto; display: block; }

.cc-stories-game { position: relative; left:0; top:0; max-width: 786px; width: 100%; margin: 0 auto; margin-top: 5%; }

.cc-stories-game .cc-stories-media img { width: 100%; height: auto; border: none; } 
.cc-stories-game .cc-stories-media-front { position: relative; margin: 0% 67.7% 0 5%; z-index: 3; }
.cc-stories-game .cc-stories-media-front img { border: solid 5px #fff; } 
.cc-stories-game .cc-stories-media-middle { position: relative; margin: -43.5% 29.7% 0 24.3%; z-index: 2; }
.cc-stories-game .cc-stories-media-back-top { position: relative; margin: -71.5% 26.4% 0 29.5%; z-index: 1; }
.cc-stories-game .cc-stories-media-back-bottom { position: relative; margin: 48% 55% 0 22.3%; z-index: 1; }

.cc-stories-game .cc-stories-text { position: absolute; top: 50%; left:66%; width:37%; z-index: 5; background: #FFF; text-align: left; padding: 3% 2% 3% 3.5%; font-size:1.33em; line-height: 1.35em;  -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.cc-stories-game .cc-stories-text-quote { display:block; font-family: 'Lato'; text-align: left; font-size: 22px; line-height: 26px; font-weight: 700; margin-bottom: 10px; }
.cc-stories-game .cc-stories-text-quote:before { content:""; position: relative; text-align: center; background: url(images/quote.png) left top no-repeat; background-size: 100% auto; width: 36px; height:30px; margin-left:-2px; display: block; }

#cc-stories.cc-stories-episode-2 .cc-stories-game .cc-stories-text { text-align: justify; width: 32%; }
#cc-stories.cc-stories-episode-2.cc-stories-episode-de .cc-stories-game .cc-stories-text { text-align: left; }
#cc-stories.cc-stories-episode-2 .cc-stories-game .cc-stories-text-quote { font-size: 30px; line-height: 32px; font-weight: 600; }

#cc-stories.cc-stories-episode-3 .cc-stories-game .cc-stories-text { padding-right: 8%; }
#cc-stories.cc-stories-episode-3.cc-stories-episode-es .cc-stories-game .cc-stories-text { padding-right: 6%; }
#cc-stories.cc-stories-episode-3.cc-stories-episode-de .cc-stories-game .cc-stories-text { padding-right: 1%; }

#cc-stories.cc-stories-episode-3 .cc-stories-game .cc-stories-text-quote::before { margin-bottom: 8px; }



/*  ----------  INSTAGRAM  ----------  */

#cc-stories-instagram { padding-top: 92px; padding-bottom: 56px; background: #f9f8fc url(images/question_bkgd_white.png) center center no-repeat; background-size:cover; }

#cc-stories-instagram .cc-stories-text { max-width: 819px; }
#cc-stories-instagram .cc-stories-wrapper { background:#fff; width:100%; max-width: 940px; margin: 0 auto; padding-bottom: 56px;  }
.cc-stories-instagram:before, .cc-stories-instagram:after { content: ""; display: table; }
.cc-stories-instagram:after { clear:both; }
.cc-stories-instagram { *zoom:1; position: relative; left:0; top:0; max-width: 720px; width: 100%; margin: 0 auto; }
.cc-stories-instagram { height: 680px; margin-top: 1em; }

.cc-stories-instagram:after { position: absolute; bottom:0; display:block; width:100%; height: 50px;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.cc-stories-instagram .cc-stories-slice { float: left; width: 33.33%; position: relative; left:0; top:0; }
.cc-stories-instagram .cc-stories-slice-media { display: block; position: relative; left:0; top:0; width: 100%; overflow: hidden; }
.cc-stories-instagram .cc-stories-slice-media img { width: 100%; border: 4px #fff solid; }

.cc-stories-instagram .cc-stories-slice-content { opacity: 0; position: absolute; left:0; top:0; overflow: hidden; width: 100%; height: 100%; text-align: center; background: rgba(255,255,255,0.8); transition: all 0.5s; }
.cc-stories-instagram .cc-stories-slice-inside { position: absolute; left:10%; top:50%; overflow: hidden; width: 80%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.cc-stories-instagram .cc-stories-slice:hover .cc-stories-slice-content { opacity: 1; }

.cc-stories-instagram .cc-stories-slice-title { display:block; font-size: 1.33em; line-height: 1.25em; font-weight: 700; padding-bottom: 5px; }
.cc-stories-instagram .cc-stories-slice-title:before { content:""; position: relative; text-align: center; background: url(images/quote.png) left top no-repeat; background-size: 100% auto; width: 12px; height:10px; margin: 0 auto 5px; display: block; }
.cc-stories-instagram .cc-stories-slice-text { display:block; font-family: 'LibreBaskerville-Regular'; font-size: 1.167em; line-height: 1.425em; }

#cc-stories.cc-stories-episode-2 #cc-stories-instagram { background: #f5f4f8 url(images/episode2/instagram_bkgd_desktop.png) center top no-repeat; }
#cc-stories.cc-stories-episode-2 #cc-stories-instagram .cc-stories-wrapper { padding-bottom: 66px; }

#cc-stories.cc-stories-episode-4 #cc-stories-instagram { background: #f5f4f8 url(images/episode2/instagram_bkgd_desktop.png) center top no-repeat; }
#cc-stories.cc-stories-episode-4 #cc-stories-instagram .cc-stories-wrapper { padding-bottom: 66px; }


/*  ----------  CARROUSEL  ----------  */

#cc-stories-carrousel { padding-top: 37px; padding-bottom: 99px; }

.cc-stories-carrousel { *zoom:1; position: relative; left:0; top:0; max-width: 819px; width: 100%; margin: 0 auto; padding: 10px 0 19px 0; }
.cc-stories-carrousel .cc-stories-slice { display: block;  }
.cc-stories-carrousel .cc-stories-slice img { border: 2px #fff solid; width: 100%; display: block; }

.cc-stories-carrousel .cc-stories-slice-content { opacity: 0; position: absolute; left:0; top:0; width: 100%; height: 100%; text-align: center; background: rgba(255,255,255,0.8); -webkit-transition: all 0.5s; transition: all 0.5s; padding: 0 2em;  }
.cc-stories-carrousel .cc-stories-slice-inside { position: absolute; left:0; top:50%; padding: 0 2em; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.cc-stories-carrousel .cc-stories-slice:hover .cc-stories-slice-content { opacity: 1; }

.cc-stories-carrousel .cc-stories-slice-text:before { content:""; position: relative; text-align: center; background: url(images/quote.png) left top no-repeat; background-size: 100% auto; width: 12px; height:10px; margin: 0 auto 5px; display: block; }
.cc-stories-carrousel .cc-stories-slice-text { font-family: 'LibreBaskerville-Regular'; font-size: 1.167em; line-height: 1.425em; }

#cc-stories-carrousel .cc-stories-text { width:80%; max-width: 650px; margin: 0 auto; }



/*  ----------  EPISODES  ----------  */

#cc-stories-episodes { padding-bottom: 104px; }

.cc-stories-episodes { padding-top: 24px; }
.cc-stories-episodes ul:before, .cc-stories-episodes ul:after { content: ""; display: table; }
.cc-stories-episodes ul:after { clear:both; }
.cc-stories-episodes ul { *zoom:1; position: relative; left:0; top:0; margin: 0 auto; padding:0; width: 100%; max-width: 1038px; display: inline-block; }

.cc-stories-episodes li { display:block; float:left; width: 18.4%; margin: 0 3.3%; text-align: center; } 
.cc-stories-episodes li .cc-stories-media-wrapper { display:block; position: relative; left:0; top:0; } 

.cc-stories-episodes li .cc-stories-link { display: inline-block; padding: 0; color:#151515; } 

.cc-stories-episodes li .cc-stories-media { display:block; position: relative; left:0; top:0; width: 100%; height:100%; border:none; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } 
.cc-stories-episodes li .cc-stories-media img { display:block; border:none; width: 100%; }
.cc-stories-episodes li .cc-stories-content { padding-top: 30px; } 
.cc-stories-episodes li .cc-stories-content .cc-stories-title { font-family: 'Lato'; display:block; font-weight: bold; font-size: 1em; line-height: 1em; padding-top: 8px; text-transform: uppercase; } 
.cc-stories-episodes li .cc-stories-content .cc-stories-text { display:inline-block; position: relative; font-family: 'Lato'; font-weight: 700; font-size: 1.83em; line-height: 1em; } 
.cc-stories-episodes li .cc-stories-content .cc-stories-text:after { content:""; height: 4px; width: 0; margin:4px auto; position: relative; display: block; background: #48343b; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } 

.cc-stories-episodes li.enabled .cc-stories-link { cursor: pointer; color:#151515; }
.cc-stories-episodes li.enabled:hover .cc-stories-content .cc-stories-text:after { width: 100%; } 
.cc-stories-episodes li.enabled .cc-stories-hover { cursor:pointer; position: absolute; left:0; top:0; z-index: 10; background: rgba(0,0,0,0.1); max-width:none; width: 100%; height: 100%; opacity: 0; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; }
.cc-stories-episodes li.enabled:hover .cc-stories-hover { opacity: 1;}

.cc-stories-episodes li.disabled .cc-stories-link { cursor: default; color:#bbbbbb; }
.cc-stories-episodes li.disabled .cc-stories-media-wrapper:after { content: "coming soon"; position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#bbbbbb; width:100%; font-size: 1.67em; line-height: 1.67em; text-transform: uppercase; text-align: center; }
.cc-stories-episodes li.disabled .cc-stories-media { position: relative; left:0; top:0; z-index:1; opacity: 0.2; } 
.cc-stories-episodes li.disabled .cc-stories-media img { } 


/*  ----------  POPIN  ----------  */

.cc-stories-popin-overlay {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    transition: opacity 0.5s ease 0s, transform 0s ease 0.5s, -webkit-transform 0s ease 0.5s;
    width: 100%;
    z-index: 100;
}

.cc-stories-popin-overlay.opened {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s ease 0s, transform 0s ease 0s, -webkit-transform 0s ease 0s;
}

.cc-stories-popin-container {
    background-color: #FFF;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 900px;
    padding: 20px;
}

.cc-stories-popin-container .cc-stories-popin-close {
    height: 22px;
    position: absolute;
    right: 20px;
    top: 19px;
    width: 22px;
    background: url(images/popin-close.svg) center center;
    background-size:100% auto;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    cursor: pointer;
}

.cc-stories-popin-container .cc-stories-popin-close:hover {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.cc-stories-popin-container .cc-stories-popin-player {
    display: block;
    position: relative;
    margin: 0 auto;
}

.cc-stories-popin-container .cc-stories-popin-cover {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
}

.cc-stories-popin-container .cc-stories-popin-title {
    font-size: 22px;
    line-height: 25px;
    padding: 0 0 15px 0;
    text-align: center;
    width: calc(100% - 64px);
    margin: 0 auto;
}






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


  /*  ----------  COMMUN  ----------  */

  .cc-stories-quote { width: 60%; margin: 0 auto; padding-bottom: 6em; }
  .cc-stories-quote p { font-size: 1.667em; line-height: 1.3em; }
  .cc-stories-quote:before { margin-bottom: 1em; }


  #main h1::after { bottom: -2vw; }


  /*  ----------  VIDEO  ----------  */

  .cc-stories-intro-text { text-align: center; padding: 0 7vw; text-align: justify; } 

  #cc-stories.cc-stories-episode-4 #cc-stories-video,
  #cc-stories.cc-stories-episode-3 #cc-stories-video { padding-bottom: 40px; overflow: visible; } 

  #cc-stories.cc-stories-episode-4 #cc-stories-video .cc-stories-share-alt,
  #cc-stories.cc-stories-episode-3 #cc-stories-video .cc-stories-share-alt { display: block; bottom: -20px; }
  #cc-stories.cc-stories-episode-4 #cc-stories-video .cc-stories-share-alt .cc-stories-social-icon.pinterest,
  #cc-stories.cc-stories-episode-3 #cc-stories-video .cc-stories-share-alt .cc-stories-social-icon.pinterest { background-position:-32px -32px; }
  #cc-stories.cc-stories-episode-4 #cc-stories-video .cc-stories-share-alt .cc-stories-social-icon.twitter,
  #cc-stories.cc-stories-episode-3 #cc-stories-video .cc-stories-share-alt .cc-stories-social-icon.twitter { background-position:-1px -32px; }
  #cc-stories.cc-stories-episode-4 #cc-stories-video .cc-stories-share-alt .cc-stories-social-icon.facebook,
  #cc-stories.cc-stories-episode-3 #cc-stories-video .cc-stories-share-alt .cc-stories-social-icon.facebook { background-position:-60px -32px; }


  /*  ----------  PRESENTATION  ----------  */

  #cc-stories-presentation { padding-bottom: 45px; }
  
  #cc-stories.cc-stories-episode-4 #cc-stories-presentation,
  #cc-stories.cc-stories-episode-3 #cc-stories-presentation { padding-bottom: 30vw; }

  #cc-stories-presentation .cc-stories-text { width: 84%; margin: 0 auto; text-align: justify; -moz-text-align-last: center; text-align-last: center; }

  .cc-stories-presentation-wrapper { background: transparent; padding: 0; }
  #cc-stories.cc-stories-episode-3 .cc-stories-presentation-wrapper { padding-top: 10vw; }
  #cc-stories.cc-stories-episode-4 .cc-stories-presentation-wrapper { padding-top: 0; }

  .cc-stories-presentation { margin-top: 40px; }
  .cc-stories-presentation .cc-stories-media-front { margin: 0% 7%; }
  #cc-stories.cc-stories-ismobile .cc-stories-presentation .cc-stories-shop-text { display:block; padding: 0 7%; font-size:1.12em; line-height:1.82em; }
  #cc-stories.cc-stories-ismobile .cc-stories-presentation .cc-stories-shop-text a { border-left: none; }



  /*  ----------  MOSAIC  ----------  */

  #cc-stories-mosaic { padding-bottom: 75px; }
  #cc-stories-mosaic .cc-stories-share { display: none; }

  #cc-stories.cc-stories-episode-4 #cc-stories-mosaic,
  #cc-stories.cc-stories-episode-3 #cc-stories-mosaic { padding-top: 15vw; }


  /*  ----------  QUESTION  ----------  */

  .cc-stories-question-wrapper { background: transparent; padding-bottom: 0; }

  #cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-content,
  #cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-content,
  .cc-stories-question .cc-stories-content { float:none; width: 100vw; background:transparent; position: relative; left:0; padding: 0 10vw; text-align: justify; }
  
  .cc-stories-question .cc-stories-medias { float:none; width: 58.8vw; margin-left: 34.2vw; }
  #cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-medias,
  #cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-medias { width: 76vw; margin: 0 auto; } 

  .cc-stories-question .cc-stories-media-front { position: absolute; left:7.8vw; top:17.7vw; z-index: 3; width: 39%; }
  
  #cc-stories.cc-stories-episode-4 .cc-stories-question .cc-stories-title,
  #cc-stories.cc-stories-episode-3 .cc-stories-question .cc-stories-title,
  .cc-stories-question .cc-stories-title { padding: 10vw 0 2vw 0; }

  #cc-stories-question .cc-stories-quote { padding-bottom: 40px; }

  

  /*  ----------  GAME  ----------  */

  #cc-stories-game { padding-bottom: 143px; }
  

  /*  ----------  INSTAGRAM  ----------  */

  #cc-stories-instagram { padding-bottom: 50px; padding-top: 40px; }
  #cc-stories-instagram h2 { padding-top: 40px; }
  #cc-stories-instagram .cc-stories-text { padding: 0; width: 92%; margin: 0 auto; }
  #cc-stories-instagram .cc-stories-wrapper { width: 86vw; }
  .cc-stories-instagram { width: 92%; }
  .cc-stories-instagram .cc-stories-slice { width: 50%; }

  #cc-stories.cc-stories-episode-4 #cc-stories-instagram,
  #cc-stories.cc-stories-episode-2 #cc-stories-instagram { background: #f5f4f8 url(images/episode2/instagram_bkgd_tablet.png) center top no-repeat; background-size: cover; }


  /*  ----------  CARROUSEL  ----------  */

  #cc-stories-carrousel { padding-bottom: 40px; }


  /*  ----------  EPISODES  ----------  */

  .cc-stories-episodes li { width: 22vw; margin-left: 2vw; margin-right: 0; padding-bottom: 7%; } 
  .cc-stories-episodes li .cc-stories-media-link a { width: 22vw; height: 22vw; } 
  .cc-stories-episodes li.disabled .cc-stories-media-wrapper:after { font-size: 1em; line-height: 1em; }
  .cc-stories-episodes li .cc-stories-content .cc-stories-text { font-size: 1.34em; line-height: 1em; }


  /*  ----------  POPIN  ----------  */

  .cc-stories-popin-container {
      width: 86%;
      padding: 15px;
  }

  .cc-stories-popin-title {
      padding: 0 25vw;
      font-size: 2.8vw;
      line-height: 3vw;
  }

  .cc-stories-popin-close {
      width: 20vw;
      height: 20vw;
      right: 15px;
  }

}



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


  /*  ----------  GAME  ----------  */

  #cc-stories-game { padding-bottom: 55px; padding-top: 24px; }

  #cc-stories.cc-stories-episode-2 .cc-stories-game .cc-stories-text,
  #cc-stories.cc-stories-episode-3 .cc-stories-game .cc-stories-text,
  .cc-stories-game .cc-stories-text { position: relative; top: 0; left:0; width:100%; z-index: auto; text-align:justify; padding: 2em 16vw 0 16vw; -webkit-transform:none; transform:none; }

}




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


  /*  ----------  COMMUN  ----------  */

  .cc-stories-wrapper { width: 86vw; margin: 0 7vw; }

  .cc-stories-quote { width: 86vw; padding-bottom: 10vw; }

  #cc-stories h1 { font-size: 6vw; padding-top: 0; padding-bottom: 7vw; }
  #main h1::after { bottom: -3vw; }

  .cc-stories-intro-uptitle { font-size: 4vw; line-height: 4vw; padding-top: 7vw; padding-bottom: 2vw; }



  #cc-stories.cc-stories-isdesktop .cc-stories-media-shop:hover .cc-stories-shop-content-desktop { display: none; }
  .cc-stories-shop-content-mobile { display: block; }



  /*  ----------  VIDEO  ----------  */

  .cc-stories-intro .cc-stories-text { text-align: center; padding: 0 7vw; } 
  .cc-stories-intro { padding-bottom: 20vw; padding-top: 20vw; }

  .cc-stories-share { right: auto; transform:translateX(-50%); left:50%; }
  .cc-stories-btn-next { display: none !important; }

  #cc-stories.cc-stories-episode-2 .cc-stories-video-cover .cc-stories-title { font-size: 3.2em; letter-spacing: 0.05em; line-height: 1em; }
  #cc-stories.cc-stories-episode-2 .cc-stories-video-cover .cc-stories-subtitle { font-size: 1em; line-height: 1em; padding: 0; text-align: center; }


  /*  ----------  PRESENTATION  ----------  */

  #cc-stories-presentation .cc-stories-text { width: 86vw; }
  .cc-stories-presentation .cc-stories-media-front { margin: 0 0;  }

  .cc-stories-presentation .cc-stories-shop-text { padding: 0; display: block; }
  .cc-stories-presentation .cc-stories-share-alt { display: inline-block; position: relative; left:auto; bottom: 0; margin: 5vw 0 10vw 0; -webkit-transform: none; transform: none; }

  .cc-stories-presentation .cc-stories-shop-text a { border-left: none; }

  #cc-stories.cc-stories-episode-4 .cc-stories-presentation-wrapper,
  #cc-stories.cc-stories-episode-3 .cc-stories-presentation-wrapper { background: transparent; padding-top: 0; }


  /*  ----------  MOSAIC  ----------  */

  .cc-stories-mosaic { padding: 0; }

  .cc-stories-brick { width: 100%; } 
  .cc-stories-brick .cc-stories-media-right { margin-left: 0; }
  .cc-stories-brick-content { position: relative; left:0; top:0; width: 100%; text-align: center; -webkit-transform:none; transform:none; padding: 7vw 0 10vw 0;  }

  #cc-stories.cc-stories-episode-3.cc-stories-episode-es .cc-stories-brick-content  { left:0; }
  #cc-stories.cc-stories-episode-3.cc-stories-episode-de .cc-stories-brick-content  { left:0; }
  #cc-stories.cc-stories-episode-3.cc-stories-episode-en .cc-stories-brick-content  { left:0; }
  #cc-stories.cc-stories-episode-4 .cc-stories-brick-content  { left:0; }

  .cc-stories-mosaic .cc-stories-suptitle { font-size:26px; }
  #cc-stories .cc-stories-mosaic h2 { font-size:26px; }
  .cc-stories-mosaic .cc-stories-text { font-size:20px; }

  #cc-stories.cc-stories-episode-4 .cc-stories-brick-content .cc-stories-suptitle::before,
  #cc-stories.cc-stories-episode-3 .cc-stories-brick-content .cc-stories-suptitle::before { margin-left: auto; margin-right: auto; }



  /*  ----------  QUESTION  ----------  */

  .cc-stories-question-wrapper { background: transparent; padding-bottom: 15vw; }

  .cc-stories-question .cc-stories-content { padding: 0 7vw; text-align: justify; }
  .cc-stories-question .cc-stories-title { text-align: center; padding: 17vw 0 3vw 0; }



  /*  ----------  GAME  ----------  */

  #cc-stories-game { padding-bottom: 55px; padding-top: 24px; }
  .cc-stories-game .cc-stories-text { position: relative; top: 0; left:0; width:100%; padding: 2em 0 0 0; -webkit-transform:none; transform:none; }

  #cc-stories.cc-stories-episode-3 .cc-stories-game .cc-stories-text { padding: 2em 10vw 0 10vw; }
  #cc-stories.cc-stories-episode-3.cc-stories-episode-es .cc-stories-game .cc-stories-text { padding-right: 10vw; }
  #cc-stories.cc-stories-episode-3.cc-stories-episode-de .cc-stories-game .cc-stories-text { padding-right: 10vw; }


  /*  ----------  INSTAGRAM  ----------  */

  #cc-stories-instagram { padding-bottom: 21px; padding-top: 40px; }
  #cc-stories-instagram .cc-stories-text { padding: 0 4.8vw; text-align: justify; -moz-text-align-last: center; text-align-last: center; }

  .cc-stories-instagram .cc-stories-slice-title { font-size: 3vw; line-height: 3.5vw; }
  .cc-stories-instagram .cc-stories-slice-text { font-size: 3vw; line-height: 3.5vw; }

  #cc-stories.cc-stories-episode-2 #cc-stories-instagram { background: #f5f4f8 url(images/episode2/instagram_bkgd_mobile.png) center top no-repeat; background-size: cover; }


  /*  ----------  CARROUSEL  ----------  */

  #cc-stories-carrousel .cc-stories-wrapper { width: 100%; margin: 0; }
  .cc-stories-carrousel .cc-stories-slice { opacity: 0.5; }
  .cc-stories-carrousel .cc-stories-slice.is-selected { opacity: 1; }

  #cc-stories-carrousel .cc-stories-text { padding: 0 4.8vw; text-align: justify; -moz-text-align-last: center; text-align-last: center; }



  /*  ----------  EPISODE  ----------  */

  #cc-stories-episodes .cc-stories-wrapper { width: 100%; margin: 0; }

  .cc-stories-episodes ul { width: 95vw; margin: 0 2.5vw; }
  .cc-stories-episodes li { width: 40vw; margin: 0 3.5vw; padding-bottom: 7vw; } 
  .cc-stories-episodes li:nth-child(3) { clear: both; }
  .cc-stories-episodes li .cc-stories-media-link a { width: 40vw; height: 40vw; } 
  .cc-stories-episodes li .cc-stories-text { font-size: 1.167em; }


  /*  ----------  POPIN  ----------  */

  .cc-stories-popin-container {
      padding: 3vw;
      width: 92vw;
  }

  .cc-stories-popin-close {
      right: 3vw;
  }

}











/* --------    flickity   -------- */


.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

button.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
}

button.flickity-prev-next-button:hover { background: #fff; border: none; }

button.flickity-prev-next-button:focus { outline: none; background: #fff; border: none; }

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: -44px; }
.flickity-prev-next-button.next { right: -44px; }

.flickity-rtl .flickity-prev-next-button.previous {
  right: -44px;
}
.flickity-rtl .flickity-prev-next-button.next {
  left: -44px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

.flickity-enabled button.flickity-prev-next-button { opacity: 0; }
.flickity-enabled:hover button.flickity-prev-next-button { opacity: 1; }
.flickity-enabled:hover button.flickity-prev-next-button:active  { opacity: 0.6; }
.flickity-enabled:hover button.flickity-prev-next-button:disabled  { opacity: 0.3; }



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

  button.flickity-prev-next-button { display: none; left:0; right: 0; }
}





/* --------    mCustomScrollbar   -------- */


.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ 
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container{ 
  overflow: hidden;
  width: auto;
  height: auto;
}



.mCSB_inside > .mCSB_container{ margin-right: 20px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } 

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ 
  margin-right: 0;
  margin-left: 20px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } 

.mCSB_scrollTools{ 
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } 

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ 
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; 
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
}



.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
  background-color: #000; background-color: rgba(20,20,20,0.2);
  filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color: #fff; background-color: rgba(0,0,0,0.75);
  filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
  background-color: #fff; background-color: rgba(0,0,0,0.85);
  filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  background-color: #fff; background-color: rgba(0,0,0,0.9);
  filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_buttonUp{
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown{
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft{
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight{
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.video-mediaelement iframe,
.mejs__mediaelement iframe { 
  width: 100%;
  height: 100%;
}

.mejs__offscreen {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.mejs__container {
    background: #000 none repeat scroll 0 0;
    box-sizing: border-box;
    font-family: Helvetica,Arial,serif;
    min-width: 250px;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top;
}
.mejs__container .mejs__video {
    min-height: 140px;
}
.mejs__container * {
    box-sizing: border-box;
}
.mejs__fill-container, .mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%;
}
.mejs__fill-container {
    background: transparent none repeat scroll 0 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.mejs__container:focus {
    outline: medium none;
}
.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
}
.mejs__embed, .mejs__embed body {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.mejs__fullscreen {
    overflow: hidden !important;
}
.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
}
.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
    height: 100% !important;
    width: 100% !important;
}
.mejs__clear {
    clear: both;
}
.mejs__background, .mejs__mediaelement {
    left: 0;
    position: absolute;
    top: 0;
}
.mejs__mediaelement {
    height: 100%;
    width: 100%;
    z-index: 0;
}
.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
:root .mejs__poster-img {
    display: none;
}
.mejs__poster-img {
    border: 0 none;
    padding: 0;
}
.mejs__overlay {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.mejs__layer {
    z-index: 1;
}
.mejs__overlay-play {
    cursor: pointer;
}
.mejs__overlay-button {
    background: rgba(0, 0, 0, 0) url("mejs-controls.svg") no-repeat scroll 0 -39px;
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 80px;
    z-index: 1;
}
.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80px -39px;
}
.mejs__overlay-loading {
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    position: absolute;
    top: 50%;
    width: 80px;
}
.mejs__overlay-loading-bg-img {
    animation: 1s linear 0s normal none infinite running a;
    background: transparent url("mejs-controls.svg") no-repeat scroll -160px -40px;
    display: block;
    height: 80px;
    width: 80px;
    z-index: 1;
}
@keyframes a {
100% {
    transform: rotate(1turn);
}
}
.mejs__controls {
    bottom: 0;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.mejs__controls:not([style*="display: none"]) {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, rgba(0, 0, 0, 0.35)) repeat scroll 0 0;
}
.mejs__button, .mejs__time, .mejs__time-rail {
    float: left;
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width: 32px;
}
.mejs__button > button {
    background: transparent url("mejs-controls.svg") repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin: 10px 6px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20px;
}
.mejs__button > button:focus {
    outline: 1px dotted #999;
}
.mejs__container-keyboard-inactive [role="slider"], .mejs__container-keyboard-inactive [role="slider"]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus {
    outline: 0 none;
}
.mejs__time {
    box-sizing: content-box;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width: auto;
}
.mejs__play > button {
    background-position: 0 0;
}
.mejs__pause > button {
    background-position: -20px 0;
}
.mejs__replay > button {
    background-position: -280px 0;
}
.mejs__time-rail {
    direction: ltr;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position: relative;
    width: 200px;
}
.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-handle, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position: absolute;
}
.mejs__time-total {
    background: hsla(0, 0%, 100%, 0.3) none repeat scroll 0 0;
    margin: 5px 0 0;
    width: 100%;
}
.mejs__time-buffering {
    animation: 2s linear 0s normal none infinite running b;
    background: rgba(0, 0, 0, 0) linear-gradient(-45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0px, transparent 50%, hsla(0, 0%, 100%, 0.15) 0px, hsla(0, 0%, 100%, 0.15) 75%, transparent 0px, transparent) repeat scroll 0 0 / 15px 15px;
    width: 100%;
}
@keyframes b {
0% {
    background-position: 0 0;
}
100% {
    background-position: 30px 0;
}
}
.mejs__time-loaded {
    background: hsla(0, 0%, 100%, 0.3) none repeat scroll 0 0;
    width: 0;
}
.mejs__time-current {
    background: hsla(0, 0%, 100%, 0.9) none repeat scroll 0 0;
    width: 0;
}
.mejs__time-handle {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #333;
    border-radius: 5px;
    cursor: pointer;
    margin: 0;
    top: -2px;
    width: 10px;
}
.mejs__time-float, .mejs__time-handle {
    display: none;
    position: absolute;
    text-align: center;
}
.mejs__time-float {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #333;
    color: #111;
    height: 17px;
    margin-left: -18px;
    top: -26px;
    width: 36px;
}
.mejs__time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    text-align: center;
    width: 30px;
}
.mejs__time-float-corner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee transparent transparent;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 0;
    left: 13px;
    line-height: 0;
    position: absolute;
    top: 15px;
    width: 0;
}
.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width: 64px;
}
.mejs__long-video .mejs__time-float-current {
    width: 60px;
}
.mejs__long-video .mejs__time-float-corner {
    left: 18px;
}
.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width: 100%;
}
.mejs__fullscreen-button > button {
    background-position: -80px 0;
}
.mejs__unfullscreen > button {
    background-position: -100px 0;
}
.mejs__mute > button {
    background-position: -60px 0;
}
.mejs__unmute > button {
    background-position: -40px 0;
}
.mejs__volume-button {
    position: relative;
}
.mejs__volume-button > .mejs__volume-slider {
    background: rgba(50, 50, 50, 0.7) none repeat scroll 0 0;
    border-radius: 0;
    display: none;
    height: 115px;
    left: 5px;
    margin: 0;
    position: absolute;
    top: -115px;
    width: 25px;
    z-index: 1;
}
.mejs__volume-button:hover {
    border-radius: 0 0 4px 4px;
}
.mejs__volume-total {
    background: hsla(0, 0%, 100%, 0.5) none repeat scroll 0 0;
    height: 100px;
    left: 11px;
    margin: 0;
    position: absolute;
    top: 8px;
    width: 2px;
}
.mejs__volume-current {
    bottom: 0;
    height: 100%;
    margin: 0;
    width: 100%;
}
.mejs__volume-current, .mejs__volume-handle {
    background: hsla(0, 0%, 100%, 0.9) none repeat scroll 0 0;
    left: 0;
    position: absolute;
}
.mejs__volume-handle {
    border-radius: 1px;
    bottom: 100%;
    cursor: ns-resize;
    height: 6px;
    margin: 0 0 -3px -7px;
    width: 16px;
}
.mejs__horizontal-volume-slider {
    display: block;
    float: left;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width: 56px;
}
.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;
    height: 8px;
    top: 16px;
    width: 50px;
}
.mejs__horizontal-volume-current, .mejs__horizontal-volume-total {
    border-radius: 2px;
    font-size: 1px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}
.mejs__horizontal-volume-current {
    background: hsla(0, 0%, 100%, 0.8) none repeat scroll 0 0;
    height: 100%;
    top: 0;
    width: 100%;
}
.mejs__horizontal-volume-handle {
    display: none;
}
.mejs__captions-button, .mejs__chapters-button {
    position: relative;
}
.mejs__captions-button > button {
    background-position: -140px 0;
}
.mejs__chapters-button > button {
    background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50, 50, 50, 0.7) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    bottom: 40px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -51px;
    visibility: hidden;
    width: 85px;
}
.mejs__chapters-button > .mejs__chapters-selector {
    width: 110px;
}
.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
    visibility: visible;
}
.mejs__captions-selector-list, .mejs__chapters-selector-list {
    display: block;
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0 10px;
}
.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
    background-color: hsla(0, 0%, 100%, 0.4) !important;
}
.mejs__captions-selector-input, .mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000px;
    margin: 3px 3px 0 5px;
    position: absolute;
}
.mejs__captions-selector-label, .mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 0 0;
    width: 55px;
}
.mejs__captions-selected, .mejs__chapters-selected {
    color: #21f8f8;
}
.mejs__captions-translations {
    font-size: 10px;
    margin: 0 0 5px;
}
.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
}
.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline;
}
.mejs__captions-layer[lang="ar"] {
    font-size: 20px;
    font-weight: 400;
}
.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
}
.mejs__captions-position-hover {
    bottom: 35px;
}
.mejs__captions-text, .mejs__captions-text * {
    background: hsla(0, 0%, 8%, 0.5) none repeat scroll 0 0;
    box-shadow: 5px 0 0 hsla(0, 0%, 8%, 0.5), -5px 0 0 hsla(0, 0%, 8%, 0.5);
    padding: 0;
    white-space: pre-wrap;
}
.me_cannotplay a {
    font-weight: 700;
}
.mejs__container .me_cannotplay a {
    color: #fff;
}
.me_cannotplay span {
    display: block;
    padding: 15px;
}