/* Coordinates */
.coordinates {
   .gameField {
      img{width: 100%;}
      white-space: nowrap;
      position: relative;
      margin: 50px 20px;
      .incidences {
         position: absolute; 
         width: 55.5%; 
         height: 82.8%; 
         top: 5%; 
         left: 22.5%;
         .point-home, .point-away{
            position: absolute;
            height:25px;
            width:20px;
            margin:-20px 0 0 -10px;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-position: center top, center bottom;
            background-repeat: no-repeat;

         }
         .point-home {
            background-image: url('../images/ico_disparos_loc.png'), url('../images/ico-shadow.png');
            &.goal{
               background-image: url('../images/ico_disparos_loc.png'), url('../images/ico-mark-gol.png');

            }
         }
         .point-away {
            background-image: url('../images/ico_disparos_vis.png'), url('../images/ico-shadow.png');
            &.goal{
               background-image: url('../images/ico_disparos_vis.png'), url('../images/ico-mark-gol.png');
            }
         }
         &.incHide .point-home, &.incHide .point-away, .point-home.newPoint, .point-away.newPoint{
            .opacity(0);
            pointer-events:none;
            height:65px;
            margin-top:-60px;

         }

      }
      &:after, &:before{
         content:"";
         position:absolute;
         z-index:-2;
         bottom:15px;
         left:10px;
         width:50%;
         height:7%;
         max-width:300px;
         -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
         -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
         box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
         -webkit-transform:rotate(-3deg);
         -moz-transform:rotate(-3deg);
         -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
         transform:rotate(-3deg);
      }
      &:after{
         right:10px;
         left:auto;
         -webkit-transform:rotate(3deg);
         -moz-transform:rotate(3deg);
         -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
         transform:rotate(3deg);
      }
   }

   .contentCoordinates{
      position: relative;
      top: 38px;
      margin-bottom: 22px;
   }
   @media only screen and (max-width: 520px) {
      .gameField {
         margin: 15px 5px;
         .incidences {
            .point-home,.point-away{
               height:15px;
               width:12px;
               margin:-12px 0 0 -6px;
            }
            .point-home {
               background-image: url('../images/ico_disparos_loc_p.png'), url('../images/ico-shadow-small.png');
               &.goal{
                  background-image: url('../images/ico_disparos_loc_p.png'), url('../images/ico-mark-gol-small.png');
               }
            }
            .point-away {
               background-image: url('../images/ico_disparos_vis_p.png'), url('../images/ico-shadow-small.png');
               &.goal{
                  background-image: url('../images/ico_disparos_vis_p.png'), url('../images/ico-mark-gol-small.png');
               }
            }
            &.incHide .point-home, &.incHide .point-away{
               height:230px;
               margin-top:-27px;
            }
         }
      }
   }
   @media (max-width: @xs) {
      padding-bottom: 22px;
   }
}
/* Fin Coordinates */