.ag_links .swiper-container{
    padding-bottom:40px;
}

.ag_links ul li{
  text-align:left;
  padding:15px 0;
  border-top:1px solid #ddd;
  transition: all 0.3s ease, background-position 1ms;
  padding-left:0;
}

.ag_links ul li:first-child{
   border-top:none;
}         

.ag_links ul li a{
  display:block;

}

.ag_links ul li:hover{
  padding-left:15px;
}









.ag_links{
    text-align:center;
}



.ag_links .element .wrap{    
          position:relative;
          padding-bottom:85px !important;
}

.ag_links .element .wrap .button{
      position:absolute !important;
      
      bottom:25px !important;
      
      display:inline-block !important;
 
      width:80%;
      text-align:center !important;
      margin:auto !important;
      left: 0;
      right: 0;
}



.ag_links .element{
    margin-top:40px; 
    margin-top:0px;     
    padding-bottom:20px;
    padding-top:30px;
    display:block;
}

.ag_links .no-swipe a.element:hover{
    transform: perspective(1px) translateZ(0);
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, 1; /*infinite*/
    animation-direction: normal, alternate;
    animation-fill-mode: forwards;

    animation-name: hvr-f, hvr-fb;
}


.ppp .ag_links .no-swipe a.element:hover{
    background-color:#fff;
    border-radius:25px;
}


@keyframes hvr-fb {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes hvr-f {
  100% {
    transform: translateY(-10px);
    box-shadow: 0px 23px 39px -46px rgba(66, 68, 90, 1);
    box-shadow: 0px 14px 38px -33px rgba(66, 68, 90, 1);
    box-shadow: 0px 14px 35px -27px rgba(66, 68, 90, 1);
    //border:1px solid red;
    //background-color: rgba(0, 0, 0, 0.01);
  }
}




.ag_links .element .signet, .ag_links .element .button{

}

.ag_links a.element:hover .signet, .ag_links a.element:hover .button{
  transition-duration: 0.7s;
  background-color: #131e29 !important;
}



.ag_links .signet.double .image.first{
    transition-duration: 0.7s;
    z-index:100;
}

.ag_links .signet.double .image.second{
    transition-duration: 0.7s;
    z-index:99;
}


.ag_links .element:hover .signet.double .image.first{
  opacity:0;
}




.ag_links .element:hover .signet.double i.first{
  opacity:0;
}

.ag_links .element:hover .signet.double i.second{
  opacity:1;
}
















.ag_links .signet{
    display: inline-block;
    text-align:center;
    color:white;
    margin-bottom:20px;
    background-size:cover;
}

.ag_links .signet .image{
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-position: center;
    top:0;
    left:0;
}

.ag_links .signet.with-image{
   background-color:transparent !important;
}

.ag_links .button{
    margin-right:0;
}






.ag_links.small .signet{
    width: 80px;
    height: 80px;
    font-size:35px;
    line-height:80px;
}

.ag_links.big .signet{
    width: 160px;
    height: 160px;
    font-size:45px;
    line-height:160px;
}




.ag_links.diamond .signet{
    background-size:cover;
    transform: rotate(45deg);
    overflow:hidden;
}

.ag_links.diamond .signet .image{
    width:140%;
    margin-left:-20%;
    height:140%;
    margin-top:-20%;
    transform: rotate(-45deg); 
}

.ag_links.diamond .signet i{
    transform: rotate(-45deg);  
}


.ag_links.big.diamond .signet{
    margin-bottom:45px;
    margin-top:45px;
}

.ag_links.small.diamond .signet{
    margin-bottom:15px;
    margin-top:15px;
}






.ag_links.round .signet{
    background-size:cover;
    border-radius: 50%;
    position:relative;
    overflow: hidden;
}


.ag_links.square .signet{
    background-size:cover;
    position:relative;
}


.ag_links.full .signet{
    background-size:cover;
    width:100%;
    height:0;
    padding-top:60%;
    position:relative;
}






.ag_links.left .signet{
  position:absolute;
  left:25px;
}

.ag_links.left.diamond .signet{
  left:20px;
}


.ag_links.right .signet{
  position:absolute;
  right:25px;
}

.ag_links.right.diamond .signet{
  right:20px;
}





.ag_links.left.diamond.small .signet{
  margin-right:30px;
  margin-left:30px;
}

.ag_links.right.diamond.small .signet{
  margin-right:30px;
  margin-left:30px;
}

.ag_links.left.diamond.big .signet{
  margin-right:50px;
  margin-left:50px;
}

.ag_links.right.diamond.big .signet{
  margin-right:50px;
  margin-left:50px;
}




.ag_links.left .element{
    padding-left:160px;
}

.ag_links.right .element{
    padding-right:160px;
}


.ag_links.left.big .element{
    padding-left:200px;
}

.ag_links.right.big .element{
    padding-right:200px;
}


.ag_links.left.big.diamond .element{
    padding-left:280px;
}

.ag_links.right.big.diamond .element{
    padding-right:280px;
}


@media (max-width: 992px){
/*
.ag_links.big.diamond .element{
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.ag_links.big.diamond .element .signet{
    display:inline-block !important;
    position:relative !important;
    float:none !important;
    margin-left: 0 !important;
    margin-right:0 !important;
    left:0;
    right:0;
}
*/

.ag_links.big.left .element, .ag_links.big.right .element{
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.ag_links.big.left .element .signet, .ag_links.big.right .element .signet{
    display:inline-block !important;
    position:relative !important;
    float:none !important;
    margin-left: 0 !important;
    margin-right:0 !important;
    left:0;
    right:0;
}


}