/*Historia*/
.history{
   .wrapperHstory{
      margin: 0px 45px;
      .historySlider{
         background: @color02;
         .inItem{
            padding: 0px;
            margin: 0;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            min-height: 40px;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
            font-size: 18px;
            &:hover, &.active{
               background: @color01;
							 color: @color01_type;
            }
            a{
               color: @color02_type;
               font-weight: bold;
               &:hover{
                  text-decoration: none;
               }
            }
						&:hover a, &.active a{
							 color: @color01_type;
            }
         }
      }
      .owl-theme {
         .owl-controls{
            margin-top: 0;
            text-align: center;
            /* Styling Next and Prev buttons */
            .owl-buttons {
               div{
                  display: inline-block;
                  zoom: 1;
                  margin:0;
                  padding:10px 17px;
                  font-size: 12px;
                  -webkit-border-radius:0;
                  -moz-border-radius: 0;
                  border-radius: 0;
                  background: @color02;
                  opacity: 1;
                  position: absolute;
                  height: 40px;
                  cursor: pointer;
                  &.owl-prev{
                    left: -45px;
                    top: 0; 
                    .icon-chevron-left {
                        width: 0; 
                        height: 0; 
                        border-top: 10px solid transparent;
                        border-bottom: 10px solid transparent; 
                        display: block;
                        border-right:10px solid @color01; 
                        margin: 0;
                    }
                  }
                  &.owl-next{
                    right: -45px;
                    top: 0;
                    .icon-chevron-right{
                           width: 0; 
                           height: 0; 
                           border-top: 10px solid transparent;
                           border-bottom: 10px solid transparent;
                           display: block;
                           border-left: 10px solid @color01;
                           margin:0;
                    }
                  }
               }
            } 
            /* Clickable class fix problem with hover on touch devices */
            /* Use it for non-touch hover action */
            &.clickable {
               .owl-buttons {
                  div{
                     &:hover{
                        filter: Alpha(Opacity=100);/*IE7 fix*/
                        opacity: 1;
                        text-decoration: none;
                     }
                  }
               }
            }
         }
      }
   }
   .headerPicture{ 
      width: 100%;  
   } 
   .teamsContent{
      background: darken(@bg,5%);
      .row{
         .data{
            padding: 40px 0;
            line-height: 60px;
            div, span{
               float: left;
            }
            .place{
               font-size: 28px;
               font-weight: bold;
               color: @bg_type;
               width: 7%;
            }
            .name{
               font-size: 60px;
               font-weight: bold;
               color: @bg_type;
               width: 60%;
            }
            .goals{
               font-size: 60px;
               font-weight: bold;
               color:@bg_dest_type;
               width: 10%;
            }
            .flag{
               padding: 2% 3% 0;
            }
            .circle{
               &.black{
                  color: @color01_type;
                  width: 38px;
                  height: 38px;
                  font-size: 22px;
                  line-height: 38px;
                  margin-top: 10px;
               }
               &.gray{
                  width: 55px;
                  height: 55px;
                  background: @bg;
                  box-shadow: 0 0 5px 0 darken(@bg, 30%);
                  margin-right: 0;
               }
               img{
                  margin: 0 auto;
                  padding: 14px 0 0;
               }
            }
         }
         &.firstPlace{
            border-bottom: 1px solid darken(@bg,20%);
         }
         &.secondPlace{
            border-top: 1px solid @bg;
         }
      }
   }
   &.maxSize-767 .teamsContent .row .data{
      .name{
         font-size: 40px;
         width: 50%;
      }
   }
	&.maxSize-479{	 
		.teamsContent .row .data{
			 padding: 20px 0;
			 line-height: 30px;
			 div, span{
					float: left;
			 }
			 .place{
					font-size: 18px;
					width: 10%;
					margin-left: 1%;
			 }
			 .name{
					font-size: 20px;
					width: 40%;
			 }
			 .goals{
					font-size: 30px;
					width: 8%;
			 }
			 .flag{
					padding: 1% 2% 0;
			 }
			 .circle{
					&.black{
						 width: 22px;
						 height: 22px;
						 font-size: 12px;
						 line-height: 22px;
						 margin-top: 1%;
					}
					&.gray{
						 width: 30px;
						 height: 30px;
						 img{
								padding: 7px 0 0;
								width: 45%;
						 }
					}
			 }
		}
	}
   &.ie8{
      a{
         outline: none;
         text-decoration: none;
         &:hover, &:focus{
            outline: none;
            text-decoration: none;
         }
      }
   }
}
/*Fin Historia*/