html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}



@font-face {
  font-family: "Lato-Medium";
 src: url("../font/Lato-Medium.ttf"); 
}
@font-face {
  font-family: "Lato-Regular";
 src: url("../font/Lato-Regular.ttf"); 
}
@font-face {
  font-family: "Lato-Light";
 src: url("../font/Lato-Light.ttf"); 
}

.map-locations{
  height: 430px;
  width: 880px;
  margin:50px auto 0;
 
}

  .map-locations-left{
    float:left;
    width:340px;
    height: 430px;
    
  }
    .map-locations-left-1{
      float:left;
      width:340px;
      height: 155px;
      
    }
    .map-locations-left-2{
      float:left;
      width:340px;
      height: 50px;
      
    }
    .map-locations-left-3{
      float:left;
      width:340px;
      /* height: 430px; */
      
  }

  .map-locations-right{
    float:right;
    width:505px;
    height:430px;
    
  }
    .map-locations-right-1{
      float:left;
      width: 190px;
      height: 200px;
      
    }
    .map-locations-right-2{
      float:left;
      width:280px;
      height:190px;
      
    }
    .map-locations-right-3{
      float:left;
      width:505px;
      height:230px;
      
    }
    
    .map-locations-canada{
      float:left;
      width:15px;
      height:15px;
      margin: 120px 0 0 140px;
    }
    
    .map-locations-america{
      float:left;
      width:15px;
      height:15px;
      margin: 20px 0 0 160px;
    }
    .map-locations-mexico{
      float:left;
      width:15px;
      height:15px;
      margin: 65px 0 0 -18px;
    }
    
    .map-locations-equador{
      float:left;
      width:15px;
      height:15px;
      margin: 93px 0 0 223px;
    }
    .map-locations-peru{
      float:left;
      width:15px;
      height:15px;
      margin: 127px 0 0 -5px;
    }
    
    .map-locations-chile{
      float:left;
      width:15px;
      height:15px;
      margin: 200px 0 0 -12px;
    }
    .map-locations-columbia{
      float:left;
      width:15px;
      height:15px;
      margin: 72px 0 0 -7px;
    }
    .map-locations-argentina{
      float:left;
      width:15px;
      height:15px;
      margin: 198px 0 0 0;
    }
    .map-locations-brazil{
      float:left;
      width:15px;
      height:15px;
      margin: 140px 0 0 0;
    }
  

    .map-locations-spaine{
      float:left;
      width:15px;
      height:15px;
      margin: 175px 0 0 25px;
    }
    .map-locations-england{
      float:left;
      width:15px;
      height:15px;
      margin: 134px 0 0 -8px;
    }
    .map-locations-france{
      float:left;
      width:15px;
      height:15px;
      margin: 150px 0 0 -9px;
    }
    .map-locations-germany{
      float:left;
      width:15px;
      height:15px;
      margin: 142px 0 0 0px;
    }
    .map-locations-ukraine{
      float:left;
      width:15px;
      height:15px;
      margin: 145px 0 0 50px;
    }

    
    .map-locations-russia{
      float:left;
      width:15px;
      height:15px;
      margin: 100px 0 0 80px;
    }
    
    .map-locations-africa{
      float:left;
      width:15px;
      height:15px;
      margin: 45px 0 0 80px;
    }
    
    .map-locations-southafrica{
      float:left;
      width:15px;
      height:15px;
      margin: 180px 0 0 0;
    }
    .map-locations-thailand{
      float:left;
      width:15px;
      height:15px;
      margin: 42px 0 0 173px;
    }
    .map-locations-china{
      float:left;
      width:15px;
      height:15px;
      margin: 0 0 0 15px;
    }
    .map-locations-australia{
      float:left;
      width:15px;
      height:15px;
      margin: 180px 0 0 0px;
    }
  

.popbox {
 /*  margin:0px auto; */
 /*  text-align:center; */
  position:relative;  
}
  .popbox a img{
  visibility: hidden;
}
.fadeIn{
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn; 

  animation-duration: 0.7s; 
  -webkit-animation-duration: 0.7s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   
  visibility: visible !important;
}

  @keyframes fadeIn {
    0% {
      transform: scale(0);
      opacity: 0.0;   
    }
    60% {
      transform: scale(1.1);  
    }
    80% {
      transform: scale(0.9);
      opacity: 1; 
    } 
    100% {
      transform: scale(1);
      opacity: 1; 
    }   
  }

  @-webkit-keyframes fadeIn {
    0% {
      -webkit-transform: scale(0);
      opacity: 0.0;   
    }
    60% {
      -webkit-transform: scale(1.1);
    }
    80% {
      -webkit-transform: scale(0.9);
      opacity: 1; 
    } 
    100% {
      -webkit-transform: scale(1);
      opacity: 1; 
    }   
  }

  .collapse { position:relative; }

  .open {
   
  }




    .box {
      display:block;
      display:none;
      width: 270px;
      /* height: 175px; */
      background:#FFF;
     /*  border:solid 1px #BBBBBB; */
      border-radius:5px;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
      position:absolute;
      z-index: 1;
      padding-bottom: 20px;
    }

    .box h2{
      color: #0077b2;
      font-size: 18px;
      font-family: "Lato-Medium";
      text-align:center;
      padding: 13px 0 0 0;
    }

    .box img{
      width: 270px;
    }

    .map-help-web{
      display:inline-block;
      margin: 17px 0 0 14px;
    }

    .map-help-web img{
      float:left;
      width:26px;
      height: 20px;
    }
    .map-help-web a{
      display: inline-block;
      color: #3d3d3d;
      font-size: 14px;
      font-family: "Lato-Regular";
      text-decoration: underline;
      margin-left:10px;
    }

    .map-help-email{
      display:inline-block;
      margin: 17px 0 0 14px;
    }

    .map-help-email img{
      float:left;
      width:22px;
      height: 21px;
    }
    .map-help-email p{
      display: inline-block;
      color: #3d3d3d;
      font-size: 14px;
      font-family: "Lato-regular";
      margin-left:14px;
      padding:0;
    }

    .map-help-phone{
      display:inline-block;
      margin: 17px 0 0 18px;
    }

    .map-help-phone img{
      float:left;
      width:18px;
      height:18px;
    }
    .map-help-phone p{
      display: inline-block;
      color: #3d3d3d;
      font-size: 14px;
      font-family: "Lato-Light";
      margin-left:14px;
      padding:0;
    }


      /* .box a.close {
       color:red;
       font-size:12px;
       font-family:arial;
       text-decoration:underline;
      } */

      .arrow {
      	width: 0;
      	height: 0;
      	border-left: 6px solid transparent;
      	border-right: 6px solid transparent;
      	border-top: 6px solid #FFF;
      	position:absolute;
      	left:1px;
      	bottom:-6px;
      	z-index:1001;
      }

      /* .arrow-border {
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #BBBBBB;
        position:absolute;
        top:-12px;
        z-index:1000;
      }
       */