/*
 * CSS for youtube full screen modal and standard modal.
 * See: https://github.com/grow/airkit/tree/master/youtubemodal
 * */

.ak-youtubemodal{display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transform:scale(1.15);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:100%;z-index:2000}.ak-youtubemodal--enabled{display:block}.ak-youtubemodal--visible{opacity:1;transform:scale(1);visibility:visible}.ak-youtubemodal-x{background:#131313;color:#fff;cursor:pointer;font-size:50px;height:50px;line-height:50px;opacity:0.8;overflow:hidden;position:absolute;right:0;text-align:center;top:0;transition:all .3s;width:50px;z-index:2004}.ak-youtubemodal-x:before{content:"×";display:block;font-family:"arial", sans-serif;height:50px;line-height:50px;text-align:center;vertical-align:middle;width:50px}.ak-youtubemodal-x:hover{color:#131313;background:#fff}.ak-youtubemodal-mask{background:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2001}.ak-youtubemodal-player{height:100%;position:relative;width:100%;z-index:2002}.ak-youtubemodal-attribution{bottom:0;color:#7e7e7e;font-size:12px;left:0;line-height:12px;max-width:100%;padding:0 30px 75px 30px;pointer-events:none;position:absolute;right:0;text-align:center;z-index:2004}@media screen and (min-width: 768px){.ak-youtubemodal-attribution{padding:50px;text-align:right}}.ak-youtubemodal{z-index:99999}.ak-youtubemodal-x{overflow:visible !important;background-color:transparent !important;border-radius:100%;border:2px solid rgba(126,126,126,0.6);width:34px !important;height:34px !important;top:35px !important;right:50px !important;opacity:1.0 !important;background-color:#fff !important}@media (max-width: 767px){.ak-youtubemodal-x{top:15px !important;right:18px !important}}@media (min-width: 460px){.ak-youtubemodal-x{width:46px !important;height:46px !important}}@media (min-width: 1024px){.ak-youtubemodal-x{width:60px !important;height:60px !important}}.ak-youtubemodal-x:before,.ak-youtubemodal-x:after{content:"";display:block;position:absolute;transition:all 250ms cubic-bezier(0.1, 0.1, 0, 1);transform:scale(0.5)}@media (min-width: 460px){.ak-youtubemodal-x:before,.ak-youtubemodal-x:after{transform:scale(0.75)}}@media (min-width: 1024px){.ak-youtubemodal-x:before,.ak-youtubemodal-x:after{transform:scale(1)}}.ak-youtubemodal-x:before{top:50%;left:50%;width:16px !important;height:16px !important;margin-top:-8px;margin-left:-8px;background-repeat:no-repeat;background-position:center;background-size:16px;background-image:url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg");z-index:1}.ak-youtubemodal-x:after{width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;right:-2px;opacity:0.0;border-radius:100%;background-color:#423F3F;transform-origin:center center;transform:scale3d(0.8, 0.8, 0.8);z-index:0}.ak-youtubemodal-x:hover{border-color:transparent}.ak-youtubemodal-x:hover:before{background-repeat:no-repeat;background-position:center;background-size:16px;background-image:url("https://mannequin.storage.googleapis.com/2018/modal/exit-white.svg")}.ak-youtubemodal-x:hover:after{opacity:1;transform:scale3d(1, 1, 1)}.ak-youtubemodal-x:focus{outline:0 none;box-shadow:0px 0px 0px 3px rgba(126,126,126,0.15)}.ak-youtubemodal-x:after{background-color:#423F3F !important}.ak-youtubemodal-x:hover{background-color:#423F3F !important}.ak-youtubemodal-x:hover:before{background-image:url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg");filter:invert(1)}
.gsi-youtubemodal{display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transform:scale(1.15);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:100%;z-index:2000}.gsi-youtubemodal--enabled{display:block}.gsi-youtubemodal--visible{opacity:1;transform:scale(1);visibility:visible}.gsi-youtubemodal-x{background:#131313;color:#fff;cursor:pointer;font-size:50px;height:50px;line-height:50px;opacity:0.8;overflow:hidden;position:absolute;right:0;text-align:center;top:0;transition:all .3s;width:50px;z-index:2004}.gsi-youtubemodal-x:before{content:"×";display:block;font-family:"arial", sans-serif;height:50px;line-height:50px;text-align:center;vertical-align:middle;width:50px}.gsi-youtubemodal-x:hover{color:#131313;background:#fff}.gsi-youtubemodal-mask{background:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2001}.gsi-youtubemodal-player{height:100%;position:relative;width:100%;z-index:2002}.gsi-youtubemodal-attribution{bottom:0;color:#7e7e7e;font-size:12px;left:0;line-height:12px;max-width:100%;padding:0 30px 75px 30px;pointer-events:none;position:absolute;right:0;text-align:center;z-index:2004}@media screen and (min-width: 768px){.gsi-youtubemodal-attribution{padding:50px;text-align:right}}.gsi-youtubemodal{z-index:99999}.gsi-youtubemodal-x{overflow:visible !important;background-color:transparent !important;border-radius:100%;border:2px solid rgba(126,126,126,0.6);width:34px !important;height:34px !important;top:35px !important;right:50px !important;opacity:1.0 !important;background-color:#fff !important}@media (max-width: 767px){.gsi-youtubemodal-x{top:15px !important;right:18px !important}}@media (min-width: 460px){.gsi-youtubemodal-x{width:46px !important;height:46px !important}}@media (min-width: 1024px){.gsi-youtubemodal-x{width:60px !important;height:60px !important}}.gsi-youtubemodal-x:before,.gsi-youtubemodal-x:after{content:"";display:block;position:absolute;transition:all 250ms cubic-bezier(0.1, 0.1, 0, 1);transform:scale(0.5)}@media (min-width: 460px){.gsi-youtubemodal-x:before,.gsi-youtubemodal-x:after{transform:scale(0.75)}}@media (min-width: 1024px){.gsi-youtubemodal-x:before,.gsi-youtubemodal-x:after{transform:scale(1)}}.gsi-youtubemodal-x:before{top:50%;left:50%;width:16px !important;height:16px !important;margin-top:-8px;margin-left:-8px;background-repeat:no-repeat;background-position:center;background-size:16px;background-image:url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg");z-index:1}.gsi-youtubemodal-x:after{width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;right:-2px;opacity:0.0;border-radius:100%;background-color:#423F3F;transform-origin:center center;transform:scale3d(0.8, 0.8, 0.8);z-index:0}.gsi-youtubemodal-x:hover{border-color:transparent}.gsi-youtubemodal-x:hover:before{background-repeat:no-repeat;background-position:center;background-size:16px;background-image:url("https://mannequin.storage.googleapis.com/2018/modal/exit-white.svg")}.gsi-youtubemodal-x:hover:after{opacity:1;transform:scale3d(1, 1, 1)}.gsi-youtubemodal-x:focus{outline:0 none;box-shadow:0px 0px 0px 3px rgba(126,126,126,0.15)}.gsi-youtubemodal-x:after{background-color:#423F3F !important}.gsi-youtubemodal-x:hover{background-color:#423F3F !important}.gsi-youtubemodal-x:hover:before{background-image:url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg");filter:invert(1)}

/*
 * CSS for airkit full screen modal and standard modal.
 * See: https://github.com/grow/airkit/tree/master/modal
 * Unminified and adjusted to gsi-modal instead of ak-modal by banders@
 * */
[data-gsi-modal] {
  display: none
}

.gsi-modal {
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transform: scale(1.15);
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100%;
  z-index: 2000
}

.gsi-modal--enabled {
  display: block
}

.gsi-modal--visible {
  opacity: 1;
  transform: scale(1);
  visibility: visible
}

.gsi-modal-x {
  background: #131313;
  color: #fff;
  cursor: pointer;
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  opacity: 0.8;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all .3s;
  width: 50px;
  z-index: 2004
}

.gsi-modal-x:before {
  content: "×";
  display: block;
  font-family: "arial", sans-serif;
  height: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  width: 50px
}

.gsi-modal-x:hover {
  color: #131313;
  background: #fff
}

.gsi-modal-mask {
  background: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2001
}

.gsi-modal-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2001;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}






/* Custom */
.gsi-modal-x {
  overflow: visible !important;
  background-color: transparent !important;
  border-radius: 100%;
  border: 2px solid rgba(126, 126, 126, 0.6);
  width: 34px !important;
  height: 34px !important;
  top: 35px !important;
  right: 50px !important;
  position: fixed;
  z-index: 10000;
  transition: opacity 0.8s ease;
}

@media (max-width: 767px) {
  .gsi-modal-x {
    top: 15px !important;
    right: 18px !important
  }
}

@media (min-width: 460px) {
  .gsi-modal-x {
    width: 46px !important;
    height: 46px !important
  }
}

@media (min-width: 1024px) {
  .gsi-modal-x {
    width: 60px !important;
    height: 60px !important
  }
}

.gsi-modal-x:before,
.gsi-modal-x:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1);
  transform: scale(0.5)
}

