:root {
    --dark: #1E1E1E;
    --main-yellow: #e94f1b ;
}

/* CUSTOM UTILITIES */

h1, h2, h3, h4, h5, h6, .lead, input, button, .button, select, textarea, .project-title, .product-title, .project-description, .font-alt-1, .counter, .side-navigation > ul > li > a, .overlay-navigation > ul > li > a {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
    color: #888888;
}

.d-none {
    display: none;
}

@media screen and (min-width: 576px) {
    .d-sm-block {
        display: block;
    }
}

.text-justify {
    text-align: justify;
}

.mr-1 {
    margin-right: .5em;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-content-center {
    justify-content: center;
}

.text-transform-none {
    text-transform: none;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-main-yellow {
    color: var(--main-yellow) !important;
}

.bg-main-yellow {
    background-color: var(--main-yellow);
}

.bg-dark {
    background-color: var(--dark);
}

.font-family-open-sans {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
}

.font-family-lato {
    font-family: 'Lato', 'Helvetica Neue', sans-serif;
}

.font-family-roboto {
    font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}

.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-700 {
    font-weight: 700;
}

.width-1-custom {
    width: 8.33333%;
}

.fs-1-6rem {
    font-size: 1.6rem;
}

.lh-2rem {
    line-height: 2rem;
}

/* CUSTOM ELEMENTS MODIFIERS */

.header .row {
    border: none !important;
}

@media screen and (min-width: 960px) {
    .header .logo {
        width: 25.5rem;
    }

    .header-transparent .header-inner {
        background-color: #fffc;
        padding: 1em 0;
    }
    .header-background .header-inner {
        background-color: #fff;
        padding: 0;
    }

    .header .navigation ul li a {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
    }
    .header .navigation ul li a:hover,
    .header .navigation ul li.current a {
        color: var(--main-yellow);
    }
}

@media screen and (max-width: 768px) {
    .feature-2 .feature-image img {
        width: 100%;
    }
}

.header-bottom {
    top: 65rem;
}

.hero-5-3 .media-column {
    background-image: url('/img/contact/contacto.jpg');
}

.team-1 .occupation,
.team-2 .occupation {
    text-transform: none;
}

.team-2 .occupation {
    font-size: 1.4rem;
}

p.home-blockquote {
    font-size: 1.8rem !important;
    font-style: italic !important;
}

.main-btn {
    color: #fff;
    background-color: var(--main-yellow);
    border-color: var(--main-yellow);
}

.main-btn:hover {
    color: #000;
    border-color: var(--main-yellow);
}

.main-btn-inverse {
    color: #fff;
    border-color: var(--main-yellow);
}

.main-btn-inverse:hover {
    background-color: var(--main-yellow);
    border-color: var(--main-yellow);
}

ul.custom-list {
    list-style: none;
}

ul.custom-list li::before {
    content: '\25A0';
    color: var(--main-yellow);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    margin-right: .5em;
}

.footer .widget-title {
    margin-bottom: .2em;
}

.footer-top a:not(.button) {
    color: #fff8;
}

span.custom-icon {
    background: #fff8;
    color: #000;
    padding: .3em;
    border-radius: 30px;
}

span.custom-icon:hover {
    background: #000;
    color: #fff8;
    padding: .3em;
    border-radius: 30px;
}

.lead {
    font-size: 1.6rem;
}

.fullscreen-bkg-2 {
    background-image: url('/img/slider/slider.jpg');
}

.mensaje { padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.mensaje-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.mensaje-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.mensaje-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.mensaje-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

/* HEADER TITLE ANIMATION */
.flipY {
    animation: flipY 6.3s linear 5s infinite;
}

@keyframes flipY { 
    0% { 
        -moz-transform: rotateY(0deg); 
        -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); 
    } 
    20% { 
        -moz-transform: rotateY(360deg); 
        -ms-transform: rotateY(360deg); 
        transform: rotateY(360deg); 
        
    } 
    100% {
        -moz-transform: rotateY(360deg); 
        -ms-transform: rotateY(360deg); 
        transform: rotateY(360deg); 
    }
}

.foto_ini{display: flex;align-items: center;}
@media only screen and (max-width: 767px){
    .foto_ini{display: block;}
}