@font-face {
  font-family: geografic;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/Geograph-Regular.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: geografic-bold;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/Geograph-Bold.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: geografic-medium;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/Geograph-Medium.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: geografic-gr;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/GeographGrUC-Regular.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: geografic-gr-bold;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/GeographGrUC-Bold.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: geografic-gr-medium;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/GeographGrUC-Medium.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: GothamPro;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/GothamPro.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: GothaProBol;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/GothamPro-Bold.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: GothamPro-Medium;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/GothamPro-Medium.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: Avenir Black;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/Avenir-Black.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: Avenir Medium;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/Avenir-Medium.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: Avenir Book;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/Avenir-Book.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: Stratos-Bold;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/stratos-bold.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: Stratos-Light;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/stratos-light.woff)
    format("woff");
  font-display: swap;
}
@font-face {
  font-family: taagid_oebold;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/taagid_oebold-webfont.woff)
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: taagid_oe_regularregular;
  src: url(https://specials.techops.disn.io/ng/fonts/htg/taagid_oeregular-webfont.woff)
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --regular: "geografic";
  --bold: "geografic-bold";
  --medium: "geografic-medium";
  --regularstar: "Avenir Book";
  --boldstar: "Avenir Black";
  --mediumstar: "Avenir Medium";
  --boldfox: "Stratos-Bold";
  --lightfox: "Stratos-Light";
  --regularcardng: "geografic";
}
:root :lang(bg) {
  --regular: "GothamPro";
  --bold: "GothaProBol";
  --medium: "GothamPro-Medium";
}
@media only screen and (max-width: 41.75em) {
  .wrapper.clearfix.es .ourTopics h2 {
    font-size: 24px;
  }

  .natgeo_gr .wrapper.clearfix.es .ourTopics h2 {
    font-size: 36px;
  }
  .natgeo_gr .providers li img {
    height: auto;
  }

  .natgeo_gr section.devices h2 {
    font-size: 1.2em;
  }

  .lp_es .main ul li {
    padding: 35px;
  }
}

.natgeo_gr .providers li img {
  height: 100px;
}

.natgeo_gr .wrapper.clearfix h2,
.natgeo_ru .wrapper.clearfix h2,
.natgeo_gr .wrapper.clearfix h3,
.natgeo_ru .wrapper.clearfix h3,
.natgeo_gr .wrapper.clearfix h4 .natgeo_ru .wrapper.clearfix h4 {
  font-family: "Gotham A", "Gotham B", "CenturyGothic";
  font-weight: 700;
}

.natgeo_gr *,
.natgeo_ru * {
  font-family: "Gotham A", "Gotham B", "CenturyGothic";
  font-weight: 400;
}

.wrapper.clearfix * {
  list-style: none;
  text-decoration: none;
  color: #222;
}
.wrapper.clearfix {
  background: #fff;
}

.wrapper.clearfix .providers h2 {
  color: #fff;
}

.devices ul li span {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1em;
}
.devices {
  background: #f3f3f3;
}
.devices ul li img {
  margin: 0;
  width: 28px;
}

.wrapper.clearfix h1,
.wrapper.clearfix h2,
.wrapper.clearfix h3,
.wrapper.clearfix h4,
.wrapper.clearfix h5 {
  text-transform: uppercase;
}

.legal_si ol li {
  list-style: decimal;
}

.legal_si ul li {
  list-style: square;
}

.intrinsic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 0;
  overflow: hidden;
}

.wrapper.clearfix a {
  border-bottom: 2px solid #fc0;
  color: #000;
}

.wrapper.clearfix a:visited {
  color: grey;
  border-bottom: 2px solid #767676;
}

.wrapper.clearfix a:hover {
  color: grey;
  border-bottom: 2px solid #767676;
}

.wrapper.clearfix .providers a,
.wrapper.clearfix .providers a:hover {
  border: none;
}

.wrapper.clearfix .header-container h1 {
  color: #fff;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5% 5%;
  background: #000;
  margin-bottom: 0;
}

.providers_za a {
  border-bottom: none;
}

.providers_za a:visited {
  border-bottom: none;
}

