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,
img,
ins,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%; 
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    font-family: sans-serif;
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    font-family: "Lato", sans-serif;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

/* --hs update 06-02-26--- */
body p {
    line-height: 23px;
    font-size: 18px;
}

ul li {
    font-size: 18px !important
}

.justificar {
    text-align: justify !important
}

.MediumText {
    font-size: 42px;
    line-height: 48px
}

/* ol,
ul {
    list-style: none
} */
ol,
ul {
    list-style: none;
    font-size: 18px;
}

/* ---------------- */
s blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

i,
em {
    font-style: italic
}

button {
    -webkit-appearance: none;
    appearance: none
}

input[type="submit"] {
    -webkit-appearance: none;
    appearance: none
}

.ag-animation.css-animacionNone,
.css-animacionNone,
.css-animacionNone.animated {
    opacity: 1 !important;
    -webkit-animation-duration: 0;
    animation-duration: 0
}

.ag-animation {
    opacity: 0
}

.ag-animation.animated {
    opacity: 1
}

.ColumnaContent {
    width: 100%;
    float: left;
    z-index: 5
}

.grecaptcha-badge {
    height: 1px !important;
    bottom: 0 !important;
    width: 1px !important
}

.recaptcha-google {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    float: left;
    margin: 5px 0 15px 0;
    color: #9c9c9c !important
}

.recaptcha-google a {
    color: #9c9c9c !important
}

.recaptcha-google a:hover {
    color: #3a90d0 !important
}

::selection {
    background: #3171c1;
    color: #fff
}

::-moz-selection {
    background: #3171c1;
    color: #fff
}

::-webkit-selection {
    background: #3171c1;
    color: #fff
}

.color1 {
    color: #3171c1
}

.color2 {
    color: #177bf8
}

.color3 {
    color: #c4c4c4
}

.background1 {
    color: #3171c1
}

.background2 {
    color: #177bf8
}

.background3 {
    color: #c4c4c4
}

.has-color-1-color {
    color: #3171c1
}

.has-color-2-color {
    color: #177bf8;
}

.has-color-3-color {
    color: #c4c4c4
}

.has-color-4-color {
    color: #000
}

.has-color-1-background-color {
    background-color: #3171c1
}

.has-color-2-background-color {
    background-color: #177bf8
}

.has-color-3-background-color {
    background-color: #c4c4c4
}

.has-color-4-background-color {
    background-color: #000
}

.has-color-1-color {
    color: #3171c1
}

.has-color-1-color.wp-block-button__link {
    color: #3171c1
}

.has-color-2-color {
    color: #177bf8;
}

.has-color-2-color.wp-block-button__link {
    color: #177bf8
}

.has-color-3-color {
    color: #c4c4c4
}

.has-color-3-color.wp-block-button__link {
    color: #c4c4c4
}

.has-color-4-color {
    color: #000
}

.has-color-4-color.wp-block-button__link {
    color: #000
}

.has-color-1-background-color {
    background-color: #3171c1
}

.has-color-1-background-color.wp-block-button__link {
    background-color: #3171c1
}

.has-color-2-background-color {
    background-color: #177bf8
}

.has-color-2-background-color.wp-block-button__link {
    background-color: #177bf8
}

.has-color-3-background-color {
    background-color: #c4c4c4
}

.has-color-3-background-color.wp-block-button__link {
    background-color: #c4c4c4
}

.has-color-4-background-color {
    background-color: #000
}

.has-color-4-background-color.wp-block-button__link {
    background-color: #000
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}

.clear {
    clear: both
}

.relative {
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: normal;
    font-family: "Barlow", sans-serif;
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 26px
}

h5 {
    font-size: 24px
}

h6 {
    font-size: 22px
}

p {
    margin-top: 0
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    color: #177bf8
}

.button.wp-color-result,
button.wp-color-result {
    height: 30px
}

input[type="submit"] {
    min-width: 180px
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 48px;
    padding: 0 20px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0.1rem;
    text-transform: none;
    text-decoration: none;
    white-space: nowrap;
    background-color: #3171c1;
    border-radius: 30px;
    border: 0px solid #bbb;
    cursor: pointer;
    box-sizing: border-box
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    background-color: #528bd3;
    color: #fff;
    outline: 0
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #fff;
    background-color: #3171c1;
    border-color: #3171c1
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #fff;
    background-color: #333;
    border-color: #333
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 50px;
    padding: 6px 10px;
    background-color: #FFF;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9e9e9;
    font-weight: 400;
    font-size: 18px;
    color: #000
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 100px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 400;
    font-size: 18px;
    color: #000
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    outline: 0;
    border-right: 1px solid #25d366;
    border-left: 1px solid #25d366;
    border-top: 1px solid #25d366;
    border-bottom: 1px solid #25d366
}

.requerido {
    color: red
}

label,
legend {
    display: block;
    margin-bottom: 5px;
    color: #4c4c4c;
    letter-spacing: 0.05em;
    font-size: 15px;
    line-height: 16px
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type="checkbox"],
input[type="radio"] {
    display: inline
}

label>.label-body {
    display: inline-block;
    margin-left: 0.5rem;
    font-weight: normal
}

ul {
    list-style: none
}

ul li {
    margin: 0 0 8px 0;
    padding: 0 0 0 0;
    position: relative;
    line-height: 26px
}

ol {
    list-style-type: none;
    counter-reset: li-counter
}

ol li {
    position: relative;
    padding: 0 0 0 38px
}

ol li:hover:before {
    background-color: #177bf8;
    color: #c4c4c4
}

ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #c4c4c4;
    color: #FFF;
    content: counter(li-counter);
    counter-increment: li-counter;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

ol li ol {
    margin: 1.5rem 0 1.5rem 0rem
}

ol li ol li:before {
    background-color: #3171c1;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: 2px
}

ol,
ul {
    padding-left: 0;
    margin-top: 0
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0 0 1.5rem 1rem;
    font-size: 90%
}

li {
    margin-bottom: 1.5rem
}

code {
    background: rgba(168, 203, 220, 0.3);
    border: none;
    box-shadow: none;
    color: #333;
    padding: 3px 8px
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

button,
.button {
    margin-bottom: 1rem
}

input,
textarea,
select,
fieldset {
    margin-bottom: 0.5rem
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 2.2rem
}

.u-full-width {
    width: 100%;
    box-sizing: border-box
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both
}

#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#status {
    position: absolute;
    width: 96px;
    height: 96px;
    border: 1px solid #3171c1;
    border-top: 1px solid #fff;
    border-radius: 50%;
    animation-name: girar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@keyframes girar {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.tooltip {
    position: relative
}

.ui-tooltip,
.arrow:after {
    background: black
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 0px;
    box-shadow: 0 0 7px #000
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px
}

.arrow.top {
    top: -16px;
    bottom: auto
}

.arrow.left {
    left: 20%
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.arrow.top:after {
    bottom: -20px;
    top: auto
}

a[href$=".pdf"] {
    color: #000;
    position: relative;
    line-height: 32px
}

a[href$=".pdf"]:hover {
    color: #3171c1
}

p:not(.cssonly) a[href$=".pdf"]:before,
a[href$=".pdf"]:before {
    width: 32px;
    height: 32px;
    background: url("http://anadeeserver:8081/PhPWebsites/roadis/vah//assets/tutorials/pdf-icon-32x32.png");
    display: inline-block;
    content: " ";
    vertical-align: middle;
    margin: 0 4px 0 0
}

a[href$=".pdf"]:after {
    display: none;
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: red;
    border: 1px solid #f00;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 7.7px;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 16px;
    text-decoration: none;
    box-sizing: content-box;
    content: "PDF"
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: #00d;
    border: 1px solid #00d;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 7.7px;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    box-sizing: content-box;
    content: "DOC"
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: #090;
    border: 1px solid #090;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 8px;
    font-weight: 700;
    font-family: tahoma, arial, sans-serif;
    letter-spacing: 0.001em;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    box-sizing: content-box;
    content: "XLS"
}

.header-absolute-top .menu li a {
    color: #FFF
}

.header-absolute-top .menu li a:hover {
    color: #FFF
}

.header-absolute-top .menu li ul.sub-menu li a {
    color: #3171c1
}

.header-absolute-top .menu li ul.sub-menu li:hover a {
    color: #FFF
}

.header-absolute-top .menu li ul.sub-menu li:first-child {
    border-radius: 6px 6px 0 0
}

.header-absolute-top .menu li ul.sub-menu li:last-child {
    border-radius: 0 0 6px 6px
}

.header-absolute-top .wrap-telefonoHeader .telefonoHeader .TelefonosFijos a .title-tel,
.header-absolute-top .wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop .title-tel {
    color: #FFF
}

.header-absolute-top .wrap-telefonoHeader .telefonoHeader .TelefonosFijos a span,
.header-absolute-top .wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop span {
    color: #FFF
}

.wrap-content-menu {
    display: block;
    float: left;
    margin: 0 0 0 0
}

.wrap-content-menu .container {
    line-height: 0
}

.wrap-content-menu nav {
    display: inline-block;
    width: 100%
}

.wrap-content-menu .menu {
    margin-bottom: 0;
    line-height: normal
}

.content-menu-uber {
    display: block;
    margin: 0 0 0 50px;
    float: left
}

.content-menu-uber .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
    padding-left: 0;
    text-align: center
}

.content-menu-uber .ubermenu .ubermenu-target-with-image>.ubermenu-target-text {
    display: block;
    clear: both
}

.content-menu-uber .ubermenu .ubermenu-item-header .ubermenu-target {
    padding: 5px 20px 10px 20px
}

.content-menu-uber .ubermenu-skin-minimal.ubermenu-responsive-toggle {
    background-color: #fafafa;
    color: #333;
    font-size: 20px;
    text-transform: none;
    font-weight: normal;
    text-align: right;
    line-height: 0;
    padding: 20px 3%
}

@media screen and (max-width:1024px) {
    .content-menu-uber {
        margin: 46px 0 0 50px
    }

    .content-menu-uber .ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
    .content-menu-uber .ubermenu-main .ubermenu-item-level-0>.ubermenu-custom-content.ubermenu-custom-content-padded {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

@media screen and (max-width:959px) {
    .content-menu-uber {
        margin: 12px 0 0 0;
        width: 100%
    }

    .content-menu-uber .ubermenu-skin-minimal.ubermenu-responsive-toggle {
        background-color: #efefef
    }

    .content-menu-uber .ubermenu .ubermenu-item-header .ubermenu-target {
        padding: 10px 20px 10px 20px
    }

    .content-menu-uber .ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
    .content-menu-uber .ubermenu-main .ubermenu-item-level-0>.ubermenu-custom-content.ubermenu-custom-content-padded {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media screen and (max-width:790px) {
    .content-menu-uber {
        margin: 0 0;
        width: 100%
    }
}

@media screen and (max-width:682px) {
    .content-menu-uber .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
        padding-left: 0;
        text-align: left
    }
}

.menu li.hidemenu {
    display: none
}

.content-menu-top .menu li a {
    padding: 3px 16px 3px 16px;
    font-style: italic
}

.content-menu-principal .menu li a {
    font-size: 23px;
    font-weight: 700
}

.content-menu-principal .menu li ul li a {
    font-size: 14px;
    font-weight: 400
}

.menu {
    display: block;
    width: 100%;
    float: left
}

.menu li {
    position: relative;
    text-align: left;
    white-space: nowrap;
    margin: 0 0 0 0;
    line-height: normal
}

.menu li ul li:before {
    display: none
}

.menu li:before {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #177bf8;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 0
}

.menu li:nth-last-child(2):before {
    display: none
}

.menu li.MegaMenu {
    position: static
}

.menu li.MegaMenu ul {
    min-width: 100%;
    background-color: #fff;
    top: inherit !important;
    text-align: left
}

.menu li.MegaMenu ul li {
    min-width: 18%;
    border-bottom: 0 solid #2b2b2b;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-bottom: 15px
}

.menu li.MegaMenu ul li a {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 15px !important;
    letter-spacing: 0.05em;
    padding: 12px 0 0 0;
    color: #000
}

.menu li.MegaMenu ul li a:hover {
    color: #000
}

.menu li.MegaMenu ul li ul {
    background-color: rgba(0, 0, 0, 0);
    position: static;
    opacity: 1 !important;
    display: block !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.menu li.MegaMenu ul li ul li {
    min-width: 100%;
    display: block;
    border-bottom: 0 solid #2b2b2b;
    padding: 1px 0
}

.menu li.MegaMenu ul li ul li a {
    font-size: 13px !important;
    padding: 8px 0;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0em
}

.menu li.MegaMenu ul li ul li a:hover {
    color: #000
}

.menu li.MegaMenu ul li ul li:hover {
    background-color: transparent;
    color: #000
}

.menu li.MegaMenu ul li:hover {
    background-color: transparent;
    color: #000
}

.menu li.MegaMenu ul li:hover a {
    color: #000
}

.menu li a {
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    padding: 10px 14px;
    border-radius: 0;
    text-decoration: none;
    display: block;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease
}

.menu li a:hover {
    color: #3171c1;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease
}

.menu li a:hover:after {
    width: 100%;
    opacity: 1
}

.menu li a:after {
    content: "";
    width: 0;
    height: 1px;
    display: block;
    margin: 0 auto;
    opacity: 0;
    background-color: #3171c1;
    transform: translatey(5px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:1366px) {
    .menu li a {
        padding: 20px 10px 20px 10px;
        font-size: 15px
    }
}

.menu li ul {
    border-radius: 8px;
    min-width: 19em;
    position: absolute;
    display: none;
    top: 120%;
    left: 0;
    z-index: 98;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    transition: top .3s ease
}

.menu li ul li {
    padding: 1px 10px;
    min-width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}

.menu li ul li:last-child {
    border-bottom: 0
}

.menu li ul li:first-child a {
    padding: 8px 0
}

.menu li ul li:last-child a {
    padding: 8px 0
}

.menu li ul li:last-child ul li a {
    padding: 8px 0
}

.menu li ul li:hover {
    background-color: #3578cc;
    color: #fff;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease
}

.menu li ul li a {
    font-weight: 400;
    text-transform: none;
    color: #000;
    font-size: 15px;
    border-right: none;
    padding: 6px 0;
    line-height: 22px;
    border: 0;
    border-radius: 0;
    letter-spacing: 0.03em;
    display: block
}

.menu li ul li a small svg {
    width: 11px;
}

.menu li ul li a small {
    display: block;
    font-size: 14px;
    color: #333
}

.menu li ul li a .texto-tel-numero {
    font-size: 18px;
    color: #177bf8;
}

.menu li ul li a .texto-tel-numero svg {
    fill: #177bf8;
}

.menu li ul li a:hover {
    color: #177bf8
}

.menu li ul li a:hover:before {
    opacity: 0 !important
}

.menu li ul li a:after {
    display: none
}

.menu li ul li ul {
    background-color: #3e7ece
}

.menu li ul li ul li {
    border-bottom: 1px solid #2f6cb9
}

.menu li ul li ul li a {
    color: #fff
}

.menu li ul li ul li:hover {
    background-color: #4280cf
}

.menu li ul li ul li ul {
    background-color: #4a86d1
}

.menu li.current_page_item a:before {
    width: 100%;
    opacity: 0
}

.menu li.current_page_item ul li a:before {
    width: 0;
    opacity: 0
}

.menu li ul.sub-menu li.menu-item-has-children a.parent {
    position: relative;
    padding: 8px 10px 8px 0
}

.menu li ul.sub-menu li.menu-item-has-children a.parent .ico-arrow-menu {
    position: absolute;
    width: 8px;
    height: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.menu li ul.sub-menu li.menu-item-has-children a.parent .ico-arrow-menu svg {
    width: 100%;
    position: absolute;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.menu li ul.sub-menu li.menu-item-has-children a.parent .ico-arrow-menu svg path {
    fill: #3171c1
}

.menu li ul.sub-menu li.menu-item-has-children ul.sub-menu {
    margin: 0 0 0 0
}

.menu li ul li:hover>a {
    color: #FFF
}

.menu li ul li ul {
    top: 0 !important;
    left: 100%
}

.menu li.active {
    position: relative
}

.menu li ul li.active:after {
    display: none
}

.menu>li {
    float: none;
    display: inline-block
}

.menu li:hover>ul {
    display: none
}

.menu>li>.parent .ico-arrow-menu {
    width: 10px;
    height: 11px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    opacity: 1;
    line-height: 0
}

.menu>li>.parent .ico-arrow-menu svg {
    width: 100%
}

.menu>li>.parent .ico-arrow-menu svg path {
    fill: #3171c1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.menu>li:hover>.parent:after {
    bottom: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.menu li li:hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.menu li li li:hover {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.menu>li.hover>ul {
    left: 0;
    opacity: 1
}

.menu li li.hover ul {
    left: 100%;
    top: 0
}

.ToogleButtom {
    display: none;
    width: 42px;
    height: 42px;
    position: relative;
    float: right;
    margin: 0 0 0 10px;
}

@media screen and (max-width:959px) {
    .ToogleButtom {
        display: block
    }

    .wrap-content-menu {
        display: none
    }
}

.MenuIcon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    background-color: #3171c1
}

.MenuIcon .content-bars {
    width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.MenuIcon .content-bars span {
    display: block;
    width: 34px;
    height: 3px;
    background-color: #fff;
    margin: 6px auto;
    position: relative;
    border-radius: 1px
}

@media screen and (max-width:682px) {
    .MenuIcon .content-bars span {
        width: 60%
    }
}

.MenuIcon:after {
    display: none;
    color: #fff;
    content: "MENU";
    position: absolute;
    font-size: 16px;
    width: 50px;
    height: 22px;
    line-height: 18px;
    right: -52px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.MenuIconCerrar {
    display: none
}

.MenuIcon.open,
.MenuIconCerrar.open {
    background-color: rgba(255, 255, 255, 0)
}

.wrap-content-menu-toogle {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    display: none
}

.overlay-menu-toogle {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.content-menu-toogle {
    position: absolute;
    z-index: 2;
    width: calc(50%);
    max-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:1024px) {
    .content-menu-toogle {
        max-width: 50%
    }
}

@media screen and (max-width:680px) {
    .content-menu-toogle {
        max-width: 80%;
        width: 80%
    }
}

.content-menu-toogle.content-menu-toogle-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.logoMenuDl {
    width: 100%;
    display: block;
    padding: 24px 18px 15px 18px
}

.logoMenuDl a {
    padding: 0 0 6px 0
}

.logoMenuDl a img {
    max-width: 220px
}

.close-dl-menu {
    position: absolute;
    z-index: 2;
    right: -5%;
    top: 22px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #3171c1
}

.close-dl-menu span {
    display: none
}

.close-dl-menu:before {
    -webkit-transform: translateY(0) rotate(135deg);
    transform: translateY(0) rotate(135deg)
}

.close-dl-menu:after {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

.close-dl-menu:before,
.close-dl-menu:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 10px;
    width: 20px;
    height: 2px;
    background: #fff;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.close-dl-menu:hover {
    background-color: #177bf8
}

.close-dl-menu:hover:before,
.close-dl-menu:hover:after {
    background: #fff
}

.dl-menuwrapper {
    width: 100%;
    max-width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%
}

.dl-menuwrapper:first-child {
    margin-right: 100px
}

.dl-menuwrapper button {
    background: #ccc;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #fff
}

.dl-menuwrapper button:after {
    content: "";
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff
}

.dl-menuwrapper ul {
    padding: 0;
    margin: 0 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.dl-menuwrapper li {
    position: relative;
    padding: 0;
    margin: 0 0 0 0
}

.dl-menuwrapper li:before {
    display: none
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 0.09em;
    line-height: normal;
    font-weight: 400;
    color: #000;
    outline: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dl-menuwrapper li a:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 60px;
    height: 100%;
    left: -60px;
    top: 0;
    background-color: #f5f5f5;
    z-index: -1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dl-menuwrapper li a:hover {
    color: #3171c1
}

.dl-menuwrapper li a:hover:before {
    left: -10px
}

.dl-menuwrapper li a .ico-arrow-menu {
    width: 10px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px;
    margin: auto 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dl-menuwrapper li a .ico-arrow-menu svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.dl-menuwrapper li a .ico-arrow-menu svg path {
    fill: #3171c1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dl-menuwrapper li a:hover {
    color: #3171c1
}

.dl-menuwrapper li.menu-item-has-children a:hover:after {
    color: #3171c1
}

.dl-submenu li a {
    font-size: 14px;
    text-transform: none
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1)
}

.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #454a23;
    height: 50px
}

.dl-menuwrapper li.dl-back>a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.dl-menuwrapper li.dl-back .ico-arrow-back-menu {
    width: 10px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    margin: auto 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dl-menuwrapper li.dl-back .ico-arrow-back-menu svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.dl-menuwrapper li.dl-back .ico-arrow-back-menu svg path {
    fill: #3171c1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: #000;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15)
}

.dl-menuwrapper .dl-menu {
    margin: 0 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all .3s ease
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.dl-menuwrapper li .dl-submenu {
    display: none
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {
    display: none
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block
}

.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0
}

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 .4s;
    animation: MenuAnimOut1 .4s
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 .3s ease-in-out;
    animation: MenuAnimOut2 .3s ease-in-out
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 .4s ease;
    animation: MenuAnimOut3 .4s ease
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 .4s ease;
    animation: MenuAnimOut4 .4s ease
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 .4s ease;
    animation: MenuAnimOut5 .4s ease
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg)
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0
    }
}

@keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg)
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }
}

@keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 .3s;
    animation: MenuAnimIn1 .3s
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 .3s ease-in-out;
    animation: MenuAnimIn2 .3s ease-in-out
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 .4s ease;
    animation: MenuAnimIn3 .4s ease
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 .4s ease;
    animation: MenuAnimIn4 .4s ease
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 .4s ease;
    animation: MenuAnimIn5 .4s ease
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }

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

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }

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

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }

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

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0
    }

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

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

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

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }

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

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }

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

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0
    }

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

.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 .4s ease;
    animation: SubMenuAnimIn1 .4s ease
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 .3s ease-in-out;
    animation: SubMenuAnimIn2 .3s ease-in-out
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 .4s ease;
    animation: SubMenuAnimIn3 .4s ease
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 .4s ease;
    animation: SubMenuAnimIn4 .4s ease
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 .4s ease;
    animation: SubMenuAnimIn5 .4s ease
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0
    }

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

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }

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

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }

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

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }

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

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0
    }

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

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }

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

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

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

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }

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

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }

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

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0
    }

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

