@keyframes Rotaty-in {
     from {
         transform:rotate(0deg) 
    }
     to {
         transform: rotate(180deg) 
    }
}
@keyframes FadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes FadeOut {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @keyframes Rotaty {
     from {
         transform:rotate(0deg) 
    }
     to {
         transform: rotate(90deg) 
    }
}
 @keyframes RotatyOut {
     100% {
         transform: rotate(90deg) 
    }
}
 #content {
     padding-left: 370px;
}
 .box {
     aspect-ratio: 1/1;
     width: 25%;
     position: relative;
     overflow:hidden;
     float: left;
     margin: 0;
     padding: 0;
}
 @media only screen and (max-width : 1024px){
     .box {
         width: 50%;
		 
    }
	 .list-team > .box {
		 width: 50%;
	 }
}
 .sq_1, .sq_2, .sq_3, .sq_4, .sq_10, .sq_20, .sq_30, .sq_40, .tp_1, .tp_2, .tp_3, .tp_4 {
     aspect-ratio: 1/1;
     width: 50%;
     position: absolute;
     overflow:hidden;
     background-repeat: repeat;
     margin: 0;
     padding: 0;
}
.tp_1, .tp_2, .tp_3, .tp_4 {
   transition: all .4s ease-out;
}


 @supports not (aspect-ratio: 1/1) {
     .sq_1::before, .sq_2::before, .sq_3::before, .sq_4::before, .sq_10::before, .sq_20::before, .sq_30::before, .sq_40::before,
     .tp_1::before, .tp_2::before, .tp_4::before, .tp_4::before{
         float: left;
         padding-top: 100%;
         content: "";
    }
     .sq_1::after, .sq_2::after, .sq_3::after, .sq_4::after, .sq_10::after, .sq_20::after, .sq_30::after, .sq_40::after,
     .tp_1::after, .tp_2::after, .tp_3::after, .tp_4::after{
         display: block;
         content: "";
         clear: both;
    }
     .box::before {
         float: left;
         padding-top: 100%;
         content: "";
    }
     .box::after {
         display: block;
         content: "";
         clear: both;
    }
}
 .sq_1, .sq_10, .tp_1 {
     left:0;
     top:0;
}
 .sq_2, .sq_20, .tp_2 {
     right:0;
     top:0;
}
 .sq_3, .sq_30, .tp_3 {
     left:0;
     bottom:0;
}
 .sq_4, .sq_40, .tp_4 {
     right:0;
     bottom:0;
}
 .ba_10, .ba_20, .ba_30, .ba_40, .pe_10, .pe_20, .pe_30, .pe_40 {
     height: 101%;
     width: 101%;
     position: absolute;
     overflow:hidden;
     background-repeat: repeat;
     margin: 0;
     padding: 0;
}
 .ba_10, .ba_20, .ba_30, .ba_40 {
     height: 101%;
     width: 101%;
}
 .pe_10 {
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 .pe_20 {
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 .pe_30 {
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 .pe_40 {
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 .pe_10, .pe_20, .pe_30, .pe_40 {
     background-image:var(--white);
}


 .people-bn {
     z-index:100;
     position: absolute;
     overflow: hidden;
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
     transition: all 0.5s ease;
}
 .people-bn img{
     width:100%;
     max-width: 100% 
}

 .people-bn {
     z-index:5;
}
 .tp_1, .tp_2, .tp_3, .tp_4 {
     z-index:20;
     background-image:var(--blank);
     opacity:0;
}

 .sq_1, .sq_2, .sq_3, .sq_4 {
     z-index:10;
     background-image:var(--blank);
}
 .sq_10, .sq_20, .sq_30, .sq_40 {
     z-index:1;
     background-image:var(--blank);
}

 #box_1 .sq_2, #box_9 .sq_2, #box_17 .sq_2, #box_25 .sq_2, #box_33 .sq_2, #box_41 .sq_2, #box_49 .sq_2, #box_57 .sq_2, #box_65 .sq_2, #box_73 .sq_2 {
     background-image: var(--grey);
}
 #box_1 .sq_3, #box_9 .sq_3, #box_17 .sq_3, #box_25 .sq_3, #box_33 .sq_3, #box_41  .sq_3, #box_49 .sq_3, #box_57 .sq_3, #box_65 .sq_3, #box_73 .sq_3 {
     background-image: var(--blank);
}
 #box_1 .sq_20, #box_9 .sq_20, #box_17 .sq_20, #box_25 .sq_20, #box_33 .sq_20, #box_41 .sq_20, #box_49 .sq_20, #box_57 .sq_20, #box_65 .sq_20, #box_73 .sq_20 {
     background-image: var(--grey);
}





 #box_1 .ba_10, #box_9 .ba_10, #box_17 .ba_10, #box_25 .ba_10, #box_33 .ba_10, #box_41 .ba_10, #box_49 .sq_10, #box_57 .sq_10, #box_65 .sq_10, #box_73 .sq_10 {
     background-image:var(--red);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_1 .ba_20, #box_9 .ba_20, #box_17 .ba_20, #box_25 .ba_20, #box_33 .ba_20, #box_41 .ba_20, #box_49 .ba_20, #box_57 .ba_20, #box_65 .ba_20, #box_73 .ba_20 {
     background-image: var(--white);
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_1 .ba_30, #box_9 .ba_30, #box_17 .ba_30, #box_25 .ba_30, #box_33 .ba_30, #box_41 .ba_30, #box_49 .ba_30, #box_57 .ba_30, #box_65 .ba_30, #box_73 .ba_30 {
     background-image: var(--green);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_1 .ba_40, #box_9 .ba_40, #box_17 .ba_40, #box_25 .ba_40, #box_33 .ba_40, #box_41 .ba_40, #box_49 .ba_40, #box_57 .ba_40, #box_65 .ba_40, #box_73 .ba_40 {
     background-image: var(--white);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_2 .sq_3, #box_10 .sq_3, #box_18 .sq_3, #box_26 .sq_3, #box_34 .sq_3, #box_42 .sq_3, #box_50 .sq_3, #box_58 .sq_3, #box_66 .sq_3, #box_74 .sq_3 {
     background-image: var(--white);
}
 #box_2 .sq_30, #box_10 .sq_30, #box_18 .sq_30, #box_26 .sq_30, #box_34 .sq_30, #box_42 .sq_30, #box_50 .sq_30, #box_58 .sq_30, #box_66 .sq_30, #box_74 .sq_30 {
     background-image: var(--white);
}
 #box_2 .ba_10, #box_10 .ba_10, #box_18 .ba_10, #box_26 .ba_10, #box_34 .ba_10, #box_42 .ba_10, #box_50 .ba_10, #box_58 .ba_10, #box_66 .ba_10, #box_74 .ba_10{
     background-image:var(--blue);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_2 .ba_20, #box_10 .ba_20, #box_18 .ba_20, #box_26 .ba_20 , #box_34 .ba_20 , #box_42 .ba_20, #box_50 .ba_20, #box_58 .ba_20, #box_66 .ba_20, #box_74 .ba_20   {
     background-image: var(--green);
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_2 .ba_30, #box_10 .ba_30, #box_18 .ba_30, #box_26 .ba_30, #box_34 .ba_30, #box_42 .ba_30, #box_50 .ba_30, #box_58 .ba_30, #box_66 .ba_30, #box_74 .ba_30 {
     background-image: var(--blank);
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_2 .ba_40, #box_10 .ba_40, #box_18 .ba_40, #box_26 .ba_40, #box_34 .ba_40, #box_42 .ba_40, #box_50 .ba_40, #box_58 .ba_40, #box_66 .ba_40, #box_74 .ba_40 {
     background-image: var(--blue);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_3 .sq_1, #box_11 .sq_1, #box_19 .sq_1, #box_27 .sq_1, #box_35 .sq_1, #box_43 .sq_1, #box_51 .sq_1, #box_59 .sq_1, #box_67 .sq_1, #box_75 .sq_1{
     background-image: var(--blank);
}
 #box_3 .sq_3, #box_11 .sq_3, #box_19 .sq_3, #box_27 .sq_3, #box_35 .sq_3, #box_43 .sq_3, #box_51 .sq_3, #box_59 .sq_3, #box_67 .sq_3, #box_75 .sq_3{
     background-image: var(--red);
}
 #box_3 .sq_4, #box_11 .sq_4, #box_19 .sq_4, #box_27 .sq_4 , #box_35 .sq_4 ,#box_43 .sq_4, #box_51  .sq_4, #box_59  .sq_4, #box_67  .sq_4, #box_75  .sq_4{
     background-image: var(--white);
}
 #box_3 .sq_10, #box_11 .sq_10, #box_19 .sq_10, #box_27 .sq_10, #box_35 .sq_10, #box_43 .sq_10, #box_51 .sq_10, #box_59 .sq_10, #box_67 .sq_10, #box_75 .sq_10{
     background-image: var(--white);
}
 #box_3 .sq_30, #box_11 .sq_30, #box_19 .sq_30, #box_27 .sq_30, #box_35 .sq_30, #box_43 .sq_30, #box_51 .sq_30, #box_59 .sq_30, #box_67 .sq_30, #box_75 .sq_30{
     background-image: var(--red);
}
 #box_3 .sq_40, #box_11 .sq_40, #box_19 .sq_40, #box_27 .sq_40, #box_35 .sq_40, #box_43 .sq_40, #box_51 .sq_40, #box_59 .sq_40, #box_67 .sq_40, #box_75 .sq_40{
     background-image: var(--white);
}
 #box_3 .ba_10, #box_11 .ba_10, #box_19 .ba_10, #box_27 .ba_10, #box_35 .ba_10, #box_43 .ba_10, #box_51 .ba_10, #box_59 .ba_10, #box_67 .ba_10, #box_75 .ba_10{
     background-image: var(--red);
     top:101%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_3 .ba_20, #box_11 .ba_20, #box_19 .ba_20, #box_27 .ba_20, #box_35 .ba_20, #box_43 .ba_20, #box_51 .ba_20, #box_59 .ba_20, #box_67 .ba_20, #box_75 .ba_20{
     background-image: var(--blue);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_3 .ba_30, #box_11 .ba_30, #box_19 .ba_30, #box_27 .ba_30, #box_35 .ba_30, #box_43 .ba_30, #box_51 .ba_30, #box_59 .ba_30, #box_67 .ba_30, #box_75 .ba_30{
     background-image: var(--blank);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_3 .ba_40, #box_11 .ba_40 , #box_19 .ba_40, #box_27 .ba_40, #box_35 .ba_40, #box_43 .ba_40, #box_51 .ba_40, #box_59 .ba_40, #box_67 .ba_40, #box_75 .ba_40{
     background-image: var(--blank);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_4 .sq_2, #box_12 .sq_2, #box_20 .sq_2, #box_28 .sq_2, #box_36 .sq_2, #box_44 .sq_2, #box_52 .sq_2, #box_60 .sq_2, #box_68 .sq_2, #box_76 .sq_2 {
     background-image: var(--white);
}
 #box_4 .sq_3, #box_12 .sq_3, #box_20 .sq_3, #box_28 .sq_3, #box_36 .sq_3, #box_44 .sq_3, #box_52 .sq_3, #box_60 .sq_3, #box_68 .sq_3, #box_76 .sq_3 {
     background-image: var(--black);
}
 #box_4 .sq_4, #box_12 .sq_4, #box_20 .sq_4, #box_28 .sq_4, #box_36 .sq_4, #box_44 .sq_4, #box_52 .sq_4, #box_60 .sq_4, #box_68 .sq_4, #box_76 .sq_4 {
     background-image: var(--white);
}
 #box_4 .sq_20, #box_12 .sq_20, #box_20 .sq_20, #box_28 .sq_20, #box_36 .sq_20, #box_44 .sq_20, #box_52 .sq_20, #box_60 .sq_20, #box_68 .sq_20, #box_76 .sq_20 {
     background-image: var(--white);
}
 #box_4 .sq_30, #box_12 .sq_30, #box_20 .sq_30, #box_28 .sq_30, #box_36 .sq_30, #box_44 .sq_30, #box_52 .sq_30, #box_60 .sq_30, #box_68 .sq_30, #box_76 .sq_30 {
     background-image: var(--black);
}
 #box_4 .sq_40, #box_12 .sq_40, #box_20 .sq_40, #box_28 .sq_40, #box_36 .sq_40, #box_44 .sq_40, #box_52 .sq_40, #box_60 .sq_40, #box_68 .sq_40, #box_76 .sq_40 {
     background-image: var(--white);
}
 #box_4 .ba_10, #box_12 .ba_10, #box_20 .ba_10, #box_28 .ba_10 , #box_36 .ba_10, #box_44 .ba_10, #box_52 .ba_10, #box_60 .ba_10, #box_68 .ba_10, #box_76 .ba_10  {
     background-image: var(--black);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_4 .ba_20, #box_12 .ba_20, #box_20 .ba_20, #box_28 .ba_20, #box_36 .ba_20, #box_44 .ba_20, #box_52 .ba_20, #box_60 .ba_20, #box_68 .ba_20, #box_76 .ba_20 {
     background-image: var(--red);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_4 .ba_40, #box_12 .ba_40, #box_20 .ba_40, #box_28 .ba_40, #box_36 .ba_40, #box_44 .ba_40, #box_52 .ba_40, #box_60 .ba_40, #box_68 .ba_40, #box_76 .ba_40 {
     background-image: var(--blue);
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_5 .sq_1,  #box_13 .sq_1,  #box_21 .sq_1, #box_29 .sq_1, #box_37 .sq_1, #box_45 .sq_1, #box_53 .sq_1, #box_61 .sq_1, #box_69 .sq_1, #box_77 .sq_1 {
     background-image: var(--white);
}
 #box_5 .sq_2, #box_13 .sq_2, #box_21 .sq_2, #box_29 .sq_2, #box_37 .sq_2, #box_45 .sq_2, #box_53 .sq_2, #box_61 .sq_2, #box_69 .sq_2, #box_77 .sq_2 {
     background-image: var(--black);
}
 #box_5 .sq_3,  #box_13 .sq_3,  #box_21 .sq_3, #box_29 .sq_3, #box_37 .sq_3, #box_45 .sq_3, #box_53 .sq_3, #box_61 .sq_3, #box_69 .sq_3, #box_77 .sq_3{
     background-image: var(--white);
}
 #box_5 .sq_10,  #box_13 .sq_10,  #box_21 .sq_10, #box_29 .sq_10, #box_37 .sq_10, #box_45 .sq_10, #box_53 .sq_10, #box_61 .sq_10, #box_69 .sq_10, #box_77 .sq_10{
     background-image: var(--white);
}
 #box_5 .sq_20,  #box_13 .sq_20,  #box_21 .sq_20, #box_29 .sq_20, #box_37 .sq_20, #box_45 .sq_20, #box_53 .sq_20, #box_61 .sq_20, #box_69 .sq_20, #box_77 .sq_20{
     background-image: var(--black);
}
 #box_5 .sq_30,  #box_13 .sq_30,  #box_21 .sq_30, #box_29 .sq_30, #box_37 .sq_30, #box_45 .sq_30, #box_53 .sq_30, #box_61 .sq_30, #box_69 .sq_30, #box_77 .sq_30{
     background-image:var(--white);
}
 #box_5 .ba_10,  #box_13 .ba_10,  #box_21 .ba_10, #box_29 .ba_10, #box_37 .ba_10, #box_45 .ba_10, #box_53 .ba_10, #box_61 .ba_10, #box_69 .ba_10, #box_77 .ba_10{
     background-image: var(--blue);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_5 .ba_30,  #box_13 .ba_30,  #box_21 .ba_30, #box_29 .ba_30, #box_37 .ba_30, #box_45 .ba_30, #box_53 .ba_30, #box_61 .ba_30, #box_69 .ba_30, #box_77 .ba_30 {
     background-image: var(--red);
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_5 .ba_40,  #box_13 .ba_40,  #box_21 .ba_40, #box_29 .ba_40, #box_37 .ba_40, #box_45 .ba_40, #box_53 .ba_40, #box_61 .ba_40, #box_69 .ba_40, #box_77 .ba_40 {
     background-image: var(--black);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_6 .sq_1,  #box_14 .sq_1,  #box_22 .sq_1, #box_30 .sq_1, #box_38 .sq_1, #box_46 .sq_1, #box_54 .sq_1, #box_62 .sq_1, #box_70 .sq_1, #box_78 .sq_1 {
     background-image: var(--white);
}
 #box_6 .sq_2,  #box_14 .sq_2,  #box_22 .sq_2, #box_30 .sq_2, #box_38 .sq_2, #box_46 .sq_2, #box_54 .sq_2, #box_62 .sq_2, #box_70 .sq_2, #box_78 .sq_2 {
     background-image: var(--red);
}
 #box_6 .sq_10, #box_14 .sq_10, #box_22 .sq_10, #box_30 .sq_10, #box_38 .sq_10, #box_46 .sq_10, #box_54 .sq_10, #box_62 .sq_10, #box_70 .sq_10, #box_78 .sq_10 {
     background-image: var(--white);
}
 #box_6 .sq_20,  #box_14 .sq_20,  #box_22 .sq_20, #box_30 .sq_20, #box_38 .sq_20, #box_46 .sq_20, #box_54 .sq_20, #box_62 .sq_20, #box_70 .sq_20, #box_78 .sq_20 {
     background-image: var(--red);
}
 #box_6 .ba_10, #box_14 .ba_10, #box_22 .ba_10, #box_30 .ba_10, #box_38 .ba_10, #box_46 .ba_10, #box_54 .ba_10, #box_62 .ba_10, #box_70 .ba_10, #box_78 .ba_10 {
     background-image: var(--blank);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_6 .ba_20,  #box_14 .ba_20,  #box_22 .ba_20, #box_30 .ba_20, #box_38 .ba_20, #box_46 .ba_20, #box_54 .ba_20, #box_62 .ba_20, #box_70 .ba_20, #box_78 .ba_20 {
     background-image: var(--blank);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_6 .ba_30, #box_14 .ba_30, #box_22 .ba_30, #box_30 .ba_30, #box_38 .ba_30, #box_46 .ba_30, #box_54 .ba_30, #box_62 .ba_30, #box_70 .ba_30, #box_78 .ba_30 {
     background-image: var(--blue);
     top:102%;
     right:-1%;
     transform-origin: top right;
     background-position:top right;
     border-radius: 0 0 0 100% ;
}
 #box_6 .ba_40, #box_14 .ba_40, #box_22 .ba_40, #box_30 .ba_40, #box_38 .ba_40, #box_46 .ba_40, #box_54 .ba_40, #box_62 .ba_40, #box_70 .ba_40, #box_78 .ba_40 {
     background-image: var(--red);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_7 .sq_2,  #box_15 .sq_2 ,  #box_23 .sq_2, #box_31 .sq_2, #box_39 .sq_2, #box_47 .sq_2, #box_55 .sq_2, #box_63 .sq_2, #box_71 .sq_2, #box_79 .sq_2  {
     background-image: var(--white);
}
 #box_7 .sq_4, #box_15 .sq_4, #box_23 .sq_4, #box_31 .sq_4, #box_39 .sq_4, #box_47 .sq_4, #box_55 .sq_4, #box_63 .sq_4, #box_71 .sq_4, #box_79 .sq_4 {
     background-image: var(--grey);
}
 #box_7 .sq_20, #box_15 .sq_20, #box_23 .sq_20, #box_31 .sq_20, #box_39 .sq_20, #box_47 .sq_20, #box_55 .sq_20, #box_63 .sq_20, #box_71 .sq_20, #box_79 .sq_20 {
     background-image: var(--white);
}
 #box_7 .sq_40, #box_15 .sq_40, #box_23 .sq_40, #box_31 .sq_40, #box_39 .sq_40, #box_47 .sq_40, #box_55 .sq_40, #box_63 .sq_40, #box_71 .sq_40, #box_79 .sq_40 {
     background-image: var(--grey);
}
 #box_7 .ba_10, #box_15 .ba_10, #box_23 .ba_10, #box_31 .ba_10 , #box_39 .ba_10, #box_47 .ba_10, #box_55 .ba_10, #box_63 .ba_10, #box_71 .ba_10, #box_79 .ba_10  {
     background-image: var(--yellow);
     right:-102%;
     top:-1%;
     transform-origin: top left;
     background-position:top left;
     border-radius: 0 0 100% 0 ;
}
 #box_7 .ba_20, #box_15 .ba_20, #box_23 .ba_20, #box_31 .ba_20, #box_39 .ba_20, #box_47 .ba_20, #box_55 .ba_20, #box_63 .ba_20, #box_71 .ba_20, #box_79 .ba_20 {
     background-image: var(--blank);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_7 .ba_30, #box_15 .ba_30, #box_23 .ba_30, #box_31 .ba_30, #box_39 .ba_30, #box_47 .ba_30, #box_55 .ba_30, #box_63 .ba_30, #box_71 .ba_30, #box_79 .ba_30 {
     background-image: var(--green);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_7 .ba_40, #box_15 .ba_40, #box_23 .ba_40, #box_31 .ba_40, #box_39 .ba_40, #box_47 .ba_40, #box_55 .ba_40, #box_63 .ba_40, #box_71 .ba_40, #box_79 .ba_40 {
     background-image: var(--green);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_8 .sq_4, #box_16 .sq_4 , #box_24 .sq_4, #box_32 .sq_4, #box_40 .sq_4, #box_48 .sq_4, #box_56 .sq_4, #box_64 .sq_4, #box_72 .sq_4, #box_80 .sq_4  {
     background-image: var(--grey);
}
 #box_8 .sq_40, #box_16 .sq_40, #box_24 .sq_40, #box_32 .sq_40, #box_40 .sq_40, #box_48 .sq_40, #box_56 .sq_40, #box_64 .sq_40, #box_72 .sq_40, #box_80 .sq_40 {
     background-image: var(--grey);
}
 #box_8 .ba_10, #box_16 .ba_10, #box_24 .ba_10, #box_32 .ba_10, #box_40 .ba_10, #box_48 .ba_10, #box_56 .ba_10, #box_64 .ba_10, #box_72 .ba_10, #box_80 .ba_10 {
     background-image: var(--white);
     left:-101%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 #box_8 .ba_20, #box_16 .ba_20, #box_24 .ba_20, #box_32 .ba_20, #box_40 .ba_20, #box_48 .ba_20, #box_56 .ba_20, #box_64 .ba_20, #box_72 .ba_20, #box_80 .ba_20 {
     background-image: var(--blue);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_8 .ba_30, #box_16 .ba_30, #box_24 .ba_30, #box_32 .ba_30, #box_40 .ba_30, #box_48 .ba_30, #box_56 .ba_30, #box_64 .ba_30, #box_72 .ba_30, #box_80 .ba_30 {
     background-image: var(--grey);
     top:-102%;
     left:-1%;
     transform-origin: bottom left;
     background-position:bottom left;
     border-radius: 0 100% 0 0;
}
 #box_8 .ba_40, #box_16 .ba_40, #box_24 .ba_40, #box_32 .ba_40, #box_40 .ba_40, #box_48 .ba_40, #box_56 .ba_40, #box_64 .ba_40, #box_72 .ba_40, #box_80 .ba_40 {
     background-image: var(--red);
     left:-102%;
     bottom:-1%;
     transform-origin: bottom right;
     background-position:bottom right;
     border-radius: 100% 0 0 0 ;
}
 .box.open .sq_1 {
     animation: FadeIn .5s ease-out .2s;
     animation-fill-mode: both;
}
 .box.open .sq_2 {
     animation: FadeIn .5s ease-out .3s;
     animation-fill-mode: both;
}
 .box.open .sq_3 {
     animation: FadeIn .5s ease-out .6s;
     animation-fill-mode: both;
}
 .box.open .sq_4 {
     animation: FadeIn .5s ease-out .4s;
     animation-fill-mode: both;
}
 .box.close .sq_1 {
     animation: FadeOut .5s ease-out .2s;
     animation-fill-mode: both;
}
 .box.close .sq_2 {
     animation: FadeOut .5s ease-out .3s;
     animation-fill-mode: both;
}
 .box.close .sq_3 {
     animation: FadeOut .5s ease-out .6s;
     animation-fill-mode: both;
}
 .box.close .sq_4 {
     animation: FadeOut .5s ease-out .4s;
     animation-fill-mode: both;
}
 .box.close .ba_10, .box.close .ba_20, .box.close .ba_30, .box.close .ba_40 {
     animation:RotatyOut ;
     animation-fill-mode: forwards;
}

 .box.open .ba_10 {
     animation: Rotaty .2s ease-out .8s ;
     animation-fill-mode: both;
}
 .box.open .ba_20 {
     animation: Rotaty .2s ease-out 1s ;
     animation-fill-mode: both;
}
 .box.open .ba_30 {
     animation: Rotaty .2s ease-out .7s ;
     animation-fill-mode: both;
}
 .box.open .ba_40 {
     animation: Rotaty .2s ease-out .9s ;
     animation-fill-mode: both;
}
 .box .sq_10 {
     animation: FadeIn .5s ease-out .2s;
     animation-fill-mode: both;
}
 .box .sq_20 {
     animation: FadeIn .5s ease-out .3s;
     animation-fill-mode:both;
}
 .box .sq_30 {
     animation: FadeIn .5s ease-out .6s;
     animation-fill-mode: both;
}
 .box .sq_40 {
     animation: FadeIn .5s ease-out .4s;
     animation-fill-mode: both;
}
 .box.close .pe_10 {
     animation:Rotaty .1s ease-out .4s;
     animation-fill-mode: both;
}
 .box.close .pe_20 {
     animation:Rotaty .1s ease-out .5s;
     animation-fill-mode: both;
}
 .box.close .pe_30 {
     animation:Rotaty .1s ease-out .6s;
     animation-fill-mode: both;
}
 .box.close .pe_40 {
     animation:Rotaty .1s ease-out .7s;
     animation-fill-mode: both;
}

 .box.selected .sq_1, 
 .box.selectedall .sq_1 {
     animation: FadeOut .5s ease-out .1s;
     animation-fill-mode: both;
}
 .box.selected .sq_2, 
 .box.selectedall .sq_2 {
     animation: FadeOut .5s ease-out .2s;
     animation-fill-mode: both;
}
 .box.selected .sq_3, 
 .box.selectedall .sq_3 {
     animation: FadeOut .5s ease-out .4s;
     animation-fill-mode: both;
}
 .box.selected .sq_4, 
 .box.selectedall .sq_4 {
     animation: FadeOut .5s ease-out .3s;
     animation-fill-mode: both;
}
 .box.selected .ba_10, 
 .box.selectedall .ba_10, 
 .box.selected .ba_20, 
 .box.selectedall .ba_20, 
 .box.selected .ba_30, 
 .box.selectedall .ba_30, 
 .box.selected .ba_40, 
 .box.selectedall .ba_40{
     animation:RotatyOut ;
     animation-fill-mode: forwards;
}
 .box.selected .pe_10,
 .box.selectedall .pe_10{
     animation:Rotaty .1s ease-out .4s;
     animation-fill-mode: both;
}
 .box.selected .pe_20,
 .box.selectedall .pe_20{
     animation:Rotaty .1s ease-out .5s;
     animation-fill-mode: both;
}
 .box.selected .pe_30,
 .box.selectedall .pe_30{
     animation:Rotaty .1s ease-out .6s;
     animation-fill-mode: both;
}
 .box.selected .pe_40,
 .box.selectedall .pe_40{
     animation:Rotaty .1s ease-out .7s;
     animation-fill-mode: both;
}
 .box.open .pe_10, .box.open .pe_20, .box.open .pe_30, .box.open .pe_40 {
     animation:RotatyOut ;
     animation-fill-mode: both;
}
 .box.open.dely .people-bn {
     display:none 
}
 .box.close .people-bn, .box.open.selected .people-bn,.box.open.selectedall .people-bn {
     animation: FadeIn .3s ease-out .8s;
     animation-fill-mode: both;
}

 .box.open .people-bn {
     animation: FadeOut .3s ease-out ;
     animation-fill-mode: both;
}
 
 .people-bn {
     width:100%;
     height:100%;
}
 .box:hover .people-bn {
     -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
 .box.selected:hover .people-bn, .box.selectedall:hover .people-bn {
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
 
 .people-bn.dely, .dely {
     display:none 
}
 
 .dotstyle ul li a{
     color: #afaeaf;
}
 .dotstyle ul li.current a, .ddotstyle ul li.current a, .dotstyle ul li a:hover {
     color: #302a2a;
}

 .dropdown {
     display: flex;
     color: grey;
     position: relative;
}
 .dropdown:hover {
     cursor: pointer;
}

 .dropdown_menu  {
     list-style: none;
	 margin:0;
}

 ul.dropdown_menu  li {
     font-size: 14px;
     opacity: 0;
     line-height: 21px !important;
     padding-bottom: 0 !important;
}
 @media only screen and (min-width : 1200px){
 ul.dropdown_menu  li {
     font-size: 16px;
     line-height: 24px !important;
}   
}


 .dropdown_menu li a{
     transition: all 1s ease-out;
}
 .dropdown_menu--animated {
     display: none;
}
 .dropdown_menu--animated li {
     opacity: 1;
}
 .dropdown_menu-1 .dropdown_item-1 {
     transform-origin: top center;
     animation: slideDown 300ms 40ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-2 {
     transform-origin: top center;
     animation: slideDown 300ms 80ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-3 {
     transform-origin: top center;
     animation: slideDown 300ms 120ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-4 {
     transform-origin: top center;
     animation: slideDown 300ms 160ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-5 {
     transform-origin: top center;
     animation: slideDown 300ms 200ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-6 {
     transform-origin: top center;
     animation: slideDown 300ms 240ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-7 {
     transform-origin: top center;
     animation: slideDown 300ms 280ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-8 {
     transform-origin: top center;
     animation: slideDown 300ms 320ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-9 {
     transform-origin: top center;
     animation: slideDown 300ms 360ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-10 {
     transform-origin: top center;
     animation: slideDown 300ms 400ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-11 {
     transform-origin: top center;
     animation: slideDown 300ms 440ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-12 {
     transform-origin: top center;
     animation: slideDown 300ms 480ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-13 {
     transform-origin: top center;
     animation: slideDown 300ms 520ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-14 {
     transform-origin: top center;
     animation: slideDown 300ms 560ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-15 {
     transform-origin: top center;
     animation: slideDown 300ms 600ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-16 {
     transform-origin: top center;
     animation: slideDown 300ms 640ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-17 {
     transform-origin: top center;
     animation: slideDown 300ms 680ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-18 {
     transform-origin: top center;
     animation: slideDown 300ms 720ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-19 {
     transform-origin: top center;
     animation: slideDown 300ms 760ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-20 {
     transform-origin: top center;
     animation: slideDown 300ms 800ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-21 {
     transform-origin: top center;
     animation: slideDown 300ms 840ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-22 {
     transform-origin: top center;
     animation: slideDown 300ms 880ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-23 {
     transform-origin: top center;
     animation: slideDown 300ms 920ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-24 {
     transform-origin: top center;
     animation: slideDown 300ms 960ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-25 {
     transform-origin: top center;
     animation: slideDown 300ms 1000ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-26 {
     transform-origin: top center;
     animation: slideDown 300ms 1040ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-27 {
     transform-origin: top center;
     animation: slideDown 300ms 1080ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-28 {
     transform-origin: top center;
     animation: slideDown 300ms 1120ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-29 {
     transform-origin: top center;
     animation: slideDown 300ms 1160ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-30 {
     transform-origin: top center;
     animation: slideDown 300ms 1200ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-31 {
     transform-origin: top center;
     animation: slideDown 300ms 1240ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-32 {
     transform-origin: top center;
     animation: slideDown 300ms 1280ms ease-in-out forwards;
}
 .dropdown_menu-1 .dropdown_item-33 {
     transform-origin: top center;
     animation: slideDown 300ms 1320ms ease-in-out forwards;
}
 @keyframes slideDown {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}

.hamburguer {
     animation: FadeIn .5s ease-out .6s;
     animation-fill-mode:both;
}

 .menu-vertical-container {  
    top: 40px;
    left: 0;
	 z-index:500;
	 position:sticky; 
}
.logged-in .menu-vertical-container {  
    top: 70px;
 
}

 .menu-vertical {
     font-family: BergenSans;
     transform: rotate(-90deg);
     position: absolute;
    width: 1000px;
    top: 1007px;
    left:12px;
    transform-origin: left top;
}
 .menu-vertical ul{
     list-style: none;
	 margin:0;
     
}
 .menu-vertical > ul > li{
     display: inline-block;
     float: right;
     line-height: 35px;
     text-align: right;
     margin-left:24px;
}
 .menu-vertical > ul > li > a{
     display: block;
     text-decoration: none;
     color:black;
     transition: all .4s ease-out;
     width:100%;
     height:100%;
     font-size: 34px;
     opacity:.2;
     margin-left:5px;
}

@media only screen and (max-width : 768px){
	
 .menu-vertical {
    left:4px;
}
 .menu-vertical ul li{
    margin-left:20px;   
}
 .menu-vertical > ul > li > a{
     font-size: 28px;
}
}

 @media only screen and (min-height : 900px) and (min-width : 1440px){
 .menu-vertical > ul > li > a{
     font-size: 3.5vh;
     margin-left:0;
}
.menu-vertical > ul > li {
    margin-left: 26px;
}
}

 .menu-vertical > ul > li > a:hover{
     opacity:1
}

 .navigation{
     position:relative;
}


 .dropdown-1.visible {
     display: block;
}
.menu-vertical > ul > li.current > a {
     opacity:1;
}
 li#loupe {
     animation: FadeIn .5s ease-out .6s;
     animation-fill-mode: both;
}

 li#valores {
     animation: FadeIn .5s ease-out .9s;
     animation-fill-mode:both;
}

 li#areas {
     animation: FadeIn .5s ease-out 1.2s;
     animation-fill-mode: both;
}


 li#all {
     animation: FadeIn .5s ease-out 1.4s;
     animation-fill-mode:both;
}
 li#search {
     animation: FadeIn .5s ease-out .4s;
     animation-fill-mode: both;
}
 #grve-main-menu li {
     opacity: 0;
}
 #grve-main-menu li a{
     transition: all 1s ease-out;
}
 #grve-main-menu--animated {
     display: none;
}
 #grve-main-menu--animated li {
     opacity: 1;
}
 #grve-main-menu ul.grve-menu li:nth-child(1) {
     transform-origin: top center;
     animation: slideDown 300ms 40ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(2) {
     transform-origin: top center;
     animation: slideDown 300ms 80ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(3) {
     transform-origin: top center;
     animation: slideDown 300ms 120ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(4) {
     transform-origin: top center;
     animation: slideDown 300ms 160ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(5) {
     transform-origin: top center;
     animation: slideDown 300ms 200ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(6) {
     transform-origin: top center;
     animation: slideDown 300ms 240ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(7) {
     transform-origin: top center;
     animation: slideDown 300ms 280ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(8) {
     transform-origin: top center;
     animation: slideDown 300ms 320ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(9) {
     transform-origin: top center;
     animation: slideDown 300ms 360ms ease-in-out forwards;
}
 #grve-main-menu ul.grve-menu li:nth-child(10) {
     transform-origin: top center;
     animation: slideDown 300ms 400ms ease-in-out forwards;
}
 #widget-language li ul li{
     opacity: 0;
}
 #widget-language li ul li a{
     transition: all 1s ease-out;
}
 #widget-language--animated {
     display: none;
}
 #widget-language--animated li ul li {
     opacity: 1;
}
 #widget-language li ul li:nth-child(1) {
     transform-origin: top center;
     animation: slideDown 380ms 420ms ease-in-out forwards;
}
 #widget-language li ul li:nth-child(2) {
     transform-origin: top center;
     animation: slideDown 420ms 460ms ease-in-out forwards;
}

.byeLogo p#baseline {
     animation: typeOut .2s steps(38, end) ;
     animation-fill-mode: both;
     width:0;
    right:0;
}
 @keyframes typeOut{
     from {
         width: 208px;
    }
}
 p#baseline {
     animation: type .3s .7s steps(38, end) ;
     animation-fill-mode: both;
     width:230px;
}
 @keyframes type{
     from {
         width: 0;
    }
}

 #grve-footer-bar .grve-copyright {
     animation: FadeIn .5s 1.3s ease-out ;
     animation-fill-mode: both;
}

#grve-second-menu {
    animation: FadeIn .5s 1.2s ease-out ;
     animation-fill-mode: both;
}

.menu-team {
    position: absolute;
    width: 170px;
    left: 60px;
    z-index: 60;
}

.team-container {
    position:relative;
    overflow: hidden;
}


.list-team {
	position: relative;

}



.openNav .list-team {
  position: absolute;
  transform: translate3d(200px, 0, 0);
  width: calc(100% - 250px);
  transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

#team {
    position: relative
}







.team-popup {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0; 
  left: 0;
  background:rgba(238, 236, 232, 0.8) ;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
    z-index:100;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow-y:auto;
	min-height:100vh;
	
    
} 
.team-popup h2{
    font-size:44px;
    line-height:1em !important;
    margin-bottom:0;
    max-width: 85%;
    

} 
.team-popup h3{
    font-family: 'Noto Serif Display', serif;
    font-style: italic;
    font-size:24px;
    color:#b8584d;
    padding-bottom:30px;
} 



.team-popup.open {
  opacity: 1;
  visibility: visible;
}

.team-popup-inn {
  width: 0;
  height: 0;
  display: block;
  position: relative;
  background-image: var(--white);
  opacity: 0;
  transition: all 0.5s ease-in-out;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
     display: flex;
}

.team-popup.open .team-popup-inn {
  opacity: 1;
    width:auto;
  height: auto;
    max-width: 1300px;
    min-height: 730px;
    min-width:800px;
}

.team-popup-head { 
  width: 100%;
  height: 60px;
  overflow: hidden;
  position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}

.btn-close-team {
  display: block;
  float: right;
  color: #fff;
    width:60px;
    height:60px;
    background-image: var(--close);
    background-position: center center;
    background-repeat: no-repeat;
    opacity:1;
    transition: all 0.25s ease-in-out;
}
.btn-close-team:hover {
  opacity:.8;
}

.team-popup-content {
  width: 46%;
    position: relative;
    float: left;
    padding:55px;
}


.team-popup-content p{
  text-align: justify;
}
.team-popup-image-content {
   width: 54%;
    position: relative;
    float: left;
    background-image: var(--blue);
    text-align: right;
	display: grid;
    grid-template-columns: 1fr;
    
}


.team-popup-format {
    aspect-ratio: 6/7;
    overflow: hidden;
    border-radius: 999em 40px 40px 999em;
    max-width: 75%;
    margin-top:60px;
    margin-bottom:60px;
	grid-row-start: 1;
 	grid-column-start: 1;
    justify-self: end;
}




.team-popup-bio {
    padding-left:40px;
}
.team-popup-format img{
   max-width: 100%
}



 @media only screen and (max-width : 940px){
	.team-popup-inn {
	  margin: 0 auto;
}
.team-popup.open .team-popup-inn {
  opacity: 1;
    width:100%;
  height: auto;
    max-width: 100%;
    min-height: 100%;
    min-width:100%;
	flex-flow: column-reverse;
}	
.team-popup {
  overflow-y: auto !important;
	display:block;
}

	 
.team-popup-content {
    width: 100%;
    float: none;
}
.team-popup-image-content {
    width: 100%;
    float: none;
}
	 
.logged-in .team-popup-inn {
    margin: 40px auto 0;
}
.team-popup-bio {
    padding-left: 0;
}
.team-popup p {
		 font-size:12px !important;
		 line-height:20px !important;
	 }
}

.team-popup p{
    line-height: 1.6em !important;
    margin-bottom:18px;
} 

 @supports not (aspect-ratio: 6/7) {
     .team-popup-format::before {
         float: left;
         padding-top: 80%;
         content: "";
    }
     .team-popup-format::after {
         display: block;
         content: "";
         clear: both;
    }
}


.popup-valores-list {
    color: #e4e1db;
    font-size: 18px;
    list-style: none;
    font-family: BergenSans;
}
ul.popup-valores-list li{
    line-height: 1.6em !important;
}

.team-popup-networks {
    text-align: left;
    padding: 10px;
	padding-top:24px;
	grid-row-start: 1;
 	grid-column-start: 1;
	align-self: end;
}
@media only screen and (max-width : 480px){
	.team-popup-networks {
    padding-left:0;		
}
.team-popup-networks {
    padding-top: 70vw;
}
.team-popup-content {
    padding: 30px;
}
	ul.popup-valores-list {
		margin-left:30px;
	}
}




.team-linkedin {
    display: block;
}
.team-popup-networks .fa{
    font-size:35px;
    padding:0 26px 26px 26px;
    color: #e4e1db;
    transition: all 0.25s ease-in-out; 
	
}

.team-popup-networks .fa:hover{
    opacity:.8;
}

p.asociaciones, p.idiomas {
    font-size:12px;
    
}
  

p.asociaciones span, p.idiomas span {
    font-size:11px;
    text-transform: uppercase;
    font-family: BergenSans;
    letter-spacing: 1px;
    font-weight: bold;
    
}



p.asociaciones:after, p.idiomas:after {
    content: "";
  display: block;
      width: 30px;
      height: 2px;
      background: #2f2929;
    margin-top: 6px;
      
    
}

p.idiomas:before {
    content: "";
  display: block;
      width: 100%;
    max-width:340px;
      height: 1px;
      background:  #1766c2;
    margin-bottom: 12px;
      
    
}
#grve-theme-wrapper input[type="text"]#team-search-input {
    z-index: 300;
    background: transparent;
    border-bottom: 3px solid #c7c5c2;
    min-width: 0;
    line-height: 48px;
    font-size: 24px;
    padding: 0 !important;
    margin-left: 60px;
	width:100%;
   
}
 #team-search-slider {
	transition: all .3s ease-out;
	width: 0;
	 height:52px;
	 overflow:hidden
   
}

 #team-search-container.current #team-search-slider {
	width: 100%;
}



 #team-search-container {
     animation: FadeIn .5s ease-out .6s;
    animation-fill-mode: both;
    width:calc(50% + 70px);
    margin-bottom: 20px;
    overflow: hidden;
    transition: all .3s ease-out;    
}

@media only screen and (max-width : 768px){
#grve-theme-wrapper input[type="text"]#team-search-input {
    margin-left: 40px; 
}
	/* #team-search-container {
    max-width: 40px;
} */
}
@media only screen and (max-width : 340px){
	#team-search-container {
    margin-bottom:35px;
}
}


 #team-search-container.current {
     
    
    
}
.team-search-container-inner {
    opacity: 0;
    transition: all .3s ease-out .4s;
	position:relative;
	 padding-right:60px
}
#team-search-container.highlight .team-search-container-inner{
    opacity: 1;
}


a.loupe{
     width:48px;
     height:48px;
     transition: all .4s ease-out;
    display: block;
    font-size:48px;
    color:#2f2929;
    position: absolute;
	z-index:200;
    
}

 a.loupe:hover, .current a.loupe{
     opacity:.2;
}
.current a.loupe:hover{
     opacity:1;
}
 @media only screen and (max-width : 1024px){
   a.loupe{
     width:40px;
     height:40px;
font-size:40px;
       top: -2px;
       left:8px;
    
}  
     
}
 @media only screen and (max-width : 768px){
   a.loupe{
     width:34px;
     height:34px;
font-size:34px;
     top: 4px;
       left:0;
}  
     
}




#grve-theme-wrapper .input-text, #grve-theme-wrapper input[type="text"], #grve-theme-wrapper input[type="input"], #grve-theme-wrapper input[type="password"], #grve-theme-wrapper input[type="email"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="date"], #grve-theme-wrapper input[type="url"], #grve-theme-wrapper input[type="tel"], #grve-theme-wrapper input[type="search"], #grve-theme-wrapper textarea, #grve-theme-wrapper select {
    
    -webkit-box-shadow:none !important;
    box-shadow: none !important);
border:none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}