/*
    Declaración de la fuente DEM
*/
@font-face {
    font-family: 'DEM';
    src: url('../../fonts/DEM-Regular.woff') format('woff'), url('../../fonts/DEM-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DEM';
    src: url('../../fonts/DEM-Bold.woff') format('woff'), url('../../fonts/DEM-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DEM';
    src: url('../../fonts/DEM-BoldItalic.woff') format('woff'), url('../../fonts/DEM-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DEM';
    src: url('../../fonts/DEM-Italic.woff') format('woff'), url('../../fonts/DEM-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
    opacity: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

::selection {
    background: #1abc9c;
    color: #fff;
}


.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.aligncenter {
    display: block;
    margin: 10px auto;
}

.header_top .aligncenter {
    margin: 8px auto;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.content ul ul,
.content ol ol {
    padding: 0 0 0 15px;
}

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

blockquote {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

sup {
    font-size: 0.5em;
    vertical-align: super;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: medium none;
    vertical-align: middle;
}

    table th {
        border: 0;
        padding: 5px 7px;
        text-align: center;
    }

    table td {
        padding: 5px 10px;
        text-align: justify;
    }

a img {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
    image-rendering: optimizeQuality;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #303030;
}

h1, .h1 {
    font-size: 30px;
    line-height: 1.25em;
    /* 20px/16px */
}

h2, .h2 {
    font-size: 24px;
    line-height: 1.384615384615385em;
    /* 36px/26px */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

h3, .h3 {
    font-size: 17px;
    line-height: 1.304347826086957em;
    /* 30px/23px */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

h4, .h4 {
    font-size: 19px;
    line-height: 1.375em;
    /* 22px/16px */
    font-weight: 400;
}

h5, .h5 {
    font-size: 15px;
    line-height: 1.571428571428571em;
    /* 22px/14px */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

h6, .h6 {
    font-size: 13px;
    line-height: 1.538461538461538em;
    /* 20px/13px */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: #303030;
        -webkit-transition: color 0.1s linear;
        -moz-transition: color 0.1s linear;
        transition: color 0.1s linear;
    }

        h1 a:hover,
        h2 a:hover,
        h3 a:hover,
        h4 a:hover,
        h5 a:hover,
        h6 a:hover {
            color: #1abc9c;
        }

a,
p a {
    color: #303030;
    text-decoration: none;
    cursor: pointer;
}

    a:hover,
    p a:hover {
        color: #1abc9c;
        text-decoration: none;
    }

input[type='submit'],
.woocommerce input[type='button'],
.woocommerce-page input[type='button'] {
    -webkit-appearance: none;
}

ul {
    list-style-position: inside;
}


/* =Structure
-------------------------------------------------------------- */
html {
    height: 100%;
    margin: 0px !important;
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -o-transition: all 1.3s ease-out;
    -ms-transition: all 1.3s ease-out;
    transition: all 1.3s ease-out;
}

body {
    font-family: 'Raleway', serif;
    font-size: 14px;
    line-height: 26px;
    color: #818181;
    font-weight: 400;
    background-color: #f6f6f6;
    overflow-y: scroll;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}

.wrapper {
    background-color: #f6f6f6;
    position: relative;
    z-index: 1000;
    -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    left: 0px;
}

.right_side_menu_opened .wrapper {
    left: -270px;
}

    .right_side_menu_opened .wrapper header.fixed,
    .right_side_menu_opened .wrapper header.fixed_hiding,
    .right_side_menu_opened .wrapper header.sticky,
    .right_side_menu_opened .wrapper header.fixed_top_header .top_header {
        left: -270px;
    }

@media only screen and (min-width: 1100px) {
    .right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position) {
        left: -270px !important;
    }
}

.wrapper_inner {
    width: 100%;
    overflow: hidden;
}

body.boxed .wrapper_inner {
    overflow: visible;
}

body.boxed .content {
    overflow: hidden;
}

.meta {
    display: none;
}

.ajax_loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1100;
    display: none;
}

.qode-page-loading-effect-holder {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    background-color: #fff;
}

    .qode-page-loading-effect-holder .ajax_loader {
        display: block;
    }

    .qode-page-loading-effect-holder.qode-hide-spinner .ajax_loader {
        display: none;
    }

@media only screen and (min-width: 1000px) {
    body.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader {
        margin-left: 130px;
    }

    body.vertical_menu_enabled.vertical_menu_hidden .ajax_loader {
        margin-left: 20px;
    }
}

.ajax_loader_1 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.ajax_loader_2 {
    margin: -50% 0 0 -50%;
}


/* ==========================================================================
   Header styles
   ========================================================================== */
/**
* Generic header styles
*/
header {
    width: 100%;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    position: relative;
    z-index: 110;
    -webkit-backface-visibility: hidden;
}

    header .header_inner_left {
        position: absolute;
        left: 45px;
        top: 0px;
    }

    header .container_inner .header_inner_left {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.header_inner_right {
    float: right;
    position: relative;
    z-index: 110;
}

/* Header bottom styles
   ========================================================================== */
.header_bottom {
    padding: 0px 45px;
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* Generic logo styles
   ========================================================================== */
.logo_wrapper {
    height: 100px;
    float: left;
}

.q_logo {
    position: relative;
    top: 50%;
    left: 0px;
}

    .q_logo a {
        position: relative;
        display: block;
        visibility: hidden;
    }

    .q_logo img {
        display: block;
        opacity: 1;
        position: absolute;
        top: -50%;
        width: auto !important;
        max-width: none;
        -webkit-transition: opacity 0.6s ease-in-out;
        transition: opacity 0.6s ease-in-out;
    }

/* Specific logo styles */
.q_logo img.light,
.q_logo img.sticky,
.q_logo img.dark,
.q_logo img.popup,
.q_logo img.mobile {
    opacity: 0;
}

header.dark .q_logo img.normal {
    opacity: 0;
}

header.dark .q_logo img.light {
    opacity: 0;
}

header.dark .q_logo img.dark {
    opacity: 1;
}

/* Header styles when logo is in center
   ========================================================================== */

header.centered_logo.centered_logo_animate .q_logo img,
header:not(.centered_logo) .q_logo img {
    height: 100%;
}

/* Main navigation styles
   ========================================================================== */
nav.main_menu {
    position: absolute;
    left: 50%;
    z-index: 100;
    text-align: left;
    height: 88px;
    vertical-align: middle;
}

    nav.main_menu.right {
        position: relative;
        left: auto;
        float: right;
    }


    nav.main_menu ul {
        list-style: none outside none;
        margin: 0px;
        padding: 0px;
    }

    nav.main_menu > ul {
        left: -50%;
        position: relative;
    }

    nav.main_menu.right > ul,
    nav.main_menu.left > ul {
        left: auto;
    }

    nav.main_menu ul li {
        display: inline-block;
        float: left;
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        background-position: right;
    }

        nav.main_menu ul li a {
            color: #777;
            font-weight: 400;
            text-decoration: none;
            display: inline-block;
            position: relative;
            line-height: 100px;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }

    nav.main_menu > ul > li > a > i.menu_icon {
        margin-right: 7px;
    }

nav.main_menu > ul > li > a,
nav.main_menu > ul > li > a {
    display: inline-block;
    height: 100%;
    background-color: transparent;
    -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}

nav.main_menu > ul > li > a > i.blank {
    display: none;
}

.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:not(:first-child):before,
.dark.header_style_on_scroll nav.main_menu > ul > li > a,
.dark.header_style_on_scroll nav.main_menu > ul > li.active > a,
.dark.header_style_on_scroll nav.main_menu > ul > li:not(:first-child):before {
    color: #000;
}

nav.main_menu > ul > li > a {
    position: relative;
    padding: 0 17px;
    color: #9d9d9d;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}

header:not(.with_hover_bg_color) nav.main_menu > ul > li > a > span:not(.plus),
nav.vertical_menu > ul > li > a > span:not(.plus) {
    position: relative;
    display: inline-block;
    line-height: initial;
}

/* DROP DOWN MENU - START */
.drop_down ul {
    list-style: none;
}

    .drop_down ul li {
        position: relative;
    }

.drop_down .second {
    left: 0;
    margin: 0;
    top: 100%;
    position: absolute;
    display: block;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    z-index: 10;
    /*margin-top: 1px;*/
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}

header.transparent:not(.sticky) .drop_down .second {
    top: 75%;
}

header.transparent.with_border:not(.sticky) .drop_down .second,
header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second {
    top: 100%;
}

.drop_down li.left_position .second {
    left: auto;
    right: 0px;
}

header.transparent .drop_down .second:not(.right) {
    left: 16px;
}

header.transparent.with_hover_bg_color .drop_down .second:not(.right) {
    left: 0;
}

.drop_down li.right_position .second {
    left: -100%;
    /*right: 0;*/
}

.drop_down .second.drop_down_start {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}

nav.main_menu > ul > li:hover > .second {
    z-index: 20;
}

.drop_down .second .inner {
    position: relative;
    padding: 0px;
    display: block;
    z-index: 997;
}

    .drop_down .second .inner > ul,
    li.narrow .second .inner ul {
        display: inline-block;
        position: relative;
        background-color: #262626;
        border-color: #3d3d3d;
    }

li.narrow .second .inner ul {
    padding: 7px 0;
}

.drop_down .second .inner ul li {
    display: block;
    padding: 0 15px;
    position: relative;
    float: none;
    height: auto;
    background: 0;
    width: 190px;
}

li.narrow .second .inner ul li:last-child {
    border-bottom: none;
}

.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h5 {
    display: block;
    font-weight: 600;
    color: #9d9d9d;
    height: auto;
    line-height: 16px;
    margin: 0;
    padding: 9px 0;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.drop_down .second .inner > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

.drop_down .narrow .second .inner ul li {
    padding: 0;
    width: 225px;
}

.drop_down .narrow .second .inner ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

.drop_down .second i {
    display: none;
}
/* DROP DOWN MENU - END */

/* DROP DOWN MENU WIDE - START */
.drop_down .second ul li {
    border-bottom-width: 1px;
    border-bottom-color: #3d3d3d;
}
/* DROP DOWN MENU WIDE - END */

.mobile_menu_button {
    display: none;
    float: left;
    height: 100px;
    margin: 0 20px 0 0;
}

/* Inicia estilos para el menú desplegable -Sobre el DEM- */
nav.mobile_menu {
    display: none;
    width: 100%;
    float: left;
    position: relative;
    top: 0px;
    text-align: left;
    overflow: hidden;
    background-color: #fff;
    z-index: 100;
}

    nav.mobile_menu ul {
        display: none;
        width: 100%;
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    nav.mobile_menu > ul {
        margin-bottom: -1px !important;
    }

    nav.mobile_menu ul li {
        margin: 0px;
        padding: 0px;
        position: relative;
        -webkit-transform: translateZ(0);
        /* iOS fix for mobile menu */
    }

        nav.mobile_menu ul li a {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -webkit-tap-highlight-color: transparent;
        }

        nav.mobile_menu ul li,
        nav.mobile_menu ul li,
        nav.mobile_menu ul li ul li {
            border-bottom: 1px solid #eaeaea;
        }

            nav.mobile_menu ul li.open_sub > ul {
                border-top: 1px solid #eaeaea;
            }

            nav.mobile_menu ul li:last-child {
                border: 0px !important;
            }

    nav.mobile_menu ul > li.has_sub > span.mobile_arrow,
    nav.mobile_menu ul > li.has_sub > span.mobile_arrow {
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 46px;
        line-height: 46px;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        position: absolute;
        top: 10px;
        right: 0px;
        text-align: right;
        width: 50px;
        z-index: 9000;
        -webkit-tap-highlight-color: transparent;
    }

    nav.mobile_menu ul li span.mobile_arrow i,
    nav.mobile_menu ul li span.mobile_arrow i {
        color: #888;
    }

    nav.mobile_menu ul > li > span.mobile_arrow i {
        display: none;
    }

    nav.mobile_menu ul > li.has_sub > span.mobile_arrow i {
        display: inline;
    }

        nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down,
        nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down {
            display: none;
        }

    nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-right,
    nav.mobile_menu ul > li.has_sub > ul.open_sub > li > span.mobile_arrow i.fa-angle-right {
        display: none;
    }

    nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-down,
    nav.mobile_menu ul > li.has_sub ul.open_sub > li > span.mobile_arrow i.fa-angle-down {
        display: inline;
    }

    nav.mobile_menu ul li a,
    nav.mobile_menu ul li h3 {
        font-size: 13px;
        font-weight: 400;
        color: #888;
        padding: 10px 0px 10px 0;
        display: block;
        position: relative;
        text-transform: none;
        line-height: 26px;
        letter-spacing: 0;
    }

        nav.mobile_menu ul li a:hover,
        nav.mobile_menu ul li.active > a {
            color: #1abc9c;
        }

    nav.mobile_menu ul li ul li {
        margin: 0px 0px 0px 20px;
    }
/* Termina estilos para el menú desplegable -Sobre el DEM- */

.side_menu_button_wrapper {
    display: table;
}

.side_menu_button {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}

.side_menu_button > a {
    font-size: 14px;
    position: relative;
    display: inline;
    width: 20px;
    height: 20px;
    padding: 0 12px;
}

.side_menu_button > a,
.mobile_menu_button span {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    color: #9d9d9d;
}

    .side_menu_button > a.search_button {
        vertical-align: middle;
        display: inline-block;
    }

.side_menu_button a:last-child {
    padding: 0px 0px 0px 8px;
}

.content {
    margin-top: 0;
    position: relative;
    z-index: 100;
    background-color: #f6f6f6;
}

    .content.content_top_margin_none {
        margin-top: 0 !important;
    }

.container {
    position: relative;
    padding: 0;
    width: 100%;
    z-index: 100;
}

.container_inner {
    width: 66%;
    margin: 0px auto;
}

.content .container {
    background-color: #f6f6f6;
}

    .content .container .container_inner {
        padding: 0px 0px 0px 0px;
    }

        .content .container .container_inner.page_container_inner {
            padding: 30px 0px 0px 0px;
        }

.header_bottom .container_inner {
    position: relative;
}

.content .title .container_inner {
    padding: 0px !important;
}

section.section {
    display: block;
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}

div.section {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.use_row_as_box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.vc_row.disable_negative_margin {
    margin-left: 0;
    margin-right: 0;
}

div.video_section {
    overflow: hidden;
}

.boxed .section .section_inner,
.grid_section .section_inner {
    width: 1100px;
    margin: 0px auto;
    position: relative;
    z-index: 20;
}

.full_section_inner {
    position: relative;
    z-index: 20;
}

.two_columns_66_33 {
    width: 100%;
}

    .two_columns_66_33 > .column1 {
        width: 66.66%;
        float: left;
    }

        .two_columns_66_33 > .column1 > .column_inner {
            padding: 0 20px 0 0;
        }

    .two_columns_66_33 > .column2 {
        width: 33.33%;
        float: left;
    }

        .two_columns_66_33 > .column2 > .column_inner {
            padding: 0 0 0 20px;
        }

.two_columns_33_66 {
    width: 100%;
}

    .two_columns_33_66 > .column1 {
        width: 33.33%;
        float: left;
    }

        .two_columns_33_66 > .column1 > .column_inner {
            padding: 0 20px 0 0;
        }

    .two_columns_33_66 > .column2 {
        width: 66.66%;
        float: left;
    }

        .two_columns_33_66 > .column2 > .column_inner {
            padding: 0 0 0 20px;
        }

.two_columns_75_25 {
    width: 100%;
}

    .two_columns_75_25 > .column1 {
        width: 75%;
        float: left;
    }

        .two_columns_75_25 > .column1 > .column_inner {
            padding: 0 20px 0 0;
        }

    .two_columns_75_25 > .column2 {
        width: 25%;
        float: left;
    }

        .two_columns_75_25 > .column2 > .column_inner {
            padding: 0 0 0 20px;
        }

.two_columns_25_75 {
    width: 100%;
}

    .two_columns_25_75 > .column1 {
        width: 25%;
        float: left;
    }

        .two_columns_25_75 > .column1 > .column_inner {
            padding: 0 20px 0 0;
        }

    .two_columns_25_75 > .column2 {
        width: 75%;
        float: left;
    }

        .two_columns_25_75 > .column2 > .column_inner {
            padding: 0 0 0 20px;
        }

.two_columns_50_50 {
    width: 100%;
}

    .two_columns_50_50 > .column1 {
        width: 50%;
        float: left;
    }

        .two_columns_50_50 > .column1 > .column_inner {
            padding: 0 10px 0 0;
        }

    .two_columns_50_50 > .column2 {
        width: 50%;
        float: left;
    }

        .two_columns_50_50 > .column2 > .column_inner {
            padding: 0 0 0 10px;
        }

.three_columns {
    width: 100%;
}

    .three_columns > .column1,
    .three_columns > .column2,
    .three_columns > .column3 {
        width: 33.33%;
        float: left;
    }

        .three_columns > .column1 > .column_inner {
            padding: 0 15px 0 0;
        }

        .three_columns > .column2 > .column_inner {
            padding: 0 5px 0 10px;
        }

        .three_columns > .column3 > .column_inner {
            padding: 0 0 0 15px;
        }

.four_columns {
    width: 100%;
}

    .four_columns > .column1,
    .four_columns > .column2,
    .four_columns > .column3,
    .four_columns > .column4 {
        width: 25%;
        float: left;
    }

        .four_columns > .column1 > .column_inner {
            padding: 0 15px 0 0;
        }

        .four_columns > .column2 > .column_inner {
            padding: 0 10px 0 5px;
        }

        .four_columns > .column3 > .column_inner {
            padding: 0 5px 0 10px;
        }

        .four_columns > .column4 > .column_inner {
            padding: 0 0 0 15px;
        }

.five_columns > .column1,
.five_columns > .column2,
.five_columns > .column3,
.five_columns > .column4,
.five_columns > .column5 {
    width: 20%;
    float: left;
}

    .five_columns > .column1 > .column_inner,
    .five_columns > .column2 > .column_inner,
    .five_columns > .column3 > .column_inner,
    .five_columns > .column4 > .column_inner {
        margin: 0 2.5% 0 0;
    }

    .five_columns > .column5 > .column_inner {
        margin: 0;
    }

.title_outer.animate_title_area {
    overflow: hidden;
}

.title {
    display: block;
    width: 100%;
    height: 100px;
    text-align: left;
    position: relative;
    z-index: 101;
    border-bottom-color: #eee;
}

.title_outer.with_image .title {
    height: auto !important;
    line-height: normal;
    background: none;
}

.title img {
    display: block;
    position: relative;
    width: 100%;
}

.title .not_responsive {
    display: none;
}

.title .title_holder {
    display: table;
    height: 100%;
    left: 0;
    position: relative;
    width: 100%;
}

.title_outer.with_image .title .title_holder,
.title_outer .has_fixed_background.title .title_holder,
.title_outer .has_background.title .title_holder {
    position: absolute;
    top: 0%;
    display: block;
}

.title .title_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: 0px 0px;
    top: 0;
}

.title .title_holder .container {
    display: table-cell;
    vertical-align: middle;
    background-color: transparent;
}

.title_outer.with_image .title .title_holder .container,
.title_outer .has_fixed_background.title .title_holder .container,
.title_outer .has_background.title .title_holder .container {
    display: block;
    height: 100%;
}

.content .title_outer.with_image .title .container_inner,
.title_outer .has_fixed_background.title .title_holder .container_inner,
.title_outer .has_background.title .title_holder .container_inner {
    display: table;
    height: 100%;
}

.title_subtitle_holder {
    display: block;
    padding: 0px;
    position: relative;
}

.title_outer.with_image .title .title_subtitle_holder,
.title_outer .has_fixed_background.title .title_subtitle_holder,
.title_outer .has_background.title .title_subtitle_holder {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.title_subtitle_holder_inner {
    position: relative;
}

.title h1 {
    color: #303030;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.title.title_size_medium h1 {
    font-size: 24px;
    line-height: 1.384615384615385em;
}

.title.title_size_small h1,
.title h1 {
    font-size: 17px;
    line-height: 1.304347826086957em;
}

.title.title_size_large h1 {
    font-size: 47px;
    line-height: 60px;
}

.title_text_shadow .title h1 {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.subtitle {
    display: block;
}

.title .text_above_title {
    display: block;
    color: #1abc9c;
    margin-bottom: 10px;
}

.title.title_size_large .text_above_title {
    font-size: 23px;
    line-height: 1.4em;
}

.title_text_shadow .text_above_title {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.title_text_shadow .subtitle {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.animate_title_text .title h1 {
    -webkit-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
    -moz-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
    -o-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
    animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
}

.separator {
    position: relative;
    display: block;
    height: 1px;
    background-color: #eaeaea;
    margin: 10px 0;
}

    .separator.transparent {
        background-color: transparent;
    }

    .separator.small {
        background-color: #303030;
        height: 2px;
        position: relative;
        width: 22px;
        display: block;
        margin: 10px auto 20px auto;
    }

/* ==========================================================================
   Button shortcode start styles
   ========================================================================== */
.qbutton,
.load_more a,
.blog_load_more_button a,
#submit_comment,
.drop_down .wide .second ul li .qbutton,
.drop_down .wide .second ul li ul li .qbutton {
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 39px;
    margin: 0;
    padding: 0px 23px;
    border: 2px solid #303030;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    text-align: left;
    color: #303030;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    background-color: transparent;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

    /*Enlarge Button Styles - start*/
    .qbutton.enlarge {
        -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear, padding .1s linear;
        transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear, padding .1s linear;
    }

/*Enlarge Button Styles - end*/
input.qbutton {
    line-height: 36px;
}
/* ==========================================================================
   Button end styles
   ========================================================================== */

/* ==========================================================================
   Single image shortcode styles
   ========================================================================== */
.wpb_content_element.wpb_single_image img {
    vertical-align: middle;
}

.wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper {
    overflow: hidden;
}

    .wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper img {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 1, 1);
        -moz-transition: -moz-transform 0.3s cubic-bezier(0.4, 0, 1, 1);
        -o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 1, 1);
        transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1);
    }

    .wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper:hover img {
        -webkit-transform: scale(1.05) translateZ(0);
        -moz-transform: scale(1.05) translateZ(0);
        -o-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
    }
/* ==========================================================================
   Enf of single image shortcode styles
   ========================================================================== */

/* ==========================================================================
   Icon start shortcode
   ========================================================================== */
.q_font_awsome_icon {
    display: inline-block;
}

    .q_font_awsome_icon i,
    .q_font_awsome_icon span {
        color: #1abc9c;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
    }

        .q_font_awsome_icon i:hover,
        .q_font_awsome_icon span:hover {
            color: #1abc9c;
        }

    .q_font_awsome_icon.pull-center {
        display: block;
        text-align: center;
    }

.q_font_awsome_icon_square.pull-center,
.q_font_awsome_icon_stack.pull-center {
    display: block;
    margin: 0 auto !important;
}

.q_font_awsome_icon.q_icon_animation,
.q_font_awsome_icon_square.q_icon_animation,
.q_font_awsome_icon_stack.q_icon_animation {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-backface-visibility: hidden;
}

    .q_font_awsome_icon.q_icon_animation.q_show_animation,
    .q_font_awsome_icon_square.q_icon_animation.q_show_animation,
    .q_font_awsome_icon_stack.q_icon_animation.q_show_animation {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

#back_to_top span,
.q_social_icon_holder .fa-stack,
.q_icon_with_title.square .icon_holder .fa-stack,
.box_holder_icon_inner.square .fa-stack {
    text-align: center;
}

/* ==========================================================================
   Icon end shortcode
   ========================================================================== */

.more_facts_outer {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

.more_facts_inner_holder {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.more_facts_inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 70px 0 0;
}

.more_facts_holder {
    background-color: #f6f6f6;
}

.more_facts_button {
    display: block;
    position: relative;
    margin: 0;
    padding: 39px 0 15px;
    color: #303030;
    font-size: 19px;
    line-height: 22px;
    cursor: pointer;
    z-index: 90;
}

    .more_facts_button:hover {
        color: #1abc9c;
    }

    .more_facts_button .more_facts_button_text,
    .more_facts_button .more_facts_button_arrow {
        display: block;
    }

    .more_facts_button .more_facts_button_text {
        display: block;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0px 0 5px;
    }

    .more_facts_button .more_facts_button_arrow {
        -webkit-transition: -webkit-transform 300ms ease-in-out;
        -moz-transition: -moz-transform 300ms ease-in-out;
        -ms-transition: -ms-transform 300ms ease-in-out;
        -o-transition: -o-transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out;
    }

        .more_facts_button .more_facts_button_arrow.rotate_arrow {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

.more_facts_button_holder {
    display: block;
    position: relative;
}

    .more_facts_button_holder.left {
        text-align: left;
    }

    .more_facts_button_holder.center {
        text-align: center;
    }

    .more_facts_button_holder.right {
        text-align: right;
    }

.ordered ul, .ordered ol {
    counter-reset: li;
    display: block;
    list-style-type: decimal;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0 30px;
    padding: 0 0 0 20px;
}

    .ordered ol li {
        margin: 0px 0px 21px;
        padding: 0 0 0 4px;
        color: #303030;
    }

/* ==========================================================================
   Unordered list shortcode styles
   ========================================================================== */
.q_list.normal ul > li {
    font-weight: 400 !important;
}

.q_list.light ul > li {
    font-weight: 300 !important;
}

.q_list.bold ul > li {
    font-weight: 600 !important;
}

.q_list.circle ul,
.q_list.number ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.q_list.number ul {
    counter-reset: li;
}

.q_list.number.circle_number li {
    padding-left: 43px;
    margin-bottom: 22px;
}

.q_list.circle ul > li,
.q_list.number ul > li {
    position: relative;
    font-weight: 400;
    margin: 0 0 22px;
    padding: 0 0 0 22px;
    color: #303030;
}

    .q_list.circle ul > li:before {
        position: absolute;
        left: 0;
        width: 7px;
        height: 7px;
        top: 9px;
        background-color: #ababab;
        display: block;
        content: '';
        border-radius: 25px;
    }

    .q_list.number ul > li:before {
        height: 20px;
        width: 20px;
        line-height: 20px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 1px;
        padding: 0;
        color: #1abc9c;
        text-align: center;
        content: counter(li, decimal-leading-zero);
        counter-increment: li;
        font-weight: 500;
    }

.q_list.number.circle_number ul > li:before {
    color: #fff;
    background-color: #1abc9c;
    border-radius: 2em;
    height: 31px;
    width: 31px;
    line-height: 31px;
    top: -3px;
}

.q_list.circle.animate_list ul li,
.q_list.number.animate_list ul li {
    opacity: 0;
    filter: alpha(opacity=0);
    top: -40px;
}

.touch .no_animation_on_touch .q_list.circle.animate_list ul li,
.touch .no_animation_on_touch .q_list.number.animate_list ul li {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0px;
}

/* ==========================================================================
   Empty Space
   ========================================================================== */
.vc_empty_space_inner .empty_space_image {
    display: block;
    height: 100%;
}

/**
 * Common sidebar, side menu and widgets styles that are placed in this widget areas
 */
.container aside {
    position: relative;
    z-index: 11;
}

aside .widget a,
.side_menu a,
.side_menu .widget li {
    font-weight: 400;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

    aside .widget a:hover {
        color: #1abc9c;
    }

    .side_menu .widget a:hover,
    .side_menu .widget li:hover,
    .side_menu .widget li:hover > a {
        color: #fff;
    }

aside .widget ul,
.side_menu .widget ul {
    list-style: none;
    padding: 0;
}

aside .widget li,
.side_menu .widget li {
    margin: 0 0 10px;
}

aside .widget.qode_latest_posts_widget li,
.side_menu .widget.qode_latest_posts_widget li {
    margin: 0;
}

aside .widget li:last-child,
.side_menu .widget li:last-child {
    margin: 0;
}

.widget.widget_rss li a.rsswidget,
#wp-calendar caption {
    color: #000;
}

.footer_top .widget.widget_rss li a.rsswidget,
.footer_top #wp-calendar caption {
    color: #fff;
}

/* Sidebar styles
   ========================================================================== */
/**
 * Sidebar specific styles
 */
aside .widget.widget_search {
    border-bottom: 0px;
    padding: 0;
}

aside .widget h5 {
    margin-bottom: 14px;
}

aside .widget.posts_holder li {
    padding: 7px 0px 7px 0px;
    margin: 0;
}

    aside .widget.posts_holder li.page_item_has_children > ul.children li:last-child,
    aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child {
        border-bottom: 0;
    }

    aside .widget.posts_holder li:hover {
        color: #1abc9c;
    }

    aside .widget.posts_holder li.page_item_has_children > ul.children,
    aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu {
        padding-left: 10px;
    }

    aside .widget.posts_holder li.page_item_has_children > a,
    aside .widget.posts_holder li.menu-item-has-children > a {
        display: block;
    }

aside .widget a {
    color: inherit;
}

aside .widget {
    margin: 0 0 42px;
}

aside .widget_nav_menu .sub-menu,
aside .widget_pages .children {
    margin-left: 20px;
    margin-top: 6px;
}

aside .qode-widget-sticky-sidebar {
    margin: 0px;
}

/* Side menu styles
   ========================================================================== */
/**
 * Side menu specific styles
 */
.side_menu {
    background-color: #1b1b1b;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 30px;
    position: fixed;
    top: 0;
    right: -270px;
    width: 270px;
    z-index: 90;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
}

/* Side Menu Slides Over Content */
.right_side_menu_opened .wrapper,
.right_side_menu_opened footer.uncover {
    left: -270px;
}

.side_menu_slide_from_right .wrapper {
    background-color: #fff;
    position: relative;
    z-index: 1000;
    -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transform: translateX(0, 0);
    -moz-transform: translateX(0, 0);
    -o-transform: translateX(0, 0);
    transform: translateX(0, 0);
    -webkit-transform: translateX(0, 0);
}

.side_menu_slide_from_right.right_side_menu_opened .wrapper {
    transform: translateX(-270px, 0);
    -ms-transform: translateX(-270px, 0);
    -moz-transform: translateX(-270px, 0);
    -webkit-transform: translateX(-270px, 0);
    -o-transform: translateX(-270px, 0);
    -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.side_menu_slide_from_right .carousel-inner {
    -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.side_menu_slide_from_right .wrapper .cover {
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #000;
    -moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
}

.side_menu_slide_from_right.right_side_menu_opened .wrapper .cover {
    z-index: 1002;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
}

.side_menu_slide_from_right .side_menu {
    padding: 5% 30px 30px 30px;
    top: 0;
    right: -45%;
    width: 45%;
    z-index: 9999;
    text-align: center;
    visibility: hidden;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.right_side_menu_opened.side_menu_slide_from_right .side_menu {
    right: 0px;
    visibility: visible;
    -moz-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    -webkit-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
}

.side_menu_slide_from_right header.sticky,
.side_menu_slide_from_right header.fixed_top_header .top_header,
.side_menu_slide_from_right header.fixed,
.side_menu_slide_from_right header.fixed_hiding,
.side_menu_slide_from_right header.fixed_top_header .top_header {
    -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

.side_menu_slide_from_right footer.uncover {
    -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* Side Menu Slides With Content */
body.side_menu_slide_with_content {
    overflow-x: hidden;
    position: relative;
    left: 0;
    -webkit-overflow-scrolling: auto !important;
}

    body.side_menu_slide_with_content.side_menu_open .wrapper,
    body.side_menu_slide_with_content.side_menu_open footer.uncover {
        left: -470px;
    }

    body.side_menu_slide_with_content .wrapper {
        -webkit-transition: left 0.2s ease, right 0.2s ease;
        -moz-transition: left 0.2s ease, right 0.2s ease;
        transition: left 0.2s ease, right 0.2s ease;
    }

    body.side_menu_slide_with_content .side_menu,
    body.side_menu_slide_with_content,
    body.side_menu_slide_with_content header.fixed,
    body.side_menu_slide_with_content header.fixed_top_header .top_header,
    body.side_menu_slide_with_content header.fixed_hiding,
    body.side_menu_slide_with_content footer.uncover {
        -webkit-transition: left 0.2s ease, right 0.2s ease;
        -moz-transition: left 0.2s ease, right 0.2s ease;
        transition: left 0.2s ease, right 0.2s ease;
    }

        body.side_menu_slide_with_content header.sticky {
            -webkit-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
            -moz-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
            transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
        }

        body.side_menu_slide_with_content .side_menu {
            position: fixed;
            visibility: visible;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 470px;
            right: -470px;
            height: 100%;
            top: 0;
            z-index: 9999;
        }

        body.side_menu_slide_with_content.side_menu_open .side_menu {
            right: 0;
        }

        body.side_menu_slide_with_content.side_menu_open .carousel-inner:not(.relative_position) {
            left: -470px !important;
            -webkit-transition: left 0.2s ease;
            -moz-transition: left 0.2s ease;
            transition: left 0.2s ease;
        }

        body.side_menu_slide_with_content .carousel-inner {
            left: 0 !important;
            -webkit-transition: left 0.2s ease;
            -moz-transition: left 0.2s ease;
            transition: left 0.2s ease;
        }

        body.side_menu_slide_with_content.side_menu_open header.fixed,
        body.side_menu_slide_with_content.side_menu_open header.fixed_top_header .top_header,
        body.side_menu_slide_with_content.side_menu_open header.fixed_hiding,
        body.side_menu_slide_with_content.side_menu_open header.sticky {
            left: -470px;
            -webkit-transition: left 0.2s ease;
            -moz-transition: left 0.2s ease;
            transition: left 0.2s ease;
        }

        /* width 270px start */
        body.side_menu_slide_with_content.width_270.side_menu_open .wrapper,
        body.side_menu_slide_with_content.width_270.side_menu_open footer.uncover {
            left: -270px;
        }

        body.side_menu_slide_with_content.width_270 .side_menu {
            width: 270px;
            right: -270px;
        }

        body.side_menu_slide_with_content.width_270.side_menu_open .side_menu {
            right: 0;
        }

        body.side_menu_slide_with_content.width_270.side_menu_open .carousel-inner:not(.relative_position) {
            left: -270px !important;
        }

        body.side_menu_slide_with_content.width_270.side_menu_open header.fixed,
        body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_hiding,
        body.side_menu_slide_with_content.width_270.side_menu_open header.sticky,
        body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_top_header .top_header {
            left: -270px;
        }

        /* width 270px end */
        /* width 370px start */
        body.side_menu_slide_with_content.width_370.side_menu_open .wrapper,
        body.side_menu_slide_with_content.width_370.side_menu_open footer.uncover {
            left: -370px;
        }

        body.side_menu_slide_with_content.width_370 .side_menu {
            width: 370px;
            right: -370px;
        }

        body.side_menu_slide_with_content.width_370.side_menu_open .side_menu {
            right: 0;
        }

        body.side_menu_slide_with_content.width_370.side_menu_open .carousel-inner:not(.relative_position) {
            left: -370px !important;
        }

        body.side_menu_slide_with_content.width_370.side_menu_open header.fixed,
        body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_hiding,
        body.side_menu_slide_with_content.width_370.side_menu_open header.sticky,
        body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_top_header .top_header {
            left: -370px;
        }

/* width 370px end */
/* Side Menu Slides With Content - End */
.side_menu.side_area_alignment_left {
    text-align: left;
}

.side_menu.side_area_alignment_center {
    text-align: center;
}

.side_menu.side_area_alignment_right {
    text-align: right;
}

.side_menu h5,
.side_menu h6 {
    margin: 0 0 12px 0;
    color: #fff;
}

.side_menu .widget li {
    position: relative;
}

.side_menu .widget ul li.page_item_has_children,
.side_menu .widget ul li.menu-item-has-children {
    padding-right: 0;
    border-bottom: none;
}

.side_menu .widget ul ul {
    padding: 6px 0 0 20px;
}

.side_menu .widget {
    margin: 0 0 43px;
}

    .side_menu a,
    .side_menu li,
    .side_menu span,
    .side_menu p,
    .side_menu .widget.widget_rss li a.rsswidget,
    .side_menu #wp-calendar caption,
    .side_menu #wp-calendar th,
    .side_menu #wp-calendar td {
        color: #818181;
    }

.side_menu .side_menu_title {
    display: block;
    margin: 0 0 12px;
}

.side_menu .widget.widget_nav_menu li:last-child,
.side_menu .widget.widget_nav_menu li a {
    margin: 0;
}

.side_menu a.close_side_menu {
    display: inline-block;
    position: absolute;
    top: 29px;
    right: 25px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    background-image: url("../../images/img/close_side_menu.png");
    background-repeat: no-repeat;
    z-index: 1000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .side_menu a.close_side_menu:hover {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) {
    .side_menu a.close_side_menu {
        background-image: url("../../images/img/close_side_menu@2x.png");
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -moz-background-size: 13px 13px;
        background-size: 13px 13px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) {
    .side_menu a.close_side_menu {
        background-image: url("../../images/img/close_side_menu@2x.png");
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -moz-background-size: 13px 13px;
        background-size: 13px 13px;
    }
}

.side_menu.dark a.close_side_menu {
    background-image: url("../../images/img/close_side_menu_dark.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) {
    .side_menu.dark a.close_side_menu {
        background-image: url("../../images/img/close_side_menu_dark@2x.png");
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -moz-background-size: 13px 13px;
        background-size: 13px 13px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) {
    .side_menu.dark a.close_side_menu {
        background-image: url("../../images/img/close_side_menu_dark@2x.png");
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        -moz-background-size: 13px 13px;
        background-size: 13px 13px;
    }
}

/* ==========================================================================
   End of sidebar and side menu styles
   ========================================================================== */
.footer_top .widget.widget_nav_menu li {
    margin: 0 0 0px;
    line-height: 22px;
}

footer {
    display: block;
    width: 100%;
    margin: 0px auto;
    z-index: 100;
    position: relative;
}

    footer.uncover {
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 99;
        -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
        -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
        -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
        -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
        transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
        -webkit-backface-visibility: hidden;
    }

body.paspartu_enabled footer.uncover {
    z-index: 98;
}

.boxed footer {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
}

.right_side_menu_opened footer.uncover {
    left: -270px;
}

footer .container_inner {
    position: relative;
}

.footer_top_holder {
    display: block;
    background-color: #262626;
    position: relative;
}

.footer_top {
    padding: 72px 0px 52px;
}

.footer_top_border.in_grid,
.footer_bottom_border.in_grid {
    width: 1100px;
    margin: 0 auto;
}

.footer_top.footer_top_full {
    padding: 48px 24px;
}

.footer_top h5 {
    color: #fff;
    margin: 0 0 22px;
}

.footer_top ul {
    list-style: none;
}

.footer_top a,
.footer_top p,
.footer_top span,
.footer_top li,
.footer_top .textwidget {
    color: #818181;
    word-wrap: break-word;
}

    .footer_top a:not(.qbutton) {
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
    }

    .footer_top a:hover {
        color: #fff !important;
    }

.footer_top .four_columns .column2 .column_inner > div,
.footer_top .three_columns .column2 .column_inner > div,
.footer_top .two_columns_50_50 .column2 .column_inner > div {
    margin: 0 0 0 15px;
}

.footer_top .four_columns .column3 .column_inner > div,
.footer_top .three_columns .column3 .column_inner > div {
    margin: 0 0 0 10px;
}

.footer_top .four_columns .column4 .column_inner > div {
    margin: 0 0 0 5px;
}

.footer_top .widget_nav_menu li.menu-item a {
    margin-bottom: 0;
}

.footer_top .widget_recent_entries > ul > li,
.footer_top .widget_recent_comments > ul > li,
.footer_top .widget_meta > ul > li,
.footer_top .widget_nav_menu ul li,
.footer_top .widget_pages ul li {
    padding: 0px 0px 17px;
    position: relative;
}

    .footer_top .widget_nav_menu ul li ul,
    .footer_top .widget_pages ul li ul {
        padding: 0 0 0 10px;
    }

    .footer_top .widget_recent_entries > ul > li > a,
    .footer_top .widget_pages > ul > li > a,
    .footer_top .widget_meta > ul > li > a,
    .footer_top .widget_nav_menu ul li a,
    .footer_top .widget_recent_comments > ul > li > a,
    .footer_top .widget_recent_entries > ul > li > span {
        display: block;
    }

    .footer_top .widget_recent_entries > ul > li > span {
        color: #9d9d9d;
    }

.footer_bottom_holder {
    display: block;
    background-color: #1b1b1b;
}

.footer_top_holder svg.angled-section polygon {
    fill: #1b1b1b;
}

.footer_bottom {
    display: table-cell;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    height: 53px;
    width: 1%;
    vertical-align: middle;
}

.footer_bottom_columns.three_columns .column1 .footer_bottom,
.footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom,
.footer_bottom_columns.three_columns .column1 .footer_bottom ul,
.footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom ul {
    text-align: left;
}

.footer_bottom_columns.three_columns .column3 .footer_bottom,
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom,
.footer_bottom_columns.three_columns .column3 .footer_bottom ul,
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom ul {
    text-align: right;
}

.footer_bottom p,
.footer_bottom span {
    margin: 0px;
}

.footer_bottom .footer_text_title {
    display: none;
}

.footer_bottom ul {
    list-style: none;
    text-align: center;
}

    .footer_bottom ul li {
        display: inline-block;
        margin-right: 46px;
    }

        .footer_bottom ul li:last-child {
            margin-right: 0;
        }

        .footer_bottom ul li a {
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 13px;
            -webkit-transition: color 0.3s ease-in-out;
            -moz-transition: color 0.3s ease-in-out;
            -ms-transition: color 0.3s ease-in-out;
            -o-transition: color 0.3s ease-in-out;
            transition: color 0.3s ease-in-out;
        }

            .footer_bottom ul li a:hover {
                color: #818181;
            }

.footer_top .q_social_icon_holder i.simple_social,
.footer_top .q_social_icon_holder span.simple_social {
    margin-right: 16px;
}

.footer_top .q_social_icon_holder i.simple_social,
.footer_top .q_social_icon_holder span.simple_social,
.side_menu .q_social_icon_holder i.simple_social,
.side_menu .q_social_icon_holder span.simple_social {
    color: #818181;
}

.footer_top .q_social_icon_holder:hover i.simple_social,
.footer_top .q_social_icon_holder:hover span.simple_social,
.side_menu .q_social_icon_holder:hover i.simple_social,
.side_menu .q_social_icon_holder:hover span.simple_social {
    color: #fff !important;
}

.footer_top .q_social_icon_holder.normal_social {
    margin: 0 0 0 0;
}

.footer_top .q_social_icon_holder:last-child i.simple_social,
.footer_top .q_social_icon_holder:last-child span.simple_social {
    margin-right: 0;
}

.footer_top .q_social_icon_holder i.simple_social,
.footer_top .q_social_icon_holder span.simple_social {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#back_to_top {
    color: #cdcdcd;
    height: auto;
    position: fixed;
    bottom: 65px;
    margin: 0px;
    z-index: 10000;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    #back_to_top.off {
        opacity: 0;
        filter: alpha(opacity=0);
        right: 25px;
    }

    #back_to_top.on {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        right: 25px;
    }

    #back_to_top .hover {
        display: none;
    }

    #back_to_top > span {
        width: 52px;
        height: 52px;
        line-height: 52px;
        text-decoration: none;
        -o-border-radius: 52px;
        -moz-border-radius: 52px;
        -webkit-border-radius: 52px;
        border-radius: 52px;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        border: 2px solid #e8e8e8;
        background: transparent;
    }

    #back_to_top span i,
    #back_to_top span span {
        font-size: 22px;
        -webkit-transition: color 0.2s ease 0s;
        -moz-transition: color 0.2s ease 0s;
        -o-transition: color 0.2s ease 0s;
        color: #b0b0b0;
        line-height: 52px;
    }

    #back_to_top:hover > span {
        background-color: #e8e8e8;
    }

.right_side_menu_opened #back_to_top {
    display: none;
}

.page_not_found {
    text-align: center;
    margin: 0 0 83px;
}

    .page_not_found h2 {
        margin: 40px 0 20px;
        font-size: 32px;
    }

    .page_not_found p {
        margin: 15px 0 35px;
    }

.custom_font_holder {
    display: block;
    position: relative;
}

    .custom_font_holder .qode-cf-typed-wrap {
        width: 0;
        white-space: nowrap;
    }

    .custom_font_holder .qode-cf-typed {
        display: inline-block;
    }

body div.pp_default .pp_loaderIcon {
    background-color: #ffffff;
    border-radius: 20px;
}

/* ==========================================================================
   Call to action widget styles
   ========================================================================== */

.flex-viewport,
.portfolio_slider .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

/* ==== Qode Carousel Slider - End ==== */
.wpb_row, .wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin, .wpb_button {
    margin-bottom: 0 !important;
}

.header_top_bottom_holder {
    position: relative;
}

/* slide from header bottom */
.qode_search_form_2 {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #fff;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 100px;
    bottom: 0;
    position: absolute;
    transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    left: 0;
    opacity: 1;
}

    .qode_search_form_2.animated {
        transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s ease 0s;
        -webkit-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s ease 0s;
        -moz-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s ease 0s;
        left: 0;
        opacity: 1;
    }

    .qode_search_form_2 .container {
        z-index: auto;
    }

    .qode_search_form_2 .form_holder_outer {
        display: table;
        height: 100px;
        width: 100%;
    }

    .qode_search_form_2 .form_holder {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .qode_search_form_2.animated .form_holder_outer {
        height: 100px;
    }

    .qode_search_form_2 .container_inner .form_holder {
        padding: 0px;
    }

    .qode_search_form_2 .form_holder {
        padding: 0 45px;
    }

    .qode_search_form_2 input,
    .qode_search_form_2 input:focus {
        background-color: transparent;
        border: medium none;
        box-shadow: none;
        color: #9d9d9d;
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        width: 90%;
        padding: 0;
        font-family: inherit;
        outline: none;
        outline-offset: 0px;
        -webkit-appearance: none;
        border-radius: 0;
        text-transform: uppercase;
    }

        .qode_search_form_2 input:focus {
            outline-offset: 0px !important;
        }

    .qode_search_form_2 .qode_search_submit {
        width: auto;
        cursor: pointer;
        font-size: 50px;
        position: absolute;
        right: 45px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: color 0.4s ease;
        -webkit-transition: color 0.4s ease;
        -moz-transition: color 0.4s ease;
        color: #696969;
        padding: 0 0 0 1px;
    }

    .qode_search_form_2 .container_inner .qode_search_submit {
        right: 0;
    }

    .qode_search_form_2 .qode_search_submit:hover {
        color: #1abc9c;
    }

    .qode_search_form_2.disabled .qode_search_submit,
    .qode_search_form_2.disabled .qode_search_submit:hover {
        cursor: default;
        color: #959595;
    }

/* search covers header */


/* insert end */
/*----------------------FULLSCREEN SEARCH style start--------------------------*/
.side_menu_button {
    position: relative;
}
/*----------------Search styles end---------------------*/

/******** Visual Composer - Start ********/
.section_inner_margin,
.parallax_section_inner_margin {
    margin-left: -15px;
    margin-right: -15px;
}
/******** Visual Composer - End ********/

/* ==========================================================================
   Contact form 7 styles - se usa para la seccion Preguntas al DEM
   ========================================================================== */
.wpcf7 form.wpcf7-form p {
    margin-bottom: 20px;
}

input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select {
    width: 100%;
}

input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select,
input.wpcf7-form-control.wpcf7-quiz {
    display: block;
    margin: 5px 0 0;
    padding: 15px;
    border: 0;
    border-radius: 0;
    outline: 0;
    resize: none;
    font-size: 13px;
    line-height: 17px;
    background-color: #fff;
    color: #818181;
    font-family: 'Raleway';
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input.wpcf7-form-control.wpcf7-quiz {
    margin-left: 15px;
}

span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"],
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] {
    position: relative;
    top: 2px;
}

span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    margin-left: 5px;
}

input.wpcf7-form-control.wpcf7-submit {
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 36px;
    margin: 0;
    padding: 0px 23px;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    background-color: transparent;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

    input.wpcf7-form-control.wpcf7-submit[disabled] {
        color: #818181;
        border: 2px solid #818181;
        cursor: not-allowed;
    }

    input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
        border: 2px solid #303030;
        color: #303030;
    }

        input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
            background-color: #1abc9c;
            border-color: #1abc9c;
            color: #fff;
            text-decoration: none;
        }

input.wpcf7-form-control.wpcf7-range {
    width: 100%;
}

div.wpcf7-response-output {
    position: relative;
    padding: 17px 30px 17px 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
}

    div.wpcf7-response-output:before {
        font-family: 'FontAwesome', sans-serif;
        width: 20px;
        height: 20px;
        display: inline-block;
        color: #fff;
        position: absolute;
        left: 25px;
    }

    div.wpcf7-response-output.wpcf7-mail-sent-ok {
        background-color: #1abc9c;
    }

        div.wpcf7-response-output.wpcf7-mail-sent-ok:before {
            content: "\f087";
        }

    div.wpcf7-response-output.wpcf7-validation-errors {
        background-color: #f1c40f;
    }

        div.wpcf7-response-output.wpcf7-validation-errors:before {
            content: "\f12a";
        }

.two_columns_form_without_space,
.two_columns_form_with_space {
    display: table;
}

    .two_columns_form_with_space input.wpcf7-form-control.wpcf7-text,
    .two_columns_form_without_space input.wpcf7-form-control.wpcf7-text {
        margin: 0;
    }

    .two_columns_form_without_space .column_left {
        display: table-cell;
        vertical-align: top;
    }

    .two_columns_form_without_space .column_right {
        display: table-cell;
        width: 1%;
        text-align: left;
        vertical-align: top;
    }

    .two_columns_form_with_space .column_left {
        display: table-cell;
        vertical-align: top;
        padding-right: 5px;
    }

    .two_columns_form_with_space .column_right {
        display: table-cell;
        width: 1%;
        vertical-align: top;
        padding-left: 5px;
    }

.qode-three-columns-form-with-space {
    display: table;
    width: 100%;
}

    .qode-three-columns-form-with-space.qode-fixed-columns {
        table-layout: fixed;
    }

        .qode-three-columns-form-with-space.qode-fixed-columns .qode-three-columns-form-with-space-column {
            width: 33.33%;
        }

    .qode-three-columns-form-with-space .qode-three-columns-form-with-space-column {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
        text-align: left;
        box-sizing: border-box;
    }

    .qode-three-columns-form-with-space div.wpcf7 img.ajax-loader {
        display: none;
    }

/* ==========================================================================
   End Contact form 7 styles
   ========================================================================== */

/* ==========================================================================
   Qode Elements Holder style
   ========================================================================== */
.q_elements_holder {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .q_elements_holder .q_elements_item {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }

    .q_elements_holder .q_elements_item_inner {
        width: 100%;
    }

    .q_elements_holder.two_columns .q_elements_item {
        width: 50%;
    }

    .q_elements_holder.two_columns.eh_two_columns_66_33 .q_elements_item:first-child {
        width: 66.66%;
    }

    .q_elements_holder.two_columns.eh_two_columns_66_33 .q_elements_item:last-child {
        width: 33.33%;
    }

    .q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:first-child {
        width: 33.33%;
    }

    .q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:last-child {
        width: 66.66%;
    }

    .q_elements_holder.two_columns.eh_two_columns_75_25 .q_elements_item:first-child {
        width: 75%;
    }

    .q_elements_holder.two_columns.eh_two_columns_75_25 .q_elements_item:last-child {
        width: 25%;
    }

    .q_elements_holder.two_columns.eh_two_columns_25_75 .q_elements_item:first-child {
        width: 25%;
    }

    .q_elements_holder.two_columns.eh_two_columns_25_75 .q_elements_item:last-child {
        width: 75%;
    }

    .q_elements_holder.three_columns .q_elements_item {
        width: 33.33333333333333%;
    }

    .q_elements_holder.three_columns.eh_three_columns_50_25_25 .q_elements_item:first-child {
        width: 50%;
    }

    .q_elements_holder.three_columns.eh_three_columns_50_25_25 .q_elements_item {
        width: 25%;
    }

    .q_elements_holder.three_columns.eh_three_columns_25_25_50 .q_elements_item:last-child {
        width: 50%;
    }

    .q_elements_holder.three_columns.eh_three_columns_25_25_50 .q_elements_item {
        width: 25%;
    }

    .q_elements_holder.four_columns .q_elements_item {
        width: 25%;
    }

/* ==========================================================================
   End of Qode Elements Holder  style
   ========================================================================== */

/* ==========================================================================
   Full Screen Sections Template
   ========================================================================== */
.full_screen_holder {
    position: relative;
    display: block;
    z-index: 100;
}

.full_screen_inner {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
    visibility: hidden;
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box;
    /* <=28 */
    box-sizing: border-box;
    margin: 0 !important;
}

.fp-slide {
    float: left;
}

    .fp-section.fp-table,
    .fp-slide.fp-table {
        display: table;
        width: 100%;
    }

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.vertical_menu_enabled .full_screen_holder {
    padding-left: 260px;
}

.boxed.vertical_menu_enabled .full_screen_holder {
    padding-left: 0;
}

@media only screen and (max-width: 1000px) {
    .vertical_menu_enabled .full_screen_holder {
        padding-left: 0;
    }
}

.full_screen_navigation_holder {
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 10000;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .full_screen_navigation_holder.up_arrow {
        top: 30px;
    }

    .full_screen_navigation_holder.down_arrow,
    .full_screen_navigation_holder.side_by_side {
        position: fixed;
        bottom: 30px;
    }

.full_screen_navigation_inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .full_screen_navigation_inner a {
        display: block;
        color: #393939;
        font-size: 40px;
        line-height: 1em;
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

        .full_screen_navigation_inner a:hover {
            opacity: 0.7;
        }

    .full_screen_navigation_inner i {
        font-size: inherit;
        color: inherit;
        line-height: inherit;
    }

.full_screen_preloader {
    position: absolute;
    height: 1200px;
    width: 100%;
    display: block;
    background-color: #1c1c1c;
    z-index: 10001;
}

    .full_screen_preloader .ajax_loader {
        position: absolute;
        display: block;
    }

/* ==========================================================================
   End of Full Screen Sections Template
   ========================================================================== */

/* ==========================================================================
Search Results page - begin
========================================================================== */

/*webkit browsers fix*/
body.qode-chrome .container_inner, body.qode-safari .container_inner {
    position: relative;
}

/*safari fix*/
body.qode-safari .boxed .carousel-inner {
    margin-left: 0px;
}

/* ==========================================================================
   Content Slider
   ========================================================================== */
/* Content Slider - begin
========================================================================== */
.qode_content_slider {
    overflow: hidden;
    position: relative;
}

    .qode_content_slider .qode_content_slider_inner {
        padding-left: 1px;
    }

    .qode_content_slider .flex-control-nav {
        text-align: center;
    }

        .qode_content_slider .flex-control-nav li {
            display: inline-block;
            width: 9px;
            height: 9px;
            margin: 0 5px;
        }

            .qode_content_slider .flex-control-nav li a {
                display: block;
                width: 100%;
                height: 100%;
                text-indent: -9999px;
                background-color: #cfcfcf;
                border-radius: 50%;
            }

                .qode_content_slider .flex-control-nav li a.flex-active {
                    background-color: #303030;
                }

    .qode_content_slider .flex-direction-nav a {
        border: medium none;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
    }

    .qode_content_slider .flex-direction-nav i {
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
        transition: color 0.2s ease;
    }

    .qode_content_slider .flex-direction-nav .flex-prev {
        border-radius: 2em;
        left: 15px;
    }

    .qode_content_slider .flex-direction-nav .flex-next {
        border-radius: 2em;
        right: 15px;
    }

        .qode_content_slider .flex-direction-nav .flex-prev:hover,
        .qode_content_slider .flex-direction-nav .flex-next:hover {
            background-color: #fff;
        }

            .qode_content_slider .flex-direction-nav .flex-prev:hover i,
            .qode_content_slider .flex-direction-nav .flex-next:hover i {
                color: #8a8a8a;
            }

    .qode_content_slider.has_control_nav .flex-direction-nav a {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .qode_content_slider.drag_enabled {
        cursor: e-resize;
        cursor: -webkit-grab;
        cursor: grab;
    }

    .qode_content_slider.control_nav_justified {
        overflow: visible;
    }

        .qode_content_slider.control_nav_justified .flex-control-nav {
            position: relative;
            margin: auto;
        }

            .qode_content_slider.control_nav_justified .flex-control-nav:after {
                content: '';
                position: absolute;
                top: calc(50% - 1px);
                left: 0;
                width: 100%;
                height: 2px;
                z-index: -1;
            }

            .qode_content_slider.control_nav_justified .flex-control-nav li {
                position: relative;
                margin: 0;
                vertical-align: middle;
                height: auto;
                width: auto;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

                .qode_content_slider.control_nav_justified .flex-control-nav li a {
                    width: 16px;
                    height: 16px;
                    background-color: #fff !important;
                    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1);
                    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1);
                    -webkit-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
                    -moz-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
                    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48);
                }

                    .qode_content_slider.control_nav_justified .flex-control-nav li a:after {
                        content: '';
                        position: absolute;
                        width: 6px;
                        height: 6px;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        -moz-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        background-color: #cfcfcf;
                    }

                    .qode_content_slider.control_nav_justified .flex-control-nav li a.flex-active {
                        -webkit-transform: scale(1.3);
                        -moz-transform: scale(1.3);
                        transform: scale(1.3);
                        -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12);
                        -moz-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12);
                        box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12);
                    }

/* Content Slider - end
========================================================================== */

/* ==========================================================================
   #Blocks styles - start
   ========================================================================== */

/*
    Clases Ingresadas por Ing. Alejandro Rosales Martínez
*/
input.dropdown_busqueda {
    width: 3rem;
    max-width: 9%;
    float: right;
}
.videoContainer{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height:0;
}
.videoContainer iframe{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

.definiciones sup {
    font-size: 0.85em;
}

.semblanza {
    padding: 1rem 1.7rem;
    display: none;
    overflow: hidden;
}

.sinmanita {
    cursor: default !important;
}

.comprar_dem {
    background-image: url("../../images/NuevosRecursos/dem_libro.jpg");
    text-align: left;
}

.p1 {
    font-size: 1.3rem;
}

#menu-menu_principal {
    top: 63px;
}

.blanco {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    background-color: #ffffff !important;
}

.panelBuscar {
    width: 630px;
    height: 82px;
    display: flex;
}

.panelBuscarAvanzado {
    font-size: 18px;
    width: 100%;
}

    .panelBuscarAvanzado > .renglon1 {
        display: flex;
        vertical-align: middle;
    }

.renglon1 > .column1 {
    width: 80%;
    display: inherit;
}

    .renglon1 > .column1 > input {
        width: 100%;
        height: 78%;
        font-size: 2em;
        font-family: initial;
        padding-left: 0.3em;
    }

.renglon1 > .column2 {
    width: 10%;
    text-align: center;
}

.renglon1 > .column3 {
    width: 10%;
    text-align: center;
}

/* Cuadro que contiene el artículo lexicográfico resultado*/
.fuenteDEM, .palabra_lateral {
    font-family: DEM, serif;
    font-size: 20px;
}

.palabra_lateral {
    overflow: hidden;
    padding: 1rem;
    background-color: rgba(231, 229, 217, 0.21);
}

.titulo2{
    font-weight: 800!important;
}

.controlForma {
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-gap: 1rem;
	margin-bottom: 1.5vw;
}

.controlTexto {
	color: #312c31;
	font-size: 1.4rem;
	font-family: Georgia, serif;
	font-weight: 300;
	padding: 0.1rem 0.2rem 0.1rem 0.4rem;
	border-radius: 5px;
	border-width: thin;
}

.controlTitulo{
    grid-column-start: 1;
    grid-column-end: 3;
}

.controlEtiqueta {
	font-size: 1.4rem;
	padding: 0.85rem 0 0.5rem 0.9rem;
}
.controlEntrada {
	display: block;
	overflow: auto;
	width: 100%;
	max-height: 80vh;
}

.multilinea {
	height: 20vh;
	font-size: 1.15rem;
}

.controlBoton{
	width: auto;
	max-width: 10vw;
	padding: 0.8rem;
	font-size: 1.4rem;
	font-family: Georgia, serif;
}

.controlDropown {
	color: #2b312f;
	font-size: 1.2rem;
	font-family: Georgia, serif;
	grid-column-start: 2;
	grid-column-end: 3;
}

.botonGuardar{
    background-color: #a12641 !important;
    border-color: #a12641 !important;
}

.botonGuardar:hover {
    background-color: #fff !important;
}

.permisosForma{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1vw;
    margin-bottom: 1.6vh;
}
.permisosEncabezado {
	grid-column-start: 1;
	grid-column-end: 7;
	padding: 0.5rem 0 0.5rem 1rem;
}

.permisosSeccion > h2, .permisosDescripcion > h2{
	padding: 0.3rem 0 0.3rem 0.7rem;
}

.permisosSeccion{
    grid-column-start: 1;
    grid-column-end: 3;
}

.permisosDescripcion{
    grid-column-start: 3;
    grid-column-end: 7;
}

.permisosUno{
    grid-column-start: 1;
    grid-column-end:3;
}

.permisosDos{
    grid-column-start: 3;
    grid-column-end:5;
}

.permisosTres{
    grid-column-start: 5;
    grid-column-end: 7;
}

.permisosCuatro{
    grid-column-start: 3;
    grid-column-end: 6;
}

.EncabezadoPermisosForma{
    grid-area: header;
}

#movimientoResultados {
	display: inline-flex;
	align-items: baseline;
	letter-spacing: 0.2rem;
	padding: 0 1vw;
}
#movimientoResultados > #paginaActual{
	margin: 0 1.5rem;
}
#movimientoResultados input{
    margin: 0 0.3vw;
}
#renglonXpag{
    padding-left: 1.1rem
}
.panelBuscarAvanzado > .renglon2 > table {
    display: block;
    font-size: 18px;
}
.menu_lista{
     white-space: nowrap;
     overflow-x: auto;
     width: 100%;
}

.menu_lista ul{
    display:flex;
}

.menu_lista li {
	font-size: 1.1rem;
    padding: 0.21rem;
}

.menu_lista a{
    color: #a12641;
}

.menu_lista li:hover{
    color: rgba(161, 38, 65, 0.43);
}

.menu_lista a:hover{
    color: #fff;
    background-color: #a12641;
}

.menu_lista ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.link_buscador_avanzado, .botonMedBusqueda {
    margin: 20px 0px 0px !important;
    border-color: rgb(51, 51, 51) !important;
    color: rgb(255, 255, 255) !important;
}

    .link_buscador_avanzado:hover, .botonMedBusqueda:hover {
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

.busqueda_resultado {
    background-color: #9b2743;
    text-align: left;
}

.busqueda_avanzada {
    background-color: rgba(204, 195, 171, 0.76);
}

    .busqueda_avanzada > .section_inner {
        width: 100%;
    }

    .busqueda_avanzada h1 {
	    color: rgb(80, 73, 73);
	    font-weight: 800;
	    padding-left: 1rem;
	    filter: drop-shadow(rgb(232, 228, 228) 0.02rem 0.1rem 0.06rem);
    }

.inter_filtros {
    height: 1.6em;
}

.filtro_usuario {
    width: 65%;
    margin: 0.65em 1.2em 0.30em 1.3em;
    font-weight: 200;
    font-size: 18px;
    font-family: Georgia,serif;
    padding: 0.5rem 0.3rem;
    filter: drop-shadow(0 0 0.04rem #3b3b4f);
}

.agregar_filtro_boton, .quitar_filtro_boton {
    padding-left: 2.3em;
    padding-right: 1.6em;
}

    .agregar_filtro_boton::before {
        content: "+";
        margin-right: 0.3em;
    }

    .quitar_filtro_boton::before {
        content: "-";
        margin-right: 0.3em;
    }

#renglon_resultados table {
    font-size: 18px;
}

#busqueda_mobile .section_inner {
    width: 100%;
}

#busqueda_mobile h1 {
    padding: 0 0.3em;
}

#busqueda_mobile .section_inner .vc_single_image-wrapper {
    display: flex;
}

#busqueda_mobile img {
    max-width: 50%;
    margin-left: 50%;
    margin-top: -15%;
}

#titulo_descubre_mobile > .section_inner, #conseguir_el_dem_mobile > .section_inner, #conseguir_el_dem > .section_inner {
    width: 100%;
}

.velo_arena {
    background-color: rgba(234, 232, 220, 0);
}

.nopermitido {
    opacity: 0.4;
}

    .nopermitido a {
        cursor: not-allowed;
    }

.pnlBuscarMV {
    width: 100%;
    padding: 0 0.4rem;
    display: flex;
}

.resultados_avanzada table {
    width: 100%;
    overflow-x: auto;
}

.ba_renglon_non {
    background-color: rgba(216,209,191,0.43);
    border-width: 0;
}

.ba_renglon_par {
    background-color: #fff;
}

tr.ba_renglon_non:hover, tr.ba_renglon_par:hover{
    background-color: rgba(51, 51, 51, 0.1);
	color: #a12641;
}

.ba_renglon_encabezado {
    background-color: #9B2743;
    font-weight: 700;
    color: #fff;
    border-width: 0;
    font-size: 1.25rem;
}

.ba_seleccion {
	background-color: rgba(51, 51, 51, 0.22);
	color: #a12641;
}

.ba_espacio_blanco {
    display: block;
    position: relative;
    margin: 0;
    padding: 39px 0 15px;
    color: #303030;
    font-size: 19px;
    line-height: 22px;
    z-index: 90;
}

    .ba_espacio_blanco a {
        text-transform: uppercase;
    }

.pequenoBuscar {
    max-width: 436px;
    max-height: 56px;
}

    .pequenoBuscar > .botonBusqueda {
        padding: 0.7em;
    }

    .pequenoBuscar > .textoBusqueda {
        font-size: 1.5em;
    }

.textoBusqueda {
    height: 100%;
    width: 90%;
    font-size: 2em;
    font-family: inherit;
    padding-left: 12px;
}

.textoBusquedaMoviles {
    font-size: 1.1rem;
    font-family: inherit;
    padding: 0.78rem 1.3rem;
    width: 82%;
}

.botonBusqueda {
    width: 8%;
    background-color: #d5d0c4;
    padding: 0.95em 0.45em 0.95em 0.5em;
    border-radius: 0px 7px 0px 0px;
    font-size: 0.8em;
}

.botonVerMas {
    float: right;
}

.palabra_lateral > .botonVerMas {
    border: 1px solid #333;
    background-color: transparent;
    color: #9b2743;
    padding: 0 2rem;
    margin-top: 0.85vw;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

    .palabra_lateral > .botonVerMas:hover {
        padding: 0.2rem 2.4rem;
    }

.error_definicion {
    color: #9b2743;
}

.negrita_cursiva {
    font-weight: bold;
    font-style: italic;
}

.contenido_default p {
    margin-top: 1.25em;
    margin-bottom: 1.5em;
    text-align: justify;
}

.columna {
    padding: 0.8em 0;
}

    .columna > ul {
        list-style-type: none;
        word-spacing: 0.35em;
    }

        .columna > ul > li {
            padding: 8px 4px;
        }

            .columna > ul > li:hover {
                background: rgba(51,51,51,0.06);
            }

.apoyos hr {
    border: 2px solid #303030;
}

.apoyos table {
    width: 100%;
    margin: 0.35em 0 1.15em 0;
}

.apoyos ol {
    padding-left: 2.5rem;
}

table.verbos_apoyos {
    width: 70%;
    float: right;
    margin-right: 0.25em;
    margin-bottom: 0;
}

    table.verbos_apoyos thead {
        font-size: 1.2em;
    }

.apoyos table th {
    padding: 0.5em 0 1.3em 0;
    /*font-size: 1.45em;*/
    font-size: large;
}

.apoyos table tbody td {
    text-align: left;
}

.apoyos table tbody tr:hover {
    background-color: rgba(172, 168, 169, 0.14);
}

.apoyos table tfoot {
    border-top: 0.15em solid #2e2e2e;
}

.apoyos table tbody td.linea_debajo {
    padding-bottom: 1.5em;
}

.apoyos table tfoot td {
    padding: 1.5em 0;
}

.apoyos h2 {
    font-size: 1.3em;
    padding: 1.1em 0 0 0;
    text-align: center;
}

.apoyos h3 {
    font-size: 1.1em;
    padding: 2em 1.5em 0.5em;
    text-align: left;
}

.referencias p {
    padding: 0.4rem 0 0.4rem 1rem;
    text-align: justify;
}

image.portada, .portada {
    max-height: 100%;
}

span.privacidad a {
    color: #9b2743;
}

    span.privacidad a:hover {
        color: rgba(155, 39, 67, 0.65);
    }

#equipoPrevio {
    display: none;
}

#Equipo_de_trabajo h4 {
    padding: 0.6rem 0.3rem;
    width: 45%;
    display: inline-flex;
    height: auto;
}

    #Equipo_de_trabajo h4 a:hover::after {
        content: '\002B';
        float: right;
        margin-right: 0.2rem;
        font-size: 0.85rem;
    }

a.custom_a_link:hover {
    background-color: rgba(231, 229, 217, 0.21);
    width: 100%;
}

h3.custom_a_link {
    cursor: pointer;
}

    h3.custom_a_link:hover {
        background-color: rgba(231, 229, 217, 0.21);
    }

img.vc_single_image-img {
    height: 80%;
}
/**
    Sección de afijos
 **/

.ejemploAfijo {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr;
	text-align: center;
	grid-template-rows: auto;
    max-width: 30%;
    margin-left: 22%;
    padding-bottom: 1.5em;
}
.ejemploAfijo > span {
	grid-column: 1 / 4;
	font-style: italic;
}
.prefijo{
  grid-column: 1 / 2;
}
.base{
  grid-column: 2 / 3;
}
.sufijo{
  grid-column: 3 / 4;
}
.prefijo, .base, .sufijo{
  padding-top: 0.5vw;
}
.tabla-prefijos{
  overflow-x: auto;
  padding-left: 2.5%;
  padding-top: 1.5vh;
  padding-bottom: 2.5vh;
}

.tabla-prefijos > table{
  width: 95%;
  border-spacing: 0px;
  border-collapse: collapse;
  border-color: #782F40;
}

.tabla-prefijos > h2{
    text-align: center;
    font-weight: 700;
    padding: 0.5em 0 1.5em 0;
}

.tabla-prefijos td.prefijo{
  width: 12%;
  vertical-align: middle;
  text-align: center;
}

.tabla-prefijos .non{
    background-color: rgba(214, 210, 196, 0.24);
}
tr.non:hover{
  background-color:  rgba(214, 210, 196, 0.24) !important;
}
.tabla-prefijos .par{
  background-color: #FFF;
}
tr.par:hover{
  background-color:  #FFF !important;
}

.non, .par{
  border-bottom: 1px solid black;
}


.non li, .par li{
  margin-left: -1.5vw;
}

.non a, .par a{
  font-style: italic;
  color: #782F40;
  text-decoration: none;
}

.non a:hover, .par a:hover{
  color: #9B2743;
  text-decoration: underline;
}

.ejemploTablaAfijo{
  font-style: italic;
}

.tabla-prefijos thead{
  border-bottom: 1px solid black;
}
/** Muestra de las tablas*/
li.tabla-prefijos{
    margin-left: -2em;
    display: none;
    list-style-type: none;
}
li.inicial{
    display:block;
}
/** Muestra de las tablas*/
/*Menú superior*/
.menuTablas{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 5%;
    padding: 1.5em;
    border-bottom-style: solid;
    border-bottom-color: #2D2926;
    border-bottom-width: 1px;
}
.menuTablas > a{
    text-align: center;
    letter-spacing: 0.15em;
    padding: 4px 0;
    margin: 1px 0;
    text-decoration: none;
    color: #2D2926;
}
.menuTablas > a:hover{
    text-decoration: underline;
    color: #6c6967;
}
/*Menú superior*/
/*Bibliografía*/
.bibliografia{
    margin-top: 0.8vw;
    margin-bottom: 0.9vw;
    margin-right: 0.8vw;
}
.bibliografia li{
    padding: 0.5em 0 0.6em 0.8em;
    text-indent: -1.3em;
    list-style-type: none;
}
/*Bibliografía*/

@media only screen and (max-width: 490px) {
  .indicativo{
    grid-template-columns: repeat(6, 1fr);
    overflow-x: auto;
  }
  .singpl {
      visibility: hidden;
  }
  .pronombre{
    grid-column: 1 / 2;
  }
  .presente{
    grid-column: 2 / 3;
  }
  .preterito{
    grid-column: 3 / 4;
  }
  .futuro{
    grid-column: 4 / 5;
  }
  .copreterito{
    grid-column: 5 / 6;
  }
  .pospreterito{
    grid-column: 6 / 7;
  }

}

/*****PopUp***************/
.modalBackground {
	background-color: #000;
	transition: opacity 200ms;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	padding: 1.5rem 3rem;
	background-color: rgb(253, 251, 251);
	border: 1px solid #F2F2F2;
	box-shadow: 0 0 50px rgba(0,0,0,0.5);
	position: absolute;
	text-align: center;
	border-radius: 7px;
	opacity: 0.9;
    width: 20vw;
}

    .modalContenido p {
	background: #9B2743 -webkit-gradient(linear, left top, right top, from(#9B2743), to(#9B2743), color-stop(0.5, #fff)) 0 0 no-repeat;
	background-size: 15%;
	-webkit-background-clip: text;
	-webkit-animation-name: brillo;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation: brillo 3s linear infinite;
	-webkit-text-fill-color: rgba(155,39,67, 0.4);
}

@keyframes brillo {
    0%{
        background-position:0;
    }
    100%{
        background-position:115%;
    }
}

/*Ajustes param pantallas Pequeñas y extra pequeñas*/
@media only screen and (max-width: 1350px) {

    .renglon1 > .column1 {
        width: 60%;
        display: inherit;
    }

        .renglon1 > .column1 > input {
            width: 100%;
            height: 6vw;
            font-size: 1.4rem;
            font-family: initial;
            padding: 0.2em 0 0.2em 0.3em;
        }

    .agregar_filtro_boton, .quitar_filtro_boton {
        padding-left: 1.9em;
        padding-right: 1em;
    }

    .renglon1 > .column2 > input, .renglon1 > .column3 > input {
        height: 6vw;
    }
}

@media only screen and (max-width: 1214px) {
    .mobile_menu_button {
        display: block;
        padding: 4.2rem 1.2rem 1.5rem;
    }

    #menu-menu_principal {
        display: none;
    }

    img.dark, img.light, img.normal, img.sticky {
        transform: translate(50%);
        transition: transform .2s linear;
    }

    .panelBuscar {
        width: 42vw;
        height: 6.5vw;
        display: flex;
    }

    .publicacion_izquierda {
        display: table-row !important;
    }

    image.portada, .portada {
        width: 15vh;
        margin-left: 38%;
    }

    .publicacion_derecha {
        display: table-row !important;
    }
}


@media only screen and (max-width: 946px) {
    img.dark, img.light, img.normal, img.sticky {
        transform: translate(33%);
        transition: transform .2s linear;
    }

    .definiciones {
        width: 90% !important;
    }

    .renglon1 > .column2 > label, .renglon1 > .column3 > label {
        display: none;
    }

    .panelBuscarAvanzado > .renglon2 > table {
        width: 80%;
    }
}

@media only screen and (min-width: 769px) {
    .botonMedBusqueda {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 700px) {
    .three_columns > .column1, .three_columns > .column2, .three_columns > .column3 {
        width: 50%;
    }

    image.portada, .portada {
        margin-left: 35%;
    }

    .renglon1 > .column2, .renglon1 > .column3 {
        display: none;
    }

    .renglon1 > .column1 {
        width: 95%;
    }

        .renglon1 > .column1 > input {
            height: auto;
        }

    .panelBuscarAvanzado > .renglon2 > table {
        width: 100%;
        overflow: scroll;
    }

    #cuerpo {
        overflow-x: scroll;
    }
}

@media only screen and (min-width: 551px) {
    .botonMiniBusqueda {
        display: none;
    }
}

@media only screen and (max-width: 550px) {
    .botonBusqueda {
        visibility: hidden;
    }

    .textoBusquedaMoviles {
        width: 95%;
    }

    .qbutton {
        width: 70%;
        font-size: 3vw !important;
    }

    .link_buscador_avanzado, .botonMedBusqueda {
        font-size: 2vw !important;
    }

    image.portada, .portada {
        margin-left: 25%;
    }

    .definiciones {
        width: 100% !important;
    }

    .pequenoBuscar > .textoBusqueda {
        font-size: 0.98em;
        padding: 0.2em 0 0.2em 0.3em;
    }

    .btn_busqueda_avanzada {
        display: none;
    }

    .botonMiniBusqueda {
        margin: 20px 0px;
    }

        .botonMiniBusqueda:hover {
            color: #fff !important;
            border-color: #fff !important;
        }
}

@media only screen and (max-width: 499px) {
    img.dark, img.light, img.normal, img.sticky {
        transform: translate(-7.8vw);
        transition: transform .2s linear;
    }

    header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img {
        height: 100% !important;
    }
}

@media only screen and (max-width: 466px) {
    .three_columns > .column1, .three_columns > .column2, .three_columns > .column3 {
        width: 100%;
    }
}

@media only screen and (max-width: 394px) {
    #boton_lupa {
        display: none;
    }

    image.portada, .portada {
        margin-left: 10%;
    }

    .link_buscador_avanzado, .botonMedBusqueda {
        width: 62%;
        padding-left: 3px;
    }
}

/*
    Fin de clases Ingresadas por Ing. Rosales Martínez
*/
/*
    INICIO
*/
@media only screen and (min-width: 600px) {
    .footer_top .four_columns .column4 .textwidget div {
        text-align: right;
    }
}

@media only screen and (max-width: 1200px) {
    .gallery_nav_right .ls-slider-left .separator:first-child {
        margin: 5px 0 !important;
    }

    .gallery_nav_right .ls-slider-left .separator.small {
        margin: 10px 0 20px !important;
    }

    .velo_arena {
        background-color: rgba(234, 232, 220, 0.57);
    }
}

nav.main_menu > ul > li > a {
    padding: 0 1.2vw;
}

.padding_footer_top {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

footer .container_inner {
    padding-top: 58px;
    padding-bottom: 50px;
    border-top: 3px solid #000;
}

.blog_holder article .post_info {
    display: none;
}

.blog_holder article h2 {
    margin-bottom: 20px;
}

nav.main_menu > ul > li.active > a > span:not(.plus),
nav.main_menu > ul > li:hover > a > span:not(.plus) {
    border-bottom: 3px solid #000;
    padding: 9px 0;
}

.flexslider .flex-prev, .flexslider .flex-next {
    border-radius: 0;
    border: none;
    background-color: rgba(42,41,41,1);
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.gallery_nav_right .flexslider .flex-prev {
    left: 0;
}

.gallery_nav_right .flexslider .flex-next {
    right: 0;
}

.flexslider .flex-prev {
    left: 20px;
}

.flexslider .flex-next {
    right: 20px;
}

    .flexslider .flex-prev:hover, .flexslider .flex-next:hover {
        background-color: rgba(42,41,41,1) !important;
    }

    .flexslider .flex-prev i, .flexslider .flex-next i {
        line-height: 50px;
        font-size: 18px;
        -webkit-transition: color .15s ease-out;
        -moz-transition: color .15s ease-out;
        -o-transition: color .15s ease-out;
        -ms-transform: color .15s ease-out;
        transition: color .15s ease-out;
    }

    .flexslider .flex-prev:hover i, .flexslider .flex-next:hover i {
        color: #c5ab91;
    }

.header_bottom .container_inner {
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
}

header .header_top_bottom_holder {
    border-top: 7px solid #333333;
}

.blog_holder article .mejs-container .mejs-controls {
    background-color: #F5F5F5;
}

.q_dropcap {
    margin: 6px 18px 0 -16px;
}
/* 
    FIN
*/

/*
    Clases de vc_custom
*/
.vc_custom_1558472322931 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.vc_custom_1558470639955 {
    padding-bottom: 40px !important;
}

.vc_custom_1557960663473 {
    padding-bottom: 60px !important;
}

.vc_custom_1558033161949 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1558033501581 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1558033603936 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1557962555297 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1558032927573 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1558033237956 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1558033444509 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.vc_custom_1557364974929 {
    background-color: #000000 !important;
}

.vc_custom_1557364974929 {
    background-color: #000000 !important;
}

/*
Error
*****************/
.error1
{
    color:Red;
    font-size:13px;
    font-weight:bold;
}
.correcto1
{
    color:Blue;
    font-size:13px;
    font-weight:bold;
}

/*
Clases para los grids de los modelos de conjugacion
*/

.singular {
    background-color: #D6D2C43D;
}

.plural {
    background-color: #FFFFFF;
    padding-bottom: 30px;
}

.contenedortablamodelo {
    width: 70vw;
    overflow-x: auto;
}

.modelominimizado {
    display: none;
    width: 980px;
}

.nombremodelo {
    text-align: left;
    cursor: pointer;
    cursor: hand;
}

.modomodelo {
    text-align: left;
    padding-left: 40px;
    padding-top: 20px;
    cursor: pointer;
    cursor: hand;
}

.headermodeloirregular {
}

.indicativo {
    display: grid;
    grid-template-columns: [singpl] 60px 120px repeat(5, 1fr);
    /*grid-template-rows: auto;*/
    grid-template-rows: [yo] auto [tu] auto [usted] auto [el] auto [nosotros] auto [ustedes] auto [vosotros] auto [ellos] auto;
    grid-column-gap: 10px;
    /*rid-row-gap: 10px;*/
    justify-items: start;
    justify-content: center;
    align-content: start;
    grid-auto-flow: row;
    padding-top: 20px;
}

.subjuntivo {
    display: grid;
    grid-template-columns: 60px 120px repeat(3, 1fr);
    grid-template-rows: [yo] auto [tu] auto [usted] auto [el] auto [nosotros] auto [ustedes] auto [vosotros] auto [ellos] auto;
    grid-column-gap: 10px;
    justify-items: start;
    justify-content: center;
    align-content: start;
    grid-auto-flow: row;
    padding-top: 20px;
}

.imperativo {
    display: grid;
    grid-template-columns: 60px 120px repeat(1, 1fr);
    grid-template-rows: [tu] auto [usted] auto [vosotros] auto [ustedes] auto;
    grid-column-gap: 10px;
    justify-items: start;
    justify-content: center;
    align-content: start;
    grid-auto-flow: row;
    padding-top: 20px;
}

.nopersonales {
    display: grid;
    grid-template-columns: repeat(2, 100px);
    grid-template-rows: [tu] auto [usted] auto [vosotros] auto [ustedes] auto;
    grid-column-gap: 10px;
    justify-items: start;
    justify-content: flex-start;
    align-content: start;
    grid-auto-flow: row;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*
FIN clases para los grids de los modelos de conjugacion
*/

/* ==========================================================================
   #Blocks styles - end
   ========================================================================== */