:root {
    --color-azul: #24c6c6;
    --color-morado: #2e4073;
    --color-gris: #e0e0e0;
    --color-negro: #343f50;
}
mark
{
    background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, transparent), color-stop(5%, var(--color-azul)), color-stop(37%, var(--color-azul)), color-stop(37%, transparent));
    background: -webkit-linear-gradient(bottom, transparent 5%, var(--color-azul) 5%, var(--color-azul) 37%, transparent 37%);
    background:         linear-gradient(to top, transparent 5%, var(--color-azul) 5%, var(--color-azul) 37%, transparent 37%);
}

/* body */
body
{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;

    min-width: 320px;
    margin: 0;
    padding: 0;

    letter-spacing: .004em; 

    color: var(--color-negro);
}

::-moz-selection
{
    color: white !important;
    background-color: var(--color-azul);
}

::selection
{
    color: white !important;
    background-color: var(--color-azul);
}

/* image */
img
{
    max-width: 100%;
    height: auto;
}

/* paragraph */
p
{
    margin: 0 0 30px;
}
p:empty
{
    display: none;
}
p:last-child
{
    margin-bottom: 0;
}

/* strong */
strong
{
    font-weight: 700;
}

/* mark */
mark
{
    background-color: transparent;
}

/* link */
a
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    text-decoration: none;

    color: inherit;
}
a:hover,
a:focus,
a:active
{
    text-decoration: none;

    outline: none;
}
a:hover
{
    color: var(--color-azul);
}

/* headings */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6
{
    font-family: Montserrat;
    font-weight: 700;

    margin: 15px 0;
    padding: 0;

    letter-spacing: .01em;
    text-transform: none; 

    color: var(--color-negro);
}

h1,
.h1
{
    font-size: 36px;
    line-height: 1.22;
}

h2,
.h2
{
    font-size: 32px;
    line-height: 1.25;
}

h3,
.h3
{
    font-size: 28px;
    line-height: 1.32;
}

h4,
.h4
{
    font-size: 28px;
    line-height: 1.45;
}

h5,
.h5
{
    font-size: 22px;
    line-height: 1.45;
}

h6,
.h6
{
    font-size: 18px;
    line-height: 1.45;
}

/* list */
ul,
ol
{
    margin: 0;
    padding: 0;

    list-style-position: inside;
}

/* divider */
hr
{
    margin: 40px 0;

    border: none;
    border-bottom: 1px solid var(--color-gris);
}

/* address */
address
{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;

    margin: 0 0 30px 0;

    color: var(--color-azul);
}

/* blockquote */
blockquote
{
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;

    margin: 0 0 30px 0;
    padding: 0 10px;

    text-align: center;
    letter-spacing: 0;
    text-transform: none;

    color: var(--color-azul);
}
blockquote p
{
    margin-bottom: 0;
}

cite
{
    font-style: normal;

    display: block;

    margin: 15px 0 0;

    color: var(--color-gris);
}

/* preformatted */
code
{
    font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    padding: 5px 8px;

    color: white;
    background-color: var(--color-azul);
}

pre
{
    font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    line-height: 120%;

    clear: both;
    overflow: auto; 

    max-width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;

    white-space: pre-wrap;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;

    color: var(--color-negro);
    border-left: 6px solid var(--color-azul);
    background-color: var(--color-gris);
}

/* form, input, textarea, select */
form
{
    max-width: 100%;
}

label
{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;

    display: block;

    margin-bottom: 8px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    text-transform: none;

    color: var(--color-negro);
}
label abbr
{
    text-decoration: none;

    border: none !important;
}

input[type='text'],
input[type='date'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='url'],
input[type='search'],
input[type='number'],
textarea,
#cotizar select,
#quote select
{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;

    display: block;
    border-radius: 30px;

    width: 100%;
    margin: 0;
    padding: 15px 30px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    letter-spacing: 0;
    text-transform: none;

    opacity: 1;
    color: var(--color-negro);
    border: 1px solid var(--color-gris);
    outline: none; 
    background-color: white;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type='text'].kd-border-white,
input[type='date'].kd-border-white,
input[type='email'].kd-border-white,
input[type='password'].kd-border-white,
input[type='tel'].kd-border-white,
input[type='url'].kd-border-white,
input[type='search'].kd-border-white,
input[type='number'].kd-border-white,
textarea.kd-border-white,
select.kd-border-white
{
    border-color: white;
}

#cotizar select,
#quote select
{
    padding-right: 35px;

    background-image: url('../img/root/select.png');
    background-repeat: no-repeat;
    background-position: right 30px bottom 50%;
    background-size: 10px 6px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

textarea
{
    width: 100%;
    max-width: 100%;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: border-color;
            transition-property: border-color;
}

input[type='text']:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='number']:focus,
textarea:focus,
select:focus
{
    border-color: var(--color-azul);
    outline: none;
    opacity: 1;
    color: var(--color-negro);
}

input[type='text']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder
{
    opacity: 0.4; 
    color: var(--color-negro);
}

input[type='text']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='number']:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder
{
    opacity: 0.4; 
    color: var(--color-negro);
}

input[type='text']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='number']::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder
{
    opacity: 0.4; 
    color: var(--color-negro);
}

input[type='text']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder
{
    opacity: 0.4; 
    color: var(--color-negro);
}

.kd-form-group
{
    position: relative;

    display: block;

    margin-bottom: 30px;
}
.kd-form-group--small
{
    margin-bottom: 20px;
}

