iframe#ia_amigos {
  display:none;
}
#ask_for_help,#yurdey_offer
{
    z-index: 99999!important;
    height:-webkit-fill-available;
    width:100%;
    z-index:9000;
    position:absolute;
    top:0px;
    text-align:center;
    background-color:#F7F7F7;
    overflow:scroll;
}
 #ask_for_help a
 ,#yurdey_offer a
 {
     color:#ffb606;
     text-decoration:underline;
 }
 #ask_for_help a:hover
 ,#yurdey_offer a:hover
 {
     color:#000;
 }
 #ask_for_help span.close
 ,#yurdey_offer span.close
{
    position: absolute;
 top: 5px;
 right: 25px;
 z-index: 9000;
 font-size: 24px;
 color: darkgrey;
    cursor:pointer;
}
#ask_for_help .image
 ,#yurdey_offer .image
{
    max-height: 50%;
    vertical-align:bottom 
}
 
#ask_for_help img.collab_record
{
    width: 400px; 
    position:relative;
    cursor: pointer;
}
#ask_for_help div.message
 ,#yurdey_offer div.message
{
    display: inline-block;
 background-color: #fff;
 border-radius: 25px;
 height:auto;
 padding: 20px;
 max-width: 50%;
 text-align:center;
}
 
 #ask_for_help div.message h2
 ,#yurdey_offer div.message h2
{
    color:#ffb606;
 }
 #ask_for_help div.message p
 ,#yurdey_offer div.message p
 {
     max-width: 60%;
     margin-left: auto;
     margin-right: auto;
 }
 
 #ask_for_help div.message object
 ,#yurdey_offer div.message p object
{
    width:100%;
    height:290px;
}

#adBanner {
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 999999!important;
    max-width: 100%;
    position: fixed;
    top: 50%;
    width: 320px;
    height: 180px;
    transition: left 1.5s;
}
.adBanner-rs {
    right: -310px;
    border-radius: 10px 0 0 10px;
    transition: right 1.5s!important;
    }


#adBanner.ask_for_help {
    width: 85%;
    height: 100%;
    top: 0px;
    }

    #adBanner.ask_for_help:hover, #adBanner.ask_for_help:active
	{
		right:0px!important;
		width:85%;
		height:100%;
	}

