﻿/*@media screen and (min-width:320px) and (max-width:480px){body #team .player{width:280px;margin:0 0 70px}}
@media screen and (min-width:480px) and (max-width:672px){body #team .player{width:355px;margin:0 0 70px}}
@media screen and (min-width:673px) and (max-width:768px){body #team .player{width:280px;margin:0 15px 70px}}
@media screen and (min-width:769px) and (max-width:860px){body #team .player{width:355px;margin:0 12px 70px}}
@media screen and (min-width:861px) and (max-width:1024px){body #team .player{width:355px;margin:0 32px 70px}}
@media screen and (min-width:1025px) and (max-width:1200px){body #team .player{width:280px;margin:0 20px 70px}}
@media screen and (min-width:1201px) and (max-width:1320px){body #team .player{width:355px;margin:0 12px 70px}}
@media screen and (min-width:1321px) and (max-width:1500px){body #team .player{width:355px;margin:0 32px 70px}}
@media screen and (min-width:1500px) and (max-width:1600px){body #team .player{width:280px;margin:0 32px 70px}}
@media screen and (min-width:1601px) and (max-width:1720px){body #team .player{width:355px;margin:0 12px 70px}}
@media screen and (min-width:1721px){body #team .player{width:355px;margin:0 32px 70px}}*/
#team .player {
    float: left;
    position: relative;
}
#team  .wrapper_team{width:105%;}
#team .player {
    /*margin: 0 82px 40px 0;*/
    margin: 0 82px 0px 0;
    width: 260px;
}
#team #matthias.player .face.color1 {
    background-image: url("../images/top_bg.png"), url("../images/bottom_bg.png"), url("../images/mask-1-color1.png"), url("../images/mask-2-color1.png"), url("../images/mn.jpg");
}
#team #matthias.player .face {
    background-image: url("../images/top_bg.png"), url("../images/bottom_bg.png"), url("../images/mask-1.png"), url("../images/mask-2.png"), url("../images/mn.jpg");
}
#team .player .face {
    background-position: 185px -30px, 63px 265px, 0 0px, 0 0px, 5px 5px;
    background-repeat: no-repeat;
    height: 260px;
    /*margin: 0 0 20px;*/
    margin: 0 0 5px;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 250px;
}
#team .player .face:hover{background-position:170px 0,73px 235px,5px -5px,-5px 5px,5px 5px}
#team .player .face:hover .particles{transform-style:preserve-3d;-ms-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
#team .player .face .particles {
    height: 260px;
    opacity: 0;
    position: absolute;
    transform: scale(0);
    transform-style: preserve-3d;
    transition: all 0.5s ease 0s;
    width: 260px;
}
#team .player .face .particles img {
    height: 260px;
    position: absolute;
    top: 0;
    width: 260px;
}

#team .player .player_presentation {
    height: 16px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#team .player .player_presentation p {
    color: #696969;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif; 
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
#team .player .player_presentation p a{
    color:#939392;
}
#team .player .player_presentation p a:hover{
    color:#789C48;
    font-weight:bold;
}
#team .player .player_presentation p span {
    color: #000000;
    font-weight: 400;
    margin: 0 5px 0 0;
}
#team .player .player_text {
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}
#team .player .player_text p {
    color: #361E1E;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
}