/*
Theme Name: DK
Theme URI: https://www.dhimaskirana.com/dk-themes-wordpress/
Author: Dhimas Kirana
Author URI: https://www.dhimaskirana.com/
Description: DK Themes WordPress is clean and very simple. This theme uses a responsive design and looks great on any device. Suitable for you who want to focus on the content. I hope you will enjoy this theme.
Version: 1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dk
Tags: blog, right-sidebar, custom-header, custom-menu, custom-background, featured-images, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
I hope you will enjoy this theme.

DK is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
    font-family: 'GothamBlack';
    src: url('assets/GothamBlack/GothamBlack.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Montserrat", serif !important;
}

.bg-dark {

    background: #13110E !important;
}


.bg-nav {
    background: #090909 !important;
}

.img-logo-page img,
.custom-logo {
    width: 60px !important;
    height: auto;
}

button.carousel-control-next:hover {
    background: transparent;
}

button.carousel-control-prev:hover {
    background: transparent;
}

.nav-link {
    font-weight: 400;
    font-size: 15px;
}

.relative {
    position: relative !important;
}

.caption {
    position: absolute;
    bottom: 25%;
    left: 10%;
}

h1 {
    font-family: 'GothamBlack', sans-serif;

}

.intro-slider {
    width: 60%;
    font-size: 55px;
    line-height: 65px;
    color: white;
    font-weight: 600;
    margin-top: 10px;
    font-family: 'GothamBlack', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}

.texto-uno {
    font-size: 30px;
    font-weight: 500;
}

.intro-weare {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    text-align: justify;
}

.title-weare span {
    font-size: 12px;
    line-height: 1.667em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #777;

}

.bg-gris {
    background: #F8F8F8;
}

.line_down {
    height: 2px;
    border-bottom: 2px solid #14110D;
    margin: 10px auto;
    width: 5%;
}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dots button.owl-dot.active span,
.owl-dots button.owl-dot:hover span {
    background-color: #14110D;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 1px;
    left: 1px;
}

.owl-dots button.owl-dot {
    /* border: 1px solid gray; */
    background: #D9D9D9 !important;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    position: relative;
    margin: 10px 5px 0;
}

.owl-prev,
.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid black;
}

.owl-prev {
    left: -20px;
}

.owl-next {
    right: -20px;
    font-size: 30px;
}

.owl-next span {
    font-size: 40px;
}

.owl-prev span {
    font-size: 40px;
}

.owl-prev i,
.owl-next i {
    transform: scale(2, 5);
    color: #ccc;
}

.owl-stage-outer {
    margin: auto;
    text-align: left;
    padding: 0 50px;
}

.number_values {
    background-color: #14110D;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 60px;
    margin-top: 10px;
    position: absolute;
    top: -10px;
    left: -30px;
    font-size: 30px;
}

/* .item_value {
    padding-left: 30px;
} */

.item_value ul {
    padding: 0;
    margin-left: 0;
}

.item_value ul li {
    list-style-type: none;
    color: #777;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 16px;
}

.item_value ul li i {
    margin-right: 5px;
}

.title_values_general {
    font-weight: 600;
    font-size: 30px;
}

.content-values {
    width: 65%;
    padding: 100px 100px 100px 150px;
}

.content_values {
    color: #777;
    margin-bottom: 5px;
    font-size: 16px;
    margin: 0;
    text-align: justify;
    font-weight: 400 !important;
    width: 70%;
}

.btn-primary {
    padding: 13px 23px;
    font-weight: 300;
    font-size: 15px;
}

.image-values {
    position: absolute;
    top: 8%;
    left: 0;
}

.image-values img {
    width: 600px;
}

footer {
    background-color: #14110D;
    background-color: #0a0a0a;

}

.text-footer-comp {
    font-size: 11px;
    font-weight: 200;
}

.text-footer {
    font-size: 13px;

}

.logo-footer {
    width: 120px;
}

.exito {

    border: 10px solid #fff;
}

.img-coorp {
    width: 1080px !important;
    height: auto;
}

.exito h5 {
    color: #14110D;
    text-align: left;
    margin-top: 10px;
    font-weight: 500 !important;
    font-size: 15px;
}

.exito h5 i {
    margin-right: 5px;
    font-size: 8px;
    color: #0a0a0a;
    margin-top: -10px !important;
}


