.elementor-3354 .elementor-element.elementor-element-5919709{margin-top:100px;margin-bottom:100px;}.elementor-3354 .elementor-element.elementor-element-abf3b55 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:100px;}.elementor-3354 .elementor-element.elementor-element-96cb5eb{text-align:center;}.elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title, .elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title:before, .elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title:after, .elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-content, .elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title, .elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title a{color:#1D1D1B;}.elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title.elementor-active,
					 .elementor-3354 .elementor-element.elementor-element-a57ecf8 .elementor-tab-title.elementor-active a{color:#035E86;}@media(max-width:1024px){.elementor-3354 .elementor-element.elementor-element-5919709{margin-top:60px;margin-bottom:100px;}}@media(max-width:767px){.elementor-3354 .elementor-element.elementor-element-5919709{margin-top:0px;margin-bottom:100px;}}/* Start custom CSS */.container3 {width: 100%;/*display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;*/text-align: center;margin: 0 auto;position: relative;}
@media only screen and (max-width: 959px) and (min-width: 768px){
    .container3 svg{width: 80% !important;}
}
@media screen and (max-width: 767px) {
    .container3 svg{width: 90% !important;}
}
  .map path {    fill: #005E86; stroke: #FFF; transition: .5s;}
  .selected {fill: #272D62 !important; stroke: #FFF !important; transition: .5s;}
  
  .ping{
      width: 100%;
      display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
      justify-content: space-between;-webkit-justify-content: space-between;
  }
  .pin2 {
      width: 60px;
      border-radius: 50%;
      height: 60px;
      cursor: pointer;
      position: absolute;
	  display: none;
      z-index: 10;
      transform: translate(-50%,-50%);
  }
.pin2:hover g.circles {fill: #FFF;}
.pin2:hover g.pin use {fill: #FFF;}
  #us {top: 53%;left: 25%;}
  #ru {top: 36%;left: 75%;}
  #fr {top: 48%;left: 50.5%;}
  #dz {top: 58%;left: 51%;}
  /*#amerique-sud {
      top: 75%;
      left: 37%;
  }
  #amerique-central {
      top: 63%;
      left: 32%;
  } */
  
  
  .dz{
      cursor: pointer;
  }
  .ru {
      
      cursor: pointer;
  }
  .fr {
      cursor: pointer;
  
  }
  .us {
      cursor: pointer;
  }
  .amerique-sud {
      cursor: pointer;
  }
  .amerique-central {
      cursor: pointer;
  }
  
  
  .text-map h3 {
      font-size: 200px;
    line-height: initial;
    position: absolute;
    top: 50%;
    left: -100%;
    transform: translate(-50%,-50%);
    transition: .5s;
    z-index: 9;
	  text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    text-decoration: none;
	  opacity: 0;
    color: #fff;
    text-transform: uppercase;
    background-clip: text;
	  text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-background-clip: text;
    color: transparent;
    animation: moveBg 50s linear infinite;
    -webkit-animation: moveBg 50s linear infinite;
}
.title-fr{
	background: var(--wpr-bg-da180240-e964-47a9-a335-4c1957f8d17a) no-repeat;
}
.title-dz{
	background: var(--wpr-bg-3e84a217-3d4a-4589-8b56-a3989e17372f) no-repeat;
}
.title-us{
	background: var(--wpr-bg-686250c1-1aa0-45de-8470-35f496577440) no-repeat;
}
.title-ru{
	background: var(--wpr-bg-75f3f4c5-3b2f-4e67-8a66-6a10aab5704f) no-repeat;
}
.title-amerique-sud{
	background: var(--wpr-bg-a032bb35-4585-49b8-a3fc-3f339822a688) no-repeat;
}
.title-amerique-central{
	background: var(--wpr-bg-326b736f-89c0-45b4-a502-bc564c1fbaef) no-repeat;
}
@keyframes moveBg{
  0% {
    background-position: 0% 30%;
  }
  100% {
    background-position: 100% 50%;
  }
}
  .text-map h3.title-slide{
      left: 50%;
	  opacity : 1;
  }
  
  
  
    
    svg.marker {
      display: block;
      max-width: 300px;
      
    }
    
    svg .circles, svg .pin {
      -webkit-transform-origin: center;
      transform-origin: center;
    }
    
    svg .pin {
      /*opacity: 0;*/
      -webkit-transform: translate(41px, 0);
              transform: translate(41px, 0);
    }
    
    .circle1, .circle2, .circle3 {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      opacity: 0;
    }
    
    svg .circles, body.finalized svg .pin {
      -webkit-transform-origin: center;
              transform-origin: center;
    }
    
    svg .circle3 {
      -webkit-animation: circlePin ease 1s 0.7s forwards, circlePin2 ease 3s 4s infinite;
              animation: circlePin ease 1s 0.7s forwards, circlePin2 ease 3s 4s infinite;
    }
    
    svg .circle2 {
      -webkit-animation: circlePin ease 1s 1s forwards, circlePin2 ease 3s 4.3s infinite;
              animation: circlePin ease 1s 1s forwards, circlePin2 ease 3s 4.3s infinite;
    }
    
    svg .circle1 {
      -webkit-animation: circlePin ease 1s 1.3s forwards, circlePin2 ease 3s 4.6s infinite;
              animation: circlePin ease 1s 1.3s forwards, circlePin2 ease 3s 4.6s infinite;
    }
    
    /*svg .pin {
      -webkit-animation: fadeDown ease 2s 1.6s forwards;
              animation: fadeDown ease 2s 1.6s forwards;
    }*/
    
    @-webkit-keyframes wheel {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      80% {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
      }
      100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
      }
    }
    
    @keyframes wheel {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      80% {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
      }
      100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
      }
    }
    @-webkit-keyframes circlePin {
      0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
      }
      100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
    @keyframes circlePin {
      0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
      }
      100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
    @-webkit-keyframes circlePin2 {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
      }
      50% {
        opacity: 0.4;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
      }
      100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
    @keyframes circlePin2 {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
      }
      50% {
        opacity: 0.4;
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
      }
      100% {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
    @-webkit-keyframes fadeDown {
      0% {
        opacity: 0;
        -webkit-transform: translate(41px, 0);
                transform: translate(41px, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate(41px, 8px);
                transform: translate(41px, 8px);
      }
    }
    @keyframes fadeDown {
      0% {
        opacity: 0;
        -webkit-transform: translate(41px, 0);
                transform: translate(41px, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate(41px, 8px);
                transform: translate(41px, 8px);
      }
    }
    
    @media screen and (max-width: 768px) {
      .text-map h3 {
          font-size: 100px;}
    }/* End custom CSS */