@import url(https://fonts.googleapis.com/css?family=Exo+2:300,400,700);
.wrap{
    padding-top: 90px;
    margin:0;
    font-size:14px;
    font-family: "Exo 2", sans-serif;
    color: #333;
}

@media screen and (min-width: 768px){
    .wrap{
        padding-top: 74px!important;
    }
}

@media screen and (max-width: 533px){
.garantias{
margin-top: 80px!important;
}
}

.garantias{
background-color: #dadada80!important;
}

.garantia{
font-size: 30px;
text-align: center;
padding: 30px;
color: #030303b3!important;
font-weight: 700;
}


.card{
/*position: relative;*/
/*width: 315px;*/ /* Remove for full width */
/*height: 500px;*/ /* Remove for full width */
/* margin :10px auto; */
/*box-shadow: 0 0 100px rgba(0,0,0, .3);*/
}

@media (max-width: 370px){
.cards{
width: 98%;
}
}

.precio{
font-size: 17px;
font-weight: 550;
color: #353432;
}

#precios{
font-size: 19px;
font-weight: 600;
color: #167681;
}

.card-header{
position: relative;
height: 220px;
background-size: cover;
background-position: center;
}
.card-header:after{
content:'';
position: absolute;
width: 100%;
height: 100%;
/* background: linear-gradient(to top, rgb(5,85,134), rgba(181,181,181, 0.1)); */
}

.card-header-bar{
position: absolute;
top:0;
width: 100%;
z-index: 1;
width: 100%;
}

.sr-only{
position: absolute;
width: 1px;
height: 1px;
clip: rect(0,0,0,0);
border: none;
overflow: hidden;
}
.btn-message{
display: inline-block;
background: url(https://res.cloudinary.com/dj14cmwoz/image/upload/v1491077483/profile-card/images/message.svg) no-repeat;
width: 19.37px;
height: 16.99px;
margin-right:10px;
margin-top:10px;
/*float: right;*/
}
.btn-menu{
display: inline-block;
background: url(https://res.cloudinary.com/dj14cmwoz/image/upload/v1491077483/profile-card/images/menu.svg) no-repeat;
width: 19px;
height: 12.16px;
margin-left:10px;
margin-top:10px;
/*float: left;*/
}

/* svg .polygon{
fill: #fff;
} */
.card-header-slanted-edge{
position: absolute;
bottom: -3px;
z-index: 1;
width: 100%;
right:0;
left:0;
}

.btn-follow{
position: absolute;
top: -15px;
right: 25px;
width: 45px;
height: 45px;
background: linear-gradient(to left, #2D77C1, #68FAC2);
border-radius:100%;
box-shadow: 0 10px 15px rgba(110,221,235, .53);
}

.btn-follow:after{
content: '';
position:absolute;
background: url(https://res.cloudinary.com/dj14cmwoz/image/upload/v1491077480/profile-card/images/add.svg) no-repeat;
width:17px;
height: 17px;
left: 50%;
top:50%;
transform: translate(-50%, -50%);
}

.card-body{
text-align:center;
padding-left: 5px;
padding-top: 10px;
}

.name{
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 0 auto;
}

.job-title{
font-size: 14px;
font-weight: 300;
margin-top: 5px;
color: #919191;
}

.bio{
font-size: 14px;
color: #7B7B7B;
font-weight: 300;
margin: 2px auto;
line-height: 20px;
}

.social-accounts{
min-height: 100px;
}
.social-accounts img{
width: 15px;
}

.social-accounts a{
margin-left: 10px;
}
.social-accounts a:first-child{
margin-left: 0;
}

.card-footer{
/*position:fixed; /* Full card width/height */
position: absolute; /* Fixed card width/height */
left: 0;
width: 100%;
bottom: 5px;
}
.stat{
box-sizing: border-box;
width: calc(100% / 3);
float: left;
text-align: center;
border-left: 1px solid #EBEBEB;

}
.stat .label{
display: block;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
letter-spacing: 1px;
color: #95989A;
}

.stat .value{
display: block;
font-weight: 700;
font-size:20px;
margin-top: 5px;
}

.button_product1{
background: #000!important;
}
.button_product2{
background: #000!important;
}
.button_product3{
background: #000!important;
}
.button_product4{
background: #000!important;
}
.button{
margin-top       : 15px;
padding          : 8px;
text-decoration  : none;
color            : #FFF;
background-color : #000;
border-radius    : 4px;
margin-bottom: 10px;
text-decoration: none;
}
.button:hover{
color:  #FFF;
}

.product1{
background-color: #FFF;
}


.product2{
background-color: #FFF;

}

#cards{
margin-top: 25px;
background-color:  #FFF;
}


.product3{
background-color: #FFF;
}



.product4{
background-color: #FFF;
}

.video_guzzi{
background-color: #f7f7f7;
padding-top: 30px;
padding-bottom: 30px;
margin-top: 30px;
}
.video_guzzi h3{
padding-bottom: 50px;
font-size: 30px;
font-weight: bold;
}

.card{
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .vespa-img{
   border-radius: 8px 8px 0px 0px;
  }
  .card-title{
     height: 57px;
     width: 142px;
     font-size: 16px;
     background-color: #fff;
     -moz-border-radius: 50px;
     -webkit-border-radius: 50px;
     box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
     padding: 6px;
     border-radius: 50px;
     position: relative;
     top: -37px;
     left: 0;
     margin: auto;
     display: block;
  }
  .conoce-mas{
    
    text-decoration: none!important;
    font-size:20px;
  }
  .detalles{
   font-size:18px;
  }

@media (max-width: 800px){

.video-container {
position: relative;
padding-bottom: 56.25%; 
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}