/*Changes*/
.servicios.page section .lista ul li:before, ul.bulleted li:before {
    content: "";
    padding: 0.25em;
    background: #9aa2a5;
    margin: .5em -.9em;
    position: absolute;
    border-radius: 1000px;
}
ul.bulleted {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
}


/*nav*/
@media screen and (min-width: 1024px) {
    header.main.active {
        width: 31rem;
    }
}

/*Footer*/
footer.main {
	background: #273f43;
}

footer.main .by-kalis .h5 a {
	color: #fff;
}

footer.main .by-kalis .h5 {
	opacity: 0.7;
}
footer.main .by-kalis .h5:hover {
	opacity: 1;
}

footer img {
        width: 100%;
}



.intro {
    display: block;
    padding: 0;


    background: url('../img/bg-intro.jpg');
    background-repeat: no-repeat;
    height: calc(100vh - 25px);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.intro .logo {
	display: block;
    position: absolute;
    top: 0;

    box-shadow: 3px 3px 10px rgba(0,0,0, 0.2);
    background: #fff;
    max-width: 380px;
    width: 100%;
    padding: 1.2rem 2rem;
    margin-bottom: 3rem;
}

@media screen and (min-width: 400px) {
	.intro .logo {
	    padding: 1.6rem 5rem 2rem;
	}
}

.intro .slogan {
    max-height: 230px;
}
.intro .slogan path {
    box-shadow: 3px 3px 10px rgba(0,0,0,1);
}

.home .servicios {
	background: #9aa2a5;
}

.home .servicios .h3 {
	color: #004B64;
}


/*Fixes*/
.dialog:after {
    transition: all .2s;
}


/*Changing colors */
header.main {
    background-color: #004B64;
}

.dialog {
    background-color: #004B64;
    color: white;
}
.dialog:hover {
    background-color: #026988;
    color: white;
}

.clientes h3, .nosotros h3 {
    color: #004B64;
}
.clientes .h3, .nosotros .h3 {
    color: #cb3910;
}

.servicios.page section header .h3 {
    color: #334145;
}

.qualityPolicy {
    margin-top: 3em;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('../fonts/TradeGothicLTStd.eot');
    src: url('../fonts/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TradeGothicLTStd.woff') format('woff'),
        url('../fonts/TradeGothicLTStd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}