.kd-form-row
{
    display: grid;

    grid-gap: 30px;
    grid-template-columns: repeat(1, 1fr);
}
.kd-form-row.two-col
{
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px)
{
    .kd-form-row.two-col
    {
        grid-gap: 0;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* definition list */
dl
{
    margin: 0 0 30px 0;
}

dt
{
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;

    color: var(--color-azul);
}

dd
{
    margin: 8px 0 0 0; 
    padding: 0;
}

dd + dt
{
    margin-top: 30px;
}

/* table */
table.kd-table
{
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px 0;

    border-collapse: collapse; 

    text-align: left;
}
table.kd-table td,
table.kd-table th
{
    padding: 12px 20px;

    border: 1px solid var(--color-gris);
}
table.kd-table tr th,
table.kd-table thead th
{
    color: var(--color-negro);
}

/* 03. Layout */
/* Layout: grid */
@media (min-width: 1200px)
{
    .container
    {
        width: 1200px;
        max-width: 100%;
    }
}

/* main */
.kd-main
{
    position: relative;

    overflow: hidden;
}
.kd-main--padding
{
    padding: 120px 0;
}

/* content markup */
.kd-content-markup p > a
{
    text-decoration: underline;
}

.kd-content-markup p:last-child
{
    margin-bottom: 0;
}

.kd-content-markup ul,
.kd-content-markup ol
{
    line-height: 2; 

    padding-left: 30px;
}
.kd-content-markup ul ul,
.kd-content-markup ul ol,
.kd-content-markup ol ul,
.kd-content-markup ol ol
{
    margin-bottom: 0;
}

.kd-content-markup > ul,
.kd-content-markup > ol
{
    margin-bottom: 30px;
}

.kd-content-markup h1,
.kd-content-markup .h1,
.kd-content-markup h2,
.kd-content-markup .h2,
.kd-content-markup h3,
.kd-content-markup .h3,
.kd-content-markup h4,
.kd-content-markup .h4,
.kd-content-markup h5,
.kd-content-markup .h5,
.kd-content-markup h6,
.kd-content-markup .h6
{
    margin: 30px 0 30px;
}

.kd-content-markup .fluid-width-video-wrapper
{
    margin-bottom: 30px;
}

/* Layout: header */
/* header */
.kd-header--default,
.kd-header--fullscreen,
.kd-header--slide,
.kd-header--mobile
{
    position: absolute;
    z-index: 20; 
    top: 0;
    left: 0;

    width: 100%;

    color: white;
}
.kd-header--default.kd-header--opaque,
.kd-header--fullscreen.kd-header--opaque,
.kd-header--slide.kd-header--opaque,
.kd-header--mobile.kd-header--opaque
{
    position: relative;
}

/* navbar */
.kd-navbar
{
    position: relative;
    z-index: 30; 

    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: background-color;
            transition-property: background-color;

    will-change: background-color;
}
.kd-navbar .kd-navbar-inner
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 80px; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
            justify-content: flex-start;
}
.kd-navbar.kd-navbar--fixed
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-navbar.kd-navbar--fixed.kd-on-scroll-show
{
    -webkit-animation-name: mtin_fade_in_down;
            animation-name: mtin_fade_in_down;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.kd-navbar.kd-navbar--fixed.kd-on-scroll-hide
{
    -webkit-animation-name: mtin_fade_out_up;
            animation-name: mtin_fade_out_up;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.kd-navbar.kd-navbar--transparent
{
    background-color: transparent;
}
.kd-navbar,
.kd-navbar.kd-navbar--solid
{
    background-color: var(--color-morado);
}
.kd-navbar.kd-navbar--transparent-always
{
    background-color: transparent;
}
.kd-navbar-overlay
{
    position: fixed;
    z-index: 888; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    cursor: e-resize;

    background-color: rgba(11, 11, 11, .2);
}
.kd-navbar .kd-navbar-logo
{
    line-height: 1; 

    display: inline-block;

    vertical-align: middle;
}
.kd-navbar .kd-navbar-logo:hover
{
    color: currentColor;
}
.kd-navbar .kd-navbar-logo h2
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1;

    margin: 0;

    color: currentColor;
}
.kd-navbar .kd-navbar-logo img
{
    display: none;

    max-width: none;
}
.kd-navbar .kd-navbar-logo img.white
{
    display: block;
}

.kd-navbar:not(.kd-navbar--mobile) .kd-menu-burger
{
    margin-left: 15px;
}
.kd-navbar.kd-navbar--white-text-on-top
{
    color: white;
}
.kd-navbar.kd-navbar--white-text-on-top .kd-navbar-logo img.black
{
    display: block;
}
.kd-navbar.kd-navbar--white-text-on-top .kd-navbar-logo img.white
{
    display: none;
}
.kd-navbar.kd-navbar--white-text-on-top.kd-navbar--solid
{
    color: var(--color-negro);
}
.kd-navbar.kd-navbar--white-text-on-top.kd-navbar--solid .kd-navbar-logo
{
    color: var(--color-negro);
}
.kd-navbar.kd-navbar--white-text-on-top.kd-navbar--solid .kd-navbar-logo img.black
{
    display: none;
}
.kd-navbar.kd-navbar--white-text-on-top.kd-navbar--solid .kd-navbar-logo img.white
{
    display: block;
}

@media (min-width: 783px)
{
    .admin-bar .kd-navbar--fixed
    {
        top: 32px !important;
    }
}

@media (max-width: 782px)
{
    .admin-bar .kd-navbar--fixed
    {
        top: 46px !important;
    }
}

@media (max-width: 600px)
{
    .admin-bar .kd-navbar--fixed
    {
        top: 0 !important;
    }
}

/* menu burger */
.kd-menu-burger
{
    position: relative;
    z-index: 1; 

    display: inline-block;

    width: 50px;
    height: 50px;

    cursor: pointer;
    -webkit-transition: none;
            transition: none;
    vertical-align: middle;

    padding: 20px 10px;
    background: var(--color-azul);
}
.kd-menu-burger .line
{
    display: block;

    margin-bottom: 4px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
}
.kd-menu-burger .line.line-three
{
    margin-bottom: 0;
}
.kd-menu-burger .line span
{
    display: block;

    width: 100%;
    height: 2px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: color, -webkit-transform;
            transition-property: color, -webkit-transform;
            transition-property: transform, color;
            transition-property: transform, color, -webkit-transform;

    background-color: currentColor;
}
.kd-menu-burger:hover
{
    color: inherit;
}
.kd-menu-burger:hover .line-one span
{
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
}
.kd-menu-burger:hover .line-three span
{
    -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
            transform: translateY(1px);
}
.kd-menu-burger--opened .line-one
{
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
}
.kd-menu-burger--opened .line-one span
{
    -webkit-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
            transform: rotate(45deg) !important;
}
.kd-menu-burger--opened .line-two span
{
    opacity: 0;
}
.kd-menu-burger--opened .line-three
{
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
}
.kd-menu-burger--opened .line-three span
{
    -webkit-transform: rotate(-45deg) !important;
        -ms-transform: rotate(-45deg) !important;
            transform: rotate(-45deg) !important;
}

/* mobile navigation */
.kd-mobile-navigation
{
    position: absolute;
    z-index: 1; 
    top: 100%;
    left: 0;

    display: none;

    width: 100%;

    border-bottom: 1px solid var(--color-gris);
    background-color: white;
}
.kd-mobile-navigation .sf-menu li
{
    display: block;
    float: none;
}
.kd-mobile-navigation .sf-menu a
{
    font-size: 16px;
    line-height: 1;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 14px 0;

    text-align: left;

    color: white;
    border-bottom: 1px dashed var(--color-gris); 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.kd-mobile-navigation .sf-menu li:last-child a
{
    border-bottom: none;
}
.kd-mobile-navigation .sf-menu ul.sub-menu
{
    font-size: 14px;
    font-style: italic; 

    position: static;

    padding-left: 15px;
}
.kd-mobile-navigation .sf-menu ul.sub-menu a
{
    border-bottom: 1px dashed var(--color-gris);
}
.kd-mobile-navigation .sf-menu li.current-menu-item > a,
.kd-mobile-navigation .sf-menu li:hover > a
{
    color: var(--color-azul);
}
.kd-mobile-navigation .sf-menu li.menu-item-has-children > a::after
{
    font-family: leedo;
    font-size: 12px; 
    font-style: normal;

    content: '\e90b';
}
.kd-mobile-navigation .sf-menu li.sfHover > a::after
{
    content: '\e902';
}

/* navigation */
.kd-default-navigation .sf-menu
{
    font-size: 0;
}
.kd-default-navigation .sf-menu > li
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;
    float: none;

    height: 10%;
}
.kd-default-navigation .sf-menu > li > a
{
    line-height: 1; 

    padding: 32px 13px;
}
.kd-default-navigation .sf-menu > li > a span
{
    position: relative;
    color: white
}
.kd-default-navigation .sf-menu > li > a span::after
{
    position: absolute;
    bottom: -8px;
    left: 50%;

    width: 16px;
    height: 2px;
    margin-left: -8px;

    content: '';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);

    background-color: var(--color-azul);
}
.kd-default-navigation .sf-menu > li:hover > a,
.kd-default-navigation .sf-menu > li.current-menu-item > a,
.kd-default-navigation .sf-menu > li.sfHover > a
{
    color: var(--color-azul);
}
.kd-default-navigation .sf-menu > li:hover > a span::after,
.kd-default-navigation .sf-menu > li.current-menu-item > a span::after,
.kd-default-navigation .sf-menu > li.sfHover > a span::after
{
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}
.kd-default-navigation .sf-menu ul.sub-menu
{
    font-family: Montserrat;
    font-size: 16px;

    min-width: 180px;
    padding: 20px 0;

    color: white;
    background-color: var(--color-negro);
}
.kd-default-navigation .sf-menu ul.sub-menu ul.sub-menu
{
    top: -20px;
}
.kd-default-navigation .sf-menu ul.sub-menu li
{
    display: block;
}
.kd-default-navigation .sf-menu ul.sub-menu li.menu-item-has-children > a::after
{
    font-family: leedo;
    font-size: 8px; 

    content: '\e90b';
}
.kd-default-navigation .sf-menu ul.sub-menu a
{
    line-height: 1.2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 8px 30px;

    white-space: nowrap; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.kd-default-navigation .sf-menu ul.sub-menu li:hover > a,
.kd-default-navigation .sf-menu ul.sub-menu li.sfHover > a
{
    color: var(--color-azul);
}
.kd-default-navigation .sf-menu > li.two-columns > ul.sub-menu
{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
.kd-default-navigation .sf-menu > li.three-columns > ul.sub-menu
{
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}

/* Header: fullscreen */

.kd-fullscreen-navigation-holder
{
    position: fixed;
    z-index: 999; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    visibility: hidden;
    overflow: auto;
            flex-direction: column;

    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    pointer-events: none;

    opacity: 0;
    background-color: var(--color-negro);
    background-image: url('../img/attachment-81.jpg');
    background-position: center;
    background-size: cover;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.kd-fullscreen-navigation-holder.is-open
{
    visibility: visible;

    pointer-events: auto; 

    opacity: 1;
}
.kd-fullscreen-navigation-holder .kd-navbar
{
    position: absolute;
    z-index: 3; 
    top: 0;
    right: 0;
    left: 0;

    background-color: transparent;
}

/* navigation */
.kd-fullscreen-navigation,
.kd-slide-navigation
{
    font-family: Montserrat;

    position: relative;
    z-index: 10; 

    overflow: auto;

    max-height: calc(100vh - 120px);
    padding: 0 30px;
}
.kd-fullscreen-navigation::-webkit-scrollbar,
.kd-slide-navigation::-webkit-scrollbar
{
    display: none;
}
.kd-fullscreen-navigation .sf-menu li,
.kd-slide-navigation .sf-menu li
{
    display: block;
    float: none;

    text-align: center;
}
.kd-fullscreen-navigation .sf-menu a,
.kd-slide-navigation .sf-menu a
{
    font-size: 38px;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    padding: 12px 0;

    color: white;
}
.kd-is--lowercase-mode .kd-fullscreen-navigation .sf-menu a,
.kd-is--lowercase-mode .kd-slide-navigation .sf-menu a
{
    text-transform: lowercase;
}
.kd-fullscreen-navigation .sf-menu ul.sub-menu,
.kd-slide-navigation .sf-menu ul.sub-menu
{
    position: static;
}
.kd-fullscreen-navigation .sf-menu ul.sub-menu a,
.kd-slide-navigation .sf-menu ul.sub-menu a
{
    font-size: 16px;
    font-weight: 600;

    padding: 8px 0;

    letter-spacing: .05em;
    text-transform: uppercase; 

    color: white;
}
.kd-fullscreen-navigation .sf-menu ul.sub-menu li.current-menu-item > a,
.kd-slide-navigation .sf-menu ul.sub-menu li.current-menu-item > a,
.kd-fullscreen-navigation .sf-menu ul.sub-menu li:hover > a,
.kd-slide-navigation .sf-menu ul.sub-menu li:hover > a
{
    color: var(--color-azul);
}
.kd-fullscreen-navigation .sf-menu > li > a,
.kd-slide-navigation .sf-menu > li > a
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 250ms;
            transition-duration: 250ms;
    -webkit-transition-property: all;
            transition-property: all;

    color: transparent;
    background-color: var(--color-azul);
    background-image: -webkit-gradient(linear, right top, left top, from(white), color-stop(50%, white), color-stop(50%, transparent));
    background-image: -webkit-linear-gradient(right, white 0%, white 50%, transparent 50%);
    background-image:         linear-gradient(to left, white 0%, white 50%, transparent 50%);
    background-position: 100% 0;
    -webkit-background-clip: text;
            background-clip: text;
    background-size: 200% 200%;
}
.kd-fullscreen-navigation .sf-menu > li:hover > a,
.kd-slide-navigation .sf-menu > li:hover > a
{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.kd-fullscreen-navigation .sf-menu > li.current-menu-item > a,
.kd-slide-navigation .sf-menu > li.current-menu-item > a,
.kd-fullscreen-navigation .sf-menu > li:hover > a,
.kd-slide-navigation .sf-menu > li:hover > a
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    -webkit-transition-property: all;
            transition-property: all;

    color: transparent;
    background-position: 0 0;
}

/* animate items when menu is open */
.kd-fullscreen-navigation .sf-menu > li,
.kd-slide-navigation .sf-menu > li
{
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%); 

    opacity: 0;
}

.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li,
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(1),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(1)
{
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(2),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(2)
{
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(3),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(3)
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(4),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(4)
{
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(5),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(5)
{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(6),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(6)
{
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(7),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(7)
{
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(8),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(8)
{
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(9),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(9)
{
    -webkit-transition-delay: 900ms;
            transition-delay: 900ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(10),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(10)
{
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(11),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(11)
{
    -webkit-transition-delay: 1100ms;
            transition-delay: 1100ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(12),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(12)
{
    -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(13),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(13)
{
    -webkit-transition-delay: 1300ms;
            transition-delay: 1300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-fullscreen-navigation-holder.is-open .kd-fullscreen-navigation .sf-menu > li:nth-child(14),
.kd-fullscreen-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(14)
{
    -webkit-transition-delay: 1400ms;
            transition-delay: 1400ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}

/* Header: slide */

.kd-slide-navigation-holder
{
    position: fixed;
    z-index: 999; 
    top: 0;
    right: 0;
    bottom: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    visibility: hidden;
    overflow: auto;
            flex-direction: column;

    width: 450px;

    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: visibility, -webkit-transform;
            transition-property: visibility, -webkit-transform;
            transition-property: transform, visibility;
            transition-property: transform, visibility, -webkit-transform;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);

    background-color: var(--color-negro);
    background-image: url('../img/attachment-81.jpg');
    background-position: center;
    background-size: cover;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.kd-slide-navigation-holder.is-open
{
    visibility: visible;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.kd-slide-navigation-holder .kd-navbar
{
    position: absolute;
    z-index: 3; 
    top: 0;
    right: 0;
    left: 0;

    padding: 0 30px;

    text-align: right;

    background-color: transparent;
}

/* navigation */
/* animate items when menu is open */
.kd-slide-navigation .sf-menu > li
{
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%); 

    opacity: 0;
}

.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(1)
{
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(2)
{
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(3)
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(4)
{
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(5)
{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(6)
{
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(7)
{
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(8)
{
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(9)
{
    -webkit-transition-delay: 900ms;
            transition-delay: 900ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(10)
{
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(11)
{
    -webkit-transition-delay: 1100ms;
            transition-delay: 1100ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(12)
{
    -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(13)
{
    -webkit-transition-delay: 1300ms;
            transition-delay: 1300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-slide-navigation-holder.is-open .kd-slide-navigation .sf-menu > li:nth-child(14)
{
    -webkit-transition-delay: 1400ms;
            transition-delay: 1400ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}

/* Header: aside */
.kd-header--aside
{
    font-family: Montserrat;

    position: fixed;
    z-index: 20; 
    top: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: auto;
            flex-direction: column;

    width: 280px;
    padding: 45px 58px;

    color: var(--color-negro);
    border-right: 1px solid var(--color-gris);
    background-color: white;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.kd-header--aside > *
{
    position: relative;
    z-index: 1;
}
.kd-header--aside .kd-aside-navigation-logo
{
    line-height: 1; 

    display: inline-block;

    margin-bottom: 45px;

    vertical-align: middle;
}
.kd-header--aside .kd-aside-navigation-logo:hover
{
    color: currentColor;
}
.kd-header--aside .kd-aside-navigation-logo h2
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1;

    margin: 0;

    color: currentColor;
}
.kd-header--aside .kd-aside-navigation-logo img
{
    display: block;

    max-width: none;
}

/* content area */
@media (min-width: 1200px)
{
    .kd-is--header-aside .container
    {
        width: 1000px;
    }
}

@media (min-width: 992px)
{
    .kd-is--header-aside .kd-site-wrapper__inner,
    .kd-is--header-aside .kd-footer
    {
        padding-left: 280px;
    }
}

/* navigation */
.kd-aside-navigation .sf-menu li
{
    display: block;
    float: none;
}

.kd-aside-navigation .sf-menu a
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1;

    display: block;

    padding: 12px 0;

    color: var(--color-negro);
}

.kd-aside-navigation .sf-menu ul.sub-menu
{
    position: static;

    padding-left: 10px;

    border-left: 1px solid var(--color-gris);
}
.kd-aside-navigation .sf-menu ul.sub-menu a
{
    font-size: 14px;
    font-weight: 400;
    font-style: italic;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 8px 0;

    color: var(--color-gris); 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.kd-aside-navigation .sf-menu ul.sub-menu li.menu-item-has-children > a::after
{
    font-size: 8px;
}
.kd-aside-navigation .sf-menu ul.sub-menu li.current-menu-item > a,
.kd-aside-navigation .sf-menu ul.sub-menu li:hover > a
{
    color: var(--color-azul);
}

.kd-aside-navigation .sf-menu li.menu-item-has-children > a::after
{
    font-family: leedo;
    font-size: 12px;
    font-style: normal;

    float: right;

    margin-top: 5px;

    content: '\e90b';

    color: inherit;
}

.kd-aside-navigation .sf-menu li.sfHover > a::after
{
    content: '\e902';
}

.kd-aside-navigation .sf-menu > li.current-menu-item > a,
.kd-aside-navigation .sf-menu > li:hover > a
{
    color: var(--color-azul);
}

/* socials */
.kd-aside-navigation-socials
{
    margin-top: 45px;
}
.kd-aside-navigation-socials a
{
    color: #9e9e9e;
}
.kd-aside-navigation-socials a:hover
{
    color: var(--color-azul);
}

/* Layout: footer */
.kd-footer
{
    width: 100%;

    color: #c5c5c5;
}

/* fixed effect */
@media (min-width: 768px)
{
    .kd-footer--fixed
    {
        position: fixed;
        z-index: 0; 
        bottom: 0;
        left: 0;
    }
    .kd-is--footer-fixed .kd-site-wrapper__inner
    {
        position: relative;
        z-index: 10; 

        background-color: white;
        -webkit-box-shadow: 0 15px 30px rgba(11, 11, 11, .1);
                box-shadow: 0 15px 30px rgba(11, 11, 11, .1);
    }
}

@media (max-width: 767px)
{
    .kd-site-wrapper__inner
    {
        margin-bottom: 0 !important;
    }
}

/* footer logo */
.kd-footer-logo
{
    line-height: 1; 

    display: inline-block;
}
.kd-footer-logo h2
{
    font-size: 62px;
    font-weight: 600;
    line-height: 1;

    margin: 0;

    color: white;
}
.kd-footer-logo img
{
    display: block;

    max-width: none;
}

/* footer copyright */
.kd-footer-copyright
{
    font-size: 16px;

    color: var(--color-gris);
}
.kd-footer-copyright p
{
    margin-bottom: 0;
}

/* footer socials */
.kd-footer-socials a
{
    color: var(--color-morado);
}

.kd-footer-socials--style-2
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}
.kd-footer-socials--style-2 li
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    margin: 0 4px;
}
@media (max-width: 767px)
{
    .kd-footer-socials--style-2 li
    {
        margin: 5px 8px 0;
    }
}
@media (min-width: 768px)
{
    .kd-footer-socials--style-2 li + li::before
    {
        padding-right: 8px; 

        content: '-';
    }
}
.kd-footer-socials--style-2 a
{
    color: white;
}
.kd-footer-socials--style-2 a:hover
{
    color: var(--color-azul);
}

/* footer content */
.kd-footer-content
{
    font-family: Montserrat;
}
.kd-footer-content p
{
    margin-bottom: 0;
}
.kd-footer-content a
{
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;

    position: relative;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;
    overflow: hidden; 

    color: white;
}
.kd-footer-content a::before
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 4px;

    content: '';

    background-color: currentColor;
}
.kd-footer-content a:hover::before
{
    -webkit-animation-name: mtin_underline_link;
            animation-name: mtin_underline_link;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@media (max-width: 767px)
{
    .kd-footer-content a
    {
        font-size: 48px;
    }
}
@media (max-width: 575px)
{
    .kd-footer-content a
    {
        font-size: 34px;
    }
}
.kd-footer-content--style-2 a
{
    font-size: 48px;
}
@media (max-width: 575px)
{
    .kd-footer-content--style-2 a
    {
        font-size: 34px;
    }
}

/* Footer: style 1 */
.kd-footer--style-1,
.kd-footer--style-2,
.kd-footer--style-3
{
    padding: 100px 0;

}
@media (max-width: 767px)
{
    .kd-footer--style-1
    {
        padding: 30px 0;
    }
}

.kd-footer--style-1 .kd-footer-logo + .kd-footer-copyright,
.kd-footer--style-2 .kd-footer-logo + .kd-footer-copyright,
.kd-footer--style-3 .kd-footer-logo + .kd-footer-copyright,
.kd-footer--style-1 .kd-footer-logo + .kd-footer-socials,
.kd-footer--style-2 .kd-footer-logo + .kd-footer-socials,
.kd-footer--style-3 .kd-footer-logo + .kd-footer-socials,
.kd-footer--style-1 .kd-footer-copyright + .kd-footer-socials,
.kd-footer--style-2 .kd-footer-copyright + .kd-footer-socials,
.kd-footer--style-3 .kd-footer-copyright + .kd-footer-socials
{
    margin-top: 25px;
}
.kd-footer--style-1 .kd-footer-copyright,
.kd-footer--style-2 .kd-footer-copyright,
.kd-footer--style-3 .kd-footer-copyright
{
    color: var(--color-negro);
}

/* Footer: style 2 */
.kd-footer--style-2 .kd-footer-content + .kd-footer-copyright,
.kd-footer--style-3 .kd-footer-content + .kd-footer-copyright,
.kd-footer--style-2 .kd-footer-content + .kd-footer-socials,
.kd-footer--style-3 .kd-footer-content + .kd-footer-socials
{
    margin-top: 55px;
}

.kd-footer--style-2 .kd-footer-copyright + .kd-footer-socials,
.kd-footer--style-3 .kd-footer-copyright + .kd-footer-socials
{
    margin-top: 30px;
}

/* Footer: style 3 */
.kd-footer--style-3
{
    background-image: url('../img/attachment-05.jpg');
}
.kd-footer--style-3 .kd-footer-content a,
.kd-footer--style-3 .kd-footer-socials a,
.kd-footer--style-3 .kd-footer-copyright
{
    color: #1f0e49;
}
.kd-footer--style-3 .kd-footer-copyright
{
    opacity: .75;
}

/* Footer: style 4 */
.kd-footer--style-4
{
    padding: 35px 0;

    background-color: #f0f0f0;
}
@media (max-width: 767px)
{
    .kd-footer--style-4 .kd-footer-inner
    {
        text-align: center;
    }
}
@media (min-width: 768px)
{
    .kd-footer--style-4 .kd-footer-inner
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.kd-footer--style-4 .kd-footer-copyright
{
    color: #6b6b6b;
}
.kd-footer--style-4 .kd-footer-socials
{
    font-size: 16px;
}
@media (max-width: 767px)
{
    .kd-footer--style-4 .kd-footer-socials
    {
        margin-top: 20px;
    }
}
.kd-footer--style-4 .kd-footer-socials a:not(:hover)
{
    color: #9e9e9e;
}

/* 04. Pages */
/* Page: 404 */
.kd-page-404
{
    padding: 60px 0 120px;

    text-align: center;
}
.kd-page-404 strong
{
    font-family: Montserrat;
    font-size: 180px;
    font-weight: 700;
    line-height: 1;

    display: block;

    margin-bottom: 5px;

    color: var(--color-morado);
}
@media (max-width: 575px)
{
    .kd-page-404 strong
    {
        font-size: 150px;
    }
}
.kd-page-404 h1
{
    font-size: 48px; 

    margin: 0;
}
.kd-is--lowercase-mode .kd-page-404 h1
{
    text-transform: lowercase;
}
@media (max-width: 575px)
{
    .kd-page-404 h1
    {
        font-size: 38px;
    }
}
.kd-page-404 p
{
    max-width: 360px;
    margin: 20px auto 0;
}
.kd-page-404 .kd-btn
{
    margin-top: 50px;
}

/* Page: portfolio */
.js-caption
{
    position: fixed;
    z-index: 999; 
    top: 100px;
    left: 100px;

    overflow: hidden;

    width: auto;
    height: auto;
    margin: 25px 0 0;

    -webkit-animation-name: mtin_fade_in;
            animation-name: mtin_fade_in;
    -webkit-animation-duration: 150ms;
            animation-duration: 150ms;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    animation-direction: reverse;
    white-space: nowrap;
    pointer-events: none;

    opacity: 0;
    background-color: white;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.js-caption h4
{
    font-size: 24px;
    line-height: 1.2;

    margin: 0;
    padding: 5px 15px;

    -webkit-transform: translateY(150%);
        -ms-transform: translateY(150%);
            transform: translateY(150%);
}
.kd-is--lowercase-mode .js-caption h4
{
    text-transform: lowercase;
}

.js-caption--active
{
    -webkit-animation-name: mtin_fade_in;
            animation-name: mtin_fade_in;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-direction: normal;
            animation-direction: normal;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.js-caption--active h4
{
    -webkit-transition-timing-function: cubic-bezier(.07, .72, .24, 1);
            transition-timing-function: cubic-bezier(.07, .72, .24, 1); 
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

/* Portfolio: filters */
.kd-cubeportfolio-filters
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 60px; 

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 575px)
{
    .kd-cubeportfolio-filters
    {
                flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
    }
}
.kd-cubeportfolio-filters.kd-cubeportfolio-filters--left
{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.kd-cubeportfolio-filters.kd-cubeportfolio-filters--right
{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.kd-cubeportfolio-filters .cbp-filter-item
{
    cursor: pointer; 
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    text-decoration: none;

    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.kd-cubeportfolio-filters .cbp-filter-item + .cbp-filter-item
{
    margin-left: 30px;
}
@media (max-width: 575px)
{
    .kd-cubeportfolio-filters .cbp-filter-item + .cbp-filter-item
    {
        margin-top: 15px;
        margin-left: 0;
    }
}
.kd-cubeportfolio-filters .cbp-filter-item
{
    display: inline-block;

    margin: 0;
    padding: 0;

    list-style-type: none;

    text-align: center;

    color: var(--color-negro); 

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.kd-cubeportfolio-filters .cbp-filter-item:hover
{
    color: var(--color-azul);
}
.kd-cubeportfolio-filters .cbp-filter-item.cbp-filter-item-active
{
    cursor: default;
    pointer-events: none;

    color: var(--color-azul);
}

/* Portfolio: pagination */
.kd-cubeportfolio-pagination-wrap
{
    overflow: auto !important;
}

.kd-cubeportfolio-pagination-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0;
    padding: 0; 

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.kd-cubeportfolio-pagination-wrap.kd-cubeportfolio-pagination-wrap--left
{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.kd-cubeportfolio-pagination-wrap.kd-cubeportfolio-pagination-wrap--right
{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.kd-cubeportfolio-pagination-wrap .cbp-l-loadMore-stop
{
    cursor: not-allowed; 
    pointer-events: none;

    opacity: .8;
    color: var(--color-gris);
    background-color: var(--color-gris);
}

.cbp-l-loadMore-defaultText,
.cbp-l-loadMore-button-defaultText
{
    display: block !important;
}

.cbp-l-loadMore-loadingText,
.cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-button-loadingText,
.cbp-l-loadMore-button-noMoreLoading
{
    display: none !important;
}

/* loading state */
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText
{
    display: block !important;
}

.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading
{
    display: none !important;
}

/* no more loading */
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading
{
    display: block !important;
}

.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText
{
    display: none !important;
}

/* Work: fade */
.kd-portfolio-item--fade,
.kd-portfolio-item--style-1,
.kd-portfolio-item--style-2,
.kd-portfolio-item--style-3,
.kd-portfolio-item--style-4
{
    position: relative;

    overflow: hidden;
    /* overlay */
    /* meta */
    /* transitions */
    /* align */
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 30px;

    -webkit-transition-timing-function: cubic-bezier(.07, .72, .24, 1);
            transition-timing-function: cubic-bezier(.07, .72, .24, 1); 
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-property: opacity;
            transition-property: opacity;
    text-decoration: none;

    opacity: 0;
    color: white;

    will-change: opacity;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    height: 100%;

    -webkit-transition-timing-function: cubic-bezier(.07, .72, .24, 1);
            transition-timing-function: cubic-bezier(.07, .72, .24, 1); 
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    text-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    will-change: transform, opacity;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta > * + *,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta > * + *,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta > * + *,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta > * + *,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta > * + *
{
    margin-top: 5px;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta
{
    font-size: 24px;
    line-height: 1.2;

    margin: 0;

    color: inherit;
}
.kd-is--lowercase-mode .kd-portfolio-item--fade .kd-portfolio-item-meta,
.kd-is--lowercase-mode .kd-portfolio-item--style-1 .kd-portfolio-item-meta,
.kd-is--lowercase-mode .kd-portfolio-item--style-2 .kd-portfolio-item-meta,
.kd-is--lowercase-mode .kd-portfolio-item--style-3 .kd-portfolio-item-meta,
.kd-is--lowercase-mode .kd-portfolio-item--style-4 .kd-portfolio-item-meta
{
    text-transform: lowercase;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta-title,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta-title,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta-title,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta-title,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta-title
{

    font-size: 24px;
    line-height: 1.2;

    margin: 0;

    color: inherit;
}
.kd-is--lowercase-mode .kd-portfolio-item--fade .kd-portfolio-item-meta-title,
.kd-is--lowercase-mode .kd-portfolio-item--style-1 .kd-portfolio-item-meta-title,
.kd-is--lowercase-mode .kd-portfolio-item--style-2 .kd-portfolio-item-meta-title,
.kd-is--lowercase-mode .kd-portfolio-item--style-3 .kd-portfolio-item-meta-title,
.kd-is--lowercase-mode .kd-portfolio-item--style-4 .kd-portfolio-item-meta-title
{
    text-transform: lowercase;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta-date,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta-date,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta-date,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta-date,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta-date
{
    font-size: .85em;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta-icon,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta-icon,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta-icon,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta-icon,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta-icon
{
    font-size: 2em;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta-icon + *,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta-icon + *,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta-icon + *,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta-icon + *,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta-icon + *
{
    margin-top: 15px;
}
.kd-portfolio-item--fade .kd-portfolio-item-meta-category,
.kd-portfolio-item--style-1 .kd-portfolio-item-meta-category,
.kd-portfolio-item--style-2 .kd-portfolio-item-meta-category,
.kd-portfolio-item--style-3 .kd-portfolio-item-meta-category,
.kd-portfolio-item--style-4 .kd-portfolio-item-meta-category
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 10px 0 0;
    padding: 0;

    list-style-type: none; 

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.kd-portfolio-item--fade .kd-portfolio-item-img,
.kd-portfolio-item--style-1 .kd-portfolio-item-img,
.kd-portfolio-item--style-2 .kd-portfolio-item-img,
.kd-portfolio-item--style-3 .kd-portfolio-item-img,
.kd-portfolio-item--style-4 .kd-portfolio-item-img
{
    overflow: hidden;
}
.kd-portfolio-item--fade .kd-portfolio-item-img img,
.kd-portfolio-item--style-1 .kd-portfolio-item-img img,
.kd-portfolio-item--style-2 .kd-portfolio-item-img img,
.kd-portfolio-item--style-3 .kd-portfolio-item-img img,
.kd-portfolio-item--style-4 .kd-portfolio-item-img img
{
    -webkit-transition-timing-function: cubic-bezier(.08, .43, .24, 1);
            transition-timing-function: cubic-bezier(.08, .43, .24, 1); 
    -webkit-transition-duration: 2s;
            transition-duration: 2s;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;

    will-change: transform;
}
.kd-portfolio-item--fade:hover .kd-portfolio-item-overlay,
.kd-portfolio-item--style-1:hover .kd-portfolio-item-overlay,
.kd-portfolio-item--style-2:hover .kd-portfolio-item-overlay,
.kd-portfolio-item--style-3:hover .kd-portfolio-item-overlay,
.kd-portfolio-item--style-4:hover .kd-portfolio-item-overlay
{
    opacity: 1;
}
.kd-portfolio-item--fade:hover .kd-portfolio-item-meta,
.kd-portfolio-item--style-1:hover .kd-portfolio-item-meta,
.kd-portfolio-item--style-2:hover .kd-portfolio-item-meta,
.kd-portfolio-item--style-3:hover .kd-portfolio-item-meta,
.kd-portfolio-item--style-4:hover .kd-portfolio-item-meta
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.kd-portfolio-item--fade:hover .kd-portfolio-item-img img,
.kd-portfolio-item--style-1:hover .kd-portfolio-item-img img,
.kd-portfolio-item--style-2:hover .kd-portfolio-item-img img,
.kd-portfolio-item--style-3:hover .kd-portfolio-item-img img,
.kd-portfolio-item--style-4:hover .kd-portfolio-item-img img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-left .kd-portfolio-item-meta
{
    text-align: left; 

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-right .kd-portfolio-item-meta
{
    text-align: right; 

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
            align-items: flex-end;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-top-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-top-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-top-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-top-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-top-center .kd-portfolio-item-meta
{
    text-align: center; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-top-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-top-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-top-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-top-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-top-left .kd-portfolio-item-meta
{
    text-align: left; 

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-top-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-top-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-top-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-top-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-top-right .kd-portfolio-item-meta
{
    text-align: right; 

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-bottom-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-bottom-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-bottom-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-bottom-center .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-bottom-center .kd-portfolio-item-meta
{
    text-align: center; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-bottom-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-bottom-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-bottom-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-bottom-left .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-bottom-left .kd-portfolio-item-meta
{
    text-align: left; 

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.kd-portfolio-item--fade .kd-portfolio-item-overlay--align-bottom-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay--align-bottom-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-2 .kd-portfolio-item-overlay--align-bottom-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-3 .kd-portfolio-item-overlay--align-bottom-right .kd-portfolio-item-meta,
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay--align-bottom-right .kd-portfolio-item-meta
{
    text-align: right; 

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}

/* Work: style 1 */
.kd-portfolio-item--style-1
{
    /* overlay */
    /* transitions */
}
.kd-portfolio-item--style-1 .kd-portfolio-item-overlay::after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition-timing-function: cubic-bezier(.07, .72, .24, 1);
            transition-timing-function: cubic-bezier(.07, .72, .24, 1); 
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);

    border: 10px solid var(--color-morado);
}
.kd-portfolio-item--style-1:hover .kd-portfolio-item-overlay::after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* Work: style 2 */
/* Work: style 3 */
/* Work: style 4 */
.kd-portfolio-item--style-4 .kd-portfolio-item-overlay > *
{
    display: none;
}

/* 05. Partials */
/* Partial: back to top */
.kd-btn.kd-btn--go-top
{
    font-size: 20px;
    line-height: 1;

    position: fixed;
    z-index: 5; 
    right: 30px;
    bottom: 30px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 50px;
    height: 50px;
    padding: 0;

    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px 0 rgba(11, 11, 11, .1);
            box-shadow: 0 1px 3px 0 rgba(11, 11, 11, .1);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-btn.kd-btn--go-top i
{
    margin: 0;
}
@media (max-width: 767px)
{
    .kd-btn.kd-btn--go-top
    {
        display: none;
    }
}
.kd-btn.kd-btn--go-top.hidden
{
    visibility: hidden; 

    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);

    opacity: 0;
}
.kd-btn.kd-btn--go-top.visible
{
    visibility: visible; 

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

/* Partial: preloader */
.kd-site-preloader
{
    position: fixed;
    z-index: 9998; 
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 100%;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    background-color: white;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.kd-is-page-loaded .kd-site-preloader
{
    visibility: hidden; 

    opacity: 0;
}

/* image */
.kd-site-preloader .image img
{
    height: 100px;

    border-radius: 50%;
}

/* Partial: fit image */
.kd-fit-image
{
    position: relative;

    padding-top: var(--size-md); 

    background-color: var(--color-gris);
}
@media (max-width: 767px)
{
    .kd-fit-image
    {
        padding-top: var(--size-sm);
    }
}
.kd-fit-image img
{
    font-family: 'object-fit: cover';

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}

/* Partial: large link with arrow */
.kd-large-link
{
    font-family: Montserrat;
    font-size: 58px;
    font-weight: 700;
    line-height: 1;

    color: var(--color-azul);
}
.kd-is--lowercase-mode .kd-large-link
{
    text-transform: lowercase;
}
@media (max-width: 767px)
{
    .kd-large-link
    {
        font-size: 38px;
    }
}
.kd-large-link i
{
    font-size: 34px;

    display: inline-block;

    margin-left: 70px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .kd-large-link i
    {
        font-size: 20px; 

        margin-left: 40px;
    }
}
.kd-large-link:hover i
{
    -webkit-animation-name: mtin_animate_icon_right;
            animation-name: mtin_animate_icon_right;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

/* Partial: scroll to arrow */
.kd-scroll-to-arrow
{
    font-size: 22px;

    z-index: 2; 

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 30px;
    height: 30px;

    color: white;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-scroll-to-arrow:hover
{
    color: rgba(255, 255, 255, .8);
}

/* Partial: social icons */
/* style 1 */
.kd-social-icon--style-1
{
    font-size: 20px;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    width: 50px;
    height: 50px;
    margin: 0 15px 0 0;

    color: white;
    border-radius: 50px; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-social-icon--style-1:last-of-type
{
    margin-right: 0;
}
.kd-social-icon--style-1:hover
{
    color: white;
}
.kd-social-icon--style-1.twitter
{
    background-color: #1da1f2;
}
.kd-social-icon--style-1.dribbble
{
    background-color: #ea4c89;
}
.kd-social-icon--style-1.facebook
{
    background-color: #3b5998;
}
.kd-social-icon--style-1.google-plus
{
    background-color: #db4437;
}
.kd-social-icon--style-1.linkedin
{
    background-color: #007bb5;
}
.kd-social-icon--style-1.pinterest
{
    background-color: #bd081c;
}
.kd-social-icon--style-1.instagram
{
    background-color: #c32aa3;
}
.kd-social-icon--style-1.youtube
{
    background-color: #f00;
}
.kd-social-icon--style-1.flickr
{
    background-color: #f40083;
}
.kd-social-icon--style-1.tumblr
{
    background-color: #35465d;
}
.kd-social-icon--style-1.vine
{
    background-color: #00b489;
}
.kd-social-icon--style-1.vk
{
    background-color: #4a76a8;
}
.kd-social-icon--style-1.deviantart
{
    background-color: #05cc47;
}
.kd-social-icon--style-1.skype
{
    background-color: #00aff0;
}
.kd-social-icon--style-1.vimeo
{
    background-color: #1ab7ea;
}
.kd-social-icon--style-1.digg
{
    background-color: #005be2;
}
.kd-social-icon--style-1.soundcloud
{
    background-color: #f50;
}
.kd-social-icon--style-1.github
{
    background-color: #24292e;
}
.kd-social-icon--style-1.behance
{
    background-color: #0057ff;
}

/* style 2 */
.kd-social-icon--style-2,
.kd-social-icon--style-3,
.kd-social-icon--style-4
{
    font-size: 20px; 

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    margin: 0 18px 0 0;
}
.kd-social-icon--style-2:last-of-type,
.kd-social-icon--style-3:last-of-type,
.kd-social-icon--style-4:last-of-type
{
    margin-right: 0;
}

/* style 3 */
.kd-social-icon--style-3.twitter:hover
{
    color: #1da1f2;
}

.kd-social-icon--style-3.dribbble:hover
{
    color: #ea4c89;
}

.kd-social-icon--style-3.facebook:hover
{
    color: #3b5998;
}

.kd-social-icon--style-3.google-plus:hover
{
    color: #db4437;
}

.kd-social-icon--style-3.linkedin:hover
{
    color: #007bb5;
}

.kd-social-icon--style-3.pinterest:hover
{
    color: #bd081c;
}

.kd-social-icon--style-3.instagram:hover
{
    color: #c32aa3;
}

.kd-social-icon--style-3.youtube:hover
{
    color: #f00;
}

.kd-social-icon--style-3.flickr:hover
{
    color: #f40083;
}

.kd-social-icon--style-3.tumblr:hover
{
    color: #35465d;
}

.kd-social-icon--style-3.vine:hover
{
    color: #00b489;
}

.kd-social-icon--style-3.vk:hover
{
    color: #4a76a8;
}

.kd-social-icon--style-3.deviantart:hover
{
    color: #05cc47;
}

.kd-social-icon--style-3.skype:hover
{
    color: #00aff0;
}

.kd-social-icon--style-3.vimeo:hover
{
    color: #1ab7ea;
}

.kd-social-icon--style-3.digg:hover
{
    color: #005be2;
}

.kd-social-icon--style-3.soundcloud:hover
{
    color: #f50;
}

.kd-social-icon--style-3.github:hover
{
    color: #24292e;
}

.kd-social-icon--style-3.behance:hover
{
    color: #0057ff;
}

/* style 4 */
.kd-social-icon--style-4.twitter
{
    color: #1da1f2;
}

.kd-social-icon--style-4.dribbble
{
    color: #ea4c89;
}

.kd-social-icon--style-4.facebook
{
    color: #3b5998;
}

.kd-social-icon--style-4.google-plus
{
    color: #db4437;
}

.kd-social-icon--style-4.linkedin
{
    color: #007bb5;
}

.kd-social-icon--style-4.pinterest
{
    color: #bd081c;
}

.kd-social-icon--style-4.instagram
{
    color: #c32aa3;
}

.kd-social-icon--style-4.youtube
{
    color: #f00;
}

.kd-social-icon--style-4.flickr
{
    color: #f40083;
}

.kd-social-icon--style-4.tumblr
{
    color: #35465d;
}

.kd-social-icon--style-4.vine
{
    color: #00b489;
}

.kd-social-icon--style-4.vk
{
    color: #4a76a8;
}

.kd-social-icon--style-4.deviantart
{
    color: #05cc47;
}

.kd-social-icon--style-4.skype
{
    color: #00aff0;
}

.kd-social-icon--style-4.vimeo
{
    color: #1ab7ea;
}

.kd-social-icon--style-4.digg
{
    color: #005be2;
}

.kd-social-icon--style-4.soundcloud
{
    color: #f50;
}

.kd-social-icon--style-4.github
{
    color: #24292e;
}

.kd-social-icon--style-4.behance
{
    color: #0057ff;
}

/* 06. Vendors */
/* nprogress */
#nprogress
{
    pointer-events: none;
}
#nprogress .bar
{
    position: fixed;
    z-index: 9999; 
    top: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background-color: var(--color-morado);
}

/* Vendor: Jarallax */
.jarallax
{
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img
{
    font-family: 'object-fit: cover;';

    position: absolute;
    z-index: -1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.jarallax .jarallax-overlay
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.jarallax .jarallax-overlay ~ *
{
    position: relative;
    z-index: 2;
}

/* Vendor: Swiper slider */
/* Lazy loaded */
.swiper-lazy:not(.swiper-lazy-loaded)
{
    opacity: 0;
}

/* Swiper buttons style 1 / style 2 */
.kd-swiper-button-prev--style-1,
.kd-swiper-button-next--style-1,
.kd-swiper-button-prev--style-2,
.kd-swiper-button-next--style-2
{
    position: absolute;
    z-index: 1; 
    top: calc(50% - 100px);
    left: 0;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    width: 40px;
    height: 40px;

    cursor: pointer;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    opacity: .2;
    color: white;
    outline: none;
    background-color: var(--color-negro);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-swiper-button-prev--style-1:hover,
.kd-swiper-button-next--style-1:hover,
.kd-swiper-button-prev--style-2:hover,
.kd-swiper-button-next--style-2:hover
{
    opacity: 1;
    background-color: var(--color-morado);
}
.kd-swiper-button-prev--style-1.swiper-button-disabled,
.kd-swiper-button-next--style-1.swiper-button-disabled,
.kd-swiper-button-prev--style-2.swiper-button-disabled,
.kd-swiper-button-next--style-2.swiper-button-disabled
{
    pointer-events: none;
}

.kd-swiper-button-next--style-1,
.kd-swiper-button-next--style-2
{
    right: 0; 
    left: auto;
}

/* Swiper buttons style 2 */
.kd-swiper-button-prev--style-2,
.kd-swiper-button-next--style-2
{
    font-size: 22px;

    background: none;
}

/* Dots style 1 */
.kd-swiper-pagination--style-1
{
    font-size: 0;

    margin-top: 50px;

    text-align: center;
}
.kd-swiper-pagination--style-1 span
{
    display: inline-block;

    width: 16px;
    height: 3px;
    margin: 0 5px !important;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    opacity: .5;
    border-radius: 0;
    background-color: var(--color-azul);
}
.kd-swiper-pagination--style-1 span.swiper-pagination-bullet-active
{
    opacity: 1;
}

/* Dots style 2 */
.kd-swiper-pagination--style-2
{
    position: absolute;
    z-index: 2; 
    top: auto;
    right: 0;
    bottom: 40px;
    left: 0;

    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.kd-swiper-pagination--style-2 span
{
    width: auto;
    height: auto;
    margin: 0 !important;

    opacity: 1;
    color: var(--color-negro); 
    border-radius: 0;
    background: none;
}
.kd-swiper-pagination--style-2 span:not(.swiper-pagination-bullet-active)
{
    display: none !important;
}
.kd-swiper-pagination--style-2 span.swiper-pagination-bullet-active
{
    display: inline-block;

    opacity: 1;
}

/* Dots style 3 */
.kd-swiper-pagination--style-3
{
    font-size: 0;

    position: absolute;
    z-index: 3; 
    right: 4% !important;
}
.kd-swiper-pagination--style-3 span
{
    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 10px 0 !important;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);

    opacity: 1;
    border-radius: 0;
    background-color: rgba(11, 11, 11, .4);
}
.kd-swiper-pagination--style-3 span:hover,
.kd-swiper-pagination--style-3 span.swiper-pagination-bullet-active
{
    background-color: var(--color-azul);
}
.kd-swiper-pagination--style-3 span.swiper-pagination-bullet-active
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* Vendor: Contact Form */
.kd-contact-form #error_message,
.kd-contact-form #success_message
{
    margin: 30px 0 0;
    padding: 20px 40px;

    list-style-type: none;

    border-top: 2px solid var(--color-azul);
    background-color: var(--color-gris);
}

.kd-dark-alert #error_message,
.kd-dark-alert #success_message
{
    background-color: var(--color-gris);
}

/* Vendor: fancybox */
.fancybox-bg
{
    background-color: var(--color-negro);
}

.fancybox-is-open .fancybox-bg
{
    opacity: .8;
}

/* caption */
.fancybox-caption
{
    padding: 25px 15px;

    text-align: center;

    color: white;
}
.fancybox-caption::before,
.fancybox-caption::after
{
    display: none;
}

/* buttons */
.fancybox-button
{
    font-size: 25px;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;
    overflow: hidden; 

    width: 55px;
    height: 55px;
    padding: 0;

    cursor: pointer;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    color: white;
    background-color: var(--color-azul);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.fancybox-button:hover
{
    color: white;
    background-color: var(--color-morado);
}
.fancybox-button:disabled,
.fancybox-button.disabled
{
    cursor: not-allowed; 
    pointer-events: none;

    opacity: .5 !important;
}
.fancybox-button span
{
    position: relative; 

    display: block;
}

.fancybox-navigation .fancybox-button
{
    top: calc(50% - 27.5px);
}

.fancybox-navigation .fancybox-button--arrow_left
{
    left: 0;
}
.fancybox-navigation .fancybox-button--arrow_left:hover span
{
    -webkit-animation-name: mtin_animate_icon_left;
            animation-name: mtin_animate_icon_left;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.fancybox-navigation .fancybox-button--arrow_right
{
    right: 0;
}
.fancybox-navigation .fancybox-button--arrow_right:hover span
{
    -webkit-animation-name: mtin_animate_icon_right;
            animation-name: mtin_animate_icon_right;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.fancybox-loading
{
    border: 2px solid rgba(255, 255, 255, .5);
    border-top-color: var(--color-azul);
}

@media (min-width: 783px)
{
    .admin-bar .fancybox-infobar,
    .admin-bar .fancybox-toolbar
    {
        top: 32px !important;
    }
}

@media (max-width: 782px)
{
    .admin-bar .fancybox-infobar,
    .admin-bar .fancybox-toolbar
    {
        top: 46px !important;
    }
}

@media (max-width: 600px)
{
    .admin-bar .fancybox-infobar,
    .admin-bar .fancybox-toolbar
    {
        top: 0 !important;
    }
}

/* 07. Shortcodes */
/* Shortcode: button */
.kd-btn
{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;

    position: relative;

    display: inline-block;
    overflow: hidden;

    padding: 19px 30px;

    cursor: pointer; 
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    text-align: center;
    text-decoration: none;
    letter-spacing: .075em;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    outline: none;
}
.kd-btn:hover,
.kd-btn:focus,
.kd-btn:active
{
    outline: none;
}
.kd-btn:disabled,
.kd-btn.disabled
{
    cursor: not-allowed; 
    pointer-events: none;
}
.kd-btn i
{
    margin-left: 15px;
}

/* button effect */
/* button primary */
.kd-btn--primary
{
    color: white;
    background-color: var(--color-azul);
}
.kd-btn--primary::after
{
    background-color: var(--color-morado);
}
.kd-btn--primary:hover
{
    color: white;
}
.kd-btn--primary:not(.kd-btn--effect):hover
{
    background-color: var(--color-morado);
}

/* button secondary */
.kd-btn--secondary
{
    color: white;
    background-color: var(--color-morado);
}
.kd-btn--secondary::after
{
    background-color: var(--color-azul);
}
.kd-btn--secondary:hover
{
    color: white;
}
.kd-btn--secondary:not(.kd-btn--effect):hover
{
    background-color: var(--color-azul);
}

/* button third */
.kd-btn--third
{
    color: white;
    background-color: var(--color-gris);
}
.kd-btn--third::after
{
    background-color: var(--color-azul);
}
.kd-btn--third:hover
{
    color: white;
}
.kd-btn--third:not(.kd-btn--effect):hover
{
    background-color: var(--color-azul);
}

/* button fourth */
.kd-btn--fourth
{
    color: white;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 2px white;
            box-shadow: inset 0 0 0 2px white;
}
.kd-btn--fourth::after
{
    background-color: white;
}
.kd-btn--fourth:hover
{
    color: var(--color-negro);
}
.kd-btn--fourth:not(.kd-btn--effect):hover
{
    background-color: white;
}

/* button fifth */
.kd-btn--fifth
{
    color: white;
    background-color: var(--color-negro);
}
.kd-btn--fifth::after
{
    background-color: var(--color-morado);
}
.kd-btn--fifth:hover
{
    color: white;
}
.kd-btn--fifth:not(.kd-btn--effect):hover
{
    background-color: var(--color-morado);
}

/* button sixth */
.kd-btn--sixth
{
    color: white;
    background-color: var(--color-azul);
}
.kd-btn--sixth::after
{
    background-color: white;
}
.kd-btn--sixth:hover
{
    color: var(--color-negro);
}
.kd-btn--sixth:not(.kd-btn--effect):hover
{
    background-color: white;
}

/* button seventh */
.kd-btn--seventh
{
    color: var(--color-negro);
    background-color: white;
}
.kd-btn--seventh::after
{
    background-color: var(--color-morado);
}
.kd-btn--seventh:hover
{
    color: white;
}
.kd-btn--seventh:not(.kd-btn--effect):hover
{
    background-color: var(--color-morado);
}

/* button eighth */
.kd-btn--eighth
{
    color: white;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 2px var(--color-azul);
            box-shadow: inset 0 0 0 2px var(--color-azul);
}
.kd-btn--eighth::after
{
    background-color: var(--color-azul);
}
.kd-btn--eighth:hover
{
    color: white;
}
.kd-btn--eighth:not(.kd-btn--effect):hover
{
    background-color: var(--color-azul);
}

/* button sizes */
.kd-btn--lg
{
    padding: 23px 45px;
}

.kd-btn--sm
{
    padding: 14px 25px;
}

.kd-btn--xs
{
    padding: 12px 20px;
}

/* Shortcode: contact info */
.kd-contact-info
{
    line-height: 2;

    margin: 0;
    padding: 0;

    list-style-type: none;

    color: var(--color-negro);
}
.kd-contact-info strong
{
    margin-right: 10px;

    color: var(--color-gris);
}

/* Shortcode: core features list */
.kd-demo-core-features-list
{
    font-family: Montserrat;
    font-size: 18px; 

    margin: 0;
    padding: 0;

    list-style-type: none;

    color: white;
}
.kd-demo-core-features-list li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.kd-demo-core-features-list li i
{
    font-size: 32px; 

    margin-right: 15px;

    color: var(--color-morado);
}
.kd-demo-core-features-list li + li
{
    margin-top: 15px;
}

/* Shortcode: countdown */
.kd-countdown
{
    display: grid;

    text-align: center; 

    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
@media (max-width: 767px)
{
    .kd-countdown
    {
        grid-template-columns: repeat(2, 1fr);
    }
}
.kd-countdown strong
{
    font-family: Montserrat;
    font-weight: 700;
    line-height: 1;

    display: block;

    color: var(--color-azul);
}
.kd-countdown h5
{
    margin: 10px 0 0;
}

/* style 1 */
.kd-countdown--style-1 strong
{
    font-size: 70px;
}

/* style 2 */
.kd-countdown--style-2 strong
{
    font-size: 105px;
}

.kd-countdown--style-2 h5
{
    font-size: 16px !important;

    color: var(--color-gris);
}

/* Shortcode: counter up */
/* style 1 */
.kd-counter-up--style-1 .kd-counter-up__icon
{
    font-size: 55px;
    line-height: 1;

    float: left;

    margin-right: 15px;

    color: var(--color-morado);
}

.kd-counter-up--style-1 .kd-counter-up__content
{
    padding-left: 90px;
}
.kd-counter-up--style-1 .kd-counter-up__content strong
{
    font-family: Montserrat;
    font-size: 48px;
    line-height: 1;

    color: var(--color-azul);
}
.kd-counter-up--style-1 .kd-counter-up__content h4
{
    font-size: 24px; 

    margin: 2px 0 0;
}

/* style 2 */
.kd-counter-up--style-2 .kd-counter-up__content strong
{
    font-family: Montserrat;
    font-size: 36px;
    line-height: 1;

    color: var(--color-azul);
}

.kd-counter-up--style-2 .kd-counter-up__content h4
{
    margin: 2px 0 0;
}
/* Shortcode: fit text */
.kd-fittext
{
    font-family: Montserrat;
    font-weight: 700;
    line-height: 1; 

    width: 100%;
}
.kd-is--lowercase-mode .kd-fittext
{
    text-transform: lowercase;
}

/* Shortcode: image slider */
.kd-image-slider[data-dots='true'] .kd-swiper-button-prev--style-1,
.kd-image-slider[data-dots='true'] .kd-swiper-button-next--style-1
{
    top: calc(50% - 20px - 25px);
}


/* Shortcode: large heading */
.kd-large-heading
{
    font-size: 150px;
    line-height: 1; 

    margin: 0;
}
.kd-is--lowercase-mode .kd-large-heading
{
    text-transform: lowercase;
}
.kd-large-heading span
{
    color: var(--color-azul);
}
@media (max-width: 767px)
{
    .kd-large-heading
    {
        font-size: 90px;
    }
}
@media (max-width: 575px)
{
    .kd-large-heading
    {
        font-size: 48px;
    }
}

/* Shortcode: marquee element */
.kd-marquee
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    width: 100%;

    -webkit-user-select: none;

       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    white-space: nowrap;
}

.kd-marquee__item
{
    position: relative;
    z-index: 2; 

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    width: 100%;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}

.kd-marquee__item--copy
{
    position: absolute;
    top: 0;
    left: 50px;
}

/* Shortcode: page title empty */
.kd-page-title-empty
{
    background-color: var(--color-gris);
}
.kd-page-title-empty--lg
{
    padding-top: 41%;
}
.kd-page-title-empty--md
{
    padding-top: 36%;
}
.kd-page-title-empty--sm
{
    padding-top: 31%;
}
.kd-page-title-empty--xs
{
    padding-top: 20%;
}
@media (max-width: 767px)
{
    .kd-page-title-empty
    {
        padding-top: 100%;
    }
    .kd-page-title-empty--xs
    {
        padding-top: 40%;
    }
}
.kd-page-title-empty .kd-video-link
{
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}

/* Shortcode: page title hero */
.kd-page-title-hero
{
    background-color: var(--color-gris);
}
.kd-page-title-hero--lg
{
    padding: 260px 0;
}
.kd-page-title-hero--md
{
    padding: 160px 0;
}
.kd-page-title-hero--sm
{
    padding: 120px 0;
}
.kd-page-title-hero__overlay
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(44, 44, 44, .5);
}
.kd-page-title-hero__content
{
    position: relative;
    z-index: 2; 

    text-align: center;

    color: white;
}
.kd-page-title-hero .kd-page-title-hero__title
{
    margin: 0;
}
.kd-page-title-hero .kd-scroll-to-arrow
{
    position: absolute;
    bottom: 40px;
    left: calc(50% - 15px);
}

/* Type page */
.kd-page-title-hero--page .kd-page-title-hero__title
{
    color: white;
}
.kd-is--lowercase-mode .kd-page-title-hero--page .kd-page-title-hero__title
{
    text-transform: lowercase;
}
@media (max-width: 767px)
{
    .kd-page-title-hero--page .kd-page-title-hero__title
    {
        font-size: 38px;
    }
}

.kd-page-title-hero--page .kd-page-title-hero__subtitle
{
    margin: 15px 0 0;
}

/* Type post / work */
.kd-page-title-hero--post .kd-page-title-hero__title,
.kd-page-title-hero--work .kd-page-title-hero__title
{
    color: white;
}
@media (max-width: 767px)
{
    .kd-page-title-hero--post .kd-page-title-hero__title,
    .kd-page-title-hero--work .kd-page-title-hero__title
    {
        font-size: 38px;
    }
}

.kd-page-title-hero--post .kd-post-meta,
.kd-page-title-hero--work .kd-post-meta
{
    margin: 15px 0 0;

    color: white;
}
.kd-page-title-hero--post .kd-post-meta a:hover,
.kd-page-title-hero--work .kd-post-meta a:hover
{
    color: rgba(255, 255, 255, .8);
}

.kd-page-title-hero--post .kd-page-title-hero__title
{
    font-size: 48px;
    line-height: 1.25;
}
@media (max-width: 767px)
{
    .kd-page-title-hero--post .kd-page-title-hero__title
    {
        font-size: 38px;
    }
}

.kd-is--lowercase-mode .kd-page-title-hero--work .kd-page-title-hero__title
{
    text-transform: lowercase;
}

/* Shortcode: particle */
.kd-particle
{
    font-size: 0;

    position: absolute;
    z-index: 0; 

    pointer-events: none;
}
.kd-particle ~ *:not(.kd-particle)
{
    position: relative;
}
@media (max-width: 767px)
{
    .kd-particle
    {
        display: none;
    }
}

/* Shortcode: partner logo */
.kd-partner-logo
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-partner-logo a,
.kd-partner-logo img
{
    display: block;

    width: auto; 

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}

/* Shortcode: post link block */
.kd-post-link-block,
.kd-post-quote-block
{
    position: relative;

    padding: 65px 13%;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    text-align: center;

    color: white;
    background-color: var(--color-morado);
}
.kd-post-link-block i,
.kd-post-quote-block i
{
    font-size: 35px;
    line-height: 1; 

    display: block;

    margin-bottom: 35px;
}
.kd-post-link-block a,
.kd-post-quote-block a
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-post-link-block blockquote,
.kd-post-quote-block blockquote
{
    margin: 0;
    padding: 0;

    color: white;
}
.kd-post-link-block:hover,
.kd-post-quote-block:hover
{
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01);
}


/* Shortcode: process step */
.kd-process-step .kd-process-step__value
{
    font-family: Montserrat;
    font-size: 40px;
    line-height: 1;

    position: relative;

    float: left;

    margin-top: 5px;

    color: var(--color-azul);
}

.kd-process-step .kd-process-step__content
{
    padding-left: 80px;
}
.kd-process-step .kd-process-step__content h4
{
    font-size: 24px; 

    margin: 0;
}
.kd-is--lowercase-mode .kd-process-step .kd-process-step__content h4
{
    text-transform: lowercase;
}
.kd-process-step .kd-process-step__content p
{
    font-size: 16px; 

    margin: 15px 0 0;
}

/* Shortcode: progress bar */
.kd-progress-bar__title
{
    margin: 0 0 12px;
}
.kd-progress-bar__title .percent
{
    margin-left: 15px;
}
.kd-progress-bar__title .percent::after
{
    content: '%';
}

.kd-progress-bar__bar
{
    position: relative;

    overflow: hidden; 

    width: 100%;
    height: 7px;

    background-color: #e6e6e6;
}
.kd-progress-bar__bar span
{
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;

    background-color: var(--color-morado);
}

/* Shortcode: projects preview */
.kd-projects-preview__links
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}
.kd-projects-preview__links li + li
{
    margin-top: 40px;
}

.kd-projects-preview__link h3
{
    margin: 0;
}
.kd-is--lowercase-mode .kd-projects-preview__link h3
{
    text-transform: lowercase;
}

.kd-projects-preview__link a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.kd-projects-preview__link a::after
{
    font-family: leedo;
    font-size: 18px;
    line-height: 1;

    margin-left: 20px;

    content: '\e91b';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);

    opacity: 0;
}

.kd-projects-preview__link.is-active a
{
    color: var(--color-azul);
}
.kd-projects-preview__link.is-active a::after
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); 

    opacity: 1;
}

@media (max-width: 767px)
{
    .kd-projects-preview__images
    {
        margin-top: 60px;
    }
}

.kd-projects-preview__image
{
    position: relative;

    padding-top: 90%;
}
.kd-projects-preview__image img
{
    font-family: 'object-fit: cover;';

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-preview__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);

    opacity: 0;
}

.kd-projects-preview .swiper-slide-active img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

/* Shortcode: projects showcase */
/* style 1 */
.kd-projects-showcase--style-1
{
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 100vh;

    background-color: var(--color-gris);
}
.kd-projects-showcase--style-1 .swiper-container
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item
{
    width: 100%;
    height: 100%;

    background-color: var(--color-negro);
}
.kd-projects-showcase--style-1 .kd-projects-showcase__image,
.kd-projects-showcase--style-1 .kd-projects-showcase__image img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__image
{
    overflow: hidden;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__image::before
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity;
            transition-property: opacity;

    opacity: .1;
    background-color: #2c2c2c;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__image img
{
    font-family: 'object-fit: cover;';

    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity;
            transition-property: opacity;

    opacity: 0;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__image img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;

    opacity: 1;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content
{
    font-family: Montserrat;

    position: absolute;
    z-index: 2; 
    right: 0;
    bottom: 0;
    left: 0;

    padding: 0 50px 50px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
    -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
            transform: translateY(45%);

    color: white;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content h3
{
    margin: 0;

    color: inherit;
}
.kd-is--lowercase-mode .kd-projects-showcase--style-1 .kd-projects-showcase__content h3
{
    text-transform: lowercase;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content a:hover
{
    color: inherit;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content span.kd-display-1,
.kd-projects-showcase--style-1 .kd-projects-showcase__content .kd-comment-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-comment-item__inner .kd-comment-content .kd-projects-showcase--style-1 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-1 .kd-projects-showcase__content .kd-review-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-projects-showcase--style-1 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-1 .kd-projects-showcase__content .kd-review-item__inner .kd-review-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-projects-showcase--style-1 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-1 .kd-projects-showcase__content span.kd-simple-link
{
    font-size: 14px; 

    display: block;

    margin: 10px 0 0;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content p,
.kd-projects-showcase--style-1 .kd-projects-showcase__content i
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content p
{
    margin: 20px 0 30px;

    -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
            transform: translateY(15px); 

    opacity: 0;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__content i
{
    display: inline-block;

    -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
            transform: translateY(15px); 

    opacity: 0;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__image img
{
    -webkit-transition-delay: 0s;
            transition-delay: 0s; 
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__image::before
{
    opacity: .4;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__content
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__content p,
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__content i
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__content p
{
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
}
.kd-projects-showcase--style-1 .kd-projects-showcase__item:hover .kd-projects-showcase__content i
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
}

/* style 2 */
.kd-projects-showcase--style-2
{
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 100vh;

    background-color: var(--color-gris);
}
.kd-projects-showcase--style-2 .swiper-wrapper
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.kd-projects-showcase--style-2 .container,
.kd-projects-showcase--style-2 .row
{
    height: 100%;
}
.kd-projects-showcase--style-2 .swiper-container,
.kd-projects-showcase--style-2 .kd-projects-showcase__item
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-2 .kd-projects-showcase__image
{
    position: relative;

    padding-top: 430px;
}
.kd-projects-showcase--style-2 .kd-projects-showcase__image img
{
    font-family: 'object-fit: cover;';

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-showcase--style-2 .kd-projects-showcase__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);

    opacity: 0;
}
.kd-projects-showcase--style-2 .swiper-slide-active img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}
.kd-projects-showcase--style-2 .kd-projects-showcase__content
{
    position: relative;
}
.kd-projects-showcase--style-2 .kd-projects-showcase__content::before
{
    font-family: Montserrat;
    font-size: 350px;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 0;

    content: attr(data-number);
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); 

    opacity: .08;
    color: var(--color-negro);
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-2 .kd-projects-showcase__content::before
    {
        display: none;
    }
}
.kd-projects-showcase--style-2 .kd-projects-showcase__content h3
{
    font-size: 48px; 

    margin: 0;
}
.kd-is--lowercase-mode .kd-projects-showcase--style-2 .kd-projects-showcase__content h3
{
    text-transform: lowercase;
}
@media (max-width: 767px)
{
    .kd-projects-showcase--style-2 .kd-projects-showcase__content h3
    {
        font-size: 38px;
    }
}
.kd-projects-showcase--style-2 .kd-projects-showcase__content span.kd-display-1,
.kd-projects-showcase--style-2 .kd-projects-showcase__content .kd-comment-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-comment-item__inner .kd-comment-content .kd-projects-showcase--style-2 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-2 .kd-projects-showcase__content .kd-review-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-projects-showcase--style-2 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-2 .kd-projects-showcase__content .kd-review-item__inner .kd-review-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-projects-showcase--style-2 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-2 .kd-projects-showcase__content span.kd-simple-link
{
    font-size: 14px;

    display: block;

    margin: 0 0 12px;

    color: var(--color-negro);
}
.kd-projects-showcase--style-2 .kd-projects-showcase__content a.kd-btn
{
    margin: 30px 0 0;
}

/* style 3 */
.kd-projects-showcase--style-3
{
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 100vh;

    background-color: white;
}
.kd-projects-showcase--style-3 .swiper-wrapper
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.kd-projects-showcase--style-3 .container,
.kd-projects-showcase--style-3 .row
{
    height: 100%;
}
.kd-projects-showcase--style-3 .swiper-container,
.kd-projects-showcase--style-3 .kd-projects-showcase__item
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__image,
.kd-projects-showcase--style-3 .kd-projects-showcase__image img
{
    position: absolute;
    top: 0;
    right: 0;

    width: 50%;
    height: 100%;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__image
{
    background-color: var(--color-gris);
}
.kd-projects-showcase--style-3 .kd-projects-showcase__image img
{
    font-family: 'object-fit: cover;';

    width: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);

    opacity: 0;
}
.kd-projects-showcase--style-3 .swiper-slide-active img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__content .zigzag
{
    width: 52px;
    height: 11px;
    margin-bottom: 20px;

    background-position: 10px 30px;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__content h3
{
    margin: 0;
}
.kd-is--lowercase-mode .kd-projects-showcase--style-3 .kd-projects-showcase__content h3
{
    text-transform: lowercase;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__content h3 a:hover
{
    color: inherit;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__content span.kd-display-1,
.kd-projects-showcase--style-3 .kd-projects-showcase__content .kd-comment-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-comment-item__inner .kd-comment-content .kd-projects-showcase--style-3 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-3 .kd-projects-showcase__content .kd-review-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-projects-showcase--style-3 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-3 .kd-projects-showcase__content .kd-review-item__inner .kd-review-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-projects-showcase--style-3 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-3 .kd-projects-showcase__content span.kd-simple-link
{
    font-size: 14px;

    display: block;

    margin: 12px 0 0;

    color: var(--color-negro);
}
.kd-projects-showcase--style-3 .kd-projects-showcase__content p
{
    max-width: 400px;
    margin: 30px 0 0;
}
.kd-projects-showcase--style-3 .kd-projects-showcase__content a.kd-btn
{
    margin: 35px 0 0;
}

/* style 4 */
.kd-projects-showcase--style-4
{
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 100vh;

    background-color: var(--color-gris);
}
.kd-projects-showcase--style-4 .kd-projects-showcase__links
{
    position: absolute;
    z-index: 4; 
    bottom: 50px;
    left: 50px;

    margin: 0;
    padding: 0;

    list-style-type: none;
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-4 .kd-projects-showcase__links
    {
        bottom: 15px;
        left: 15px;
    }
}
.kd-projects-showcase--style-4 .kd-projects-showcase__links li + li
{
    margin-top: 40px;
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-4 .kd-projects-showcase__links li + li
    {
        margin-top: 30px;
    }
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link
{
    color: white;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link h3
{
    margin: 0;

    color: inherit;
}
.kd-is--lowercase-mode .kd-projects-showcase--style-4 .kd-projects-showcase__link h3
{
    text-transform: lowercase;
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-4 .kd-projects-showcase__link h3
    {
        font-size: 28px;
    }
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link a::after
{
    font-family: leedo;
    font-size: 18px;
    line-height: 1;

    margin-left: 20px;

    content: '\e91b';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);

    opacity: 0;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link a:hover
{
    color: inherit;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link span.kd-display-1,
.kd-projects-showcase--style-4 .kd-projects-showcase__link .kd-comment-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-comment-item__inner .kd-comment-content .kd-projects-showcase--style-4 .kd-projects-showcase__link span.kd-comment-header__metas,
.kd-projects-showcase--style-4 .kd-projects-showcase__link .kd-review-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-projects-showcase--style-4 .kd-projects-showcase__link span.kd-comment-header__metas,
.kd-projects-showcase--style-4 .kd-projects-showcase__link .kd-review-item__inner .kd-review-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-projects-showcase--style-4 .kd-projects-showcase__link span.kd-comment-header__metas,
.kd-projects-showcase--style-4 .kd-projects-showcase__link span.kd-simple-link
{
    font-size: 14px;

    display: block;

    margin: 10px 0 0;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link.is-active
{
    color: var(--color-azul);
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link.is-active a
{
    color: inherit;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__link.is-active a::after
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); 

    opacity: 1;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__images,
.kd-projects-showcase--style-4 .kd-projects-showcase__images::before,
.kd-projects-showcase--style-4 .swiper-container
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__images
{
    background-color: var(--color-negro);
}
.kd-projects-showcase--style-4 .kd-projects-showcase__images::before
{
    z-index: 2; 

    content: '';

    background-color: rgba(44, 44, 44, .3);
}
.kd-projects-showcase--style-4 .kd-projects-showcase__image
{
    width: 100%; 
    height: 100%;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__image img
{
    font-family: 'object-fit: cover;';

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-showcase--style-4 .kd-projects-showcase__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);

    opacity: 0;
}
.kd-projects-showcase--style-4 .swiper-slide-active img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

/* style 5 */
.kd-projects-showcase--style-5
{
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 100vh;

    background-color: var(--color-negro);
}
.kd-projects-showcase--style-5 .swiper-wrapper
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.kd-projects-showcase--style-5 .kd-swiper-pagination--style-2
{
    text-align: center;
}
.kd-projects-showcase--style-5 .kd-swiper-pagination--style-2 span
{
    color: white;
}
.kd-projects-showcase--style-5 .container,
.kd-projects-showcase--style-5 .row
{
    height: 100%;
}
.kd-projects-showcase--style-5 .swiper-container,
.kd-projects-showcase--style-5 .kd-projects-showcase__item
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-5 .kd-projects-showcase__image
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.kd-projects-showcase--style-5 .kd-projects-showcase__image::after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(44, 44, 44, .3);
}
.kd-projects-showcase--style-5 .kd-projects-showcase__image img
{
    font-family: 'object-fit: cover;';

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-showcase--style-5 .kd-projects-showcase__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);

    opacity: 0;
}
.kd-projects-showcase--style-5 .swiper-slide-active img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}
.kd-projects-showcase--style-5 .kd-projects-showcase__content
{
    position: relative;
    z-index: 2; 

    text-align: center;

    color: white;
}
.kd-projects-showcase--style-5 .kd-projects-showcase__content h3
{
    font-size: 70px;

    margin: 0;

    color: inherit;
}
.kd-is--lowercase-mode .kd-projects-showcase--style-5 .kd-projects-showcase__content h3
{
    text-transform: lowercase;
}
@media (max-width: 767px)
{
    .kd-projects-showcase--style-5 .kd-projects-showcase__content h3
    {
        font-size: 48px;
    }
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-5 .kd-projects-showcase__content h3
    {
        font-size: 38px;
    }
}
.kd-projects-showcase--style-5 .kd-projects-showcase__content span.kd-display-1,
.kd-projects-showcase--style-5 .kd-projects-showcase__content .kd-comment-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-comment-item__inner .kd-comment-content .kd-projects-showcase--style-5 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-5 .kd-projects-showcase__content .kd-review-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-projects-showcase--style-5 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-5 .kd-projects-showcase__content .kd-review-item__inner .kd-review-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-projects-showcase--style-5 .kd-projects-showcase__content span.kd-comment-header__metas,
.kd-projects-showcase--style-5 .kd-projects-showcase__content span.kd-simple-link
{
    font-size: 14px;

    display: block;

    margin: 0 0 5px;

    color: inherit;
}
.kd-projects-showcase--style-5 .kd-projects-showcase__content a.kd-btn
{
    margin: 35px 0 0;
}

/* style 6 */
.kd-projects-showcase--style-6
{
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 100vh;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__links
{
    position: relative;
    z-index: 2; 

    margin: 0;
    padding: 220px 0 120px;

    list-style-type: none;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__links li + li
{
    margin-top: 40px;
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-6 .kd-projects-showcase__links li + li
    {
        margin-top: 30px;
    }
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link
{
    color: var(--color-negro);
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link h3
{
    margin: 0;

    color: inherit;
}
.kd-is--lowercase-mode .kd-projects-showcase--style-6 .kd-projects-showcase__link h3
{
    text-transform: lowercase;
}
@media (max-width: 575px)
{
    .kd-projects-showcase--style-6 .kd-projects-showcase__link h3
    {
        font-size: 28px;
    }
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link a::after
{
    font-family: leedo;
    font-size: 18px;
    line-height: 1;

    margin-left: 20px;

    content: '\e91b';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);

    opacity: 0;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link span.kd-display-1,
.kd-projects-showcase--style-6 .kd-projects-showcase__link .kd-comment-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-comment-item__inner .kd-comment-content .kd-projects-showcase--style-6 .kd-projects-showcase__link span.kd-comment-header__metas,
.kd-projects-showcase--style-6 .kd-projects-showcase__link .kd-review-item__inner .kd-comment-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-projects-showcase--style-6 .kd-projects-showcase__link span.kd-comment-header__metas,
.kd-projects-showcase--style-6 .kd-projects-showcase__link .kd-review-item__inner .kd-review-content span.kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-projects-showcase--style-6 .kd-projects-showcase__link span.kd-comment-header__metas,
.kd-projects-showcase--style-6 .kd-projects-showcase__link span.kd-simple-link
{
    font-size: 14px;

    display: block;

    margin: 10px 0 0;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    color: inherit;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link.is-active
{
    color: var(--color-azul);
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link.is-active a
{
    color: var(--color-azul);
}
.kd-projects-showcase--style-6 .kd-projects-showcase__link.is-active a::after
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); 

    opacity: 1;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__images,
.kd-projects-showcase--style-6 .kd-projects-showcase__images::before,
.kd-projects-showcase--style-6 .swiper-container
{
    position: fixed;
    z-index: 1; 
    top: 0;
    right: 0;

    width: 50%;
    height: 100%;
}
@media (max-width: 767px)
{
    .kd-projects-showcase--style-6 .kd-projects-showcase__images,
    .kd-projects-showcase--style-6 .kd-projects-showcase__images::before,
    .kd-projects-showcase--style-6 .swiper-container
    {
        width: 100%;
    }
}
.kd-projects-showcase--style-6 .kd-projects-showcase__images
{
    background-color: var(--color-negro);
}
.kd-projects-showcase--style-6 .kd-projects-showcase__image
{
    width: 100%; 
    height: 100%;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__image img
{
    font-family: 'object-fit: cover;';

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.kd-projects-showcase--style-6 .kd-projects-showcase__image img.swiper-lazy
{
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);

    opacity: 0;
}
.kd-projects-showcase--style-6 .swiper-slide-active img.swiper-lazy-loaded
{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

/* Shortcode: section title */
.kd-section-title
{
    display: block;
}
.kd-section-title h1,
.kd-section-title h2,
.kd-section-title h3,
.kd-section-title h4,
.kd-section-title h5,
.kd-section-title h6
{
    color: ;
    margin: 0;
}
.kd-is--lowercase-mode .kd-section-title h1,
.kd-is--lowercase-mode
    .kd-section-title h2,
.kd-is--lowercase-mode
    .kd-section-title h3,
.kd-is--lowercase-mode
    .kd-section-title h4,
.kd-is--lowercase-mode
    .kd-section-title h5,
.kd-is--lowercase-mode
    .kd-section-title h6
{
    text-transform: none;
}
.kd-section-title p
{
    margin: 20px 0 0;
}

@media (min-width: 768px)
{
    .kd-section-title.text-center
    {
        padding: 0 35px;
    }
}

/* Shortcode: services box */
.kd-services-box
{
    position: relative;

    padding: 80px 85px;

    background-color: white;
}
@media (max-width: 767px)
{
    .kd-services-box
    {
        padding: 70px 65px;
    }
}
@media (max-width: 575px)
{
    .kd-services-box
    {
        padding: 60px 55px;
    }
}
.kd-services-box__zigzag
{
    width: 52px;
    height: 11px;
    margin-bottom: 15px;

    background-position: 10px 30px;
}
.kd-services-box__title
{
    margin: 0;
}
.kd-is--lowercase-mode .kd-services-box__title
{
    text-transform: lowercase;
}
.kd-services-box__text
{
    font-size: 16px; 

    margin: 20px 0 0;
}
.kd-services-box__link
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    width: 55px;
    height: 55px;

    color: white;
    background-color: var(--color-azul); 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-services-box__link::after
{
    background-color: var(--color-morado);
}
.kd-services-box__link:hover
{
    color: white;
}

/* Shortcode: services */
.kd-services__icon
{
    line-height: 1;

    color: var(--color-morado);
}

.kd-services__title
{
    font-size: 24px; 

    margin: 0;
}
.kd-is--lowercase-mode .kd-services__title
{
    text-transform: lowercase;
}
.kd-services__title a:hover
{
    color: inherit;
}

.kd-services__text
{
    font-size: 16px; 

    margin: 12px 0 0;
}

/* icon top */
.kd-services--top-center .kd-services__icon,
.kd-services--top-left .kd-services__icon,
.kd-services--top-right .kd-services__icon
{
    font-size: 70px; 

    margin-bottom: 20px;
}

.kd-services--top-center
{
    text-align: center;
}

.kd-services--top-left
{
    text-align: left;
}

.kd-services--top-right
{
    text-align: right;
}

.kd-services--top-center .kd-services__text
{
    padding: 0 15px;
}
@media (max-width: 575px)
{
    .kd-services--top-center .kd-services__text
    {
        padding: 0;
    }
}

.kd-services--top-left .kd-services__text
{
    padding-right: 44px;
}

.kd-services--top-right .kd-services__text
{
    padding-left: 44px;
}

/* icon left / right */
.kd-services--left .kd-services__icon,
.kd-services--right .kd-services__icon
{
    font-size: 54px;
}

.kd-services--left
{
    text-align: left;
}
.kd-services--left .kd-services__icon
{
    float: left;

    margin-top: 5px;
}
.kd-services--left .kd-services__content
{
    padding-left: 80px;
}
.kd-services--left .kd-services__text
{
    padding-right: 10px;
}
@media (max-width: 575px)
{
    .kd-services--left .kd-services__text
    {
        padding-right: 0;
    }
}

.kd-services--right
{
    text-align: right;
}
.kd-services--right .kd-services__icon
{
    float: right;

    margin-top: 5px;
}
.kd-services--right .kd-services__content
{
    padding-right: 80px;
}
.kd-services--right .kd-services__text
{
    padding-left: 10px;
}
@media (max-width: 575px)
{
    .kd-services--right .kd-services__text
    {
        padding-left: 0;
    }
}

/* Shortcode: simple image */
.kd-simple-image
{
    position: relative;

    overflow: hidden;

    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.kd-simple-image img
{
    display: block;
}
.kd-simple-image__overlay
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(25, 25, 25, .1);
}
.kd-simple-image span.caption
{
    position: absolute;
    z-index: 2; 
    bottom: 25px;
    left: 25px;

    display: inline-block;

    padding: 4px 15px;

    pointer-events: none;

    color: white;
    background-color: var(--color-azul);
}
.kd-simple-image .kd-image-link
{
    font-size: 25px;

    position: absolute;
    z-index: 2; 
    right: 0;
    bottom: 0;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    width: 55px;
    height: 55px;

    color: white;
    background-color: var(--color-azul);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-simple-image .kd-image-link::after
{
    background-color: var(--color-morado);
}
.kd-simple-image .kd-image-link:hover
{
    color: white;
}
.kd-simple-image .kd-video-link
{
    position: absolute;
    z-index: 2; 
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}

/* Shortcode: simple link */
.kd-simple-link
{
    color: var(--color-negro);
}
.kd-simple-link i
{
    display: inline-block;

    margin-left: 10px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
}
.kd-simple-link:hover i
{
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
}

/* Shortcode: testimonial item */
/* style 1 */
.kd-testimonial-item--style-1
{
    text-align: left;
}
.kd-testimonial-item--style-1 .icon
{
    font-size: 40px;
    line-height: 1;

    margin-bottom: 50px;

    color: var(--color-azul);
}
.kd-testimonial-item--style-1 .kd-testimonial-item__content
{
    font-family: Montserrat;
    color: var(--color-negro);
}
.kd-testimonial-item--style-1 .kd-testimonial-item__content div
{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
}
.kd-testimonial-item--style-1 .kd-testimonial-item__metas h5
{
    margin: 30px 0 0;

    color: var(--color-gris);
}

/* style 2 */
.kd-testimonial-item--style-2
{
    text-align: center;
}
.kd-testimonial-item--style-2 .kd-testimonial-item__content
{
    font-size: 14px;
    line-height: 1.4rem;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    flex-direction: column;

    padding: 40px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    border: 1px solid transparent;
    background-color: white;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;

    border-radius: 15px;

}
.kd-testimonial-item--style-2 .kd-testimonial-item__content p
{
    margin-bottom: 0;
}

.kd-testimonial-item--style-2 .kd-testimonial-item__metas
{
    margin-top: 55px;
}
.kd-testimonial-item--style-2 .kd-testimonial-item__metas .avatar
{
    font-size: 0; 

    display: inline-block;

    width: 100px;
}
.kd-testimonial-item--style-2 .kd-testimonial-item__metas .avatar img
{
    border-radius: 50%;
}
.kd-testimonial-item--style-2 .kd-testimonial-item__metas h5
{
    margin: 15px 0 0;
}
.kd-testimonial-item--style-2 .kd-testimonial-item__metas span
{
    font-size: 16px;

    display: block;

    color: var(--color-azul);
}

.swiper-slide-active .kd-testimonial-item--style-2 .kd-testimonial-item__content
{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; 

    border-color: var(--color-azul);
}
.swiper-slide-active .kd-testimonial-item--style-2 .kd-testimonial-item__content::before
{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; 

    border-top-color: var(--color-azul);
}

/* style 3 */
.kd-testimonial-item--style-3 .kd-testimonial-item__content
{
    font-size: 16px;

    padding: 35px;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;

    border: 4px solid var(--color-gris);
    background-color: white;
}
.kd-testimonial-item--style-3 .kd-testimonial-item__content p
{
    margin-bottom: 0;
}

.kd-testimonial-item--style-3 .kd-testimonial-item__metas
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 15px; 

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.kd-testimonial-item--style-3 .kd-testimonial-item__metas .avatar
{
    font-size: 0; 

    display: inline-block;

    width: 80px;
    margin-right: 25px;
}
.kd-testimonial-item--style-3 .kd-testimonial-item__metas .avatar img
{
    border-radius: 50%;
}
.kd-testimonial-item--style-3 .kd-testimonial-item__metas h5
{
    margin: 0;
}
.kd-testimonial-item--style-3 .kd-testimonial-item__metas span
{
    font-size: 16px;

    display: block;

    color: var(--color-azul);
}

.swiper-slide-active .kd-testimonial-item--style-3 .kd-testimonial-item__content
{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; 

    border-color: var(--color-morado);
}

/* Shortcode: testimonial slider */
.kd-testimonial-slider--style-1 .kd-testimonial-item
{
    max-width: 630px;
    margin: 0 auto;
    padding: 0 15px;
}

@media (max-width: 767px)
{
    .kd-testimonial-slider--style-1 .kd-swiper-button-prev--style-2,
    .kd-testimonial-slider--style-1 .kd-swiper-button-next--style-2
    {
        display: none;
    }
}

.kd-testimonial-slider--style-1 .kd-swiper-pagination
{
    margin-top: 110px;
}

.kd-testimonial-slider--style-1[data-dots='true'] .kd-swiper-button-prev--style-2,
.kd-testimonial-slider--style-1[data-dots='true'] .kd-swiper-button-next--style-2
{
    top: calc(50% - 20px - 55px);
}

/* Shortcode: video link */
.kd-video-link
{
    font-size: 22px;
    line-height: 1;

    position: relative;
    z-index: 1; 

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    width: 100px;
    height: 100px;

    color: white;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.kd-video-link i
{
    position: relative;
}
.kd-video-link::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;

    border-radius: 50%;
    background-color: var(--color-azul);
}
.kd-video-link:hover
{
    color: white;
}
.kd-video-link:hover::before
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

/* keyframes */
@-webkit-keyframes mtin_blink_in
{
    0%
    {
        -webkit-transform: scale(.95);
                transform: scale(.95); 

        opacity: 0;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1); 

        opacity: 1;
    }
}
@keyframes mtin_blink_in
{
    0%
    {
        -webkit-transform: scale(.95);
                transform: scale(.95); 

        opacity: 0;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1); 

        opacity: 1;
    }
}

@-webkit-keyframes mtin_fade_in_down
{
    0%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes mtin_fade_in_down
{
    0%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes mtin_fade_out_up
{
    0%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}

@keyframes mtin_fade_out_up
{
    0%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes mtin_fade_in
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes mtin_fade_in
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes mtin_bounce
{
    0%,
    20%,
    53%,
    80%,
    100%
    {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
                transition-timing-function: cubic-bezier(.215, .61, .355, 1); 
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    40%
    {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
                transition-timing-function: cubic-bezier(.755, .05, .855, .06); 
        -webkit-transform: translate3d(0, -6px, 0);
                transform: translate3d(0, -6px, 0);
    }
    70%
    {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
                transition-timing-function: cubic-bezier(.755, .05, .855, .06); 
        -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, -2px, 0);
                transform: translate3d(0, -2px, 0);
    }
}

@keyframes mtin_bounce
{
    0%,
    20%,
    53%,
    80%,
    100%
    {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
                transition-timing-function: cubic-bezier(.215, .61, .355, 1); 
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    40%
    {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
                transition-timing-function: cubic-bezier(.755, .05, .855, .06); 
        -webkit-transform: translate3d(0, -6px, 0);
                transform: translate3d(0, -6px, 0);
    }
    70%
    {
        -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
                transition-timing-function: cubic-bezier(.755, .05, .855, .06); 
        -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, -2px, 0);
                transform: translate3d(0, -2px, 0);
    }
}

@-webkit-keyframes mtin_btn_effect
{
    49%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    50%
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0); 

        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); 

        opacity: 1;
    }
}

@keyframes mtin_btn_effect
{
    49%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    50%
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0); 

        opacity: 0;
    }
    100%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); 

        opacity: 1;
    }
}

@-webkit-keyframes mtin_animate_icon_right
{
    49%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    50%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); 

        opacity: 0;
    }
    51%
    {
        opacity: 1;
    }
}

@keyframes mtin_animate_icon_right
{
    49%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    50%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); 

        opacity: 0;
    }
    51%
    {
        opacity: 1;
    }
}

@-webkit-keyframes mtin_animate_icon_left
{
    49%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    50%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); 

        opacity: 0;
    }
    51%
    {
        opacity: 1;
    }
}

@keyframes mtin_animate_icon_left
{
    49%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    50%
    {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); 

        opacity: 0;
    }
    51%
    {
        opacity: 1;
    }
}

@-webkit-keyframes mtin_preloader_cube
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

@keyframes mtin_preloader_cube
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

@-webkit-keyframes mtin_preloader_signal
{
    0%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
    80%
    {
        -webkit-transform: scaleY(.3);
                transform: scaleY(.3);
    }
    90%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}

@keyframes mtin_preloader_signal
{
    0%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
    80%
    {
        -webkit-transform: scaleY(.3);
                transform: scaleY(.3);
    }
    90%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}

@-webkit-keyframes mtin_preloader_spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes mtin_preloader_spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes mtin_underline_link
{
    0%
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: top right;
                transform-origin: top right;
    }
    50%
    {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: top right;
                transform-origin: top right;
    }
    50.1%
    {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }
    100%
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }
}

@keyframes mtin_underline_link
{
    0%
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: top right;
                transform-origin: top right;
    }
    50%
    {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: top right;
                transform-origin: top right;
    }
    50.1%
    {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }
    100%
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }
}

.kd-display-1,
cite,
.kd-default-navigation .sf-menu > li > a,
.kd-comment-item__inner .kd-comment-content .kd-comment-header__metas,
.kd-review-item__inner .kd-comment-content .kd-comment-header__metas,
.kd-review-item__inner .kd-review-content .kd-comment-header__metas,
.kd-simple-link,
.kd-work-meta dt,
table.kd-table tr th,
table.kd-table thead th,
.kd-countdown--style-1 h5,
.kd-countdown--style-2 h5,
.kd-demo-item__image span.badge
{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;

    letter-spacing: .075em;
    text-transform: uppercase;
}

.kd-social-icon:hover
{
    -webkit-animation-name: mtin_bounce;
            animation-name: mtin_bounce;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.kd-btn--effect,
.kd-services-box__link,
.kd-simple-image .kd-image-link
{
    overflow: hidden;
}
.kd-btn--effect:disabled::after,
.kd-services-box__link:disabled::after,
.kd-simple-image .kd-image-link:disabled::after,
.disabled.kd-btn--effect::after,
.disabled.kd-services-box__link::after,
.kd-simple-image .disabled.kd-image-link::after
{
    display: none;
}
.kd-btn--effect::after,
.kd-services-box__link::after,
.kd-simple-image .kd-image-link::after
{
    position: absolute;
    z-index: 0; 
    bottom: 0;
    left: 0;

    width: 100%;
    height: 0;

    content: '';
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
}
.kd-btn--effect span,
.kd-services-box__link span,
.kd-simple-image .kd-image-link span
{
    position: relative;
    z-index: 1; 

    display: block;
}
.kd-btn--effect:hover span,
.kd-services-box__link:hover span,
.kd-simple-image .kd-image-link:hover span
{
    -webkit-animation-name: mtin_btn_effect;
            animation-name: mtin_btn_effect;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;

    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
.kd-btn--effect:hover::after,
.kd-services-box__link:hover::after,
.kd-simple-image .kd-image-link:hover::after
{
    height: 100%;
}