/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */




/*
* Simple style overrides or custom adds
*/

/*General*/
.custom-color-bg{background-color: #ad0404}

.logo-container img:first-child{width: 400px}
.logo-container img:last-child{width: 250px}

.some-css-selector {font-size:13px;}

/*Animation shake*/
@keyframes custom-shake{15%,3%,9%{transform:translate(-3px,0) rotate(-3deg)}12%,18%,6%{transform:translate(3px,0) rotate(3deg)}0%,100%,21%{transform:translate(0,0) rotate(0)}}
.animation-shake{-webkit-animation:custom-shake 6s ease-in-out 2s infinite;animation:custom-shake 6s ease-in-out 2s infinite;-webkit-transform:translate(0,0) rotate(0);-webkit-transform-origin:bottom;transform:translate(0,0) rotate(0);transform-origin:bottom}


/*Top menu*/
.vs-topmenu li{line-height: 50px; margin-left: 30px;}
.vs-topmenu li.location{padding-left: 22px!important; background: url('../images/icons/location.svg') no-repeat 0 17px ; background-size: 16px;}
.vs-topmenu li.phone {padding-left: 22px!important; background: url('../images/icons/phone.svg') no-repeat 0 17px ; background-size: 16px;}
.vs-topmenu li.email {padding-left: 22px!important; background: url('../images/icons/email.svg') no-repeat 0 17px ; background-size: 16px;}

/*Sticky*/
.site-header.sticked .site-logo .logosticky{top: 46%;}
.hs--light .site-header.sticked .btn.btn-lined:not(.btn-custom) {border-color: #ad0404; color: #ad0404; margin-top: 9px; padding: 12px 25px; border: 2px solid;}
.hs--light .site-header.sticked .btn.btn-lined:not(.btn-custom):hover {color: #fff; background-color: #ad0404; border: 2px solid #ad0404;}

.pepe.btn-lined{border: none; color: transparent;}

/*Card Information*/
.contact-details span[itemprop="streetAddress"] {padding-left: 22px!important; background: url('../images/icons/location.svg') no-repeat 0 2px ; background-size: 14px;opacity: .6;}
.contact-details span[itemprop="telephone"] {padding-left: 22px!important; background: url('../images/icons/phone.svg') no-repeat 0 2px ; background-size: 14px;opacity: .6;}
.contact-details span[itemprop="addressLocality"] {padding-left: 22px!important;opacity: .6;}
.contact-details a.email-card{padding-left: 22px!important; background: url('../images/icons/email.svg') no-repeat 0 2px ; background-size: 14px;opacity: .6;}

.infocard{width: 530px;}

/*navbar*/
.infocard .ic-left {padding: 0!important;}
.infocard .ic-intro img{margin: 0;}


.infocard, .infocard a {color: rgb(255,255,255);}

.text-group-slider{color:}


/*Nuestra Mision*/
.aboutus-page h6{font-size: 18px!important; color: #fff!important; font-weight: 300!important; line-height: 1.5!important;}


/*El Estudio*/

#estudio .subtitle{color: #888888; font-size: 14px;}

.socios:first-child{margin-left: -15px;}

.socios h5{
    font-weight: 700;
    font-size:  18px;
    margin-bottom: 0;
}
.socios h6{
    font-size: 13px;
    color:  #888888;
    line-height: 18px;
}


/*Servicios*/

#servicios img{width: 100px; margin-right: 10px;}
#servicios ul {list-style-type: none;margin-left: 0}
#servicios ul li{padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px;}
#servicios ul li:last-child{border: 0}

/*Footer*/

footer img:first-child{width: 220px;}
footer .address{/*border-top: 1px solid rgba(255,255,255,0.1);padding-top: 20px; margin-top: 24px;*/}

.site-footer{color: #fff!important;}
.site-footer a{color: #fff;}
.main-footer ul.menu li:first-child a{padding-top: 0;}

.site-footer .vs-form .vs-input {height: 42px; font-size: 13px; padding: 2px;}

.site-footer .vs-form .vs-input:focus {color: #fff;}

#quick-contact-form button{width: 120px;}
#quick-contact-form button:hover{background: rgba(255,255,255,.1);border: 1px solid #ccc; color: rgba(255,255,255,0.9);}

.main-footer ul.menu li a{font-weight: 300;}

/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width : 480px) {
.socios:last-child{margin-left: -15px;margin-top: 50px; margin-bottom: 50px;}

#servicios img{margin: 0 auto;}
.logo-container img:last-child {width: 210px; }
.logo-container img:first-child{width: 250px;}

#estudio .title-group{margin-bottom: 40px;}

#servicios h4 {margin-bottom: 5px;}

.container-mobile{margin: 0 10px;}

#page-header h2 span{display: block;}
#page-header h2{height: 200px; font-size: 45px;}
#page-header p{line-height: 20px;}

.pos-vertical-middle{top: 46%}

.hs--light .site-header.sticked .btn.btn-lined:not(.btn-custom) {display: none;}

footer .address {border-top: none; padding-top: 0; margin-top: 0; }

/*.masinfo{padding: 15px 20px!important;}*/
}

@media only screen and (max-width : 320px) {

}