/* 
 OLD:
    nuclear
    natural-gas
    coal
    hydro
    solar
    wind
    waste
    transmission
*/

body {
    font-family: "Montserrat", "Montserrat-Light", "Arial", sans-serif;
}

h1.main-title {
  font-size: 3vw;
  text-align: center;
  margin: 1vw 0 0 0;
}

h1.main-title span {
  color: #FB6F42;
}

.igfx-btn {
    display: inline-block;
    padding: 17px 45px 17px 50px;
    transform: translateZ(0);
    border-radius: 100px;
    font-family: "Trade Gothic LT Pro Bold", "TradeGothicLTPro-Bold", "Impact", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #fd6e38;
    color: #2d3540;
    transition: padding ease-in-out .2s
}

.igfx-btn:hover {
    color: #2d3540
}

.igfx-hdr3 {
    display: block;
    margin: 0 0 15px;
    font-size: 27px;
    line-height: 24px;
    color: #2d3540;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .igfx-hdr3 {
        margin: 0 0 25px
    }
}

.igfx-component {
    text-align: center
}

.igfx-component .igfx-component__padding {
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    .igfx-component .igfx-component__padding {
        display: block
    }
}

.igfx-component--natural-gas img {
    -ms-transform: translate(0, 12%);
    transform: translate(0, 12%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--natural-gas img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.igfx-component--coal img {
    -ms-transform: translate(0, -3%);
    transform: translate(0, -3%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--coal img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.igfx-component--hydro img {
    -ms-transform: translate(0, 5%);
    transform: translate(0, 5%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--hydro img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.igfx-component--solar img {
    -ms-transform: translate(0, 26%);
    transform: translate(0, 26%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--solar img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.igfx-component--wind img {
    -ms-transform: translate(0, 5%);
    transform: translate(0, 5%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--wind img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.igfx-component--waste img {
    -ms-transform: translate(0, 40%);
    transform: translate(0, 40%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--waste img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.igfx-component--transmission img {
    -ms-transform: translate(0, -18%);
    transform: translate(0, -18%)
}

@media only screen and (min-width: 768px) {
    .igfx-component--transmission img {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media only screen and (min-width: 768px) {
    .igfx-component {
        position: absolute;
        text-align: left
    }

    .igfx-component .igfx-component__padding {
        padding: 0
    }

    .igfx-component--flare-1 {
      width: 13.1%;
      top: -1.6%;
      left: 39.7%;
    }

    .igfx-component--flare-2 {
      width: 7.4%;
      top: 50%;
      left: 25.9%;
    }

    .igfx-component--flare-3 {
      width: 7.6%;
      top: 65.3%;
      left: 13.6%;
    }

    .igfx-component--flare-4 {
      width: 6.8%;
      top: 53.4%;
      left: 31.3%;
    }

    .igfx-component--flare-5 {
      width: 32.7%;
      top: 58.7%;
      left: 41.7%;
        z-index: 99;
    }


    .igfx-component--landfill-1 {
      width: 5.7%;
      top: 37.7%;
      right: 28.9%;
    }

    .igfx-component--landfill-2 {
      top: 51%;
      right: 33%;
    }

      .igfx-component--landfill-2 .igfx-component__img {
        display: none;
      }


    .igfx-component--landfill-3 {
      width: 6.1%;
      top: 52.4%;
      right: -0.2%;
    }

    .igfx-component--landfill-4 {
      width: 15.4%;
      top: 71.6%;
      right: 6.6%;
    }

    .igfx-component--landfill-5 {
      width: 9.8%;
      top: 80%;
      right: 38.7%;
    }

    .map-animated-item {
      display: none;
    }

      .map-animated-item {
        display: block;
        position: absolute;
        z-index: 1;
      }

    .map-animated-item.trash.na {
      width: 10.1%;
      top: 64.4%;
      left: 5.4%;
    }
    
    .map-animated-item.trash.eu {
      width: 8.2%;
      top: 48.7%;
      left: 36.1%;
    }
    
    .map-animated-item.trash.africa {
      width: 5.2%;
      top: 64.1%;
      left: 59.7%;
    }
    
    .map-animated-item.trash.sa {
      width: 4.2%;
      top: 79.2%;
      left: 47.1%;
    }
    
    .map-animated-item.tower.na {
      width: 5.7%;
      top: 61.4%;
      left: 18.6%;
    }
    
    .map-animated-item.tower.iraq {
      width: 12%;
      top: 8.6%;
      right: 39.2%;
    }
    
    .map-animated-item.tower.iran {
      width: 8.9%;
      top: 18.8%;
      right: 35.5%;
    }



    .igfx-component--natural-gas {
        width: 14.397321%;
        top: 34.6%;
        left: 8.5%
    }

    .igfx-component--coal {
        width: 16.889880%;
        top: 17.4%;
        left: 23%
    }

    .igfx-component--hydro {
        width: 11.197916%;
        top: 15.5%;
        left: 45%
    }

    .igfx-component--solar {
        width: 15.178571%;
        top: 18.8%;
        left: 65%
    }

    .igfx-component--wind {
        width: 13.913690%;
        top: 26.5%;
        left: 80%
    }

    .igfx-component--waste {
        width: 15.290178%;
        top: 54%;
        left: 75%
    }

    .igfx-component--transmission {
        width: 11.607142%;
        top: 39.5%;
        left: 45%
    }
}

.igfx-component--transmission .igfx-component__label {
    min-height: 54px
}

@media only screen and (min-width: 768px) {
    .igfx-component--transmission .igfx-component__label {
        height: auto
    }
}

.igfx-component__img {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto 15px
}

@media only screen and (min-width: 768px) {
    .igfx-component__img {
        width: 100%;
        max-width: 999999px;
        max-height: 999999px;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .igfx-component__trigger {
        cursor: pointer;
        position: absolute;
    }

    .igfx-component__trigger--flare-1 {
        bottom: 71.1%;
        right: 62.4%;
    }

    .igfx-component__trigger--flare-2 {
        bottom: 62%;
        right: 61%;
    }

    .igfx-component__trigger--flare-3 {
        bottom: 92.3%;
        right: 45.5%;
    }

    .igfx-component__trigger--flare-4 {
        bottom: 81%;
        right: 52%;
    }

    .igfx-component__trigger--flare-5 {
        bottom: 39%;
        right: 75%;
    }


    .igfx-component__trigger--landfill-1 {
        bottom: 59%;
        right: 70%;
    }

    .igfx-component__trigger--landfill-2 {
        bottom: -7%;
        right: 95%;
    }

    .igfx-component__trigger--landfill-3 {
        bottom: -7%;
        right: 125%;
    }

    .igfx-component__trigger--landfill-4 {
        bottom: 69%;
        right: -5%;
    }

    .igfx-component__trigger--landfill-5 {
        bottom: 76%;
        right: -31%;
    }



    .igfx-component__trigger--natural-gas {
        position: absolute;
        top: 26%;
        -ms-transform: translate(-30%, -100%);
        transform: translate(-30%, -100%)
    }

    .igfx-component__trigger--coal {
        position: absolute;
        top: 0;
        -ms-transform: translate(17%, -40%);
        transform: translate(17%, -40%)
    }
}

.igfx-content__inner .number-square {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 2rem;
  line-height: 3rem;
}

.igfx-content__inner.orange .number-square {
  background: #FB6E41;
}
.igfx-content__inner.blue .number-square {
  background: #70CCEF;
}

.igfx-content__inner.orange strong {
    color: #FB6E41;
}
.igfx-content__inner.blue strong {
    color: #70CCEF;
}

@media only screen and (min-width: 768px) and (min-width: 1084px) {
    .igfx-component__trigger--coal {
        -ms-transform: translate(30%, -30%);
        transform: translate(30%, -30%)
    }
}

@media only screen and (min-width: 768px) {
    .igfx-component__trigger--hydro {
        position: absolute;
        top: 30%;
        right: -20%;
        -ms-transform: translate(15%, -95%);
        transform: translate(15%, -95%);
        text-align: right
    }

    .igfx-component__trigger--solar {
        position: absolute;
        top: 30%;
        right: -20%;
        -ms-transform: translate(-10%, -95%);
        transform: translate(-10%, -95%);
        text-align: right
    }

    .igfx-component__trigger--wind {
        position: absolute;
        top: 30%;
        right: -20%;
        -ms-transform: translate(5%, -95%);
        transform: translate(5%, -95%);
        text-align: right
    }

    .igfx-component__trigger--waste {
        position: absolute;
        top: 30%;
        right: 0;
        text-align: right;
        -ms-transform: translate(60%, 0);
        transform: translate(60%, 0)
    }

    .igfx-component__trigger--transmission {
        width: 300px;
        position: absolute;
        top: 85%;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center
    }
}

.igfx-component__trigger-inner {
    display: inline-block;
    text-align: center
}

.igfx-component__label {
    padding: 0;
    margin: 0 0 25px;
    position: relative;
    font-family: "Montserrat", "Montserrat-Light", "Arial", sans-serif;
    font-size: 23px;
    line-height: 27px;
    font-weight: 600;
    color: #2d3540;
    opacity: 0;
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
    transition: all ease-in-out .3s;
    z-index: 2
}

.active .igfx-component__label {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media only screen and (min-width: 768px) {
    .igfx-component__label {
        display: none;
    }
}

.igfx-component__trigger--container {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    display: none
}

@media only screen and (min-width: 768px) {
    .igfx-component__trigger--container {
        display: inline-block
    }
}

.igfx-component__trigger--container .igfx-trigger {
    display: block;
    line-height: 35px;
    font-size: 24px;
    font-weight: bold;
    width: 35px;
    height: 35px;
    position: relative;
    margin: 5px;
    border: none;
    cursor: pointer;
    animation: pulse 1.5s infinite;
    z-index: 2
}
.igfx-component__trigger--container .igfx-trigger.orange {
  background-color: #fd6e38;
  box-shadow: 0 0 0 0 rgba(253, 110, 56, 0.5);
}

.igfx-component__trigger--container .igfx-trigger.blue {
  box-shadow: 0 0 0 0 rgba(112, 204, 239, 0.5);
  background-color: #6CCCF1;
}

.igfx-component__trigger--container .igfx-trigger::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: ''
}

.igfx-component__trigger--container .igfx-trigger .igfx-trigger--cross {
    display: block;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer
}

.igfx-component__trigger--container .igfx-trigger .igfx-trigger--cross::before,
.igfx-component__trigger--container .igfx-trigger .igfx-trigger--cross::after {
    display: block;
    width: 24px;
    height: 1px;
    position: absolute;
    top: 24px;
    left: 13px;
    content: '';
    background-color: #2d3540
}

.igfx-component__trigger--container .igfx-trigger .igfx-trigger--cross::after {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.igfx-component__trigger--container .igfx-trigger.orange:hover {
    animation: pulseBigOrange 1.5s infinite
}

.igfx-component__trigger--container .igfx-trigger.blue:hover {
    animation: pulseBigBlue 1.5s infinite
}

.igfx-component__trigger--container .igfx-component-trigger--top {
    margin-bottom: 10px
}

.igfx-component__trigger--container .igfx-component-trigger--right {
    margin-right: 10px
}

.igfx-component__trigger--container .igfx-component-trigger--bottom {
    margin-top: 10px
}

.igfx-component__trigger--container .igfx-component-trigger--left {
    margin-left: 10px
}

@keyframes pulse {
    0% {
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    70% {
        -ms-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 40px rgba(90, 153, 212, 0)
    }

    100% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0)
    }
}

@keyframes pulseBigOrange {
    0% {
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    70% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        box-shadow: 0 0 0 40px rgba(90, 153, 212, 0)
    }

    100% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0)
    }
}

@keyframes pulseBigBlue {
    0% {
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    70% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        box-shadow: 0 0 0 40px rgba(112, 204, 239, 0)
    }

    100% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(112, 204, 239, 0)
    }
}

#igfx__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2d3540;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    transition: all ease-in-out .2s;
    cursor: pointer;
}

.igfx--open #igfx__overlay {
    opacity: .8;
    visibility: visible;
    pointer-events: auto
}

.igfx-component__img_mobile {
    display: none;
}

@media(max-width: 768px){
    .igfx-component__img_mobile {
        display: block;
    }
    
    .igfx-component__img {
        display: none;
    }
}

#igfx__content-container {
    width: 100%;
    z-index: 102;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateZ(0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all ease-in-out .2s;
    background-color: #fff;
    z-index: 103;
    overflow: scroll
}

.igfx--open #igfx__content-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

@media only screen and (min-width: 768px) {
    #igfx__content-container {
        width: 80%;
        height: auto;
        max-width: 800px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) translateZ(0);
        background-color: transparent;
        overflow: visible
    }
}

.igfx__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all ease-in-out .2s;
    position: absolute;
    top: 0
}

.igfx__content--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    overflow: scroll;
    height: initial
}

@media only screen and (min-width: 540px) {
    .igfx__content--open {
        overflow: visible
    }
}

@media only screen and (min-width: 540px) {
    .igfx__content {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: auto;
        background-color: #fff
    }
}

@media only screen and (min-width: 768px) {
    .igfx__content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -30%) translateZ(0)
    }

    .igfx__content--open {
        transform: translate(-50%, -50%) translateZ(0)
    }
}

.igfx-content__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

sup {
    font-size: 9px;
}

@media only screen and (min-width: 540px) {
    .igfx-content__inner {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: auto;
        background-color: #fff
    }

    .igfx__content.small {
        width: 80%;
    }

    .igfx__content.small .igfx-content__left {
        min-width: 42.333333%;
    }
}

.igfx-content__left {
    /*min-height: 240px;/*/
    /*margin-top: 20px;*/
    position: relative;
    background: #2d3341;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*overflow: hidden*/
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 540px) {
    .igfx-content__left {
        width: 33.3333333333%;
        min-width: 33.3333333333%;
        height: initial;
        /*max-height: 230px;*/
        /*overflow: hidden;*/
        margin-top: 0;
        max-height: none
    }
}

@media only screen and (min-width: 768px) {
    .igfx-content__left {
        /*height: 100%*/
    }
}

.igfx-content__left img {
    -ms-flex: 1;
    flex: 1;
    max-width: 90%;
    margin: 0 auto;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%)*/
}

@media only screen and (min-width: 540px) {
    .igfx-content__left img {
        max-width: 90%
    }
}

.igfx__content--nuclear .igfx-content__left img {
    margin-top: -70px
}

.igfx__content--solar .igfx-content__left img {
    margin-top: -15px
}

.igfx__content--coal .igfx-content__left img {
    margin-top: -36px
}

.igfx__content--waste .igfx-content__left img {
    margin-top: 3px
}

.igfx-content__right p,
.igfx-content__right li {
    font-family: "Montserrat-Light", "Arial", sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 540px) {
    .igfx-content__right {
        padding-top: 50px;
        padding-left: 20px;
        margin-right: -50px
    }
}

@media only screen and (min-width: 768px) {
    .igfx-content__right {
        padding-top: 0;
        margin-right: 0;
    }
}

.igfx-content__right .cta-btn {
    margin-bottom: 0;
    margin-top: 30px
}

@media only screen and (min-width: 1084px) {
    .igfx-content__right .cta-btn {
        margin-top: 50px
    }
}

.igfx-content__list li {
    margin-bottom: 14px;
    list-style: square;
}

.tap-here {
    display: none;
}

.img-container {
    display: flex;
    align-items: center;
}

@media(max-width: 767px){
    .tap-here {
        display: block;
        border: 1px solid #fff;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
        font-family: "Trade Gothic LT Pro Bold", "TradeGothicLTPro-Bold", "Impact", sans-serif;
        border-radius: 20px;
        padding: 10px 40px;
        margin: 0 auto;
        background: none;
        letter-spacing: 2px;
        margin-top: 10px !important;
    }

    .tap-here:after {
        content: '';
        background-image: url('data:image/svg+xml;charset=US-ASCII,<svg id="Isolation_Mode" data-name="Isolation Mode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.6 11.8"><defs><style>.cls-1{fill:#fff}</style></defs><title>arrow-darkblue-right</title><path id="_Path_" data-name="&lt;Path&gt;" class="cls-1" d="M19.4 0l-.7.7 4.9 4.7H0v1h23.6l-4.9 4.7.7.7 6.2-5.9L19.4 0z"/></svg>');
        width: 20px;
        height: 11px;
        background-size: 100%;
        display: inline-block;
        background-repeat: no-repeat;
        margin-left: 5px;
    }
}


@media only screen and (min-width: 768px) {
    .igfx-content__list li {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width: 1084px) {
    .igfx-content__list li {
        font-size: 18px;
        line-height: 24px
    }
}

.igfx-content__close {
    display: block;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50px;
    border: 1px solid #fff;
    background-color: #fd6e38;
    transition: transform ease-in-out .15s;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.igfx-content__close::before,
.igfx-content__close::after {
    display: block;
    width: 24px;
    height: 1px;
    position: absolute;
    top: 24px;
    left: 12px;
    content: '';
    background-color: #2d3540
}

.igfx-content__close::before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.igfx-content__close::after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 540px) {
    .igfx-content__close {
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media only screen and (min-width: 768px) {
    .igfx-content__close {
        position: absolute;
        top: 0;
        right: 0;
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .igfx-content__close:hover {
        -ms-transform: translate(50%, -50%) rotate(90deg);
        transform: translate(50%, -50%) rotate(90deg)
    }
}

.glide {
    position: relative;
    width: 100%;
    height: 100%
}

.flare-gas {
    position: absolute;
    top: 16%;
    left: 12%;
    z-index: 9;
}

.flare-gas h2,
.landfill-gas h2{
    margin: 0 0 1vw;
    color: #fd6e38;
    font-size: 3vw;
    position: relative;
}

.flare-gas h2 img,
.landfill-gas h2 img {
    position: absolute;
    top: 45%;
    left: -4vw;
    margin-left: 0;
    height: 5vw;
    transform: translateY(-50%);
}

.flare-gas h2 img {
    left: -3vw;
}

.flare-gas p,
.landfill-gas p {
    line-height: 1.2;
    font-size: 1.1vw;
}

.landfill-gas {
    position: absolute;
    top: 16%;
    right: 6%;
    z-index: 9;
}

.landfill-gas h2 {
    color: #6CCCF1;
}

h1.main-title {
    line-height: 4vw;
}

@media(max-width: 768px){
    .landfill-gas,
    .flare-gas {
        display: none;
    }
}

.glide__wrapper {
    overflow: hidden
}

.glide__track {
    position: relative;
    width: 100%;
    height: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -ms-touch-action: pan-Y;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0
}

.glide__track.dragging {
    cursor: grabbing;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__arrow {
    cursor: pointer
}

.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--slider .glide__slide {
    float: left;
    clear: none
}

.glide--carousel.glide--vertical .glide__track {
    overflow: visible
}

.glide--carousel .glide__slide {
    float: left;
    clear: none
}

.glide--slideshow .glide__wrapper {
    height: 100%
}

.glide--slideshow .glide__slide {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0)
}

.glide--slideshow .glide__slide.active {
    z-index: 1
}

.glide__arrows {
    position: absolute
}

.glide--horizontal .glide__arrows {
    top: 50%;
    width: 92%;
    margin-left: 4%
}

.glide--vertical .glide__arrows {
    left: 50%;
    height: 88%;
    margin-top: 6%
}

.glide__arrow {
    position: absolute;
    z-index: 2;
    color: white;
    text-transform: uppercase;
    font: 11px Arial, sans-serif;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    opacity: 1;
    transition: opacity 150ms ease, border 300ms ease-in-out
}

.glide__arrow.disabled {
    opacity: .33
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: white
}

.glide--horizontal .glide__arrow {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.glide--horizontal .glide__arrow.prev {
    left: 0
}

.glide--horizontal .glide__arrow.next {
    right: 0
}

.glide--vertical .glide__arrow {
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.glide--vertical .glide__arrow.prev {
    top: 0
}

.glide--vertical .glide__arrow.next {
    bottom: 0
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    list-style: none
}

.glide--horizontal .glide__bullets {
    bottom: 8%;
    left: 0;
    width: 100%;
    height: 12px;
    text-align: center
}

.glide--vertical .glide__bullets {
    top: 50%;
    right: 8%;
    width: 12px;
    height: auto;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.glide__bullets>* {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 300ms ease-in-out
}

.glide--horizontal .glide__bullets>* {
    margin: 0 5px
}

.glide--vertical .glide__bullets>* {
    vertical-align: middle
}

.glide__bullets>*.active {
    background-color: white
}

.glide__bullets>*:focus {
    outline: none
}

.glide__bullets>*:hover,
.glide__bullets>*:focus {
    border: 2px solid white;
    background-color: rgba(255, 255, 255, 0.5)
}

#igfx .glide__track {
    display: flex;
}

#igfx .glide__bullets {
    bottom: 35px
}

#igfx .glide__bullets>* {
    background-color: #2d3540;
    border-color: #fd6e38;
    border-width: 1px;
    width: 20px;
    height: 20px
}

#igfx .glide__bullets>*.active {
    background-color: #fd6e38
}

.igfx-header {
    background: #394776;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 16px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .igfx-header {
        padding: 64px 16px
    }
}

.igfx-header h1 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 30px
}

@media only screen and (min-width: 540px) {
    .igfx-header h1 {
        font-size: 38px;
        line-height: 40px
    }
}

.igfx-header p {
    max-width: 640px;
    margin-bottom: 0
}

body {
    visibility: visible !important
}

#igfx--wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -2px;
    position: relative;
    background: none;
    overflow: hidden;
    height: 340px;
}

@media only screen and (min-width: 768px) {
    #igfx--wrap {
        background: none;
        display: block;
        height: auto;
    }
}

@media(max-width: 767px){
    #igfx--wrap {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        height: auto;
    }

    #igfx {
        background: #2d3341;
    }

    .igfx-component__label{
        color: #fff;
    }

    h1.main-title {
        font-size: 5vw;
        background: #fff;
        padding: 20px 0;
        line-height: 1.22;
    }
    
    .map-animated-item {
        display: none;
    }
}

#igfx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 25px 0 70px 0;
    position: relative
}

@media only screen and (min-width: 768px) {
    #igfx {
        padding: 70.696893% 0 0;
        background: url("img/background.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 0
    }
}