/*
V13 24/07/2025 - 2025
Design: Logos Comunicaciones
www.logoscomunicaciones.com
*/
/* RESET */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/*
body{
line-height: 1;
}
*/
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* RESET */
@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-Regular.eot');
src: url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ManropeL';
src: url('../fonts/Manrope-Light.eot');
src: url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Light.woff2') format('woff2'), url('../fonts/Manrope-Light.woff') format('woff'), url('../fonts/Manrope-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ManropeB';
src: url('../fonts/Manrope-Bold.eot');
src: url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Light';
src: url('../fonts/Montserrat-Light.eot');
src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'MunaleLoird';
src: url('../fonts/MunaleLoird-Regular.eot');
src: url('../fonts/MunaleLoird-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MunaleLoird-Regular.woff2') format('woff2'), url('../fonts/MunaleLoird-Regular.woff') format('woff'), url('../fonts/MunaleLoird-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ---------------------------- SETTINGS ---------------------------- */
/*@col0: #030300;*/
/* ---------------------------- SETTINGS ---------------------------- */
body {
color: #ffffff;
font-size: 20px;
font-family: 'Manrope', Tahoma, Verdana;
text-align: center;
line-height: 28px;
background: #010100;
overflow-x: hidden;
height: auto;
}
body.dspM {
overflow: hidden;
overflow-y: hidden;
width: 100wv;
height: 100wh;
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
font-weight: 100;
}
a {
-webkit-transition: all 0.03s;
-moz-transition: all 0.03s;
-ms-transition: all 0.03s;
-o-transition: all 0.03s;
transition: all 0.03s;
}
/* MODAL */
.contentMod {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
visibility: hidden;
pointer-events: none;
overflow: hidden;
overflow-y: scroll;
position: fixed;
background: rgba(1, 1, 0, 0.95);
width: 100vw;
height: 100%;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cntMod {
top: 0;
z-index: 20px;
box-sizing: border-box;
overflow: hidden;
position: relative;
color: #010100;
font-size: 18px;
line-height: 26px;
text-align: center;
background: #12110c;
width: 780px;
margin: 16% auto 100px auto;
padding: 50px 190px;
}
.contentMod iframe,
.contentMod object,
.contentMod embed,
.contentMod video {
top: 50%;
left: 50%;
position: absolute;
background: #010100;
width: auto;
min-height: 80%;
height: 80%;
transform: translate(-50%, -50%);
}
.vidEmb{
float: left;
width: 100%;
}
.contentMod .vidEmbIt{
position: absolute;
top: 42%;
left: 50%;
width: 80% !important;
height: 80% !important;
min-height: 80% !important;
border: 0;
transform: translate(-50%, -50%);
}
.btnClose {
float: right;
display: block;
box-sizing: border-box;
cursor: pointer;
z-index: 10;
position: relative;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/ico-cls.svg) no-repeat center;
background-size: 22px auto;
border: 1px solid #ffffff;
border-radius: 50%;
width: 60px;
height: 60px;
margin: 20px 20px 0 0;
padding: 0;
}
.contentMod h2 {
color: #b9b09f;
font-size: 34px;
line-height: 60px;
text-transform: uppercase;
}
.lnk01 {
float: left;
display: block;
box-sizing: border-box;
z-index: 10;
position: relative;
outline: none;
color: #ffffff;
font-size: 24px;
text-decoration: none;
background: url(../lib/ar-rgt.svg) no-repeat left center;
background-size: 24px auto;
margin: 10px 0;
padding: 10px 0 10px 45px;
}
.lnk01:hover {
color: #b9b09f;
}
/* MODAL */
.wrapper {
position: relative;
width: 100%;
margin: 0 auto;
}
/*
a.logo:link,a.logo:visited{
float: left;
display: block;
position: relative;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logo-lpz.svg) no-repeat center;
background-size: auto 50px;
width: 90px;
height: 53px;
}*/
a.logo:link,
a.logo:visited {
float: left;
display: block;
position: relative;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logo-lpz.svg) no-repeat center;
background-size: auto 90px;
width: 90px;
height: 90px;
}
a.logo:hover {
opacity: 0.7;
}
header.hdPf a.logo:link,
a.logo:visited {
background: url(../lib/logo-lpz.svg) no-repeat -28px top !important;
background-size: auto 68px !important;
width: 136px;
height: 43px;
margin-top: 10px;
}
header.hdPf a.logo::after {
top: 9px;
right: 0;
content: "";
position: absolute;
background: url(../lib/logo-lpz.svg) no-repeat center bottom !important;
background-size: auto 78px !important;
width: 65px;
height: 30px;
}
header.dspMn a.logo {
display: none;
}
header {
top: 0;
left: 0;
z-index: 1000;
display: block;
position: fixed;
background: rgba(1, 1, 0, 0.01);
width: 100%;
height: 115px;
}
header.hdPf {
display: block;
background: rgba(1, 1, 0, 0.9);
height: 80px;
}
header.dspMn {
height: auto;
}
header .cntHeader {
box-sizing: border-box;
overflow: hidden;
z-index: 200;
position: relative;
text-align: center;
width: 100%;
margin: 27px auto 25px auto;
padding: 0 45px;
}
header.hdPf .cntHeader {
margin: 7px auto 5px auto;
}
.menuMb {
float: right;
display: block;
cursor: pointer;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/ico-menu.svg) no-repeat center;
background-size: 42px auto;
width: 60px;
height: 50px;
}
header.hdPf .menuMb {
background-size: 35px auto;
margin-top: 8px;
}
header.dspMn .menuMb {
display: none;
}
.menuMbCls {
display: none;
z-index: 100;
cursor: pointer;
position: fixed;
top: 20px;
right: 20px;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/ico-cls.svg) no-repeat center;
background-size: 22px auto;
border: 1px solid #010100;
border-radius: 50%;
width: 60px;
height: 60px;
opacity: 0.5;
transition: all 0.23s;
}
header.dspMn .menuMbCls {
display: block;
}
.menuMbCls:hover {
opacity: 1;
transition: all 0.23s;
}
nav {
float: left;
overflow: hidden;
pointer-events: none;
position: relative;
font-size: 20px;
font-weight: 100;
width: 0;
height: 0;
margin: 40px auto 0 35%;
transition: all 0.3s;
visibility: hidden;
}
header.hdPf nav {
overflow: visible;
font-size: 16px;
line-height: 26px;
}
header.dspMn nav {
pointer-events: initial;
visibility: visible;
width: 500px;
height: 80vh;
margin: 40px auto 0 35%;
}
nav ul {
float: left;
pointer-events: none;
width: 100%;
height: auto;
margin: 15px 0 0 0;
}
header.hdPf nav ul {
margin: 15px 0 0 0;
}
header.dspMn nav ul {
pointer-events: initial;
height: 80vh;
margin: 8vh 0 0 0;
}
nav ul li {
float: left;
display: block;
position: relative;
line-height: 41px;
width: 100%;
height: auto;
margin: 5px 0;
opacity: 0;
transform: translateY(300px);
transition: all 0.5s;
}
nav ul li a {
float: left;
display: block;
overflow: hidden;
position: relative;
color: rgba(255, 255, 255, 0.6);
font-size: 28px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
font-weight: 100;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
padding: 12px 0;
transition: all 0.23s;
}
nav ul li a:hover {
color: rgba(255, 255, 255, 0.95);
}
nav ul .act a {
color: #b9b09f;
}
a.lnkLang {
float: right;
display: block;
overflow: hidden;
position: relative;
color: #010100;
font-size: 16px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
line-height: 38px;
text-decoration: none;
text-transform: uppercase;
background: #b9b09f;
width: auto;
height: 33px;
margin: 8px 0 0 10px;
padding: 0 25px;
transition: all 0.23s;
}
a.lnkLang:hover {
background: #d3ccbd;
}
header.dspMn a.lnkLang {
display: none;
}
header.hdPf a.lnkLang {
font-size: 14px;
line-height: 30px;
height: 25px;
margin: 21px 0 0 10px;
padding: 0 20px;
}
header::after {
top: -24.2vw;
right: -34vw;
z-index: 100;
content: "";
position: fixed;
pointer-events: none;
background-color: rgba(1, 1, 0, 0.4);
transition: 0.5s;
transform: scale(0);
transform-origin: 108vw 27vw;
width: 150vw;
height: 150vw;
}
header.dspMn::after {
transform: scale(1.2);
transition: 0.5s;
}
header video {
display: none;
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
header.dspMn .vid_dsck {
display: block;
}
/* BANNER HOME */
.contentInicio {
float: left;
display: block;
overflow: hidden;
z-index: 1;
position: relative;
box-sizing: border-box;
background: #010100;
width: 100%;
height: 115vh;
margin: 0;
padding: 0;
}
.contentInicio.liCol5 {
height: 115vh;
}
.contentInicio.liCol4 {
height: 160vh;
}
.contentInicio::after {
top: 0;
left: 0;
content: "";
z-index: 10;
pointer-events: none;
position: absolute;
box-sizing: border-box;
background: rgba(1, 1, 0, 0.5);
width: 100%;
height: 100%;
}
.contentInicio.oB::after {
top: 0;
left: 0;
z-index: 10;
pointer-events: none;
position: absolute;
content: "";
background: url(../lib/bg-1.png) repeat center;
width: 100%;
height: 100%;
opacity: 0.6;
}
.contentInicio::before {
bottom: 0;
left: 0;
content: "";
z-index: 20;
pointer-events: none;
position: absolute;
box-sizing: border-box;
background: rgba(1, 1, 0, 0);
background: linear-gradient(to bottom, rgba(1, 1, 0, 0) 0%, #010100 60%, #010100 100%);
width: 100%;
height: 55vh;
}
.contentInicio.liCol4::before {
height: 160vh;
}
.contentInicio iframe,
.contentInicio object,
.contentInicio embed,
.contentInicio video {
z-index: 10;
position: relative;
pointer-events: none;
width: 110%;
max-width: 110%;
min-height: 100%;
margin-top: -200px;
}
.contentInicio .vid_dsck {
display: block;
}
.contentInicio .vid_mob {
display: none;
}
.cntInicio {
left: 50%;
bottom: 20px;
display: block;
overflow: visible;
z-index: 100;
position: absolute;
width: 1350px;
height: 560px;
transform: translateX(-50%);
}
.contentInicio.liCol5 .cntInicio {
height: 550px;
}
.contentInicio.liCol4 .cntInicio {
height: 1100px;
}
.contentInicio h1 {
top: -20px;
left: 50%;
display: block;
position: absolute;
overflow: visible;
color: #ffffff;
font-size: 62px;
letter-spacing: 10px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
width: 650px;
transform: translate(-50%, 10px);
transition: transform 0.2s ease-out;
}
.contentInicio h1 a {
display: block;
color: #ffffff;
text-decoration: none;
transition: all 0.23s;
}
.contentInicio h1 a:hover {
opacity: 0.7;
}
.contentInicio h1 b {
float: left;
display: block;
position: relative;
overflow: hidden;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
text-align: center;
width: 100%;
opacity: 0;
transform: translateX(-50%);
filter: blur(30px);
}
.contentInicio h1 span {
float: left;
display: block;
position: relative;
overflow: hidden;
font-size: 54px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 6px;
text-align: center;
width: 100%;
opacity: 0;
margin-top: -38px;
transform: translateX(50%);
filter: blur(30px);
}
ul.liCat {
float: left;
display: block;
overflow: visible;
font-size: 22px;
text-align: center;
width: 100%;
height: 500px;
margin: 50px 0 20px 0;
}
ul.liCat.lCI {
margin: -50px 0 20px 0;
}
ul.liCat li,
.contentInt ul.liCat li {
float: none;
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;
width: 310px;
margin: 0;
padding: 0;
opacity: 0;
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
}
.contentInicio.liCol5 ul.liCat li {
overflow: hidden;
width: 240px;
margin: 0 10px;
}
ul.liCat li:nth-child(1) {
margin: 100px 16px 0 -2px;
}
ul.liCat li:nth-child(2) {
margin: 140px 16px 0 16px;
}
ul.liCat li:nth-child(3) {
margin: 100px 16px 0 16px;
}
ul.liCat li:nth-child(4) {
margin: 140px -2px 0 16px;
}
ul.liCat li:nth-child(5) {
margin: 100px -2px 0 -2px;
}
ul.liCat li a {
float: left;
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
text-decoration: none;
width: 100%;
}
ul.liCat li a:hover {
color: #ffffff;
}
ul.liCat a .bxImg {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
text-align: left;
width: 100%;
height: 310px;
transition: all 0.23s;
}
.contentInicio.liCol5 ul.liCat a .bxImg {
width: 100%;
height: auto;
}
/*
ul.liCat a .bxImg::after{
z-index: 20;
content: "";
position: absolute;
background: @col0;
width: 50px;
height: 50px;
}
ul.liCat li:nth-child(1) a .bxImg::after,
ul.liCat li:nth-child(3) a .bxImg::after{
bottom: -1px;
right: 0;
}
ul.liCat li:nth-child(2) a .bxImg::after,
ul.liCat li:nth-child(4) a .bxImg::after{
bottom: -1px;
left: 0;
}
*/
ul.liCat a .bxImg img {
float: left;
display: block;
position: relative;
width: auto;
height: 310px;
margin: 0;
transition: all 0.23s;
}
.contentInicio.liCol5 ul.liCat a .bxImg img {
width: 100%;
height: auto;
}
ul.liCat a:hover .bxImg img {
scale: 1.03;
}
/*
ul.liCat a .bxImg::before{
top: 0;
left: 0;
content: "";
z-index: 10;
position: absolute;
box-sizing: border-box;
background: transparent;
border: 100px solid fade(#1f1f1e, 0%);
width: @w1;
height: @w1;
transition: all .24s;
}
ul.liCat a:hover .bxImg::before{
border: 50px solid fade(#1f1f1e, 40%);
}
*/
ul.liCat a .bxDsc {
float: left;
display: block;
text-align: left;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat 80% center;
background-size: 0 auto;
width: auto;
padding: 10px 75px 10px 0;
transition: all 0.15s;
}
ul.liCat li:nth-child(2) a .bxDsc,
ul.liCat li:nth-child(4) a .bxDsc {
float: right;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat 20px center;
background-size: 0 auto;
padding: 10px 0 10px 75px;
}
ul.liCat a:hover .bxDsc {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat right center;
background-size: 24px auto;
}
ul.liCat li:nth-child(2) a:hover .bxDsc,
ul.liCat li:nth-child(4) a:hover .bxDsc {
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat left center;
background-size: 24px auto;
}
ul.liCat li::before {
bottom: 48px;
right: 0;
z-index: 10;
content: "";
pointer-events: none;
position: absolute;
background: rgba(1, 1, 0, 0.4);
width: 0;
height: 49px;
transition: all 0.1s;
}
ul.liCat li:hover::before {
bottom: 48px;
right: 0;
z-index: 10;
content: "";
position: absolute;
background: rgba(1, 1, 0, 0.4);
width: 100%;
height: 49px;
}
.contentInicio.liCol5 ul.liCat li::before {
bottom: 57px;
height: 38px;
}
.contentInicio.liCol5 ul.liCat li:hover::before {
bottom: 57px;
height: 38px;
}
ul.liCat li::after,
.contentInt ul.liCat li::after {
top: auto;
bottom: 97px;
left: 0;
z-index: 10;
content: "";
pointer-events: none;
position: absolute;
background: rgba(1, 1, 0, 0.4);
border-radius: 0;
border: 0;
width: 50px;
height: 0;
transition: all 0.1s;
transition-delay: 0.1s;
}
ul.liCat li:hover::after {
height: calc(100% - 97px);
}
ul.liCat li a::before {
top: 0;
left: 50px;
z-index: 10;
content: "";
pointer-events: none;
position: absolute;
background: rgba(1, 1, 0, 0.4);
width: 0;
height: 50px;
transition: all 0.1s;
transition-delay: 0.2s;
}
ul.liCat li:hover a::before {
width: calc(100% - 100px);
}
ul.liCat li a::after {
top: 0;
right: 0;
z-index: 10;
content: "";
pointer-events: none;
position: absolute;
background: rgba(1, 1, 0, 0.4);
width: 50px;
height: 0;
transition: all 0.1s;
transition-delay: 0.3s;
}
ul.liCat li:hover a::after {
height: calc(100% - 97px);
}
.contentInicio.liCol5 ul.liSaboresCl {
float: none;
clear: both;
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 24px;
width: 100%;
margin: 70px auto 180px auto;
}
.contentInicio.liCol5 ul.liSaboresCl li {
float: left;
box-sizing: border-box;
overflow: hidden;
position: relative;
text-align: center;
width: 17%;
margin: 0 3.7% 0 0;
padding: 5px 0;
opacity: 0;
transform: translateY(90%);
}
.contentInicio.liCol5 ul.liSaboresCl li:after {
display: none;
}
.contentInicio.liCol5 ul.liSaboresCl a.bxImg {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
text-align: center;
width: 100%;
height: 212px;
margin: 20px 0;
padding: 28px;
transition: all 0.23s;
}
.contentInicio.liCol5 ul.liSaboresCl a.bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.contentInicio.liCol5 ul.liSaboresCl a.bxImg:hover img {
scale: 1.05;
opacity: 0.9;
}
.contentInicio.liCol5 ul.liSaboresCl .bxDsc {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
margin: 10px 0 20px 0;
}
.contentInicio.liCol5 ul.liSaboresCl a.txTit {
float: left;
display: block;
overflow: hidden;
position: relative;
color: #b9b09f;
font-size: 24px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
line-height: 50px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin: 0;
}
.contentInicio.liCol5 ul.liSaboresCl a.txTit:hover {
color: rgba(185, 176, 159, 0.7);
}
.contentInicio.liCol5 ul.liSaboresCl .txtDsc {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
margin: 0;
}
.contentIPr {
float: left;
display: block;
overflow: hidden;
position: relative;
box-sizing: border-box;
background: #010100;
width: 100%;
min-height: 300px;
margin: 0;
padding: 0 0 50px 0;
}
.contentIPr.IntBlg {
padding: 0;
}
.contentIPr.titOl {
min-height: 1210px;
}
.contentIPr::after {
top: 0;
left: 0;
content: "";
z-index: 10;
pointer-events: none;
position: absolute;
box-sizing: border-box;
background: rgba(1, 1, 0, 0.5);
width: 100%;
height: 100%;
}
.contentIPr::before {
bottom: 0;
left: 0;
content: "";
z-index: 20;
pointer-events: none;
position: absolute;
box-sizing: border-box;
background: rgba(1, 1, 0, 0);
background: linear-gradient(to bottom, rgba(1, 1, 0, 0) 0%, #010100 70%, #010100 100%);
width: 100%;
height: 50vh;
}
.contentIPr.titOl::before {
bottom: 300px;
}
.contentIPr h1 {
float: left;
display: block;
z-index: 100;
position: relative;
font-size: 62px;
letter-spacing: 5px;
line-height: 70px;
text-transform: uppercase;
width: 100%;
padding: 10px 0;
opacity: 0;
transform: translateX(-50%);
filter: blur(30px);
}
.contentIPr h2 {
float: left;
display: block;
z-index: 100;
position: relative;
color: #b9b09f;
font-size: 12px;
letter-spacing: 3px;
line-height: 30px;
text-transform: uppercase;
width: 100%;
}
.contentIPr h2 a {
float: left;
display: block;
color: #b9b09f;
text-decoration: none;
transition: all 0.23s;
}
.contentIPr h2 a:hover {
color: #ffffff;
}
.contentIPr img {
top: 0;
left: 0;
display: block;
z-index: 1;
position: relative;
pointer-events: none;
width: 100%;
height: auto;
}
.contentIPr .imgDsk {
display: block;
}
.contentIPr .imgMb {
display: none;
}
.cntIPr {
bottom: 0;
left: 50%;
display: block;
z-index: 50;
overflow: visible;
position: absolute;
width: 1350px;
transform: translateX(-50%);
}
.contentIPr.IntBlg .cntIPr {
bottom: auto;
left: 50%;
display: block;
z-index: 50;
overflow: visible;
position: relative;
width: 1350px;
margin-top: 100px;
transform: translateX(-50%);
}
.contentIPr.IntBlg h1 {
font-size: 48px;
line-height: 50px;
margin-bottom: -10px;
padding: 15px 0;
}
.contentIPr .bxDsc {
display: block;
float: left;
text-align: left;
width: 80%;
padding: 0;
transition: all 0.15s;
}
.contentIPr p {
width: 700px;
opacity: 0;
transform: translateX(-50%);
filter: blur(30px);
}
.contentIPr .bxImg {
top: 550px;
right: 0;
display: block;
overflow: visible;
z-index: 100;
position: absolute;
text-align: left;
width: 740px;
height: auto;
margin-right: 90px;
}
.contentIPr .bxImg::after {
top: -20px;
left: -40px;
z-index: 50;
content: "";
pointer-events: none;
position: absolute;
background: #010100;
width: 770px;
height: 375px;
}
.contentIPr .bxImg img {
float: left;
display: block;
z-index: 100;
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.btnMVd {
float: left;
display: block;
cursor: pointer;
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.btnMVd::after {
right: 0;
bottom: 0;
z-index: 100;
content: "";
pointer-events: none;
position: absolute;
background: rgba(1, 1, 0, 0.5) url('data:image/svg+xml,') no-repeat center;
background-size: 37px auto;
width: 65px;
height: 65px;
transition: all 0.23s;
}
.btnMVd:hover::after {
background: #010100 url('data:image/svg+xml,') no-repeat center;
background-size: 37px auto;
}
.btnMVd img {
transition: all 0.23s;
}
.btnMVd:hover img {
opacity: 0.8;
}
.contentIPr .bxLItm {
float: left;
display: block;
box-sizing: border-box;
text-align: left;
background: #0e0e0c;
width: 215px;
height: 215px;
margin: 120px 50px 0 0;
padding: 32px;
transition: all 0.15s;
opacity: 0;
transform: translateX(-30%);
}
.contentIPr .bxLItm img {
float: left;
display: block;
z-index: 100;
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.contentIPr .bxDItm {
float: left;
display: block;
z-index: 100;
overflow: visible;
position: relative;
font-size: 20px;
line-height: 28px;
text-align: left;
width: 900px;
margin-top: 120px;
padding: 0;
transition: all 0.15s;
}
.contentIPr .bxDItm h1 {
width: auto;
max-width: 70%;
}
.contentIPr .bxDItm p {
float: left;
display: block;
width: 100%;
margin-top: -20px;
margin-bottom: 25px;
}
.contentIPr a.lnkUrl {
float: left;
display: block;
position: relative;
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
line-height: 28px;
text-align: left;
text-decoration: none;
width: auto;
height: 32px;
margin: 0 75px 20px 0;
padding: 0;
transition: all 0.15s;
}
.contentIPr a.lnkUrl:hover {
color: rgba(255, 255, 255, 0.9);
}
.contentIPr a.lnkUrl::after {
left: 0;
bottom: 0;
content: "";
position: absolute;
background: #ffffff;
width: 100%;
height: 1px;
transition: all 0.15s;
}
.contentIPr a.lnkUrl::before {
right: -28px;
bottom: 2px;
content: "";
position: absolute;
background: transparent url(../lib/ar-lnk.svg) no-repeat center;
background-size: auto 17px;
width: 22px;
height: 17px;
transition: all 0.15s;
}
.contentIPr a.lnkUrl:hover::before {
right: -24px;
}
.contentIPr .bxDItm ul.liRS {
float: left;
position: relative;
margin: 0 0 0 0;
padding-left: 25px;
}
.contentIPr .bxDItm ul.liRS::before {
left: 0;
top: 2px;
content: "";
position: absolute;
background: #686866;
width: 1px;
height: 35px;
transition: all 0.15s;
}
.contentIPr .bxDItm ul.liRS li {
margin: 0 5px;
}
.contentIPr .bxIHr {
float: left;
display: block;
box-sizing: border-box;
position: relative;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
line-height: 20px;
text-align: left;
background: url(../lib/ico-time.svg) no-repeat 30px 10px;
background-size: auto 23px;
width: auto;
max-width: 55%;
margin: 2px 0 0 20px;
padding: 8px 0 5px 68px;
transition: all 0.15s;
}
.contentIPr .bxIHr::before {
left: 0;
top: 2px;
content: "";
position: absolute;
background: #686866;
width: 1px;
height: 35px;
transition: all 0.15s;
}
.contentIPr .bxPItm {
float: right;
display: block;
z-index: 100;
position: relative;
text-align: left;
min-width: 130px;
margin-top: 130px;
padding: 0;
transition: all 0.15s;
opacity: 0;
transform: translateX(-30%);
}
.contentIPr .bxPItm img {
float: left;
display: block;
z-index: 100;
position: relative;
width: 120px;
height: auto;
margin: 0;
transition: all 0.23s;
}
.contentInt {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
box-sizing: border-box;
text-align: left;
background: #010100;
width: 100%;
min-height: 500px;
}
.contentInt.IPrd {
font-size: 18px;
line-height: 28px;
}
.cntInt {
display: block;
overflow: hidden;
position: relative;
width: 1150px;
margin: 50px auto;
}
.contentInt.IPrd .cntInt {
width: 1130px;
margin: 0 auto 50px auto;
}
.contentInt h3 {
display: block;
overflow: hidden;
position: relative;
color: #b9b09f;
font-size: 30px;
letter-spacing: 2px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
width: 600px;
margin: 20px auto;
padding: 20px 0;
}
.contentInt img {
display: block;
width: auto;
height: auto;
margin: 50px auto;
}
.contentInt p {
display: block;
overflow: hidden;
text-align: left;
margin: 25px 0;
}
.contentInt a {
color: #b9b09f;
text-decoration: underline;
}
.contentInt a:hover {
text-decoration: none;
}
.contentInt ul {
overflow: hidden;
margin: 20px 0 30px 0;
}
.contentInt ul li {
float: left;
box-sizing: border-box;
position: relative;
text-align: left;
width: 100%;
margin: 10px 0;
padding-left: 20px;
}
.contentInt ul li:after {
top: 8px;
left: 0;
content: "";
position: absolute;
display: block;
background: #b9b09f;
border: 2px solid #b9b09f;
border-radius: 50%;
width: 6px;
height: 6px;
}
.contentInt ol {
clear: both;
display: block;
overflow: hidden;
list-style-type: decimal !ie;
/*IE 7- hack*/
counter-reset: li-counter;
margin: 30px 0;
}
.contentInt ol li {
box-sizing: border-box;
overflow: hidden;
position: relative;
text-align: left;
margin: 10px 0;
padding-left: 24px;
}
.contentInt ol li:before {
position: absolute;
top: -1px;
left: 0;
color: #b9b09f;
font-size: 16px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
font-weight: 100;
width: auto;
text-align: right;
content: counter(li-counter) ".";
counter-increment: li-counter;
}
.contentPrm {
float: left;
display: block;
overflow: hidden;
width: 100%;
}
.cntPrm {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
margin: 50px auto;
}
.cntPrm ul {
float: left;
display: block;
overflow: visible;
text-align: center;
width: 100%;
margin: 20px 0;
}
.cntPrm ul li {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;
width: 150px;
margin: 0 5px;
opacity: 0;
transform: translateY(100px);
}
.contentQA {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
background: #010100;
width: 100%;
height: 900px;
padding: 150px 0 250px 0;
}
/*.cntQA{
box-sizing: border-box;
display: block;
overflow: hidden;
width: @w2;
height: 550px;
margin: 200px auto 150px auto;
}*/
.cntQA {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
height: 240px;
margin: 0 auto;
}
.contentQA h2 {
float: left;
clear: both;
font-size: 49px;
letter-spacing: 5px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
width: 100%;
opacity: 0;
transform: translateY(100%);
filter: blur(30px);
}
.contentQA h2 span {
float: left;
display: block;
position: relative;
overflow: hidden;
color: #b9b09f;
font-size: 43px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 4px;
line-height: 70px;
text-align: center;
width: 100%;
margin: -35px 0 0 0;
}
.contentQA h2 a {
display: block;
color: #ffffff;
text-decoration: none;
transition: all 0.23s;
}
.contentQA h2 a:hover {
opacity: 0.7;
}
.contentQA p {
margin-bottom: 20px;
}
.contentQA .cntDsc {
top: 600px;
left: 50%;
display: block;
z-index: 10;
box-sizing: border-box;
overflow: hidden;
position: absolute;
font-size: 18px;
line-height: 26px;
text-align: left;
width: 40%;
height: 300px;
transform: translateX(-50%);
}
.contentQA a.lnkBtn01 {
float: none;
margin: 130px auto 50px auto;
}
.contentQA a.lnkBtn01:hover {
background: transparent url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat 86% center;
background-size: 24px auto;
}
.contentQA .cntMap {
float: left;
display: block;
overflow: hidden;
position: relative;
max-width: 100%;
width: 100%;
height: 100%;
margin: 0;
}
.contentQA .cntMap::after {
top: 0;
left: 0;
display: none;
overflow: hidden;
content: "";
z-index: 5;
position: absolute;
background: rgba(1, 1, 0, 0.05);
width: 100%;
height: 100%;
margin: 0;
}
.contentQA .cntMap img {
float: left;
width: 100%;
height: auto;
margin: 0;
object-fit: cover;
}
.contentQA .cntMap .imgDsk {
display: block;
}
.contentQA .cntMap .imgMb {
display: none;
}
.contentWlc {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
background: #010100;
width: 100%;
}
.cntWlc {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
margin: 0 auto 20px auto;
}
.contentWlc h2 {
float: left;
display: block;
overflow: hidden;
position: relative;
color: #1f1f1e;
font-size: 142px;
line-height: 180px;
text-align: center;
text-transform: uppercase;
width: 100%;
opacity: 0;
transform: translateY(-50%);
margin: 100px auto -20px auto;
}
.contentWlc h2 span {
float: left;
display: block;
overflow: hidden;
position: relative;
color: #ece5d3;
font-size: 66px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 6px;
line-height: 80px;
width: 100%;
margin-top: -155px;
opacity: 0;
transform: translateY(-50%);
}
.contentWlc h2 a {
display: block;
color: #1f1f1e;
text-decoration: none;
transition: all 0.23s;
}
.contentWlc h2 a:hover {
opacity: 0.7;
}
.contentWlc p {
display: block;
overflow: hidden;
width: 78%;
margin: 20px auto;
}
.contentWlc .cntWV {
float: left;
display: block;
overflow: hidden;
position: relative;
width: 100%;
margin-top: 20px;
}
.contentWlc .cntVW {
top: 0;
left: 50%;
z-index: 10;
display: block;
overflow: hidden;
position: relative;
width: 60%;
transform: translateX(-50%);
}
.contentWlc .cntVW::after {
top: -35px;
left: -50px;
z-index: 5;
content: "";
position: absolute;
background: #010100;
width: 100%;
height: 100%;
transition: transform 0.2s ease-out;
}
.contentWlc .cntVW::before {
right: 0;
bottom: 0;
z-index: 30;
content: "";
pointer-events: none;
position: absolute;
background: rgba(1, 1, 0, 0.6) url('data:image/svg+xml,') no-repeat center;
background-size: 56px auto;
width: 95px;
height: 95px;
transition: all 0.23s;
}
.contentWlc .cntVW:hover::before {
background: #010100 url('data:image/svg+xml,') no-repeat center;
background-size: 56px auto;
}
.contentWlc .cntVW .btnVdFS {
float: left;
display: block;
z-index: 20;
cursor: pointer;
position: relative;
text-decoration: none;
width: 100%;
height: auto;
}
.contentWlc .cntVW img {
float: left;
display: block;
z-index: 20;
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: transform 0.2s ease-out;
}
.contentWlc .cntWV img:nth-child(2) {
float: left;
display: block;
position: relative;
width: 72%;
height: auto;
transition: transform 0.2s ease-out;
opacity: 0.2;
}
.contentWlc .cntWV img:nth-child(3) {
float: right;
display: block;
position: relative;
width: 28%;
height: auto;
transition: transform 0.2s ease-out;
opacity: 0.2;
}
.contentCG {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
background: #010100;
width: 100%;
}
.cntCG {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
margin: 200px auto 100px auto;
}
.contentCG h2 {
float: none;
display: block;
position: relative;
overflow: hidden;
color: #ffffff;
font-size: 62px;
letter-spacing: 5px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
width: 610px;
margin: 0 auto;
opacity: 0;
transform: translateY(100%);
filter: blur(30px);
}
.contentCG h2 span {
float: right;
display: block;
position: relative;
overflow: hidden;
font-size: 54px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 4px;
line-height: 70px;
text-align: center;
width: 100%;
margin-top: -30px;
}
.contentCG h2 a {
display: block;
color: #ffffff;
text-decoration: none;
transition: all 0.23s;
}
.contentCG h2 a:hover {
opacity: 0.7;
}
.contentCG h3 {
left: 50%;
display: block;
position: relative;
overflow: hidden;
color: #ece5d3;
font-size: 46px;
letter-spacing: 10px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
width: 900px;
padding: 5px 0;
transform: translateX(-50%);
}
.contentCG h4 {
left: 50%;
display: block;
position: relative;
overflow: hidden;
color: #ece5d3;
font-size: 34px;
letter-spacing: 4px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
width: 900px;
transform: translateX(-50%);
}
.contentCG h3 span {
float: right;
display: block;
position: relative;
overflow: hidden;
color: #b9b09f;
font-size: 32px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 6px;
line-height: 70px;
text-align: center;
width: 100%;
margin-top: -30px;
}
.contentCG p {
display: block;
overflow: hidden;
width: 78%;
margin: 20px auto;
}
.swiper-container.swipProdH {
float: none;
display: block;
box-sizing: border-box;
position: relative;
overflow: hidden;
font-size: 12px;
font-family: 'Manrope', Tahoma, Verdana;
text-align: center;
width: 78.5%;
height: 400px;
margin: 58px auto 20px auto;
padding: 0 70px 50px 70px;
}
.swiper-container.swipProdH .swiper-wrapper {
float: none;
text-align: center;
width: auto;
max-width: 100%;
margin: 0 auto;
}
/*
.swiper-container.swipProdH .swiper-slide:nth-child(2),
.swiper-container.swipProdH .swiper-slide:nth-child(5),
.swiper-container.swipProdH .swiper-slide:nth-child(8),
.swiper-container.swipProdH .swiper-slide:nth-child(11),
.swiper-container.swipProdH .swiper-slide:nth-child(14){
margin-top: 30px;
}
.swiper-container.swipProdH .swiper-slide:nth-child(3),
.swiper-container.swipProdH .swiper-slide:nth-child(6),
.swiper-container.swipProdH .swiper-slide:nth-child(9),
.swiper-container.swipProdH .swiper-slide:nth-child(12),
.swiper-container.swipProdH .swiper-slide:nth-child(15){
margin-top: 10px;
}
*/
.swiper-container.swipProdH .swiper-button-next,
.swiper-container.swipProdH .swiper-button-prev {
top: 120px;
text-indent: -9000px;
text-decoration: none;
background: transparent;
border-radius: 2px;
border: 2px solid #56564c;
width: 40px !important;
height: 40px !important;
transition: all 0.3s;
}
.swiper-container.swipProdH .swiper-button-next {
right: 0;
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 47px;
opacity: 1;
transition: all 0.2s;
}
.swiper-container.swipProdH .swiper-button-next:hover {
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 47px;
opacity: 0.6;
transition: all 0.2s;
}
.swiper-container.swipProdH .swiper-button-prev {
left: 0;
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 47px;
transform: scaleX(-1);
opacity: 1;
transition: all 0.2s;
}
.swiper-container.swipProdH .swiper-button-prev:hover {
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 47px;
transform: scaleX(-1);
opacity: 0.6;
transition: all 0.2s;
}
.swiper-container.swipProdH .swiper-button-next.swiper-button-disabled,
.swiper-container.swipProdH .swiper-button-prev.swiper-button-disabled {
opacity: 0.1;
cursor: auto;
pointer-events: none;
filter: grayscale(100%);
}
.swiper-container.swipProdH .swiper-scrollbar {
display: none;
}
.swiper-container.swipProdH a.bxImg {
float: left;
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
width: 255px;
height: 255px;
margin-bottom: 8px;
}
.swiper-container.swipProdH a.bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.swiper-container.swipProdH .swiper-slide:hover a.bxImg img {
scale: 1.01;
opacity: 0.9;
}
.swiper-container.swipProdH a.bxImg::after {
top: 0;
left: 0;
box-sizing: border-box;
content: "";
position: absolute;
background: transparent;
border: 0px solid rgba(1, 1, 0, 0);
width: 255px;
height: 255px;
transition: all 0.23s;
}
.swiper-container.swipProdH .swiper-slide:hover a.bxImg::after {
border: 30px solid rgba(1, 1, 0, 0.4);
}
.swiper-container.swipProdH a.bxTxt {
float: left;
display: block;
color: #ffffff;
font-size: 20px;
text-decoration: none;
text-align: left;
width: 100%;
padding: 10px 0;
transition: all linear 0.2s;
}
.swiper-container.swipProdH .swiper-slide:hover a.bxTxt {
color: rgba(255, 255, 255, 0.6);
transition: all linear 0.2s;
}
.swiper-container.swipProdH .swiper-slide:nth-child(2) a.bxTxt {
text-align: center;
}
.contentGT {
float: left;
display: block;
z-index: 2;
position: relative;
overflow: hidden;
background: #010100;
width: 100%;
}
.cntGT {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
min-height: 300px;
margin: 100px auto;
}
.contentGT h2 {
float: none;
display: block;
position: relative;
overflow: hidden;
color: #b9b09f;
font-size: 62px;
letter-spacing: 5px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
width: 610px;
margin: 0 auto;
opacity: 0;
transform: translateY(100%);
filter: blur(30px);
}
.contentGT h2 span {
float: right;
display: block;
position: relative;
overflow: hidden;
font-size: 54px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 4px;
line-height: 70px;
text-align: center;
width: 100%;
margin-top: -30px;
}
.contentGT h2 a {
display: block;
color: #b9b09f;
text-decoration: none;
transition: all 0.23s;
}
.contentGT h2 a:hover {
opacity: 0.7;
}
.contentGT ul {
float: none;
display: none;
overflow: hidden;
font-size: 58px;
font-family: 'ManropeL', Arial, Tahoma, Verdana;
line-height: 65px;
text-align: center;
width: 68%;
margin: 20px auto;
}
.contentGT ul li {
float: left;
display: block;
box-sizing: border-box;
position: relative;
text-align: center;
border-bottom: 1px solid #56564c;
width: 100%;
margin: 0;
}
.contentGT ul li a {
float: left;
display: block;
box-sizing: border-box;
position: relative;
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
text-align: center;
width: 100%;
margin: 0;
padding: 30px 0;
transition: all 0.15s;
}
.contentGT ul li a:hover {
color: #ffffff;
}
.contentBlg {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
background: #010100;
width: 100%;
}
.cntBlg {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
margin: 100px auto;
}
.contentBlg h2 {
display: block;
position: relative;
overflow: hidden;
color: #ece5d3;
font-size: 66px;
font-family: 'ManropeL', Arial, Tahoma, Verdana;
letter-spacing: 2px;
line-height: 68px;
text-align: center;
text-transform: uppercase;
width: auto;
margin: 20px auto;
opacity: 0;
transform: translateY(100%);
filter: blur(30px);
}
.contentBlg h2 a {
display: block;
color: #ece5d3;
text-decoration: none;
transition: all 0.23s;
}
.contentBlg h2 a:hover {
opacity: 0.7;
}
ul.liBlog {
float: none;
overflow: hidden;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: auto;
align-content: start;
font-size: 28px;
font-family: 'Manrope', Tahoma, Verdana;
line-height: 32px;
text-align: center;
width: 100%;
margin: 20px auto;
}
ul.liBlog li {
float: left;
display: block;
position: relative;
text-align: center;
width: 30%;
margin: 0 4.9% 0 0;
padding: 0;
opacity: 0;
transform: translateY(50%);
}
.contentInt ul.liBlog li {
margin: 0 4.9% 180px 0;
}
ul.liBlog li:after {
display: none;
}
ul.liBlog li:nth-child(2),
ul.liBlog li:nth-child(5),
ul.liBlog li:nth-child(8),
ul.liBlog li:nth-child(11),
ul.liBlog li:nth-child(14),
ul.liBlog li:nth-child(17) {
margin-top: 50px;
}
ul.liBlog li:nth-child(3n) {
margin: 30px 0 0 0;
}
ul.liBlog li a.lnkImg {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
margin: 0 0 10px 0;
}
ul.liBlog li a.lnkImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
ul.liBlog li:hover a.lnkImg img {
scale: 1.01;
opacity: 0.9;
}
ul.liBlog li a.lnkImg .imgDsk {
display: block;
}
ul.liBlog li a.lnkImg .imgMb {
display: none;
}
ul.liBlog li a.lnkImg::after {
top: 0;
left: 0;
box-sizing: border-box;
content: "";
position: absolute;
background: transparent;
border: 0px solid rgba(1, 1, 0, 0);
width: 100%;
height: 100%;
transition: all 0.23s;
}
ul.liBlog li:hover a.lnkImg::after {
border: 35px solid rgba(1, 1, 0, 0.4);
}
ul.liBlog li a.lnkTit {
float: left;
display: block;
position: relative;
color: #ece5d3;
text-align: left;
text-decoration: none;
width: 100%;
margin: 0;
padding: 10px 0;
transition: all 0.15s;
}
ul.liBlog li:hover a.lnkTit {
color: rgba(236, 229, 211, 0.7);
}
.contentTr {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
background: #010100;
width: 100%;
}
.cntTr {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
margin: 50px auto 150px auto;
}
.contentTr h2 {
float: left;
display: none;
position: relative;
overflow: hidden;
color: #ffffff;
font-size: 49px;
letter-spacing: 5px;
line-height: 80px;
text-align: left;
text-transform: uppercase;
width: 550px;
margin-bottom: 30px;
opacity: 0;
transform: translateY(100%);
filter: blur(30px);
}
.contentTr h2 a {
display: block;
color: #ffffff;
text-decoration: none;
transition: all 0.23s;
}
.contentTr h2 a:hover {
opacity: 0.7;
}
.contentTr h2 span {
float: left;
display: block;
position: relative;
overflow: hidden;
font-size: 43px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 4px;
line-height: 70px;
text-align: left;
width: 100%;
margin-top: -35px;
}
.contentTr .bxImg {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
text-align: left;
width: 560px;
height: 700px;
margin-left: 70px;
}
.contentTr .bxImg::after {
right: 0;
bottom: 0;
z-index: 20;
content: "";
pointer-events: none;
position: absolute;
background: #010100;
width: 50px;
height: 50px;
}
.contentTr .bxImg img {
float: left;
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.contentTr .bxImg a:hover img {
scale: 1.01;
opacity: 0.9;
}
.contentTr .bxImg a {
float: left;
display: block;
box-sizing: border-box;
position: relative;
background: transparent;
width: 560px;
height: 700px;
transition: all 0.23s;
}
.contentTr .bxImg a::after {
top: 0;
left: 0;
box-sizing: border-box;
content: "";
position: absolute;
background: transparent;
border: 0px solid rgba(1, 1, 0, 0);
width: 560px;
height: 700px;
transition: all 0.23s;
}
.contentTr .bxImg a:hover::after {
border: 50px solid rgba(1, 1, 0, 0.4);
}
.contentTr .swiper.swipFadeB {
float: left;
display: block;
z-index: 10 !important;
position: relative;
pointer-events: none;
width: 560px;
height: 700px;
margin: 0;
padding: 0;
}
.contentTr .swiper.swipFadeB .swiper-slide {
float: left;
display: block;
margin: 0;
padding: 0;
}
.contentTr .swiper.swipFadeB img {
float: left;
display: block;
pointer-events: none;
width: 560px;
height: 700px;
margin: 0 !important;
}
.contentTr .bxDsc {
float: right;
display: block;
text-align: left;
width: 580px;
margin-right: 30px;
padding: 50px 0;
transition: all 0.15s;
}
.contentTr .bxDsc h2 {
display: block;
}
.contentTr h3 {
float: left;
display: block;
position: relative;
overflow: hidden;
color: #ece5d3;
font-size: 36px;
font-family: 'Manrope', Tahoma, Verdana;
line-height: 40px;
text-align: left;
width: 80%;
margin: 15px auto;
padding: 10px 0;
}
.contentTr h3 a {
float: left;
display: block;
color: #ece5d3;
text-align: left;
text-decoration: none;
transition: all 0.23s;
}
.contentTr h3 a:hover {
color: rgba(236, 229, 211, 0.7);
}
.contentTr p {
display: block;
overflow: hidden;
width: 100%;
margin: 20px auto;
}
.contentGChf {
float: left;
display: block;
overflow: visible;
z-index: 2;
position: relative;
font-size: 18px;
line-height: 28px;
background: #010100;
width: 100%;
padding: 70px 0 100px 0;
}
.cntGChf {
box-sizing: border-box;
display: block;
overflow: visible;
width: 1350px;
margin: 0 auto;
}
.contentGChf .bxChf {
float: left;
display: block;
overflow: hidden;
position: relative;
font-size: 13px;
line-height: 17px;
background: #010100;
width: 398px;
margin-top: 35px;
transition: transform 0.2s ease-out;
}
.contentGChf .bxChf .bxImg {
float: left;
display: block;
position: relative;
box-sizing: border-box;
width: 100%;
}
.contentGChf .bxChf .bxImg .nmChf {
left: 0;
bottom: 0;
z-index: 10;
position: absolute;
box-sizing: border-box;
font-size: 18px;
line-height: 18px;
text-align: left;
width: 100%;
padding: 15px 80px 20px 10px;
}
.contentGChf .bxChf .bxDsc {
float: left;
display: block;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.5);
text-align: left;
width: 100%;
padding: 15px 10px 10px 10px;
}
.contentGChf .bxChfItm {
float: right;
display: block;
overflow: hidden;
font-size: 18px;
line-height: 28px;
text-align: left;
background: #010100;
width: 870px;
margin-top: 30px;
transition: transform 0.2s ease-out;
}
.contentGChf .bxChfItm.fSCh{
float: none;
width: 870px;
margin: 30px auto 0 auto;
}
.contentGChf .bxChfItm h2 {
float: left;
display: block;
position: relative;
overflow: hidden;
color: #b9b09f;
font-size: 48px;
letter-spacing: 8px;
line-height: 60px;
text-align: left;
text-transform: uppercase;
width: 100%;
margin-bottom: 10px;
padding: 0 60px;
}
.contentGChf .bxChfItm h2 span {
float: left;
display: block;
position: relative;
overflow: hidden;
font-size: 18px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 4px;
line-height: 30px;
text-align: left;
width: 100%;
margin-bottom: -2px;
}
.swiper-container.swipItmR {
float: left;
display: block;
box-sizing: border-box;
z-index: 10 !important;
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0 60px;
}
.swiper-container.swipItmR.galAT {
float: none;
overflow: hidden;
width: 1260px;
height: auto;
margin: 50px auto 40px auto;
padding: 0 65px;
}
.swiper-container.swipItmR img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
}
.swiper-container.swipItmR .bxImg {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
}
.swiper-container.swipItmR .bxTxt {
float: left;
display: block;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.85);
font-size: 16px;
line-height: 24px;
text-align: left;
width: 100%;
height: auto;
margin: 0;
padding: 15px 0;
}
.swiper-container.swipItmR .bxTxt .tit {
float: left;
display: block;
box-sizing: border-box;
font-size: 24px;
line-height: 34px;
text-align: left;
width: 100%;
margin-bottom: 15px;
}
.swiper-container.swipItmR .swiper-button-next,
.swiper-container.swipItmR .swiper-button-prev {
top: 270px;
text-indent: -9000px;
text-decoration: none;
background: transparent;
border: 2px solid #56564c;
width: 40px !important;
height: 40px !important;
transition: all 0.3s;
}
.swiper-container.swipItmR .swiper-button-next {
right: 0;
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 39px;
opacity: 1;
transition: all 0.2s;
}
.swiper-container.swipItmR .swiper-button-next:hover {
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 39px;
opacity: 0.6;
transition: all 0.2s;
}
.swiper-container.swipItmR .swiper-button-prev {
left: 0;
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 39px;
transform: scaleX(-1);
opacity: 1;
transition: all 0.2s;
}
.swiper-container.swipItmR .swiper-button-prev:hover {
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 39px;
transform: scaleX(-1);
opacity: 0.6;
transition: all 0.2s;
}
.swiper-container.swipItmR .swiper-button-next.swiper-button-disabled,
.swiper-container.swipItmR .swiper-button-prev.swiper-button-disabled {
opacity: 0.1;
cursor: auto;
pointer-events: none;
filter: grayscale(100%);
}
.swiper-container.swipItmR .swiper-scrollbar {
display: none;
}
.swiper-container.swipItmR.galAT .swiper-button-next,
.swiper-container.swipItmR.galAT .swiper-button-prev {
top: 337px;
border-radius: 2px;
border: 2px solid #56564c;
width: 35px !important;
height: 35px !important;
}
.swiper-container.swipItmR.galAT .swiper-button-next {
right: 0;
}
.swiper-container.swipItmR.galAT .swiper-button-prev {
left: 0;
}
.contentIOp {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
font-size: 18px;
line-height: 28px;
background: #010100;
width: 100%;
height: auto;
margin: 0 auto;
}
.cntIOp {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 1350px;
margin: 100px auto 0 auto;
padding-bottom: 100px;
}
ul.liOpIt {
float: none;
display: inline-block;
box-sizing: border-box;
overflow: hidden;
font-size: 18px;
line-height: 28px;
text-align: center;
background: #010100;
width: 100%;
height: 240px;
margin: 0 auto;
}
ul.liOpIt li {
float: none;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
overflow: hidden;
position: relative;
font-size: 18px;
line-height: 28px;
text-align: center;
background: rgba(185, 176, 159, 0.08);
width: 220px;
height: 220px;
margin: 0 20px;
padding: 0;
}
ul.liOpIt li::after {
display: none;
}
ul.liOpIt li a,
ul.liOpIt li .btnMd {
float: left;
display: block;
cursor: pointer;
box-sizing: border-box;
overflow: hidden;
position: relative;
color: #686866;
text-decoration: none;
width: 100%;
height: 100%;
transition: all 0.23s;
}
ul.liOpIt li a:hover,
ul.liOpIt li .btnMd:hover {
color: #ffffff;
}
ul.liOpIt li.itmPr::after {
bottom: 0;
left: 0;
display: block;
content: "";
pointer-events: none;
position: absolute;
background: #f17910;
width: 100%;
height: 5px;
transition: all 0.23s;
}
ul.liOpIt li.itmPr:hover::after {
width: 100%;
height: 100%;
transition: all 0.23s;
}
ul.liOpIt li.itmSg::after {
bottom: 0;
left: 0;
display: block;
content: "";
pointer-events: none;
position: absolute;
background: #9473a0;
width: 100%;
height: 5px;
transition: all 0.23s;
}
ul.liOpIt li.itmSg:hover::after {
width: 100%;
height: 100%;
transition: all 0.23s;
}
ul.liOpIt li.itmTr::after {
bottom: 0;
left: 0;
display: block;
content: "";
pointer-events: none;
position: absolute;
background: #0cb8d8;
width: 100%;
height: 5px;
transition: all 0.23s;
}
ul.liOpIt li.itmTr:hover::after {
width: 100%;
height: 100%;
transition: all 0.23s;
}
ul.liOpIt li.itmCt::after {
bottom: 0;
left: 0;
display: block;
content: "";
pointer-events: none;
position: absolute;
background: #58946e;
width: 100%;
height: 5px;
transition: all 0.23s;
}
ul.liOpIt li.itmCt:hover::after {
width: 100%;
height: 100%;
transition: all 0.23s;
}
ul.liOpIt .bxImg {
display: block;
z-index: 20;
position: relative;
text-align: center;
background: transparent;
border-radius: 50%;
width: 80px;
height: 80px;
margin: 45px auto 10px auto;
}
ul.liOpIt li:hover .bxImg {
background: rgba(255, 255, 255, 0.8);
}
ul.liOpIt li .bxImg img {
top: 50%;
left: 50%;
position: relative;
transform: translate(-50%, -50%);
}
ul.liOpIt li:nth-child(1) .bxImg img {
display: block;
width: 51px;
height: auto;
}
ul.liOpIt li:nth-child(2) .bxImg img {
display: block;
width: 53px;
height: auto;
}
ul.liOpIt li:nth-child(3) .bxImg img {
display: block;
width: 40px;
height: auto;
}
ul.liOpIt li:nth-child(4) .bxImg img {
display: block;
width: 49px;
height: auto;
}
ul.liOpIt.Tr {
float: none;
margin: 0 auto 80px auto;
}
ul.liOpIt.Tr li {
float: none;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
overflow: hidden;
position: relative;
font-size: 12px;
line-height: 16px;
text-align: center;
background: rgba(185, 176, 159, 0.08);
width: 220px;
height: 220px;
margin: 0 20px;
padding: 0 20px;
}
ul.liOpIt li .bxDsc {
z-index: 20;
position: relative;
}
ul.liOpIt.Tr li .bxDsc {
z-index: 20;
position: relative;
color: #686866;
font-size: 14px;
line-height: 22px;
}
ul.liOpIt.Tr .bxImg,
ul.liOpIt.Tr .bxImg:hover{
display: block;
z-index: 20;
position: relative;
text-align: center;
background: transparent !important;
border-radius: 50%;
width: 80px;
height: 80px;
margin: 45px auto 10px auto;
}
ul.liOpIt.Tr li .bxImg img {
float: none;
display: block;
width: 70px;
height: auto;
margin: 0 auto;
}
ul.liOpIt li .bxTlN {
display: inline-block;
color: #ffffff;
background: #f48038;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlR {
display: inline-block;
color: #ffffff;
background: #ec383f;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlM {
display: inline-block;
color: #ffffff;
background: #834b9b;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlA {
display: inline-block;
color: #ffffff;
background: #e2bd47;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlV {
display: inline-block;
color: #ffffff;
background: #40a954;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlC {
display: inline-block;
color: #ffffff;
background: #2f9fd9;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlB {
display: inline-block;
color: #010100;
background: #ffffff;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlCf {
display: inline-block;
color: #ffffff;
background: #6e5540;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
ul.liOpIt li .bxTlP {
display: inline-block;
color: #ffffff;
background: #b8baba;
border-radius: 5px;
width: auto;
height: 20px;
margin: 2px 5px;
padding: 0 10px;
}
.contentIng {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
font-size: 19px;
line-height: 28px;
background: #010100;
width: 100%;
height: auto;
margin: 0 auto;
}
.cntIng {
position: relative;
box-sizing: border-box;
display: block;
overflow: hidden;
background: rgba(1, 1, 0, 0.7);
width: 100%;
height: 100%;
margin: 0 auto;
padding: 180px 0 100px 0;
/*transition: transform 0.2s ease-out;*/
}
.contentIng h2 {
float: none;
display: inline-block;
z-index: 20;
position: relative;
overflow: visible;
color: #ffffff;
font-size: 47px;
letter-spacing: 4px;
line-height: 50px;
text-align: center;
text-transform: uppercase;
width: auto;
padding: 0 20px;
transition: transform 0.2s ease-out;
}
.contentIng h2 span {
float: none;
display: block;
box-sizing: border-box;
position: relative;
font-size: 39px;
font-family: 'Montserrat-Light', Arial, Tahoma, Verdana;
letter-spacing: 1px;
line-height: 40px;
text-align: center;
width: 100%;
margin: -10px 0 0 0 !important;
}
.contentIng ul {
float: none;
display: block;
z-index: 20;
position: relative;
width: auto;
margin: 70px auto 50px auto;
transition: transform 0.2s ease-out;
}
.contentIng ul li {
float: none;
display: inline-block;
position: relative;
width: auto;
margin: 10px 30px;
}
.contentIng ul a {
float: left;
display: block;
color: #ffffff;
text-decoration: none;
}
.contentIng ul a:hover {
color: rgba(255, 255, 255, 0.8);
}
.contentIng ul .bxImg {
float: none;
display: block;
overflow: hidden;
position: relative;
/*border-radius: 50%;*/
border: 30px solid rgba(255, 255, 255, 0.08);
width: 180px;
height: 180px;
margin: 0 auto 10px auto;
transition: all 0.23s;
}
.contentIng ul .bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
.contentIng ul li:nth-child(1):hover .bxImg {
border: 30px solid #f17910;
}
.contentIng ul li:nth-child(2):hover .bxImg {
border: 30px solid #9473a0;
}
.contentIng ul li:nth-child(3):hover .bxImg {
border: 30px solid #0cb8d8;
}
.contentIng ul .bxImg:hover img {
scale: 1.05;
opacity: 0.9;
}
.contentIng .swiper.swipFade {
float: left;
display: block;
z-index: 10 !important;
position: relative;
pointer-events: none;
width: 100%;
height: auto;
margin: 0 0 100px 0;
}
.contentIng .swiper.swipFade img {
float: left;
display: block;
pointer-events: none;
width: 100%;
height: auto;
margin: 0;
}
.contentIdt {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
font-size: 18px;
line-height: 28px;
background: #010100;
width: 100%;
}
.cntIdt {
box-sizing: border-box;
display: block;
overflow: hidden;
position: relative;
width: 1140px;
height: auto;
margin: 80px auto 170px auto;
padding-bottom: 100px;
transition: all 0.23s;
}
.cntIdt.dsIdt {
padding-bottom: 20px;
}
.contentIdt.optB .cntIdt{
margin: 100px auto 150px auto;
}
.contentIdt h2 {
left: 50%;
display: block;
position: relative;
overflow: visible;
color: #45453d;
font-size: 50px;
letter-spacing: 8px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
width: 610px;
padding-top: 20px;
transform: translateX(-50%);
}
.contentIdt p {
float: left;
display: none;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
margin: 12px 0;
visibility: hidden;
transition: all 0.23s;
}
.contentIdt p:nth-of-type(1)::after{
bottom: 0;
left: 0;
z-index: 10;
content: "";
position: absolute;
background: #010100;
background: linear-gradient(0deg, #010100 20%, rgba(1, 1, 0, 0) 80%);
width: 100%;
height: 100%;
visibility: visible;
transition: all 0.23s;
}
.contentIdt p:nth-of-type(1){
display: block;
visibility: visible;
}
/*
.contentIdt p:nth-child(3){
display: block;
visibility: visible;
}*/
.cntIdt.dsIdt p {
display: block;
visibility: visible;
transition: all 0.23s;
}
.cntIdt.dsIdt p::after {
display: none;
}
.contentIdt .cntImg {
display: block;
overflow: visible;
box-sizing: border-box;
position: relative;
text-align: left;
width: 1280px;
height: 720px;
margin: 0 auto 200px auto;
}
.contentIdt.optB .cntImg {
margin: 100px auto;
}
.contentIdt .cntImg img {
float: left;
display: block;
z-index: 20;
position: relative;
width: 100%;
height: auto;
margin: 0;
transition: transform 0.2s ease-out;
}
.contentIdt .cntImg::after {
left: -35px;
bottom: 30px;
z-index: 10;
content: "";
position: absolute;
background: #45453d;
width: 1350px;
height: 575px;
margin: 0;
transition: transform 0.2s ease-out;
}
.vwMs {
left: 50%;
bottom: 10px;
display: block;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
z-index: 20;
position: absolute;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
line-height: 38px;
text-align: center;
text-decoration: none;
background: #010100;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 50px;
width: 180px;
height: 40px;
margin: 0;
padding: 0 10px;
transform: translateX(-50%);
transition: all 0.23s;
}
.vwMs:hover {
color: #b9b09f;
border: 1px solid #b9b09f;
}
.cntIdt.dsIdt .vwMs {
display: none;
}
.contentEmbV{
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
font-size: 18px;
line-height: 28px;
background: #010100;
width: 100%;
}
.cntEmbV{
box-sizing: border-box;
display: block;
overflow: hidden;
position: relative;
width: 1140px;
height: auto;
margin: 0 auto;
transition: all 0.23s;
}
.vidEmb{
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
padding-bottom: 56.25%;
}
.vidEmbIt{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
footer {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
font-size: 12px;
line-height: 18px;
background: #010100;
width: 100%;
}
footer a.logo:link,
a.logo:visited {
float: left;
display: block;
position: relative;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logos.svg) no-repeat left center;
background-size: auto 35px;
width: 35px;
height: 35px;
margin-right: 30px;
opacity: 0;
left: -100px;
}
footer a.logoCBN:link,
a.logoCBN:visited {
float: left;
display: block;
position: relative;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logo-cbn.svg) no-repeat left center;
background-size: auto 40px;
width: 190px;
height: 50px;
margin: 50px 10px 20px 10px;
}
.cntFooter {
box-sizing: border-box;
display: block;
overflow: hidden;
width: 100%;
margin: 10px auto;
padding: 50px 50px 0 50px;
}
footer p {
float: left;
display: block;
overflow: hidden;
text-align: left;
width: 400px;
margin: 30px auto 10px auto;
}
ul.lIco {
float: left;
display: block;
text-align: center;
width: auto;
margin: 50px 0 0 0;
}
ul.lIco li {
float: left;
display: block;
position: relative;
width: 105px;
height: 60px;
margin: 5px 20px 5px 0;
filter: grayscale(100%);
}
ul.liRS {
float: right;
display: block;
text-align: center;
width: auto;
margin: 62px 0 0 50px;
}
ul.liRS li {
float: left;
display: block;
position: relative;
width: 40px;
height: 40px;
margin: 5px 15px;
/*opacity: 0.00; left: -100px;*/
}
ul.liRS li a {
float: left;
display: block;
outline: none;
text-indent: -9000px;
text-decoration: none;
width: 40px;
height: 40px;
opacity: 0.6;
transition: all 0.23s;
}
ul.liRS li a:hover {
opacity: 1;
transition: all 0.23s;
}
ul.liRS .liTiktok a {
background: url(../lib/ico-tiktok.svg) no-repeat center;
background-size: 18px auto;
}
ul.liRS .liInstagram a {
background: url(../lib/ico-instagram.svg) no-repeat center;
background-size: 22px auto;
}
ul.liRS .liFacebook a {
background: url(../lib/ico-facebook.svg) no-repeat center;
background-size: 10px auto;
}
ul.liRS .liYoutube {
margin-right: 0;
}
ul.liRS .liYoutube a {
background: url(../lib/ico-youtube.svg) no-repeat center;
background-size: 23px auto;
}
.contentMap {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
box-sizing: border-box;
background: #010100;
width: 100%;
min-height: 500px;
}
.cntMap {
display: block;
overflow: hidden;
position: relative;
width: 100%;
margin: 0 auto;
}
.contentMap img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.bxItM {
display: block;
cursor: pointer;
position: absolute;
color: #ffffff;
text-decoration: none;
width: auto;
max-width: 160px;
height: auto;
}
.pMp01 {
top: 550px;
left: 60px;
}
.pMp02 {
top: 320px;
left: 380px;
}
.pMp03 {
top: 190px;
left: 60%;
}
.pMp04 {
top: 820px;
left: 400px;
}
.pMp05 {
top: 700px;
left: 750px;
}
.pMp06 {
top: 550px;
left: 1050px;
}
.pMp07 {
top: 600px;
left: 1220px;
}
.pMp08 {
top: 300px;
left: 1220px;
}
.bxItM:hover {
color: rgba(255, 255, 255, 0.6);
}
.bxItM .bxImg {
display: block;
width: 50px;
height: 50px;
margin: 0 auto 2px auto;
}
.bxItM .bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
}
.bxItM .bxTxt {
box-sizing: border-box;
display: block;
position: relative;
font-size: 11px;
line-height: 14px;
border-radius: 5px;
width: auto;
min-height: 20px;
height: auto;
margin: 0 auto;
padding: 6px 10px 7px 10px;
}
.bxItM .bxTxt::after {
bottom: -7px;
left: 50%;
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
transform: translateX(-50%);
}
.bxItM .bxTxt {
background: #f17910;
}
.bxItM .bxTxt::after {
border-top: calc(5px * 1.5) solid #f17910;
}
.bxItM .bxTxt.cl1 {
background: #7cafe6;
}
.bxItM .bxTxt.cl1::after {
border-top: calc(5px * 1.5) solid #7cafe6;
}
.bxItM .bxTxt.cl2 {
background: #9473a0;
}
.bxItM .bxTxt.cl2::after {
border-top: calc(5px * 1.5) solid #9473a0;
}
.bxItM .bxTxt.cl3 {
background: #a4a4a4;
}
.bxItM .bxTxt.cl3::after {
border-top: calc(5px * 1.5) solid #a4a4a4;
}
.bxItM .bxTxt.cl4 {
background: #58946e;
}
.bxItM .bxTxt.cl4::after {
border-top: calc(5px * 1.5) solid #58946e;
}
.bxItM.iSA .bxTxt {
background: #9473a0;
}
.bxItM.iSA .bxTxt::after {
border-top: calc(5px * 1.5) solid #9473a0;
}
.bxItMB {
display: block;
cursor: pointer;
box-sizing: border-box;
position: absolute;
color: #ffffff;
text-decoration: none;
background: #56564c;
border-radius: 25px;
width: 80px;
min-height: 105px;
height: auto;
padding: 16px 0;
}
.bxItMB.iSA {
background: #202a2f;
}
.bxItMB:hover {
color: rgba(255, 255, 255, 0.6);
}
.bxItMB::after {
bottom: -15px;
left: 50%;
content: "";
z-index: 1;
position: absolute;
background: #56564c;
border-radius: 5px;
width: 20px;
height: 20px;
transform: translateX(-50%);
rotate: 45deg;
}
.bxItMB.iSA::after {
background: #202a2f;
}
.bxItMB .bxImg {
display: block;
z-index: 10;
position: relative;
width: 50px;
height: 50px;
margin: 0 auto 5px auto;
}
.bxItMB .bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
}
.bxItMB .bxTxt {
box-sizing: border-box;
display: block;
z-index: 10;
position: relative;
font-size: 10px;
line-height: 12px;
width: auto;
min-height: 20px;
height: auto;
margin: 0 auto;
padding: 0 10px;
}
.tabs {
left: 50%;
float: none;
display: inline-block;
box-sizing: border-box;
position: relative;
font-size: 16px;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 48px;
text-align: center;
border: 1px solid #b9b09f;
width: auto;
height: 50px;
margin: 50px auto 20px auto;
transform: translateX(-50%);
}
.tab {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
color: rgba(255, 255, 255, 0.5);
text-align: center;
background: none;
height: 50px;
margin: 0;
padding: 0 40px;
transition: background 0.3s;
}
.tab.active {
pointer-events: none;
background: #b9b09f;
color: #010100;
}
.fade-out {
opacity: 0 !important;
transform: scale(0.95);
pointer-events: none;
}
.fade-in {
opacity: 1;
transform: scale(1);
}
.tabsM {
float: none;
display: inline-block;
box-sizing: border-box;
position: relative;
font-size: 14px;
font-weight: 100;
text-align: center;
background: #b9b09f;
border-radius: 45px;
width: auto;
height: 46px;
margin: 30px auto 20px auto;
padding: 4px;
}
.tabsM.mapTp {
top: 20px;
left: 50%;
position: absolute;
margin: 0 auto;
transform: translateX(-50%);
}
.tabsM .tab {
cursor: pointer;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
color: rgba(1, 1, 0, 0.7);
line-height: 35px;
text-align: center;
background: #b9b09f;
border-radius: 37px;
height: 38px;
margin: 0;
padding: 0 24px;
transition: background 0.3s;
}
.tabsM .tab.active {
pointer-events: none;
color: #b7b0a1;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
background: #010100;
padding: 0 24px;
}
.contentVdM {
float: left;
display: block;
overflow: hidden;
z-index: 2;
position: relative;
box-sizing: border-box;
background: #010100;
width: 100%;
}
.cntVdM {
display: block;
overflow: hidden;
position: relative;
width: 950px;
margin: 80px auto 0 auto;
}
.contentVdM iframe,
.contentVdM object,
.contentVdM embed,
.contentVdM video {
top: 0;
left: 0;
position: relative;
width: 940px;
height: auto;
}
.spL {
clear: both;
display: block;
border-bottom: 1px solid #686866;
width: 100%;
height: 6px;
margin-top: 7px;
}
.hide {
display: none;
}
.show {
display: block;
}
.left {
float: left;
display: block;
}
.right {
float: right;
display: block;
}
.clear {
clear: both;
display: block;
}
.subtitulo1 {
color: #010100;
font-size: 23px;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
font-weight: 100;
}
.subtitulo2 {
color: #b9b09f;
font-size: 23px;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
font-weight: 100;
}
i {
font-style: italic;
}
.italic {
font-style: italic;
}
b,
bold,
bold1,
bold2,
strong {
font-family: 'ManropeB', Arial, Tahoma, Verdana;
font-weight: 100;
}
bold1 {
color: #ffffff;
}
bold2 {
color: #b9b09f;
}
i {
font-style: italic;
}
.small,
.small1,
.small2,
.small3 {
font-size: 14px;
}
.small1 {
color: #ffffff !important;
}
.small2 {
color: #b9b09f !important;
}
.color1 {
color: #ffffff !important;
}
.color2 {
color: #b9b09f !important;
}
.colorr {
color: #ee4d4d !important;
}
/* ---------------------------- LINKS ---------------------------- */
a.lnk1:link,
a.lnk1:visited {
color: #ffffff;
text-decoration: none;
}
a.lnk1:hover {
text-decoration: underline;
}
a.lnkPin:link,
a.lnkPin:visited {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
text-decoration: none;
background: transparent url(../lib/ico-mapa.svg) no-repeat left center;
background-size: auto 22px;
margin: 0 auto 20px auto;
padding: 5px 0 5px 28px;
}
a.lnkPin:hover {
opacity: 0.6;
}
a.lnkBtn01 {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
color: #ffffff;
font-size: 16px;
font-family: 'ManropeB', Arial, Tahoma, Verdana;
line-height: 44px;
text-align: center;
text-decoration: none;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat 88% center;
background-size: 24px auto;
border: 1px solid #ffffff;
border-radius: 50px;
width: 225px;
height: 50px;
margin: 30px auto;
padding: 0 10px;
transition: all 0.23s;
}
a.lnkBtn01:hover {
color: #ece5d3;
background: #010100 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>') no-repeat 86% center;
background-size: 24px auto;
border: 1px solid #ece5d3;
transition: all 0.23s;
}
a.byLogos:link,
a.byLogos:visited {
float: right;
display: block;
position: relative;
overflow: hidden;
outline: none;
text-indent: -9000px;
width: 50px;
height: 50px;
margin: 0px 10px 5px 0;
opacity: 0.2;
transition: all 0.3s;
}
a.byLogos::before {
top: 50%;
left: 50%;
z-index: 20;
content: "";
position: absolute;
background: url('data:image/svg+xml,') no-repeat center;
background-size: 19px auto;
width: 50px;
height: 50px;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
a.byLogos:hover {
opacity: 1;
transition: all 0.3s;
}
a.byLogos:hover::before {
background: url('data:image/svg+xml,') no-repeat center;
background-size: 19px auto;
transition: all 0.3s;
}
/* ---------------------------- LINKS ---------------------------- */
/* ---------------------------- LISTADOS ---------------------------- */
ul.li01 {
float: left;
clear: both;
overflow: hidden;
margin: 20px 0;
}
ul.li01 li {
float: left;
clear: both;
text-align: justify;
margin: 2px 0;
}
ul.liSabores {
float: left;
clear: both;
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 24px;
margin: 0 0 180px 0;
}
ul.liSabores li {
float: left;
position: relative;
text-align: center;
border-bottom: 2px solid #56564c;
width: 100%;
margin: 0;
padding: 35px 0;
opacity: 0;
transform: translateY(90%);
}
ul.liSabores li:after {
display: none;
}
ul.liSabores a.bxImg {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
text-align: center;
background: #0e0e0c;
width: 236px;
height: 236px;
margin: 20px 70px 20px 0;
padding: 32px;
transition: all 0.23s;
}
ul.liSabores a.bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
ul.liSabores a.bxImg:hover img {
scale: 1.05;
opacity: 0.9;
}
ul.liSabores .bxDsc {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: left;
width: 750px;
margin: 40px 0 20px 0;
}
ul.liSabores a.txTit {
float: left;
display: block;
overflow: hidden;
position: relative;
color: #b9b09f;
font-size: 30px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
line-height: 50px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin: 0;
}
ul.liSabores a.txTit:hover {
color: rgba(185, 176, 159, 0.7);
}
ul.liSabores .txtDsc {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
margin: 0;
}
ul.liSaboresCl {
float: left;
clear: both;
overflow: hidden;
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: auto;
align-content: start;
box-sizing: border-box;
font-size: 16px;
line-height: 24px;
margin: 50px 0 180px 0;
}
ul.liSaboresCl li {
float: left;
position: relative;
text-align: center;
width: 22%;
margin: 0 4% 30px 0;
padding: 35px 0;
opacity: 0;
transform: translateY(90%);
}
ul.liSaboresCl li:after {
display: none;
}
ul.liSaboresCl a.bxImg {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
text-align: center;
background: #0e0e0c;
width: 236px;
height: 236px;
margin: 20px 0;
padding: 32px;
transition: all 0.23s;
}
ul.liSaboresCl a.bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
ul.liSaboresCl a.bxImg:hover img {
scale: 1.05;
opacity: 0.9;
}
ul.liSaboresCl li:nth-child(1) a.bxImg:hover,
ul.liSaboresCl li:nth-child(5) a.bxImg:hover,
ul.liSaboresCl li:nth-child(9) a.bxImg:hover,
ul.liSaboresCl li:nth-child(13) a.bxImg:hover,
ul.liSaboresCl li:nth-child(17) a.bxImg:hover,
ul.liSaboresCl li:nth-child(21) a.bxImg:hover,
ul.liSaboresCl li:nth-child(25) a.bxImg:hover,
ul.liSaboresCl li:nth-child(29) a.bxImg:hover,
ul.liSaboresCl li:nth-child(33) a.bxImg:hover,
ul.liSaboresCl li:nth-child(37) a.bxImg:hover{
background: #f17910;
}
ul.liSaboresCl li:nth-child(2) a.bxImg:hover,
ul.liSaboresCl li:nth-child(6) a.bxImg:hover,
ul.liSaboresCl li:nth-child(10) a.bxImg:hover,
ul.liSaboresCl li:nth-child(14) a.bxImg:hover,
ul.liSaboresCl li:nth-child(18) a.bxImg:hover,
ul.liSaboresCl li:nth-child(22) a.bxImg:hover,
ul.liSaboresCl li:nth-child(26) a.bxImg:hover,
ul.liSaboresCl li:nth-child(30) a.bxImg:hover,
ul.liSaboresCl li:nth-child(34) a.bxImg:hover,
ul.liSaboresCl li:nth-child(38) a.bxImg:hover{
background: #9473a0;
}
ul.liSaboresCl li:nth-child(3) a.bxImg:hover,
ul.liSaboresCl li:nth-child(7) a.bxImg:hover,
ul.liSaboresCl li:nth-child(11) a.bxImg:hover,
ul.liSaboresCl li:nth-child(15) a.bxImg:hover,
ul.liSaboresCl li:nth-child(19) a.bxImg:hover,
ul.liSaboresCl li:nth-child(23) a.bxImg:hover,
ul.liSaboresCl li:nth-child(27) a.bxImg:hover,
ul.liSaboresCl li:nth-child(31) a.bxImg:hover,
ul.liSaboresCl li:nth-child(35) a.bxImg:hover,
ul.liSaboresCl li:nth-child(39) a.bxImg:hover{
background: #0cb8d8;
}
ul.liSaboresCl li:nth-child(4) a.bxImg:hover,
ul.liSaboresCl li:nth-child(8) a.bxImg:hover,
ul.liSaboresCl li:nth-child(12) a.bxImg:hover,
ul.liSaboresCl li:nth-child(16) a.bxImg:hover,
ul.liSaboresCl li:nth-child(20) a.bxImg:hover,
ul.liSaboresCl li:nth-child(24) a.bxImg:hover,
ul.liSaboresCl li:nth-child(28) a.bxImg:hover,
ul.liSaboresCl li:nth-child(32) a.bxImg:hover,
ul.liSaboresCl li:nth-child(36) a.bxImg:hover,
ul.liSaboresCl li:nth-child(40) a.bxImg:hover{
background: #58946e;
}
ul.liSaboresCl .bxDsc {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
margin: 10px 0 20px 0;
}
ul.liSaboresCl a.txTit {
float: left;
display: block;
overflow: hidden;
position: relative;
color: #b9b09f;
font-size: 24px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
line-height: 28px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
margin: 0;
}
ul.liSaboresCl a.txTit:hover {
color: rgba(185, 176, 159, 0.7);
}
ul.liSaboresCl .txtDsc {
float: left;
display: block;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
margin: 0;
}
ul.liSaboresIn {
float: left;
clear: both;
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 24px;
text-align: center;
width: 100%;
margin: 0 0 80px 0;
}
ul.liSaboresIn li {
float: none;
display: inline-block;
position: relative;
text-align: center;
width: 140px;
height: 140px;
margin: 0 20px 40px 20px;
padding: 0;
}
ul.liSaboresIn li::after {
display: none;
}
ul.liSaboresIn a.bxImg {
float: left;
display: block;
overflow: hidden;
box-sizing: border-box;
position: relative;
text-align: center;
background: #0e0e0c;
width: 140px;
height: 140px;
padding: 18px;
transition: all 0.23s;
}
ul.liSaboresIn a.bxImg img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
transition: all 0.23s;
}
ul.liSaboresIn a.bxImg:hover img {
scale: 1.05;
opacity: 0.9;
}
ul.liPtr {
float: left;
clear: both;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: auto;
align-content: start;
font-size: 16px;
line-height: 24px;
width: 100%;
margin: 0;
}
ul.liPtr li {
float: none;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;
width: 30%;
height: auto;
margin: 0 5% 100px 0;
padding: 0;
opacity: 0;
transform: translateY(90%);
}
ul.liPtr li::after {
display: none;
}
ul.liPtr li:nth-child(2),
ul.liPtr li:nth-child(5),
ul.liPtr li:nth-child(8),
ul.liPtr li:nth-child(11),
ul.liPtr li:nth-child(14) {
margin-top: 60px;
}
ul.liPtr li:nth-child(3),
ul.liPtr li:nth-child(6),
ul.liPtr li:nth-child(9),
ul.liPtr li:nth-child(12),
ul.liPtr li:nth-child(15) {
margin-top: 20px;
}
ul.liPtr li a.bxImg {
float: left;
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
width: 100%;
height: 345px;
margin-bottom: 8px;
}
ul.liPtr li a.bxImg img {
float: left;
display: block;
width: 100%;
height: 345px;
object-fit: cover;
margin: 0;
transition: all 0.23s;
}
ul.liPtr li:hover a.bxImg img {
scale: 1.01;
opacity: 0.9;
}
ul.liPtr li a.bxImg::after {
top: 0;
left: 0;
box-sizing: border-box;
content: "";
position: absolute;
background: transparent;
border: 0px solid rgba(1, 1, 0, 0);
width: 345px;
height: 345px;
transition: all 0.23s;
}
ul.liPtr li:hover a.bxImg::after {
border: 30px solid rgba(1, 1, 0, 0.4);
}
ul.liPtr li a.bxTxt {
float: left;
display: block;
color: #ffffff;
font-size: 20px;
text-decoration: none;
text-align: left;
width: 100%;
padding: 10px 0;
transition: all linear 0.2s;
}
ul.liPtr li:hover a.bxTxt {
color: rgba(255, 255, 255, 0.6);
transition: all linear 0.2s;
}
ul.liPtr li:nth-child(2) a.bxTxt,
ul.liPtr li:nth-child(5) a.bxTxt,
ul.liPtr li:nth-child(8) a.bxTxt,
ul.liPtr li:nth-child(11) a.bxTxt,
ul.liPtr li:nth-child(14) a.bxTxt,
ul.liPtr li:nth-child(17) a.bxTxt,
ul.liPtr li:nth-child(20) a.bxTxt {
text-align: center;
}
ul.liOItm {
float: none;
font-size: 16px;
line-height: 24px;
width: 80%;
margin: 50px auto 40px auto;
}
ul.liOItm li {
float: left;
box-sizing: border-box;
display: block;
position: relative;
text-align: center;
border: 1px solid #1c1c17;
width: 375px;
height: 140px;
margin: 0;
padding: 0;
}
ul.liOItm li:nth-child(2) {
float: right;
}
ul.liOItm li::after {
display: none;
}
ul.liOItm li a.bxImg {
float: right;
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
width: 140px;
height: 140px;
margin: 0;
padding: 0;
}
ul.liOItm li:nth-child(2) a.bxImg {
float: left;
}
ul.liOItm li a.bxImg img {
float: left;
display: block;
width: 140px;
height: 140px;
object-fit: cover;
margin: 0;
transition: all 0.23s;
}
ul.liOItm li:hover a.bxImg img {
scale: 1.02;
opacity: 0.9;
}
ul.liOItm li a.bxTxt {
float: left;
box-sizing: border-box;
display: block;
position: relative;
color: #b9b09f;
font-size: 20px;
line-height: 20px;
text-decoration: none;
text-align: left;
width: calc(100% - 140px);
min-height: 100%;
height: 100%;
padding: 10px 20px 10px 85px;
transition: all linear 0.2s;
}
ul.liOItm li a.bxTxt span {
top: 50%;
box-sizing: border-box;
display: block;
position: relative;
text-decoration: none;
text-align: left;
width: 100%;
transform: translateY(-50%);
}
ul.liOItm li:nth-child(2) a.bxTxt {
float: right;
padding: 10px 95px 10px 20px;
}
ul.liOItm li a.bxTxt::after {
top: 50%;
left: 20px;
content: "";
position: absolute;
background: transparent url(../lib/ico-nxt.svg) no-repeat center;
background-size: auto 47px;
width: 50px;
height: 50px;
transform: translateY(-50%) scaleX(-1);
transition: all 0.23s;
}
ul.liOItm li:hover a.bxTxt::after {
left: 16px;
}
ul.liOItm li:nth-child(2) a.bxTxt::after {
right: 20px;
left: auto;
transform: translateY(-50%) scaleX(1);
}
ul.liOItm li:nth-child(2):hover a.bxTxt::after {
right: 16px;
}
ul.liOItm li:hover a.bxTxt {
color: rgba(255, 255, 255, 0.5);
transition: all linear 0.2s;
}
ul.pag {
clear: both;
display: table;
width: auto;
margin: 20px auto;
}
ul.pag li {
float: left;
width: auto;
margin: 0 2px;
padding: 0;
}
ul.pag li::after {
display: none;
}
ul.pag li a {
float: left;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.5);
font-size: 16px;
line-height: 39px;
text-decoration: none;
text-align: center;
width: 40px;
height: 40px;
margin: 0;
padding: 0 6px;
transition: all 0.4s;
}
ul.pag li a:hover {
color: rgba(255, 255, 255, 0.9);
}
ul.pag li.pact a {
color: #ffffff;
font-size: 18px;
line-height: 49px;
font-family: 'MunaleLoird', Arial, Tahoma, Verdana;
font-weight: 100;
background: rgba(255, 255, 255, 0.1);
}
ul.pag li.txtL a {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
width: auto;
}
ul.pag li.txtL a:hover {
color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------- LISTADOS ---------------------------- */
/* ---------------------------- RESPONSIVE ---------------------------- */
@media screen and (min-width: 1441px) {
ul.liPtr li:nth-child(3n) {
margin-right: 0;
}
ul.liSaboresCl li:nth-child(4n) {
margin-right: 0;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(4n) {
margin-right: 3.7%;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(5n) {
margin-right: 0;
}
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
.contentMod iframe,
.contentMod object,
.contentMod embed,
.contentMod video {
min-height: 76%;
height: 76%;
}
.contentQA .cntDsc {
width: 45%;
height: 700px;
padding: 200px 100px 40px 100px;
}
/*.contentQA .cntMap {
width: 55%;
}*/
ul.liPtr li:nth-child(3n) {
margin-right: 0;
}
/*ul.liOpIt.Tr {
height: 161px;
}*/
ul.liSaboresCl li:nth-child(4n) {
margin-right: 0;
}
.contentInicio ul.liSaboresCl li:nth-child(4n) {
margin-right: 3% !important;
}
.contentInicio ul.liSaboresCl li:nth-child(5n) {
margin-right: 0;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(4n) {
margin-right: 3.7%;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(5n) {
margin-right: 0;
}
.contentIPr.titOl {
min-height: 996px;
}
.contentIPr.titOl::before {
bottom: 300px;
}
}
@media screen and (min-width: 1291px) and (max-width: 1366px) {
.contentMod iframe,
.contentMod object,
.contentMod embed,
.contentMod video {
min-height: 76%;
height: 76%;
}
header.dspMn nav {
margin: 20px auto 0 28%;
}
header.dspMn nav ul {
margin: 6vh 0 0 0;
}
.cntInicio {
width: 92%;
height: 560px;
}
.cntBlg {
width: 92%;
margin: 100px auto;
}
.cntTr {
width: 92%;
margin: 150px auto;
}
.contentTr .bxImg {
width: 550px;
height: 700px;
margin-left: 20px;
}
.contentTr .bxDsc {
width: 530px;
margin-right: 10px;
}
.contentQA .cntDsc {
width: 45%;
height: 700px;
padding: 200px 100px 40px 100px;
}/*
.contentQA .cntMap {
width: 55%;
}*/
.cntIPr {
width: 92%;
}
.contentIPr.IntBlg .cntIPr {
width: 92%;
margin-top: 100px;
}
.contentIPr .bxImg {
top: 260px;
width: 450px;
margin-right: 90px;
}
.contentIPr .bxImg::after {
top: -20px;
left: -20px;
width: 450px;
height: 290px;
}
.contentIPr .bxDItm {
width: 730px;
margin-top: 120px;
}
.contentIPr .bxIHr {
background: url(../lib/ico-time.svg) no-repeat 18px 10px;
background-size: auto 20px;
margin: 2px 0 0 15px;
padding: 8px 0 5px 55px;
max-width: 50%;
}
.contentIPr .bxIHr::before {
width: 2px;
}
.contentIPr.titOl {
min-height: 962px;
}
.contentIPr.titOl::before {
bottom: 300px;
}
.cntInt {
width: 92%;
}
.contentInt.IPrd .cntInt {
width: 92%;
}
.cntGChf {
width: 92%;
}
.contentGChf .bxChfItm {
width: 750px;
margin-top: 30px;
}
.cntIOp {
width: 92%;
margin: 100px auto 0 auto;
padding-bottom: 100px;
}
ul.liCat li,
.contentInt ul.liCat li {
scale: 0.85;
}
ul.liCat li:nth-child(1) {
margin: 100px -5px 0 -55px;
}
ul.liCat li:nth-child(2) {
margin: 140px -5px 0 -5px;
}
ul.liCat li:nth-child(3) {
margin: 100px -5px 0 -5px;
}
ul.liCat li:nth-child(4) {
margin: 140px -55px 0 -5px;
}
ul.liPtr li:nth-child(3n) {
margin-right: 0;
}
/*
ul.liOpIt {
height: 161px;
}
ul.liOpIt li {
width: 311px;
height: 160px;
}
*/
ul.liOpIt.Tr {
height: 220px;
}
ul.liOpIt.Tr li {
height: 220px;
}
.swiper-container.swipItmR.galAT .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR.galAT .swiper-button-prev {
left: 10px;
}
ul.liSaboresCl li:nth-child(4n) {
margin-right: 0;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(4n) {
margin-right: 3.7%;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(5n) {
margin-right: 0;
}
}
/* ---------------------------- TABLET H ---------------------------- */
@media screen and (min-width: 921px) and (max-width: 1290px) {
.contentMod iframe,
.contentMod object,
.contentMod embed,
.contentMod video {
min-height: 68%;
height: 68%;
}
header.dspMn nav {
margin: 20px auto 0 22%;
}
header.dspMn nav ul {
margin: 6vh 0 0 0;
}
.cntInicio {
width: 90%;
height: 560px;
}
.contentInicio iframe,
.contentInicio object,
.contentInicio embed,
.contentInicio video {
width: 130%;
max-width: 130%;
min-height: 100%;
margin-top: -100px;
}
.cntBlg {
width: 90%;
margin: 100px auto;
}
.cntTr {
width: 90%;
margin: 150px auto;
}
.contentTr .bxImg {
width: 46%;
height: 700px;
margin-left: 0;
}
.contentTr .swipFadeB {
width: 100%;
height: auto;
}
.contentTr .swipFadeB img {
width: 100%;
height: auto;
}
.contentTr .swipFadeB .bxImg {
width: 100%;
height: auto;
}
.contentTr .bxDsc {
width: 47%;
margin-right: 0;
}
.contentQA .cntDsc {
width: 50%;
height: 700px;
padding: 200px 70px 40px 70px;
}/*
.contentQA .cntMap {
width: 50%;
}*/
.contentIPr.cntFS {
min-height: 620px;
}
.cntIPr {
width: 90%;
}
.contentIPr.IntBlg .cntIPr {
width: 90%;
margin-top: 100px;
}
.contentIPr .bxImg {
top: 150px;
width: 400px;
margin-right: 50px;
}
.contentIPr .bxImg::after {
top: -20px;
left: -20px;
width: 400px;
height: 200px;
}
.contentIPr .bxLItm {
width: 190px;
height: 190px;
margin: 120px 30px 0 0;
padding: 25px;
}
.contentIPr .bxDItm {
width: 600px;
margin-top: 120px;
}
.contentIPr .bxPItm {
min-width: 100px;
margin-top: 130px;
}
.contentIPr .bxPItm img {
width: 80px;
}
.contentIPr .bxIHr {
background: url(../lib/ico-time.svg) no-repeat 18px 10px;
background-size: auto 20px;
margin: 2px 0 0 10px;
padding: 8px 0 5px 55px;
max-width: 40%;
}
.contentIPr .bxIHr::before {
width: 2px;
}
.contentIPr.titOl {
min-height: 992px;
}
.contentIPr.titOl::before {
bottom: 300px;
}
.cntInt {
width: 90%;
}
.contentInt.IPrd .cntInt {
width: 90%;
}
.contentInt img {
max-width: 100%;
margin: 10px auto 30px auto;
}
.swiper-container.swipItmR.galAT {
float: none;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.contentGChf {
padding: 100px 0 50px 0;
}
.cntGChf {
width: 90%;
}
.contentGChf .bxChf {
width: 340px;
}
.contentGChf .bxChfItm {
width: 600px;
margin-top: 30px;
}
.swiper-container.swipItmR .swiper-button-next,
.swiper-container.swipItmR .swiper-button-prev {
top: 170px;
}
.swiper-container.swipItmR .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR .swiper-button-prev {
left: 10px;
}
.cntIOp {
width: 90%;
margin: 100px auto 0 auto;
padding-bottom: 100px;
}
.cntWlc {
width: 90%;
margin: 0 auto 20px auto;
}
.cntCG {
width: 90%;
margin: 200px auto 100px auto;
}
.swiper-container.swipProdH {
width: 100%;
padding: 0 100px 50px 100px;
}
.cntGT {
width: 90%;
}
.cntIdt {
width: 90%;
margin: 80px auto 100px auto;
}
.contentIdt .cntImg {
width: 90%;
height: 520px;
margin: 0 auto 200px auto;
}
.contentIdt .cntImg::after {
left: -5%;
bottom: 20px;
width: 110%;
height: 400px;
}
ul.liCat li,
.contentInt ul.liCat li {
scale: 0.7;
}
ul.liCat li:nth-child(1) {
margin: 100px -30px 0 -80px;
}
ul.liCat li:nth-child(2) {
margin: 140px -30px 0 -30px;
}
ul.liCat li:nth-child(3) {
margin: 100px -30px 0 -30px;
}
ul.liCat li:nth-child(4) {
margin: 140px -80px 0 -30px;
}
ul.liPtr li:nth-child(3n) {
margin-right: 0;
}
ul.liPtr li a.bxImg::after {
width: 100%;
height: 345px;
}
/*
ul.liOpIt {
height: 161px;
}
ul.liOpIt li {
width: 286px;
height: 160px;
}
*/
ul.liOpIt.Tr{
height: 220px;
}
ul.liOpIt.Tr li {
width: 222px;
height: 220px;
}
.swiper-container.swipItmR.galAT .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR.galAT .swiper-button-prev {
left: 10px;
}
ul.liSabores .bxDsc {
width: 600px;
}
ul.liSaboresCl li:nth-child(4n) {
margin-right: 0;
}
.contentInicio ul.liSaboresCl li:nth-child(5n) {
margin-right: 0;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(4n) {
margin-right: 3.7%;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(5n) {
margin-right: 0;
}
}
/* ---------------------------- TABLET H ---------------------------- */
/* ---------------------------- TABLET V ---------------------------- */
@media screen and (min-width: 737px) and (max-width: 920px) {
.contentMod iframe,
.contentMod object,
.contentMod embed,
.contentMod video {
width: 85%;
min-height: auto;
height: auto;
}
header.dspMn nav {
margin: 20px auto 0 15%;
}
header.dspMn nav ul {
margin: 6vh 0 0 0;
}
.contentInicio {
height: 90vh;
}
.cntInicio {
width: 90%;
height: 560px;
}
.contentInicio iframe,
.contentInicio object,
.contentInicio embed,
.contentInicio video {
width: 190%;
max-width: 190%;
min-height: 100%;
margin-top: -100px;
}
.cntBlg {
width: 90%;
margin: 100px auto;
}
.cntTr {
width: 90%;
margin: 150px auto;
}
.contentTr .bxImg {
width: 46%;
height: 700px;
margin-left: 0;
}
.contentTr .swipFadeB {
width: 100%;
height: auto;
}
.contentTr .swipFadeB img {
width: 100%;
height: auto;
}
.contentTr .swipFadeB .bxImg {
width: 100%;
height: auto;
}
.contentTr .bxDsc {
width: 47%;
margin-right: 0;
}
.contentQA {
padding: 200px auto;
}
.contentQA .cntDsc {
width: 100%;
height: 500px;
padding: 100px 70px 40px 70px;
}/*
.contentQA .cntMap {
width: 100%;
}*/
.contentIPr.cntFS {
min-height: 620px;
}
.cntIPr {
width: 90%;
}
.contentIPr.IntBlg .cntIPr {
width: 90%;
margin-top: 100px;
}
.contentIPr .bxImg {
display: none;
}
.contentIPr .bxLItm {
box-sizing: border-box;
width: 150px;
height: 150px;
margin: 0 40px 0 0;
padding: 15px;
}
.contentIPr .bxLItm img {
left: auto;
width: 100%;
height: auto;
margin: 0;
}
.contentIPr .bxDItm {
float: left;
display: block;
font-size: 16px;
line-height: 22px;
width: 100%;
min-height: 300px;
margin-top: 20px;
}
.contentIPr .bxDItm h2 {
margin-bottom: -5px;
}
.contentIPr .bxDItm p {
margin-top: -5px;
margin-bottom: 25px;
}
.contentIPr .bxDItm ul.liRS {
float: right;
width: auto;
margin: -5px 0 10px 0;
padding-left: 0;
}
.contentIPr .bxDItm ul.liRS::before {
display: none;
}
.contentIPr .bxDItm ul.liRS li {
float: left;
margin: 0 3px 0 0;
}
.contentIPr .bxDItm ul.liRS .liTiktok a {
background-size: 18px auto;
}
.contentIPr .bxDItm ul.liRS .liInstagram a {
background-size: 22px auto;
}
.contentIPr .bxDItm ul.liRS .liFacebook a {
background-size: 10px auto;
}
.contentIPr .bxDItm ul.liRS .liYoutube a {
background-size: 23px auto;
}
.contentIPr .bxIHr {
font-size: 13px;
line-height: 16px;
background: url(../lib/ico-time.svg) no-repeat left 10px;
background-size: auto 20px;
width: 90%;
max-width: 90%;
margin: 2px 0 20px 0;
padding: 10px 0 5px 33px;
}
.contentIPr .bxIHr::before {
display: none;
}
.contentIPr .bxPItm {
top: 40px;
right: 0;
left: auto;
display: block;
position: absolute;
text-align: right;
min-width: auto;
width: auto;
margin: 0;
padding: 0;
}
.contentIPr .bxPItm img {
left: 0;
top: 0;
float: right;
display: block;
position: relative;
width: 48%;
height: auto;
margin: 0;
}
.cntInt {
width: 90%;
}
.contentInt.IPrd .cntInt {
width: 90%;
}
.contentInt img {
max-width: 100%;
margin: 10px auto 30px auto;
}
.swiper-container.swipItmR.galAT {
float: none;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.contentGChf {
padding: 100px 0 50px 0;
}
.cntGChf {
width: 90%;
}
.contentGChf .bxChf {
width: 100%;
}
.contentGChf .bxChf .bxImg img {
width: 100%;
height: auto;
margin: 0;
}
.contentGChf .bxChfItm {
width: 100%;
margin-top: 0;
}
.swiper-container.swipItmR .swiper-button-next,
.swiper-container.swipItmR .swiper-button-prev {
top: 170px;
}
.swiper-container.swipItmR .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR .swiper-button-prev {
left: 10px;
}
.cntIOp {
width: 90%;
margin: 100px auto 0 auto;
padding-bottom: 100px;
}
.cntWlc {
width: 90%;
margin: 0 auto 20px auto;
}
.contentWlc h2 {
font-size: 100px;
line-height: 180px;
margin: 100px auto -20px auto;
}
.contentWlc h2 span {
font-size: 40px;
letter-spacing: 6px;
line-height: 60px;
margin-top: -140px;
}
.cntCG {
width: 90%;
margin: 200px auto 100px auto;
}
.swiper-container.swipProdH {
width: 100%;
padding: 0 50px 50px 50px;
}
.swiper-container.swipProdH a.bxImg {
width: auto;
height: auto;
margin-bottom: 8px;
}
.cntGT {
width: 90%;
}
.cntIdt {
width: 90%;
margin: 80px auto 100px auto;
}
.contentIdt .cntImg {
width: 90%;
height: 520px;
margin: 0 auto 200px auto;
}
.contentIdt .cntImg::after {
left: -5%;
bottom: 20px;
width: 110%;
height: 400px;
}
ul.liCat li,
.contentInt ul.liCat li {
scale: 0.5;
}
ul.liCat li:nth-child(1) {
margin: 100px -65px 0 -100px;
}
ul.liCat li:nth-child(2) {
margin: 140px -65px 0 -65px;
}
ul.liCat li:nth-child(3) {
margin: 100px -65px 0 -65px;
}
ul.liCat li:nth-child(4) {
margin: 140px -100px 0 -65px;
}
ul.liPtr li:nth-child(3n) {
margin-right: 0;
}
ul.liPtr li a.bxImg::after {
width: 100%;
height: 200px;
}
ul.liPtr li a.bxImg {
height: 200px;
}
ul.liPtr li a.bxImg img {
height: 200px;
}
ul.liPtr li a.bxImg::after {
width: 100%;
height: 100%;
}/*
ul.liOpIt {
height: 161px;
}
ul.liOpIt li {
width: 241px;
height: 160px;
}*/
ul.liOItm li {
width: 47%;
height: 120px;
}
ul.liOItm li a.bxImg {
width: 120px;
height: 120px;
}
ul.liOItm li a.bxImg img {
width: 120px;
height: 120px;
}
ul.liOItm li a.bxTxt {
font-size: 16px;
line-height: 18px;
width: calc(100% - 120px);
padding: 10px 20px 10px 65px;
}
ul.liOItm li:nth-child(2) a.bxTxt {
float: right;
padding: 10px 75px 10px 20px;
}
ul.liOItm li a.bxTxt::after {
left: 10px;
}
ul.liOItm li:nth-child(2) a.bxTxt::after {
right: 10px;
}
.swiper-container.swipItmR.galAT .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR.galAT .swiper-button-prev {
left: 10px;
}
ul.liSabores a.bxImg {
width: 225px;
height: 225px;
margin: 20px 50px 20px 0;
padding: 30px;
}
ul.liSabores .bxDsc {
width: 400px;
}
ul.liSaboresCl li:nth-child(4n) {
margin-right: 0;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(4n) {
margin-right: 0;
}
}
/* ---------------------------- TABLET V ---------------------------- */
@media screen and (min-width: 321px) and (max-width: 736px) {
body {
font-size: 17px;
line-height: 26px;
}
.btnClose {
background-size: 20px auto;
width: 50px;
height: 50px;
margin: 10px 10px 0 0;
}
.cntMod {
width: 88%;
margin: 120px auto 100px auto;
padding: 50px;
}
.contentMod iframe,
.contentMod object,
.contentMod embed,
.contentMod video {
top: 40%;
width: 100%;
min-height: auto;
height: auto;
}
.vidEmb{
width: 100%;
padding-bottom: 56.25%;
margin-top: 150px;
}
.contentMod .vidEmbIt{
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
transform: translate(0, 0) !important;
}
.contentMod h2 {
font-size: 20px;
line-height: 40px;
}
.lnk01 {
font-size: 16px;
background-size: 20px auto;
padding: 10px 0 10px 35px;
}
.menuMb {
background-size: 35px auto;
width: 60px;
height: 50px;
margin-top: 4px;
}
header.hdPf .menuMb {
background-size: 30px auto;
margin-top: 0;
}
.menuMbCls {
top: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.7) url(../lib/ico-cls.svg) no-repeat center;
background-size: 20px auto;
width: 50px;
height: 50px;
opacity: 1;
}
a.logo:link,
a.logo:visited {
background-size: auto 50px;
width: 50px;
height: 60px;
}
header.hdPf a.logo:link,
a.logo:visited {
background: url(../lib/logo-lpz.svg) no-repeat -28px top !important;
background-size: auto 70px !important;
width: 136px;
height: 43px;
margin: 2px 0 0 -20px;
scale: 0.7;
}
header.hdPf a.logo::after {
top: 9px;
right: 0;
scale: 0.8;
}
header {
width: 100%;
height: 66px;
}
header.hdPf {
height: 50px;
}
header.dspMn,
header.hdPf.dspMn {
height: auto;
}
header .cntHeader {
margin: 2px auto;
padding: 0 13px;
}
header.hdPf .cntHeader {
height: 50px;
margin: 0 auto;
}
header.hdPf.dspMn .cntHeader {
height: auto;
}
a.lnkLang {
font-size: 14px;
line-height: 38px;
height: 33px;
margin: 14px 0 0 10px;
padding: 0 15px;
}
header.hdPf a.lnkLang {
font-size: 12px;
line-height: 33px;
height: 30px;
margin: 10px 0 0 10px;
padding: 0 15px;
}
nav ul li a {
box-sizing: border-box;
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
text-align: left;
padding: 8px 7%;
}
header::after {
top: -21vw;
right: -64vw;
background-position: 35% 14%, 60% 16%;
background-size: auto 20%, auto 30%;
width: 200vw;
height: 200vw;
}
header.dspMn::after {
transform: scale(1.6);
}
header.dspMn nav,
header.hdPf.dspMn nav {
visibility: visible;
width: 100%;
height: 80vh;
margin: 40px 0 0 0;
}
header.dspMn .vid_dsck {
display: none;
}
header.dspMn .vid_mob {
display: block;
}
.contentInicio {
height: 145vh;
}
.contentInicio.liCol5 {
height: 195vh;
}
.contentInicio::before {
background: linear-gradient(to bottom, rgba(1, 1, 0, 0) 0%, #010100 60%, #010100 100%);
height: 105vh;
}
.cntInicio {
top: 180px;
left: 50%;
bottom: auto;
position: absolute;
width: 88%;
height: auto;
transform: translateX(-50%);
}
.contentInicio h1 {
top: -70px;
font-size: 36px;
letter-spacing: 1px;
line-height: 55px;
text-align: center !important;
width: 100%;
}
.contentInicio h1 b {
text-align: center;
}
.contentInicio h1 span {
font-size: 26px;
letter-spacing: 0;
text-align: center;
width: 100%;
margin-top: -28px;
}
.contentInicio .vid_dsck {
display: none;
}
.contentInicio .vid_mob {
display: block;
position: fixed;
width: auto;
height: 160%;
margin: -280px 0 0 -5%;
}
ul.liCat {
font-size: 20px;
height: 750px;
margin: 40px 0 0 0;
}
ul.liCat.lCI {
margin: -10px 0 20px 0;
}
ul.liCat li,
.contentInt ul.liCat li {
float: left;
display: block;
width: 50%;
margin: 0;
padding: 0;
}
ul.liCat li:nth-child(1) {
margin: 0 0 50px 0;
}
ul.liCat li:nth-child(2) {
float: right;
margin: 190px 0 0 -20px !important;
}
ul.liCat li:nth-child(3) {
margin: 165px 0 0 0 !important;
}
ul.liCat li:nth-child(4) {
float: right;
margin: 210px 0 0 -20px !important;
}
ul.liCat a .bxImg {
width: 100%;
height: 158px;
}
ul.liCat a .bxImg::after {
width: 30px;
height: 30px;
}
ul.liCat a .bxImg img {
width: 100%;
height: auto;
}
ul.liCat a .bxDsc {
padding: 10px 30px 10px 0;
}
ul.liCat li:nth-child(2) a .bxDsc,
ul.liCat li:nth-child(4) a .bxDsc {
padding: 10px 0 10px 30px;
}
ul.liCat a:hover .bxDsc {
background-size: 18px auto;
}
ul.liCat li:nth-child(2) a:hover .bxDsc,
ul.liCat li:nth-child(4) a:hover .bxDsc {
background-size: 18px auto;
}
ul.liCat li::before {
display: none;
bottom: 28px;
height: 29px;
}
ul.liCat li:hover::before {
bottom: 43px;
height: 29px;
}
ul.liCat li::after,
.contentInt ul.liCat li::after {
display: none;
bottom: 97px;
width: 30px;
}
ul.liCat li:hover::after {
height: calc(100% - 27px);
}
ul.liCat li a::before {
display: none;
left: 30px;
height: 30px;
}
ul.liCat li:hover a::before {
width: calc(100% - 100px);
}
ul.liCat li a::after {
display: none;
width: 30px;
}
ul.liCat li:hover a::after {
height: calc(100% - 27px);
}
.contentInicio.liCol5 ul.liCat {
height: 1500px;
margin: -50px 0 0 0;
}
.contentInicio.liCol5 ul.liCat li {
clear: both;
width: 180px;
margin: 0;
}
.contentInicio.liCol5 ul.liCat li:nth-child(1) {
margin: 0 0 50px 0;
}
.contentInicio.liCol5 ul.liCat li:nth-child(2) {
float: right;
margin: -30px 0 0 -20px !important;
}
.contentInicio.liCol5 ul.liCat li:nth-child(3) {
margin: 40px 0 0 0 !important;
}
.contentInicio.liCol5 ul.liCat li:nth-child(4) {
float: right;
margin: 40px 0 0 -20px !important;
}
.contentInicio.liCol5 ul.liCat li:nth-child(5) {
margin: 45px 0 0 0 !important;
}
.cntPrm {
width: 88%;
margin: 50px auto;
}
.contentQA {
text-align: center;
height: 670px;
margin: 0 auto;
padding: 50px 0 250px 0;
}
.cntQA {
width: 88%;
height: 150px;
margin: 0 auto 20px auto;
}
.contentQA h2 {
font-size: 28px;
line-height: 40px;
text-align: center;
width: 100%;
margin-bottom: 5px;
}
.contentQA h2 span {
font-size: 18px;
letter-spacing: 0;
line-height: 40px;
text-align: center;
margin: -15px 0 0 0;
}
.contentQA .cntDsc {
top: 200px;
font-size: 16px;
line-height: 24px;
text-align: center;
width: 100%;
height: auto;
padding: 0 50px 30px 50px;
}
.contentQA .cntMap {
float: left;
display: block;
overflow: hidden;
width: 100%;
height: 600px;
}
.contentQA a.lnkBtn01 {
float: none;
margin: 80px auto 30px auto;
}
.contentQA .cntMap .imgDsk {
display: none;
}
.contentQA .cntMap .imgMb {
display: block;
width: auto;
height: 100%;
}
.tabsM {
font-size: 12px;
width: 80%;
}
.tabsM .tab {
float: left;
display: block;
width: 50% !important;
padding: 0;
}
.cntWlc {
width: 88%;
margin: 0 auto 20px auto;
}
.contentWlc h2 {
font-size: 46px;
line-height: 120px;
margin: 60px auto -20px auto;
}
.contentWlc h2 span {
font-size: 25px;
letter-spacing: 0;
line-height: 60px;
margin-top: -97px;
}
.contentWlc .cntWV {
width: 100%;
height: 300px;
}
.contentWlc .cntVW {
top: 30px;
left: 50%;
width: 90%;
}
.contentWlc .cntVW::after {
top: -5px;
left: -10px;
}
.contentWlc .cntVW::before {
background-size: 45px auto;
width: 80px;
height: 80px;
}
.contentWlc .cntVW:hover::before {
background-size: 45px auto;
}
.contentWlc .cntWV img:nth-child(2) {
width: 170%;
}
.contentWlc .cntWV img:nth-child(3) {
display: none;
width: 120%;
}
.contentWlc p {
width: 100%;
margin: 20px auto;
}
.cntCG {
width: 88%;
margin: 60px auto 100px auto;
}
.contentCG h2 {
font-size: 36px;
letter-spacing: 1px;
line-height: 55px;
text-align: center;
width: 100%;
}
.contentCG h2 span {
font-size: 26px;
letter-spacing: 0;
line-height: 50px;
text-align: center;
width: 100%;
margin-top: -28px;
}
.contentCG h3 {
font-size: 24px;
letter-spacing: 3px;
line-height: 26px;
width: 100%;
padding: 10px 0;
}
.contentCG h3 span {
font-size: 18px;
letter-spacing: 1px;
line-height: 22px;
width: 100%;
margin-top: -10px;
padding: 10px 0;
}
.contentCG h4 {
font-size: 20px;
letter-spacing: 1px;
line-height: 26px;
text-align: center;
width: 100%;
}
.contentCG p {
width: 100%;
margin: 20px auto;
}
.swiper-container.swipProdH {
font-size: 10px;
width: 100%;
height: 400px;
margin: 58px auto 20px auto;
padding: 0 40px 50px 20px;
}
.swiper-container.swipProdH .swiper-button-next,
.swiper-container.swipProdH .swiper-button-prev {
display: none;
}
.swiper-container.swipProdH .swiper-scrollbar,
.swiper-container.swipProdH .swiper-scrollbar:hover {
display: block;
background: #56564c;
opacity: 1;
transition-duration: 0ms;
}
.swiper-container.swipProdH a.bxTxt {
font-size: 16px;
}
.cntGT {
width: 88%;
margin: 100px auto;
}
.contentGT h2 {
font-size: 36px;
letter-spacing: 1px;
line-height: 55px;
text-align: center;
width: 100%;
}
.contentGT h2 span {
font-size: 26px;
letter-spacing: 0;
line-height: 50px;
text-align: center;
width: 100%;
margin-top: -28px;
}
.contentGT ul {
/*font-size: 58px;
line-height: 65px;*/
font-size: 28px;
line-height: 34px;
width: 100%;
margin: 20px auto;
}
.contentGT ul li a {
padding: 20px;
}
.cntBlg {
width: 88%;
margin: 50px auto 100px auto;
}
.contentBlg h2 {
font-size: 40px;
line-height: 60px;
width: 100%;
margin: 20px auto;
}
ul.liBlog {
font-size: 20px;
line-height: 26px;
margin: 30px auto 20px auto;
}
ul.liBlog li {
width: 100%;
margin: 0 0 40px 0;
}
.contentInt ul.liBlog li {
margin: 0 0 80px 0;
}
ul.liBlog li a.lnkImg {
height: 300px;
}
ul.liBlog li a.lnkImg .imgDsk {
display: none;
}
ul.liBlog li a.lnkImg .imgMb {
display: block;
}
ul.liBlog li a.lnkTit {
padding: 3px 0;
}
.cntTr {
width: 88%;
margin: 30px auto;
}
.contentTr .bxImg {
width: 100%;
height: 415px;
margin-left: 0;
}
.contentTr .bxImg a {
width: 100%;
height: auto;
}
.contentTr .bxImg a::after {
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.contentTr .bxImg a:hover::after {
border: 30px solid rgba(0, 0, 0, 0.4);
}
.contentTr .bxDsc {
width: 100%;
margin-right: 0;
padding: 0 0 20px 0;
}
.contentTr h2 {
display: block;
font-size: 36px;
letter-spacing: 1px;
line-height: 55px;
text-align: center;
width: 100%;
margin: 65px 0 30px 0;
}
.contentTr h2 span {
font-size: 26px;
letter-spacing: 0;
line-height: 50px;
text-align: center;
width: 100%;
margin-top: -28px;
}
.contentTr h3 {
font-size: 24px;
line-height: 30px;
width: 90%;
}
.contentTr a.lnkBtn01 {
float: none;
margin: 30px auto;
}
.contentTr .bxDsc h2 {
display: none;
}
.contentGChf {
font-size: 18px;
line-height: 28px;
padding: 50px 0;
}
.cntGChf {
width: 88%;
margin: 0 auto;
}
.contentGChf .bxChf {
font-size: 14px;
line-height: 18px;
width: 100%;
}
.contentGChf .bxChf .bxImg img {
width: 100%;
height: auto;
margin: 0;
}
.contentGChf .bxChf .bxImg .nmChf {
font-size: 16px;
line-height: 16px;
padding: 15px 20px;
}
.contentGChf .bxChf .bxDsc {
padding: 15px 20px 10px 20px;
}
.contentGChf .bxChfItm {
font-size: 18px;
line-height: 28px;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
}
.contentGChf .bxChfItm.fSCh{
width: 100%;
margin: 30px auto 0 auto;
}
.contentGChf .bxChfItm h2 {
font-size: 27px;
letter-spacing: 2px;
line-height: 40px;
margin-bottom: 10px;
padding: 0;
}
.contentGChf .bxChfItm h2 span {
font-size: 15px;
letter-spacing: 2px;
line-height: 30px;
margin-bottom: -2px;
}
.swiper-container.swipItmR {
padding: 0;
}
.swiper-container.swipItmR .swiper-button-next,
.swiper-container.swipItmR .swiper-button-prev {
top: 110px;
width: 35px !important;
height: 35px !important;
}
.swiper-container.swipItmR .swiper-button-next {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-next:hover {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-prev {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-prev:hover {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR .swiper-button-prev {
left: 10px;
}
.swiper-container.swipItmR .bxTxt {
font-size: 14px;
line-height: 20px;
padding: 15px 0;
}
.swiper-container.swipItmR .bxTxt .tit {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
}
.cntIOp {
width: 88%;
margin: 10px auto 0 auto;
padding-bottom: 90px;
}
ul.liOpIt {
font-size: 18px;
line-height: 28px;
width: 100%;
height: 360px;
}
ul.liOpIt li {
float: left;
display: block;
font-size: 16px;
line-height: 26px;
width: 40%;
height: 160px;
margin: 0 5% 30px 5%;
}
ul.liOpIt .bxImg {
margin: 20px auto 5px auto;
}
ul.liOpIt.Tr {
font-size: 18px;
line-height: 28px;
width: 100%;
height: 360px;
}
ul.liOpIt.Tr li {
float: left;
display: block;
font-size: 10px;
line-height: 16px;
width: 46%;
height: 170px;
margin: 0 8% 30px 0;
}
ul.liOpIt.Tr li:nth-child(2n){
margin-right: 0;
}
ul.liOpIt.Tr .bxImg {
scale: 0.8;
margin: 15px auto 8px auto;
}
ul.liOpIt li .bxTlN,
ul.liOpIt li .bxTlR,
ul.liOpIt li .bxTlM,
ul.liOpIt li .bxTlA,
ul.liOpIt li .bxTlV,
ul.liOpIt li .bxTlC,
ul.liOpIt li .bxTlB,
ul.liOpIt li .bxTlCf,
ul.liOpIt li .bxTlP{
font-size: 8px;
line-height: 18px;
margin: 2px 3px;
padding: 0 5px;
}
footer {
font-size: 13px;
line-height: 20px;
padding-top: 80px;
}
footer a.logoCBN:link,
a.logoCBN:visited {
float: none;
display: inline-block;
background: url(../lib/logo-cbn.svg) no-repeat center;
background-size: auto 35px;
width: 170px;
height: 50px;
margin: 20px 10px;
}
.cntFooter {
width: 100%;
margin: 10px auto 20px auto;
padding: 20px;
}
footer p {
width: 100%;
margin: 10px auto;
}
ul.lIco {
width: 100%;
margin: 50px 0 20px 0;
}
ul.lIco li {
float: none;
display: inline-block;
width: 110px;
height: 60px;
margin: 10px;
}
ul.lIco li img {
float: left;
display: block;
width: 100%;
height: auto;
margin: 0;
}
ul.liRS {
width: 100%;
margin: 10px 0;
}
ul.liRS li {
float: none;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 4px;
}
ul.liRS li a {
width: 40px;
height: 40px;
}
.contentIPr {
overflow: hidden;
min-height: 200px;
height: auto;
}
.contentIPr.cntFS {
overflow: hidden;
min-height: 620px;
}
.contentIPr.titOl {
overflow: hidden;
min-height: 870px;
}
.cntIPr {
overflow: hidden;
width: 88%;
margin: 100px auto 0 auto;
}
.contentIPr.IntBlg .cntIPr {
width: 95%;
margin-top: -40px;
}
.contentIPr::before {
background: linear-gradient(to bottom, rgba(1, 1, 0, 0) 0%, #010100 70%, #010100 100%);
height: 50vh;
}
.contentIPr.titOl::before {
bottom: 350px;
}
.contentIPr h1 {
font-size: 32px;
line-height: 38px;
width: 100%;
padding: 30px 0 10px 0;
}
.contentIPr h2 {
font-size: 11px;
letter-spacing: 1px;
line-height: 20px;
margin-bottom: -25px;
}
.contentIPr img {
top: 0;
left: -90%;
width: 260%;
height: auto;
}
.contentIPr .bxDsc {
width: 95%;
margin-top: 150px;
}
.contentIPr p {
width: 100%;
}
.contentIPr .bxImg {
display: none;
top: 90px;
right: 5%;
width: 50%;
margin-right: 0;
}
.contentIPr .bxImg::after {
top: -10px;
left: -10px;
width: 100%;
height: 100px;
}
.contentIPr .bxImg img {
left: 0;
width: 100%;
}
.contentIPr a.lnkUrl {
font-size: 16px;
line-height: 28px;
height: 30px;
margin: 0 30px 20px 0;
}
.contentIPr a.lnkUrl::before {
right: -28px;
bottom: 2px;
background-size: auto 14px;
width: 22px;
height: 17px;
}
.contentIPr .bxLItm {
box-sizing: border-box;
width: 100px;
height: 100px;
margin: 0 40px 0 0;
padding: 15px;
}
.contentIPr .bxLItm img {
left: auto;
width: 100%;
height: auto;
margin: 0;
}
.contentIPr .bxDItm {
float: left;
display: block;
font-size: 16px;
line-height: 22px;
width: 100%;
min-height: 300px;
margin-top: 20px;
}
.contentIPr .bxDItm h2 {
margin-bottom: -25px;
}
.contentIPr .bxDItm p {
margin-top: -5px;
margin-bottom: 25px;
}
.contentIPr .bxDItm ul.liRS {
float: right;
width: auto;
margin: -5px 0 10px 0;
padding-left: 0;
}
.contentIPr .bxDItm ul.liRS::before {
display: none;
}
.contentIPr .bxDItm ul.liRS li {
float: left;
margin: 0 3px 0 0;
}
.contentIPr .bxDItm ul.liRS .liTiktok a {
background-size: 18px auto;
}
.contentIPr .bxDItm ul.liRS .liInstagram a {
background-size: 22px auto;
}
.contentIPr .bxDItm ul.liRS .liFacebook a {
background-size: 10px auto;
}
.contentIPr .bxDItm ul.liRS .liYoutube a {
background-size: 23px auto;
}
.contentIPr .bxIHr {
font-size: 13px;
line-height: 16px;
background: url(../lib/ico-time.svg) no-repeat left 10px;
background-size: auto 20px;
width: 88%;
max-width: 88%;
margin: 2px 0 20px 0;
padding: 10px 0 5px 33px;
}
.contentIPr .bxIHr::before {
display: none;
}
.contentIPr .bxPItm {
top: 40px;
right: 0;
left: auto;
display: block;
position: absolute;
text-align: right;
min-width: auto;
width: auto;
margin: 0;
padding: 0;
}
.contentIPr .bxPItm img {
left: 0;
top: 0;
float: right;
display: block;
position: relative;
width: 48%;
height: auto;
margin: 0;
}
.contentIPr.IntBlg h1 {
font-size: 24px;
line-height: 28px;
margin-top: 10px;
margin-bottom: -5px;
padding: 15px 0;
}
.cntInt {
width: 88%;
margin: 50px auto;
}
.contentInt.IPrd {
font-size: 18px;
line-height: 26px;
}
.contentInt.IPrd .cntInt {
width: 88%;
margin: 0 auto 50px auto;
}
.contentInt h3 {
font-size: 18px;
letter-spacing: 0px;
line-height: 30px;
width: 100%;
margin: 10px auto;
padding: 20px 0;
}
.contentInt img {
max-width: 100%;
margin: 10px auto 30px auto;
}
.contentIng {
font-size: 19px;
line-height: 28px;
height: auto;
}
.cntIng {
height: auto;
padding: 60px 0 20px 0;
}
.contentIng h2 {
font-size: 26px;
letter-spacing: 2px;
line-height: 36px;
text-align: center;
width: 88%;
}
.contentIng h2 span {
font-size: 22px;
letter-spacing: 0;
line-height: 30px;
text-align: center;
width: 100%;
margin: -10px 0 0 0 !important;
}
.contentIng ul {
text-align: center;
width: 100%;
margin: 20px auto 0 auto;
}
.contentIng ul li {
margin: 10px 15%;
scale: 0.8;
}
.contentIng .swiper.swipFade img {
width: 280%;
height: auto;
margin: 0 0 0 -80%;
}
.contentIdt {
font-size: 16px;
line-height: 22px;
width: 100%;
}
.cntIdt {
width: 88%;
margin: 10px auto 50px auto;
}
.contentIdt.optB .cntIdt{
margin: 10px auto;
padding-bottom: 80px;
}
.contentIdt h2 {
left: 50%;
font-size: 28px;
letter-spacing: 4px;
line-height: 40px;
width: 100%;
padding-top: 20px;
transform: translateX(-50%);
}
.contentIdt p {
margin: 12px 0;
}
.contentIdt .cntImg {
width: 88%;
height: 190px;
margin: 0 auto 10px auto;
}
.contentIdt .cntImg::after {
left: -5%;
bottom: 20px;
width: 110%;
height: 150px;
}
.contentIdt.optB .cntImg {
margin: 10px auto 0 auto;
}
.cntEmbV{
width: 88%;
margin-bottom: 0px;
}
.vidEmb{
margin-top: 0;
}
.vwMs {
bottom: 100px;
}
.swiper-container.swipItmR.galAT {
float: none;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.swiper-container.swipItmR.galAT .swiper-button-next,
.swiper-container.swipItmR.galAT .swiper-button-prev {
top: 110px;
}
.swiper-container.swipItmR .swiper-button-next {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-next:hover {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-prev {
background-size: auto 30px;
}
.swiper-container.swipItmR .swiper-button-prev:hover {
background-size: auto 30px;
}
.swiper-container.swipItmR.galAT .swiper-button-next {
right: 10px;
}
.swiper-container.swipItmR.galAT .swiper-button-prev {
left: 10px;
}
.contentMap {
min-height: 90vh;
}
.cntMap {
min-height: 90vh;
}
.contentMap img {
width: auto;
height: 100%;
margin: 0 0 0 -190%;
}
.tabs {
font-size: 14px;
line-height: 48px;
letter-spacing: 0;
width: 100%;
height: 50px;
margin: 50px auto 0 auto;
}
.tab {
float: left;
display: block;
width: 70%;
height: 50px;
margin: 0;
padding: 0;
}
.tab:nth-child(2) {
width: 30%;
}
a.lnkBtn01 {
font-size: 16px;
line-height: 44px;
background-size: 24px auto;
border-radius: 50px;
width: 225px;
height: 50px;
margin: 30px auto;
padding: 0 10px;
}
a.lnkBtn01:hover {
background-size: 24px auto;
border: 1px solid #ece5d3;
}
.cntVdM {
width: 100%;
margin: 80px auto 0 auto;
}
.contentVdM iframe,
.contentVdM object,
.contentVdM embed,
.contentVdM video {
top: 0;
left: 50%;
width: 940px;
transform: translateX(-50%);
}
ul.liSabores {
font-size: 14px;
line-height: 20px;
width: 100%;
margin: 0 0 180px 0;
}
ul.liSabores li {
width: 100%;
padding: 20px 0;
}
ul.liSabores a.bxImg {
width: 100px;
height: 100px;
margin: 20px 0;
padding: 15px;
}
ul.liSabores .bxDsc {
float: right;
width: calc(100% - 125px);
margin: 20px 0 0 0;
}
ul.liSabores a.txTit {
font-size: 20px;
line-height: 30px;
}
ul.liSabores .txtDsc {
display: none;
}
ul.liSabores a.lnkBtn01 {
font-size: 16px;
line-height: 36px;
background-size: 18px auto;
width: 140px;
height: 40px;
margin: 20px auto;
}
ul.liSabores a.lnkBtn01:hover {
background-size: 18px auto;
}
ul.liSaboresIn li {
overflow: hidden;
width: 40%;
height: 140px;
margin: 0 2% 10px 2%;
padding: 0;
}
ul.liSaboresIn a.bxImg {
width: 124px;
height: 124px;
padding: 12px;
}
ul.liOItm {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: auto;
align-content: auto;
font-size: 14px;
line-height: 20px;
width: 88%;
margin: -50px auto 50px auto;
}
ul.liOItm li {
width: 45%;
height: auto;
}
ul.liOItm li a.bxImg {
width: 55px;
height: 55px;
}
ul.liOItm li a.bxImg img {
width: 55px;
height: 55px;
}
ul.liOItm li a.bxTxt {
font-size: 12px;
line-height: 14px;
width: calc(100% - 60px);
min-height: 100%;
height: 100%;
padding: 7px 7px 7px 28px;
}
ul.liOItm li:nth-child(2) a.bxTxt {
padding: 7px 28px 7px 7px;
}
ul.liOItm li a.bxTxt::after {
left: 6px;
background-size: auto 25px;
width: 10px;
height: 45px;
}
ul.liOItm li:nth-child(2) a.bxTxt::after {
right: 6px;
}
ul.liPtr {
font-size: 1px;
line-height: 24px;
}
ul.liPtr li {
width: 45%;
height: auto;
margin: 0 9% 80px 0;
}
ul.liPtr li:nth-child(2n) {
margin-right: 0;
}
ul.liPtr li a.bxImg {
width: 100%;
height: 150px;
margin-bottom: 8px;
}
ul.liPtr li a.bxImg img {
width: 100%;
height: 150px;
}
ul.liPtr li a.bxImg::after {
width: 100%;
height: 150px;
}
ul.liPtr li:hover a.bxImg::after {
border: 20px solid rgba(0, 0, 0, 0.4);
}
ul.liPtr li a.bxTxt {
font-size: 18px;
padding: 10px 0;
}
ul.liSaboresCl {
margin: 10px 0 180px 0;
}
ul.liSaboresCl li {
width: 46%;
margin: 0 7.5% 30px 0;
padding: 20px 0;
transform: translateY(90%);
}
ul.liSaboresCl li:nth-child(2n) {
margin-right: 0;
}
ul.liSaboresCl a.bxImg {
width: 100%;
height: auto;
margin: 20px 0 10px 0;
padding: 15px;
}
ul.liSaboresCl a.txTit {
font-size: 22px;
line-height: 26px;
}
ul.pag li {
display: none;
margin: 0 10px;
}
ul.pag li.pact,
ul.pag li.txtL {
display: block;
}
ul.pag li.pact a {
font-size: 16px;
}
.contentInicio.liCol5 ul.liSaboresCl {
width: 100%;
margin: 40px auto 50px auto;
}
.contentInicio.liCol5 ul.liSaboresCl li {
width: 44.7%;
margin: 0 9.5% 0 0;
padding: 3px 0;
}
.contentInicio.liCol5 ul.liSaboresCl li:nth-child(2n) {
margin-right: 0;
}
.contentInicio.liCol5 ul.liSaboresCl a.bxImg {
height: 150px;
margin: 10px 0;
padding: 15px;
}
}