@media (min-width: 460px) {
  .gsi-modal-x:before,
  .gsi-modal-x:after {
    transform: scale(0.75)
  }
}

@media (min-width: 1024px) {
  .gsi-modal-x:before,
  .gsi-modal-x:after {
    transform: scale(1)
  }
}

.gsi-modal-x:before {
  top: 50%;
  left: 50%;
  width: 16px !important;
  height: 16px !important;
  margin-top: -8px;
  margin-left: -8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg");
  z-index: 1
}

.gsi-modal-x:after {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  right: -2px;
  opacity: 0.0;
  border-radius: 100%;
  background-color: #423F3F;
  transform-origin: center center;
  transform: scale3d(0.8, 0.8, 0.8);
  z-index: 0
}

.gsi-modal-x:hover {
  border-color: transparent
}

.gsi-modal-x:hover:before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit-white.svg")
}

.gsi-modal-x:hover:after {
  opacity: 1;
  transform: scale3d(1, 1, 1)
}

.gsi-modal-x:focus {
  outline: 0 none;
  box-shadow: 0px 0px 0px 3px rgba(126, 126, 126, 0.15)
}

.gsi-modal--exit {
  overflow-x: hidden !important
}

.gsi-modal-x {
  top: 10px;
  right: 10px
}

@media (min-width: 768px) {
  .gsi-modal-x {
    top: 20px;
    right: 30px
  }
}

.gsi-modal-x:before {
  content: " " !important
}

@media (max-width: 767px) {
  .gsi-modal-x:before {
    height: 20px !important;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px !important
  }
}

.gsi-modal-content *,
.gsi-modal-content *:before,
.gsi-modal-content *:after {
  box-sizing: border-box
}