#adBanner.ask_for_help.adBanner-rs {
    right: calc(-85vw + 10px);
    }
    
    #adBanner.ask_for_help span.ribbon-br {
        top: 30%;
        }

        .ribbon-br {
            width: 30px;
            font-size: 14px;
            padding: 4px;
            position: absolute;
            left: -26px;
            top: 75px;
            text-align: center;
            border-radius: 5px;            
            background-color: #ff9800;
            color: white;
            }
            /* .ribbon-br {
            width: 160px;
            font-size: 14px;
            padding: 4px;
            position: absolute;
            left: -85px;
            top: 75px;
            text-align: center;
            border-radius: 25px;
            transform: rotate(90deg);
            background-color: #ff9800;
            color: white;
            }*/
    

 @media only screen and (min-width: 800px) and (orientation: landscape) {	
      #ask_for_help .image
     /*,#yurdey_offer img*/
    {
        bottom: 0px;
         position: absolute;
         left: 0px;         
    }
 }

 @media only screen and (min-height: 768px) /*ipad pro portrait*/ {	
  #ask_for_help .image
  /*,#yurdey_offer .image*/
  {
      max-height: 40%!important;
  }
}

 @media only screen and (max-width: 650px) {	
     #ask_for_help div.message
     ,#yurdey_offer div.message
     {
         max-width: 90%!important;
         max-height:430px;
     }
     #ask_for_help div.message object
    {
     height:240px;
    }
     #ask_for_help .image
     ,#yurdey_offer .image
    {
        max-width: 80%;
        max-height:25%;
    }
     #ask_for_help img.collab_record
    {
        max-height: 200px!important; 
        width:90%;
    }
     #ask_for_help div.message h4
     ,#yurdey_offer div.message h4
     {
         font-size: 14px;
         margin-bottom: 5px;
     }
 }

 /* XXXX */
 #idioma_amigos_team_container{
	max-width:100%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}
 a {
    color: #fff;
    text-decoration: none;
  }
  
  .slider
  {
    display:inline;
  }
  .swiper-wrapper{
    /*transform:translate3d(100px, -60px, 0px)!important;*/
    transition-duration: 0ms;
    transition-delay: 0ms;
    display: inline-block;    
    max-height: inherit;
    transform: none!important;
  }

  .people__name {
    margin-bottom: 10px;
  }
  .people__position {
    margin-bottom: 15px;
    font-size: 14px;
    color: darkgrey;
  }

  .people__btn {
    display: inline-flex;
    a {      
      background-color: #ffbb33;
      color: #fff!important;
      border-radius: 10px;
      padding: 10px 20px;
      border: solid 1px #fff;
      transition: 0.25s;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      text-decoration: none!important;
      &:hover {
        background-color: #fff;
        color: #ffbb33!important;
        border-color: #ffbb33;
      }
    }
  }
  
  .people__slide {
    transform: scale(0.75);
    .swiper-slide {
      width: 297px;
      padding: 30px 0;
      /*transform: scale(0.75);*/
      transition: 0.3s;
      .people__card {
        display: flex;
        flex-flow: column;
        align-items: center;
        width: 276px;
        padding: 25px 30px 30px;
        border-radius: 48px;
        background: linear-gradient(
          135deg,
          hsl(25 98% 70%),
          hsl(23.9645 96.8689% 69.7096%),
          hsl(21.0027 93.4957% 68.9107%),
          hsl(16.5084 88.0997% 67.7756%),
          hsl(11.099 81.428% 66.5035%),
          hsl(5.69633 74.8663% 65.3092%),
          hsl(1.56759 70.0643% 64.439%),
          hsl(0.00000265346 68.306% 64.1176%)
        );
        transition: 0.3s;
        .people__image {
          position: relative;
          padding: 4px;
          width: 150px;
          height: 150px;
          margin-bottom: 15px;
          overflow: hidden;
          border-radius: 100%;
          border: 5px solid rgba(#fff, 0.5);
          img {
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 50%!important;
            width: 100%;
            transform: translate(-50%, -50%);
          }
        }
        .people__info {
          display: flex;
          flex-flow: column;
          align-items: center;
        }
        .people__social {
          list-style: none;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px;
          padding-left: 0;
          li {
            padding: 0 5px;
            a {
              padding: 5px;
              color: #fff;
            }
          }
        }
        .people__name {
          margin-bottom: 10px;
        }
        .people__position {
          margin-bottom: 15px;
          font-size: 14px;
          color: #fff;
        }
        .people__desc {
          margin-bottom: 20px;
          font-size: 13px;
          line-height: 1.4;
          color: #fff;
          text-align: center;
        }
        .people__btn {
          display: inline-flex;
          a {
            color: #fff!important;
            border-radius: 10px;
            padding: 10px 20px;
            border: solid 1px #fff;
            transition: 0.25s;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            text-decoration: none!important;
            &:hover {
              background-color: transparent;
              color: #e26565!important;
            }
          }
        }
      }
      &.swiper-slide-active {
        animation-name: elastic1;
        animation-duration: 0.6s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
      }
      &.swiper-slide-active {
        animation-name: elastic1_sp;
      }
      &:nth-child(even) .people__card {
        transform: rotate(-5deg);
      }
      &:nth-child(odd) .people__card {
        transform: rotate(5deg);
      }
    }
  }
  @keyframes elastic1 {
    0% {
      transform: scale(1);
    }
  
    40% {
      transform: scale(1.4);
    }
  
    55% {
      transform: scale(1.27);
    }
  
    70% {
      transform: scale(1.36);
    }
  
    85% {
      transform: scale(1.31);
    }
  
    100% {
      transform: scale(1.33);
    }
  }
  
  @keyframes elastic1_sp {
    0% {
      transform: scale(0.75);
    }
  
    40% {
      transform: scale(1.05);
    }
  
    55% {
      transform: scale(0.95);
    }
  
    70% {
      transform: scale(1.02);
    }
  
    85% {
      transform: scale(0.98);
    }
  
    100% {
      transform: scale(1);
    }
  }