body{color:#444;}
body,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #cc1533;
    font-weight: 700;
}
body, p{font-weight:400!important; color:#000; font-size: 18px;}

.nav-header .btn-home{width:220px;}

section{padding: 4rem 0;}
section h2{margin-bottom:0;}
section.no-padding{padding: 0;}


.button {
    border: 2px solid transparent;
    border-radius: 4px;
}
.button {background-color: #F40000;}
.button:hover {background-color: #bc0000;}
.upper{text-transform: uppercase; font-weight: 700;}

.button.phone {
    background: none;
    margin:0;
    padding: 0 0.2em;
}
.button.phone h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem!important;
    font-weight: bold;
    color:#004696;
    margin-bottom: 0;
}


#top{height: 0px;}
.row .callout{margin:0; border:none;}
.for-business{background-size:cover; background-position: left; background-repeat: no-repeat;padding: 1rem;}
.dark h1, .dark h2, .dark h3, .dark h4 {color:#fff;}
.dark h4 {color:#fff; margin-left: 145px;}
.callout > :last-child {margin-bottom: 1rem;}
.bg-image {background-size:cover; background-position: center; background-repeat: no-repeat; border:none;
           text-align: center;
           font-size: 18px;
           display: -webkit-box;
           display: -ms-flexbox;
           display: -webkit-flex;
           display: flex;
           -webkit-box-pack: center;
           -ms-flex-pack: center;
           -webkit-justify-content: center;
           justify-content: center;
           -webkit-box-align: center;
           -ms-flex-align: center;
           -webkit-align-items: center;
           align-items: center;
           position: relative;
           min-height: 200px;
}

.button.trans{ background: rgba(205,4,4,1);}
.button.trans:hover{ background: rgba(190,4,4,1); font-weight: 700;}
section{padding:4rem 0;}

.top-bar{background: #0e2b5c; padding: 0;}
.top-bar ul.drop-menu{text-align: center!important; width:100%!important; margin:0; padding:0;background: #0e2b5c;}
.top-bar ul.drop-menu li.nav{display:inline-block;}
.top-bar ul.drop-menu > li.nav > a {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 1rem;
    font-stretch: condensed;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
    padding: 0.7rem 1rem;
    display:block;
}
.drop-menu li.nav a{position:relative;}
.drop-menu li.nav a.nav::before{ content:''; left:0; right:0; bottom:0; height:4px; background: #FF0020; position:absolute; display:none;}
.drop-menu li.nav:hover a.nav::before, .drop-menu li.nav:active a.nav::before{display:block;}

.drop-menu > li.is-active > a {color: #fff; }

.callout.head h5{ margin:0; font-weight: 700;}

#contacto label, #contacto h2,  #contacto h4{color:#fff;}

.orbit-wrapper{margin: 40px 0 0 0;}
.orbit-bullets{margin-top: 0;}
li.orbit-slide .cell{}
.orbit-controls{display:none;}

.clientes{text-align: center;}
.clientes .cell{ display:inline-block; width:16%; text-align: center;}
.clientes .cell img{width:80%;}
.dark-red{background: #cc1533;}
.light-grey{background: #eee;}
.light-grey a{color: #cc1533; font-weight: 700;}
.dark-red h2, .dark-red h3, .dark-red h4,  .dark-red h3 a, .dark-red p{color:#fff;}
.dark-red h6{ text-transform: uppercase; letter-spacing: 4px; color: #1dc2ef;}

.dark-red .cell{margin-top: 2rem; margin-bottom: 2rem;}

.dark-red h3{font-weight:300;}

.callout.kit{ background: linear-gradient(#cc1533, #fbc000, #fbc000, #ffffff); border:none; border-radius:20px;  animation-duration: 1s;}
.callout.kit.big{ background: linear-gradient(#cc1533, #fbc000, #FDD962, #ffffff); border:none; border-radius:20px;  animation-duration: 1s;}
.callout.kit h5{color:#fff;}
.callout.kit h5.price{color:#000;}

h2.red{text-align: center; text-transform: uppercase; color: #F40000}
h2.green{text-align: center; text-transform: uppercase; color: #00f41e}

.sep-bottom{margin-bottom: 0; padding-bottom: 9rem; position:relative;}
.sep-top{margin-top: 0; padding-top: 9rem; position:relative;}
.separador-top{position:absolute; top:0; left:0; right:0; width:100%;}
.separador-bottom{position:absolute; bottom:0; left:0; right:0; width:100%;}
.separador-top img, .separador-bottom img{width:100%;}
.no-padding{ padding-top: 0; padding-bottom: 0;}

.foto-text{position:relative; margin-top: 0; margin-bottom: 6rem;}
.foto-text img{width:100%;}
.text-foto{background: #fff; padding: 1rem 0; text-align: center; position:absolute; left:3rem; right:3rem; bottom:-2rem; box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.text-foto h4{font-weight: 700; margin:0;}
.text-foto h6{font-weight: 700; margin:0;}

.team{text-align: center; border-top: solid 3px #e60d2d;}
.team h5{text-align: center; font-weight: 700; margin: 0.5rem 0;}
.team .text-foto{background: #fff; padding: 1rem; text-align: center; position:relative;}

.agente-top{
    text-align: center!important;
    width: 100%!important;
    margin: 20px 0 0 0;
    padding: 15px;
    background: #0e2b5c;
    color:#fff;
    text-transform: uppercase;
    font-size: 0.8rem;
}
.callout.kit h5.price{display:inline-block; background: linear-gradient(#ffffff, #fbc000);
    border-radius: 10px;
    padding:20px;
} 

/*FOOTER*/

.contact-foot{ background-color: #C3C3C3;
               margin-top: 0;
               width: 100%;
               padding: 1rem 0;
               background-image:url(images/contact-foot.jpg);
               background-size: contain;
               background-repeat: no-repeat;
               background-position: center right;}
.contact-foot img{ max-width: 40px; margin-bottom: 0!important;}
.contact-foot .button.foot{ background-color: #D5D5D5!important; color:#000; padding: 0.4em 1em; margin-bottom: 0.5rem; font-size: 1.25rem!important;}
.contact-foot .button.foot:hover{ background-color: #fff!important;}

.pre-foot{ padding:2rem 0; border-bottom: solid 1px #eee; color:#fff; margin-bottom: 2rem;}
.pre-foot a, .pre-foot h6, .pre-foot h4{ color:#fff;}
.pre-foot .date{ font-size:0.8rem; text-align: right; min-width:80px; display:inline-block;}
.pre-foot a{display:block; padding: 0 3px;}
.pre-foot a:hover h6{
    color: #FFA506;
    transition-duration: 0.5s;}

footer {
    padding: 0;
    overflow: hidden;
    color: #eee;
    font-size: 0.9rem;
    background: #666;
}
.footer-small.grey .button {
    color: #ccc;
    background: none!important;
    font-weight: normal!important;
    font-family: Arial, sans-serif!important;
    padding: 0.4rem 0.4rem 0.4rem 0!important;
    margin-bottom: 0.5rem!important;
}
.filter-footer{ filter:invert(10%);}
footer .address a, footer .address a:hover {
    display:inline-block;
    background-color: transparent; margin: 10px 10px 0 0;
    color: #fff!important;
}

ul.location-footer{list-style: none!important; margin: 0 0 10px 0!important; padding:0!important;}
ul.location-footer li{display:inline-block!important; vertical-align: top;}
.footer-small a {color: #888;font-size: 0.7rem;}
.socials a {
    font-size: 2rem;
    color: #5e5e5e;
    display: inline-block;
    margin: 0 0 1rem 0;
    vertical-align: middle;
}
.company a, .company a:hover, .company a:focus, .company a:active, .company a:visited{color:#fff!important;}
.company h6{color:#fff; margin: 1rem 0 0 0; border-bottom: solid 1px #fff;}
.address{padding: 2rem 0; margin-top:0;}

p.small{ font-size: 0.8rem;}

@media screen and (min-width: 64em){
.right-header {
    position: fixed;
    color: #004696;
    background: #fff;
    width: 100%;
    z-index: 9999;
    border-bottom: solid 1px #d6d6d6;
}
.dark h4 {color:#fff; margin-left: 185px;}
.dark-red h3{font-weight:700;}
}