.providers_pl a {
  border-bottom: none;
}

.providers_pl a:visited {
  border-bottom: none;
}

.legalpages {
  text-transform: none;
}

.wrapper.clearfix h2 {
  width: 85%;
  text-align: center;
  font-size: 2.125em;
  line-height: 1.2em;
  margin: 0 auto;
  letter-spacing: 0.2em;
}

.wrapper.clearfix .ourTopics h2 {
  font-size: 50px;
  padding-bottom: 10px;
  position: relative;
}

.wrapper.clearfix .ourTopics h2:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -10px;
  border-bottom: 10px solid #ffcc00;
  height: 10px;
  width: 160px;
  left: 50%;
  margin-left: -80px;
}

.ourTopics p,
.devices p {
  padding: 40px 0;
}

section p {
  font-size: 18px;
}

.wrapper.clearfix .providers ul,
.wrapper.clearfix .devices ul {
  padding-top: 40px;
}

/*.providers li img{width: 50%}*/

.providers_gr li img {
  width: 50%;
}

.providers_za li img {
  width: 50%;
}

.providers_se li img {
  width: 40%;
}

.providers_pl li img {
  width: 40%;
}

.providers_pl li {
  width: 30%;
}

.wrapper.clearfix .main ul li {
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
}

.tg-wrap {
  max-width: 1600px;
}

.tg-yw4l {
  padding: 20px;
  border: solid 1px #777;
}

p {
  letter-spacing: 0;
}

.footer-container {
  background: #000;
}

.footer-container aside {
  float: left;
}
.footer-container aside h4 {
  text-align: left;
}
.footer-container ul {
  float: right;
}
.footer-container ul li {
  display: inline-block;
}

.footer-container h4 {
  margin-bottom: 10px;
}

.footer-container p,
.legalDisclamer a {
  color: #c6c5c5;
  font-size: 0.7em;
}
.legalDisclamer a {
  color: #c6c5c5;
  text-decoration: none;
  padding: 0 5px;
  letter-spacing: 0;
  border-bottom: none;
}

.legalDisclamer a:hover {
  color: #ffcc00;
}

/*Image responsive system*/
.intrinsic {
  background-image: url(../img/placeholder.jpg);
  background-color: #000;
  background-size: cover;
  position: relative;
  padding-bottom: 56.25%;
}
.providers.main ul li:hover {
  border-color: #ffcc00;
}

.devices li {
  vertical-align: text-bottom;
  background: #fff;
}

.devices img {
  margin: -50px 0;
}

#viaplay {
  padding: 25px;
}

.wrapper.clearfix .main ul li {
  padding: 35px;
  display: inline-block;
  border: 1px solid #6a6a6a;
}

.cc-link {
  border-bottom: none;
}

.cc-link:hover {
  border-bottom: none;
}

#SocialFooter {
  text-align: left;
}
#disclamer {
  text-align: left;
}

/* ---------------- LEGAL ---------------------------------------------------------- */
.wrapper.clearfix.legal * {
  max-width: 1366px;
  text-align: left;
}

.wrapper.legal h2 {
  margin: 0;
  padding: 20px;
}

.wrapper.legal {
  padding: 50px;
}

.wrapper.legal p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 35.5em) {
  .intrinsic {
    padding-bottom: 145%;
    background-image: url(../img/placeholder_m.jpg);
  }
}

/* ---------------- ONLY FOR SMARTPHONES ---------------------------------------------------------- */
@media only screen and (max-width: 41.75em) {
  .main ul li {
    width: 50%;
  }

  section h2 {
    font-size: 1.2em !important;
  }
  .header-container h1 {
    font-size: 1em;
    line-height: 1.2em;
  }
  .ourTopics h2 {
    font-size: 36px;
  }
  .lp_es .ourTopics h2,
  .lp_it .ourTopics h2 {
    font-size: 24px !important;
  }
  .lp_se .ourTopics h2 {
    font-size: 24px;
  }

  .ourTopics h2:after {
    border-bottom: 7px solid #ffcc00;
    height: 10px;
    width: 100px;
    margin-left: -50px;
  }

  section.main {
    padding: 10% 5%;
  }

  .ourTopics p,
  .devices p {
    padding: 30px 0;
  }

  .footer-container aside h4 {
    text-align: center;
  }
  .footer-container aside,
  .footer-container ul {
    float: none;
  }

  .providers_se li img {
    width: 60%;
  }

  .providers_za li img {
    width: 70%;
  }

  .devices img {
    margin: 0;
    width: 90%;
  }

  .master lp_int * {
    font-family: var(--regular);
  }
  .master lp_int h2,
  .master lp_int h3,
  .master lp_int h4 {
    font-family: var(--bold);
  }
}