.intro-corp {
    position: absolute;
    left: 20px;
    bottom: 80px;
    background-color: rgba(0, 0, 0, 1);
    color: white;
    padding: 3px 10px;
    font-weight: 400 !important;
    font-size: 14px;
}

.title-area {
    color: #0a0a0a;
    font-family: Montserrat, sans-serif;
    font-size: 55px;
    line-height: 1.182em;
    letter-spacing: -.02em;
    font-weight: 600;
}

.activeLink {
    color: #fff !important;
    border-bottom: 1px solid #fff;
}

.content-area-d {
    width: 80%;
}

.text-title-area {
    font-size: 35px;
    line-height: 1.286em;
    letter-spacing: -.02em;
    font-weight: 600;
    color: #0a0a0a;

}

.text-detail-area {
    font-size: 16px;
    color: #777;
    font-weight: 400;
    text-align: justify;
}

.bg-homeNav {
    background-color: #14110D;

}

.mapa {
    width: 100%;
    height: 500px;
    padding: 0;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #FFFFFF;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {

    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #525252;
}

.sidenav p,
.sidenav a {
    color: #777;
    font-size: 14px !important;

}

.closebtn i {
    color: #777;
    font-size: 35px;
    font-weight: 100 !important;
}

.pointer {
    cursor: pointer;
}

.bg-dark {

    background: #13110E !important;
}

.carousel-slider__item .attachment-medium {
    height: 220px !important;
}

.img-quienes {
    height: 500px;
}

.container {
    max-width: 1280px !important;
}

h1,
h2,
h4 {
    font-family: 'GothamBlack', sans-serif;

}

.bg-valores {
    background: #EDEDED;
}

.icono-valores {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    margin: auto;
    left: 10%;
    right: 10%;
    z-index: 2;
    top: 2px;
    border: 5px solid #EDEDED;
}

.icono-valores i {
    font-size: 50px;
    margin-top: 15px;
}

.contenido-valores ul li {
    color: #090909;
    font-size: 14px;
}

.contenido-valores p {
    color: #090909;
    font-size: 14px;
}

.bg-areas-home {
    background-size: cover !important;
    background-position: center !important;
    height: 650px !important;
    width: 65% !important;
}

.contenido-areas {
    width: 50%;
    height: 700px;
    margin-top: -45px;
    position: absolute;
    top: 20px;
    right: 0;
}


.image-container {
    position: relative;
    width: 100%;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    border-radius: 10px;
    overflow: hidden;
}

.image-content {
    position: absolute;
    bottom: 100px;
    transition: opacity 0.3s;
}

.image-container h2 {
    font-size: 20px;
    font-weight: bold;
}

.image-container p {
    font-size: 14px;
}

.image-container .btn-hover {
    position: absolute;
    position: absolute;
    bottom: 40px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}

.image-container:hover .btn-hover {
    opacity: 1;
    transform: translateY(-10px);
}

.titulo-uno {
    font-size: 25px;
    /* font-family: 'GothamBlack', sans-serif; */
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    width: 90%;
    margin: auto;
}

.footer-vision {
    height: auto;
    min-height: 200px;
}

.footer-titu {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    width: 50%;
    margin-bottom: 20px;
}

.enlaces_footer ul li {
    margin: 5px auto !important;
}

.enlaces_footer ul li a {
    color: #fff !important;
    text-decoration: none !important;
}

.separador-footer {
    border-bottom: 1px solid #fff;
    height: 1px;

}

.img-footer-2 {
    height: 90px;
    margin-left: 50px;
}

.text-final {
    font-size: 13px;
}

@media screen and (max-width: 620px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }

    .intro-slider {
        width: 80%;
        font-size: 30px;
        line-height: 30px;

    }

    .texto-uno {
        font-size: 20px;
    }

    .owl-stage-outer {
        margin: auto;
        text-align: left;
        padding: 0 10px;
    }

    .owl-prev {
        left: 20px;
    }

    .owl-next {
        right: 15px;
        font-size: 30px;
    }

    .contenido-areas {
        width: 80%;
        padding: 0 20px !important;

    }

    .content_values {
        width: 90%;
    }

    .img-quienes {
        width: 100%;
        height: auto;
    }
}