/* ------------------------------------------------
 Author: SIF
------------------------------------------------ */
/* ------------------------------------------------
   - Variables
------------------------------------------------ */
/* ----- Gutters ----- */
/* ----- Colors ----- */
#network-mapbox-home {
  background-position: center center;
  background-size: cover !important;
  background: url("../../img/home-network-map.jpg"); }
  @media (min-width: 992px) {
    #network-mapbox-home {
      height: 700px; } }
  @media (min-width: 1200px) {
    #network-mapbox-home {
      height: 900px; }
      #network-mapbox-home.alliance-network {
        height: 100%; } }

#network-mapbox, #map-newtork {
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
    #network-mapbox, #map-newtork {
      height: 700px; } }
  @media (min-width: 1200px) {
    #network-mapbox, #map-newtork {
      height: 900px; }
      #network-mapbox.alliance-network, #map-newtork.alliance-network {
        height: 100%; } }
  #network-mapbox .network-mapbox-container, #network-mapbox .container, #map-newtork .network-mapbox-container, #map-newtork .container {
    height: 100%;
    position: relative; }
  #network-mapbox .swiper-network-cta, #map-newtork .swiper-network-cta {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }
  #network-mapbox .fixed-bottom-absolute, #map-newtork .fixed-bottom-absolute {
    position: absolute;
    bottom: 0;
    width: 100%; }
  #network-mapbox .mapboxgl-ctrl-bottom-left, #map-newtork .mapboxgl-ctrl-bottom-left {
    display: none !important; }
  #network-mapbox #map-control, #map-newtork #map-control {
    text-align: right;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 10px 15px; }
    #network-mapbox #map-control .map-control-checkbox, #map-newtork #map-control .map-control-checkbox {
      display: inline-block;
      vertical-align: middle; }
      #network-mapbox #map-control .map-control-checkbox input, #map-newtork #map-control .map-control-checkbox input {
        opacity: 0;
        position: absolute; }
      #network-mapbox #map-control .map-control-checkbox input, #network-mapbox #map-control .map-control-checkbox label, #map-newtork #map-control .map-control-checkbox input, #map-newtork #map-control .map-control-checkbox label {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer; }
      #network-mapbox #map-control .map-control-checkbox label, #map-newtork #map-control .map-control-checkbox label {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        #network-mapbox #map-control .map-control-checkbox label span, #map-newtork #map-control .map-control-checkbox label span {
          padding-top: 2px; }
        #network-mapbox #map-control .map-control-checkbox label:before, #map-newtork #map-control .map-control-checkbox label:before {
          margin-top: -1px; }
      #network-mapbox #map-control .map-control-checkbox input + label:before, #map-newtork #map-control .map-control-checkbox input + label:before {
        content: '';
        background: #fff;
        border: 2px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        margin-right: 5px;
        text-align: center;
        font-size: 10px;
        font-weight: 600;
        line-height: 16px; }
      #network-mapbox #map-control .map-control-checkbox input:checked + label:before, #map-newtork #map-control .map-control-checkbox input:checked + label:before {
        content: "\f00c";
        font-family: 'Font Awesome 5 Pro';
        background: #288dc1;
        color: #fff; }
      #network-mapbox #map-control .map-control-checkbox.awarded, #map-newtork #map-control .map-control-checkbox.awarded {
        padding-left: 5px; }
        #network-mapbox #map-control .map-control-checkbox.awarded input:checked + label:before, #map-newtork #map-control .map-control-checkbox.awarded input:checked + label:before {
          background: #a89031; }
  #network-mapbox .map-newtork, #map-newtork .map-newtork {
    position: relative;
    width: 100%;
    min-height: 400px; }
    @media (min-width: 992px) {
      #network-mapbox .map-newtork, #map-newtork .map-newtork {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0; } }
  #network-mapbox .bg-network, #map-newtork .bg-network {
    background: url("../../img/general/info-network.png") no-repeat top right;
    background-size: 250px; }
  #network-mapbox .slider-controls, #map-newtork .slider-controls {
    padding-top: 0;
    text-align: right; }
  #network-mapbox .card.padded-equal-link .title, #network-mapbox .card.padded-equal .title, #map-newtork .card.padded-equal-link .title, #map-newtork .card.padded-equal .title {
    margin-top: 0; }
  #network-mapbox .mapboxgl-canvas, #map-newtork .mapboxgl-canvas {
    outline: 0; }
  #network-mapbox .mapboxgl-popup:before, #map-newtork .mapboxgl-popup:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #fff;
    left: 28px; }
  #network-mapbox .mapboxgl-popup .mapboxgl-popup-anchor-top:before, #map-newtork .mapboxgl-popup .mapboxgl-popup-anchor-top:before {
    top: -45px; }
  #network-mapbox .mapboxgl-popup .mapboxgl-popup-anchor-top:before, #map-newtork .mapboxgl-popup .mapboxgl-popup-anchor-top:before {
    top: -45px; }
  #network-mapbox .mapboxgl-popup-content, #map-newtork .mapboxgl-popup-content {
    -webkit-box-shadow: 0 3px 20px rgba(171, 194, 212, 0.16), 0 3px 20px rgba(171, 194, 212, 0.23);
    -moz-box-shadow: 0 3px 20px rgba(171, 194, 212, 0.16), 0 3px 20px rgba(171, 194, 212, 0.23);
    box-shadow: 0 3px 20px rgba(171, 194, 212, 0.16), 0 3px 20px rgba(171, 194, 212, 0.23);
    padding: 0;
    border-radius: 5px;
    background: #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
    #network-mapbox .mapboxgl-popup-content:hover, #map-newtork .mapboxgl-popup-content:hover {
      -webkit-box-shadow: 0 3px 20px rgba(171, 194, 212, 0.6), 0 3px 20px rgba(171, 194, 212, 0.6);
      -moz-box-shadow: 0 3px 20px rgba(171, 194, 212, 0.6), 0 3px 20px rgba(171, 194, 212, 0.6);
      box-shadow: 0 3px 20px rgba(171, 194, 212, 0.6), 0 3px 20px rgba(171, 194, 212, 0.6); }
    #network-mapbox .mapboxgl-popup-content .mapboxgl-popup-close-button, #map-newtork .mapboxgl-popup-content .mapboxgl-popup-close-button {
      position: absolute !important;
      top: 0;
      right: 0;
      background: none;
      border: 0;
      float: none !important;
      cursor: pointer;
      font-size: 20px;
      position: relative;
      margin-top: -10px;
      background: white;
      border-radius: 100px;
      margin-right: -8px; }
    #network-mapbox .mapboxgl-popup-content .info-content-bloc, #map-newtork .mapboxgl-popup-content .info-content-bloc {
      width: 100%; }
      #network-mapbox .mapboxgl-popup-content .info-content-bloc img, #map-newtork .mapboxgl-popup-content .info-content-bloc img {
        padding: 20px;
        height: auto;
        max-height: 150px;
        width: auto;
        margin: 0 auto; }
      #network-mapbox .mapboxgl-popup-content .info-content-bloc .info-content, #map-newtork .mapboxgl-popup-content .info-content-bloc .info-content {
        border-top: 1px solid #eef3f6;
        color: #4d5966;
        padding: 20px; }
        #network-mapbox .mapboxgl-popup-content .info-content-bloc .info-content h2, #map-newtork .mapboxgl-popup-content .info-content-bloc .info-content h2 {
          text-transform: uppercase;
          font-size: 20px;
          padding-bottom: 10px;
          margin-top: 0;
          color: #004f90; }
        #network-mapbox .mapboxgl-popup-content .info-content-bloc .info-content span, #map-newtork .mapboxgl-popup-content .info-content-bloc .info-content span {
          text-transform: uppercase;
          color: #7d8d9d;
          font-size: 11px; }
      #network-mapbox .mapboxgl-popup-content .info-content-bloc .info-content-more, #map-newtork .mapboxgl-popup-content .info-content-bloc .info-content-more {
        padding: 20px 20px;
        border-top: 1px solid #eef3f6; }

/*# sourceMappingURL=styles_network_mapbox.css.map */
