/* 
==========================================================================
   SECCION : CONTACTO
==========================================================================
*/
.pines{
    list-style:none;
    width:855px;
    height:480px;
    /*background:rgba(0,0,0,0.3);*/
    position:relative;
    z-index:999;
    /*top: 14px;
    right: 103px;*/
    margin:0;
    padding:0;
    background:url(../images/mapa.jpg)no-repeat top center;
}
.pines li{
    position:absolute;
    width:16px;
    height:16px;
    display:block;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.66);
}
.pines li:first-child{/*EUA*/
	top: 140px;
    left: 180px;
    background:#fc0d1b;
}
/*.pines li:nth-child(2){
	top: 100px;
    left: 170px;
    background:#277c2b;
}*//*Canada*/
.pines li:nth-child(2){/*China*/
	top: 160px;
    left: 650px;
    background:#19a0c4;
}
.pines li:nth-child(3){/*Malasia*/
	top: 225px;
    left: 645px;
    background:#f11d6d;
}
/*.pines li:nth-child(5){
	top: 135px;
    left: 400px;
    background:#490d7b;
}*//*España*/
.delay-0{animation-delay: 0;transition-delay: 0;}
.delay-1{animation-delay: 0.2s;transition-delay: 0.2s;}
.delay-2{animation-delay: 0.4s;transition-delay: 0.4s;}
.delay-3{animation-delay: 0.6s;transition-delay: 0.6s;}
.delay-4{animation-delay: 0.8s;transition-delay: 0.8s;}

.pin{
    position:relative;
    top: 3px;
    width:16px;
    height:16px;
    display:inline-block;
    margin:2px 10px 0 0;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.66);
}
#pin-eua{/*EUA*/
    background:#fc0d1b;
}
#pin-canada{/*Canada*/
    background:#277c2b;
}
#pin-china{/*China*/
    background:#19a0c4;
}
#pin-malasia{/*Malasia*/
    background:#f11d6d;
}
#pin-espana{/*España*/
    background:#490d7b;
}


/* 
==========================================================================
   QUERIES
==========================================================================
*/
@media screen and (min-width: 1200px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 991px){
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 480px){
}