*{
outline: none!important;
}

body{
    background: #c9c9c9;
    color: #0f3c67;
}

.card{
    border:none;

    position:relative;
    overflow:hidden;
    border-radius:8px;
    cursor:pointer;
    border-radius: 10px;
}
/*
.card:before{
   
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background-color: #186071;
    transform:scaleY(1);
    transition:all 0.5s;
    transform-origin: bottom
}

.card:after{
   
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background-color: #6aa41f;
    transform:scaleY(0);
    transition:all 0.5s;
    transform-origin: bottom
}

.card:hover::after{
    transform:scaleY(1);
}
*/

.fonts{
    font-size:11px;
}

.social-list{
    display:flex;
    list-style:none;
    justify-content:center;
    padding:0;
}

.social-list li{
    padding:10px;
    color: #333;
    font-size:19px;
}


.buttons button:nth-child(1){
       border:1px solid #0f3c67!important;
       color: #0f3c67;
       height:40px;
}

.buttons button:nth-child(1):hover{
       border:1px solid #6aa41f !important;
       color:#fff;
       height:40px;
       background-color: #6aa41f;
}

.buttons button:nth-child(2){
       border:1px solid #6aa41f !important;
       background-color: #6aa41f;
       color:#fff;
       height:40px;
       outline: none!important;
}
.capa{
border-radius: 5px 0px 0px 0px;
    min-height: 200px;
    background: transparent url(../images/slide-1-1920x724.jpg) no-repeat center 55%;
    background-size: 100%;
}
.avatar{
    margin-top: -45px;
    margin-left: auto;
    margin-right: auto;
}

/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #fff;
}

/* Style the buttons inside the tab */

.tab button {
  width: 33.3%;
  float: left;
  background-color: #6aa41f;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  text-align: center;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: white;
  color: #6aa41f;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: white;
  color: #6aa41f;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 14px 20px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media only screen and (max-width: 440px){
    .tab button i{
        display: none;
    }
}

@media only screen and (max-width: 380px){
    .tab button:nth-child(1){
        width: 40%;
    }
   
    .tab button:nth-child(2){
        width: 35%;
    }
   
    .tab button:nth-child(3){
        width: 25%;
    }
}

@media only screen and (max-width: 340px){
    .tab button i{
        display: block;
    }
   
    .tab button span{
        display: none;
    }

}