.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 .4s ease;
    animation: SubMenuAnimOut1 .4s ease
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 .3s ease-in-out;
    animation: SubMenuAnimOut2 .3s ease-in-out
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 .4s ease;
    animation: SubMenuAnimOut3 .4s ease
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 .4s ease;
    animation: SubMenuAnimOut4 .4s ease
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 .4s ease;
    animation: SubMenuAnimOut5 .4s ease
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1
    }

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

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

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

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block
}

.no-js .dl-menuwrapper li.dl-back {
    display: none
}

.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1)
}

.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: ""
}

.recapcha-css-nota {
    width: 100%;
    font-size: 12px !important;
    color: #7a7a7a !important;
    line-height: 14px;
    margin-bottom: 10px
}

.recapcha-css-nota a {
    color: #7a7a7a !important
}

.recapcha-css-nota a:hover {
    color: #7a7a7a !important;
    text-decoration: underline
}

a[href$=".pdf"] {
    color: #000;
    position: relative;
    line-height: 32px
}

a[href$=".pdf"]:hover {
    color: #3171c1
}

p:not(.cssonly) a[href$=".pdf"]:before,
a[href$=".pdf"]:before {
    width: 26px;
    height: 25px;
    background: url("../tutorials/pdf-icon-32x32.png");
    display: inline-block;
    content: " ";
    vertical-align: middle;
    margin: 0 5px 0 0;
    background-size: 23px;
    background-repeat: no-repeat;
}

a[href$=".pdf"]:after {
    display: none;
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: red;
    border: 1px solid #f00;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 7.7px;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 16px;
    text-decoration: none;
    box-sizing: content-box;
    content: "PDF"
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: #00d;
    border: 1px solid #00d;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 7.7px;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    box-sizing: content-box;
    content: "DOC"
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: #090;
    border: 1px solid #090;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 8px;
    font-weight: 700;
    font-family: tahoma, arial, sans-serif;
    letter-spacing: 0.001em;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    box-sizing: content-box;
    content: "XLS"
}

.pagination-sibling-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.pagination-sibling-page a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 5px;
    border-radius: 30px;
    background-color: #ccc;
    color: #3171c1;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.pagination-sibling-page a span {
    display: inline-block;
    width: 10px;
    margin: 0 3px
}

.pagination-sibling-page a span svg {
    width: 100%
}

.pagination-sibling-page a span svg path {
    fill: #3171c1
}

.pagination-sibling-page a:hover {
    background-color: #3171c1;
    color: #fff
}

.pagination-sibling-page a:hover span svg path {
    fill: #fff
}

@media screen and (max-width:682px) {
    .pagination-sibling-page {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2px;
        row-gap: 10px
    }

    .pagination-sibling-page a {
        background-color: #3171c1;
        color: #fff;
        margin: 0;
        border-radius: 5px;
        position: relative;
        flex-wrap: nowrap;
        min-width: 0;
        height: 100%
    }

    .pagination-sibling-page a span svg path {
        fill: #fff
    }

    .pagination-sibling-page a:hover {
        background-color: #528bd3;
        color: #fff
    }

    .pagination-sibling-page a.previous-page {
        justify-content: flex-start
    }

    .pagination-sibling-page a.next-page {
        justify-content: flex-end
    }
}

.wp-block-columns>.wp-block-column {
    margin: 0 5px
}

.wp-block-columns.columnsmargin0>.wp-block-column {
    margin: 0 0
}

.wrap-servicios {
    width: 100%;
    float: left
}

.wrap-servicios.lista-dos-columnas .content-servicios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    row-gap: 10px
}

.wrap-servicios.lista-dos-columnas .content-servicios h3 {
    margin-bottom: 5px;
    display: block;
    font-size: 22px
}

.wrap-servicios.lista-titulo .content-servicios .item .content-item {
    grid-template-columns: 106px repeat(1, 1fr)
}

.wrap-servicios.lista-titulo .content-servicios .item .content-item.content-item-none-image {
    grid-template-columns: 30px repeat(1, 1fr)
}

.wrap-servicios.lista-titulo .content-servicios .item .content-item .item-imagen {
    width: 106px
}

.wrap-servicios.lista-titulo .content-servicios .item .content-item .item-titulo {
    display: block;
    min-width: 0;
    font-weight: 900;
    font-size: 40px
}

.wrap-servicios.is-style-align-content-top .content-servicios .item .content-item {
    align-items: start
}

.wrap-servicios.is-style-align-content-middle .content-servicios .item .content-item {
    align-items: center
}

.wrap-servicios.is-style-align-content-bottom .content-servicios .item .content-item {
    align-items: end
}

.wrap-servicios .content-servicios {
    display: flex;
    flex-wrap: wrap
}

.wrap-servicios .content-servicios h1,
.wrap-servicios .content-servicios h2,
.wrap-servicios .content-servicios h3,
.wrap-servicios .content-servicios h4,
.wrap-servicios .content-servicios h5,
.wrap-servicios .content-servicios h6 {
    margin-bottom: 5px;
    display: block;
    font-size: 22px
}

.wrap-servicios .content-servicios .item {
    margin-bottom: 22px;
    min-width: 0;
    width: 100%;
    padding: 0 0 0 0
}

.wrap-servicios .content-servicios .item .content-item {
    display: grid;
    grid-template-columns: 40px repeat(1, 1fr);
    grid-column-gap: 10px;
    align-items: start
}

.wrap-servicios .content-servicios .item .content-item.content-item-none-image {
    grid-template-columns: 30px repeat(1, 1fr)
}

.wrap-servicios .content-servicios .item .content-item .item-imagen {
    width: 40px;
    min-width: 0;
    margin: 0 5px 0 0
}

.wrap-servicios .content-servicios .item .content-item .item-imagen img {
    width: 100%;
    display: block
}

.wrap-servicios .content-servicios .item .content-item .bullet {
    width: 22px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.wrap-servicios .content-servicios .item .content-item .bullet span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    background-color: #3171c1
}

.wrap-servicios .content-servicios .item .content-item .item-titulo {
    display: block;
    min-width: 0
}

.wrap-servicios .content-servicios .item .content-item .item-titulo ul li {
    padding: 0 0 0 10px;
    position: relative
}

.wrap-servicios .content-servicios .item .content-item .item-titulo ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #177bf8;
    border-radius: 50%;
    left: 0;
    top: 10px
}

@media screen and (max-width:682px) {
    .wrap-servicios .content-servicios .item {
        width: 100%
    }

    .wrap-servicios .content-servicios .item .content-item {
        align-items: flex-start;
        flex-direction: column
    }

    .wrap-servicios.valores .content-servicios .item {
        width: 100%
    }

    .wrap-servicios.valores .content-servicios .item .content-item {
        align-items: flex-start;
        flex-direction: column
    }
}

.home-block-slider .owl-theme .owl-nav {
    display: none !important
}

.bg-servicios-home .bg-cover-image {
    background-size: 1200px;
    background-position: bottom right
}

.wp-block-columns.col-servicios-home,
.col-servicios-home {
    gap: 40px;
    margin-bottom: 40px
}

.content-item-servicios-home {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
    padding: 36px 20px
}

.wp-block-button.btn-plus a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative
}

.wp-block-button.btn-plus a::after {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    border: 1px solid #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.wp-block-button.btn-plus a:hover::after {
    transform: translate(-50%, -50%) scale(1.3)
}

@media screen and (max-width:680px) {
    .tableResponsive {
        width: 100% !important;
        float: left
    }

    .tableResponsive table {
        border: 0;
        width: 100%
    }

    .tableResponsive table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .tableResponsive table tr {
        display: block;
        margin-bottom: 0.625em
    }

    .tableResponsive table td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right
    }

    .tableResponsive table td::before {
        content: attr(data-th);
        float: left;
        font-weight: bold;
        text-transform: uppercase
    }

    .tableResponsive table td:last-child {
        border-bottom: 0
    }
}

.section-reviews .title {
    color: #3171c1;
    text-align: center
}

.section-reviews .mt-5 {
    text-align: center;
    margin-top: 30px
}

