/* Coordinates */
.coordinates {
   .gameField {
      img{width: 100%;}
      white-space: nowrap;
      position: relative;
      margin: 38px 20px;
      z-index: 0;
      .publishBanner{
         position: absolute;
         left: 0;
         right: 0;
         margin: 0 auto;
         opacity: .53;
         height: 100%;
      }
      .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;
						.inc,.overInc{
							width:12px;
							height:12px;
							top:2px;
							left:4px;
							position:absolute;
							border-radius:50%;
							-webkit-border-radius: 50%;	
                     overflow: hidden;
                     .path{
                        z-index: 10;
                        &.diagRL{
                           background: @bg;
                           height: 100%;
                           left: 0;
                           position: absolute;
                           top: 0;
                           transform: rotate(45deg);
                           width: 40%;
                           right: 0;
                           margin: 0 auto;
                        }
                        &.diagLR{
                           background: @bg;
                           height: 100%;
                           left: 0;
                           position: absolute;
                           top: 0;
                           transform: rotate(-45deg);
                           width: 40%;
                           right: 0;
                           margin: 0 auto;
                        }
                        &.vert{
                           background: @bg;
                           height: 100%;
                           left:0;
                           position: absolute;
                           top: 0;
                           width: 40%;
                           right: 0;
                           margin: 0 auto;
                        }
                        &.horiz{
                           background: @bg;
                           height:40%;
                           position: absolute;
                           top: 33%;
                           width: 100%;
                        }
                        &.circ{
                           background: @bg;
                           height:50%;
                           position: absolute;
                           top: 25%;
                           width: 50%;
                           border-radius: 50%;
                           left: 0;
                           right: 0;
                           margin: 0 auto;
                        }
                        &.vshape{
                           background: @bg;
                           height:50%;
                           width: 50%;
                           left: 0;
                           position: absolute;
                           transform: rotate(45deg);
                           right: 0;
                           top: 25%;
                           margin: 0 auto;
                        }
                     }						
						}
						.overInc{
							-webkit-box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.4);
											box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.4);
						}
         }
         .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;
   }
   &.maxSize-479 {
      .gameField {
         margin: 15px 5px;
         .incidences {
            .point-home,.point-away{
               height:15px;
               width:12px;
               margin:-12px 0 0 -6px;
							 .inc,.overInc{
									width:8px;
									height:8px;
									top:1px;
									left:2px;						
								}
            }
            .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:30px;
               margin-top:-27px;
            }
         }
      }
      .mobileNavCoordinate{
         .navbar.mobile{
            .navbar-header{
               height: 37px;
            }
            .second-level{
               background: transparent;
               border-bottom: 0;
                 li {
                  &:last-child{
                     > a{
                        border-bottom: 0;
                     }
                  } 
                }
            }
            .dropdown-submenu {
               > .dropdown-menu{
                  border-radius: 0;
                  margin: 0;
                  padding: 0;
               }
            }
         }
      }
   }
   &.maxSize-767 {
      padding-bottom: 22px;
   }
   &.ie9{
      .gameField {
         .incidences {
            &.incHide{
               display: none;
               .point-home,.point-away{
                  display: none;
               }
            }            
            .point-home.newPoint, .point-away.newPoint{
               display: none;
            }   

            
         }
      }
   }
   &.ie8{
      .gameField {
         .incidences {
            .point-home {
               background-image: url('../images/ico_ie8_loc.png');
               &.goal{
                  background-image: url('../images/ico_ie8_loc_goal.png');
               }
            }
            .point-away {
               background-image: url('../images/ico_ie8_vis.png');
               &.goal{
                  background-image: url('../images/ico_ie8_vis_goal.png');
               }
            }
         }
      }
      &.maxSize-479 {
         .gameField {
            .incidences {
               .point-home {
                  background-image: url('../images/ico_ie8_loc_small.png');
                  &.goal{
                     background-image: url('../images/ico_ie8_loc_goal_small.png');
                  }
               }
               .point-away {
                  background-image: url('../images/ico_ie8_vis_small.png');
                  &.goal{
                     background-image: url('../images/ico_ie8_vis_goal_small.png');
                  }
               }
            }
         }
      }
   }
}

/* Fin Coordinates */