/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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


article,
aside,
dialog,
figure,
footer,
header,
hgroup,
section,
menu {
    display: block
}

html,
body {
    height: 100%
}

a {
    text-decoration: none
}


h2 {
    margin: 0 0 10px;
    font-size: 38px;
    line-height: 1;
    font-weight: normal
}


h4 {
    padding: 0;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1
}

h5 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1;
    font-weight: bold
}

h6 {
    font-size: 16px;
    font-size: 18px;
    line-height: 1
}

a img {
    border: none
}

p {
    margin: 0 0 15px
}


em,
cite {
    font-style: normal
}

strong {
    font-weight: bold
}

label {
    cursor: pointer
}

textarea {
    font-family: Arial, sans-serif;
    resize: none
}

input[type="submit"] {
    cursor: pointer
}

input[type="submit"]:focus {
    outline: 0
}

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

caption,
th,
td {
    font-weight: normal
}

table,
th,
td {
    vertical-align: middle
}

br {
    line-height: 1
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url("../fonts/gotham-medium.eot");
    src: url("../fonts/gotham-medium.woff") format("woff2"), url("../fonts/gotham-medium.woff") format("woff"), url("../fonts/gotham-medium.ttf") format("truetype"), url("../fonts/gotham-medium.svg") format("svg"), url("../fonts/gotham-medium.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Raleway-Black';
    src: url("../fonts/raleway-black.eot");
    src: url("../fonts/raleway-black.woff") format("woff2"), url("../fonts/raleway-black.woff") format("woff"), url("../fonts/raleway-black.ttf") format("truetype"), url("../fonts/raleway-black.svg") format("svg"), url("../fonts/raleway-black.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url("../fonts/raleway-bold.eot");
    src: url("../fonts/raleway-bold.woff") format("woff2"), url("../fonts/raleway-bold.woff") format("woff"), url("../fonts/raleway-bold.ttf") format("truetype"), url("../fonts/raleway-bold.svg") format("svg"), url("../fonts/raleway-bold.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url("../fonts/raleway-extrabold.eot");
    src: url("../fonts/raleway-extrabold.woff") format("woff2"), url("../fonts/raleway-extrabold.woff") format("woff"), url("../fonts/raleway-extrabold.ttf") format("truetype"), url("../fonts/raleway-extrabold.svg") format("svg"), url("../fonts/raleway-extrabold.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url("../fonts/raleway-medium.eot");
    src: url("../fonts/raleway-medium.woff") format("woff2"), url("../fonts/raleway-medium.woff") format("woff"), url("../fonts/raleway-medium.ttf") format("truetype"), url("../fonts/raleway-medium.svg") format("svg"), url("../fonts/raleway-medium.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Raleway-MediumItalic';
    src: url("../fonts/raleway-mediumitalic.eot");
    src: url("../fonts/raleway-mediumitalic.woff") format("woff2"), url("../fonts/raleway-mediumitalic.woff") format("woff"), url("../fonts/raleway-mediumitalic.ttf") format("truetype"), url("../fonts/raleway-mediumitalic.svg") format("svg"), url("../fonts/raleway-mediumitalic.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: 'Raleway-SemiBold';
    src: url("../fonts/raleway-semibold.eot");
    src: url("../fonts/raleway-semibold.woff") format("woff2"), url("../fonts/raleway-semibold.woff") format("woff"), url("../fonts/raleway-semibold.ttf") format("truetype"), url("../fonts/raleway-semibold.svg") format("svg"), url("../fonts/raleway-semibold.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham-Black';
    src: url("../fonts/gotham-black.eot");
    src: url("../fonts/gotham-black.woff") format("woff2"), url("../fonts/gotham-black.woff") format("woff"), url("../fonts/gotham-black.ttf") format("truetype"), url("../fonts/gotham-black.svg") format("svg"), url("../fonts/gotham-black.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon_c7l5mf.eot");
    src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon_c7l5mf.ttf") format("truetype"), url("../fonts/icomoon_c7l5mf.woff") format("woff"), url("../fonts/icomoon_c7l5mf-icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-descargar:before {
    content: "\e950"
}

.icon-map:before {
    content: "\e94f"
}

.icon-audio:before {
    content: "\e94c"
}

.icon-url:before {
    content: "\e94d"
}

.icon-360:before {
    content: "\e94e"
}

.icon-envelope-o:before {
    content: "\e94a"
}

.icon-envelope:before {
    content: "\e94b"
}

.icon-instagram:before {
    content: "\e949"
}

.icon-copy:before {
    content: "\e946"
}

.icon-wsp:before {
    content: "\e947"
}

.icon-compartir:before {
    content: "\e948"
}

.icon-point1 .path1:before {
    content: "\e937";
    color: #00e5b0
}

.icon-point1 .path2:before {
    content: "\e938";
    margin-left: -0.6376953125em;
    color: #fff
}

.icon-point2 .path1:before {
    content: "\e939";
    color: #000
}

.icon-point2 .path2:before {
    content: "\e93c";
    margin-left: -0.6376953125em;
    color: #00e5b0
}

.icon-1:before {
    content: "\e911"
}

.icon-2:before {
    content: "\e912"
}

.icon-3:before {
    content: "\e913"
}

.icon-4 .path1:before {
    content: "\e914";
    color: #3e83fc
}

.icon-4 .path2:before {
    content: "\e916";
    margin-left: -0.841796875em;
    color: #000
}

.icon-5:before {
    content: "\e917"
}

.icon-6:before {
    content: "\e918"
}

.icon-7:before {
    content: "\e919"
}

.icon-8:before {
    content: "\e91a"
}

.icon-9:before {
    content: "\e91b"
}

.icon-10:before {
    content: "\e91c"
}

.icon-11:before {
    content: "\e91d"
}

.icon-12:before {
    content: "\e91e"
}

.icon-13:before {
    content: "\e91f"
}

.icon-14:before {
    content: "\e920"
}

.icon-15 .path1:before {
    content: "\e921";
    color: #e5e5e5
}

.icon-15 .path2:before {
    content: "\e922";
    margin-left: -0.1240234375em;
    color: #e5e5e5
}

.icon-15 .path3:before {
    content: "\e923";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path4:before {
    content: "\e924";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path5:before {
    content: "\e925";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path6:before {
    content: "\e926";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path7:before {
    content: "\e927";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path8:before {
    content: "\e928";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path9:before {
    content: "\e929";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path10:before {
    content: "\e92a";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path11:before {
    content: "\e92b";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path12:before {
    content: "\e92c";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path13:before {
    content: "\e92d";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path14:before {
    content: "\e92e";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path15:before {
    content: "\e92f";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path16:before {
    content: "\e930";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path17:before {
    content: "\e931";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-15 .path18:before {
    content: "\e932";
    margin-left: -0.1240234375em;
    color: #ccc
}

.icon-16:before {
    content: "\e933"
}

.icon-17:before {
    content: "\e934"
}

.icon-18:before {
    content: "\e935";
    color: #e5e5e5
}

.icon-19:before {
    content: "\e936"
}

.icon-22 .path1:before {
    content: "\e93a";
    color: #fc476a
}

.icon-22 .path2:before {
    content: "\e93b";
    margin-left: -1em;
    color: #fff
}

.icon-23:before {
    content: "\e93d"
}

.icon-24:before {
    content: "\e93e"
}

.icon-25:before {
    content: "\e93f"
}

.icon-26:before {
    content: "\e940"
}

.icon-27:before {
    content: "\e941"
}

.icon-28:before {
    content: "\e942"
}

.icon-29:before {
    content: "\e943"
}

.icon-30:before {
    content: "\e944"
}

.icon-31:before {
    content: "\e945"
}

.icon-facebook:before {
    content: "\e900"
}

.icon-download:before {
    content: "\e901"
}

.icon-lock:before {
    content: "\e902"
}

.icon-pdf:before {
    content: "\e903"
}

.icon-plus:before {
    content: "\e904"
}

.icon-right:before {
    content: "\e905"
}

.icon-instragram:before {
    content: "\e906"
}

.icon-linkedin:before {
    content: "\e907"
}

.icon-left:before {
    content: "\e908"
}

.icon-play:before {
    content: "\e909"
}

.icon-point:before {
    content: "\e90a"
}

.icon-shape:before {
    content: "\e90b"
}

.icon-youtube:before {
    content: "\e90c"
}

.icon-quotation:before {
    content: "\e90d"
}

.icon-arroba:before {
    content: "\e90e"
}

.icon-bottom:before {
    content: "\e90f"
}

.icon-clear:before {
    content: "\e915"
}

.icon-check:before {
    content: "\e910"
}

.ul-style ul,
.ul-style ol {
    padding-left: 20px
}

.ul-style ul li {
    list-style-type: inherit
}

.ul-style ol li {
    list-style-type: inherit
}

.wancho {
    width: 94%;
    max-width: 1200px;
    margin: auto
}


a {
    color: inherit
}

a:focus {
    outline: none
}


.link:hover {
    text-decoration: underline;
    color: #89969a
}

.relative {
    position: relative
}

.left {
    float: left
}

.right {
    float: right
}

.envolve {
    overflow: hidden
}

.no-style {
    line-height: 1.4;
    color: red
}

.cnt-wrapper {
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.cnt-wrapper.page_en .b1-item-cont h2 span {
    font-size: 25px
}

.cnt-wrapper.page_en .b3-title-img img {
    right: -144px
}

@media screen and (max-width: 1351px) {
    .cnt-wrapper.page_en .b3-title-img img {
        right: -77px
    }
}

@media screen and (max-width: 767px) {
    .wancho {
        width: 100%;
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.g0_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #009;
    max-width: 170px;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    background-color: #fff;
    height: 48px;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transition: color 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media screen and (max-width: 1599px) {
    .g0_btn {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.g0_btn:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    background-color: #000099;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.g0_btn:hover {
    color: #fff
}

.g0_btn:hover:after {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.g0_btn.border {
    background: #fff;
    border: 2px solid #000000;
    color: #000
}

.g0_btn.border:after {
    background-color: #000000
}

.g0_btn.border:hover {
    color: #fff
}

.g0_link {
    font-family: "Raleway-Regular", sans-serif;
    font-size: 14px;
    color: #00e5b0;
    position: relative;
    display: inline-block
}

.g0_link span,
.g0_link img {
    margin: 0px
}

.g0_link span {
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.g0_link i {
    position: absolute;
    height: 1px;
    width: 40px;
    background: red;
    top: 50%;
    right: -40px
}

.g1_title {
    font-family: "Raleway-Black", sans-serif;
    font-size: 40px;
    color: #000;
    margin: 0px;
    line-height: normal;
    font-size: calc(22px + (70 - 22) * ((100vw - 320px) / (1920 - 320)))
}

.g1_title span {
    color: #00e5b0
}

.g1_format {
    line-height: 1.33;
    font-family: "Raleway-Medium", sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.64)
}

@media screen and (max-width: 1599px) {
    .g1_format {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.g1_format>h1,
.g1_format>h2,
.g1_format>h3,
.g1_format>h4,
.g1_format>h5,
.g1_format>h6 {
    margin-bottom: 20px
}

.g1_format>h1 {
    font-size: 2em
}

.g1_format>h2 {
    font-size: 1.5em
}

.g1_format>h3 {
    font-size: 1.17em
}

.g1_format>h4 {
    font-size: 1em
}

.g1_format>h5 {
    font-size: 0.83em
}

.g1_format>h6 {
    font-size: 0.67em
}

.g1_format ul,
.g1_format ol {
    padding-left: 30px;
    padding-top: 20px;
    margin-bottom: 15px
}

.g1_format li {
    margin-bottom: 6px
}

.b19Info .g1_format p {
    color: #fff;
}

.g1_format strong {
    font-weight: bold
}

.g1_format ol li {
    list-style-type: decimal
}

.g1_format ul li {
    list-style-type: disc
}

.g1_format blockquote {
    display: block;
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    padding: .5em 10px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 15px;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 40px;
    margin-inline-start: 40px;
    -webkit-margin-end: 40px;
    margin-inline-end: 40px
}

.g1_format blockquote p {
    margin-bottom: 0;
    margin-top: 15px
}

.g1_format blockquote p:first-child {
    margin-top: 0
}

.g1_format i,
.g1_format cite,
.g1_format em,
.g1_format var,
.g1_format address,
.g1_format dfn {
    font-style: italic
}

.g1_format a {
    text-decoration: underline
}

.cat-selector {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    right: -10px;
    top: 1px
}

.cat-selector:before {
    content: '';
    position: absolute;
    right: 6px;
    height: 1px;
    width: 6px;
    top: 50%;
    background-color: #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.cat-selector:after {
    content: '';
    position: absolute;
    right: 2px;
    height: 1px;
    top: 50%;
    width: 6px;
    background-color: #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.cat-selector.active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.cat-selector.active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.children {
    display: none
}

.g-pages {
    margin-bottom: 100px
}

.form-group {
    position: relative;
    -moz-placeholder: color #00e5b0 font-family "Raleway-Medium", sans-serif;
    -ms-input-placeholder: color #00e5b0 font-family "Raleway-Medium", sans-serif
}

.form-group input {
    border-radius: 5px;
    width: 100%;
    border: 0px;
    height: 50px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 19px;
    font-family: "Raleway-Medium", sans-serif;
    color: #00e5b0
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    border: solid 2px #398f14;
    display: none !important
}

.general_col[data-col*="2"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.general_col[data-col*="2"] .form-groups {
    width: calc(50% - 6px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.general_col[data-col*="3"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.general_col[data-col*="3"] .form-groups {
    width: calc(33.333% - 4px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .general_col[data-col*="2"],
    .general_col[data-col*="3"] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .general_col[data-col*="2"] .form-groups,
    .general_col[data-col*="3"] .form-groups {
        width: 100%
    }
}

.g-preload {
    background-image: url("../images/ajax-loader.gif");
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden
}

.g-preload.is-active-preload {
    opacity: 1;
    visibility: visible
}

.wpcf7-form .ajax-loader {
    position: absolute
}

.wpcf7-form .ajax-loader.is-active {
    position: relative
}

.wpcf7-form .wpcf7-acceptance {
    position: relative
}

.wpcf7-form .checkbox-consent {
    width: 50%;
    margin-left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wpcf7-form .checkbox-consent.active .wpcf7-list-item-label:after {
    opacity: 1
}

.wpcf7-form .checkbox-consent input[type='checkbox'] {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    visibility: hidden
}

.wpcf7-form .checkbox-consent .wpcf7-list-item {
    margin-left: 0
}

.wpcf7-form .checkbox-consent .wpcf7-list-ite:m-label {
    line-height: 1;
    position: relative;
    padding-left: 26px;
    display: inline-block
}

.wpcf7-form .checkbox-consent .wpcf7-list-ite:m-label:before,
.wpcf7-form .checkbox-consent .wpcf7-list-ite:m-label:after {
    color: red;
    width: 15px;
    height: 15px;
    border: 1px solid #898989;
    border-radius: 50%;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px
}

.wpcf7-form .checkbox-consent .wpcf7-list-ite:m-label:after {
    width: 7px;
    height: 7px;
    background-color: #898989;
    border: 1px solid #898989;
    left: 4px;
    top: 4px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0
}

.wpcf7-form .form-mensaje {
    line-height: 1;
    margin: 0px;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wpcf7-form .form-accept-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px;
    margin-bottom: 20px
}

.wpcf7-form .form-btn {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wpcf7-form .wpcf7-not-valid-tip {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1
}

.wpcf7-form.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: relative;
    left: auto;
    border: 0px;
    z-index: 2;
    padding: 0px;
    margin-top: 0
}

.wpcf7-form .form-groups {
    margin-bottom: 12px;
    position: relative
}

.wpcf7-form .form-groups.active.form-groups-textarea .form-label {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.wpcf7-form .form-groups.active .form-label {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    font-size: 12px;
    color: #A7A9AC
}

.wpcf7-form .form-groups label {
    position: relative;
    display: block;
    cursor: inherit
}

.wpcf7-form .form-groups label br {
    display: none
}

.wpcf7-form .form-groups input,
.wpcf7-form .form-groups textarea,
.wpcf7-form .form-groups select {
    position: relative;
    border-radius: 5px;
    width: 100%;
    border: 0px;
    height: 56px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #D3D3D3;
    padding-top: 16px;
    padding-bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    color: #8cc73f
}

.wpcf7-form .form-groups input:-webkit-autofill,
.wpcf7-form .form-groups textarea:-webkit-autofill,
.wpcf7-form .form-groups select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px #fff inset;
    -webkit-text-fill-color: #383a35
}

.wpcf7-form .form-groups input:focus,
.wpcf7-form .form-groups textarea:focus,
.wpcf7-form .form-groups select:focus {
    border: 1px solid #00e5b0;
    outline: none;
    outline-offset: 0px
}

@media screen and (max-width: 1024px) {
    .wpcf7-form .form-groups input,
    .wpcf7-form .form-groups textarea,
    .wpcf7-form .form-groups select {
        font-size: 15px
    }
}

.wpcf7-form .form-groups input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

.wpcf7-form .form-groups select {
    padding-right: 35px;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

.wpcf7-form .form-groups select::-ms-expand {
    display: none
}

.wpcf7-form .form-groups label {
    padding: 0px;
    height: auto
}

.wpcf7-form .form-groups textarea {
    height: 112px;
    padding-top: 20px;
    resize: none
}

.wpcf7-form .form-groups .form-label {
    position: absolute;
    padding: 0px;
    z-index: 2;
    display: block;
    width: 100%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    font-size: 16px;
    color: #8cc73f;
    pointer-events: none;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: opacity 0.2s, font-size 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, font-size 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s, font-size 0.2s;
    transition: transform 0.2s, opacity 0.2s, font-size 0.2s, -webkit-transform 0.2s;
    font-size: 16px;
    color: #8cc73f
}

@media screen and (max-width: 1024px) {
    .wpcf7-form .form-groups .form-label {
        font-size: 15px
    }
}

.wpcf7-form .form-groups-select .wpcf7-form-control-wrap {
    display: block;
    position: relative
}

.wpcf7-form .form-groups-select .wpcf7-form-control-wrap:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 19px;
    font-family: 'icomoon';
    content: "\e907";
    font-size: 7px;
    color: rgba(109, 128, 150, 0.54);
    display: block;
    line-height: 1;
    pointer-events: none
}

.wpcf7-form .form-groups-textarea .form-label {
    padding-top: 18px
}

.wpcf7-acceptance span.wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0
}

.wpcf7-acceptance span.wpcf7-list-item input[type="checkbox"]:checked~span.wpcf7-list-item-label:after {
    opacity: 1
}

.wpcf7-acceptance span.wpcf7-list-item-label {
    line-height: 1;
    position: relative;
    font-size: 12px;
    color: #404041;
    padding-left: 20px
}

.wpcf7-acceptance span.wpcf7-list-item-label a {
    color: c-0
}

.wpcf7-acceptance span.wpcf7-list-item-label:before,
.wpcf7-acceptance span.wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px
}

.wpcf7-acceptance span.wpcf7-list-item-label:before {
    width: 12px;
    height: 12px;
    border: solid 1px #cfcfcf
}

.wpcf7-acceptance span.wpcf7-list-item-label:after {
    font-family: 'icomoon' !important;
    content: "\e916";
    left: 1px;
    top: 1px;
    color: #89969a;
    opacity: 0
}

@media screen and (max-width: 1024px) {
    .wpcf7-form .checkbox-consent {
        padding-left: 0
    }
    .wpcf7-form .form-accept-text {
        font-size: 13px
    }
}

.slick-prev,
.slick-next {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0px;
    border: 0px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slick-prev:after,
.slick-next:after {
    content: "";
    font-size: 20px;
    font-family: 'icomoon' !important
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: 0.7
}

.slick-prev {
    left: 0px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.slick-prev:after {
    content: "\e913"
}

.slick-next {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slick-next:after {
    content: "\e912"
}

.pagination {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination .pages {
    display: none
}

.pagination ul,
.pagination .wp-pagenavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagination li:hover {
    font-weight: bold
}

.pagination li:last-child a {
    margin-right: 0
}

.pagination .wp-pagenavi {
    font-size: 15px;
    letter-spacing: 0px
}

.pagination .wp-pagenavi a {
    margin: 0px;
    padding: 0px;
    border: 0px;
    margin-right: 20px
}

.pagination .wp-pagenavi span.current {
    margin: 0px;
    padding: 0px;
    border: 0px;
    margin-right: 20px;
    font-weight: bold
}

.picker select {
    border-radius: 0px;
    padding-top: 0;
    padding-bottom: 0
}

.picker .picker__header {
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.picker .picker__select--month,
.picker .picker__select--year {
    margin-top: 0;
    height: 2em
}

.picker .picker__nav--next,
.picker .picker__nav--prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.picker .picker__day--outfocus {
    pointer-events: none
}

.g3-banner {
    height: 406px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-bottom-right-radius: 220px
}

.g3-banner .g3-info-ctn {
    position: relative;
    z-index: 2;
    max-width: 100%;
    width: 100%
}

.g3-banner .g3-info-ctn img {
    max-width: 100%;
    height: auto
}

.g3-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.85;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.33)), color-stop(#000), to(#000));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.33) 50%, #000, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.33)), color-stop(rgba(0, 0, 0, 0.631373)), to(rgba(0, 0, 0, 0.580392)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0.631373), rgba(0, 0, 0, 0.580392));
    border-bottom-right-radius: 220px
}

.g3-banner .g1-title.g1-title-white {
    margin-bottom: 20px
}

.g3-banner .wancho {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g3-banner.g3-banner-info {
    height: 649px;
    margin-bottom: 62px
}

.g3-banner.g3-banner-info .wancho {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.g3-banner.g3-banner-info .g3-info-ctn {
    font-family: t-3;
    font-size: 15px;
    color: c-4;
    max-width: 605px;
    margin: 0px;
    margin-bottom: 60px
}

.g3-banner.g3-banner-info .g3-info-ctn p {
    margin-bottom: 0;
    line-height: 1.5
}

.g3-banner.g3-banner-info .g3-info-ctn .g1-title {
    font-size: 90px;
    margin-bottom: 30px
}

.g3-banner.g3-banner-info .g3-info-ctn>span {
    font-family: Gotham;
    font-size: 35px;
    line-height: 1.14;
    color: #ffffff
}

.block__news__author__name:hover {
    color: #307fe2
}

.block__news__categories a {
    font-family: t-0;
    font-size: 12px;
    color: #6ea5ea
}

.block__news__title h3 {
    font-family: t-0;
    font-size: 16px;
    color: #383a35
}

.news__detail__redes__item {
    color: #3d87e3;
    border: 1px solid #307fe2
}

.news__detail__redes__item:hover {
    background: #3d87e3;
    color: #fff
}

.news__detail__content__tag a {
    color: #307fe2
}

.block__news__title {
    padding-bottom: 15px
}

.news__detail__content__tag a:hover {
    background: #3d87e3;
    color: #fff
}

.block__news__categories .post-categories li a {
    font-family: t-0;
    font-size: 12px;
    color: #6ea5ea
}

.block__news__tags__item a {
    color: #307fe2
}

.block__news__tags__item a:hover {
    background: #307fe2;
    color: #fff
}

.news__detail__content__content li {
    margin-bottom: 15px;
    list-style: initial
}

.page-newsletter .site-main {
    width: 94%;
    max-width: 1116px;
    margin: auto
}

.close-boxlight {
    width: 64px !important;
    height: 64px !important;
    background-color: #000 !important;
    border-radius: 50% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    font-size: 20px;
    top: 0px !important;
    right: -90px !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media screen and (max-width: 1200px) {
    .close-boxlight {
        width: 50px !important;
        height: 50px !important;
        right: 0px !important;
        top: -60px !important
    }
}

.close-boxlight:hover {
    opacity: 0.8
}

.close-boxlight:after {
    content: "\e90c" !important;
    font-family: 'icomoon' !important;
    font-size: 20px;
    color: white
}

.g-content {
    line-height: 1.2
}

.g-content ul {
    padding-left: 30px
}

.g-content li {
    list-style: initial;
    margin-bottom: 15px
}

.g3-suscribete {
    padding-top: 40px;
    padding-bottom: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat-x: repeat
}

.g3-suscribete div.wpcf7 .ajax-loader.is-active {
    position: absolute
}

.g3-suscribete .wancho,
.g3-suscribete .g-form-suscribete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g3-suscribete div.wpcf7-response-output {
    color: #fff;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0
}

.g3-suscribete .g-form-suscribete {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.g3-suscribete .g-form-suscribete .form-groups {
    margin-right: 32px
}

.g3-suscribete .g-form-suscribete .g0-btn {
    width: 159px;
    height: 56px
}

.g3-suscribete .wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.g3-suscribete .wpcf7-form .form-groups {
    margin-bottom: 0
}

.g3-suscribete .wpcf7-form.invalid .wancho,
.g3-suscribete .wpcf7-form.invalid .g-form-suscribete {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.g3-suscribete .g3-title-suscribete {
    font-family: "Raleway-Regular", sans-serif;
    font-size: 18px;
    color: #fff;
    width: 270px
}

.g3-suscribete .g3-title-suscribete p {
    margin-bottom: 0
}

.g3-suscribete .g3-form {
    width: calc(100% - 270px);
    padding-left: 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.g3-suscribete .g1-title {
    margin-bottom: 16px
}

.slick-prev,
.slick-next,
.owl-next,
.owl-prev {
    position: absolute;
    top: 50%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    font-size: 0;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slick-prev:focus,
.slick-next:focus,
.owl-next:focus,
.owl-prev:focus {
    outline: none
}

.slick-prev:hover:after,
.slick-next:hover:after,
.owl-next:hover:after,
.owl-prev:hover:after {
    color: #252525;
    opacity: 0.8
}

.slick-prev:after,
.slick-next:after,
.owl-next:after,
.owl-prev:after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 40px;
    font-family: 'icomoon';
    color: #252525
}

.slick-prev.disabled:after,
.slick-prev.slick-disabled:after,
.slick-next.disabled:after,
.slick-next.slick-disabled:after,
.owl-next.disabled:after,
.owl-next.slick-disabled:after,
.owl-prev.disabled:after,
.owl-prev.slick-disabled:after {
    opacity: 0.7
}

.slick-prev.disabled:hover:after,
.slick-prev.slick-disabled:hover:after,
.slick-next.disabled:hover:after,
.slick-next.slick-disabled:hover:after,
.owl-next.disabled:hover:after,
.owl-next.slick-disabled:hover:after,
.owl-prev.disabled:hover:after,
.owl-prev.slick-disabled:hover:after {
    opacity: 0.7;
    color: #252525
}

.slick-next:after,
.owl-next:after {
    content: "\e90a"
}

.slick-prev:after,
.owl-prev:after {
    content: "\e904"
}

.slick-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slick-dots li {
    margin: 0px;
    font-size: 0;
    width: 14px;
    height: 14px;
    position: relative;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: block;
    border: 1px solid #307fe2;
    margin-right: 16px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.slick-dots li:hover {
    cursor: pointer;
    background-color: #307fe2
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots li.slick-active {
    background-color: #307fe2
}

.slick-dots button {
    border: 0px;
    background-color: rgba(0, 0, 0, 0)
}

.g3-video {
    width: 80px;
    height: 80px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    font-size: 28px;
    color: c-4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.g3-video.g3-video-yellow {
    background-color: c-1
}

.g3-video.g3-video-yellow:hover {
    background-color: #307fe2
}

.g3-blocks {
    position: relative;
    height: 225px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.g3-blocks:after {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb500), to(#ffd366));
    background-image: linear-gradient(to bottom, #ffb500, #ffd366);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    height: calc(100% + 1px)
}

.g3-blocks figcaption {
    font-family: "Raleway-Regular", sans-serif;
    font-size: 18px;
    color: #3B3D38;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 0px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.g3-blocks img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 15px
}

.g3-blocks:hover:after {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.g3-prev-nav {
    font-family: "Raleway-Regular", sans-serif;
    font-size: 16px;
    color: #00e5b0
}

.g3-prev-nav:hover span {
    text-decoration: underline
}

.g3-blocks-a {
    font-family: "Raleway-Regular", sans-serif;
    font-size: 16px;
    color: #404041;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #e8e8e8
}

.g3-blocks-a img {
    display: block;
    max-width: 100%;
    height: auto
}

.g3-blocks-a:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2)
}

.g3-nav {
    font-family: t-0;
    font-size: 12px;
    color: c-4;
    z-index: 4;
    position: relative
}

.g3-nav a {
    padding-right: 4px;
    padding-left: 4px
}

.g3-nav a:first-of-type {
    padding-left: 0
}

.g3-nav a:last-of-type {
    text-decoration: underline;
    padding-right: 0
}

.g3-nav a:hover {
    text-decoration: underline
}

.g3-banner-item {
    height: 500px;
    position: relative
}

.g3-banner-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-image: radial-gradient(circle at 33% 54%, rgba(0, 0, 0, 0), #000)
}

.g3-banner-blue .g3-banner-item {
    height: 680px
}

.g3-banner-blue .g3-banner-item:after {
    display: none
}

.g3-banner-blue .g3-banner-left h4 {
    font-family: "Raleway-Medium", sans-serif;
    font-size: 36px;
    color: #fff
}

.g3-banner-blue .g3-banner-left p {
    font-family: "Raleway-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #fff
}

.g3-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.g3-form .tnp-field-button input {
    min-width: 135px;
    height: 48px;
    border: 2px solid #fff;
    font-size: 16px;
    font-family: 'Gotham-Book', sans-serif;
    color: #ecb42a;
    display: inline-block;
    border: 1px solid #ecb42a;
    text-align: center;
    border-radius: 4px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    background-color: #ffb500;
    color: #fff;
    background-color: #ffb500;
    color: #fff;
    width: 159px;
    height: 56px
}

.g3-form .tnp-field-button input:hover {
    background-color: #527ede;
    border: 1px solid #527ede
}

.g3-form .tnp-field-firstname,
.g3-form .tnp-field-email {
    position: relative;
    margin-right: 32px;
    width: 100%
}

.g3-form .tnp-field-firstname.active label,
.g3-form .tnp-field-email.active label {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    font-size: 12px;
    color: #A7A9AC
}

.g3-form .tnp-field-firstname label,
.g3-form .tnp-field-email label {
    position: absolute;
    padding: 0px;
    z-index: 2;
    display: block;
    width: 100%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    pointer-events: none;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    transition: transform 0.2s, opacity 0.2s, font-size 0.2s, -webkit-transform 0.2s;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 16px;
    color: #77777a
}

.g3-form .tnp-field-firstname input,
.g3-form .tnp-field-email input {
    position: relative;
    border-radius: 5px;
    width: 100%;
    border: 0px;
    height: 56px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    border: 1px solid #d3d3d3;
    padding-top: 16px;
    padding-bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: t-0;
    font-size: 16px;
    color: c-2
}

.g3-form .tnp-field-firstname input:-webkit-autofill,
.g3-form .tnp-field-email input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px #fff inset;
    -webkit-text-fill-color: #383a35
}

.owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute
}

.owl-carousel .owl-nav .owl-prev {
    left: 0
}

.owl-carousel .owl-nav .owl-next {
    right: 0
}

@media screen and (max-width: 1024px) {
    .g3-blocks figcaption {
        font-size: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 10px
    }
    .g3-blocks-a {
        font-size: 15px
    }
    .g3-banner-blue .g3-banner-left p {
        font-size: 15px
    }
    .g3-suscribete .g3-form {
        padding-left: 15px
    }
}

@media screen and (max-width: 1024px) {
    .g3-banner {
        height: 450px;
        border-bottom-right-radius: 150px
    }
    .g3-banner:after {
        border-bottom-right-radius: 150px
    }
    .g3-suscribete .g3-title-suscribete {
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    .g3-suscribete .g3-form {
        width: 100%;
        padding-left: 0
    }
    .g3-suscribete .wancho,
    .g3-suscribete .g-form-suscribete {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .g3-suscribete .g3-title-suscribete {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .g3-banner,
    .g3-banner:after {
        border-bottom-right-radius: 120px
    }
    .g3-suscribete {
        padding-bottom: 20px
    }
    .g3-form .tnp-field-firstname,
    .g3-form .tnp-field-email {
        margin-right: 0px;
        margin-bottom: 15px
    }
    .g3-form form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .g3-form .tnp-field-button {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .g3-video {
        width: 36px;
        height: 36px;
        font-size: 15px
    }
    .g3-banner,
    .g3-banner:after {
        border-bottom-right-radius: 80px
    }
}

h1,
h2,
h3,
h5,
h6 {
    font-weight: normal
}

.not {
    display: none !important
}

.g4_text_p {
    font-family: 'Lato';
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 0
}

.service-lists.type2,
.banner-01--01 {
    background: #757575
}

.g4_banner .g4_text_p {
    color: white;
    font-size: 26px;
    font-family: Prata;
    letter-spacing: 1px
}

.g4_banner .g4_text_p p {
    color: white;
    font-size: 26px;
    font-family: Prata;
    letter-spacing: 1px
}

.g4_text_p_color {
    color: white
}

.g4_text_p_color p,
.g4_text_p_color ul,
.g4_text_p_color li {
    color: white
}

.g-preload {
    background-image: url("../images/ajax-loader.gif");
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden
}

.g-preload.is-active-preload {
    opacity: 1;
    visibility: visible
}

.g-loader {
    min-height: 440px;
    position: relative
}

.g-loader:after {
    content: "";
    background-image: url("../images/ajax-loader.gif");
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.mt-0 {
    margin-top: 0 !important
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.mb-0 {
    margin-bottom: 0 !important
}

.m-0 {
    margin: 0px !important
}


.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: center;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.display_block {
    display: block
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.g4_btn {
    display: inline-block
}

.owl-next,
.owl-prev {
    cursor: pointer
}

.owl-next:hover,
.owl-prev:hover {
    background: #262626 !important
}

@media screen and (min-width: 1024px) {
    .scroll-item {
        -webkit-transform: scaleY(1.26) translateY(5rem);
        transform: scaleY(1.26) translateY(5rem);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        will-change: transform;
        -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        opacity: 0
    }
    .scroll-item.active-top {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0)
    }
}

.b1 {
    height: calc(100vh - 88px);
    position: relative;
    padding-bottom: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #fff
}

.b1Categorias {
    position: absolute;
    height: 80px;
    border-radius: 5px;
    -webkit-box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.3);
    max-width: 1200px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 30
}

.b1Categorias ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: center
}

.b1Categorias ul.owl-carousel .owl-stage-outer,
.b1Categorias ul.owl-carousel .owl-stage,
.b1Categorias ul.owl-carousel .owl-item {
    height: 100%
}

.b1Categorias ul.owl-carousel .owl-stage-outer li,
.b1Categorias ul.owl-carousel .owl-stage li,
.b1Categorias ul.owl-carousel .owl-item li {
    width: 100%;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #00e5b0;
    border: 0px
}

.b1Categorias ul.owl-carousel .owl-nav {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.b1Categorias ul.owl-carousel .owl-nav .owl-prev {
    display: none
}

.b1Categorias ul.owl-carousel .owl-nav .owl-next {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all;
    background: #fff !important
}

.b1Categorias ul.owl-carousel .owl-nav .owl-next:before {
    content: '\e93e';
    font-family: icomoon;
    font-size: 15px
}

.b1Categorias ul.owl-carousel .owl-nav .owl-next:after {
    display: none
}

.b1Categorias ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 25%;
    margin: 0px;
    border-left: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

@media screen and (min-width: 1024px) {
    .b1Categorias ul li:hover {
        background: #00e5b0;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
}

.b1Categorias ul li a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    width: 100%
}

.b1Categorias ul li a h3,
.b1Categorias ul li a>span {
    font-size: 14px;
    font-family: "Raleway-SemiBold", sans-serif;
    display: inline !important;
    line-height: normal;
    color: #191919
}

@media screen and (max-width: 1599px) {
    .b1Categorias ul li a h3,
    .b1Categorias ul li a>span {
        font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b1Categorias ul li a figure {
    font-size: 0;
    margin: 0;
    margin-right: 10px
}

.b1Categorias ul li a figure img {
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 1024px) {
    .b1Categorias ul li:first-child:hover {
        background: inherit
    }
}

.b1Categorias ul li:first-child h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #191919;
    margin: 0px
}

@media screen and (max-width: 1599px) {
    .b1Categorias ul li:first-child h2 {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b1Wrap {
    height: 100%;
    position: relative;
    overflow: hidden
}

.b1Wrap.owl-carousel .b1Info {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translateX(30%) scaleX(1.2);
    transform: translateX(30%) scaleX(1.2);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.b1Wrap.owl-carousel .owl-item.active .b1Info {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translateX(0%) scaleX(1);
    transform: translateX(0%) scaleX(1);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.b1Wrap.owl-carousel .owl-stage-outer,
.b1Wrap.owl-carousel .owl-stage,
.b1Wrap.owl-carousel .owl-item {
    height: 100%;
    overflow: hidden
}

.b1Wrap.owl-carousel .owl-nav {
    height: 42px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none
}

.b1Wrap.owl-carousel .owl-nav .owl-next,
.b1Wrap.owl-carousel .owl-nav .owl-prev {
    width: 42px;
    height: 42px;
    font-size: 20px;
    background: #000;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b1Wrap.owl-carousel .owl-nav .owl-next.disabled,
.b1Wrap.owl-carousel .owl-nav .owl-prev.disabled {
    opacity: 0.5;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b1Wrap.owl-carousel .owl-nav .owl-next:before,
.b1Wrap.owl-carousel .owl-nav .owl-prev:before {
    font-family: icomoon;
    font-size: 12px;
    color: #fff
}

.b1Wrap.owl-carousel .owl-nav .owl-next:after,
.b1Wrap.owl-carousel .owl-nav .owl-prev:after {
    display: none
}

.b1Wrap.owl-carousel .owl-nav .owl-prev {
    left: 5%
}

.b1Wrap.owl-carousel .owl-nav .owl-prev:before {
    content: '\e941'
}

.b1Wrap.owl-carousel .owl-nav .owl-next {
    right: 5%
}

.b1Wrap.owl-carousel .owl-nav .owl-next:before {
    content: '\e942'
}

.b1Item {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative
}

.b1Item:before {
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    z-index: 5
}

.b1Item .wancho {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 20
}

.b1Item.video video {
    position: absolute;
    z-index: 3
}

.b1Item.video .wancho {
    position: relative;
    z-index: 10
}

.b1Info {
    width: 100%;
    margin: auto;
    text-align: center
}

.b1Info h2,
.b1Info .title-slide {
    font-size: 44px;
    font-family: "Raleway-ExtraBold", sans-serif;
    line-height: normal;
    color: #fff;
    margin-bottom: 0;
    line-height: 1
}

@media screen and (max-width: 1599px) {
    .b1Info h2,
    .b1Info .title-slide {
        font-size: calc(24px + (44 - 24) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b1Info h2 span,
.b1Info .title-slide span {
    display: inline-block;
    width: 100%;
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 174px
}

@media screen and (max-width: 1599px) {
    .b1Info h2 span,
    .b1Info .title-slide span {
        font-size: calc(60px + (174 - 60) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b1Info .g0_btn {
    margin: auto;
    margin-top: 30px
}

@media screen and (max-width: 1200px) {
    .b1Categorias {
        max-width: 320px;
        width: 100%;
        margin: auto
    }
}

@media screen and (max-width: 1024px) {
    .b1 {
        min-height: 650px;
        padding-bottom: 0
    }
    .b1Categorias {
        bottom: -20px
    }
    .b1Wrap.owl-carousel .owl-nav {
        display: none
    }
    .b1Wrap.owl-carousel .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 54px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 82px
    }
    .b1Wrap.owl-carousel .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        margin-right: 12px;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b1Wrap.owl-carousel .owl-dots .owl-dot.active {
        background: #fff;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b1Wrap.owl-carousel .owl-dots .owl-dot:last-child {
        margin-right: 0
    }
    .b1Item:before {
        height: 100%
    }
}

.b2 {
    overflow: hidden;
    padding-top: 128px;
    padding-bottom: 72px
}

.b2 .g1_title {
    font-size: 40px;
    margin-bottom: 40px
}

@media screen and (max-width: 1599px) {
    .b2 .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b2Wrap {
    position: relative;
    width: 100%;
    height: calc(378px + (480 - 378) * ((100vw - 375px) / (1920 - 375)));
    max-width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b2Wrap:before {
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 2%, #fff 100%);
    width: 140px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 20;
    position: absolute;
    pointer-events: none
}

.b2Wrap.owl-carousel {
    cursor: url("../images/cursor.png"), auto
}

.b2Wrap.owl-carousel.b2Wrap_plan_owl {
    cursor: pointer
}

.b2Wrap.owl-carousel.b2Wrap_plan_owl .b2Item {
    width: auto
}

.b2Wrap.owl-carousel.b2Wrap_plan_owl .owl-stage-outer {
    cursor: url("../images/cursor.png"), auto
}

.b2Wrap.owl-carousel .b2Item {
    margin: 0;
    cursor: url("../images/cursor.png"), auto;
    max-width: 100%
}

.b2Wrap.owl-carousel .owl-stage {
    padding-left: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b2Wrap.owl-carousel .owl-stage-outer,
.b2Wrap.owl-carousel .owl-stage,
.b2Wrap.owl-carousel .owl-item {
    height: 100%
}

.b2Wrap.owl-carousel .owl-nav {
    display: none
}

.b2Item {
    margin: 0;
    width: 384px;
    height: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    display: block;
    margin-right: 24px
}

.b2Item:before {
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8));
    position: absolute;
    height: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 5
}

@media screen and (min-width: 1024px) {
    .b2Item:hover .b2Info {
        bottom: 15%;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b2Item:hover .b2Info span {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        position: absolute
    }
}

.b2Info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 10;
    bottom: 10%;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b2Info .g1_title {
    font-size: 32px;
    color: #fff;
    margin-bottom: 32px
}

@media screen and (max-width: 1599px) {
    .b2Info .g1_title {
        font-size: calc(18px + (32 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b2Info span {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    font-size: 14px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #fff;
    text-decoration: underline;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1599px) {
    .b2Info span {
        font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b2Info span i {
    position: absolute;
    left: 100%;
    font-size: 12px;
    top: 2px;
    display: block;
    margin-left: 7px
}

@media screen and (max-width: 1279px) {
    .b2Wrap {
        width: calc(100% - 30px) !important
    }
    .b2Wrap .owl-nav {
        display: none
    }
    .b2Wrap .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: -52px;
        left: 0;
        right: 0;
        margin: auto
    }
    .b2Wrap .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        margin-right: 12px;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b2Wrap .owl-dots .owl-dot.active {
        background: #000;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b2Wrap .owl-dots .owl-dot:last-child {
        margin-right: 0
    }
    .b2 .g1_title {
        text-align: center
    }
    .b2Info span {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
}

@media screen and (max-width: 480px) {
    .b2Wrap:before {
         width: 70px;
    }
    .b2Item {
        width: 302px
    }
    .b2 {
        padding-bottom: 120px;
        padding-top: 40px
    }
}

.b3Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b3Left {
    width: 30%;
    margin-right: 25px;
    max-width: 408px
}

.b3Left:before {
    content: '\e93a'
}

.b3Left .g1_title {
    font-size: 100px;
    overflow-wrap: break-word;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    .b3Left .g1_title {
        font-size: calc(48px + (100 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b3Left .g1_title .heart {
    font-size: 60px
}

.b3Right {
    width: 54%;
    position: relative
}

.b3Cardinales {
    position: relative;
    width: 100%
}

.b3TargetWrap {
    position: absolute;
    left: 58%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 290px;
    width: 100%
}

.b3TargetWrap .heart {
    position: absolute;
    bottom: -10%;
    right: 0;
    font-size: 90px;
    z-index: 20
}

@media screen and (max-width: 1599px) {
    .b3TargetWrap .heart {
        font-size: calc(80px + (90 - 80) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b3TargetItem {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #000000;
    border-radius: 28px;
    top: 0;
    background: #fff;
    left: 0
}

.b3TargetItem:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    z-index: -1;
    border-radius: 28px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b3TargetItem h3 {
    font-size: 12px;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: #3e83fc;
    margin: 0;
    margin-bottom: 2px
}

@media screen and (max-width: 1599px) {
    .b3TargetItem h3 {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b3TargetItem .g1_title {
    font-size: 25px;
    margin-bottom: 16px
}

@media screen and (max-width: 1599px) {
    .b3TargetItem .g1_title {
        font-size: calc(18px + (25 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b3TargetItem a {
    height: 38px;
    max-width: 128px
}

.b3TargetItem figure {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0;
    border-radius: 5px;
    margin-bottom: 24px
}

.b3TargetItem.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b3TargetItem.active:before {
    top: 20px;
    right: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.b3TargetInfo {
    padding: 24px;
    background: #fff;
    z-index: 5;
    position: relative;
    border-radius: 28px;
    padding-bottom: 50px
}

.b3Mapa {
    width: 67%;
    position: absolute;
    left: -18%;
    top: 61%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

@-webkit-keyframes circleAnimate {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        border: 1px solid rgba(151, 151, 151, 0.17)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        border: 1px solid #000
    }
}

@keyframes circleAnimate {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        border: 1px solid rgba(151, 151, 151, 0.17)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        border: 1px solid #000
    }
}

.b3Markers {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.b3Markers li {
    text-decoration: none;
    list-style-type: none;
    position: absolute
}

.b3Markers li .circleMap {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: absolute;
    left: -33%;
    top: -20%;
    pointer-events: none;
    -webkit-animation: circleAnimate 3s infinite;
    animation: circleAnimate 3s infinite
}

.b3Markers li:nth-child(1) {
    top: 10%;
    left: 20%
}

.b3Markers li:nth-child(2) {
    top: 30%;
    left: 50%
}

.b3Markers li:nth-child(3) {
    top: 50%;
    left: 70%
}

.b3Markers li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 20px
}

.b3Markers li a .icon-point1 {
    font-size: 44px
}

.b3Markers li a.active .icon-point1 .path1:before {
    color: #000000
}

.b3Markers li a.active .icon-point1 .path2:before {
    color: #00e5b0
}

@media screen and (max-width: 1200px) {
    .b3Wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .b3Left {
        width: 100%;
        max-width: 80%;
        margin: 0;
        margin-bottom: 48px
    }
    .b3Left .g1_title {
        max-width: 400px;
        width: 100%
    }
    .b3Right {
        width: 65%
    }
}

@media screen and (max-width: 767px) {
    .b3Cardinales {
        position: absolute
    }
    .b3Mapa,
    .b3TargetWrap {
        position: relative;
        top: 0;
        -webkit-transform: inherit;
        transform: inherit;
        left: 0;
        right: 0;
        margin: auto
    }
    .b3Mapa {
        margin-bottom: 80px
    }
    .b3Right {
        width: 100%
    }
    .b3Cardinales {
        left: 30%
    }
    .b3Left {
        max-width: 100%
    }
}

.b4 {
    margin-top: 37px
}

.b4 .wancho {
    max-width: 1262px
}

.b4Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.b4Wrap:before {
    content: "";
    height: 168px;
    background: #00e5b0;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 8%;
    border-radius: 84px
}

.b4Wrap:after {
    content: "\e934";
    font-family: icomoon;
    position: absolute;
    bottom: 45px;
    left: 65%;
    font-size: 50px
}

.b4Wrap figure {
    margin: 0;
    font-size: 0
}

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

.b4Left {
    width: 36%;
    position: relative
}

.b4Left:before {
    content: '';
    background: #000;
    height: 15px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute
}

.b4Right {
    width: 64%;
    position: relative;
    padding-bottom: 120px;
    margin-left: 40px
}

.b4Right .linea {
    position: absolute
}

.b4Right .linea.linea-1 {
    bottom: 120%;
    right: 10%
}

.b4Right .linea.linea-2 {
    right: 0;
    bottom: 0
}

.b4Right .g1_title {
    font-size: 100px;
    width: 84%
}

@media screen and (max-width: 1599px) {
    .b4Right .g1_title {
        font-size: calc(48px + (100 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b4Imgfloat {
    position: absolute;
    right: 0;
    bottom: 85%
}

@media screen and (max-width: 1279px) {
    .b4 {
        margin-top: 8%
    }
}

@media screen and (max-width: 1024px) {
    .b4Imgfloat img {
        width: 200px
    }
    .b4 {
        margin-top: 12%
    }
    .b4Wrap:after {
        font-size: 40px
    }
}

@media screen and (max-width: 960px) {
    .b4Imgfloat img {
        width: 150px
    }
}

@media screen and (max-width: 767px) {
    .b4 {
        margin-top: 96px
    }
    .b4Wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .b4Wrap:before {
        left: 60%;
        height: 136px;
        width: 80%
    }
    .b4Wrap:after {
        bottom: 24%;
        right: 0;
        left: inherit
    }
    .b4Left {
        width: 100%
    }
    .b4Left figure {
        width: 90%
    }
    .b4Right {
        width: 100%;
        padding-bottom: 42px
    }
    .b4Right .g1_title {
        width: 58%
    }
    .b4Right .linea.linea-1 {
        display: none
    }
    .b4Right .linea.linea-2 {
        top: 100%
    }
    .b4Imgfloat img {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .b4Right .g1_title {
        width: 100%;
        max-width: 100%
    }
    .b4Left:before {
        height: 10px;
        width: 90%
    }
}

.b5_image_publi {
    height: auto !important;
    background-image: none !important
}

.b5_image_publi img {
    display: block;
    max-width: 100%
}

.b5 {
    margin-top: 122px
}

.b5 a {
    text-decoration: none
}

.b5 .g0_btn {
    margin: 0 0 0 auto;
    margin-top: 32px;
    max-width: 220px
}

.b5Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b5Wrap.owl-carousel .owl-stage {
    padding-left: 0 !important
}

.b5Wrap.owl-carousel .owl-stage-outer,
.b5Wrap.owl-carousel .owl-stage,
.b5Wrap.owl-carousel .owl-item {
    height: 100%
}

.b5Wrap.owl-carousel .b5Item {
    width: 100%
}

.b5Wrap.owl-carousel .owl-nav {
    display: none
}

.b5date {
    position: absolute;
    height: 40px;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 15px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 10px;
    margin: 0;
    z-index: 20
}

@media screen and (max-width: 1599px) {
    .b5date {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b5date span {
    margin: 0;
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 20px;
    margin-right: 7px
}

@media screen and (max-width: 1599px) {
    .b5date span {
        font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b5Item {
    width: 32%;
    margin-right: 2%;
    border: 1px solid #d5dce3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin-left: 0px;
    bottom: 0
}

.b5Item .b5date {
    right: 16px;
    top: 16px
}

.b5Item:hover {
    -webkit-box-shadow: 0 26px 32px -16px rgba(0, 0, 0, 0.16);
    box-shadow: 0 26px 32px -16px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    bottom: 11px;
    border: 1px solid transparent
}

.b5Item:hover figure:before {
    opacity: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b5Item:nth-child(3n) {
    margin-right: 0%
}

.b5Item figure {
    height: 276px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0;
    position: relative
}

.b5Item figure:before {
    content: '';
    background: #000000;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b5Info {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b5Info h2,
.b5Info h3,
.b5Info h4,
.b5Info h5 {
    margin: 0
}

.b5Info h3 {
    height: 22px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 12px;
    border-radius: 24px;
    margin-bottom: 13px
}

@media screen and (max-width: 1599px) {
    .b5Info h3 {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b5Info h4,
.b5Info .titlePost {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 18px;
    margin-bottom: 18px
}

@media screen and (max-width: 1599px) {
    .b5Info h4,
    .b5Info .titlePost {
        font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b5Info h5 {
    font-family: "Raleway-SemiBold", sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px
}

@media screen and (max-width: 1599px) {
    .b5Info h5 {
        font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b5Info h5 i {
    margin-right: 11px
}

.b5_plan .b5Item {
    margin-left: 0px
}

.b5_plan .b5Wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b5_title_plan {
    font-size: 40px;
    padding-bottom: 40px
}

@media screen and (max-width: 1024px) {
    .b5 {
        margin-top: 110px
    }
    .b5 .g0_btn {
        margin: auto;
        margin-top: 40px
    }
    .b5Item {
        border: 0px;
        -webkit-box-shadow: 0 26px 32px -16px rgba(0, 0, 0, 0.16);
        box-shadow: 0 26px 32px -16px rgba(0, 0, 0, 0.16)
    }
    .b5Item:hover {
        bottom: 0
    }
    .b5Item figure:before {
        opacity: 0.1
    }
    .b5Wrap.owl-carousel .owl-nav {
        display: none
    }
    .b5Wrap.owl-carousel .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }
    .b5Wrap.owl-carousel .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        margin-right: 12px;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b5Wrap.owl-carousel .owl-dots .owl-dot.active {
        background: #000;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b5Wrap.owl-carousel .owl-dots .owl-dot:last-child {
        margin-right: 0
    }
    .b5Wrap.owl-carousel .owl-stage-outer {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 767px) {
    .b5 .wancho {
        padding-right: 0
    }
}

.b6 {
    max-width: 1400px;
    background: #000;
    border-radius: 25px;
    margin: auto;
    width: 100%;
    padding: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 96px
}

.b6 .g1_title {
    color: #fff;
    font-size: 40px;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    .b6 .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b6Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b6_wrap {
    display: inline-block;
    margin: 0 auto
}

.b6Item {
    width: 25%;
    margin: 0px;
    margin-right: 2%;
    text-decoration: underline;
    font-size: 0px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .b6Item:hover figure img.imgFloat {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.b6Item:nth-child(4n) {
    margin-right: 0%
}

.b6Item figure {
    margin: 0;
    font-size: 0;
    position: relative;
    border-radius: 50%;
    width: 200px;
    height: 200px
}

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

.b6Item figure img.imgFloat {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    border-radius: 0px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.b6Item h3,
.b6Item span {
    font-size: 18px;
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #fff;
    margin: 0;
    margin-top: 48px;
    display: block;
    text-align: center
}

@media screen and (max-width: 1599px) {
    .b6Item h3,
    .b6Item span {
        font-size: calc(18px + (18 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 1200px) {
    .b6 {
        border-radius: 0px
    }
    .b6 {
        padding: 100px 50px
    }
}

@media screen and (max-width: 1024px) {
    .b6 {
        padding: 0px 50px;
        padding-top: 100px
    }
    .b6 .g1_title {
        text-align: center
    }
    .b6Wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .b6Item {
        width: 48%;
        margin-right: 2%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 96px
    }
    .b6Item:nth-child(2n) {
        margin-right: 0
    }
    .b6Item h3 {
        margin-top: 24px
    }
}

@media screen and (max-width: 480px) {
    .b6Item {
        width: 100%;
        margin: 0;
        margin-bottom: 96px
    }
    .b6Item:last-child {
        margin-bottom: 0
    }
    .b6 {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.b7 {
    margin-top: 96px
}

.b7 .g1_title {
    text-decoration: none;
    font-size: 40px;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    .b7 .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b7 .g0_btn {
    max-width: 144px
}

.b7Wrap {
    margin: 0 0 0 auto
}

.b7Wrap.owl-carousel {
    cursor: url("../images/cursor.png"), auto;
    position: relative
}

.b7Wrap.owl-carousel .owl-nav {
    display: none
}

.b7Wrap.owl-carousel .owl-stage {
    padding-left: 0 !important
}

.b7Wrap.owl-carousel .b7Item {
    cursor: url("../images/cursor.png"), auto
}

.b7Wrap.owl-carousel a {
    cursor: url("../images/cursor.png"), auto
}

.b7Wrap.owl-carousel:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 140px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 2%, #fff 100%)
}

.b7Wrap.not-owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b7Wrap.not-owl-carousel .b7Item {
    width: 486px;
    margin-right: 48px
}

.b7Item figure {
    margin: 0;
    height: 176px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden
}

.b7Item figure:before {
    content: '';
    background: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.b7Item .b5date {
    left: 16px;
    bottom: 16px
}

.b7Info {
    padding-top: 28px;
    padding-bottom: 28px
}

.b7Info h3,
.b7Info h4 {
    margin: 0
}

.b7Info h3 {
    font-size: 12px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    margin-bottom: 8px
}

@media screen and (max-width: 1599px) {
    .b7Info h3 {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b7Info h4 {
    font-size: 18px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: 1.33;
    color: #000
}

@media screen and (max-width: 1599px) {
    .b7Info h4 {
        font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b7Last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b7Line {
    width: calc(100% - 180px);
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden
}

.b7Load {
    position: absolute;
    left: 0;
    height: 100%;
    background: #000;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b7_plan {
    padding-bottom: 140px
}

@media screen and (max-width: 1279px) {
    .b7Wrap {
        width: calc(100% - 30px) !important
    }
    .b7Wrap .owl-nav {
        display: none
    }
    .b7Wrap .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: -20px;
        left: -30px;
        right: 0;
        margin: auto
    }
    .b7Wrap .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        margin-right: 12px;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b7Wrap .owl-dots .owl-dot.active {
        background: #000;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b7Wrap .owl-dots .owl-dot:last-child {
        margin-right: 0
    }
    .b7Last {
        margin-top: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b7Line {
        display: none
    }
    .b7 .g1_title {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .b7Item figure {
        height: 217px
    }
}

.b8 {
    margin-top: 54px;
    position: relative
}

.b8 .g1_title {
    font-size: 120px;
    color: #e1e1e1;
    text-align: center;
    position: relative;
    top: 36px
}

@media screen and (max-width: 1599px) {
    .b8 .g1_title {
        font-size: calc(48px + (120 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b8 .wancho.heartWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none
}

.b8 .wancho.heartWrap .heart {
    right: 10%;
    font-size: 90px;
    position: absolute;
    top: 87%
}

.b8Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: url("../images/cursor.png"), auto;
    margin-top: -12px
}

.b8Wrap .flickity-viewport {
    overflow: initial
}

.b8Wrap .flickity-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b8Wrap .flickity-viewport {
    width: 100%
}

.b8Wrap .flickity-prev-next-button {
    display: none
}

.b8Wrap .sb_instagram_header {
    display: none !important
}

.b8Wrap .sbi_playbtn {
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #00e5b0 !important
}

.b8Wrap #sbi_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b8Wrap .sbi_lightbox_carousel_icon {
    display: none
}

.b8Wrap .sbi_item {
    width: calc(214px + (235 - 214) * ((100vw - 375px) / (1920 - 375)));
    height: calc(214px + (235 - 214) * ((100vw - 375px) / (1920 - 375)));
    max-height: initial;
    display: block;
    float: none;
    border-radius: 5px
}

.b8Wrap .sbi_item img {
    display: none
}

.b8Wrap .sbi_item:nth-child(2n) {
    width: calc(266px + (332 - 266) * ((100vw - 375px) / (1920 - 375)));
    height: calc(266px + (332 - 266) * ((100vw - 375px) / (1920 - 375)));
    -webkit-box-shadow: 30px 30px 50px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 30px 30px 50px 0 rgba(0, 0, 0, 0.2)
}

.b8Wrap .sbi_item .sbi_photo {
    height: auto !important;
    padding: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    overflow: hidden;
    border-radius: 5px
}

.b8Wrap .sbi_item .sbi_photo_wrap {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b8Wrap .sbi_item .sbi-screenreader {
    display: none
}

.b8Item,
.sbi_item {
    width: calc(214px + (235 - 214) * ((100vw - 375px) / (1920 - 375)));
    height: calc(214px + (235 - 214) * ((100vw - 375px) / (1920 - 375)));
    display: block;
    margin-right: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    cursor: url("../images/cursor.png"), auto
}

.b8Item:nth-child(2n),
.sbi_item:nth-child(2n) {
    width: calc(266px + (332 - 266) * ((100vw - 375px) / (1920 - 375)));
    height: calc(266px + (332 - 266) * ((100vw - 375px) / (1920 - 375)));
    -webkit-box-shadow: 30px 30px 50px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 30px 30px 50px 0 rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 1024px) {
    .b8 {
        padding-left: 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .b8 .g1_title {
        top: 0px;
        margin-bottom: 24px
    }
    .b8 .wancho.heartWrap .heart {
        display: none
    }
}

.b9 {
    margin-top: 144px;
    margin-bottom: 143px
}

.b9 .g1_title {
    font-size: 40px;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    .b9 .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b9 .bx-wrapper {
    -webkit-box-shadow: 0px 0px !important;
    box-shadow: 0px 0px !important;
    margin-bottom: 0
}

.b9Wrap a {
    margin: 0
}

.b9Wrap.b9-not-bxslider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b9Wrap img {
    max-width: 100%;
    height: auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    margin: 0px
}

@media screen and (min-width: 1024px) {
    .b9Wrap img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transition: all 100ms ease;
        transition: all 100ms ease
    }
}

.b9Item {
    margin: 0px
}

@media screen and (max-width: 1024px) {
    .b9 .g1_title {
        margin-bottom: 40px;
        text-align: center
    }
}

.b10Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.b10Wrap .g1_title {
    font-size: 100px;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    .b10Wrap .g1_title {
        font-size: calc(48px + (100 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b10Wrap .g1_format {
    max-width: 310px;
    width: 100%;
    font-size: 15px;
    line-height: 1.53
}

.b10Info {
    width: 40%;
    padding-bottom: 110px
}

.b10Img {
    width: 60%
}

.b10Img img.torre {
    position: absolute;
    right: 0;
    top: 0
}

.b10Img img.flotante {
    position: absolute;
    right: 0;
    bottom: 0
}

.menu-mobile-open,
.menu-mobile-close {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.menu-mobile-open.activeFix,
.menu-mobile-close.activeFix {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b15Agendas {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    max-width: 186px;
    border-radius: 4px;
    width: 100%;
    background: #fff;
    margin: auto;
    -webkit-box-shadow: 0 12px 24px 2px rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 12px 24px 2px rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

.b15Agendas:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    margin: auto;
    height: 0;
    width: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.b15Agendas.active {
    top: 130%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b15Agendas a {
    padding: 0;
    padding-bottom: 14px;
    padding-top: 14px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-family: "Raleway-SemiBold", sans-serif;
    line-height: normal;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1599px) {
    .b15Agendas a {
        font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15Agendas a:first-child {
    border-bottom: 2px solid #d5dce3
}

.b15Agendas a:before {
    display: none
}

.b15Calendar {
    margin-left: 21px;
    height: 100%;
    height: 32px;
    position: relative
}

.b15clickCalendar {
    border: 2px solid #000;
    padding-right: 24px;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    font-size: 12px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000
}

@media screen and (max-width: 1599px) {
    .b15clickCalendar {
        font-size: calc(11px + (12 - 11) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15clickCalendar i {
    margin-right: 13px;
    font-size: 14px
}

.b15clickCalendar:before {
    display: none
}

.b15Fixed {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #d5dce3;
    border-top: 2px solid #d5dce3;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 88px;
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 500;
    background: #fff
}

.b15Fixed.hidden {
    opacity: 0;
    visibility: hidden
}

.b15Fixed.active {
    top: 0
}

.b15Fixed.scrolling {
    top: 65px
}

.b15Fixed a,
.b15Fixed h3,
.b15Fixed h4 {
    margin: 0;
    text-decoration: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b15FixLeft,
.b15FixRight {
    height: 100%
}

.b15FixLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b15FixLeft a {
    padding-right: 21px;
    position: relative
}

.b15FixLeft a:before {
    content: '';
    background: #d5dce3;
    height: 30px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 2px
}

.b15FixLeft .g1_title {
    font-size: 15px;
    padding-left: 21px
}

@media screen and (max-width: 1599px) {
    .b15FixLeft .g1_title {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15FIxRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b15FIxRight h4 {
    font-size: 12px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    margin-right: 24px
}

@media screen and (max-width: 1599px) {
    .b15FIxRight h4 {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15FIxRight a {
    height: 32px;
    padding-right: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    letter-spacing: 0.51px;
    border-radius: 16px
}

@media screen and (max-width: 1599px) {
    .b15FIxRight a {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15FIxRight a i {
    display: none
}

.b15FIxRight a.iconMobile {
    display: none
}

.b15FIxRight a.Btnwsp {
    background: #58d514;
    margin-right: 12px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b15FIxRight a.Btnwsp:hover {
    background: #52c713;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b15FIxRight a.Btncopy {
    background: #3e83fc;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b15FIxRight a.Btncopy:hover {
    background: #3a7aeb;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b15 {
    position: relative;
    height: calc(100vh - 148px);
    margin-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 554px
}

.b15Wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b15Left {
    width: 42.5%;
    padding-top: 72px
}

.b15Left span {
    display: inline-block;
    width: 100%;
    font-size: 32px;
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.5)
}

span.readable {
    font-family: "Raleway-Medium", sans-serif !important;
}

.b15Left ul li {
    color: #000 !important;
}

@media screen and (max-width: 1599px) {
    .b15Left span {
        font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15Left .g1_format {
    margin-bottom: 32px
}

.b15Left .g1_title {
    line-height: normal;
    font-size: 50px;
    margin-bottom: 72px
}

@media screen and (max-width: 1599px) {
    .b15Left .g1_title {
        font-size: calc(32px + (50 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15Left .g1_title b {
    text-transform: capitalize
}

.b15Left ul {
    padding: 0
}

.b15Left ul li {
    padding-left: 38px;
    list-style-type: none;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #d5dce3
}

@media screen and (max-width: 1599px) {
    .b15Left ul li {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b15Left ul li a {
    text-decoration: none
}

.b15Left ul li:last-child {
    border-bottom: 1px solid #d5dce3
}

.b15Left ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b15Right {
    width: 50%;
    position: relative;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b15Img {
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.b15Map {
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 1440px) {
    .b15Left {
        width: 40%;
        padding-top: 30px
    }
    .b15Left .g1_title {
        margin-bottom: 30px
    }
    .b15Right {
        width: 55%
    }
}

@media screen and (max-width: 1279px) {
    .b15Fixed {
        top: 64px
    }
    .b15Fixed {
        padding-right: 24px;
        padding-left: 24px
    }
    .b15 {
        height: auto;
        margin-top: 0
    }
    .b15 .wancho {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        max-width: 100%
    }
    .b15Wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .b15Right {
        height: 414px;
        margin-bottom: 40px
    }
    .b15Left,
    .b15Right {
        width: 100%;
        position: relative
    }
    .b15Left {
        padding-right: 24px;
        padding-left: 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 0
    }
    .b15Left ul {
        margin: 0
    }
    .b15Left .g1_title {
        text-align: center;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .b15clickCalendar {
        padding-left: 10px !important;
        max-width: 150px;
        width: 100%;
        padding-right: 10px !important
    }
    .b15Map {
        display: none
    }
    .b15Img {
        width: 100%
    }
    .b15FIxRight {
        width: 40px;
        height: 40px;
        background: #3e83fc;
        position: relative;
        border-radius: 50%
    }
    .b15FIxRight.active a.Btnwsp {
        top: calc(100% + 10px);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .b15FIxRight.active a.Btncopy {
        top: calc(100% + 55px);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
    .b15FIxRight h4 {
        display: none
    }
    .b15FIxRight a {
        font-size: 0;
        position: absolute;
        right: 0;
        top: 50%;
        width: 40px;
        height: 40px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b15FIxRight a i {
        font-size: 15px;
        position: absolute;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b15FIxRight a.Btnwsp {
        margin: 0
    }
    .b15FIxRight a.iconMobile {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        font-size: 15px;
        width: 100%;
        height: 100%;
        padding: 0
    }
    .b15FIxRight a.iconMobile:before {
        font-family: icomoon
    }
    .b15FixLeft .g1_title {
        padding-left: 12px
    }
    .b15FixLeft a {
        padding-right: 12px
    }
    .b15FixLeft a i:before {
        font-size: 12px
    }
    .b15Calendar {
        margin-left: 15px
    }
}

.b16Left {
    width: 50%
}

.b16Left .circleGreen:before {
    content: '';
    background: rgba(0, 229, 176, 0.2);
    position: absolute;
    width: 72px;
    left: 0;
    right: 0;
    margin: auto;
    height: 72px;
    z-index: 4;
    border-radius: 50%
}

.b16Left .g1_title {
    font-size: 32px;
    margin-bottom: 40px
}

@media screen and (max-width: 1599px) {
    .b16Left .g1_title {
        font-size: calc(28px + (32 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16Left ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0
}

.b16Left ul h2,
.b16Left ul h3 {
    margin: 0
}

.b16Left ul li {
    width: 24%;
    list-style-type: none;
    margin-right: 1.33%;
    text-align: center;
    margin-top: 0
}

.b16Left ul li img {
    margin-bottom: 20px
}

.b16Left ul li:nth-child(4n) {
    margin-right: 0
}

.b16Left ul h2 {
    font-size: 15px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    margin-bottom: 2px
}

@media screen and (max-width: 1599px) {
    .b16Left ul h2 {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16Left ul h3 {
    font-size: 15px;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.7)
}

@media screen and (max-width: 1599px) {
    .b16Left ul h3 {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16Left ul .g1_format {
    color: rgba(0, 0, 0, 0.8)
}

.b16Interes {
    margin-top: 112px
}

.b16Wrap {
    height: calc(259px + (460 - 259) * ((100vw - 375px) / (1920 - 375)))
}

.b16Wrap.owl-carousel {
    height: 100%;
    height: calc(259px + (460 - 259) * ((100vw - 375px) / (1920 - 375)))
}

.b16Wrap.owl-carousel .owl-stage-outer,
.b16Wrap.owl-carousel .owl-stage,
.b16Wrap.owl-carousel .owl-item {
    height: 100%
}

.b16Wrap.owl-carousel .b16Item {
    height: 100%
}

.b16Wrap.owl-carousel .owl-nav {
    height: 42px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none
}

.b16Wrap.owl-carousel .owl-nav .owl-next,
.b16Wrap.owl-carousel .owl-nav .owl-prev {
    width: 42px;
    height: 42px;
    font-size: 20px;
    border-radius: 50%;
    background: #000;
    font-size: 0;
    position: absolute;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    top: 0
}

.b16Wrap.owl-carousel .owl-nav .owl-next.disabled,
.b16Wrap.owl-carousel .owl-nav .owl-prev.disabled {
    opacity: 0.5;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b16Wrap.owl-carousel .owl-nav .owl-next:before,
.b16Wrap.owl-carousel .owl-nav .owl-prev:before {
    font-family: icomoon;
    font-size: 12px;
    color: #fff
}

.b16Wrap.owl-carousel .owl-nav .owl-next:after,
.b16Wrap.owl-carousel .owl-nav .owl-prev:after {
    display: none
}

.b16Wrap.owl-carousel .owl-nav .owl-prev {
    left: 5%
}

.b16Wrap.owl-carousel .owl-nav .owl-prev:before {
    content: '\e941'
}

.b16Wrap.owl-carousel .owl-nav .owl-next {
    right: 5%
}

.b16Wrap.owl-carousel .owl-nav .owl-next:before {
    content: '\e942'
}

.b16Slider {
    margin-top: 112px
}

.b16Play {
    padding: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.b16Play:before {
    color: #fff;
    font-size: 20px
}

.b16Fondo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b16Item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    background: #000;
    position: relative;
    overflow: hidden
}

.b16Item.active .b16Fondo {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b16Item.active .b16Play {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b16Item.active iframe {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b16Item iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b16Viajeros {
    margin-top: 112px
}

.b16ViajeroItem {
    position: relative;
    padding-left: 127px;
    border: 2px solid #d5dce3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 44px;
    padding-bottom: 40px;
    padding-right: 60px;
    margin-left: 87px;
    border-radius: 20px;
    margin-bottom: 40px
}

.b16ViajeroItem:last-child {
    margin-bottom: 0
}

.b16ViajeroItem h3 {
    margin: 0;
    margin-top: 39px;
    font-size: 15px;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.5);
    text-align: right
}

@media screen and (max-width: 1599px) {
    .b16ViajeroItem h3 {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16ViajeroItem h2 {
    font-size: 15px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000
}

@media screen and (max-width: 1599px) {
    .b16ViajeroItem h2 {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16ViajeroItem .g1_format {
    font-size: 15px;
    font-family: "Raleway-MediumItalic", sans-serif;
    line-height: 1.53;
    color: rgba(0, 0, 0, 0.8)
}

@media screen and (max-width: 1599px) {
    .b16ViajeroItem .g1_format {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16ViajeroItem figure {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    left: -87px;
    margin: 0;
    max-width: 184px
}

.b16ViajeroItem figure:before {
    content: '';
    background: #000;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 10%;
    right: 10%;
    border-radius: 10px;
    z-index: -1
}

.b16ViajeroItem figure img {
    border: 5px solid #000;
    border-radius: 10px;
    max-width: 100%;
    height: auto
}

.b16Descargables {
    margin-top: 112px
}

.b16Descargables ul {
    padding: 0
}

.b16Descargables ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    background: #f1f3f4;
    height: 48px;
    display: block;
    border-radius: 5px;
    margin-bottom: 12px
}

.b16Descargables ul li:last-child {
    margin-bottom: 0px !important
}

.b16Descargables ul li:hover a {
    color: #000099;
    text-decoration: underline
}

.b16Descargables ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "Raleway-SemiBold", sans-serif;
    line-height: normal;
    color: #000;
    text-decoration: none
}

@media screen and (max-width: 1599px) {
    .b16Descargables ul li a {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b16Descargables ul li a i {
    margin-right: 18px
}

.b16_transport .circleGreen {
    position: relative
}

.b16_plan .b16Left {
    width: 100%;
    text-align: center
}

.b16_plan .b16Left .g1_title {
    font-size: 40px
}

.b16_plan .b16_transport {
    max-width: 1001px;
    margin: 0 auto
}

.b16_plan_lugares {
    padding-bottom: 160px
}

.b16_plan_lugares .owl-dots {
    bottom: 0px;
    position: relative;
    padding-top: 48px
}

.b16_transport_expe li {
    margin-left: 0px
}

@media screen and (max-width: 1024px) {
    .b16Left .g1_title {
        text-align: center
    }
    .b16Viajeros .g1_title {
        margin-bottom: 120px
    }
    .b16Left ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 40px
    }
    .b16Left ul li:last-child {
        margin-bottom: 0
    }
    .b16Left ul li:nth-child(2n) {
        margin-right: 0%
    }
    .b16Left ul li:nth-child(4n) {
        margin-right: 0
    }
    .b16Descargables ul li {
        width: 100%;
        margin: 0;
        margin-bottom: 12px
    }
    .b16ViajeroItem {
        padding-bottom: 40px;
        padding-left: 24px;
        padding-top: 110px;
        padding-right: 24px;
        text-align: center;
        margin-left: 0;
        margin-bottom: 130px
    }
    .b16ViajeroItem figure {
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        top: -28%
    }
}

@media screen and (max-width: 767px) {
    .b16Left {
        width: 100%
    }
    .b16Left ul li:last-child {
        margin-bottom: 40px
    }
    .b16Slider,
    .b16Viajeros,
    .b16Descargables {
        margin-top: 96px
    }
    .b16Interes {
        margin-top: 56px
    }
    .b16ViajeroItem h3 {
        text-align: center
    }
    .b16Play {
        width: 40px;
        height: 40px
    }
    .b16Play:before {
        font-size: 17px
    }
}

@media screen and (max-width: 560px) {
    .b16Left ul li {
        height: 170px
    }
}

.header.activeFix {
    display: none
}

.ContentAll {
    position: relative;
    margin-top: 96px
}

.b17ContentFix {
    position: absolute;
    top: 0;
    max-width: 1200px;
    width: 94%;
    right: 0;
    left: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b17ContentFix.active {
    position: fixed
}

.b17MapContent {
    width: 100%;
    max-width: 400px;
    border: 4px solid #000;
    overflow: hidden;
    border-radius: 20px;
    position: absolute
}

.b17Map {
    height: 281px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.b17Info {
    padding: 34px 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b17Info ul {
    padding: 0;
    margin: 0
}

.b17Info ul li {
    padding-left: 34px;
    list-style-type: none;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 21px
}

@media screen and (max-width: 1599px) {
    .b17Info ul li {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b17Info ul li:last-child {
    margin-bottom: 0
}

.b17Info ul li a {
    word-break: break-all
}

.b17Info ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1279px) {
    .b17MapContent {
        width: 45%
    }
}

@media screen and (max-width: 767px) {
    .b17Info {
        display: none
    }
    .b17ContentFix {
        position: relative;
        margin-bottom: 98px;
        padding-right: 24px;
        padding-left: 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }
    .b17MapContent {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: 250px
    }
    .ContentAll {
        margin-top: 42px
    }
}

.b18Sliders {
    margin-top: 128px
}

.b18Sliders .g1_title {
    font-size: 40px;
    text-align: center
}

@media screen and (max-width: 1599px) {
    .b18Sliders .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b18Sliders .b20Wrap {
    margin-top: 48px;
    width: 100%
}

.b18Sliders .b20Wrap.owl-carousel .b20Item {
    width: 100%
}

.b18Sliders .b20Item {
    margin: 0;
    width: 32%;
    margin-bottom: 20px;
    margin-right: 2%;
    max-width: inherit;
    min-width: inherit
}

.b18Sliders .b20Item:nth-child(3n) {
    margin-right: 0%
}

.b18Sliders .b20Item:nth-child(3n-1) {
    margin: 0;
    margin-right: 2%
}

.b18Sliders_wrap {
    padding-bottom: 127px
}

.b18_item_lugares {
    padding-bottom: 127px
}

@media screen and (max-width: 1024px) {
    .b18Sliders .b20Item {
        height: 378px
    }
    .b18Sliders .b20Wrap.owl-carousel .owl-nav {
        display: none
    }
    .b18Sliders .b20Wrap.owl-carousel .owl-stage {
        padding-left: 0 !important
    }
    .b18Sliders .b20Wrap.owl-carousel .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: -52px;
        left: 0;
        right: 0;
        margin: auto
    }
    .b18Sliders .b20Wrap.owl-carousel .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        margin-right: 12px
    }
    .b18Sliders .b20Wrap.owl-carousel .owl-dots .owl-dot.active {
        background: #000;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b18Sliders .b20Wrap.owl-carousel .owl-dots .owl-dot:last-child {
        margin-right: 0
    }
    .b18Sliders {
        margin-top: 96px
    }
}

@media screen and (max-width: 767px) {
    .b18Sliders .wancho {
        padding-right: 0
    }
}

.b19 {
    background: #000000;
    padding-top: 96px;
    padding-bottom: 96px;
    width: 100%
}

.b19 .b16Wrap {
    height: calc(300px + (552 - 300) * ((100vw - 375px) / (1920 - 375)));
    overflow: hidden;
    width: 70%
}

.b19 .b16Wrap.owl-carousel .b16Item {
    width: 100%;
    display: block
}

.b19Info {
    max-width: 320px;
    width: 100%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b19Info .g1_title {
    color: #fff
}

.b19Info .g1_format {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.53
}

.b19Info .g1_title {
    font-size: 40px;
    margin-bottom: 32px
}

@media screen and (max-width: 1599px) {
    .b19Info .g1_title {
        font-size: calc(32px + (40 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b19Video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b19Descargables {
    padding-bottom: 100px
}

.b19Descargables .g1_title {
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center
}

@media screen and (max-width: 1599px) {
    .b19Descargables .g1_title {
        font-size: calc(32px + (40 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b19Descargables .b16Descargables {
    margin-top: 96px
}

.b19Descargables .b16Descargables ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b19Descargables .b16Descargables ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 12px
}

.b19Descargables .b16Descargables ul li:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 12px
}

.b19Descargables .b16Descargables ul li:last-child {
    margin-bottom: 12px !important
}

@media screen and (max-width: 1024px) {
    .b19Video {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .b19Info {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
        padding: 0
    }
    .b19 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .b19 .b16Wrap {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .b19Descargables .b16Descargables ul li {
        width: 100%;
        margin: 0;
        margin-bottom: 12px
    }
}

.b20Banner {
    min-height: 416px;
    background: #000000;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -100px;
}

@media screen and (max-width: 1650px) {
    .b20Banner {
        background-position: center center
    }
}

.b20Banner .wancho {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.b20Banner h1 {
    font-family: "Raleway-Black", sans-serif;
    line-height: 1;
    color: #fff;
    font-size: 64px;
    width: 46%;
    margin: 0px;
    margin-top: 90px
}

@media screen and (max-width: 1599px) {
    .b20Banner h1 {
        font-size: calc(32px + (64 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20Waves {
    position: absolute;
    bottom: 105px;
    left: -60px;
    z-index: 10
}

.b20Waves i {
    color: #fff;
    display: block
}

.b20Waves i:first-child {
    padding-bottom: 8px
}

.b20Tabs {
    border-bottom: solid 1px #d5dce3;
    height: 63px
}

.b20Tabs.hidden {
    opacity: 1
}

.b20Tabs .wancho {
    height: 100%
}

.b20Tabs.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: auto;
    background: #fff;
    z-index: 12
}

.b20Tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 12px;
    letter-spacing: 1.5px
}

@media screen and (max-width: 1599px) {
    .b20Tabs ul {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20Tabs ul li {
    list-style-type: none;
    position: relative;
    margin: 0;
    margin-right: 56px
}

.b20Tabs ul li:last-child {
    margin-right: 0
}

.b20Tabs ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    background: #000000;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    opacity: 0
}

.b20Tabs ul li a {
    text-decoration: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
}

.b20Tabs ul li.active:after,
.b20Tabs ul li.current-cat:after {
    height: 4px;
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .b20Tabs ul li:hover:after {
        height: 4px;
        opacity: 1
    }
}

.b20Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.b20Wrap_master {
    margin-bottom: 127px;
    margin-top: 70px
}

.b20Tabsbase {
    height: 64px
}

.b20Item {
    max-height: 480px;
    height: 480px;
    margin: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b20Item:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    left: 0;
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8))
}

@media screen and (min-width: 1024px) {
    .b20Item:hover span {
        opacity: 1
    }
    .b20Item:hover .b20ItemInfo {
        top: 64%
    }
}

@media screen and (min-width: 1025px) {
    .b20Item {
        width: calc(33.333333% - 16px);
        margin-left: 24px
    }
    .b20Item:nth-child(3n+1) {
        margin-left: 0
    }
}

.b20ItemInfo {
    position: absolute;
    top: 77%;
    z-index: 10;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 32px;
    padding-right: 32px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b20ItemInfo h2 {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 20px;
    padding-bottom: 17px;
    margin: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 10
}

@media screen and (max-width: 1599px) {
    .b20ItemInfo h2 {
        font-size: calc(20px + (20 - 20) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20ItemInfo h3 {
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 14px;
    margin: 0;
    opacity: 0.8;
    padding-bottom: 32px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 10;
    width: 81%
}

@media screen and (max-width: 1599px) {
    .b20ItemInfo h3 {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20ItemInfo span {
    display: block;
    font-family: "Raleway-SemiBold", sans-serif;
    line-height: normal;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.6px;
    text-decoration: underline;
    padding-bottom: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 10;
    opacity: 0;
    margin: 0;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease
}

@media screen and (max-width: 1599px) {
    .b20ItemInfo span {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20ItemInfo span:after {
    content: '\e93e';
    font-family: icomoon;
    position: absolute;
    right: -20px;
    font-size: 13px;
    top: 2px
}

.b20.exp {
    position: relative
}

.b20.exp .b20Banner {
    position: relative;
    min-height: 536px
}

.b20.exp .b20Banner:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    height: 100%;
    width: 100%;
    content: '';
    opacity: 0.4
}

.b20.exp .b20Banner h1 {
    z-index: 10;
    position: absolute;
    left: 200px;
    bottom: 96px;
    margin-bottom: 0
}

.b20.exp .b20Wrap {
    margin-left: 17%
}

.b20Bottom {
    position: relative;
    margin-top: 72px
}

.b20List {
    position: absolute;
    left: 5%;
    width: 112px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    -webkit-transition: width 400ms ease, -webkit-transform 400ms ease;
    transition: width 400ms ease, -webkit-transform 400ms ease;
    transition: width 400ms ease, transform 400ms ease;
    transition: width 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
    z-index: 15;
    overflow: hidden
}

.b20List:hover {
    width: 357px
}

.b20List:hover span {
    opacity: 1;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease
}

.b20List.active {
    position: fixed
}

.b20List li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.b20List li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0px;
    background: #00e5b0;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b20List li .b20ListImg {
    padding: 27px 38px
}

.b20List li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.b20List li a img {
    height: auto;
    width: 36px
}

.b20List li span {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    margin: 0;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    white-space: nowrap
}

@media screen and (max-width: 1599px) {
    .b20List li span {
        font-size: calc(20px + (20 - 20) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20List li.active,
.b20List li.current-cat {
    background: #00e5b033
}

.b20List li.active:before,
.b20List li.current-cat:before {
    width: 4px;
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .b20List li:hover {
        background: #00e5b033;
        width: 100%
    }
    .b20List li:hover:before {
        width: 4px;
        opacity: 1
    }
}

.b20 .ContentAll {
    margin-top: 0
}

.b20MobBtn {
    display: none
}

.b20Wrap_arte {
    padding-top: 72px
}

@media screen and (max-width: 1440px) {
    .b20Banner h1 {
        width: 43%
    }
    .b20.exp .b20Wrap {
        margin-left: auto
    }
    .b20List {
        left: 0;
        width: 92px
    }
    .b20Bottom {
        padding-left: 92px
    }
    .b20List li .b20ListImg {
        padding: 15px 28px
    }
}

@media screen and (max-width: 1366px) {
    .b20Banner h1 {
        width: 42%
    }
    .b20.exp .b20Banner h1 {
        left: 4%
    }
}

@media screen and (max-width: 1280px) {
    .b20Banner h1 {
        width: 41%;
        margin-left: 50px
    }
}

@media screen and (max-width: 1024px) {
    .b20Tabs ul li {
        margin-right: 45px;
        width: 196px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .b20Img {
        padding-right: 0
    }
    .b20Img {
        top: 0
    }
    .b20Item {
        width: 49%
    }
    .b20Item:nth-child(3n-1) {
        margin-right: 0;
        margin-left: 0
    }
    .b20Wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .b20Tabs {
        overflow-x: auto;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap
    }
    .b20Tabs ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 768px) {
    .b20.exp .b20Banner {
        min-height: 414px
    }
    .b20Item {
        width: 48%;
        min-width: auto
    }
    .b20ItemInfo {
        top: 62%
    }
    .b20ItemInfo span {
        opacity: 1
    }
    .b20Img {
        text-align: center
    }
    .b20Banner h1 {
        position: absolute;
        bottom: 62px;
        left: 24px;
        z-index: 20;
        margin-left: 0;
        margin-bottom: 0
    }
    .b20.exp .b20Banner h1 {
        left: 24px
    }
    .b20Banner .wancho {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .b20List {
        width: 357px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .b20List li span {
        opacity: 1
    }
    .b20List.visible {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        z-index: 5001
    }
    .b20MobBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        text-decoration: none;
        top: 159px;
        left: 0;
        z-index: 20;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.07);
        pointer-events: visible;
        border-left: 4px solid #00e5b0;
        background: #CCFAEF;
        padding: 12px 15px;
        padding-right: 25px;
        -webkit-transition: -webkit-transform 400ms ease;
        transition: -webkit-transform 400ms ease;
        transition: transform 400ms ease;
        transition: transform 400ms ease, -webkit-transform 400ms ease
    }
    .b20MobBtn:after {
        content: '\e942';
        font-family: icomoon;
        position: absolute;
        right: 5px;
        top: 50%;
        font-size: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .b20MobBtn img {
        height: auto;
        width: 36px
    }
    .b20MobBtn.hidden {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    body.block-in {
        overflow: hidden
    }
    .b20-overlay {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        z-index: 5000
    }
    .b20-overlay.active-opacity {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    .b20Bottom {
        padding-left: 0
    }
}

@media screen and (max-width: 480px) {
    .b20Img {
        text-align: right
    }
    .b20Banner h1 {
        width: 69%
    }
    .b20Item {
        width: 302px;
        max-height: 378px;
        height: 378px;
        margin-bottom: 24px
    }
    .b20Wrap_master {
        margin-bottom: 72px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b20ItemInfo h3 {
        display: none
    }
    .b20ItemInfo {
        text-align: center;
        top: 65%
    }
    .b20ItemInfo span {
        margin: auto;
        left: -10px;
        padding-bottom: 0
    }
    .b20ItemInfo h2 {
        padding-bottom: 24px
    }
}

.b21Banner {
    min-height: 300px;
    background: #000000;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.b21Banner .wancho {
    height: 100%
}

.b21Banner h1 {
    margin-left: 0px;
    font-family: "Raleway-Black", sans-serif;
    line-height: 1;
    color: #fff;
    font-size: 50px;
    width: 54%;
    margin-top: 1.5em
}

@media screen and (max-width: 1599px) {
    .b21Banner h1 {
        font-size: calc(32px + (50 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Tabs {
    padding-top: 96px;
    padding-right: 78px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%
}

.b21Tabs h2 {
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 32px;
    margin-bottom: 48px;
    margin-top: 0;
    width: 99%
}

@media screen and (max-width: 1599px) {
    .b21Tabs h2 {
        font-size: calc(32px + (32 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Tabs ul {
    padding: 0;
    margin: 0
}

.b21Tabs ul li {
    list-style-type: none
}

.b21Tabs ul li a {
    margin: 0px;
    text-decoration: none;
    display: block;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 18px;
    margin-bottom: 24px;
    position: relative;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1599px) {
    .b21Tabs ul li a {
        font-size: calc(18px + (18 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Tabs ul li a:after {
    content: '';
    background: #000099;
    position: absolute;
    bottom: -5px;
    opacity: 0;
    left: 0;
    width: 0%;
    height: 4px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b21Tabs ul li a.active {
    color: #000099
}

.b21Tabs ul li a.active:after {
    width: 100%;
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .b21Tabs ul li a:hover {
        color: #000099
    }
    .b21Tabs ul li a:hover:after {
        width: 100%;
        opacity: 1
    }
}

.b21Info {
    position: relative
}

.b21Info .wancho {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b21Text {
    padding-top: 96px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 125px;
    border-left: solid 1px #d5dce3;
    font-family: "Raleway-Medium", sans-serif;
    line-height: 1.53;
    color: #000;
    font-size: 15px;
    max-width: 612px;
    width: 100%
}

@media screen and (max-width: 1599px) {
    .b21Text {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Text p {
    margin-top: 0;
    opacity: 0.7;
    margin-bottom: 50px;
    margin-bottom: 24px
}

.b21Text .g1_titles {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #009;
    font-size: 15px;
    margin-bottom: 8px;
    margin-top: 0
}

@media screen and (max-width: 1599px) {
    .b21Text .g1_titles {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Title {
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 40px;
    margin-bottom: 24px;
    margin-top: 0
}

@media screen and (max-width: 1599px) {
    .b21Title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Parrafo {
    font-family: "Raleway-Medium", sans-serif;
    line-height: 1.53;
    color: #000;
    font-size: 15px;
    opacity: 0.7;
    max-width: 612px;
    width: 100%
}

@media screen and (max-width: 1599px) {
    .b21Parrafo {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b21Parrafo p {
    margin: 0
}

.b21Select {
    display: none
}

.b21Tabs,
.b21Text {
    padding-bottom: 127px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b21Item {
    margin-bottom: 48px
}

.b21Item li>a,
.b21Item p> a{
    color: #000099;
    text-decoration: underline;
}
.b21Item li>a:hover,
.b21Item p> a:hover {
    color: #004a88;
    text-decoration: underline;
}

.b21Item >ul, 
.b21Item >ol {
    padding-left: 32px;
}
.b21Item >ul> li {
    list-style: disc;
}

.b21Item >ol> li {
    list-style: auto;
}

.b21Item img {
    max-width: 100%;
}

.b21Item h1,
.b21Item h2,
.b21Item h3,
.b21Item h4,
.b21Item h5,
.b21Item h6 {
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 40px;
    margin-bottom: 24px;
    margin-top: 0
}

@media screen and (max-width: 1599px) {
    .b21Item h1,
    .b21Item h2,
    .b21Item h3,
    .b21Item h4,
    .b21Item h5,
    .b21Item h6 {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 1024px) {
    .b21Text {
        padding-left: 77px
    }
    .b21Tabs {
        padding-right: 35px
    }
}

@media screen and (max-width: 768px) {
    .b21Tabs {
        position: absolute;
        width: 100%;
        padding-right: 0;
        background: #fff;
        z-index: 10;
        padding-top: 0
    }
    .b21Tabs h2 {
        display: none
    }
    .b21Tabs ul li a {
        height: 64px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 24px;
        border-bottom: solid 1px #d5dce3;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        font-family: "Raleway-Bold", sans-serif;
        font-size: 12px;
        letter-spacing: 1.5px
    }
    .b21Tabs ul li a:after {
        display: none
    }
    .b21Text {
        width: 100%;
        border: none;
        padding-left: 45px
    }
    .b21Select {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0
    }
    .b21Toggle {
        height: 64px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        font-family: "Raleway-Bold", sans-serif;
        font-size: 12px;
        letter-spacing: 1.5px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 24px;
        text-transform: uppercase;
        border-bottom: solid 1px #d5dce3
    }
    .b21Toggle:after {
        content: '\e940';
        font-family: icomoon;
        position: absolute;
        right: 20px;
        font-size: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 480px) {
    .b21Text {
        padding-left: 0;
        padding-top: 120px
    }
    .b21Banner h1 {
        width: 100%;
        margin: 0
    }
    .b21Banner .wancho {
        margin-bottom: 62px
    }
    .b21Text .g1_titles {
        margin-bottom: 20px
    }
    .b21Item:last-child {
        margin-bottom: 97px
    }
}

.b7.b22 {
    padding-bottom: 181px
}

.b7.b22 .b7Last {
    margin-top: 50px
}

.b23 {
    padding-bottom: 152px
}

.b23 h2 {
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 40px;
    margin: 0;
    margin-bottom: 89px
}

@media screen and (max-width: 1599px) {
    .b23 h2 {
        font-size: calc(20px + (40 - 20) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b23Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b23Wrap img {
    max-width: 100%;
    height: auto;
    margin-bottom: 28px
}

.b23Wrap h3 {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px
}

@media screen and (max-width: 1599px) {
    .b23Wrap h3 {
        font-size: calc(18px + (18 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b23Wrap a {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #487cff;
    font-size: 15px;
    margin: 0;
    display: block;
    text-decoration: none
}

@media screen and (max-width: 1599px) {
    .b23Wrap a {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b23Parrafo {
    font-family: "Raleway-Medium", sans-serif;
    line-height: 1.53;
    color: #000;
    font-size: 15px;
    margin: 0;
    margin-bottom: 15px;
    opacity: 0.5;
    width: 73%
}

@media screen and (max-width: 1599px) {
    .b23Parrafo {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 768px) {
    .b23Wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .b23Item {
        width: 50%;
        text-align: center;
        margin-bottom: 40px
    }
    .b23 h2 {
        text-align: center
    }
    .b23Parrafo {
        margin: auto;
        margin-bottom: 20px
    }
    .b23 {
        padding-bottom: 206px
    }
}

@media screen and (max-width: 480px) {
    .b23 {
        display: none
    }
}

.b24 {
    padding-top: 148px;
    padding-bottom: 151px
}

.b24Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 87px
}

.b24Item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.b24Item:nth-child(even) .b24Info {
    margin-right: 90px
}

.b24Item:nth-child(even) .b24Img {
    right: 0
}

.b24Item:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .b24Item:nth-child(1) .b24Img:hover .patron1 {
        opacity: 1
    }
    .b24Item:nth-child(2) .b24Img:hover .patron2 {
        opacity: 1
    }
    .b24Item:nth-child(3) .b24Img:hover .patron3 {
        opacity: 1
    }
}

.b24Img {
    position: relative;
    right: 57px
}

.b24Img .main {
    position: absolute;
    top: 0
}

.b24Img .sec {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b24Circle {
    position: relative;
    height: 454px;
    width: 454px;
    border-radius: 100%
}

.b24Info {
    width: 33%
}

.b24Info h2 {
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 40px;
    margin: 0;
    margin-bottom: 32px
}

@media screen and (max-width: 1599px) {
    .b24Info h2 {
        font-size: calc(30px + (40 - 30) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b24Info a {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    letter-spacing: 0.6px;
    font-size: 14px;
    margin: 0;
    text-decoration: none;
    height: 48px;
    width: 191px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 24px;
    border: solid 2px #000000;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

@media screen and (max-width: 1599px) {
    .b24Info a {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (min-width: 1024px) {
    .b24Info a:hover {
        color: #fff;
        -webkit-box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5);
        box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5);
        background-color: #000000
    }
}

.b24Parrafo {
    font-family: "Raleway-Medium", sans-serif;
    line-height: 1.53;
    color: #000;
    font-size: 15px;
    opacity: 0.7;
    margin-bottom: 32px;
    text-align: justify
}

@media screen and (max-width: 1599px) {
    .b24Parrafo {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b24Btn {
    display: none
}

@media screen and (max-width: 768px) {
    .b24 {
        padding-top: 96px
    }
    .b24Item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b24Item:nth-child(1) .b24Img .patron1 {
        opacity: 1
    }
    .b24Item:nth-child(2) .b24Img .patron2 {
        opacity: 1
    }
    .b24Item:nth-child(3) .b24Img .patron3 {
        opacity: 1
    }
    .b24Info {
        width: 80%;
        text-align: center
    }
    .b24Parrafo {
        text-align: center;
        margin-bottom: 40px
    }
    .b24Info h2 {
        margin-bottom: 40px
    }
    .b24Info a {
        margin: auto;
        display: none
    }
    .b24Item:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b24Circle {
        width: 302px;
        height: 302px
    }
    .b24Item:nth-child(even) .b24Info {
        margin-right: 0
    }
    .b24Img {
        right: 0
    }
    .b24Img .main {
        max-width: 100%;
        height: auto
    }
    .b24Img .sec {
        max-width: 100%;
        height: auto
    }
    .b24Btn {
        font-family: "Raleway-Bold", sans-serif;
        line-height: normal;
        color: #000;
        letter-spacing: 0.6px;
        font-size: 14px;
        margin: 0;
        text-decoration: none;
        height: 48px;
        width: 191px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 24px;
        border: solid 2px #000000;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        margin-top: 40px
    }
}

@media screen and (max-width: 768px) and (max-width: 1599px) {
    .b24Btn {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 768px) and (min-width: 1024px) {
    .b24Btn:hover {
        color: #fff;
        -webkit-box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5);
        box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5);
        background-color: #000000
    }
}

@media screen and (max-width: 480px) {
    .b24Info {
        width: 100%
    }
    .b24Parrafo {
        opacity: 0.8;
        text-align: justify
    }
}

.b10.b25 {
    position: relative
}

.b10.b25 .b10Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: initial
}

.b10.b25 .b10Wrap .g1_title {
    font-size: 100px;
    margin-bottom: 48px;
    line-height: 1
}

@media screen and (max-width: 1599px) {
    .b10.b25 .b10Wrap .g1_title {
        font-size: calc(48px + (100 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b10.b25 .b10Wrap .g1_format {
    max-width: 310px;
    width: 100%;
    font-size: 15px;
    line-height: 1.53
}

.b10.b25 .b10Info {
    width: 40%;
    padding-bottom: 110px;
    padding-top: 96px
}

.b10.b25 .b10Img {
    width: 49%;
    position: absolute;
    right: 110px
}

.b10.b25 .b10Img img.torre {
    position: absolute;
    right: 88px;
    top: 35px;
    z-index: -1
}

.b10.b25 .b10Img img.personas {
    position: relative;
    bottom: -4px
}

.b10.b25 .b10Bar {
    width: 100%;
    height: 154px;
    border-radius: 77px;
    background: #00e5b0;
    position: absolute;
    bottom: 145px;
    left: 0
}

.b25Spin {
    position: absolute;
    right: 96px;
    bottom: 135px;
    z-index: 10;
    width: 176px;
    height: 176px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b25Spin img.flotante {
    position: relative;
    margin: 0px;
    width: 146px !important;
    height: 146px !important;
}

.b25Spin span {
    position: absolute;
    background: #000000;
    border-radius: 100%;
    z-index: 10;
    color: #43d499;
    font-size: 33px;
    font-family: "Gotham-Black", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 97px;
    width: 97px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1600px) {
    .b10.b25 {
        position: relative
    }
    .b10.b25 .b10Wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: initial
    }
    .b10.b25 .b10Wrap .g1_title {
        font-size: 100px;
        margin-bottom: 48px;
        line-height: 1
    }
}

@media screen and (max-width: 1600px) and (max-width: 1599px) {
    .b10.b25 .b10Wrap .g1_title {
        font-size: calc(48px + (100 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 1600px) {
    .b10.b25 .b10Wrap .g1_format {
        max-width: 310px;
        width: 100%;
        font-size: 15px;
        line-height: 1.53
    }
    .b10.b25 .b10Info {
        width: 40%;
        padding-bottom: 110px;
        padding-top: 96px
    }
    .b10.b25 .b10Img {
        width: 59%;
        position: absolute;
        right: 0
    }
    .b10.b25 .b10Img img.torre {
        position: absolute;
        right: 88px;
        top: 35px;
        z-index: -1
    }
    .b10.b25 .b10Img img.personas {
        position: relative;
        bottom: -4px
    }
    .b10.b25 .b10Bar {
        width: 100%;
        height: 154px;
        border-radius: 77px;
        background: #00e5b0;
        position: absolute;
        bottom: 145px;
        left: 0
    }
}

@media screen and (max-width: 1440px) {
    .b10.b25 .b10Bar {
        width: 94%
    }
}

@media screen and (max-width: 1366px) {
    .b10.b25 .b10Info {
        padding-top: 162px
    }
    .b10.b25 .b10Img {
        width: 64%
    }
}

@media screen and (max-width: 1280px) {
    .b10.b25 .b10Img {
        width: 59%
    }
    .b10.b25 .b10Img img.personas {
        max-width: 100%;
        height: auto;
        width: 67%
    }
    .b10.b25 .b10Img img.torre {
        right: 60px;
        top: 0
    }
}

@media screen and (max-width: 1024px) {
    .b10.b25 .b10Wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .b10.b25 .b10Info {
        width: 100%;
        padding-top: 73px;
        text-align: center;
        padding-bottom: 50px
    }
    .b10.b25 .b10Img {
        position: relative
    }
    .b10.b25 .b10Wrap .g1_title {
        margin: auto;
        margin-bottom: 40px;
        width: 49%
    }
    .b10.b25 .b10Wrap .g1_format {
        margin: auto;
        max-width: 710px
    }
    .b10.b25 .b10Img {
        margin: auto;
        width: 82%
    }
    .b25.b25_about .b10Img {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .b10.b25 {
        position: relative
    }
    .b10.b25:before {
        content: '';
        width: 100%;
        height: 100px;
        border-radius: 0px;
        background: #00e5b0;
        position: absolute;
        bottom: 390px;
        left: 0
    }
    .b10.b25 .b10Wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .b10.b25 .b10Wrap .g1_title {
        margin: initial;
        margin-bottom: 24px;
        width: 64%
    }
    .b10.b25 .b10Info {
        text-align: left;
        padding-bottom: 40px
    }
    .b10.b25 .b10Wrap .g1_format {
        margin: initial
    }
    .b10.b25 .b10Wrap .g1_format p {
        margin: 0
    }
    .b10.b25 .b10Img img.personas {
        width: 46%;
        bottom: 0;
        left: 17%
    }
    .b10.b25 .b10Img {
        width: 100%;
        padding-top: 47px;
        position: relative
    }
    .b10.b25 .b10Img:after {
        content: '';
        background: #000000;
        height: 8px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .b25Spin {
        position: relative;
        margin-top: 72px;
        margin-bottom: 72px;
        right: auto;
        bottom: auto
    }
    .b25Spin .flotante {
        position: relative
    }
    .b10.b25 .b10Bar {
        display: none
    }
    .b10.b25 .b10Img img.torre {
        right: 112px;
        top: 0;
        width: 26%;
        height: auto;
        max-width: 100%
    }
    .b10.b25_about .b25Spin img {
        -webkit-transform: initial !important;
        transform: initial !important
    }
}

@media screen and (max-width: 480px) {
    .b10.b25 .b10Wrap .g1_title {
        width: 66%;
        margin-bottom: 40px !important
    }
    .b10.b25 .b10Img img.personas {
        left: 0;
        width: 74%
    }
    .b10.b25 .b10Img img.torre {
        width: 41%;
        right: 0
    }
    .b10.b25:before {
        height: 88px
    }
    .b10.b25 .b10Info {
        padding-bottom: 60px
    }
}

.b19.b26 .b16Item {
    height: 100%
}

@media screen and (max-width: 1600px) {
    .b19.b26 .b16Wrap {
        max-width: 888px;
        width: 100%;
        position: relative;
        left: -5%;
        height: calc(259px + (552 - 259) * ((100vw - 414px) / (1600 - 414)))
    }
    .b19.b26 .b16Item {
        height: 100%
    }
    .b19.b26 .b19Info .g1_format {
        opacity: 0.7
    }
    .b19.b26 .b19Info .g1_format p {
        margin: 0
    }
    .b19.b26 .b19Info {
        max-width: 327px
    }
}

@media screen and (max-width: 1366px) {
    .b19.b26 .b16Wrap {
        left: 0
    }
}

@media screen and (max-width: 1024px) {
    .b19.b26 .b19Video {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .b19.b26 .b19Info {
        max-width: 100%;
        margin-bottom: 0;
        margin-top: 40px
    }
}

@media screen and (max-width: 480px) {
    .b19.b26 {
        padding-top: 96px
    }
    .b19.b26 .b19Info .g1_title {
        margin-bottom: 40px
    }
    .b19.b26 .b19Info .g1_format {
        text-align: left
    }
    .b19.b26 {
        padding-bottom: 128px
    }
    .b16Wrap.owl-carousel .owl-nav .owl-prev {
        left: -20px
    }
    .b16Wrap.owl-carousel .owl-nav .owl-next {
        right: -20px
    }
    .b16Wrap.owl-carousel .owl-nav .owl-next,
    .b16Wrap.owl-carousel .owl-nav .owl-prev {
        width: 32px;
        height: 32px
    }
    .b16Wrap.owl-carousel .owl-nav .owl-next:before,
    .b16Wrap.owl-carousel .owl-nav .owl-prev:before {
        font-size: 9px
    }
}

.b28Right {
    width: 40%
}

.b28Right .b15Map {
    width: 100%
}

.b28Left {
    width: 54%
}

.b28Left .g1_title {
    margin-bottom: 46px
}

.b28Left .g1_format {
    font-family: "Raleway-Medium", sans-serif;
    line-height: 1.53;
    opacity: 0.7;
    font-size: 15px;
    color: #000000
}

.b28_audio {
    padding-bottom: 20px
}

.b28_audio_item {
    padding-bottom: 10px
}

.b28_audio_item:last-child {
    padding-bottom: 0
}

.b28_audio_item h4 {
    font-family: "Raleway-SemiBold", sans-serif;
    font-size: 16px;
    color: #000000
}

.b28_audio_item audio {
    width: 100%;
    display: block
}

.b20.b28_wrap_ctn .b20Banner {
    min-height: 650px
}

.b20.b28_wrap_ctn .b20Banner:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
    opacity: 1
}

.b20.b28_wrap_ctn .b20Banner h1 {
    font-family: "Raleway-Black", sans-serif;
    margin-top: 0;
    font-size: 64px;
    font-size: 64px;
    color: #ffffff;
    position: relative;
    bottom: auto;
    left: auto;
    text-align: center;
    width: 100%;
    max-width: 588px;
    margin: 0 auto;
    line-height: 1.2
}

@media screen and (max-width: 1599px) {
    .b20.b28_wrap_ctn .b20Banner h1 {
        font-size: calc(20px + (64 - 20) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b20.b28_wrap_ctn .b20Wrap {
    margin-left: 0
}

.b28_wrap_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b28_wrap_filter {
    font-family: "Raleway-Medium", sans-serif;
    font-size: 15px;
    font-size: 15px;
    color: #000000;
    padding-right: 26px
}

@media screen and (max-width: 1599px) {
    .b28_wrap_filter {
        font-size: calc(13px + (15 - 13) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b28Wrap_master {
    padding-top: 96px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 95px
}

.b28_cat {
    font-family: "Raleway-SemiBold", sans-serif;
    font-size: 14px;
    font-size: 14px;
    letter-spacing: 0.5px;
    opacity: 0.8;
    color: #ffffff;
    padding-bottom: 10px
}

@media screen and (max-width: 1599px) {
    .b28_cat {
        font-size: calc(13px + (14 - 13) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b28_wrap {
    padding-bottom: 47px
}

.b28_wrap .g1_title {
    font-family: "Gotham-Black", sans-serif;
    font-size: 40px;
    font-size: 40px;
    color: #000000;
    padding-bottom: 70px
}

@media screen and (max-width: 1599px) {
    .b28_wrap .g1_title {
        font-size: calc(30px + (40 - 30) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b28_wrap_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: solid 1px #d5dce3
}

.b28_wrap_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b28_wrap_list select {
    border: 1px solid red;
    padding: 10px 10px;
    border-radius: 24px;
    border: solid 1px #000000;
    padding-left: 24px;
    padding-right: 62px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.b28_wrap_list i {
    position: absolute;
    font-size: 7px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.b28_wrap_list li {
    margin-right: 24px;
    position: relative
}

.b28_wrap_list li:last-child {
    margin-right: 0
}

.b28_wrap_list span {
    padding-right: 0px;
    position: relative
}

.b28_wrap_left {
    font-family: "Raleway-Bold", sans-serif;
    letter-spacing: 0.6px;
    font-size: 14px;
    font-size: 14px;
    color: #000000
}

@media screen and (max-width: 1599px) {
    .b28_wrap_left {
        font-size: calc(13px + (14 - 13) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b28_wrap_left i {
    font-size: 12px;
    margin-right: 10px
}

.b28_cat_material {
    position: absolute;
    top: 24px;
    right: 24px;
    color: #fff;
    font-size: 25px;
    font-size: 25px
}

@media screen and (max-width: 1599px) {
    .b28_cat_material {
        font-size: calc(18px + (25 - 18) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b28_wrap_iframe {
    height: calc(100vh - 88px);
    position: relative
}

.b28_wrap_iframe iframe {
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0px;
    top: 0px
}

.b28_map_descarga {
    width: 254px;
    height: 48px;
    border-radius: 24px;
    border: solid 1px #000000;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    text-align: center
}

.b28_map_descarga i {
    margin-left: 19px;
    font-size: 18px
}

.b28_map_descarga span {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    font-size: 14px;
    letter-spacing: 0.6px;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b28_arrow {
    border-radius: 20.5px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 10;
    font-family: "Gotham-Black", sans-serif;
    font-size: 15px;
    color: #ffffff;
    width: 224px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 27px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    top: 24px;
    left: 48px
}

.b28_arrow i {
    margin: 0px;
    font-size: 12px;
    padding-right: 25px;
    color: white
}

.b28_arrow span {
    margin: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid white;
    padding-left: 21px
}

@media screen and (max-width: 1279px) {
    .b28Left,
    .b28Right {
        width: 100%
    }
    .b28Left {
        padding-bottom: 40px
    }
    .b28Fixed {
        top: 88px
    }
}

@media screen and (max-width: 1024px) {
    .b28Wrap_master {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .b28_wrap .g1_title {
        padding-bottom: 30px
    }
    .b28_wrap_iframe {
        height: calc(100vh - 65px)
    }
    .b28Wrap_list .b20Item {
        padding-bottom: 70%;
        height: auto
    }
    .b28Fixed {
        top: 64px
    }
}

@media screen and (max-width: 900px) {
    .b28_wrap_right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .b28_wrap_list select {
        padding-right: 46px;
        padding-left: 13px
    }
    .b28_wrap_info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .b28_wrap_left {
        width: 100%;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 768px) {
    .b20.b28_wrap_ctn .b20Banner {
        min-height: 414px
    }
}

@media screen and (max-width: 767px) {
    .b28_wrap_filter {
        padding-bottom: 20px;
        width: 100%
    }
    .b28_wrap_list li {
        margin-right: 20px;
        width: 100%;
        padding-bottom: 20px
    }
    .b28_wrap_list li:last-child {
        padding-bottom: 0
    }
    .b28_wrap_list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .b28Map {
        display: block
    }
    .b28Wrap.destroy_carousel .wancho {
        padding-right: 24px
    }
}

@media screen and (max-width: 480px) {
    .b28Wrap.b18Sliders .b20Item {
        width: 302px;
        max-height: 378px;
        height: 378px
    }
    .b28_slider_Wrap.b19 .b16Wrap {
        overflow: initial
    }
    .b28Wrap_list .b20Item {
        width: 100%;
        padding-bottom: 0px;
        height: 378px
    }
    .b28Wrap.destroy_carousel .b20Item {
        width: 100%;
        margin-right: 0px
    }
}

.b29 {
    margin-top: 0;
    margin-bottom: 120px
}

.b29 .g1_title {
    font-size: 40px;
    margin-bottom: 58px;
    text-align: center
}

@media screen and (max-width: 1599px) {
    .b29 .g1_title {
        font-size: calc(32px + (40 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 1024px) {
    .b29 {
        margin-bottom: 100px
    }
}

.b30 {
    height: calc(414px + (416 - 414) * ((100vw - 375px) / (1920 - 375)));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative
}

.b30:before {
    content: '';
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 5
}

.b30 .wancho {
    position: relative;
    z-index: 10;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b30 .wancho .g1_title {
    margin-bottom: 120px;
    font-size: 64px;
    color: #fff;
    max-width: 588px;
    width: 100%;
    line-height: 1
}

@media screen and (max-width: 1599px) {
    .b30 .wancho .g1_title {
        font-size: calc(32px + (64 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 1024px) {
    .b30 .wancho .g1_title {
        margin-bottom: 62px
    }
}

header.activeEvent {
    height: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b31 {
    background: #fff
}

.b31.active {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 400
}

.b31.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b31TabWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    overflow-x: auto;
    height: 64px
}

.b31TabItem {
    margin: 0;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 24px
}

.b31TabItem.active a:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    width: 100%
}

.b31TabItem:last-child {
    margin-right: 0
}

.b31TabItem a {
    font-size: 12px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    letter-spacing: 1.5px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase
}

@media screen and (max-width: 1599px) {
    .b31TabItem a {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b31TabItem a:before {
    content: '';
    background: #000;
    height: 4px;
    width: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: absolute
}

.b31TabItem a span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1024px) {
    .b31TabItem:first-child a {
        padding-left: 0px
    }
}

.b32 {
    margin-top: 72px;
    margin-bottom: 95px;
    position: relative
}

.b32 .wancho {
    height: 100%
}

.b32 #calendar {
    width: 100%
}

.b32 .days-of-the-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b32 .days,
.b32 .days-of-the-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b32 .days .day,
.b32 .days-of-the-week .day {
    position: relative
}

.b32 .days .day .bullet,
.b32 .days-of-the-week .day .bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -7px;
    height: 5px
}

.b32 .days .day .bullet .events-more,
.b32 .days-of-the-week .day .bullet .events-more {
    margin: 0;
    width: 5px;
    height: 5px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b32 .days .day .bullet .item-events,
.b32 .days-of-the-week .day .bullet .item-events {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    margin: 0;
    margin-right: 2px;
    display: none
}

.b32 .days .day .bullet .item-events.visible,
.b32 .days-of-the-week .day .bullet .item-events.visible {
    display: block
}

.b32 .days .day,
.b32 .days .header-day,
.b32 .days-of-the-week .day,
.b32 .days-of-the-week .header-day {
    width: 8.2%;
    text-align: center;
    font-size: 18px;
    font-family: "Raleway-SemiBold", sans-serif;
    line-height: normal;
    color: #000;
    margin-bottom: 32px;
    margin-right: 7%
}

@media screen and (max-width: 1599px) {
    .b32 .days .day,
    .b32 .days .header-day,
    .b32 .days-of-the-week .day,
    .b32 .days-of-the-week .header-day {
        font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32 .days .day:nth-child(7n),
.b32 .days .header-day:nth-child(7n),
.b32 .days-of-the-week .day:nth-child(7n),
.b32 .days-of-the-week .header-day:nth-child(7n) {
    margin-right: 0
}

.b32 .days .day.today,
.b32 .days .header-day.today,
.b32 .days-of-the-week .day.today,
.b32 .days-of-the-week .header-day.today {
    width: calc(29px + (35 - 29) * ((100vw - 375px) / (1920 - 375)));
    height: calc(29px + (35 - 29) * ((100vw - 375px) / (1920 - 375)));
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b32 .clndr-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px
}

.b32 .clndrRight {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 64px;
    width: 100%;
    background: #f1f3f4;
    border-radius: 5px;
    cursor: pointer
}

.b32 .clndrRight a {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase
}

@media screen and (max-width: 1599px) {
    .b32 .clndrRight a {
        font-size: calc(11px + (15 - 11) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32 .clndrLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b32 .clndrLeft .clndrPrev {
    margin-right: 8px
}

.b32 .clndrLeft .clndrPrev,
.b32 .clndrLeft .clndrNext {
    width: 26px;
    cursor: pointer;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b32 .clndrLeft .clndrPrev span:before,
.b32 .clndrLeft .clndrNext span:before {
    font-size: 12px
}

.b32 .clndr-grid {
    padding: 40px;
    padding-bottom: 30px;
    border: 4px solid #000;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.b32 .calendarWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b32 .event-listing {
    width: 43%
}

.b32 .current-month {
    font-size: 20px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    margin-left: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1599px) {
    .b32 .current-month {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32 .current-month h2 {
    font-size: 20px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
    margin-right: 5px
}

@media screen and (max-width: 1599px) {
    .b32 .current-month h2 {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32NameMes {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: absolute;
    top: 0;
    left: 0
}

.b32Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.b32Wrap ::-webkit-scrollbar {
    width: 6px
}

.b32Wrap ::-webkit-scrollbar-track {
    border-radius: 10px
}

.b32Wrap ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px
}

.b32Wrap ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.55)
}

.b32ContenteList {
    height: 100%;
    overflow-y: auto
}

.b32EventList {
    width: 45%;
    height: 650px;
    margin-top: 27px
}

.b32EventList .ListEvents {
    padding-bottom: 48px;
    border-bottom: 1px solid #d7dee4;
    margin-bottom: 48px
}

.b32EventList .ListEvents.remove {
    display: none;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 0
}

.b32EventList .ListEvents:last-child {
    border-bottom: 0px;
    margin-bottom: 0
}

.b32EventList .ListEvents h2 {
    font-size: 18px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    width: 90%;
    margin: 0 0 0 auto;
    margin-bottom: 25px
}

@media screen and (max-width: 1599px) {
    .b32EventList .ListEvents h2 {
        font-size: calc(20px + (18 - 20) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32EventList .ListEvents ul {
    width: 100%
}

.b32EventList .ListEvents ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 58px;
    margin-bottom: 23px
}

.b32EventList .ListEvents ul li.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b32EventList .ListEvents ul li.hidden {
    display: none;
    margin-bottom: 0;
    height: 0
}

.b32EventList .ListEvents ul li:hover a:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.b32EventList .ListEvents ul li:last-child {
    margin-bottom: 0
}

.b32EventList .ListEvents ul li h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-family: "Raleway-SemiBold", sans-serif;
    line-height: normal;
    color: #000;
    width: 5%;
    margin: 0;
    height: 100%
}

@media screen and (max-width: 1599px) {
    .b32EventList .ListEvents ul li h2 {
        font-size: calc(12px + (12 - 12) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32EventList .ListEvents ul li h2 span {
    font-size: 28px
}

@media screen and (max-width: 1599px) {
    .b32EventList .ListEvents ul li h2 span {
        font-size: calc(24px + (28 - 24) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32EventList .ListEvents ul li a {
    width: 85%;
    margin: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.b32EventList .ListEvents ul li a:before {
    content: '';
    background: rgba(0, 0, 0, 0.06);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    pointer-events: none;
    z-index: 4
}

.b32EventList .ListEvents ul li a h3 {
    font-size: 15px;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1599px) {
    .b32EventList .ListEvents ul li a h3 {
        font-size: calc(14px + (15 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32EventList .ListEvents ul li a h5 {
    font-size: 15px;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: #fff;
    margin: 0;
    font-weight: initial;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1599px) {
    .b32EventList .ListEvents ul li a h5 {
        font-size: calc(14px + (15 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b32OpenCalendar,
.b32CloseCalenda {
    display: none
}

.b32ContenWrap {
    width: 45%
}

@media screen and (max-width: 1024px) {
    .b32 .clndr-grid {
        padding: 30px
    }
    .b32EventList {
        width: 50%;
        height: 500px
    }
    .b32EventList .ListEvents ul li h2 {
        width: 10%
    }
    .b32EventList .ListEvents ul li a {
        width: 80%
    }
    .b32 {
        margin-top: 45px
    }
}

@media screen and (max-width: 767px) {
    .b32EventList {
        width: 100%
    }
    .b32ContenWrap {
        position: fixed;
        z-index: 4000;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        width: 100%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .b32ContenWrap.active {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    .b32 .clndr-grid {
        background: #fff;
        border: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px
    }
    .b32 .calendarWrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b32OpenCalendar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        right: 30px;
        bottom: 30px;
        z-index: 300;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 2px solid #000;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #fff
    }
    .b32OpenCalendar i:before {
        font-size: 18px
    }
    .b32CloseCalenda {
        position: absolute;
        bottom: 105%;
        width: 48px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 3000;
        left: 0;
        right: 0;
        margin: auto;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%
    }
    .b32CloseCalenda i {
        color: #fff
    }
    .overlayCalenadr {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 3000;
        opacity: 0;
        pointer-events: none
    }
    .overlayCalenadr.active {
        opacity: 0.5
    }
    .b32EventList .ListEvents {
        padding-bottom: 24px;
        margin-bottom: 24px
    }
}

body.page-template-planea .b20Bottom {
    padding-bottom: 127px
}

body.page-template-planea .ContentAll {
    margin-top: 0
}

body.page-template-planea .b16 {
    min-height: auto
}

body.page-template-planea .b16Left {
    width: 100%
}

body.page-template-planea .b16Left .g1_title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    body.page-template-planea .b16Left .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

body.page-template-planea .b2 {
    padding-bottom: 0
}

body.page-template-planea .b2 .g1_title {
    margin-bottom: 48px
}

body.page-template-planea .b2Wrap {
    margin-bottom: 160px
}

body.page-template-planea .b2Wrap:last-child {
    margin-bottom: 0
}

body.page-template-planea .b5 .g1_title {
    font-size: 40px;
    margin-bottom: 48px
}

@media screen and (max-width: 1599px) {
    body.page-template-planea .b5 .g1_title {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b34 {
    margin-bottom: 128px;
    margin-bottom: 128px;
    padding-left: 16%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -6%;
    position: relative
}

.b34Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.b34Wrap:after {
    content: '';
    background: #00e5b0;
    border-radius: 110px;
    z-index: -1;
    bottom: 5%;
    left: 0;
    position: absolute;
    width: 55%;
    height: calc(136px + (190 - 136) * ((100vw - 375px) / (1920 - 375)))
}

.b34Wrap h2 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100px;
    width: 37%;
    word-break: break-all;
    line-height: 1;
    margin-top: 47px
}

@media screen and (max-width: 1599px) {
    .b34Wrap h2 {
        font-size: calc(48px + (100 - 48) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b34Wrap h2 .heart {
    position: absolute;
    top: 0;
    right: 0
}

.b34Wrap figure {
    font-size: 0;
    z-index: 10;
    position: relative
}

.b34Wrap figure i {
    position: absolute;
    bottom: 15%;
    right: 65%;
    font-size: 50px
}

.b34Wrap figure:before {
    content: '';
    background: #000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 100%;
    height: 14px
}

.b34Wrap figure img {
    max-width: 100%;
    height: auto;
    z-index: 5
}

.b34Info {
    position: absolute;
    width: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 440px;
    background: #fff;
    border-radius: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b34Info:before {
    content: '';
    background: #000;
    right: -20px;
    bottom: -20px;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 55px;
    z-index: -1
}

.b34Info .g1_title {
    font-size: 30px;
    margin-bottom: 21px
}

@media screen and (max-width: 1599px) {
    .b34Info .g1_title {
        font-size: calc(30px + (30 - 30) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b34Info h1,
.b34Info h2,
.b34Info h3,
.b34Info h5,
.b34Info h6 {
    font-size: 30px;
    margin-bottom: 21px
}

@media screen and (max-width: 1599px) {
    .b34Info h1,
    .b34Info h2,
    .b34Info h3,
    .b34Info h5,
    .b34Info h6 {
        font-size: calc(30px + (30 - 30) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b34Iteminfo {
    border: 4px solid #000;
    padding-left: 43%;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    position: relative;
    background: #fff;
    border-radius: 55px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.b34Iteminfo_format {
    font-family: "Raleway-Medium", sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
    font-size: 15px
}

.b34Iteminfo_format h1,
.b34Iteminfo_format h2,
.b34Iteminfo_format h3,
.b34Iteminfo_format h4,
.b34Iteminfo_format h5,
.b34Iteminfo_format h6 {
    font-family: "Raleway-Black", sans-serif;
    font-size: 30px;
    color: #000000
}

.b34Iteminfo_format p {
    opacity: 0.64;
    line-height: 1.33
}

@media screen and (max-width: 1440px) {
    .b34Wrap figure {
        width: 48%
    }
}

@media screen and (max-width: 1024px) {
    .b34 {
        left: 0;
        padding-left: 0
    }
    .b34Wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .b34Wrap:after {
        left: -20%
    }
    .b34Wrap figure {
        width: 65%;
        margin: 0
    }
    .b34Wrap figure i {
        right: 53%
    }
    .b34Wrap h2 {
        position: relative;
        word-break: initial;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 370px;
        margin-bottom: 90px;
        padding-left: 15%
    }
    .b34Wrap h2 br {
        display: none
    }
    .b34Wrap h2 .heart {
        position: absolute;
        top: -16%;
        right: -7%;
        font-size: 40px
    }
    .b34Info {
        width: 60%;
        top: 65%
    }
    .b34Iteminfo {
        padding-left: 37%
    }
}

@media screen and (max-width: 768px) {
    .b34Info {
        height: 410px
    }
}

@media screen and (max-width: 767px) {
    .b34Wrap:after {
        display: none
    }
    .b34Wrap figure {
        width: 100%;
        text-align: center
    }
    .b34Wrap figure i {
        font-size: 40px;
        bottom: 10%
    }
    .b34Wrap figure:after {
        content: '';
        background: #00e5b0;
        border-radius: 110px;
        z-index: -1;
        bottom: 5%;
        left: -20%;
        position: absolute;
        width: 80%;
        height: calc(136px + (190 - 136) * ((100vw - 375px) / (1920 - 375)));
        bottom: 0
    }
    .b34Wrap figure:before {
        height: 4px
    }
    .b34Wrap h2 {
        padding-left: 0;
        margin-top: 0
    }
    .b34Info {
        position: relative;
        top: 0;
        -webkit-transform: inherit;
        transform: inherit;
        width: 100%;
        height: auto;
        margin-top: 72px
    }
    .b34Iteminfo {
        padding: 60px 40px
    }
}

.b40_publicacion {
    background-color: #000099
}

.b40Banner {
    min-height: 416px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.b40Banner .wancho {
    height: 100%
}

.b40Banner h1 {
    margin-left: 0px;
    font-family: "Raleway-Black", sans-serif;
    line-height: 1;
    color: #fff;
    font-size: 64px;
    margin-top: 1em
}

@media screen and (max-width: 1599px) {
    .b40Banner h1 {
        font-size: calc(32px + (64 - 32) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 480px) {
    .b40Banner h1 {
        margin-top: 6em
    }
}

.b5.b29.b41 {
    margin-bottom: 90px
}

.b5.b29.b41 .ContentAll {
    margin-top: 0
}

.b5.b29.b41 .b5Wrap {
    margin-top: 72px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b5.b29.b41 .b5Item {
    margin: 0;
    margin-bottom: 24px
}

.b5.b29.b41 .b5Item:nth-child(3n-1) {
    margin-left: 24px;
    margin-right: 24px
}

.b5.b29.b41 .b5Item figure:before {
    opacity: 0.2
}

.b5.b29.b41 .b5Item:hover figure:before {
    opacity: 0
}

@media screen and (max-width: 1024px) {
    .b5.b29.b41 .b5Wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .b5.b29.b41 .b5Item {
        width: 48%
    }
    .b5.b29.b41 .b5Item:nth-child(3n-1) {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .b5.b29.b41 .wancho {
        padding-right: 24px
    }
}

@media screen and (max-width: 480px) {
    .b5.b29.b41 .b5Wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .b5.b29.b41 .b5Item {
        width: 100%
    }
    .b5.b29.b41 .wancho {
        padding-right: 24px
    }
}

.b42 {
    padding-top: 156px;
    padding-bottom: 127px
}

.b42 h1 {
    font-family: "Raleway-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 50px;
    text-align: center;
    max-width: 840px;
    width: 100%;
    margin-bottom: 72px
}

@media screen and (max-width: 1599px) {
    .b42 h1 {
        font-size: calc(30px + (50 - 30) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b42 .b19Descargables {
    padding-bottom: 0
}

.b42Img {
    max-width: 840px;
    width: 100%;
    margin: auto;
    margin-bottom: 48px
}

.b42Img img {
    border-radius: 20px;
    display: block;
    max-width: 100%
}

.b42Text {
    font-family: "Raleway-Medium", sans-serif;
    line-height: 1.53;
    color: #000;
    font-size: 15px;
    margin-bottom: 144px;
    text-align: justify;
    max-width: 838px;
    width: 100%;
    margin: auto
}

@media screen and (max-width: 1599px) {
    .b42Text {
        font-size: calc(15px + (15 - 15) * ((100vw - 375px) / (1920 - 375)))
    }
}

.b42_pages {
    padding-top: 47px
}

@media screen and (max-width: 768px) {
    .b42Text {
        width: 90%
    }
    .b42Img {
        width: 90%
    }
}

@media screen and (max-width: 480px) {
    .b42 {
        padding-top: 115px
    }
    .b42_pages {
        padding-top: 80px
    }
}

@media screen and (max-width: 414px) {
    .b42Text {
        width: 100%
    }
    .b42Img {
        width: 100%
    }
}

.header.activeFix {
    height: 0 !important
}

.header {
    position: fixed;
    width: 100%;
    background-color: #fff;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999
}

.header.active {
    opacity: 0;
    visibility: hidden;
    height: 0px
}

.header .header-ctn {
    height: 100%
}

.header.scrolling {
    border-bottom: solid 1px #d5dce3
}

.header.scrolling .menu-link,
.header.scrolling .header-link {
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    height: 65px
}

.header .header-ctn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 48px
}

.header .header-logo {
    margin: 0;
    width: 99px;
    margin-right: 153px
}

.header .header-logo img {
    display: block;
    height: auto;
    width: 100%
}

.header .menu {
    margin: auto
}

.header .menu-wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .menu-list {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .menu-item,
.header .header-item {
    margin-left: 68px
}

.header .menu-item:first-child,
.header .header-item:first-child {
    margin-left: 0
}

.header .menu-item.headerItemSub .menu-link,
.header .menu-item.headerItemSub .header-link,
.header .menu-item.g_experiencia .menu-link,
.header .menu-item.g_experiencia .header-link,
.header .header-item.headerItemSub .menu-link,
.header .header-item.headerItemSub .header-link,
.header .header-item.g_experiencia .menu-link,
.header .header-item.g_experiencia .header-link {
    position: relative
}

.header .menu-item.headerItemSub .menu-link:after,
.header .menu-item.headerItemSub .header-link:after,
.header .menu-item.g_experiencia .menu-link:after,
.header .menu-item.g_experiencia .header-link:after,
.header .header-item.headerItemSub .menu-link:after,
.header .header-item.headerItemSub .header-link:after,
.header .header-item.g_experiencia .menu-link:after,
.header .header-item.g_experiencia .header-link:after {
    content: '';
    position: absolute;
    bottom: -28px;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #f1f3f4;
    opacity: 0;
    z-index: 2;
    -webkit-transition: 450ms opacity;
    transition: 450ms opacity
}

.header .menu-item.headerItemSub .menu-link span,
.header .menu-item.headerItemSub .header-link span,
.header .menu-item.g_experiencia .menu-link span,
.header .menu-item.g_experiencia .header-link span,
.header .header-item.headerItemSub .menu-link span,
.header .header-item.headerItemSub .header-link span,
.header .header-item.g_experiencia .menu-link span,
.header .header-item.g_experiencia .header-link span {
    position: relative;
    display: block;
    padding-right: 20px
}

.header .menu-item.headerItemSub .menu-link span:after,
.header .menu-item.headerItemSub .header-link span:after,
.header .menu-item.g_experiencia .menu-link span:after,
.header .menu-item.g_experiencia .header-link span:after,
.header .header-item.headerItemSub .menu-link span:after,
.header .header-item.headerItemSub .header-link span:after,
.header .header-item.g_experiencia .menu-link span:after,
.header .header-item.g_experiencia .header-link span:after {
    content: '\e940';
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 6px
}

@media screen and (min-width: 1025px) {
    .header .menu-item.headerItemSub:hover .menu-link:after,
    .header .menu-item.headerItemSub:hover .header-link:after,
    .header .menu-item.g_experiencia:hover .menu-link:after,
    .header .menu-item.g_experiencia:hover .header-link:after,
    .header .header-item.headerItemSub:hover .menu-link:after,
    .header .header-item.headerItemSub:hover .header-link:after,
    .header .header-item.g_experiencia:hover .menu-link:after,
    .header .header-item.g_experiencia:hover .header-link:after {
        opacity: 1;
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms
    }
    .header .menu-item.headerItemSub:hover .headerSubMenu,
    .header .menu-item.g_experiencia:hover .headerSubMenu,
    .header .header-item.headerItemSub:hover .headerSubMenu,
    .header .header-item.g_experiencia:hover .headerSubMenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms
    }
}

.header .menu-link,
.header .header-link {
    color: rgba(0, 0, 0, 0.6);
    font-family: "Raleway-Bold", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

@media screen and (min-width: 1025px) {
    .header .menu-link:hover,
    .header .header-link:hover {
        color: #000
    }
}

.header .headerSubMenu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: calc(100vh - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    pointer-events: none;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 450ms opacity, 450ms visibility;
    transition: 450ms opacity, 450ms visibility
}

.header .headerSubMenuCenter {
    padding-top: 28px;
    pointer-events: auto;
    width: 100%;
    padding-left: 96px;
    padding-right: 96px
}

.header .headerSubMenuWrap {
    border-radius: 15px;
    background-color: #f1f3f4;
    overflow: hidden;
    -webkit-box-shadow: 0 32px 32px -16px rgba(0, 0, 0, 0.16);
    box-shadow: 0 32px 32px -16px rgba(0, 0, 0, 0.16);
    width: 100%;
    margin: 0 auto
}

.header .headerSubMenuWrapList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 32px 32px -16px rgba(0, 0, 0, 0.16);
    box-shadow: 0 32px 32px -16px rgba(0, 0, 0, 0.16)
}

.header .headerSubMenuWrapList li {
    margin: 0
}

.header .headerSubMenuTab {
    width: 200px;
    height: 144px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .headerSubMenuTab img,
.header .headerSubMenuTab span {
    margin: 0
}

.header .headerSubMenuTab span {
    padding-top: 18px;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-family: "Raleway-Bold", sans-serif
}

@media screen and (min-width: 1025px) {
    .header .headerSubMenuTab {
        -webkit-transition: 300ms all;
        transition: 300ms all
    }
    .header .headerSubMenuTab:hover {
        background-color: #00e5b0
    }
}

.header .headerSubMenuTab.active {
    background-color: #00e5b0
}

.header .headerSubMenuWrapTab {
    position: relative
}

.header .headerSubMenuTabBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.header .headerSubMenuTabBox figure {
    height: 272px;
    width: 440px;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    position: relative
}

.header .headerSubMenuTabBox figure:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.5;
    border-radius: 5px
}

.header .headerSubMenuTabBox figure a {
    position: absolute;
    z-index: 1;
    left: 30px;
    bottom: 30px;
    margin-bottom: 0
}

.header .headerSubMenuTabBox figure a span {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    font-family: "Raleway-Bold", sans-serif;
    letter-spacing: 0.6px
}

.header .headerSubMenuTabBox figure a i {
    color: #fff;
    font-size: 12px;
    margin-left: 5px
}

.header .headerSubMenuTabBox.active {
    visibility: visible;
    opacity: 1;
    position: relative
}

.header .headerSubMenuText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 56px 72px 32px 72px
}

.header .headerSubMenuText h3 {
    color: #000;
    font-size: 20px;
    font-family: "Raleway-Bold", sans-serif;
    margin-bottom: 56px
}

.header .headerSubMenuText ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.header .headerSubMenuText li {
    width: 33.3333333%;
    color: #000;
    font-size: 16px;
    font-family: "Raleway-Medium", sans-serif;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 32px;
    position: relative;
    padding-left: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header .headerSubMenuText li:before {
    content: '\e942';
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 10px;
    color: #000
}

.header .headerSubMenuText li:nth-child(3) {
    margin-top: 0
}

@media screen and (min-width: 1025px) {
    .header .headerSubMenuText li:hover {
        color: #000099
    }
    .header .headerSubMenuText li:hover:before {
        color: #000099
    }
}

.header .headerSubMenuBox {
    pointer-events: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0 32px 32px -16px rgba(0, 0, 0, 0.16);
    box-shadow: 0 32px 32px -16px rgba(0, 0, 0, 0.16);
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .headerSubMenuBoxItem {
    width: 348px;
    height: 348px;
    position: relative;
    overflow: hidden;
    margin: 0px
}

.header .headerSubMenuBoxItem figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 300ms all;
    transition: 300ms all
}

.header .headerSubMenuBoxItem h3,
.header .headerSubMenuBoxItem span {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-family: "Raleway-ExtraBold", sans-serif;
    bottom: 48px;
    text-align: center;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px
}

.header .headerSubMenuBoxItem:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.header .headerSubMenuBoxItem:before {
    background-color: #000;
    opacity: 0.4
}

.header .headerSubMenuBoxItem:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8));
    height: 70%
}

@media screen and (min-width: 1025px) {
    .header .headerSubMenuBoxItem figure {
        -webkit-transition: 800ms all;
        transition: 800ms all
    }
    .header .headerSubMenuBoxItem:hover .headerSubMenuBoxItemIcon {
        background-color: #00e5b0
    }
    .header .headerSubMenuBoxItem:hover figure {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.header .headerSubMenuBoxItemIcon {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 40px;
    top: 40px;
    -webkit-transition: 300ms all;
    transition: 300ms all
}

.headerDates,
.headerLanguage,
.headerOpenMengamenu {
    margin-left: auto;
    margin-right: 0
}

.headerDates span,
.headerLanguage span,
.headerOpenMengamenu span {
    font-family: "Raleway-Bold", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.headerDates {
    width: 170px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f1f3f4;
    border-radius: 24px;
    margin: 0px;
    margin-left: 0
}

@media screen and (min-width: 1025px) {
    .headerDates {
        -webkit-transition: 300ms all;
        transition: 300ms all
    }
    .headerDates:hover {
        background-color: #e3e5e6
    }
}

.headerDates span,
.headerDates i {
    margin: 0;
    color: #000;
    font-size: 12px
}

.headerDates i {
    margin-left: 5px;
    font-size: 16px
}

.headerLanguage {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f1f3f4;
    margin: 0px;
    margin-left: 24px
}

.headerLanguage span {
    color: #000
}

.headerBtn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00e5b0;
    margin: 0;
    margin-left: 8px
}

@media screen and (min-width: 1025px) {
    .headerBtn {
        -webkit-transition: 300ms all;
        transition: 300ms all
    }
    .headerBtn:hover {
        background-color: #00d6a5
    }
}

.headerBtn i {
    color: #000;
    font-size: 12px
}

.headerMengamenu {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    left: 0;
    top: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 350ms all;
    transition: 350ms all
}

.headerMengamenu a {
    text-decoration: none
}

.headerMengamenu figure {
    margin: 0px
}

.headerMengamenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.headerMengamenu.active {
    visibility: visible;
    opacity: 1
}

.headerMengamenu.active .headerMengamenuWrap li {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.headerMengamenu.active .headerMengamenuWrap li:nth-child(1) {
    -webkit-transition-delay: 160ms;
    transition-delay: 160ms
}

.headerMengamenu.active .headerMengamenuWrap li:nth-child(2) {
    -webkit-transition-delay: 260ms;
    transition-delay: 260ms
}

.headerMengamenu.active .headerMengamenuWrap li:nth-child(3) {
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms
}

.headerMengamenu.active .headerMengamenuWrap li:nth-child(4) {
    -webkit-transition-delay: 460ms;
    transition-delay: 460ms
}

.headerBtnTop {
    width: 100%;
    padding-right: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerCloseMengamenu i {
    font-size: 14px
}

.headerMengamenuWrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.headerMengamenuWrap li {
    margin: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: 600ms all;
    transition: 600ms all
}

.headerMengamenuWrap a {
    color: #fff;
    font-family: "Raleway-Black", sans-serif;
    font-size: 56px;
    width: 100%;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    min-width: 175px
}

.headerMengamenuWrap a span {
    margin-right: 0
}

.headerMengamenuWrap a img {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@media screen and (max-width: 1599px) {
    .headerMengamenuWrap a {
        font-size: calc(25px + (56 - 25) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (min-width: 1025px) {
    .headerMengamenuWrap a img {
        -webkit-transition: 400ms all;
        transition: 400ms all
    }
    .headerMengamenuWrap a:hover img {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.headerMegaImage {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 260px;
    width: 100%;
    pointer-events: none;
    -webkit-transition: 0ms ease-out left, 0ms ease-out top, 350ms opacity, 350ms -webkit-transform;
    transition: 0ms ease-out left, 0ms ease-out top, 350ms opacity, 350ms -webkit-transform;
    transition: 0ms ease-out left, 0ms ease-out top, 350ms transform, 350ms opacity;
    transition: 0ms ease-out left, 0ms ease-out top, 350ms transform, 350ms opacity, 350ms -webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.headerMegaImage img {
    display: block;
    -webkit-transition: 250ms all;
    transition: 250ms all
}

.headerMegaImage.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.headerBtnBottom {
    margin: 0 auto;
    margin-bottom: 0;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerBtnBottom span {
    margin: 0;
    color: #fff;
    font-size: 15px;
    opacity: 0.7
}

.headerBtnBottom ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.headerBtnBottom li {
    margin-left: 35px
}

.headerBtnBottom a {
    color: #fff;
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px
}

@media screen and (min-width: 1025px) {
    .headerBtnBottom a {
        -webkit-transition: 300ms all;
        transition: 300ms all
    }
    .headerBtnBottom a:hover {
        color: #00e5b0
    }
}

.headerBtnBottom a.icon-13 {
    font-size: 16px
}

body.page-template-virtual header {
    display: none
}

body.single-aventura.g_360 footer {
    display: none
}

body.left-in .cnt-wrapper {
    overflow: hidden
}

body.left-in .menu-sidebar {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

body.left-in .menu-sidebar.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

body.left-in .wrapper,
body.left-in .footer {
    left: 0px
}

body.left-in .wrapper.active,
body.left-in .footer.active {
    left: 300px
}

body.left-in .menu-mobile-close {
    color: #000
}

body.left-in .menu-mobile-close.active {
    opacity: 1;
    visibility: visible
}

body.right-in .menu-sidebar {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    top: 65px;
    right: 0px;
    width: 100%;
    height: calc(100% - 65px)
}

body.right-in .menu-sidebar.active {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}

body.right-in .wrapper,
body.right-in .footer {
    left: 0px
}

body.right-in .wrapper.active,
body.right-in .footer.active {
    left: -300px
}

body.right-in .menu-mobile-close {
    color: #000
}

body.right-in .cnt-wrapper {
    overflow: hidden
}

body.top-in .menu-overlay {
    display: none
}

body.top-in .menu-sidebar {
    width: 100%;
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%)
}

body.top-in .menu-sidebar.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

body.top-in .menu-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-height: 400px) {
    body.top-in .menu-responsive {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

body.top-in .menu-responsive .menu-link,
body.top-in .menu-responsive .header-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body.top-in .menu-mobile-close {
    color: #000
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 1000;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    visibility: hidden
}

.menu-overlay.active {
    opacity: 0.6;
    visibility: visible
}

.menu-mobile-close,
.menu-mobile-open {
    border-radius: 7%;
    color: #000;
    cursor: pointer;
    font-size: 40px;
    height: 42px;
    line-height: 42px;
    position: fixed;
    right: 15px;
    text-align: center;
    top: 10px;
    width: 42px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.menu-mobile-open {
    opacity: 1;
    visibility: hidden;
    z-index: 1011
}

.menu-mobile-open.active {
    visibility: hidden;
    opacity: 0
}

.menu-mobile-close {
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    color: #fff
}

.menu-mobile-close.active {
    visibility: visible;
    opacity: 1;
    z-index: 1012
}

.menu-sidebar {
    width: 300px;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    background: white;
    z-index: 1000;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    visibility: hidden;
    overflow: hidden
}

.menu-sidebar.active {
    visibility: visible
}

.menu-sidebar.active .menu-link,
.menu-sidebar.active .header-link {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.menu-sidebar-cnt {
    height: 100%
}

.menu-sidebar-cnt .headerMengamenuItem {
    border-bottom: 1px solid #d5dce3
}

.menu-sidebar-cnt .headerMengamenuItem a {
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 25px;
    font-size: 12px;
    color: #000;
    font-family: "Raleway-Bold", sans-serif
}

.menu-sidebar-cnt .headerMengamenuItem a img {
    display: none
}

.menu-sidebar-cnt .headerMengamenuItem a span {
    margin: 0
}

.menu-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-responsive .menu-item {
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #d5dce3
}

.menu-responsive .menu-item:first-child {
    border-top: 1px solid #d5dce3
}

.menu-responsive .menu-link,
.menu-responsive .headerSubMenuTab,
.menu-responsive .header-link {
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 25px;
    font-size: 12px;
    color: #000;
    font-family: "Raleway-Bold", sans-serif
}

.menu-responsive .menu-link span,
.menu-responsive .menu-link img,
.menu-responsive .headerSubMenuTab span,
.menu-responsive .headerSubMenuTab img,
.menu-responsive .header-link span,
.menu-responsive .header-link img {
    margin: 0
}

.menu-responsive .menu-link,
.menu-responsive .header-link {
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

@media screen and (max-height: 400px) {
    .menu-responsive {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.menu-responsive .headerItemSub .menu-link,
.menu-responsive .headerItemSub .header-link {
    position: relative
}

.menu-responsive .headerItemSub .menu-link:before,
.menu-responsive .headerItemSub .header-link:before {
    content: '\e93e';
    font-family: 'icomoon';
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 24px;
    top: 0
}

.menu-responsive .headerSubMenu {
    position: fixed;
    left: 0;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 600ms all;
    transition: 600ms all;
    border-top: 1px solid #d5dce3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.menu-responsive .headerSubMenu.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.menu-responsive .headerSubMenu .menu-link,
.menu-responsive .headerSubMenu .header-link {
    padding-left: 58px
}

.menu-responsive .headerSubMenu .menu-link:before,
.menu-responsive .headerSubMenu .header-link:before {
    content: '\e93d';
    right: initial;
    left: 24px
}

.menu-responsive .headerSubMenuWrap {
    width: 100%;
    padding: 0
}

.menu-responsive .headerSubMenuWrapList li {
    border-bottom: 1px solid #d5dce3
}

.menu-responsive .headerSubMenuWrapList li:first-child {
    border-top: 1px solid #d5dce3
}

.menu-responsive .headerSubMenuTab {
    position: relative
}

.menu-responsive .headerSubMenuTab:before {
    content: '\e904';
    font-family: 'icomoon';
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 24px;
    top: 0
}

.menu-responsive .headerSubMenuTab img {
    display: none
}

.menu-responsive .headerSubMenuTab span {
    font-size: 15px;
    font-family: "Raleway-Bold", sans-serif
}

.menu-responsive .headerSubMenuTab.active:before {
    content: "\e936";
    font-size: 3px
}

.menu-responsive .headerSubMenuTabBox {
    display: none
}

.menu-responsive .headerSubMenuTabBox figure {
    display: none
}

.menu-responsive .headerSubMenuText h3 {
    display: none
}

.menu-responsive .headerSubMenuText li {
    border-bottom: 1px solid #d5dce3
}

.menu-responsive .headerSubMenuText li:first-child {
    border-top: 1px solid #d5dce3
}

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

.menu-responsive .headerSubMenuText a {
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 40px;
    font-size: 15px;
    color: #000;
    font-family: "Raleway-Bold", sans-serif;
    background-color: #f1f3f4
}

.menu-responsive .headerSubMenuWrapTab {
    display: none
}

.menu-responsive .headerSubMenuBox {
    width: 100%
}

.menu-responsive .headerSubMenuBoxItem {
    height: 94px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 18px;
    color: #000;
    font-family: "Raleway-Bold", sans-serif;
    border-bottom: 1px solid #d5dce3;
    position: relative
}

.menu-responsive .headerSubMenuBoxItem:first-child {
    border-top: 1px solid #d5dce3
}

.menu-responsive .headerSubMenuBoxItem figure {
    display: none
}

.menu-responsive .headerSubMenuBoxItem img {
    display: block;
    height: auto
}

.menu-responsive .headerSubMenuBoxItem img,
.menu-responsive .headerSubMenuBoxItem h3,
.menu-responsive .headerSubMenuBoxItem span {
    margin: 0
}

.menu-responsive .headerSubMenuBoxItem h3,
.menu-responsive .headerSubMenuBoxItem span {
    font-size: 18px;
    color: #000;
    font-family: "Raleway-Bold", sans-serif;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 40px
}

.menu-responsive .headerSubMenuBoxItem:before {
    content: '\e942';
    font-family: 'icomoon';
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    right: 24px;
    top: 0
}

.menu-responsive .headerSubMenuBoxItemIcon {
    width: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper,
.footer {
    position: relative
}

body.active {
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .header .menu-item,
    .header .header-item {
        margin-left: 40px
    }
}

@media screen and (max-width: 1280px) {
    .header .menu-item,
    .header .header-item {
        margin-left: 20px
    }
    .header .header-logo {
        margin-right: 0
    }
    .header .headerSubMenuTab {
        width: 150px
    }
    .header .headerSubMenuCenter {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media screen and (max-width: 1024px) {
    .header .icon-search {
        margin-right: 50px
    }
    .header .menu-list {
        display: none
    }
    .header .header-logo {
        width: 86px
    }
    .header.scrolling {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)
    }
    .header .header-ctn {
        height: 65px;
        padding: 0 24px
    }
    .header .headerOpenMengamenu.active i:before {
        display: none
    }
    .header .headerOpenMengamenu.active i:after {
        content: "\e943";
        font-family: 'icomoon';
        font-size: 15px
    }
    .headerDates {
        width: 40px
    }
    .headerDates span {
        display: none
    }
    .headerDates i {
        margin-left: 0
    }
    .headerBtn {
        margin-left: 12px
    }
    .headerLanguage {
        margin-left: 12px
    }
    .headerBtnTop {
        height: 65px
    }
}

footer {
    border-top: solid 1px #d5dce3
}

footer h3 {
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px;
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 12px;
    opacity: 0.5;
    margin: 0
}

footer .social_media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .social_media a {
    font-weight: bold;
    font-size: 16px
}

footer .social_media li {
    margin: 0px;
    margin-right: 30px
}

.f_logo {
    padding-top: 16px
}

.f_wrap_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f_correo {
    font-size: 20px
}

.footerCtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 94px;
    padding-bottom: 96px
}

.footerCtn figure {
    margin: 0
}

.footerCtn figure img {
    max-width: 100%;
    height: auto;
    width: 180px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-left {
    width: 27%
}

.f-left span {
    display: block;
    font-family: "Raleway-Regular", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 10px
}

.f-tel {
    padding-bottom: 48px
}

.f-tel a {
    font-family: "Gotham-Black", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 32px;
    display: block;
    margin: 0;
    text-decoration: none
}

@media screen and (min-width: 1024px) {
    .f-tel a:hover {
        text-decoration: underline
    }
}

.f-dir {
    padding-bottom: 48px
}

.f-dir a {
    font-family: "Raleway-Bold", sans-serif;
    line-height: 1.4;
    color: #000;
    font-size: 15px;
    margin: 0;
    width: 64%;
    display: block;
    text-decoration: none
}

@media screen and (min-width: 1024px) {
    .f-dir a:hover {
        text-decoration: underline
    }
}

.f-links {
    margin-top: 15px
}

.f-links .f-red {
    margin-right: 35px;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.f-links .f-red:last-child {
    margin-right: 0px
}

.f-links .f-red.icon-13 {
    font-size: 16px
}

@media screen and (min-width: 1024px) {
    .f-links .f-red:hover {
        color: #00e5b0
    }
}

.f-mid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-list {
    margin-right: 98px
}

.f-list:nth-child(2n) {
    margin-right: 71px
}

.f-list h2 {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 32px
}

.f-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.f-list ul li {
    font-family: "Raleway-Medium", sans-serif;
    line-height: normal;
    color: #5e5e5e;
    font-size: 14px;
    line-height: 2.43;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: relative
}

.f-list ul li a {
    text-decoration: none;
    position: relative
}

.f-list ul li a:after {
    content: '';
    width: 100%;
    height: 1px;
    opacity: 0;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: #00519a;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

@media screen and (min-width: 1024px) {
    .f-list ul li a:hover {
        color: #000099
    }
    .f-list ul li a:hover:after {
        opacity: 1
    }
}

.f-list-2 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.f-list-2 ul li {
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    font-size: 12px;
    line-height: normal;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: relative;
    padding-bottom: 32px
}

.f-list-2 ul li a {
    text-decoration: none;
    position: relative
}

@media screen and (min-width: 1024px) {
    .f-list-2 ul li a:hover {
        color: #000099
    }
}

.f-temp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #00e5b0;
    border-radius: 3px;
    height: 48px;
    width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19px;
    padding-right: 19px;
    margin-bottom: 8px
}

.f-temp h2,
.f-temp span {
    font-family: "Gotham-Medium", sans-serif !important;
    line-height: .9;
    color: #000;
    font-size: 20px;
    margin: 0;
    display: block;
    padding-left: 19px
}

.f-temp i {
    font-size: 25px
}

.f-dolar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #000000;
    border-radius: 3px;
    height: 60px;
    width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-left: 19px;
    padding-right: 24px;
    padding-right: 18px;
    position: relative;
    margin-bottom: 8px
}

.f-dolar:before {
    content: '\e917';
    font-size: 20px;
    color: #fff;
    font-family: icomoon;
    position: absolute
}

.f-dolar h2,
.f-dolar span {
    font-family: "Gotham-Medium", sans-serif !important;
    line-height: 1.29;
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 0;
    padding-left: 34px
}

.f-toggle {
    position: relative;
    width: 100%;
    margin-bottom: 69px
}

.f-toggle ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.f-select {
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: solid 2px #000000;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    letter-spacing: 0.6px;
    font-size: 14px;
    position: relative;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    text-decoration: none
}

.f-select:after {
    content: '\e940';
    font-family: icomoon;
    position: absolute;
    right: 20px;
    font-size: 6px;
    top: 16px
}

.f-idiomas {
    position: absolute;
    font-family: "Raleway-Bold", sans-serif;
    line-height: normal;
    color: #000;
    letter-spacing: 0.6px;
    font-size: 14px;
    border-top: none;
    background: #fbfbfb;
    width: 100%
}

.f-idiomas a {
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    text-decoration: none;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

@media screen and (min-width: 1024px) {
    .f-idiomas a:hover {
        color: #00519a
    }
}

.f-redes span {
    margin-bottom: 13px
}

@media screen and (max-width: 1024px) {
    .f-list {
        margin-right: 50px
    }
    .f-list:nth-child(2n) {
        margin-right: 50px
    }
}

@media screen and (max-width: 768px) {
    .footerCtn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 20px
    }
    .f-right {
        margin-top: 30px
    }
    .f-list-2 {
        display: none
    }
    .f-mid {
        display: none
    }
    .f-left {
        width: 100%;
        text-align: center
    }
    .f-dir h2 {
        margin: auto;
        width: 100%
    }
    .f-dolar {
        width: 100%
    }
    .f-temp {
        width: 100%
    }
    .f-dir a {
        margin: auto
    }
    footer .social_media {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .f_wrap_info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 480px) {
    .f-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 48px;
        margin-top: 50px
    }
    .f-toggle {
        display: none
    }
    .f-temp,
    .f-dolar {
        height: 60px;
        width: 180px;
        margin-bottom: 0
    }
    .footerCtn {
        padding-top: 40px;
        padding-bottom: 0
    }
    .f-dir h2 {
        width: 55%
    }
    .f-redes span {
        margin-bottom: 26px
    }
    .f-links i {
        margin-right: 50px
    }
    footer h3 {
        padding-top: 72px
    }
}

@media screen and (max-width: 414px) {
    .f-temp,
    .f-dolar {
        width: 180px
    }
    .f-right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 375px) {
    .f-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .f-temp,
    .f-dolar {
        margin-bottom: 10px
    }
    .f-dir h2 {
        width: 72%
    }
}

@-webkit-keyframes anima_top {
    to {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes anima_top {
    to {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    0.8% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    1.6% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    2.4% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    3.2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    4.8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    5.6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    6.4% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    7.2% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    8% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    8.7% {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    8.8%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    0.8% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    1.6% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    2.4% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    3.2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    4.8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    5.6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    6.4% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    7.2% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    8% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    8.7% {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    8.8%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    1.2% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    2.8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    3.6% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    4.4% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    5.2% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    6% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    6.8% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    7.6% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    8% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    8.8% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0)
    }
    8.9%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    1.2% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    2.8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    3.6% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    4.4% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    5.2% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    6% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    6.8% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    7.6% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    8% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    8.8% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0)
    }
    8.9%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }
    0.6% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }
    0.8% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }
    1% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    1.2% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }
    2% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }
    2.2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }
    2.8% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }
    3.2% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    3.6% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }
    4.2% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }
    4.4% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }
    5.2% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }
    5.6% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }
    5.8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }
    6% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }
    6.4% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    7.2% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }
    8% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }
    8.8% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1)
    }
    8.9%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }
    0.6% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }
    0.8% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }
    1% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    1.2% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }
    2% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }
    2.2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }
    2.8% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }
    3.2% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    3.6% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }
    4.2% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }
    4.4% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }
    5.2% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }
    5.6% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }
    5.8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }
    6% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }
    6.4% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    7.2% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }
    8% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }
    8.8% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1)
    }
    8.9%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-4 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    3% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    7% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    9% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    17% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    20% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0)
    }
    22%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-4 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    3% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    7% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    9% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    17% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    20% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0)
    }
    22%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-flash {
    0%,
    5% {
        opacity: 0.2;
        -webkit-transform: translate3d(10px, 5px, 0);
        transform: translate3d(10px, 5px, 0)
    }
    5.5%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes glitch-anim-flash {
    0%,
    5% {
        opacity: 0.2;
        -webkit-transform: translate3d(10px, 5px, 0);
        transform: translate3d(10px, 5px, 0)
    }
    5.5%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes pulse-show {
    0% {
        opacity: 1
    }
    10% {
        opacity: 0
    }
    15% {
        opacity: 1
    }
    20% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    30% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes pulse-show {
    0% {
        opacity: 1
    }
    10% {
        opacity: 0
    }
    15% {
        opacity: 1
    }
    20% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    30% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.bgastronomia {
    padding: 100px 0 0 0;
}

.title-gastronomy {
    position: relative;
}

.title-gastronomy>h2.g1-title {
    margin-bottom: 35px !important;
}

.title-gastronomy .icon-gastronomy {
    max-height: 75px;
    position: absolute;
    right: 0;
    top: 0;
}

.mt-35 {
    margin-top: 35px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.d-inline-block {
    display: inline-block !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.row-gastronomy,
.row-section {
    display: flex;
    flex-flow: row nowrap;
}

@media screen and (max-width: 1000px) {
    .row-gastronomy,
    .row-section {
        display: flex;
        flex-flow: column nowrap;
    }
}

.row-gastronomy .left-gastronomy,
.row-section .left-section,
.row-gastronomy .right-gastronomy,
.row-section .right-section {
    flex: 1;
}

.row-gastronomy .left-gastronomy {
    display: flex;
    align-items: center;
}

.row-gastronomy .left-gastronomy img {
    max-width: 100%;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 600px) {
    .bgastronomia {
        padding: 50px 0 0 0;
    }
}

.b9Wrap.bxslider9>a {
    height: 90px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 90px;
    overflow: hidden;
}

.frame-covid-alert {
    height: calc(100vh - 4em) !important;
    width: calc(100vw - 4em);
}

.covid-alert-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 1050;
    padding: 2em;
    transition: all ease-in-out .2s;
    box-sizing: border-box;
}

.covid-alert-dialog.active-modal {
    opacity: 1;
    visibility: visible;
}

#btn-close-modal-covid {
    position: fixed;
    top: 10px;
    right: 15px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #00a39c !important;
    cursor: pointer;
}

#btn-close-modal-covid svg {
    fill: #000;
}


/* SECCION STUDY */


/* .section-study {
    background: #004481;
} */

.section-study .row-section .left-section {
    justify-content: flex-start;
}

.section-study .row-section .left-section>span {
    text-align: left !important;
}

.section-study .row-section .left-section,
.section-study .row-section .right-section {
    /* padding: 1.2em 0; */
    max-width: 50%;
}

@media screen and (max-width: 1000px) {
    .section-study .row-section .left-section,
    .section-study .row-section .right-section {
        max-width: 100%;
    }
    .img-study {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .b6.section-study {
        padding: 100px 50px;
    }
}

@media screen and (max-width: 500px) {
    .b6.section-study {
        padding: 50px 15px;
    }
}

.text-left {
    text-align: left !important;
}

.text-justify {
    text-align: justify !important;
}

.text-white {
    color: #fff;
}

.img-study img {
    max-width: calc(100% - 30%);
    max-height: 340px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.img-study {
    position: relative;
    display: flex;
}

.img-study:before {
    content: "";
    height: 168px;
    background: #00e5b0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 84px;
    z-index: 1;
}

@media screen and (max-width: 660px) {
    .img-study {
        margin-bottom: 30px;
    }
    .img-study img {
        max-width: 100%;
    }
    .img-study:before {
        border-radius: 84px 84px 0 0;
    }
}

.list-downloaded {
    min-height: 350px;
    max-height: 400px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding-right: 6px;
    padding-left: 1px;
}

@media screen and (min-width: 1000px) {
    .section-study .row-section .right-section {
        padding-left: 20px;
    }
}

.list-downloaded li {
    margin: 6px 0;
}

.list-downloaded .item-downloaded {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 8px;
    background: #eee;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all ease-in-out .2s;
}

.list-downloaded .item-downloaded:hover {
    background: #004481;
    color: #fff;
}

.list-downloaded .item-downloaded:hover .description-item p {
    color: #fff;
}

.list-downloaded .item-downloaded i {
    width: 30px;
}

.list-downloaded .item-downloaded .description-item {
    margin: 0;
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
    overflow: hidden;
    /* white-space: nowrap; */
    padding-right: 8px;
}

.list-downloaded .item-downloaded .description-item .title-item {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 5px;
}

.list-downloaded .item-downloaded .description-item p {
    font-size: 13.5px;
    font-weight: 500;
    transition: all ease-in-out .2s;
}

.list-downloaded .item-downloaded img.pdf-icon {
    margin-left: 5px;
    width: 35px;
    margin: 0;
}

.scroll-design::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scroll-design::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px;
}

.scroll-design::-webkit-scrollbar-thumb:hover {
    background: #999;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.scroll-design::-webkit-scrollbar-thumb:active {
    background-color: #999;
}

.scroll-design::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

.scroll-design::-webkit-scrollbar-track:hover,
.scroll-design::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}

.b21Text p {
    opacity: 1;
}

.recomendation {
    margin-bottom: 40px;
    display: flex;
    flex-flow: column nowrap;
}

.recomendation p {
    color: #000;
    opacity: 1;
}

.recomendation img {
    max-width: 100%;
    margin: auto;
}

.b2 {
    padding-top: 77px;
}


.banner-item-container {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.banners-owl-carousel .owl-item {
    width: 100%;
    max-width: 100% !important;
}

.banners-owl-carousel .owl-nav {
    display: none;
}

.banners-owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

.banners-owl-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    margin-right: 12px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .banners-owl-carousel .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        margin-right: 8px;
    }
}

.banners-owl-carousel .owl-dots .owl-dot.active {
    background: #000;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.banner-item {
    border-radius: 3px;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.section-study {
    background: #eee;
}

.section-study .g1_title {
    color: #000;
}

.row-investigations {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
}

.row-supperpadd {
    padding: 2.8em 0;
}

@media screen and (max-width: 1000px) {
    .row-investigations {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
}

@media screen and (max-width: 650px) {
    .row-investigations {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }
    .card-investigation {
        max-width: 360px !important;
        margin: 0 auto;
    }
}

@media screen and (max-width: 400px) {
    .card-investigation {
        max-width: 100% !important;
    }
}

.card-investigation {
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
}

.card-investigation .img-investigation {
    width: 100%;
    height: 220px;
    object-fit: cover;
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.card-investigation .details-investigation {
    background: #fff;
    margin-top: -10px;
    border-radius: 10px 10px 0 0;
    position: relative;
    z-index: 10;
    padding: 1.5em 1em 60px 1em;
    min-height: 250px;
}

.card-investigation .details-investigation .title-investigation {
    color: #000;
    font-weight: 700;
    font-size: 15.5px;
    line-height: 22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.description-investigation {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    height: calc(8 * 1.6);
    overflow-y: hidden;
}

.pre-wrapp {
    white-space: pre-wrap;
}

.download-investigation {
    position: absolute;
    bottom: 1em;
    right: 1em;
    display: flex;
    justify-content: flex-end;
}

.download-investigation a {
    display: flex;
    align-items: center;
    padding: 3.8px 20px;
    max-width: 200px !important;
    /* border-radius: 20px;
    border: 1px solid #000; */
}

.download-investigation a:hover svg,
.download-investigation a:focus svg {
    fill: #fff;
}

.download-investigation a span {
    font-weight: 800;
    font-size: 12px;
    font-family: sans-serif;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}

.download-investigation a .pdf-icon {
    width: 30px;
    max-width: 30px;
}

.download-investigation a svg {
    width: 14px !important;
    height: 14px !important;
    margin-left: -5px;
}

.section-study .container-link {
    display: flex;
    justify-content: flex-end;
    padding: 2em 0 1em 0;
}

.bottom-right-link {
    display: flex;
    align-items: center;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.bottom-right-link:hover {
    color: #0e3983;
}

.bottom-right-link i {
    margin-left: 10px;
}

.bInvestigation {
    background: #00D6A5;
    border-bottom:solid 1px #d5dce3;
}

.b20Banner.bTopBanner {
    background-position: center -100px !important;
}

@media screen and (max-width: 1000px){
    .b20Banner.bTopBanner {
        background-position: center center !important;
    }
}

.b20Banner.center-bg {
    background-position: center !important;
}

.footerCtn  .g0_btn {
    margin-top: 20px;
}

@media screen and (min-width: 769px) {
    .footerCtn  .g0_btn {
        margin-left: 0 !important;
    }
}
    

.b6 .b2Info .g1_title {
    color: #fff; 
}

.bInvestigation {
    background: #000;
}

.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select {
     border: .08em solid #4F4F4F !important;
    border-radius: 3px!important;
    padding: 15px!important;
    font-family: 'Gotham-Medium', sans-serif;
    letter-spacing: 0.5px!important;
    margin-right: 10px!important;
    color: #000!important;
    transition: border 0.3s, box-shadow 0.3s!important;
    width: 100%!important;
    background: #fff !important;
    max-width: 100% !important;
}

.tnp-subscription input[type=submit] {
    color: #fff;
}

.tnp-subscription input[type=submit] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    font-family: "Raleway-Bold", sans-serif !important;
    line-height: normal !important;
    color: #009 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 200px !important;
    width: 100% !important;
    font-size: 14px !important;
    text-decoration: none !important;
    background-color: #fff !important;
    height: 48px !important;
    border-radius: 24px !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition: all 400ms ease !important;
    transition: all 400ms ease !important;
    -webkit-transition: color 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    transition: color 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), border 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background: #fff !important;
    border: 2px solid #000000 !important;
    color: #000!important;
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #fff 50%, #000 50%) !important;
    transition: background-position .2s ease-in-out, color .2s ease-in-out !important;
    margin-top: 25px !important
}

@media screen and (max-width: 1599px) {
    .tnp-subscription input[type=submit] {
        font-size: calc(14px + (14 - 14) * ((100vw - 375px) / (1920 - 375)))
    }
}

@media screen and (max-width: 400px) {
    .tnp-subscription input[type=submit] { 
        max-width: 100% !important;
    }
}

.tnp-subscription input[type=submit]:after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    z-index: -1 !important;
    -webkit-transform: scaleY(0) !important;
    transform: scaleY(0) !important;
    background-color: #000099 !important;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important;
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
    background-color: #000000!important;
}

.tnp-subscription input[type=submit]:hover,
.tnp-subscription input[type=submit]:focus {
    color: #fff !important;
    background-position: 0 100% !important;
}


.tnp-subscription input[type=submit]:hover:after {
    -webkit-transform-origin: bottom left!important;
    transform-origin: bottom left!important;
    -webkit-transform: scaleY(1)!important;
    transform: scaleY(1)!important
}

.tnp-subscription input[type="checkbox"] {
    border: .08em solid #4F4F4F;
    -webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 1.15em !important; 
	height: 1.15em !important;
}	

.tnp-subscription input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3csvg height='32' width='32' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m11.4 21.5-5.93-5.93-2.01 2.01 7.94 7.94 17.1-17.1-2.01-2.01z' fill='%23fff'/%3e%3c/svg%3e") !important;
	background-size: 80% 80% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: #000  !important;
	border-color: #000  !important;
}

.tnp-subscription input[type=text]:focus, .tnp-subscription input[type=email]:focus, .tnp-subscription select:focus {
  outline: none !important;
  border: 2px solid #004481 !important;
  box-shadow: inset 1px 1px 2px 0 #c9c9c9 !important;
}

.tnp-subscription div.tnp-field {
    margin-bottom: 15px !important;
}
.tnp-subscription .tnp-field.tnp-field-checkbox {
    margin-bottom: 10px !important;
}

.tnp-subscription {
    margin: 35px auto !important;
}

.b5.b29.b41 .wancho>p {
    margin: 35px 0;
    display: flex;
    justify-content: center;
    padding: 1.3em;
    border-radius: 4px;
    background: #00a39c;
    font-family: 'Gotham-Medium';
}

/* TERRAZAS */

.wrapper-banners.b2Wrap {
    height: 200px !important;
}

.wrapper-banners.b2Wrap a {
    width: calc(100vw - 151px) !important; 
    width: 100%;
    max-width: 1200px;
    cursor: url(../images/cursor.png), auto;
}

@media screen and (max-width: 1279px) {
    .container-link {
        padding-top: 35px !important;
    }
}

@media screen and (min-width: 1200px) {
    .b2.section-investigations {
        padding-top: 130px !important;
        padding-bottom: 0px !important;
    }
}


@media screen and (max-width: 1265px) {
    .wrapper-banners.b2Wrap a {
        margin-left: 0 !important;
        width: calc(100vw - 30px) !important;
        max-width: calc( 100vw - 30px) !important;
        margin-right: 0 !important;
        /* padding-right: 30px !important; */
        box-sizing: border-box;
    }
}

@media screen and (max-width: 991px) {
    .wrapper-banners.b2Wrap {
        height: 180px !important;
    }
}

@media screen and (max-width: 767px) {
    .b15Right {
        height: auto !important;
        min-height: 460px;
    }
}

@media screen and (max-width: 700px) {
    .wrapper-banners.b2Wrap {
        height: 150px !important;
    }
}

@media screen and (min-width: 601px) {
    .banners-mobile {
        display: none !important;
    }
    .banners-desktop {
        display: block !important;
    }
}

@media screen and (max-width: 600px) {
    .b15Right {
        margin-top: 60px;
    }
    .banners-mobile {
        display: block !important;
    }
    .banners-desktop {
        display: none !important;
    }
    .wrapper-banners.b2Wrap {
        height: 100px !important;
    }
    .wrapper-banners.b2Wrap a {
        width: calc(100vw - 24px) !important;
        max-width: 100vw !important;
    }
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 620px !important;
    }
    .b2.banners-mobile {
        padding-bottom: 0px !important;
    }
    .banners-mobile .b2Wrap .owl-dots {
        bottom: 10px !important;
    }
    
    .banners-mobile .b2Wrap:before {
        /*display: none;*/
    }
    
    .banners-mobile .wrapper-banners.b2Wrap a {
        width: calc(100vw - 60px) !important;
        max-width: 100vw !important;
    }
}

@media screen and (max-width: 550px) { 
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 562px !important;
    }
}

@media screen and (max-width: 500px) { 
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 512px !important;
    }
}

@media screen and (max-width: 460px) {
    .wrapper-banners.b2Wrap {
        height: 60px !important;
    }
    
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 452px !important;
    }
}

@media screen and (max-width: 420px) {
    .wrapper-banners.b2Wrap {
        height: 60px !important;
    }
    
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 435px !important;
    }
}


@media screen and (max-width: 400px) {
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 412px !important;
    }
}

@media screen and (max-width: 360px) {
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 372px !important;
    }
}

@media screen and (max-width: 340px) {
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 332px !important;
    }
}

@media screen and (max-width: 320px) {
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 332px !important;
    }
}

@media screen and (max-width: 300px) {
    .banners-mobile .wrapper-banners.b2Wrap {
        height: 312px !important;
    }
}

.b20Item {
    max-height: 550px!important;
    height: 540px !important;
}

@media screen and (max-width: 480px){
    .b20Item {
        max-height: 440px !important;
        height: 440px !important;
    }
}

.routes-wrap .b2Item .img-accesibility {
    object-position: top;
}

.center-items {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.container-scroll {
    max-height: 100vh;
    overflow-y: auto;
    display: flex;
    flex-flow: column nowrap;
}

.px-5 {
    padding: 0 15px !important;
}

#img-route {
    max-width: 100%;
}

.b16_plan_lugares {
    padding-bottom: 0px !important;
    margin-bottom: 160px;
}

.container-scroll::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
}

.container-scroll::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 4px;
}

.container-scroll::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.container-scroll::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}


/* --- carrusel botones ---- */

.owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
  background: url(https://visitalima.pe/wp-content/themes/wp-theme-lima/assets/css/nav-icon.png) no-repeat scroll 0 0;
  left: -33px;
}
.owl-carousel .next-slide{
  background: url(https://visitalima.pe/wp-content/themes/wp-theme-lima/assets/css/nav-icon.png) no-repeat scroll -24px 0px;
  right: -33px;
}

.b2Wrap.owl-carousel .owl-nav {
    /* display: none; */
    display: block !important;
}
owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    position: absolute;
    z-index: 22;
}
.owl-carousel .owl-nav .owl-next {
    right: 3px;
}
.slick-prev, .slick-next, .owl-next, .owl-prev {
    position: absolute;
    top: calc(50% - 22.5px);
    z-index: 2;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    font-size: 0;
    padding: 0px;
    background: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.owl-prev:hover,.owl-next:hover, .owl-prev:focus, .owl-next:focus  {
    background: #00d6a5;
}

.owl-prev.disabled, .owl-next.disabled {
    opacity: 0 !important;
}
.owl-prev::after {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 25px;
    color: #fff !important;
    content: "\f053";
}
.owl-next::after {
    font-family: "Font Awesome 5 Free"; 
    font-size: 25px;
    font-weight: 900; 
    color: #fff !important;
    content: "\f054" !important;
}

.owl-prev:hover::after, .owl-next:hover::after {
    color: #fff !important;
}

/* --- Instagram carousel ----*/
.b8Wrap .flickity-prev-next-button {
    display: block !important;
}

.flickity-prev-next-button {
    background: #000 !important;
    top: calc(50% - 44px) !important;
}

.flickity-prev-next-button svg,
.flickity-prev-next-button .arrow{
    fill: #fff !important;
}
.flickity-prev-next-button svg {
    position: absolute;
    left: 23% !important;
    top: 23% !important;
    width: 50% !important;
    height: 50% !important;
}


/* SUB FOOTER */

.subfooter {
    display: flex;
    justify-content: space-between;
    padding-bottom: 54px;
}

.footerCtn {
    padding-bottom: 10px;
}

.subfooter>div {
    display: flex;
    flex-flow: column nowrap;
}

.subfooter .f-accesibility {
    align-items: flex-end;
}

.subfooter .f-accesibility figure {
    margin: 0 !important;
}

.subfooter>div span {
    display: block !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

@media screen and (max-width: 768px) {
    .subfooter {
        flex-flow: column-reverse nowrap;
        justify-content: center;
        padding-bottom: 54px;
    }
    .subfooter>div {
        padding-top: 45px;
    }
    .subfooter>div span {
        text-align: center;
    }
    .subfooter .f-accesibility {
        align-items: center;
    }
}