@charset "UTF-8";
@font-face{font-family:"OPPOSans"; font-weight:600;font-style:bold; src:
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-B.woff2) format("woff2"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-B.woff) format("woff"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-B.ttf) format("truetype"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-B.svg) format("svg"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-B.eot) format("embedded-opentype");}
@font-face{font-family:"OPPOSans"; font-weight:400;font-style:normal; src:
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-M.woff2) format("woff2"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-M.woff) format("woff"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-M.ttf) format("truetype"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-M.svg) format("svg"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-M.eot) format("embedded-opentype");}
@font-face{font-family:"OPPOSans"; font-weight:200;font-style:normal; src:
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-R.woff2) format("woff2"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-R.woff) format("woff"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-R.ttf) format("truetype"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-R.svg) format("svg"),
	url(https://code.oppo.com/etc.clientlibs/global-site/clientlibs/original.ui.files/resources/fonts/OPPOSans-R.eot) format("embedded-opentype");}

/* GENERAL */
* {background-repeat:no-repeat; background-size: cover; background-position: center center;}
body {font-family:"OPPOSans","Helvetica","Arial", sans-serif; overflow-x: hidden; font-weight:400; font-size: 16px; margin:0; color:#211E16; -webkit-overflow-scrolling: touch;}
img {vertical-align: middle;}
ul {list-style: none; padding: 0;}
li {line-height: 1.3em; margin-bottom: 1em;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h5 {font-family:"OPPOSans","Helvetica","Arial", sans-serif; margin: 0 0 0.5em 0; line-height: 1.2em; font-weight: 400;}
h1, .h1 {font-size: 50px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 16px;}
p, .p {margin: 0 0 1em 0; line-height: 1.6em; font-size: 1em;}
p.small, .p.small, .small > p {font-size:0.7em;}
p.big, .p.big, .post .entry-content p, .post .entry-content li {font-size: 18px;}
.blog .article-post, span.time-read {font-size: 14px;}

hr {clear: both;  display: block; margin: 3em 0;}
a {color: inherit; text-decoration:none;/* vertical-align: middle;*/}
a:hover, a:focus, .main-navigation .main-menu > li > a:hover + svg, .top-footer li a:hover, .social-navigation li a:hover, .main-navigation .sub-menu>li>a:hover, .main-navigation .sub-menu>li>a:active {/*color: currentColor;*/ text-decoration:none}
:focus {outline: none;}
p > a {text-decoration:underline;}
img {height: auto; max-width: 100%; position: relative; vertical-align: middle;}
figure, iframe {max-width: 100%;}
main {position: relative; z-index: 3; overflow-x: hidden;}
label {display: inline-block;}
.wrapper {margin: auto; max-width:1400px; box-sizing: border-box;}
.mini-wrapper {max-width: 900px; margin: auto;}
.flex {display:flex; flex-flow: wrap;}
.flex.center {justify-content: center;}
.flex.extend {justify-content: space-between;}
.flex.evently {justify-content: space-evenly;}
.flex.vcenter {align-items: center;}
.flex.inline {display:inline-flex;}
.flex.reverse {flex-direction: row-reverse;}
.row, .content-area {display: flow-root;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .row, .content-area {overflow:hidden;}
}
.overflow {overflow:hidden;}
.overflow-auto {overflow: auto;}
.relative {position:relative}
.uppercase {text-transform:uppercase;}
.bold {font-weight:700}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.pointer, .cursor {cursor:pointer;}
.btn {padding:1em 2em; display:inline-block; cursor:pointer; font-weight:600; border-radius:150px; border: solid currentColor 2px;
	-webkit-transition: background-color ease-in-out 150ms;
    -moz-transition: background-color ease-in-out 150ms;
	-ms-transition: background-color ease-in-out 150ms;
    -o-transition: background-color ease-in-out 150ms;
	transition: background-color ease-in-out 150ms;
}
.btn.small {font-weight: bold; font-size: 13px; text-transform: uppercase; padding: 12px 24px}
.btn.big {font-size: 1.0em; padding: 20px 40px;}

.align-c {text-align:center}
.align-l {text-align:left}
.align-r {text-align:right}
.left {float:left}
.right {float:right !important}
.center {margin-left:auto; margin-right:auto;}

.yt-container, .video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.4%;}
.yt-container iframe, .video-container iframe, .video-container video {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.displaynone {display:none}
.rounded {border-radius: 100%;}
.blur {filter:blur(5px);}
.strong {font-weight:bold}

/* COLUMNS */
[class^="col1-"],[class^="col2-"], [class^="col3-"], [class^="col4-"], [class^="col5-"], [class^="col6-"] {float:left; box-sizing: border-box;}
.col1-1 {width: 100%;}
.col1-2, .col2-4, .col3-6 {width: 50%;}
.col1-3, .col2-6 {width: 33.3%;}
.col2-3, .col4-6 {width: 66.6%;}
.col1-4 {width: 25%;}
.col3-4 {width: 75%;}
.col1-5 {width: 20%;}
.col2-5 {width: 40%;}
.col3-5 {width: 60%;}
.col4-5 {width: 80%;}
.col1-6 {width: 16.66%;}
.col1-7 {width: 14.28%;}
.col1-8 {width: 12.5%;}
.col3-8 {width: 37.5%;}
.col5-8 {width: 62.5%;}
.col7-8 {width: 87.5%;}
.col1-2:nth-child(2n+1), .col1-3:nth-child(3n+1), .col1-4:nth-child(4n+1), .col1-5:nth-child(5n+1), .col1-6:nth-child(6n+1), .col1-7:nth-child(7n+1), .col1-8:nth-child(8n+1) {clear: both;}
.auto-width > [class^="col1-"], .auto-width > [class^="col2-"], .auto-width > [class^="col3-"], .auto-width > [class^="col4-"], .auto-width > [class^="col5-"], .auto-width > [class^="col6-"], .auto-width > [class^="col7-"] {width: auto;}
#mini-cols [class^="col1-"], #mini-cols [class^="col2-"], #mini-cols [class^="col3-"], #mini-cols [class^="col4-"], #mini-cols [class^="col5-"], #mini-cols [class^="col6-"] {max-width: 350px;}


/* PADDINGS */
.pd-10 {padding:10px}
.pd-20 {padding:20px}
.pd-50 {padding:50px}
.pd-t-10 {padding-top:10px}
.pd-t-20 {padding-top:20px}
.pd-t-50 {padding-top:50px}
.pd-t-100 {padding-top:100px}
.pd-t-150 {padding-top:150px}
.pd-t-200 {padding-top:200px}
.pd-b-0 {padding-bottom:0px}
.pd-b-10 {padding-bottom:10px}
.pd-b-20 {padding-bottom:20px}
.pd-b-50 {padding-bottom:50px}
.pd-b-100 {padding-bottom: 100px;}
.pd-b-150 {padding-bottom: 150px;}
.pd-b-200 {padding-bottom: 200px;}
.pd-r-20 {padding-right:20px}
.pd-l-20 {padding-left:20px}

/* MARGINS */
.mg-10 {margin:10px}
.mg-20 {margin:20px}
.mg--20 {margin:-20px}
.mg-t-10 {margin-top:10px}
.mg-t-20 {margin-top:20px}
.mg-t-50 {margin-top:50px}
.mg-b-0 {margin-bottom:0px}
.mg-b-10 {margin-bottom:10px}
.mg-b-20 {margin-bottom:20px}
.mg-b-50 {margin-bottom:50px}
.mg-b-100 {margin-bottom:100px}
.mg-b-150 {margin-bottom:150px}
.mg-b-200 {margin-bottom:200px}
.mg-l-10 {margin-left:10px}
.mg-r-10 {margin-right:10px}
.mg-t--20 {margin-top:-20px}
.mg-t--50 {margin-top:-50px}
.mg-t--100 {margin-top:-100px}
.mg-t--150 {margin-top:-150px}
.mg-t--200 {margin-top:-200px}
.mg-b--20 {margin-bottom:-20px}
.mg-b--50 {margin-bottom:-50px}
.mg-b--100 {margin-bottom:-100px}
.mg-b--150 {margin-bottom:-150px}

/* BORDERS */
[class*="bd-w"] {border-style: solid; border-color:currentColor;}
.bd-w-0 {border-width: 0;}
.bd-w-1 {border-width: 1px;}
.bd-w-2 {border-width: 2px;}
.bd-w-3 {border-width: 3px;}
.bd-w-5 {border-width: 5px;}
.bd-w-10 {border-width: 10px;}
.bd-r-0 {border-radius: 0px;}
.bd-r-20 {border-radius: 20px;}
.bd-r-50 {border-radius: 50px;}
.bd-r-100 {border-radius: 100px;}
.bd-r-full {border-radius: 100%;}

/* COLORS */
.blanco {color:#ffffff;}
.gris-claro {color:#f1f1f1}
.gris-medio {color:#545454}
.gris-oscuro {color:#323232}
.negro {color:#000000}
.verde {color:#2dc84d}
.verde-claro {color:#8EF4D2}
.verde-oscuro {color:#046a38}
.azul {color:#236fcd}
.azul-claro {color:#79c8e0}
.rojo {color:#D8256A}
.rojo-claro {color:#ec6e9e}
.rosa {color:#D8256A}
.rosa-claro {color:#ec6e9e}
.amarillo {color:#FFEB5C}
.amarillo-claro {color:#fff5a9}
.morado {color:#754C8E}
.morado-claro {color:#9a7eac}
.bg-blanco {background-color:#ffffff;}
.bg-gris-claro {background-color:#f1f1f1}
.bg-gris-medio {background-color:#545454}
.bg-gris-oscuro {background-color:#323232}
.bg-negro {background-color:#000000}
.bg-verde {background-color:#2dc84d}
.bg-verde-claro {background-color:#8EF4D2}
.bg-verde-oscuro {background-color:#046a38}
.bg-azul {background-color:#236fcd}
.bg-azul-claro {background-color:#79c8e0}
.bg-rojo {background-color:#D8256A}
.bg-rojo-claro {background-color:#ec6e9e}
.bg-rosa {background-color:#D8256A}
.bg-rosa-claro {background-color:#ec6e9e}
.bg-amarillo {background-color:#FFEB5C}
.bg-amarillo-claro {background-color:#fff5a9}
.bg-morado {background-color:#754C8E}
.bg-morado-claro {background-color:#9a7eac}
.bg-trans-blanco {background-color:rgba(255,255,255,0.9);}
.bg-transparente {background-color:transparent;}
.bg-parallax {background-repeat: no-repeat; background-position-x: center;}
.bg-size {background-position-x:center; background-size:auto;}
.animation {
	-webkit-transition: all cubic-bezier(0.7, 0, 0.3, 1) 750ms;
	-moz-transition: all cubic-bezier(0.7, 0, 0.3, 1) 750ms;
	-ms-transition: all cubic-bezier(0.7, 0, 0.3, 1) 750ms;
	-o-transition: all cubic-bezier(0.7, 0, 0.3, 1) 750ms;
	transition: all cubic-bezier(0.7, 0, 0.3, 1) 750ms;
}
.shadow {
  -webkit-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.1);
  -moz-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.1);
  box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.1);
}
.shadow.animation:hover {
	-webkit-box-shadow: 1px 11px 35px -7px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 11px 35px -7px rgba(0,0,0,0.3);
	box-shadow: 1px 11px 35px -7px rgba(0,0,0,0.3);
	-webkit-transform: translate(0px, -5px);
	-moz-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
}
.text-shadow {text-shadow: 0 0 9px #000000;}

/* ANIMATIONS */
.boing-t img {top: 100}
.boing-r img {right: 100}
.boing-l img {left: 100}
.fadein img, .header-icon {opacity: 0}
.fadein img, [class*="boing-"] img, .header-icon {
	-webkit-transition: all ease-in-out 500ms;
	-moz-transition: all ease-in-out 500ms;
	-ms-transition: all ease-in-out 500ms;
	-o-transition: all ease-in-out 500ms;
	transition: all ease-in-out 500ms;
}

/* HEADER */
.site-branding-container {position: fixed; z-index: 999; width: 100%; top: 0;}
.admin-bar .site-branding-container {top:32px}
.site-branding {position:relative; z-index: 998; height: 150px; align-items: center; display: flex;
	-webkit-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
    -moz-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
	-ms-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
    -o-transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
    transition: all cubic-bezier(0.8, 0, 0.2, 1) 500ms;
}
.glue .site-branding {height:55px; background-color:rgba(255,255,255,0.8); backdrop-filter: blur(5px);}
.glue.blanco .site-branding {background-color:rgba(0,0,0,0.8);}

.site-logo {max-width: 240px; margin: 15px 20px; float: left;}
.open-main-menu, .open-search-menu, .open-newsletter {display:none; float: right; top: 20px; right: 20px; font-size: 22px; padding: 12px 20px; cursor:pointer;}
.open-newsletter span {font-size: 21px; vertical-align: top;}
.main-menu {position: absolute; right: -740px; width: 100%; max-width: 740px; z-index: 100; max-height: calc(100vh - 67px); overflow-y: auto;}
.main-menu.active {right:0}
.menu-close, .header-search {font-size: 27px;padding: 15px 20px;font-weight: 600;line-height: 1em; border-bottom: solid 2px #e1e1e1;}
.close-icon {float: right;}
.main-navigation ul {margin:0}
.main-navigation ul li {margin: 0; padding: 17px 15px; border-radius: 50px; position:relative;}
.main-navigation ul li a {
	-webkit-transition: -webkit-transform ease-in-out 200ms;
    -moz-transition: -moz-transform ease-in-out 200ms;
	-ms-transition: -ms-transform ease-in-out 200ms;
    -o-transition: -o-transform ease-in-out 200ms;
	transition: transform ease-in-out 200ms;	
}
.main-navigation ul.sub-menu {position: absolute; display: none; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(5px); padding: 20px 10px; top: 55px; left: 0; width: max-content;}
.blanco .main-navigation ul.sub-menu {background-color: rgba(0,0,0,0.8);}
.main-navigation ul.sub-menu li {padding: 7px 10px;}
.main-navigation ul.sub-menu li a {font-size: 14px;}
.menu-item > a {font-size: 16px; text-transform: uppercase; font-weight: 600; /* margin-bottom: 20px; */ display: inline-block;}
.contact-menu a {background-color: rgb(156 156 156 / 50%); border-radius: 50px; margin: -5px -10px; padding: 5px 10px; display: inline-block;}
.search-menu {top: -500px; position: absolute; width: 100%; z-index: 24;}
.search-menu.active {top: 58px;}
.search-close {position: absolute; top: 15px; right: 20px;}
input.search {border: none; margin-left: 20px; padding: 0; font-size: 17px; width: calc(100% - 100px);}
.last-search h5 {padding-bottom: 20px; border-bottom: solid 1px #a9a9a9;}
.current-menu-ancestor > a, .current-menu-item > a {color: #46d6ad;}

/* FOOTER */
footer h3 {font-size: 20px; font-weight: 700;}
footer .widget_media_image img {margin-bottom:2em}
footer .menu-item > a {font-size: 14px; font-weight: 400; margin-bottom: 0px; position:relative;}
footer .menu-item > a:before {content: "";position: absolute;bottom: 0;background: currentColor;width: 0;height: 1px;
	-webkit-transition: all ease-in-out 200ms;
    -moz-transition: all ease-in-out 200ms;
	-ms-transition: all ease-in-out 200ms;
    -o-transition: all ease-in-out 200ms;
    transition: all ease-in-out 200ms;
}
footer .menu-item > a:hover:before {width: 100%;}
footer.site-footer ul {padding-left: 0; margin: 0; font-size: 16px;}
footer.site-footer ul li {line-height: 1.3em; margin-bottom: 1em;}
footer.site-footer .footer-widget-2 ul {display: flex; justify-content: flex-end;}
footer.site-footer .footer-widget-2 ul li:not(:first-child) {margin-left: 1em; padding-left: 1em; border-left: solid 2px currentColor;}
footer.site-footer .footer-widget-2 .widget_media_image {position: relative; margin-top:20px; bottom: 0px; right: 20px;}
footer.site-footer .footer-widget-2 ul li.big-icon i {font-size: 24px;}
#subfooter img {width: 25px; margin-right: 10px;}
#subfooter p {margin-bottom:0; font-size:13px}
.icon-footer {max-height: 1.5em; margin-right: 10px;}
.go-to-top {position: fixed; bottom: -100px; right: 100px; z-index: 999; width: 40px; text-align: center; line-height: 40px; border-radius: 27px; cursor:pointer; border: solid 2px currentColor;}
.go-to-top.show {bottom:20px;}
.separator {margin: 30px auto; height: 2px; background-color: currentColor; /*width: 50px;*/}

/* POST */
.shareicon {font-size: 1.6em; margin-left: 15px;}
nav.navigation.post-navigation {overflow: hidden; margin-bottom: 50px;}
.nav-previous {float: left;}
.nav-next {float: right;}
.nav-previous a, .nav-next a {display: flex;}
img.alignright, a img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft, a img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:1em;}

ul.subcategories {display: flex; margin: -10px 0; font-size: 18px;}
ul.subcategories li > * {margin: 10px 10px 0 0; text-transform: uppercase; padding: 10px 30px; border-radius:50px; font-weight: bold; font-size: 13px; line-height: 1.6em; display: block; cursor:pointer}
/*ul.subcategories li:not(:first-child) { margin-left: 10px; border-left: solid 2px currentColor; padding-left: 10px;}*/

#scroll-marker {position: fixed;bottom: 0;z-index: 997;height: 5px;width: 100%; overflow: hidden;}
#scroll-marker-inner {position:absolute; height:100%;}

/* COMMENTS */
ol.comment-list {list-style: none;}
.comment-list span.fn {color: #2d6361;}
li.comment.odd {border-bottom: solid 1px #ccc;}

/* HOME SLIDER */
.home-header p.big *, .home-header  .p.big * {line-height:1.2em;}
.slide .category {display: inline-block; text-transform: uppercase; padding: 10px 30px; margin-top: 5px; border-radius: 5px 20px; font-weight: bold; font-size: 13px; position: relative;}
.slide .category:hover {padding: 10px 35px;}
.slide .category + p {margin-bottom: 0;}
.slide {height: auto; display: flex;}
.slide, .slider {overflow: hidden;}
.slide-bg {width:100%; background-size: cover; background-position: center center;display: flex;align-items: center;}
.slide-bg > div {z-index:2}
.slide-bg > div.bg-velo {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.3;}
.slick-slider {position: relative; display: block; box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; overflow: hidden; padding: 50px 0 20px 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; /*display: flex; align-items: stretch; margin-left: auto; margin-right: auto;*/ /*height:600px*/}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; min-height: 1px; opacity:0.5; float:left;
	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide.slick-active {opacity:1}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block; align-items: stretch;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-arrow {position: absolute; height: 100%; top: 0; width: 10%; cursor: pointer; z-index: 2; opacity: 1; border: 0; background: rgba(0,0,0,0.2); color: #ffffff; font-weight: 900;  display: flex; justify-content: center; align-items: center; font-size: 50px;}
.slick-prev {left: 0;}
.slick-next {right: 0;}
ul.slick-dots {display: flex; width: 100%; bottom: 10px; margin: 0; justify-content: center;}
ul.slick-dots button {padding: 0; margin: 0 10px; background-color: #ffffff; border: solid 2px #000000; text-indent: 18px; overflow: hidden; width: 15px; height: 15px; border-radius: 10px; cursor: pointer;}
ul.slick-dots .slick-active button {background-color: #000000}
.bg-negro ul.slick-dots button {background-color: #000000; border: solid 2px #ffffff;}
.bg-negro ul.slick-dots .slick-active button {background-color: #ffffff}

.mapslider {max-width: 400px;}
.mapslider .slick-list {padding:0}
.gm-style .gm-style-iw-c {z-index:-1}

/* ACCORDION */
.accordion-header {width: calc(100% - 25px); cursor: pointer;}
.accordion-header.with-icon {padding-right: 25px;}
.icon {position: absolute; right: 0; top: 0;}

/* SEARCH FORM */
.search-field {padding: 1em 2em;display: inline-block;cursor: pointer;font-weight: 600;border-radius: 150px;border: solid currentColor 2px;width: 100%;max-width: 450px;}
.search-field:focus {border-color:#d7d7d7}
.search-submit { position: absolute;right: -50px;width: 50px;height: 100%;background: transparent; font-size: 17px;color: currentColor;border: none;z-index: 3;cursor: pointer;}
.search-field:focus + .search-submit {right: 0;}
::placeholder{color: currentColor; opacity:1; text-transform: uppercase;}
:-ms-input-placeholder{color: currentColor; opacity:1; text-transform: uppercase;}
::-ms-input-placeholder {color: currentColor; opacity:1; text-transform: uppercase;}

/* POPUP */
.popup {display:none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000;}
.popup-inner {position: absolute;z-index: 1001; width: max-content; top: 50%; left: 50%; max-width: calc(100% - 40px); max-height: calc(100% - 40px); overflow-y: auto;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup-bg {position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 1000; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(5px);}
.popup-close {width: 30px; text-align: center; line-height: 30px; top: 0px; position: absolute; right: 0px; background: #000; border: solid 2px #fff; border-radius: 100px; color: #ffffff; cursor: pointer;}

/* FORMS */
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=url], textarea, select {border: solid 2px #ccc; border-radius: 20px; width: 100%; /*margin-bottom: 20px;*/ box-sizing: border-box; padding: 10px 20px; font-family: 'Lato', sans-serif; 
	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}
input[type="checkbox"], input[type="radio"] {width: 20px; height: 20px; border-radius: 10px; border: solid 2px #ccc;}
input[type=submit] {border: solid 2px #ffffff; border-radius: 60px; background-color: #46d6ac; color: #fff; padding: 15px 40px; font-size: 17px; font-weight: 600; font-family: 'Lato', sans-serif; text-transform: uppercase;}


/* PROPIO */
.m-center {top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.m-top {top:0}
.m-bottom {top:100%;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform: translate(0, -100%);
}
.m-left {left:0}
.m-right {right:0}
.m-left-15 {left:15%}
.m-right-15 {right:15%}
.mx-w-140 {max-width: 140px;}
.mx-w-280 {max-width: 280px;}
.mx-w-360 {max-width: 360px;}

.bd-r-tl {border-top-left-radius: 30px;}
.bd-r-tr {border-top-right-radius: 30px;}
.bd-r-bl {border-bottom-left-radius: 30px;}
.bd-r-br {border-bottom-right-radius: 30px;}
.bd-r-45 {border-radius: 45px;}

#secmenu {z-index: 10;  width: 100%; padding-top:20px;}
#secmenu .secmenu-item {padding:0 20px 20px 20px}
#secmenu.glue {top: 0; position: fixed;}
#sechead {height: 95vh; min-height: 880px;}
#sechead img {filter: drop-shadow(rgba(0, 0, 0, 0.467) -58px 44px 46px) drop-shadow(rgba(0, 0, 0, 0.5) -8px 6px 10px); overflow: hidden; position:absolute;}
[data-parallax] {
	-webkit-transition: -webkit-transform 20ms linear 0ms;
	-moz-transition: -moz-transform 20ms linear 0ms;
	-ms-transition: -ms-transform 20ms linear 0ms;
	-o-transition: -o-transform 20ms linear 0ms;
	transition: transform 20ms linear 0ms;
}

#secbook {background-color: #000000; height: 100vh;}
#secbook.active, #secbook:hover {background-color: #8ee0c9;}
#secbook, #secbook img {
	-webkit-transition: all ease-in-out 500ms;
	-moz-transition: all ease-in-out 500ms;
	-ms-transition: all ease-in-out 500ms;
	-o-transition: all ease-in-out 500ms;
	transition: all ease-in-out 500ms;
}
#secbook > div {position: absolute;}
#secbook > div > img.positive, #secbook.active > div > img.negative, #secbook:hover > div > img.negative {opacity:0}
#secbook > div > img.negative, #secbook.active > div > img.positive, #secbook:hover > div > img.positive {opacity:1}
#secbook .roadbook_01 {width: 60vw; margin: 7vh 20vw; text-align: center; top:50px}
#secbook .roadbook_02 {top: 4%; left: 0px; width: 28%;}
#secbook .roadbook_03 {top: 40%; left: 15%; width: 10%;}
#secbook .roadbook_04 {bottom: 10%; left: 0; width: 20%;}
#secbook .roadbook_05 {right: 10%; top: 3%; width: 14%;}
#secbook .roadbook_06 {top: 20%; right: 22%; width: 6%;}
#secbook .roadbook_07 {top: 38%; right: 10%; width: 26%;}
#secbook .roadbook_08 {bottom: 5%; right: 5%; width: 10%;}
#secbook .roadbook_01 img {max-height: 80vh;}

#instagramiconsvg {position: absolute; width: 150px; left: calc(50% - 75px); top: 5px; z-index: -1;}
#instagramiconsvg .st0 {fill: none; stroke: #ffffff; stroke-width: 15; stroke-miterlimit: 10; stroke-dasharray: 728; stroke-linecap: round; stroke-dashoffset: 2350;
	-webkit-transition: all cubic-bezier(0, 0.5, 0.5, 1) 1000ms;
    -moz-transition: all cubic-bezier(0, 0.5, 0.5, 1) 1000ms;
	-ms-transition: all cubic-bezier(0, 0.5, 0.5, 1) 1000ms;
    -o-transition: all cubic-bezier(0, 0.5, 0.5, 1) 1000ms;
    transition: all cubic-bezier(0, 0.5, 0.5, 1) 1000ms;
}
#secinstagram:hover #instagramiconsvg .st0 {stroke-dasharray: 968; stroke: #dedede;}

#secproduct a.relative:before {content:""; position: absolute; background-color: black; height: 1px; width: 0; bottom: -4px;
	-webkit-transition: all cubic-bezier(0, 0.5, 0.5, 1) 500ms;
    -moz-transition: all cubic-bezier(0, 0.5, 0.5, 1) 500ms;
	-ms-transition: all cubic-bezier(0, 0.5, 0.5, 1) 500ms;
    -o-transition: all cubic-bezier(0, 0.5, 0.5, 1) 500ms;
    transition: all cubic-bezier(0, 0.5, 0.5, 1) 500ms;
}
#secproduct a.relative:hover:before {width:100%}

.perspective {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
    -o-perspective: 1000px;
	perspective: 1000px;
}
.multicapa {margin: 0 20px 20px 20px; position: relative; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg);
    -moz-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg);
	-ms-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg);
    -o-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg);
	transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg);
}
.perspective:hover .multicapa {
	-webkit-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg);
    -moz-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg);
	-ms-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg);
    -o-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg);
    transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg);
}
.multicapa .front, .multicapa .back {display: flex; align-items: center; justify-content: center;
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
    -o-perspective: 2000px;
	perspective: 2000px; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.multicapa .back {position: absolute; display:block; top: 0px; left: 0px; right: 0px; bottom: 0px; 
	-webkit-transform: translate3d(20px, 20px, -30px) rotate3d(0,1,0,180deg) scale(0.95);
    -moz-transform: translate3d(20px, 20px, -30px) rotate3d(0,1,0,180deg) scale(0.95);
	-ms-transform: translate3d(20px, 20px, -30px) rotate3d(0,1,0,180deg) scale(0.95);
    -o-transform: translate3d(20px, 20px, -30px) rotate3d(0,1,0,180deg) scale(0.95);
	transform: translate3d(20px, 20px, -30px) rotate3d(0,1,0,180deg) scale(0.95);
}
.multicapa .front {height: 400px; position: relative; 
	-webkit-transform: translate3d(-10px, -10px, 20px) scale(0.95);
    -moz-transform: translate3d(-10px, -10px, 20px) scale(0.95);
	-ms-transform: translate3d(-10px, -10px, 20px) scale(0.95);
    -o-transform: translate3d(-10px, -10px, 20px) scale(0.95);
	transform: translate3d(-10px, -10px, 20px) scale(0.95);
}

.unicapa {position: relative; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
	transform-style: preserve-3d; 
	-webkit-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 0deg);
    -moz-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 0deg);
	-ms-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 0deg);
    -o-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 0deg);
	transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 0deg);
}
.perspective:hover .unicapa {
	-webkit-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 180deg);
    -moz-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 180deg);
	-ms-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 180deg);
    -o-transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 180deg);
    transform: translate3d(0px, 0px, 0px) rotate3d(1, 0, 0, 180deg);
}
.unicapa .front, .unicapa .back {display: flex; align-items: center; justify-content: center;
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
    -o-perspective: 2000px;
	perspective: 2000px; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.unicapa .back {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
	-webkit-transform: translate3d(0px, 0px, -1px) rotate3d(1,0,0,180deg) scale(0.998);
    -moz-transform: translate3d(0px, 0px, -1px) rotate3d(1,0,0,180deg) scale(0.998);
	-ms-transform: translate3d(0px, 0px, -1px) rotate3d(1,0,0,180deg) scale(0.998);
    -o-transform: translate3d(0px, 0px, -1px) rotate3d(1,0,0,180deg) scale(0.998);
	transform: translate3d(0px, 0px, -1px) rotate3d(1,0,0,180deg) scale(0.998);
}
.unicapa .front {height: 400px; position: relative; background-position: 50% 50%; background-size: cover; font-weight: 100; font-size: 20px;
	-webkit-transform: translate3d(0px, 0px, 1px) scale(0.998);
    -moz-transform: translate3d(0px, 0px, 1px) scale(0.998);
	-ms-transform: translate3d(0px, 0px, 1px) scale(0.998);
    -o-transform: translate3d(0px, 0px, 1px) scale(0.998);
	transform: translate3d(0px, 0px, 1px) scale(0.998);
}

.multicapa .front > div, .multicapa .back > div, .unicapa .front > div, .unicapa .back > div  {max-height: calc(100% - 20px);
	-webkit-transform: translate3d(0px, 0px, 50px) scale(0.95);
    -moz-transform: translate3d(0px, 0px, 50px) scale(0.95);
	-ms-transform: translate3d(0px, 0px, 50px) scale(0.95);
    -o-transform: translate3d(0px, 0px, 50px) scale(0.95);
	transform: translate3d(0px, 0px, 50px) scale(0.95);
}

.entrevista {margin: 0 20px 20px 20px; position:relative;}
.entrevista:after {content: ""; position: absolute; border: solid #000 4px; background: #ffffff; top: 20px; left: 20px; right: -20px; bottom: -20px; z-index: 1;}
.entrevista > div {height: 400px; border: solid #000 4px; background-color: #ffffff; position: relative; z-index: 2;}
.bg-front {
    position: absolute;
    top: 0;
    left: 0;
    max-height: none !important;
    right: 0;
    bottom: 0;
    overflow: hidden;
    object-fit: cover;
    z-index: -1;
}
.bg-front img, .bg-front video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* SCROLLBAR */
div {scrollbar-width: thin;}
div::-webkit-scrollbar-track {border-radius: 3px; background-color: rgb(120 120 120 / 50%);}
div::-webkit-scrollbar {width: 6px; background-color: transparent;}
div::-webkit-scrollbar-thumb {border-radius: 6px; background-color: rgb(255 255 255 / 50%);}

@media only screen and (max-width:1440px) {
	h1, .h1 {font-size: 45px;}
	h2, .h2 {font-size: 30px;}
	h3, .h3 {font-size: 22px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 16px;}
	p.big, .p.big, .post .entry-content p, .post .entry-content li {font-size: 18px;}
	.menu-item > a {font-size: 14px;}
	.wrapper {max-width:1100px;}

	/* PROPIO */
	.mx-w-140 {max-width: 100px;}
	.mx-w-280 {max-width: 200px;}
	.mx-w-360 {max-width: 250px;}
	.bd-r-tl {border-top-left-radius: 25px;}
	.bd-r-tr {border-top-right-radius: 25px;}
	.bd-r-bl {border-bottom-left-radius: 25px;}
	.bd-r-br {border-bottom-right-radius: 25px;}
	.bd-r-45 {border-radius: 30px;}
	#sechead {min-height: 640px;}
}

@media only screen and (max-width:1024px) {
	.col1-8, .col3-8, .col1-7 {width:25%}
	.col1-3, .col2-6, .col2-3, .col4-6, .col5-8, .col6-8 {width:50%;}
	h1, .h1 {font-size: 40px;}
	p.big, .p.big {font-size: 1.3em;}

	.mx-w-140 {max-width: 70px;}
	.mx-w-280 {max-width: 140px;}
	.mx-w-360 {max-width: 200px;}
	.bd-r-tl {border-top-left-radius: 16px;}
	.bd-r-tr {border-top-right-radius: 16px;}
	.bd-r-bl {border-bottom-left-radius: 16px;}
	.bd-r-br {border-bottom-right-radius: 16px;}
	.bd-r-45 {border-radius: 20px;}
	#sechead {min-height: 450px;}

	#secbook .roadbook_01 {}
	#secbook .roadbook_02 {left: -10%;}
	#secbook .roadbook_03 {left: 5%;}
	#secbook .roadbook_04 {}
	#secbook .roadbook_05 {right: 5%;}
	#secbook .roadbook_06 {right: 15%;}
	#secbook .roadbook_07 {right: -7%;}
	#secbook .roadbook_08 {}
}

@media only screen and (max-width:770px) {
	body {font-size:14px}
	.col1-2, .col2-4, .col3-6, .col1-3, .col2-6, .col2-3, .col4-6, .col1-4, .col3-4, .col1-5, .col2-5, .col3-5, .col4-5, .col1-6, .col1-7, .col1-8,	.col3-8, .col5-8, .col7-8, .home-header [class^="col1-"], .home-header [class^="col2-"], .home-header [class^="col3-"], .home-header [class^="col4-"], .home-header [class^="col5-"], .home-header [class^="col6-"] {width: 100%; box-sizing: border-box;}
	.resp-order-1{order:1;}
	.resp-order-2{order:2;}
	.resp-order-3{order:3;}
	.resp-order-4{order:4;}
	.resp-order-5{order:5;}
	.resp-order-6{order:6;}
	h1, .h1 {font-size: 35px;}
	h2, .h2 {font-size: 25px;}
	h3, .h3 {font-size: 16px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 16px;}
	p.big, .p.big {font-size: 1.1em; line-height: 1em;}
	.m-right-15, .m-left-15 {display:none}

	#secbook {height: 90vh;}
	#secbook .roadbook_01 {bottom: auto;}
	#secbook .roadbook_02 {}
	#secbook .roadbook_03 {}
	#secbook .roadbook_04 {width: 30%;}
	#secbook .roadbook_05 {right: 1%; top: 0%; width: 18%;}
	#secbook .roadbook_06 {top: 30%; right: 3%; width: 9%;}
	#secbook .roadbook_07 {top: 50%; right: -10%; width: 36%;}
	#secbook .roadbook_08 {}
}

@media only screen and (max-width:550px) {
	[class^="col1-"],[class^="col2-"],[class^="col3-"],[class^="col4-"],[class^="col5-"],[class^="col6-"] {width:100%}
}