.section-reviews .mt-5 a {
    display: inline-block;
    padding: 10px 28px;
    border-radius: 30px;
    background-color: #3171c1;
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.section-reviews .mt-5 a:hover {
    background-color: #177bf8;
    color: #FFF
}

.section-reviews .card {
    padding: 10px;
    margin: 20px 0
}

.section-reviews .card .card-content {
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
    background-color: #FFF;
    padding: 10px;
    border-radius: 20px;
    min-height: 240px;
    text-align: center
}

.section-reviews .card .card-content .mb-4 {
    color: #000;
    margin: 0 0 5px 0
}

.section-reviews .card .card-content .text-end {
    color: #c5c5c5;
    font-size: 14px;
    font-style: italic
}

.section-reviews .reviews-overview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.section-reviews .reviews-overview .number {
    font-size: 36px;
    line-height: 36px;
    margin: 0 4px 0 0
}

.section-reviews .reviews-overview .stars {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.section-reviews .reviews-overview .stars .icono {
    display: inline-block;
    width: 22px
}

.section-reviews .reviews-overview .stars .icono svg {
    width: 100%
}

.section-reviews .reviews-overview .stars .icono.star-solid svg path,
.section-reviews .reviews-overview .stars .icono.star-half-solid svg path {
    fill: #fce200
}

.section-reviews .reviews-overview .stars .icono.star-regular svg path {
    fill: #d5d5d5
}

.btn-border-minimal a,
.btn-border-minimal .content-btn-border-minimal {
    display: grid;
    grid-template-columns: 58px repeat(1, 1fr);
    grid-column-gap: 10px;
    align-content: center;
    align-items: center;
    min-height: 90px;
    border: 1px solid #d2d9e2;
    border-radius: 10px;
    transition: all linear .3s;
    padding: 14px;
    color: #3171c1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.btn-border-minimal a img,
.btn-border-minimal .content-btn-border-minimal img {
    width: 58px;
    margin: 0 8px 0 0
}

.btn-border-minimal a small,
.btn-border-minimal .content-btn-border-minimal small {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.btn-border-minimal a:hover,
.btn-border-minimal .content-btn-border-minimal:hover {
    border: 1px solid #3171c1;
    background-color: #edf5ff
}

.tableResponsive.table-tarifas {
    margin-bottom: 50px;
    border-bottom: 0 solid #f0f0f0 !important
}

.tableResponsive.table-tarifas table thead {
    background-color: #2e527e;
    color: #FFF
}

.tableResponsive.table-tarifas table thead tr th {
    border-color: #FFF !important
}

@media screen and (max-width:682px) {
    .tableResponsive.table-tarifas table tbody tr td[data-th="Autopista/Tramo/Caseta"] {
        text-align: left;
        color: #3171c1
    }

    .tableResponsive.table-tarifas table tbody tr td[data-th="Autopista/Tramo/Caseta"]::before {
        float: none;
        display: block;
        color: #000
    }
}

.bg-arrowpoint-white a {
    padding: 0 50px 0 0;
    position: relative;
    display: inline-block
}
.bg-arrowpoint-white a:hover {
    color: #FFF;
}
.bg-arrowpoint-white a::after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url("../images/arrowpoint-white.svg");
    background-size: 50px;
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.bg-arrowpoint-white a:hover::after {
    right: -7px
}

@media screen and (max-width:682px) {
    .wp-block-cover.bg-home-equipo-medico {
        background-color: #f0f0f0
    }

    .wp-block-cover.bg-home-equipo-medico .wp-block-cover__image-background {
        object-fit: contain
    }
}

.wrap .wp-block-columns.full-column-no-gap {
    gap: 0
}

.wrap .wp-block-columns.full-column-no-gap .wp-block-column {
    margin: 0 0
}

.wrap .wp-block-columns.full-column-no-gap .wp-block-column .wp-block-cover,
.wrap .wp-block-columns.full-column-no-gap .wp-block-column .wp-block-cover-image {
    height: 100%;
    min-height: inherit
}

.fancybox.fancyboxVideo {
    position: relative;
    display: block
}

.fancybox.fancyboxVideo:before {
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(23, 123, 248, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.fancybox.fancyboxVideo:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 22px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.fancybox.fancyboxVideo:hover:before {
    background-color: #177bf8
}

@media screen and (max-width:790px) {
    .text-align-center-mobile {
        text-align: center
    }
}

@media screen and (max-width:790px) {
    .justify-content-center-mobile {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width:790px) {
    .justify-content-left-mobile {
        display: flex;
        justify-content: flex-start !important
    }
}

.margin-0 {
    margin: 0 !important
}

.margin-0 img {
    margin: 0 !important;
    line-height: 0
}

.is-style-justificar {
    text-align: justify !important
}

.display-mobile,
.is-style-display-mobile {
    display: none;
    width: 100%;
    float: left
}

@media screen and (max-width:790px) {

    .display-mobile,
    .is-style-display-mobile {
        display: block
    }
}

.display-desktop,
.is-style-display-desktop {
    display: block;
    width: 100%;
    float: left
}

@media screen and (max-width:790px) {

    .display-desktop,
    .is-style-display-desktop {
        display: none
    }
}

.orderIzq,
.is-style-orderIzq {
    order: 1
}

@media screen and (max-width:682px) {

    .orderIzq,
    .is-style-orderIzq {
        order: inherit
    }
}

.orderDer,
.is-style-orderDer {
    order: 2
}

@media screen and (max-width:682px) {

    .orderDer,
    .is-style-orderDer {
        order: inherit
    }
}

.display-none,
.is-style-hide {
    display: none
}

.floatLeft {
    float: left
}

.wp-block-spacer {
    clear: both
}

.clear-both {
    clear: both
}

.BigText {
    font-size: 60px;
    line-height: 65px
}

@media screen and (max-width:682px) {
    .BigText {
        font-size: 40px;
        line-height: 46px
    }
}

/* .MediumText {
    font-size: 32px;
    line-height: 48px
} */


@media screen and (max-width:682px) {
    .MediumText {
        font-size: 30px;
        line-height: 38px
    }
}

.line-height-normal {
    line-height: normal
}

.font-weight-300 {
    font-weight: 300
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-800 {
    font-weight: 800
}

.font-weight-900 {
    font-weight: 900
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.z-index-6 {
    z-index: 6
}

.z-index-10 {
    z-index: 10
}

.relative {
    position: relative
}

.overflow-hidden {
    overflow: hidden
}

.border-radius-10 {
    border-radius: 10px
}

.border-radius-20 {
    border-radius: 20px
}

.border-radius-30 {
    border-radius: 30px
}

.border-radius-40 {
    border-radius: 40px
}

.border-radius-40 {
    border-radius: 40px
}

.row-gap-5 {
    gap: 5px
}

.row-gap-10 {
    gap: 10px
}

.row-gap-20 {
    gap: 20px
}

.row-gap-30 {
    gap: 30px
}

.row-gap-40 {
    gap: 40px
}

.row-gap-50 {
    gap: 50px
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-50 {
    margin-bottom: 50px
}

.column-count-2 {
    column-count: 2;
    column-gap: 2em
}

.column-count-2 .ColumnaContent {
    column-count: 2;
    column-gap: 2em
}

@media screen and (max-width:790px) {
    .column-count-2 {
        column-count: 1;
        column-gap: 0
    }

    .column-count-2 .ColumnaContent {
        column-count: 1;
        column-gap: 0
    }
}

.column-count-3 {
    column-count: 3;
    column-gap: 2em
}

.column-count-3 .ColumnaContent {
    column-count: 2;
    column-gap: 2em
}

@media screen and (max-width:790px) {
    .column-count-3 {
        column-count: 1;
        column-gap: 0
    }

    .column-count-3 .ColumnaContent {
        column-count: 1;
        column-gap: 0
    }
}

.column-count-4 {
    column-count: 4;
    column-gap: 2em
}

.column-count-4 .ColumnaContent {
    column-count: 2;
    column-gap: 2em
}

@media screen and (max-width:790px) {
    .column-count-4 {
        column-count: 1;
        column-gap: 0
    }

    .column-count-4 .ColumnaContent {
        column-count: 1;
        column-gap: 0
    }
}

.content-mapa iframe {
    max-width: 100% !important
}

@media screen and (max-width:682px) {
    .content-mapa iframe {
        height: 380px !important
    }
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100% !important
}

input::placeholder,
textarea::placeholder {
    color: #a1a1a1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a1a1a1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a1a1a1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a1a1a1
}

.placeholdergray::placeholder {
    color: #fafafa
}

.placeholdergray::-webkit-input-placeholder {
    color: #fafafa
}

.placeholdergray:-moz-placeholder {
    color: #fafafa
}

.placeholdergray:-ms-input-placeholder {
    color: #fafafa
}

.placeholderblanco::placeholder {
    color: #fff
}

.placeholderblanco::-webkit-input-placeholder {
    color: #fff
}

.placeholderblanco:-moz-placeholder {
    color: #fff
}

.placeholderblanco:-ms-input-placeholder {
    color: #fff
}

.wrap-descargar-imprimir {
    margin-bottom: 30px
}

.imprimirpagina {
    display: inline-block;
    background-color: #3171c1;
    color: #FFF;
    padding: 20px 30px;
    border-radius: 30px;
    height: auto;
    line-height: normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.imprimirpagina:hover {
    background-color: #177bf8;
    color: #FFF
}

@media print {
    @page {
        size: auto;
        margin: 0
    }

    .single-propiedades header,
    .single-propiedades footer {
        display: none
    }

    .single-propiedades .TopRightHeader {
        display: none
    }

    .single-propiedades .single-propiedades-call-to-action {
        display: none
    }

    .single-propiedades .ico-whatsapp-fixed.ico-whatsapp-fixed-ready,
    .single-propiedades .ico-whatsapp-fixed {
        opacity: 0;
        visibility: hidden;
        display: none
    }

    .single-propiedades-gallery .propiedades-gallery .open-galeria-propiedades {
        display: none
    }

    .wrap-descargar-imprimir {
        display: none
    }

    .single-propiedades-gallery .propiedades-gallery ul {
        height: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 4px;
        row-gap: 4px;
        align-items: center
    }

    .single-propiedades-gallery .propiedades-gallery ul li {
        position: relative;
        width: 100%;
        height: 220px
    }

    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(1) {
        width: 100%;
        height: 220px;
        left: 0;
        top: 0
    }

    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(2) {
        width: 100%;
        height: 220px;
        left: 0;
        top: 0
    }

    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(3) {
        width: 100%;
        height: 220px;
        left: 0;
        top: 0
    }

    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(4) {
        width: 100%;
        height: 220px;
        left: 0;
        top: 0
    }

    .single-propiedades-gallery .propiedades-gallery ul li a .plus {
        display: none
    }
}

@media print and screen and (max-width:682px) {
    .single-propiedades-gallery .propiedades-gallery ul li {
        height: 220px
    }
}

@media print and screen and (max-width:682px) {
    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(1) {
        height: 220px
    }
}

@media print and screen and (max-width:682px) {
    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(2) {
        height: 220px
    }
}

@media print and screen and (max-width:682px) {
    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(3) {
        height: 220px
    }
}

@media print and screen and (max-width:682px) {
    .single-propiedades-gallery .propiedades-gallery ul li:nth-of-type(4) {
        height: 220px
    }
}

header {
    z-index: 6;
    width: 100%;
    float: left;
    position: relative;
    background-color: #fff
}

header.header-absolute-top {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4)
}

header .container {
    z-index: 10
}

.div-compensador {
    width: 100%;
    float: left
}

.logo {
    width: 145px;
    float: left;
    margin: 10px 0;
    position: relative
}

.logo a {
    display: block;
    line-height: 0
}

.logo a img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width:682px) {
    .logo {
        width: 120px
    }
}

.container-top-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.top-r {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto 0 0
}

.menu.menu-emergencias {
    margin-bottom: 0;
    width: inherit;
    float: none
}

.menu.menu-emergencias li a::after {
    display: none
}

.menu.menu-emergencias li a:hover::after {
    display: none
}

.menu.menu-emergencias li ul {
    min-width: 156px;
    left: 7px;
    overflow: hidden
}

@media screen and (max-width:682px) {
    .menu.menu-emergencias li ul {
        left: -115px
    }
}

.menu.menu-emergencias li ul li:hover {
    background-color: #FFF;
    color: #000
}

.menu.menu-emergencias>li>.parent .ico-arrow-menu {
    bottom: 0px
}

@media screen and (max-width:682px) {
    .menu.menu-emergencias>li>.parent .ico-arrow-menu {
        display: none !important
    }
}

.menu.menu-emergencias>li {
    display: block
}

.menu.menu-emergencias li ul li:first-child a {
    padding: 2px 0
}

.menu.menu-emergencias li ul li:last-child a {
    padding: 4px 8px;
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li a .texto-tel,
.blog .menu.menu-emergencias li ul.sub-menu li a .texto-tel,
.single .menu.menu-emergencias li ul.sub-menu li a .texto-tel {
    color: #000;
    line-height: 16px;
    font-size: 13px
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero,
.blog .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero,
.single .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero {
    color: #3171c1;
    font-size: 18px;
    letter-spacing: 0.06em;
    font-weight: bold;
    display: flex;
    justify-content: space-between
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero .icono,
.blog .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero .icono,
.single .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero .icono {
    width: 12px;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero .icono path,
.blog .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero .icono path,
.single .menu.menu-emergencias li ul.sub-menu li a .texto-tel-numero .icono path {
    fill: #25d366
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li.linea-800,
.blog .menu.menu-emergencias li ul.sub-menu li.linea-800,
.single .menu.menu-emergencias li ul.sub-menu li.linea-800 {
    display: block
}

@media screen and (max-width:682px) {

    .header-absolute-top .menu.menu-emergencias li ul.sub-menu li.linea-800,
    .blog .menu.menu-emergencias li ul.sub-menu li.linea-800,
    .single .menu.menu-emergencias li ul.sub-menu li.linea-800 {
        display: none !important
    }
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li.linea-800-mobile,
.blog .menu.menu-emergencias li ul.sub-menu li.linea-800-mobile,
.single .menu.menu-emergencias li ul.sub-menu li.linea-800-mobile {
    display: none
}

@media screen and (max-width:682px) {

    .header-absolute-top .menu.menu-emergencias li ul.sub-menu li.linea-800-mobile,
    .blog .menu.menu-emergencias li ul.sub-menu li.linea-800-mobile,
    .single .menu.menu-emergencias li ul.sub-menu li.linea-800-mobile {
        display: block !important
    }
}

.header-absolute-top .menu.menu-emergencias li ul.sub-menu li.titulo-emergencias-submenu,
.blog .menu.menu-emergencias li ul.sub-menu li.titulo-emergencias-submenu,
.single .menu.menu-emergencias li ul.sub-menu li.titulo-emergencias-submenu {
    display: none;
    padding: 10px 10px 0 10px
}

@media screen and (max-width:682px) {

    .header-absolute-top .menu.menu-emergencias li ul.sub-menu li.titulo-emergencias-submenu,
    .blog .menu.menu-emergencias li ul.sub-menu li.titulo-emergencias-submenu,
    .single .menu.menu-emergencias li ul.sub-menu li.titulo-emergencias-submenu {
        display: block !important
    }
}

.blog .btn-emergencias,
.single .btn-emergencias {
    border-radius: 6px;
    padding: 10px 16px 10px 16px
}

.blog .btn-emergencias span,
.single .btn-emergencias span {
    color: #000
}

.blog .btn-emergencias .icono path,
.single .btn-emergencias .icono path {
    fill: #3171c1 !important
}

.blog .btn-emergencias .label-title,
.single .btn-emergencias .label-title {
    color: #000
}

.btn-emergencias {
    border-radius: 6px
}

.btn-emergencias span {
    display: flex;
    align-items: center
}

.btn-emergencias .icono {
    width: 32px;
    display: inline-block;
    margin: 0 4px 0 0
}

.btn-emergencias .label-title {
    display: inline-block;
    font-size: 18px
}

.btn-emergencias .label-title .label-subtitle {
    display: table;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0.05em;
    background-color: #25d366;
    padding: 4px 14px;
    border-radius: 6px;
    margin-top: 3px
}

@media screen and (max-width:682px) {
    .btn-emergencias .label-title {
        font-size: 13px;
        display: none
    }
}

@media screen and (max-width:682px) {
    .menu li a.btn-emergencias {
        padding: 4px 13px 4px 13px
    }
}

.wrap-telefonoHeader .title {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin: 0 0 1px 0
}

@media screen and (max-width:1080px) {
    .wrap-telefonoHeader .title {
        display: none
    }
}

.wrap-telefonoHeader .telefonoHeader .TelefonosFijos a,
.wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #3171c1;
    padding: 10px 30px;
    border-radius: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.wrap-telefonoHeader .telefonoHeader .TelefonosFijos a .icono,
.wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop .icono {
    width: 11px;
    display: inline-block;
    margin: 0 5px 0 0
}

.wrap-telefonoHeader .telefonoHeader .TelefonosFijos a .icono svg path,
.wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop .icono svg path {
    fill: #FFF
}

.wrap-telefonoHeader .telefonoHeader .TelefonosFijos a .num-tel,
.wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop .num-tel {
    font-weight: 700;
    font-size: 16px;
    color: #FFF
}

.wrap-telefonoHeader .telefonoHeader .TelefonosFijos a:hover,
.wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop:hover {
    background-color: #177bf8
}

@media screen and (max-width:959px) {

    .wrap-telefonoHeader .telefonoHeader .TelefonosFijos a,
    .wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop {
        padding: 0;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        justify-content: center
    }

    .wrap-telefonoHeader .telefonoHeader .TelefonosFijos a .icono,
    .wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop .icono {
        width: 15px;
        margin: 0 0 0 0
    }

    .wrap-telefonoHeader .telefonoHeader .TelefonosFijos a .num-tel,
    .wrap-telefonoHeader .telefonoHeader .TelefonosFijos .teldesktop .num-tel {
        display: none
    }
}

.wrap-menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-300px);
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99
}

.wrap-menu-fixed .btn-emergencias .icono svg path {
    fill: #3171c1 !important
}

.wrap-menu-fixed.wrap-menu-fixed-animacion {
    opacity: 1;
    transform: translateY(0)
}

.wrap-menu-emergencias {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.header-absolute-top .swich-idioma {
    background-color: transparent
}

.header-absolute-top .swich-idioma .wpml-ls-legacy-dropdown-click a {
    color: #FFF
}

.header-absolute-top .swich-idioma .wpml-ls-legacy-dropdown a {
    color: #FFF
}

.swich-idioma {
    margin: 13px 0 0 0;
    border: 1px solid #ececec;
    width: 90px;
    height: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    float: left;
    border-radius: 30px;
    background-color: #FFF
}

.swich-idioma .wpml-ls-legacy-dropdown-click {
    width: auto
}

.swich-idioma .wpml-ls-legacy-dropdown-click a {
    display: block;
    text-decoration: none;
    color: #000;
    border: 0 solid #cdcdcd;
    background-color: transparent;
    padding: 0 15px 0 0;
    line-height: 1;
    font-size: 15px
}

.swich-idioma .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: 4px solid transparent;
    border-top: 5px solid;
    position: absolute;
    right: 0;
    top: calc(49.825%)
}

.swich-idioma .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.swich-idioma .wpml-ls-legacy-dropdown-click a:focus,
.swich-idioma .wpml-ls-legacy-dropdown-click a:hover {
    color: #3171c1;
    background: transparent
}

.swich-idioma .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    display: block;
    text-decoration: none;
    color: #000;
    border: 0 solid #cdcdcd;
    background-color: #f2f2f2;
    padding: 10px 10px;
    line-height: 1;
    font-size: 15px;
    border-radius: 5px
}

.swich-idioma .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-top: 0 solid #cdcdcd;
    padding: 12px 0 0 0;
    width: 105px;
    left: -10px
}

.swich-idioma .wpml-ls-legacy-dropdown {
    width: auto
}

.swich-idioma .wpml-ls-legacy-dropdown a {
    display: block;
    text-decoration: none;
    color: #000;
    border: 0 solid #cdcdcd;
    background-color: transparent;
    padding: 5px 10px;
    line-height: 1;
    font-size: 15px
}

.swich-idioma .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: 4px solid transparent;
    border-top: 5px solid;
    position: absolute;
    right: 0;
    top: calc(49.825%)
}

.swich-idioma .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.swich-idioma .wpml-ls-legacy-dropdown a:focus,
.swich-idioma .wpml-ls-legacy-dropdown a:hover {
    color: #fff;
    background: transparent
}

.swich-idioma .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: 0 solid #cdcdcd;
    width: 80px
}

.swich-idioma .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    border-width: 0;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    padding: 8px 10px
}

@media screen and (max-width:682px) {
    .swich-idioma {
        margin: 4px 8px 0 0
    }
}

#body-main {
    width: 100%;
    float: left
}

.wrap {
    width: 100%;
    float: left;
    overflow: hidden
}

.wrap-content {
    width: 100%;
    float: left
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0;
    box-sizing: border-box;
    position: relative;
    z-index: 4
}

.container .container {
    padding: 0 0;
    max-width: 100%
}

@media screen and (max-width:1920px) {
    .container {
        max-width: 1200px
    }
}

@media screen and (max-width:1680px) {
    .container {
        max-width: 1200px
    }
}

@media screen and (max-width:1200px) {

    header .container,
    footer .container,
    .wrap-menu-fixed .container {
        padding: 0 20px;
        max-width: 100%;
    }
}

@media screen and (max-width:790px) {
    .template-page-content {
        padding: 0 20px
    }
}

.no-found-404 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 0 40px 0;
    text-align: center
}

.no-found-404-img {
    width: 300px;
    height: 300px;
    /* background-image: url("https://operadoravial.com/wp-content/themes/cams24/assets/images/no-found.png"); */
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center center;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.no-found-404-img span {
    width: 230px;
    height: 100px;
    line-height: normal;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    font-size: 52px;
    font-weight: 800;
    color: #3171c1
}

.no-found-404-img span h1 {
    font-weight: 400;
    color: #464646;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: normal
}

.no-found-404-img span h1 span {
    position: static;
    width: inherit;
    height: inherit;
    font-weight: 400;
    color: #464646;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: normal
}

.breadcrumbs-home {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.breadcrumbs-home small {
    display: none;
    width: 15px;
    height: 14px;
    line-height: 0
}

.breadcrumbs-home small svg path {
    fill: #3171c1
}

@media screen and (max-width:790px) {
    .breadcrumbs-home small {
        display: inline-block
    }

    .breadcrumbs-home span {
        display: none
    }
}

.bg-breadcrumbs {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    position: relative;
    text-align: left
}

.bg-breadcrumbs.center-breadcrumbs {
    text-align: center
}

.bg-breadcrumbs.v2 ol.breadcrumbs li {
    color: #FFF
}

.bg-breadcrumbs.v2 ol.breadcrumbs li a {
    color: #FFF
}

.bg-breadcrumbs.v2 ol.breadcrumbs li a .ico-ul-list svg path {
    fill: #FFF
}

.bg-breadcrumbs.template-page-content-breadcrumbs {
    margin: 0 0 50px 0
}

.bg-breadcrumbs .title-page {
    display: none
}

.bg-breadcrumbs ol.breadcrumbs {
    display: inline-block;
    padding: 12px 0 12px 0;
    margin-bottom: 0
}

.bg-breadcrumbs ol.breadcrumbs li {
    padding: 0;
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle
}

.bg-breadcrumbs ol.breadcrumbs li a {
    color: #000;
    position: relative;
    padding: 0 0 0 0;
    margin-right: 0
}

.bg-breadcrumbs ol.breadcrumbs li a:hover {
    color: #c4c4c4
}

.bg-breadcrumbs ol.breadcrumbs li a .ico-ul-list {
    width: 5px;
    height: 10px;
    line-height: 10px;
    position: relative;
    top: 0;
    display: inline-block;
    margin: 0 16px
}

.bg-breadcrumbs ol.breadcrumbs li a .ico-ul-list svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.bg-breadcrumbs ol.breadcrumbs li a .ico-ul-list svg path {
    fill: #000
}

.bg-breadcrumbs ol.breadcrumbs li:before {
    display: none
}

.bg-breadcrumbs ol.breadcrumbs li:last-child a {
    padding: 0 0 0 0;
    margin-right: 0
}

.bg-breadcrumbs ol.breadcrumbs li:last-child a .ico-ul-list {
    display: none
}

.navigation {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px
}

.navigation .pages {
    display: none
}

.navigation .meta-nav.screen-reader-text,
.navigation .screen-reader-text {
    display: none
}

.navigation span,
.navigation a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20%;
    vertical-align: top;
    margin: 0 2px 5px 2px;
    background-color: #f5f5f5;
    color: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.navigation span.current,
.navigation a.current,
.navigation span:hover,
.navigation a:hover {
    background-color: #3171c1;
    color: #fff
}

.navigation span .icono,
.navigation a .icono {
    display: block;
    width: 14px;
    height: 16px;
    line-height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.navigation span .icono svg,
.navigation a .icono svg {
    width: 100%
}

.wrap-subpages-carousel {
    padding: 0 58px
}

.subpages.subpages-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    row-gap: 20px
}

.subpages.subpages-grid .item-subpage {
    min-width: 0
}

@media screen and (max-width:790px) {
    .subpages.subpages-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:682px) {
    .subpages.subpages-grid a .subpage-image figure {
        width: 160px;
        height: 160px
    }
}

.subpages.subpages-carousel.owl-theme .owl-controls .owl-nav div {
    color: #fff;
    zoom: 1;
    width: 42px;
    height: 42px;
    margin: 0;
    line-height: 42px;
    text-align: center;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.subpages.subpages-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: -48px
}

.subpages.subpages-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: -48px
}

.subpages.subpages-carousel.owl-theme .owl-nav [class*="owl-"] {
    background: #177bf8
}

.subpages.subpages-carousel.owl-theme .arrow-slider {
    border: solid #3171c1;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    line-height: 0;
    top: 2px;
    position: relative
}

.subpages.subpages-carousel.owl-theme .owl-dots {
    position: static;
    margin: 18px auto 0 auto
}

.subpages.subpages-carousel.owl-theme .owl-dots .owl-dot {
    display: inline-block
}

.subpages.subpages-carousel.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 3px;
    background-color: #d6d6d6;
    border: 2px solid #d6d6d6
}

.subpages.subpages-carousel.owl-theme .owl-dots .owl-dot.active span {
    background-color: #3171c1;
    border: 2px solid #3171c1
}

.subpages a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center
}

.subpages a .subpage-image {
    position: relative;
    padding: 0 0 10px 0
}

.subpages a .subpage-image figure {
    width: 220px;
    height: 220px;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background-color: #ececec
}

.subpages a .subpage-image figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.subpages a .subpage-image figure .plus {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(23, 123, 248, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.subpages a .subpage-image figure .plus span {
    line-height: 0;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.subpages a .subpage-image figure .plus span:nth-of-type(1) {
    width: 1px;
    height: 16px
}

.subpages a .subpage-image figure .plus span:nth-of-type(2) {
    width: 16px;
    height: 1px
}

.subpages a .subpage-image::after {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-color: #177bf8;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.subpages a .subpage-title {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 0 0
}

.subpages a:hover .subpage-image img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.subpages a:hover .subpage-image .plus {
    transform: translate(-50%, -50%) scale(1)
}

.subpages a:hover .subpage-image::after {
    bottom: 30px
}

.wrap-sidebar-post {
    width: 100%;
    float: left
}

@media screen and (max-width:790px) {
    .wrap-sidebar-post {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px
    }

    .wrap-sidebar-post .sidebar-post {
        width: 100%
    }
}

.widget-sidebar h2 {
    font-size: 18px
}

.widget-sidebar ul li a {
    color: #000
}

.widget-sidebar ul li a:hover {
    color: #3171c1
}

.widget-sidebar ul li ul li a {
    color: #797979
}

.widget-sidebar .wp-block-search .wp-block-search__inside-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr) 70px;
    grid-column-gap: 1px
}

.widget-sidebar .wp-block-search .wp-block-search__inside-wrapper input[type="search"] {
    margin: 0;
    height: 54px
}

.widget-sidebar .wp-block-search .wp-block-search__inside-wrapper button[type="submit"] {
    margin: 0;
    height: 54px;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #3171c1
}

.wrap-open-categorias {
    display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:790px) {
    .wrap-open-categorias {
        display: block;
        width: 100%;
        float: left
    }

    .wrap-open-categorias .open-sidebar {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 20px 0 20px 0;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 6px;
        align-items: center
    }

    .wrap-open-categorias .open-sidebar small {
        width: 20px;
        line-height: 0;
        margin: 0 8px 0 0
    }

    .wrap-open-categorias .open-sidebar small svg {
        width: 100%
    }
}

.wrap-sidebar-categorias {
    width: 100%;
    float: left;
    background-color: #FFF;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin: 0 0 20px 0
}

@media screen and (max-width:790px) {
    .wrap-sidebar-categorias {
        width: 70%;
        height: 100%;
        position: fixed;
        background-color: #ececec;
        right: 100%;
        top: 0;
        z-index: 999;
        padding: 60px 10px 10px 10px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .wrap-sidebar-categorias .content-sidebar-categorias {
        width: 100%
    }

    .wrap-sidebar-categorias.active {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        right: 30%
    }

    .wrap-sidebar-categorias.active .close-sidebar {
        right: -15px
    }
}

.close-sidebar {
    width: 40px;
    height: 40px;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #000
}

.close-sidebar span {
    width: 24px;
    height: 1px;
    position: absolute;
    top: 18px;
    left: 8px;
    background-color: #fff
}

.close-sidebar span:nth-of-type(1) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.close-sidebar span:nth-of-type(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:790px) {
    .close-sidebar {
        display: block
    }
}

.overlay-wrap-sidebar-categorias {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 998;
    background-color: rgba(255, 255, 255, 0.9)
}

.wrap-form {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    row-gap: 20px
}

.wrap-form.wrap-form-1 {
    grid-template-columns: repeat(1, 1fr)
}

.wrap-form.wrap-form-2 {
    grid-template-columns: repeat(2, 1fr)
}

.wrap-form.wrap-form-3 {
    grid-template-columns: repeat(3, 1fr)
}

.wrap-form .input-wrap-form {
    float: left;
    min-width: 0
}

@media screen and (max-width:790px) {
    .wrap-form.wrap-form-1 {
        grid-template-columns: 100%
    }

    .wrap-form.wrap-form-2 {
        grid-template-columns: 100%
    }

    .wrap-form.wrap-form-3 {
        grid-template-columns: 100%
    }
}

.wrap span[data-name="hcap-cf7"]~input[type="submit"] {
    margin-top: 0
}

.wrap span[data-name="hcap-cf7"] .h-captcha {
    margin-bottom: 12px
}

.wrap .codedropz-upload-inner h3 {
    margin: 5px 0;
    font-size: 19px;
    line-height: 23px;
    word-break: break-word
}

.wrap .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    text-decoration: none;
    box-shadow: none;
    display: inline-block;
    background-color: #000;
    color: #FFF;
    font-size: 14px;
    padding: 7px 14px;
    border-radius: 30px
}

.wrap-quiz-captcha label {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px
}

.wrap-quiz-captcha .wpcf7-form-control-wrap {
    float: left;
    width: 100% !important;
    margin: 10px 0 10px 0
}

.wrap-quiz-captcha .wpcf7-form-control-wrap label span.wpcf7-quiz-label {
    float: left;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    color: #585858
}

.wrap-quiz-captcha .wpcf7-form-control-wrap label input[type="text"] {
    float: left;
    width: 80px !important;
    height: 30px;
    margin: 0 0 5px 8px
}

.wrap-quiz-captcha .requerido {
    color: red !important
}

.wpcf7 .wpcf7-response-output {
    padding: 10px;
    font-size: 15px;
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    border-radius: 4px
}

.wpcf7 .screen-reader-response {
    display: none
}

.wpcf7 .wpcf7-not-valid-tip {
    color: red;
    font-size: 12px;
    position: relative;
    top: -6px
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    background-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #ffb900
}

.wpcf7-acceptance a {
    color: #4c4c4c
}

.wpcf7-acceptance a:hover {
    color: #177bf8
}

.svg-forma-slider {
    display: none
}

.heading-div {
    width: 100%;
    float: left;
    background-color: #f3f3f3;
    height: 200px;
    display: none
}

.bg-post {
    background-color: #f8f8f8;
    padding: 0 30px
}

.wrap-post.wrap-post-recientes {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 28px;
    row-gap: 40px
}

@media screen and (max-width:959px) {
    .wrap-post.wrap-post-recientes {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:682px) {
    .wrap-post.wrap-post-recientes {
        grid-template-columns: repeat(1, 1fr)
    }
}

.wrap-content-single {
    background-color: #fafafa;
    padding: 0 0 30px 0
}

.wrap-content-single .container {
    max-width: 1000px
}

.wrap-post-single {
    width: 70%;
    float: left;
    margin-top: 50px;
    margin-bottom: 0
}

.wrap-post-single.wrap-post-single-full {
    width: 100%
}

@media screen and (max-width:790px) {
    .wrap-post-single {
        width: 100%;
        padding: 0 20px
    }
}

.wrap-post {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 28px;
    row-gap: 40px;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px
}

.wrap-post.wrap-post-full {
    width: 100%
}

.wrap-post article.post:after {
    display: none;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    z-index: 1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media screen and (max-width:959px) {
    .wrap-post {
        width: 100%;
        margin-bottom: 20px;
        row-gap: 50px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:682px) {
    .wrap-post {
        grid-template-columns: repeat(1, 1fr)
    }
}

.content-post {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    flex-wrap: wrap
}

.content-post .content-post-thumb {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
    z-index: 1
}

.content-post .content-post-thumb.none-image a {
    background-color: #fafafa
}

.content-post .content-post-thumb.none-image a .img-none {
    object-fit: contain;
    width: 50px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.content-post .content-post-thumb a {
    display: block;
    width: 100%;
    height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.content-post .content-post-thumb a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1)
}

.content-post .content-post-thumb a .gradient-post {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: -moz-linear-gradient(-139deg, #000 0%, rgba(3, 35, 67, 0) 100%);
    background-image: -webkit-linear-gradient(-139deg, #000 0%, rgba(3, 35, 67, 0) 100%);
    background-image: -ms-linear-gradient(-139deg, #000 0%, rgba(3, 35, 67, 0) 100%)
}

.content-post .content-post-thumb a .gradient-post img {
    width: 18%;
    height: auto;
    position: absolute;
    top: 22px;
    right: 15px
}

.content-post .content-post-thumb a .overlay-post {
    display: none !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
    background-color: rgba(196, 196, 196, 0.6);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.content-post .content-post-thumb a .overlay-post span {
    display: none !important;
    width: 80%;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.content-post .content-post-thumb a .overlay-post span small {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
    display: block;
    margin: 0 auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.content-post .content-post-thumb a .overlay-post span small svg {
    width: 16px;
    line-height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.content-post .content-post-thumb a .overlay-post span small svg path {
    fill: #fff
}

.content-post .content-post-thumb a .overlay-post span small:hover {
    border: 2px solid #358cf9;
    background-color: #358cf9
}

.content-post .content-post-thumb a .overlay-post span small:hover svg path {
    fill: #3171c1
}

.content-post .content-post-thumb a:hover img {
    border-radius: 20px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1)
}

.content-post .content-post-thumb a:hover .overlay-post {
    opacity: 1
}

.content-post .content-post-thumb a:hover .overlay-post span {
    top: 50%
}

.content-post .content-post-excerpt {
    width: 100%;
    float: right;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0 0 0;
    position: relative;
    z-index: 2
}

.content-post .content-post-excerpt .post-date {
    display: none;
    width: 15%;
    max-width: 120px;
    float: left;
    position: relative;
    margin-right: 0;
    margin-left: 8px;
    top: -40px
}

.content-post .content-post-excerpt .post-date .fecha {
    background-color: #3171c1;
    height: 88px;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    position: relative
}

.content-post .content-post-excerpt .post-date .fecha .icono-calendar {
    width: 21px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.content-post .content-post-excerpt .post-date .fecha .icono-calendar svg {
    width: 100%
}

.content-post .content-post-excerpt .post-date .fecha .icono-calendar svg path {
    fill: #fff
}

.content-post .content-post-excerpt .post-date .fecha .fecha-mes {
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    color: #faf3ff;
    border-bottom: 1px solid #177bf8
}

.content-post .content-post-excerpt .post-date .fecha .fecha-age {
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    color: #faf3ff
}

.content-post .content-post-excerpt .post-excerpt {
    width: 100%;
    float: left;
    position: relative
}

/* .content-post .content-post-excerpt .post-excerpt .content-post-title h3 a {
    font-size: 21px;
    line-height: normal;
    color: #000;
    text-align: left;
    display: block;
    font-weight: 700;
} */
.content-post .content-post-excerpt .post-excerpt .content-post-title h3 a {
    font-size: 25px;
    line-height: normal;
    color: #000;
    text-align: left;
    display: block;
    font-weight: 800;
    font-family: "Barlow", sans-serif;
}

.content-post .content-post-excerpt .post-excerpt .content-post-title h3 a:hover {
    color: #177bf8
}

.content-post .content-post-excerpt .post-excerpt .content-post-category {
    display: none
}

.content-post .content-post-excerpt .post-excerpt .content-post-category a {
    font-size: 14px;
    line-height: 14px;
    color: #177bf8;
    border: 1px solid #e0e0e0;
    padding: 3px 5px;
    display: inline-block
}

.content-post .content-post-excerpt .post-excerpt .excerpt {
    margin-bottom: 15px;
    display: none
}

.content-post .content-post-excerpt .post-excerpt .excerpt p {
    margin-bottom: 3px;
    margin-top: 10px;
    color: #424242;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    height: 64px;
    overflow: hidden;
    display: block
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver {
    display: flex;
    text-align: left;
    flex-wrap: wrap;
    position: relative
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver a {
    color: #3171c1;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: break-word;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    align-items: center
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver a span {
    position: relative;
    z-index: 2
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver a .icono {
    margin: 0 0 0 5px;
    width: 13px;
    line-height: 0;
    position: relative;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver a .icono svg path {
    fill: #3171c1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver a:hover .icono {
    left: 3px
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver a:hover .icono svg path {
    fill: #177bf8
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver .btn-human-time {
    color: #000000;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: none;
    padding: 0 0 0 14px;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: break-word;
    position: relative;
    font-size: 14px;
    vertical-align: top;
    margin: 0 14px 0 0
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver .btn-human-time .icono {
    display: none;
    width: 9px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    left: 0;
    top: -4px;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver .btn-human-time .icono svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.content-post .content-post-excerpt .post-excerpt .content-post-ver .btn-human-time .icono svg path {
    fill: #3171c1
}

@media screen and (max-width:790px) {
    .content-post {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 12px
    }

    .content-post .content-post-thumb {
        width: 100%
    }

    .content-post .content-post-excerpt {
        width: 100%
    }
}

.singular-title-page {
    color: #3171c1;
    font-size: 32px
}

.header-title {
    position: relative;
    margin-bottom: 20px
}

.header-title .header-bg img {
    width: 100%
}

.header-title h1 {
    position: absolute;
    width: 100%;
    max-width: 84%;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    background-color: #3171c1;
    color: #fff;
    z-index: 2;
    padding: 22px 34px;
    text-align: center
}

.btn-human-time {
    color: #5f5f5f;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: break-word;
    position: relative;
    font-size: 14px;
    vertical-align: top;
    margin: 0 14px 0 0;
    font-style: italic
}

.btn-human-time .icono {
    display: none;
    width: 9px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    left: 0;
    top: -4px;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.btn-human-time .icono svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.btn-human-time .icono svg path {
    fill: #3171c1
}

.wrap-content-single-relacionados {
    background-color: #FFF;
    padding: 50px 0
}

.wrap-content-single-relacionados .wrap-post {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 28px;
    row-gap: 40px;
    float: left;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:959px) {
    .wrap-content-single-relacionados {
        padding: 50px 20px 50px 20px
    }

    .wrap-content-single-relacionados .wrap-post {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:682px) {
    .wrap-content-single-relacionados .wrap-post {
        grid-template-columns: repeat(1, 1fr)
    }
}

.wrap-post-relacionados {
    width: 100%;
    float: left
}

.wrap-post-relacionados .title-post-relacionados {
    padding: 10px 17px
}

@media screen and (max-width:790px) {
    .wrap-compartir {
        padding: 0 20px
    }
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: .5em .75em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.resp-sharing-button--twitter {
    background-color: #55acee
}

.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}

.resp-sharing-button--facebook {
    background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}

.resp-sharing-button--linkedin {
    background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
    background-color: #046293
}

.resp-sharing-button--email {
    background-color: #777
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}

.resp-sharing-button--whatsapp {
    background-color: #25d366
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}

.title-compartir {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 4px
}

.hide-desktop {
    display: none
}

@media screen and (max-width:682px) {
    .hide-desktop {
        display: inline-block
    }
}

.share-flat-style {
    margin: 15px 0 10px 0
}

.share-flat-style .resp-sharing-button__link {
    margin: 0 2px 0 0
}

.share-flat-style .resp-sharing-button {
    border-radius: 50%;
    width: 22px;
    height: 36px;
    transition: 25ms ease-out;
    padding: 0 0;
    position: relative
}

.share-flat-style .resp-sharing-button .resp-sharing-button__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.share-flat-style .resp-sharing-button .resp-sharing-button__icon svg {
    width: 15px;
    height: 15px;
    margin-right: 0;
    vertical-align: middle
}

.share-flat-style .resp-sharing-button .resp-sharing-button__icon svg path {
    fill: #333
}

.share-flat-style .resp-sharing-button--twitter,
.share-flat-style .resp-sharing-button--pinterest,
.share-flat-style .resp-sharing-button--facebook,
.share-flat-style .resp-sharing-button--linkedin,
.share-flat-style .resp-sharing-button--email,
.share-flat-style .resp-sharing-button--whatsapp {
    background-color: #fff
}

.share-flat-style .resp-sharing-button--twitter:hover,
.share-flat-style .resp-sharing-button--pinterest:hover,
.share-flat-style .resp-sharing-button--facebook:hover,
.share-flat-style .resp-sharing-button--linkedin:hover,
.share-flat-style .resp-sharing-button--email:hover,
.share-flat-style .resp-sharing-button--whatsapp:hover {
    background-color: #fff
}

.share-flat-style .resp-sharing-button--twitter:hover svg path,
.share-flat-style .resp-sharing-button--pinterest:hover svg path,
.share-flat-style .resp-sharing-button--facebook:hover svg path,
.share-flat-style .resp-sharing-button--linkedin:hover svg path,
.share-flat-style .resp-sharing-button--email:hover svg path,
.share-flat-style .resp-sharing-button--whatsapp:hover svg path {
    fill: #3171c1
}

@media screen and (max-width:1500px) {
    .wrap-post article.post .content-post .content-post-excerpt .post-date .fecha .fecha-mes {
        font-size: 16px
    }

    .wrap-post article.post .content-post .content-post-excerpt .post-date .fecha .fecha-age {
        font-size: 16px
    }
}

@media screen and (max-width:682px) {
    .wrap-post article.post {
        width: 100%
    }

    .wrap-post article.post .content-post .content-post-excerpt .post-date {
        width: 70px
    }

    .wrap-post article.post .content-post .content-post-excerpt .post-excerpt {
        width: 100%
    }

    .wrap-post article.post .content-post .content-post-excerpt .post-date:before {
        right: inherit;
        left: -10px
    }

    .wrap-post article.post .content-post .content-post-excerpt .post-date:after {
        right: inherit;
        left: -14px;
        top: 9px
    }
}

.titleTabsResponsive {
    display: none
}

@media screen and (max-width:790px) {
    .titleTabsResponsive {
        display: block;
        width: 100%;
        float: left;
        background-color: #e9e9e9;
        color: #000000;
        padding: 30px;
        text-align: left;
        border-bottom: 1px solid #fff;
        position: relative
    }

    .titleTabsResponsive .icono {
        width: 14px;
        height: 14px;
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        display: inline-block
    }

    .titleTabsResponsive .icono svg {
        width: 6px;
        position: absolute;
        line-height: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .titleTabsResponsive .icono svg path {
        fill: #333
    }

    .titleTabsResponsive.active {
        background-color: #3b3b3b;
        color: #ffffff
    }

    .titleTabsResponsive.active .icono svg {
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .titleTabsResponsive.active .icono svg path {
        fill: #3171c1
    }
}

.wrap-content-tabs-list .TabsList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    justify-content: center
}

.wrap-content-tabs-list .TabsList li {
    margin: 0 5px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.wrap-content-tabs-list .TabsList li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    font-size: 18px;
    font-weight: 400;
    padding: 12px 40px;
    border-radius: 30px;
    color: #000;
    background-color: #f0f0f0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.wrap-content-tabs-list .TabsList li a span {
    display: block
}

.wrap-content-tabs-list .TabsList li a:hover {
    color: #FFF;
    background-color: #528bd3
}

.wrap-content-tabs-list .TabsList li a.active {
    color: #FFF;
    background-color: #3171c1
}

@media screen and (max-width:790px) {
    .wrap-content-tabs-list {
        display: none
    }
}

.PanelTabs {
    background-color: #FFF;
    padding: 10px 20px 10px 20px;
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
    border-radius: 10px
}

@media screen and (max-width:790px) {
    .PanelTabs {
        padding: 10px 0 10px 0
    }
}

.PanelTabs ul li {
    position: relative;
    padding: 0 0 0 13px
}

.PanelTabs ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    background-color: #3171c1;
    left: 0;
    top: 10px
}

.PanelTabs .contentTabsResponsive {
    width: 100%;
    float: left
}

.PanelTabs .contentTabsResponsive.active .content-L {
    transform: translateY(0);
    opacity: 1
}

.PanelTabs .contentTabsResponsive.active .content-R {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

.PanelTabs .content-LR {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.PanelTabs .content-LR.content-LR-none-img .content-L {
    display: none
}

.PanelTabs .content-LR.content-LR-none-img .content-R {
    width: 100%
}

.PanelTabs .content-L {
    float: left;
    width: 38%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: center;
    justify-content: center
}

.PanelTabs .content-R {
    float: right;
    width: 60%
}

@media screen and (max-width:790px) {
    .PanelTabs .content-LR {
        flex-direction: column
    }

    .PanelTabs .content-L {
        float: left;
        width: 100%;
        transform: translateY(0);
        opacity: 1;
        padding: 10px 0 0 0
    }

    .PanelTabs .content-R {
        float: left;
        width: 100%;
        transform: translateY(0);
        opacity: 1;
        padding: 10px 0
    }
}

.accordion-container.accordion-container-block .content-entry {
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.accordion-container.accordion-container-block .content-entry.content-entry-none-image .article-title {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 0 0 32px;
    position: relative
}

.accordion-container.accordion-container-block .content-entry.content-entry-none-image .article-title i {
    width: 22px;
    height: 22px;
    left: 0;
    top: 6px;
    position: absolute;
    display: block;
    background-color: #e7e7e7;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.17)
}

.accordion-container.accordion-container-block .content-entry.content-entry-none-image .article-title i:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    left: 7px;
    top: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.accordion-container.accordion-container-block .content-entry.content-entry-none-image.open .article-title i {
    background-color: #3171c1;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.17)
}

.accordion-container.accordion-container-block .content-entry.content-entry-none-image.open .article-title i:after {
    top: 7px;
    left: 6px;
    transform: rotate(-45deg)
}

.accordion-container.accordion-container-block .content-entry:hover {
    border-bottom: 1px solid #3171c1
}

.accordion-container.accordion-container-block .content-entry:hover .article-title .item-imagen {
    -webkit-box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0.33)
}

.accordion-container.accordion-container-block .content-entry:first-child .accordion-content {
    display: block
}

.accordion-container.accordion-container-block .content-entry.open .article-title .item-imagen {
    -webkit-box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0.37);
    box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0.37)
}

.accordion-container.accordion-container-block .content-entry .article-title {
    display: grid;
    grid-template-columns: 50px repeat(1, 1fr);
    grid-column-gap: 10px;
    align-items: center;
    font-size: 23px;
    font-weight: 400;
    cursor: pointer
}

.accordion-container.accordion-container-block .content-entry .article-title .item-imagen {
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 10px 0 0;
    -webkit-box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0);
    box-shadow: 3px 3px 41px 0px rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.accordion-container.accordion-container-block .content-entry .article-title .item-imagen img {
    width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.accordion-container.accordion-container-block .content-entry .accordion-content {
    display: none
}

.accordion-container.accordion-container-block .content-entry .accordion-content ul li {
    position: relative;
    padding: 0 0 0 13px
}

.accordion-container.accordion-container-block .content-entry .accordion-content ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    background-color: #3171c1;
    left: 0;
    top: 10px
}

.arrow-slider {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    line-height: 0;
    top: -1px;
    position: relative
}

.arrow-slider-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.arrow-slider-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.carousel-productos.owl-carousel,
.productos-destacados-woo .owl-carousel {
    padding: 0 0
}

.carousel-productos.owl-carousel .owl-nav [class*="owl-"],
.productos-destacados-woo .owl-carousel .owl-nav [class*="owl-"] {
    color: #fff;
    background: transparent
}

.carousel-productos.owl-carousel .owl-nav [class*="owl-"] .arrow-slider,
.productos-destacados-woo .owl-carousel .owl-nav [class*="owl-"] .arrow-slider {
    border: solid #3171c1;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0;
    position: relative;
    width: 22px;
    height: 22px;
    top: 6px
}

.carousel-productos.owl-carousel .owl-nav [class*="owl-"]:hover,
.productos-destacados-woo .owl-carousel .owl-nav [class*="owl-"]:hover {
    background: transparent
}

.carousel-productos.owl-carousel .owl-nav [class*="owl-"]:hover .arrow-slider,
.productos-destacados-woo .owl-carousel .owl-nav [class*="owl-"]:hover .arrow-slider {
    border: solid #177bf8;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0;
    position: relative;
    width: 22px;
    height: 22px;
    top: 6px
}

.carousel-productos.owl-carousel .owl-nav div,
.productos-destacados-woo .owl-carousel .owl-nav div {
    zoom: 1;
    width: 50px;
    height: 50px;
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    opacity: 1;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.carousel-productos.owl-carousel .owl-nav .owl-prev,
.productos-destacados-woo .owl-carousel .owl-nav .owl-prev {
    left: 0
}

.carousel-productos.owl-carousel .owl-nav .owl-next,
.productos-destacados-woo .owl-carousel .owl-nav .owl-next {
    right: 0
}

@media screen and (max-width:682px) {

    .carousel-productos.owl-carousel,
    .productos-destacados-woo .owl-carousel {
        padding: 0 0
    }

    .carousel-productos.owl-carousel .owl-nav div,
    .productos-destacados-woo .owl-carousel .owl-nav div {
        position: static
    }
}

.galeriaslider.owl-carousel {
    background-color: #fff
}

.galeriaslider.owl-carousel .owl-nav [class*="owl-"] {
    background: transparent
}

.galeriaslider.owl-carousel .owl-nav [class*="owl-"] .arrow-slider {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 0;
    position: relative;
    width: 36px;
    height: 36px;
    top: 6px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.galeriaslider.owl-carousel .owl-nav [class*="owl-"]:hover {
    background: transparent
}

.galeriaslider.owl-carousel .owl-nav [class*="owl-"]:hover .arrow-slider {
    border: solid #3171c1;
    border-width: 0 2px 2px 0
}

.galeriacarousel.owl-carousel {
    padding: 0 80px
}

.galeriacarousel.owl-carousel .item {
    text-align: center;
    position: relative;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.galeriacarousel.owl-carousel .item img {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-height: 140px;
    width: auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.galeriacarousel.owl-carousel .item:after {
    content: "";
    width: 120%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.galeriacarousel.owl-carousel .owl-dots {
    position: static
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div {
    color: #177bf8;
    background-color: rgba(49, 113, 193, 0);
    zoom: 1;
    width: 50px;
    height: 50px;
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    opacity: 1;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div .arrow-slider {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 9px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div:hover .arrow-slider {
    border: solid #177bf8;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 9px
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div:hover {
    background-color: rgba(49, 113, 193, 0)
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div:hover {
    opacity: 1
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div.owl-prev {
    left: 22px
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div.owl-prev:hover {
    left: 18px
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div.owl-next {
    right: 22px
}

.owl-theme.galeriacarousel .owl-controls .owl-nav div.owl-next:hover {
    right: 18px
}

.owl-theme.galeriacarousel .owl-dots {
    position: static
}

.owl-theme.galeriacarousel .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    background-color: #bfbfbf;
    border: 0 solid #fff;
    opacity: 0.4
}

.owl-theme.galeriacarousel .owl-dots .owl-dot.active span,
.owl-theme.galeriacarousel .owl-dots .owl-dot:hover span {
    background-color: #3171c1;
    border-color: #3171c1;
    opacity: 1
}

.wrap-content-slider {
    position: relative;
    margin: 0 0 0 0
}

.galeriacarousel .wrap-slide-progress {
    display: none !important
}

.galeriacarousel .wrap-slide-progress .slide-progress {
    display: none !important
}

.wrap-slide-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.slide-progress {
    width: 0;
    max-width: 100%;
    height: 3px;
    background: #3171c1;
    opacity: 0.6
}

.galeriaslider .item {
    background-color: #000
}

.galeriaslider .item .slider_enlace_principal {
    display: block;
    width: 100%;
    float: left
}

.galeriaslider .item img {
    display: block;
    width: 100%;
    height: auto
}

.owlsizeFullSreen {
    height: 100vh
}

.owlsizeFullSreen .owl-carousel.galeriaslider {
    height: 100%
}

.owlsizeFullSreen .owl-carousel.galeriaslider .owl-item,
.owlsizeFullSreen .owl-carousel.galeriaslider .item {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.owlsizeFullSreen .owl-carousel.galeriaslider .owl-item .bg-owlsizeFullSreen,
.owlsizeFullSreen .owl-carousel.galeriaslider .item .bg-owlsizeFullSreen {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.owlsizeFullSreen .owl-carousel.galeriaslider .owl-item img,
.owlsizeFullSreen .owl-carousel.galeriaslider .item img {
    display: none
}

.owlsizeFullSreen .owl-carousel.galeriaslider .owl-item .SlideTexto img,
.owlsizeFullSreen .owl-carousel.galeriaslider .item .SlideTexto img {
    display: inline-block
}

@media screen and (max-width:682px) {
    .owlsizeFullSreen.slider-inicio {
        height: 80vh
    }

    .owlsizeFullSreen.slider-inicio .owl-carousel.galeriaslider {
        height: 100%
    }

    .owlsizeFullSreen.slider-inicio .owl-carousel.galeriaslider .owl-item,
    .owlsizeFullSreen.slider-inicio .owl-carousel.galeriaslider .item {
        height: 80vh
    }

    .owlsizeFullSreen.slider-inicio .owl-carousel.galeriaslider .owl-item img,
    .owlsizeFullSreen.slider-inicio .owl-carousel.galeriaslider .item img {
        display: none
    }
}

.galeriaslider .overlay-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    bottom: 0;
    left: 0
}

@media screen and (max-width:682px) {
    .galeriaslider .overlay-slider {
        opacity: 0.3 !important
    }
}

.galeriaslider img {
    z-index: 1;
    position: relative
}

.galeriaslideralinizq .ItemSlideTextoTx {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left
}

.galeriaslideralinder .ItemSlideTextoTx {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right
}

.galeriaslideralincen .ItemSlideTextoTx {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.ItemSlideTextoTx {
    float: left;
    position: relative;
    max-width: 620px
}

.ItemSlideTextoTx.ItemSlideTextoTx1 {
    text-align: center;
    overflow: hidden;
    padding: 0 40px
}

.ItemSlideTextoTx .clear {
    width: 100%
}

.ItemSlideTextoTx .bg-texto {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

@media screen and (max-width:840px) {
    .ItemSlideTextoTx .bg-texto {
        border-radius: 10px
    }
}

.item-bg-texto-border20 .ItemSlideTextoTx .bg-texto {
    border-radius: 20px
}

.owl-carousel .owl-item .ItemSlideTextoTx img {
    display: inline-block;
    width: auto;
    max-width: 100%
}

.wrap-imagen-extra {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    max-width: 1200px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 4;
    text-align: inherit;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wrap-imagen-extra.imagen-extra-alineacion-izq {
    justify-content: flex-start
}

.wrap-imagen-extra.imagen-extra-alineacion-cen {
    justify-content: center
}

.wrap-imagen-extra.imagen-extra-alineacion-der {
    justify-content: flex-end
}

.galeriaslider .owl-item .wrap-imagen-extra.imagen-extra-animacion-tb .imagen-extra {
    opacity: 0;
    transform: translateY(-70px);
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .wrap-imagen-extra.imagen-extra-animacion-tb .imagen-extra {
    opacity: 1;
    transform: translateY(0);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.galeriaslider .owl-item .wrap-imagen-extra.imagen-extra-animacion-bt .imagen-extra {
    opacity: 0;
    transform: translateY(70px);
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .wrap-imagen-extra.imagen-extra-animacion-bt .imagen-extra {
    opacity: 1;
    transform: translateY(0);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.galeriaslider .owl-item .wrap-imagen-extra.imagen-extra-alineacion-lr .imagen-extra {
    opacity: 0;
    transform: translateX(-70px);
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .wrap-imagen-extra.imagen-extra-alineacion-lr .imagen-extra {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.galeriaslider .owl-item .wrap-imagen-extra.imagen-extra-alineacion-rl .imagen-extra {
    opacity: 0;
    transform: translateX(70px);
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .wrap-imagen-extra.imagen-extra-alineacion-rl .imagen-extra {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.owl-carousel.galeriaslider .owl-item .wrap-imagen-extra .imagen-extra img {
    display: block;
    width: auto;
    max-width: 480px
}

.galeriaslider .SlideTexto.galeriaslideralinizq,
.galeriaslider .SlideTexto.galeriaslideralinder,
.galeriaslider .SlideTexto.galeriaslideralincen {
    width: 80%;
    max-width: 1200px;
    position: absolute;
    left: 50%;
    bottom: 140px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 6;
    text-align: inherit;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

.galeriaslider .SlideTexto .SlideTextoTx,
.galeriaslider .SlideTexto .SlideTextoTx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    width: 100%
}

.galeriaslider .SlideTexto.galeriaslideralinder .SlideTextoTx {
    justify-content: flex-end
}

.galeriaslider .SlideTexto.galeriaslideralincen .SlideTextoTx {
    justify-content: center
}

.galeriaslider .owl-item .SlideTexto .SlideTextoTx .ItemSlideTextoTx1 {
    opacity: 0;
    transform: translateY(-50px);
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .SlideTexto .SlideTextoTx .ItemSlideTextoTx1 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.galeriaslider .owl-item .SlideTexto .SlideTextoTx .ItemSlideTextoTx2 {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    color: #FFF;
}

@media screen and (max-width:682px) {
    .galeriaslider .owl-item .SlideTexto .SlideTextoTx .ItemSlideTextoTx2 {
        padding: 30px 10px !important;
        margin-bottom: 35px;
    }
}

.galeriaslider .owl-item.active .SlideTexto .SlideTextoTx .ItemSlideTextoTx2 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.galeriaslider .owl-item .SlideTexto .TextoA {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 68px;
    letter-spacing: normal;
    position: relative;
    z-index: 2;

}

@media screen and (max-width:682px) {
    .galeriaslider .owl-item .SlideTexto .TextoA br {
        display: none
    }
}

.galeriaslider .owl-item .SlideTexto .TextoB {
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: normal;
    position: relative;
    z-index: 2;
    margin-top: 10px
}

@media screen and (max-width:682px) {
    .galeriaslider .owl-item .SlideTexto .TextoB br {
        display: none
    }
}

.galeriaslider .SlideTexto .TextoA small,
.galeriaslider .SlideTexto .TextoB small {
    font-size: 12px;
    line-height: 18px
}

.galeriaslider .SlideTexto .line-slider-text {
    display: block;
    height: 3px;
    background-color: #3171c1;
    margin-top: 10px
}

.galeriaslider .owl-item .SlideTexto.galeriaslideralinizq .line-slider-text {
    transform: translateX(-140px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .SlideTexto.galeriaslideralinizq .line-slider-text {
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.galeriaslider .owl-item .SlideTexto.galeriaslideralincen .line-slider-text {
    transform: translateY(140px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .SlideTexto.galeriaslideralincen .line-slider-text {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.galeriaslider .owl-item .SlideTexto.galeriaslideralinder .line-slider-text {
    transform: translateX(140px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .SlideTexto.galeriaslideralinder .line-slider-text {
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.galeriaslider .SlideTexto .slider_enlace {
    display: inline-block;
    padding: 15px 32px;
    border-radius: 6px;
    color: #fff;
    background-color: #177bf8;
    font-size: 17px;
    font-weight: 400;
    margin: 20px 0 10px 0;
    text-shadow: none;
    position: relative;
    z-index: 2;
    text-transform: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.galeriaslider .SlideTexto .slider_enlace .icono {
    width: 13px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.galeriaslider .SlideTexto .slider_enlace .icono svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.galeriaslider .SlideTexto .slider_enlace .icono svg path {
    fill: #000
}

.galeriaslider .SlideTexto .slider_enlace:hover {
    color: #fff;
    background-color: #0662d6
}

.galeriaslider .ImagenSecundaria {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    z-index: 2;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.galeriaslider .ImagenSecundaria.galeriaslideralinizqImg {
    text-align: left
}

.galeriaslider .ImagenSecundaria.galeriaslideralincenImg {
    text-align: center
}

.galeriaslider .ImagenSecundaria.galeriaslideralinderImg {
    text-align: right
}

.galeriaslider .ImagenSecundariaContent,
.galeriaslider .ImagenSecundariaContent img {
    display: inline-block
}

.galeriaslider .owl-item .animImgabjarb {
    transform: translateY(2000px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .animImgabjarb {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.galeriaslider .owl-item .animImgarbabj {
    transform: translateY(-2000px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .animImgarbabj {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.galeriaslider .owl-item .animImgizqder {
    transform: translateX(-3000px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .animImgizqder {
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.galeriaslider .owl-item .animImgderizq {
    transform: translateX(3000px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.galeriaslider .owl-item.active .animImgderizq {
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.owl-theme.galeriaslider .owl-controls .owl-nav div {
    color: #fff;
    zoom: 1;
    width: 50px;
    height: 50px;
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 1;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    opacity: 0.6;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.galeriaslider .owl-controls .owl-nav div:hover {
    opacity: 1
}

.owl-theme.galeriaslider .owl-controls .owl-nav div.owl-prev {
    left: 22px
}

.owl-theme.galeriaslider .owl-controls .owl-nav div.owl-prev:hover {
    left: 18px
}

.owl-theme.galeriaslider .owl-controls .owl-nav div.owl-next {
    right: 22px
}

.owl-theme.galeriaslider .owl-controls .owl-nav div.owl-next:hover {
    right: 18px
}

.owl-theme.galeriaslider .owl-dots {
    text-align: center
}

.owl-theme.galeriaslider .owl-dots .owl-dot {
    display: inline-block
}

.owl-theme.galeriaslider .owl-dots .owl-dot span {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 0 solid #8fb4e3;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1
}

.owl-theme.galeriaslider .owl-dots .owl-dot.active span {
    background-color: #fff;
    border: 0 solid #3171c1
}

.owl-theme.galeriaslider .owl-dots .owl-dot:hover span {
    border: 2px solid #3171c1
}

.carousel-post,
.carousel-subpage {
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.owl-theme.carousel-post .owl-controls .owl-nav div,
.owl-theme.carousel-subpage .owl-controls .owl-nav div {
    color: #c1c1c1;
    background-color: rgba(188, 38, 45, 0);
    font-size: 26px;
    width: 30px;
    height: 50px;
    line-height: 48px;
    border-radius: 50%;
    border: 0px solid #177bf8;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute
}

.owl-theme.carousel-post .owl-controls .owl-nav div:hover,
.owl-theme.carousel-subpage .owl-controls .owl-nav div:hover {
    color: #3171c1;
    background-color: rgba(188, 38, 45, 0)
}

.owl-theme.carousel-post .owl-controls .owl-nav div.owl-prev,
.owl-theme.carousel-subpage .owl-controls .owl-nav div.owl-prev {
    left: 10px
}

.owl-theme.carousel-post .owl-controls .owl-nav div.owl-next,
.owl-theme.carousel-subpage .owl-controls .owl-nav div.owl-next {
    right: 10px
}

.item-productocat {
    display: block;
    text-align: center;
    color: #000
}

.item-productocat figure {
    position: relative;
    overflow: hidden
}

.item-productocat figure .title-hover {
    position: absolute;
    width: 90%;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: left
}

.item-productocat figure .title-hover small {
    display: block;
    font-size: 13px;
    font-weight: 300;
    transform: translateX(-100px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.item-productocat figure .title-hover span {
    font-size: 28px;
    display: block;
    position: relative;
    padding: 0 0 0 16px;
    transform: translateX(-100px);
    opacity: 0;
    -webkit-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    -moz-transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out;
    transition: transform .66s cubic-bezier(.16, .68, .43, .99), opacity .66s ease-in-out
}

.item-productocat figure .title-hover span .icono {
    width: 13px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.item-productocat figure .title-hover span .icono svg {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.item-productocat figure .title-hover span .icono svg path {
    fill: #177bf8
}

.item-productocat figure .zoom-plus {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    width: 68px;
    height: 68px;
    display: block;
    border-radius: 50%;
    border: 2px solid #d08c04;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.item-productocat figure .zoom-plus span:nth-of-type(1) {
    width: 4px;
    height: 20px;
    background-color: #177bf8;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    border-radius: 2px
}

.item-productocat figure .zoom-plus span:nth-of-type(2) {
    height: 4px;
    width: 20px;
    background-color: #177bf8;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    border-radius: 2px
}

.item-productocat figure img {
    position: relative;
    z-index: 1
}

.item-productocat figure:before {
    content: "";
    position: absolute;
    background-color: rgba(49, 113, 193, 0.95);
    width: 60px;
    height: 60px;
    left: -12%;
    top: -12%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    border-radius: 25px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -moz-transition: all .6s ease;
    z-index: 2
}

.item-productocat:hover figure .zoom-plus {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.item-productocat:hover figure .title-hover small {
    transform: translateX(0);
    opacity: 1
}

.item-productocat:hover figure .title-hover span {
    transform: translateX(0);
    opacity: 1
}

.item-productocat:hover figure:before {
    transform: scale(25);
    -webkit-transform: scale(25);
    -ms-transform: scale(25);
    -moz-transform: scale(25);
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease
}

.wrap-carousel-titulo h4 {
    font-size: 28px;
    text-transform: uppercase
}

.owl-theme.carousel-servicios .owl-controls {
    position: absolute;
    width: 100%;
    top: -60px
}

.owl-theme.carousel-servicios .owl-nav {
    text-align: right
}

.owl-theme.carousel-servicios .item-servicio {
    position: relative;
    display: block
}

.owl-theme.carousel-servicios .item-servicio .link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 3
}

.owl-theme.carousel-servicios .item-servicio figure {
    position: relative;
    margin-top: 50px
}

.owl-theme.carousel-servicios .item-servicio figure .icono {
    width: 70px;
    height: 70px;
    line-height: 70px;
    position: absolute;
    left: 12px;
    top: -25px;
    background-color: #3171c1;
    border-radius: 50%;
    text-align: center
}

.owl-theme.carousel-servicios .item-servicio figure .icono span {
    width: 70px;
    height: 70px;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
    background-color: #6699d8;
    z-index: 1;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(0);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(0);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0);
    transition: all 200ms ease-in;
    transform: scale(0)
}

.owl-theme.carousel-servicios .item-servicio figure .icono img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 60px;
    max-width: inherit;
    position: relative;
    z-index: 2
}

.owl-theme.carousel-servicios .item-servicio .descripcion {
    text-align: center;
    padding: 0 14px
}

.owl-theme.carousel-servicios .item-servicio .descripcion h3 {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.carousel-servicios .item-servicio:hover figure .icono span {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1)
}

.owl-theme.carousel-servicios .item-servicio:hover .descripcion h3 {
    color: #3171c1
}

.owl-theme.carousel-servicios .owl-nav [class*="owl-"] {
    color: #000;
    font-size: 12px;
    margin: 5px;
    background: #3171c1;
    display: inline-block;
    cursor: pointer;
    width: 90px;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.carousel-servicios .owl-nav [class*="owl-"] .arrow-slider {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.carousel-servicios .owl-nav [class*="owl-"]:hover {
    background: #000
}

.owl-theme.carousel-servicios .owl-nav [class*="owl-"]:hover .arrow-slider {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px
}

.owl-theme.carousel-subpage .item_subpage a {
    display: block;
    padding: 20px 0 0 0;
    text-align: center;
    border: 1px solid #ececec;
    border-radius: 4px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.carousel-subpage .item_subpage a .img {
    position: relative;
    width: 218px;
    margin: 0 auto
}

.owl-theme.carousel-subpage .item_subpage a .img figure {
    text-align: center;
    line-height: 0;
    margin-bottom: 0
}

.owl-theme.carousel-subpage .item_subpage a .img figure img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 145px
}

.owl-theme.carousel-subpage .item_subpage a h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 15px;
    color: #000;
    border-top: 1px solid #ececec;
    padding: 20px 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.carousel-subpage .item_subpage a h3 span {
    position: relative
}

.owl-theme.carousel-subpage .item_subpage a .detalles span {
    display: inline-block;
    background-color: #177bf8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #00a0d2;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.carousel-subpage .item_subpage a .detalles span:hover {
    background-color: #00a0d2;
    color: #fff
}

.owl-theme.carousel-subpage .item_subpage a:hover {
    background: #f9fdff;
    border-color: #3171c1
}

.owl-theme.carousel-subpage .item_subpage a:hover h3 {
    color: #3171c1;
    border-color: #3171c1
}

.serviciosCarousel {
    padding: 0 50px
}

.owl-theme.serviciosCarousel .owl-controls .owl-nav div {
    color: #3171c1;
    width: 50px;
    height: 50px;
    margin: 0;
    line-height: 48px;
    text-align: center;
    font-size: 28px;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 1;
    border-style: solid;
    border-width: 0;
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-theme.serviciosCarousel .owl-controls .owl-nav div:hover {
    opacity: 1
}

.owl-theme.serviciosCarousel .owl-controls .owl-nav div.owl-prev {
    left: 0
}

.owl-theme.serviciosCarousel .owl-controls .owl-nav div.owl-prev:hover {
    left: -5px
}

.owl-theme.serviciosCarousel .owl-controls .owl-nav div.owl-next {
    right: 0
}

.owl-theme.serviciosCarousel .owl-controls .owl-nav div.owl-next:hover {
    right: -5px
}

.owl-theme .owl-nav {
    margin-top: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 12px;
    margin: 5px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #3171c1;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    margin: 0 auto;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 5px 3px;
    background-color: transparent;
    border: 2px solid #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #3171c1;
    border: 2px solid #3171c1
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.carousel-productos-thumb .item-video-fancybox {
    min-height: 330px
}

.carousel-productos-thumb .fancyboxVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #333
}

.carousel-productos-thumb .fancyboxVideo .icono-video {
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 38px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    transform: scale(1)
}

.carousel-productos-thumb .fancyboxVideo:hover .icono-video {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(.9);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(.9);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(.9);
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    transform: scale(.9)
}

.owl-thumbs {
    width: 100%;
    float: left
}

.owl-thumbs .owl-thumb-item {
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 5px 0;
    padding: 0;
    background-color: transparent;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    border-radius: 0
}

.owl-thumbs .owl-thumb-item .owl-thumb-item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 1px;
    top: 1px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 6px
}

.owl-thumbs .owl-thumb-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 1px;
    top: 1px;
    background-color: #3171c1;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.owl-thumbs .owl-thumb-item.owl-thumb-video:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 1px;
    top: 1px;
    background-color: #3171c1;
    z-index: 1;
    opacity: 1
}

.owl-thumbs .owl-thumb-item.owl-thumb-video .fas.fa-play {
    width: 50px;
    height: 50px;
    line-height: 48px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 15px
}

.owl-thumbs .owl-thumb-item:hover:before {
    opacity: 0.7
}

@media screen and (max-width:840px) {
    .owl-carousel.galeriaslider {
        height: 480px
    }

    .owl-carousel.galeriaslider .owl-item,
    .owl-carousel.galeriaslider .item {
        height: 480px
    }

    .owl-carousel.galeriaslider .owl-item .slider_enlace_principal,
    .owl-carousel.galeriaslider .item .slider_enlace_principal {
        height: 480px
    }

    .owl-carousel.galeriaslider .owl-item img,
    .owl-carousel.galeriaslider .item img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .galeriaslider.owl-carousel {
        background-color: #ffffff
    }

    .owl-theme.galeriaslider .owl-controls .owl-nav div,
    .owl-theme.galeria-portafolio .owl-controls .owl-nav div {
        display: none !important
    }

    .galeriaslider .SlideTexto.galeriaslideralinizq,
    .galeriaslider .SlideTexto.galeriaslideralinder,
    .galeriaslider .SlideTexto.galeriaslideralincen {
        bottom: 70px;
        line-height: normal;
        letter-spacing: normal
    }

    .galeriaslider .owl-item .SlideTexto .TextoA {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: normal;
        text-shadow: 5px 6px 28px #fff
    }

    .galeriaslider .owl-item .SlideTexto .TextoB {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        text-shadow: 5px 6px 28px #fff
    }

    .galeriaslider .SlideTexto .TextoA small,
    .galeriaslider .SlideTexto .TextoB small {
        font-size: 14px;
        line-height: 20px
    }

    .galeriaslider .SlideTexto .slider_enlace:after {
        height: 6px
    }

    .galeriaslider .SlideTexto .slider_enlace {
        font-size: 13px;
        margin: 18px 0 10px 0
    }

    .owl-theme.serviciosCarousel {
        padding: 0 0
    }

    .owl-theme.serviciosCarousel .owl-nav {
        position: relative;
        margin-top: 30px
    }
}

@media screen and (max-width:482px) {

    .galeriaslider .SlideTexto.galeriaslideralinizq,
    .galeriaslider .SlideTexto.galeriaslideralinder,
    .galeriaslider .SlideTexto.galeriaslideralincen {
        bottom: 0;
        line-height: normal;
        letter-spacing: normal
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(0%);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.84999999999999%, rgba(0, 0, 0, 0.019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px 44px 25px 44px
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(92%);
    max-width: calc(46%);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .9399999999999999);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(90%)
    }
}

.fancybox-navigation {
    position: absolute;
    width: 100%;
    height: 80px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.animateme {
    clear: both;
    position: relative
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out
}

@keyframes jello {

    from,
    11.1%,
    to {
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {

    from,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: translate3d(0, 0, 0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-duration: 0.75s;
    animation-name: bounceIn
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@-webkit-keyframes ImgZoom {
    0% {
        opacity: 1;
        -moz-transform: scale(1.12, 1.12);
        -ms-transform: scale(1.12, 1.12);
        -webkit-transform: scale(1.12, 1.12);
        transform: scale(1.12, 1.12)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s
    }
}

@keyframes ImgZoom {
    0% {
        opacity: 1;
        -moz-transform: scale(1.12, 1.12);
        -ms-transform: scale(1.12, 1.12);
        -webkit-transform: scale(1.12, 1.12);
        transform: scale(1.12, 1.12)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s
    }
}

@-webkit-keyframes ImgEnterCoverLeft {
    0% {
        opacity: 0;
        width: 0
    }

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

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

@keyframes ImgEnterCoverLeft {
    0% {
        opacity: 1;
        width: 0
    }

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

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

.ImgEnterCoverLeft.animated {
    position: relative;
    margin-bottom: 0;
    line-height: 0;
    overflow: hidden
}

.ImgEnterCoverLeft.animated img {
    position: relative;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ImgZoom;
    animation-name: ImgZoom;
    z-index: 1
}

.ImgEnterCoverLeft.animated:before {
    content: "";
    position: absolute;
    height: 100%;
    background-color: #3171c1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ImgEnterCoverLeft;
    animation-name: ImgEnterCoverLeft;
    z-index: 2
}

@-webkit-keyframes ImgEnterCoverRight {
    0% {
        opacity: 0;
        width: 0
    }

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

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

@keyframes ImgEnterCoverRight {
    0% {
        opacity: 1;
        width: 0
    }

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

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

.ImgEnterCoverRight.animated {
    position: relative;
    margin-bottom: 0;
    line-height: 0;
    overflow: hidden
}

.ImgEnterCoverRight.animated img {
    position: relative;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ImgZoom;
    animation-name: ImgZoom;
    z-index: 1
}

.ImgEnterCoverRight.animated:before {
    content: "";
    right: 0;
    position: absolute;
    height: 100%;
    background-color: #3171c1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ImgEnterCoverRight;
    animation-name: ImgEnterCoverRight;
    z-index: 2
}

footer {
    width: 100%;
    float: left;
    z-index: 4;
    color: #666;
    padding: 0 0 0 0;
    font-size: 16px
}

footer .bg-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FFF;
    opacity: 1
}

.bg-footer {
    background-repeat: repeat;
    padding: 40px 0;
    position: relative
}

.logo-footer {
    width: 145px;
    margin: 0 0 0 0;
    text-align: center
}

.logo-footer img {
    width: 100%;
    height: auto;
    max-width: inherit
}

.logo-footer small {
    font-size: 12px;
    text-align: center;
    line-height: normal
}

.logo-footer small span {
    display: block;
    font-weight: bold
}

@media screen and (max-width:790px) {
    .logo-footer {
        margin: 20px auto 20px auto
    }
}

@media screen and (max-width:682px) {
    .logo-footer {
        max-width: 80%
    }
}

.container-flex-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media screen and (max-width:1024px) {
    .container-flex-footer {
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }
}

.flex-footer-l {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px
}

.flex-footer-c {
    max-width: 46%
}

.flex-footer-r {
    max-width: 25%
}

.datos-contacto-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 460px
}

.datos-contacto-footer h6 {
    font-size: 14px;
    font-weight: 400
}

.aviso-de-privacidad {
    color: #666;
    max-width: 70%
}

.aviso-de-privacidad a {
    color: #666
}

.aviso-de-privacidad a:hover {
    color: #177bf8;
    text-decoration: underline
}

.aviso-de-privacidad .aviso-col1,
.aviso-de-privacidad .aviso-col3 {
    display: block
}

.aviso-de-privacidad .aviso-col1 {
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width:682px) {
    .aviso-de-privacidad {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
}

.wrap-direccion {
    margin-top: 12px;
    position: relative;
    padding: 0 0 0 10px
}

.wrap-direccion .icono {
    width: 8px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.wrap-direccion .icono svg path {
    fill: #177bf8
}

.wrap-direccion .direccion {
    font-size: 16px;
    line-height: 20px
}

.wrap-menu-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 32px
}

@media screen and (max-width:790px) {
    .wrap-menu-footer {
        width: 100%;
        margin: 30px 0
    }
}

ul.menu-inferior-secundario {
    text-align: left;
    display: block;
    margin: 0 0 0 0
}

ul.menu-inferior-secundario>li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 22px 0 0
}

ul.menu-inferior-secundario>li:last-child {
    margin: 0 0 0 0
}

ul.menu-inferior-secundario li {
    position: relative;
    background-image: none;
    list-style: none;
    line-height: 22px;
    margin-bottom: 0;
    padding: 0 0;
    text-align: left
}

ul.menu-inferior-secundario li a {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 2px 0;
    text-decoration: none;
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

ul.menu-inferior-secundario li a:hover {
    color: #3171c1
}

ul.menu-inferior-secundario li ul {
    margin: 0
}

ul.menu-inferior-secundario li ul li {
    margin: 0 0 15px 0
}

ul.menu-inferior-secundario li ul li a {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    color: #666;
    padding: 0 0;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

ul.menu-inferior-secundario li ul li a:hover {
    color: #177bf8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}


.menu-footer-smartphone {
    text-align: left;
    display: none
}

.menu-footer-smartphone li a {
    font-weight: 400;
    display: block;
    color: #000;
    font-size: 16px;
    border-bottom: 0px solid #43296d;
    background-color: #e8e8e8;
    padding: 12px 22px 12px 10px;
    border-radius: 4px
}

.menu-footer-smartphone li a.parent {
    position: relative
}

.menu-footer-smartphone li a.parent .ico-arrow-menu {
    display: inline-block;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 8px;
    line-height: 9px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.menu-footer-smartphone li a.parent .ico-arrow-menu svg {
    width: 100%
}

.menu-footer-smartphone li a.parent .ico-arrow-menu svg path {
    fill: #3171c1
}

.menu-footer-smartphone li ul {
    display: none;
    margin: 20px 0 20px 0
}

.menu-footer-smartphone li ul li a {
    text-transform: none;
    background-color: #fafafa;
    border-bottom: 0 solid #ccc;
    color: #333;
    font-weight: 300
}

@media screen and (max-width:790px) {
    .menu-footer-smartphone {
        clear: both;
        display: block;
        width: 100%
    }
}

.wrap-telefonoFooter {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 18px 0 0 0;
    align-items: flex-start;
    flex-direction: row
}

.wrap-telefonoFooter.wrap-telefonoFooter-shortcode .telefonoFooter .TelefonosFijos a span,
.wrap-telefonoFooter.wrap-telefonoFooter-shortcode .telefonoFooter .TelefonosCelular a span,
.wrap-telefonoFooter.wrap-telefonoFooter-shortcode .telefonoFooter .TelefonosFijos .teldesktop span,
.wrap-telefonoFooter.wrap-telefonoFooter-shortcode .telefonoFooter .TelefonosCelular .teldesktop span {
    color: #3171c1
}

.wrap-telefonoFooter .telefonoFooter {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 0 0;
    align-items: flex-end;
    flex-direction: row
}

.wrap-telefonoFooter .telefonoFooter .TelefonosCelular {
    margin: 0 0 0 12px
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos {
    margin: 0 0 0 0
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    flex-direction: column
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .titulo,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .titulo {
    font-size: 14px;
    display: block
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a.tel-wharsapp .icono svg,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a.tel-wharsapp .icono svg,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop.tel-wharsapp .icono svg,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop.tel-wharsapp .icono svg {
    width: 18px;
    margin: 0 0 0 3px
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a .title-tel,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a .title-tel,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop .title-tel,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop .title-tel {
    display: none
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a span,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a span,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop span,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop span {
    color: #FFF;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    margin: 0 0 0 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a .icono,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a .icono,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop .icono,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop .icono {
    width: 28px;
    height: 28px;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 4px 0 0
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a .icono svg,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a .icono svg,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop .icono svg,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop .icono svg {
    width: 15px
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a .icono svg path,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a .icono svg path,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop .icono svg path,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop .icono svg path {
    fill: #FFF
}

.wrap-telefonoFooter .telefonoFooter .TelefonosFijos a:hover span,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular a:hover span,
.wrap-telefonoFooter .telefonoFooter .TelefonosFijos .teldesktop:hover span,
.wrap-telefonoFooter .telefonoFooter .TelefonosCelular .teldesktop:hover span {
    color: #FFF
}

@media screen and (max-width:790px) {
    .wrap-telefonoFooter {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .wrap-telefonoFooter .TelefonosFijos a .title-tel,
    .wrap-telefonoFooter .TelefonosCelular a .title-tel,
    .wrap-telefonoFooter .TelefonosFijos .teldesktop .title-tel,
    .wrap-telefonoFooter .TelefonosCelular .teldesktop .title-tel {
        text-align: center
    }
}

.wrap-cr-f {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 0 0 7px
}

.wrap-cr-f .cr-f {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.wrap-cr-f .cr-f small {
    width: 15px;
    height: 15px;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 4px 4px 0 0
}

.wrap-cr-f .cr-f small svg {
    width: 15px;
    line-height: 0
}

.wrap-cr-f .cr-f small svg path {
    fill: #FFF
}

.wrap-cr-f .cr-f span {
    color: #FFF
}

@media screen and (max-width:790px) {
    .wrap-cr-f .cr-f {
        justify-content: center
    }
}

.wrap-redes-footer .redes-sociales,
.wrap-redes-shortcode .redes-sociales {
    display: flex;
    flex-wrap: wrap
}

.wrap-redes-footer .redes-sociales .texto-siguenos,
.wrap-redes-shortcode .redes-sociales .texto-siguenos {
    display: none
}

.wrap-redes-footer .redes-sociales a,
.wrap-redes-shortcode .redes-sociales a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 7px;
    margin-right: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.wrap-redes-footer .redes-sociales a small,
.wrap-redes-shortcode .redes-sociales a small {
    line-height: 0;
    width: 30px;
    height: 30px;
    position: relative;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.wrap-redes-footer .redes-sociales a small svg,
.wrap-redes-shortcode .redes-sociales a small svg {
    height: 17px;
    width: auto
}

.wrap-redes-footer .redes-sociales a small svg path,
.wrap-redes-shortcode .redes-sociales a small svg path {
    fill: #666
}

.wrap-redes-footer .redes-sociales a span,
.wrap-redes-shortcode .redes-sociales a span {
    display: none
}

.wrap-redes-footer .redes-sociales a:hover small svg path,
.wrap-redes-shortcode .redes-sociales a:hover small svg path {
    fill: #177bf8
}

@media screen and (max-width:790px) {

    .wrap-redes-footer .redes-sociales,
    .wrap-redes-shortcode .redes-sociales {
        justify-content: center
    }
}

.ico-messenger-fixed {
    width: 62px;
    height: 62px;
    position: fixed;
    bottom: -150px;
    right: 10px;
    z-index: 10;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.ico-messenger-fixed img {
    max-width: 100%;
    height: auto
}

.ico-messenger-fixed.ico-messenger-fixed-ready {
    bottom: 20px
}

.ico-whatsapp-fixed {
    opacity: 0;
    visibility: hidden;
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: -150px;
    right: 12px;
    z-index: 10;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.ico-whatsapp-fixed figure {
    position: relative;
    margin: 0;
    z-index: 1
}

.ico-whatsapp-fixed img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    margin: 0
}

.ico-whatsapp-fixed span {
    display: none;
    position: absolute;
    z-index: 2;
    left: -120px;
    font-size: 16px;
    width: 112px;
    top: 20px;
    background-color: #fff;
    color: #353535;
    padding: 5px 5px;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09)
}

.ico-whatsapp-fixed span:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

@media screen and (max-width:682px) {
    .ico-whatsapp-fixed span {
        display: none
    }
}

.ico-whatsapp-fixed.ico-whatsapp-fixed-ready {
    bottom: 12px;
    opacity: 1;
    visibility: visible
}

.loadPulse {
    width: 4px;
    height: 4px;
    background-color: transparent;
    border-radius: 5px;
    position: absolute;
    margin: auto;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.loadPulse:after,
.loadPulse:before {
    display: inline-block;
    margin: auto;
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.9
}

.loadPulse.black:after,
.loadPulse.black:before {
    background-color: #4cc65d
}

.loadPulse.black:after {
    background-color: #36a946;
    width: 0;
    height: 0
}

.animation-slower:before {
    z-index: 200;
    -webkit-animation: inner-ripple 4.5s linear infinite;
    -moz-animation: inner-ripple 4.5s linear infinite;
    animation: inner-ripple 4.5s linear infinite
}

.animation-medium:before {
    z-index: 200;
    -webkit-animation: inner-ripple 3.5s linear infinite;
    -moz-animation: inner-ripple 3.5s linear infinite;
    animation: inner-ripple 3.5s linear infinite
}

.animation-faster:before {
    z-index: 200;
    -webkit-animation: inner-ripple 1.5s linear infinite;
    -moz-animation: inner-ripple 1.5s linear infinite;
    animation: inner-ripple 1.5s linear infinite
}

@keyframes inner-ripple {
    0% {
        transform: scale(1);
        opacity: 0.8
    }

    30% {
        transform: scale(30.5);
        opacity: 0.5
    }

    100% {
        transform: scale(50.5);
        opacity: 0
    }
}

@media screen and (max-width:1024px) {
    .WrapToogleButtom {
        display: block
    }
}

@media screen and (max-width:790px) {
    .wp-block-table {
        display: block;
        max-width: 960px;
        width: 100%;
        overflow: hidden;
        overflow-x: auto
    }

    .wp-block-table td {
        word-break: normal
    }

    .wp-block-table tbody {
        display: table;
        width: 100%
    }
}

@media screen and (max-width:682px) {
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
        width: calc(79.625%)
    }

    .wp-block-image.ImgCenterResponsive .alignright {
        float: none;
        margin: .5em auto .5em auto
    }

    .CenterTitleResponsive {
        text-align: center
    }

    .is-style-headingStyleBorderLeft.CenterTitleResponsive span:before {
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .CenterParrafoResponsive {
        text-align: center
    }

    .alturaFull.HeadingTopBg {
        height: auto
    }

    .alturaFull.HeadingTopBg .container {
        height: auto
    }

    .alturaFull.HeadingTopBg .wrapper-inner-blocks {
        height: auto
    }

    .alturaFull.HeadingTopBg .wrapper-inner-blocks .wp-block-agctexdomain-columnas-agcblocks {
        height: auto
    }

    .alturaFull.HeadingTopBg .wrapper-inner-blocks .wp-block-agctexdomain-columnas-agcblocks .container {
        height: auto
    }

    .alturaFull.HeadingTopBg .wrapper-inner-blocks .wp-block-agctexdomain-columnas-agcblocks .wp-block-agctexdomain-columna-agcblocks {
        height: auto
    }

    .BottomLeft {
        width: 100%
    }

    .BottomCenter {
        width: 100%;
        margin: 20px 0
    }

    .BottomRight {
        width: 100%;
        margin: 20px 0
    }

    .wrap-menu-footer {
        width: 100%;
        margin: 20px 0
    }

    .wrap-direccion.wrap-direccion-2 {
        margin: 20px 0 0 0
    }

    .wp-block-agctexdomain-columna-agcblocks.ColumnaFull .ColumnaContent {
        padding: 0 0 !important
    }

    .wp-block-agctexdomain-columna-agcblocks.contacto-formulario-home .ColumnaContent {
        padding: 20px 0 !important
    }

    .wp-block-agctexdomain-columnas-agcblocks.imgFull .wp-block-agctexdomain-columna-agcblocks .ColumnaContent {
        padding: 0 0 !important
    }

    .owl-theme.carousel-servicios .owl-controls {
        position: static;
        width: 100%;
        top: 0
    }

    .owl-theme.carousel-servicios .owl-nav {
        text-align: center
    }
}

@media screen and (max-width:520px) {

    #rc-imageselect,
    .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}