/* ------END ---------- ONLY FOR SMARTPHONES ---------------------------------------------------------- */

/* ---------------- ONLY FOR DESKTOP AND LESS, TABLET ---------------------------------------------------------- */
@media only screen and (max-width: 64em) {
  .footer-container aside h4 {
    text-align: center;
  }
  .footer-container aside,
  .footer-container ul {
    float: none;
  }
  h1 {
    font-size: 1.5em;
  }
  h2 {
    font-size: 1.8em;
  }
  .cc-window.cc-floating {
    max-width: 100% !important;
  }
  .cc-grower {
    justify-content: center;
  }
  .cc-compliance {
    max-width: 200px;
  }
}
/* ------END ---------- ONLY FOR DESKTOP AND LESS ---------------------------------------------------------- */

/* ---------------- ONLY FOR LARGER DESKTOP ---------------------------------------------------------- */
@media only screen and (max-width: 106em) {
  .footer-container .wrapper {
    padding: 0 20px;
  }
}

/*  -----------------  Font usage  ------------------------------ */

/*General font*/
#blank-template-custom-body > * {
  font-family: var(--regular), "CenturyGothic", AppleGothic, Gill Sans,
    Gill Sans MT, sans-serif;
  font-weight: 400;
  letter-spacing: 0.25em;
}

/*Bold version*/
#blank-template-custom-body h2,
#blank-template-custom-body h3,
#blank-template-custom-body h4 {
  font-family: var(--regular), "CenturyGothic", AppleGothic, Gill Sans,
    Gill Sans MT, sans-serif;
  font-weight: 600;
  letter-spacing: 0.25em;
}

.lp_gr * {
  font-family: "Gotham A", "Gotham B", "CenturyGothic";
  font-weight: 400;
  letter-spacing: 0;
}

/*Bold version*/
.lp_gr h2,
.lp_gr h3,
.lp_gr h4 {
  font-family: "Gotham A", "Gotham B", "CenturyGothic";
  font-weight: 700;
  letter-spacing: 0;
}

.master.lp_int * {
  font-family: var(--regular);
}
.master.lp_int h2,
.master.lp_int h3,
.master.lp_int h4 {
  font-family: var(--bold);
}

/*
@font-face {
font-family: 'GeographWeb-Regular';
    src: url('../fonts/GeographWeb-Regular.eot');
    src: url('../fonts/GeographWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GeographWeb-Regular.woff') format('woff'),
		url('../fonts/GeographWeb-Regular.woff2') format('woff2');
         }

@font-face {
font-family: 'GeographWeb-Bold';
    src: url('../fonts/GeographWeb-Bold.eot');
    src: url('../fonts/GeographWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GeographWeb-Bold.woff') format('woff'),
		url('../fonts/GeographWeb-Bold.woff2') format('woff2');
         }



@font-face {
font-family: 'GeographWeb-Bold';
    src: url('../fonts/GeographWeb-Bold.eot');
    src: url('../fonts/GeographWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GeographWeb-Bold.woff') format('woff'),
		url('../fonts/GeographWeb-Bold.woff2') format('woff2');
         font-weight: 600;
         font-style: normal;
         }


@font-face {
font-family: 'GeographWeb-Light';
    src: url('../fonts/GeographWeb-Light.eot');
    src: url('../fonts/GeographWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GeographWeb-Light.woff') format('woff'),
		url('../fonts/GeographWeb-Light.woff2') format('woff2');
         font-weight: 400;
         font-style: normal;
         }*/