html, body {
font-family: AjaxRoboto;
font-weight: 300;
line-height: 1.6;
font-size: 1.08em;
}

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

a:hover {
color: #000;
}

__img {
max-width: 2000px;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}

.font-500 {
font-weight: 500;
}

.oculto {
display: none;
transition: all 600ms ease 0s;
}

.op-1 {
opacity: 1;
}

.op-60 {
opacity: .6;
}

.visible {
display: flex;
transition: all 600ms ease 0s;
}

.sec-100pc {
height: 100vh;
min-height: 600px;
}

.sec-100pc > .row:not( .normal ),
.sec-100pc > .row > .columna:not( .normal ) {
height: 100%;
}

.cont-100pc {

}

.cont-100pc > * ,
.cont-100pc > * > * {
height: 100%;
}

.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #999;
outline: 0;
box-shadow: none;
}

.section {
width: 100%;
height: 100vh;
min-height: 600px;
position: relative;
margin: 0 auto;
padding: 50px 0;
}

.section::before {
content: "";
display: block;
width: 100%;
height: 100%;
min-height: 600px;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
background-size: cover;
}

.section > .animarker {
width: 100%;
height: 1px;
position: absolute;
}

.col-inner {
position: relative;
width: 100%;
height: 100%;
}

.col-text {
margin-top: 50px;
padding-top: 50px;
position: relative;
}

.col-text a {
text-decoration: none;
border-bottom: 1px solid #333;
color: #333;
transition: .2s;
}

.col-text a:active,
.col-text a:hover {
transition: all 200ms ease 0s;
color: #777;
border-color: #777;
}

.col-text::before {
content: "";
display: block;
width: 200px;
height: 1px;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
}

.col-text p:last-child {
margin-bottom: 0;
}

.col-text strong {
font-weight: 500;
}

.sep-left {
padding-left: 20px;
}

.sep-right {
padding-right: 20px;
}

.sep-left::before,
.sep-right::before {
content: "";
width: 1px;
height: 50%;
background: #ccc;
position: absolute;
right: auto;
left: 0;
top: 50%;
transform: translate(0, -50%);
}

.sep-right::before {
left: auto;
right: 0;
}

/**/
/**/
/* ------- SECTION HEADER ------- */
/**/
/**/

.section-header {
width: 100%;
height: 100vh;
min-height: 600px;
position: relative;
margin: 0 auto;
padding: 0;
background-size: cover;
/*overflow: hidden;*/
}

.section-header::before {
}

/* ------- top bar ------- */

.top-bar {
background: #222;
position: relative;
z-index: 20;
font-size: 90%;
}

.top-bar strong {
font-weight: 500;
}

.top-bar,
.top-bar:hover,
.top-bar:active,
.top-bar *,
.top-bar *::after,
.top-bar *::before,
.top-bar *:hover,
.top-bar *:active {
transition: .3s;
}

.top-bar::before {
content: "";
display: block;
background: #fff;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
}

.top-bar > .row {
position: relative;
z-index: 10;
}

/* ------- top bar - info band ------- */

:root {

--info-band-height: 48px;

}

.top-bar .info-band {
width: 100%;
height: var( --info-band-height );
position: relative;
color: #fff;
}

.top-bar .info-band::before {
content: "";
display: block;
background: #000;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
z-index: -1;
}

.top-bar .info-band > * {
}

/* ------- top bar - info band - open menu button ------- */

.top-bar .open-menu {
width: var( --info-band-height );
height: var( --info-band-height );
position: relative;
background: #444;
}

/* ------- top bar - info band - ajax auth installer ------- */

.top-bar .ajax-installer {
align-items: center;
cursor: default;
font-size: .93em;
font-weight: 500;
color: #999;
white-space: nowrap;
}

.top-bar .ajax-installer .link {
display: block;
white-space: nowrap;
}

.top-bar .ajax-installer .img-wrapper {
display: inline-block;
height: 32px;
}

.top-bar .ajax-installer .image {
width: auto;
height: 100%;
}

.top-bar .ajax-installer .icon {
display: inline-block;
width: 72px;
height: 14px;
background: #fff;
overflow: hidden;
text-indent: -5000em;
-webkit-mask: var( --logo-ajax-alone ) center center no-repeat;
mask: var( --logo-ajax-alone ) center center no-repeat;
}

.top-bar .ajax-installer .text {
display: inline;
font-size: .8em;
font-weight: 700;
text-transform: uppercase;
color: #777;
white-space: nowrap;
margin-left: 6px;
}

/* ------- top bar - info band - mr-beveiliging ------- */

.top-bar .mr-beveiliging {
align-items: center;
position: relative;
}

.top-bar .mr-beveiliging .link {
display: block;
white-space: nowrap;
__height: 20px;
__line-height: 18px;
}

.top-bar .mr-beveiliging .img-wrapper {
display: block;
height: 22px;
}

.top-bar .mr-beveiliging .image {
display: block;
width: auto;
height: 100%;
}

.top-bar .mr-beveiliging .text {
display: inline;
font-size: .8em;
font-weight: 700;
text-transform: uppercase;
color: #777;
white-space: nowrap;
margin-left: 6px;
}

/* ------- top bar - info band - mini cart ------- */

.top-bar .mini-cart-link {
align-items: center;
overflow: hidden;
text-align: center;
background: #333;
}

.top-bar .mini-cart-link .mini-cart-wrapper {
display: block;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
font-size: .9em;
font-weight: 700;
white-space: nowrap;
color: #fff;
}

.top-bar .mini-cart-link .mini-cart-wrapper span {
display: inline-block;
position: relative;
}

.top-bar .mini-cart-link .mini-cart-wrapper .quantity {
margin-right: 12px;
padding-right: 12px;
}

.top-bar .mini-cart-link .mini-cart-wrapper .quantity::before {
content: "";
display: block;
width: 1px;
height: 80%;
background: #bbb;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}

.top-bar .mini-cart-link .mini-cart-wrapper .text {
}

/* ------- top bar - top bar content ------- */

.top-bar .top-bar-content {
height: 100%;
position: relative;
display: flex;
}

.top-bar .top-bar-content > * {
}

/* ------- top bar - hamburger ------- */

.top-bar .hamburger-button {
position: relative;
}

.top-bar .hamburger-button .inner {
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 18px;
text-align: center;
line-height: 40px;
background: #111;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}

.top-bar .hamburger-button .icon {
display: block;
line-height: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.top-bar .hamburger-button .close {
opacity: 0;
}

.top-bar .clicked .close {
opacity: 1;
}

.top-bar .clicked .open {
opacity: 0;
}

.top-bar .hamburger-button.clicked {

}

.top-bar .hamburger-button.clicked::before {

}

/* ------- top bar - main logo ------- */

.top-bar .logo-main {
align-items: center;
}

.top-bar .logo-main .link {
display: block;
width: 240px;
padding: 8px 8px 8px 0;
}

.top-bar .logo-main .image {
display: block;
width: 100%;
height: auto;
}

/* ------- top bar - hours ------- */

.top-bar .hours {
font-size: 85%;
min-width: 340px;
display: flex;
justify-content: center;
align-items: center;
}

.top-bar .hours .hours-wrapper {
margin: 0;
padding: 10px;
list-style: none;
}

.top-bar .hours .hours-wrapper li {
text-align: center;
}

.top-bar .hours .hours-wrapper li::before {
font-family: "Font Awesome 6 Pro";
content: "\f00c";
display: inline-block;
margin-right: 6px;
color: #007fd0;
}

/* ------- top bar - badges ------- */

.top-bar .badges {
align-items: center;
justify-content: space-around;
padding: 10px 30px;
}

.top-bar .badges .link {
/*
height: 40px;
padding: 8px 10px 8px 10px;
margin: 0 10px;
border: 1px solid #ccc;
border-radius: 6px;
*/
}

.top-bar .badges .kiyoh {
width: 70px;
margin-right: 20px;
}

.top-bar .badges .webshop-keurmerk {
width: 70px;
}

.top-bar .badges .image {
display: block;
width: 100%;
height: auto;
}

/* ------- top bar - phone ------- */

.top-bar .phone {
position: relative;
align-items: center;
font-size: 1.3em;
background: #f5f5f5;
__white-space: nowrap;
text-align: center;
width: 190px;
}

.top-bar .phone > * {
flex: 0 0;
}

.top-bar .phone .text {
margin: 0;
padding: 0;
font-size: .7em;
}

.top-bar .phone .link {
display: block;
__white-space: nowrap;
width: 190px;
}

.top-bar .phone .icon {
color: #ea8d00; /* naranja */
}

.top-bar .phone .number {
font-weight: 500;

}

/* ------- top bar - pop-up ------- */

.minicart-w {
display: none;
}

/* ------- main menu ------- */

/*
Menu styles are located in 'menus.css' stylesheet, 
(and across mq-[xx].css files for breakpoint styles)
*/

/* ------- header slider ------- */

.section-header .slider-main {
position: relative;
}

.section-header .slider-main .swiper {
height: 100%;
width: 100vw;
max-width: 1980px;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
}

.section-header .slider-main .swiper-slide {
}

.section-header .slider-main .swiper-slide .slide-inner {
height: 100%;
min-height: 480px;
}

.section-header .slider-main .swiper .nada {
width: 200px;
text-align: center;
background: #333;
height: 60px;
line-height: 60px;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}

.section-header .content-wrapper {
width: 100%;
height: 100%;
position: relative;
text-align: center;
}

.section-header .content-wrapper > .mini-cont {
width: 100%;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.section-header .content-wrapper .title {
font-size: 1.3em;
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.section-header .content-wrapper .text {
margin: 0 0 30px;
font-size: 85%;
}

.section-header .content-wrapper .text a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}

.section-header .content-wrapper .text a:hover {
color: #ffff00;
border-bottom: 1px solid #ffff00;
}

.section-header .content-wrapper .button {
background: #ea8d00;
font-size: .7em;
font-weight: 500;
}

.section-header .image-wrapper {
width: 100%;
height: 100%;
position: relative;
}

.section-header .image-wrapper .image {
width: 100%;
height: auto;
-webkit-filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, .5));
filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, .5));
}

/**/
/**/
/* ------- SECTION TOGGLE ------- */
/**/
/**/

.section-toggle {
text-align: center;
position: relative;
padding-bottom: 50px;
height: auto;
}

.section-toggle .section-title {
width: 210px;
height: 76px;
padding: 0;
margin: 0 auto 30px;
overflow: hidden;
text-indent: -5000em;
display: block;
background: #444;
/*-webkit-mask: var( --svg-heading-section-toggle ) center center no-repeat;
mask: var( --svg-heading-section-toggle ) center center no-repeat;*/
background:var( --svg-heading-section-toggle ) center center no-repeat;
background-size:contain;
position: relative;
}

/*.section-toggle .section-title::before {
content: "";
display: block;
position: absolute;
bottom: 0;
background: #999;
width: 210px;
height: 20px;
}*/

.section-toggle .section-subtitle {
text-transform: uppercase;
letter-spacing: .2em;
font-size: 20px;
color: #444;
margin: 0 auto 50px;
padding: 0 0 50px;
position: relative;
}

.section-toggle .section-subtitle::before {
content: "";
width: 300px;
height: 1px;
background: #aaa;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
}

.section-toggle .items {
position: relative;
}

.section-toggle .mini-cont {
display: block;
padding: 50px 0 30px;
position: relative;
}

.section-toggle .mini-cont > * {
display: block;
}

.section-toggle .image-wrapper {
height: 150px;
transition: all 300ms ease 0s;
margin-bottom: 30px;
position: relative;
display: block;
}

.section-toggle .image {
display: block;
width: auto;
height: 100%;
margin: 0 auto;
transition: all 300ms ease 0s;
}

.section-toggle .image:hover {
transition: all 600ms ease 0s;
transform: scale(1.3);
}

.section-toggle .title {
font-size: 1.1em;
margin: 0 auto 30px;
}

.section-toggle .items .button {
background: transparent;
border: 2px solid #ccc;
color: #111;
}

.section-toggle .color-black .button {
background: #111;
color: #fff;
}

.section-toggle .color-black .button:hover {
color: #111;
}

.section-toggle .color-black .button::before {
background: #fff;
}

.section-toggle .color-white .button:hover {
color: #fff;
}

.section-toggle .color-white .button::before {
background: #111;
}

.section-toggle .btn-more,
.section-toggle .btn-more::before {
height: 60px;
padding: 0 60px;
}

.section-toggle .btn-more {
line-height: 60px;
text-transform: none;
font-size: 1em;
font-weight: 500;
border-radius: 30px;
background: #197da8; /* azul */
background: #009640; /* verde */
background: #666; 
}

/**/
/**/
/* ------- SECTION ICONS TWO ------- */
/**/
/**/

.section-otra-cosa {
width: 100%;
height: 100vh;
min-height: 480px;
padding: 0 0 50px;
background: #3b2a1e;
color: #fff;
text-align: center;
position: relative;
overflow: hidden;
}

.section-otra-cosa::before {
content: "";
display: block;
background: #5c4b42;
background: transparent url(../../img/section-3-2.jpg) center bottom no-repeat;
background-size: cover;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
}

.section-otra-cosa > * {
position: relative;
z-index: 10;
}

.section-otra-cosa .section-title {
font-weight: 100;
font-size: 2em;
margin-bottom: 230px;
padding: 50px 15px;
position: relative;
}

.section-otra-cosa .section-title::before {
content: "";
display: block;
background: rgba(255, 255, 255, 0.55);
background: rgba(0, 0, 0, 0.6);
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
}

.section-otra-cosa .section-title > * {
position: relative;
z-index: 10;
}

.section-otra-cosa .items {
margin: 0 0 60px;
}

.section-otra-cosa .swiper-wrapper {
cursor: grab;
}

.section-otra-cosa .apretado { 
cursor: grabbing; 
cursor: -webkit-grabbing;
}

.section-otra-cosa .swiper-slide {
height: auto;
}

.section-otra-cosa .mini-cont {
padding: 30px;
height: 100%;
background: rgba(0, 0, 0, 0.8);
/*
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 32px;
*/
}

.section-otra-cosa .icon {
font-size: 36px;
}

.section-otra-cosa .item .title {
font-size: 1em;
}

.section-otra-cosa .item .text {
font-size: .85em;
margin: 0;
color: rgba(255, 255, 255, 0.7);
}

.section-otra-cosa .button {
background: #009640; /* verde */
background: #197da8; /* azul */
background: #ea8d00; /* naranja */
background: #00497f;
background: transparent;
line-height: 46px;
border: 2px solid #555;
font-size: .7em;
font-weight: 500;
color: #111;
}

.section-otra-cosa .button::before {
background: rgba(0, 0, 0, 0.7);
transition: all 500ms ease 0s;
}

.section-otra-cosa .button:hover {
color: #fff;
}

/**/
/**/
/* ------- SECTION ADVANTAGES ------- */
/**/
/**/

.section-advantages,
.section-advantages .sec-100pc {
}


/**/
/**/
/* ------- SECTION ADV ------- */
/**/
/**/

.section-advantages {
width: 100%;
height: 100vh;
min-height: 480px;
padding: 0 0 50px;
background: #3b2a1e;
color: #fff;
text-align: left;
position: relative;
overflow: hidden;
}

.section-advantages::before {
/*
content: "";
display: block;
background: #5c4b42;
background: transparent url(../../img/section-3-2.jpg) center bottom no-repeat;
background-size: cover;
width: 100vw;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
*/
}

.section-advantages > * {
position: relative;
z-index: 10;
}

.section-advantages .section-title-wrapper {
max-width: 500px;
position: absolute;
left: 0;
top: 100px;
}

.section-advantages .section-title {
font-weight: 100;
font-size: 2em;
padding: 50px 50px 50px 50px;
color: #fff;
position: relative;
margin: 0;
}

.section-advantages .section-title::before {
content: "";
display: block;
background: rgba(255, 255, 255, 0.55);
background: rgba(0, 0, 0, 0.6);
width: 100vw;
height: 100%;
position: absolute;
right: 0;
top: 0;
}

.section-advantages .section-title > * {
position: relative;
z-index: 10;
}

.section-advantages .button {
background: #009640; /* verde */
background: #197da8; /* azul */
background: #00497f;
background: transparent;
background: #ea8d00; /* naranja */
line-height: 46px;
border-radius: 0;
width: 160px;
height: 48px;
position: absolute;
right: -80px;
right: -160px;
right: 0;
bottom: -48px;
font-size: .7em;
font-weight: 500;
color: #111;
}

.section-advantages .button::before {
background: rgba(0, 0, 0, 1);
transition: all 500ms ease 0s;
}

.section-advantages .button:hover {
color: #fff;
}

.section-advantages .items {
margin: 0 0 60px;
}

.section-advantages .swiper-wrapper {
cursor: grab;
}

.section-advantages .apretado { 
cursor: grabbing; 
cursor: -webkit-grabbing;
}

.section-advantages .col-inner .swiper-cont {
width: 100%;
height: calc( 100% - 80px);
overflow: hidden;
padding-left: 60px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}

.section-advantages .swiper {
width: 100%;
height: 100%;
overflow: visible;
}

.section-advantages .sw {
width: 100%;
height: 100%;
height: calc( 100% - 160px );
}

.section-advantages .swiper-slide {
max-height: 400px;
height: auto;
}

.section-advantages .wrap {
position: relative;
}

.section-advantages .wrap::after {
content: "";
display: block;
width: 100%;
height: 1px;
clear: both;
}

.section-advantages .mini-cont {
padding: 20px 20px 20px 50px;
height: 100%;
float: right;
width: calc( 100% - 50px );
background: rgba(0, 0, 0, 0.8);
background: rgba(20, 1, 10, 0.8);
position: relative;
/*
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 32px;
*/
}

.section-advantages .image-cont {
width: 80px;
height: 80px;
border-radius: 40px;
background: #333;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
z-index: 10;
box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.4);
overflow: hidden;
text-align: center;
line-height: 76px;
border: 1px solid rgba(255, 255, 255, 0.6);
border: 1px solid #94826d;
box-sizing: border-box;
transition: all 400ms ease 0s;

}

.section-advantages .icon {
display: inline-block;
font-size: 28px;
color: #b1b0ab;
transition: all 400ms ease 0s;
}

.section-advantages .image-cont:hover {
transition: all 400ms ease 0s;
transform: translate(0, -50%) rotate(-40deg) scale(1.2);
}

.section-advantages .image-cont:hover .icon {
transition: all 400ms ease 0s;
color: #fff;
}

.section-advantages .image-cont:hover {

}

.section-advantages .wrap .title {
font-size: 1em;
}

.section-advantages .wrap .text {
font-size: .85em;
font-weight: 400;
margin: 0;
color: rgba(255, 255, 255, 0.7);
}

.section-advantages .nav-wrapper {
width: 60px;
height: 124px;
position: absolute;
right: 0;
bottom: 50px;
}

.section-advantages .nav-wrapper .nav-btn {
width: 60px;
height: 60px;
line-height: 60px;
background: #222;
position: relative;
cursor: pointer;
overflow: hidden;
text-align: center;
color: #fff;
transition: all 200ms ease 0s;
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
}

.section-advantages .nav-wrapper .nav-btn:hover {
background: #ea8d00; /* naranja */
transition: all 200ms ease 0s;
}

.section-advantages .nav-wrapper .prev {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

.section-advantages .nav-wrapper .next {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
top: 4px;
}

.section-advantages .nav-wrapper .prev::before,
.section-advantages .nav-wrapper .next::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
}

.section-advantages .nav-wrapper .prev::before {
content: "\f0d8";
}

.section-advantages .nav-wrapper .next::before {
content: "\f0d7";
}

/**/
/**/
/* ------- SECTION DESIGN ------- */
/**/
/**/

.section-design {
overflow: hidden;
background: #111;
color: #fff;
height: auto;
}

.section-design::before {
content: none;
}

.section-design > .sec-100pc {
width: 100%;
height: auto;
}

.section-design .col-left .wrap {
}

.section-design .col-left .text {
margin: 200px 0 0;
width: 500px;
}

.section-design .col-left .text .button {
margin-top: 20px;
}

.section-design .col-right .image-cont {
width: 859px;
height: auto;
position: absolute;
opacity: 0;
transition: all 2s ease 1s;
}

.section-design .col-right .image-cont .image {
width: 100%;
height: auto;
display: block;
}

.section-design .animarker {
top: 60%;
}

.section-design.evento .image-cont {
}

.section-design.evento .image-cont.image-1 {
opacity: 1;
transition: all 2s ease 2s;
}

.section-design.evento .image-cont.image-2 {
opacity: .4;
}

/**/
/**/
/* ------- SECTION ICONS ONE ------- */
/**/
/**/

.section-icons-one {
background: #000;
color: #fff;
text-align: center;
}

.section-icons-one .col-inner {
padding: 50px 30px;
}

.section-icons-one .title {
font-size: 100%;
margin: 0 0 8px;
}

.section-icons-one .text {
font-size: 90%;
margin: 0 0 0;
}

.section-icons-one .icon {
font-size: 210%;
display: inline-block;
margin: 0 0 8px;
}

/**/
/**/
/* ------- SECTION APP ------- */
/**/
/**/

.section-app {
height: auto;
overflow: hidden;
padding-top: 0;
transition: 1s;
}

.section-app .animarker {
top: 40%;
}

.section-app .row-intro {
text-align: center;
position: relative;
padding-top: 50px;
transition: 1s;
}

.section-app .col-summary {
padding-top: 30px;
padding-bottom: 20px;
font-weight: 500;
font-size: 1.1em;
color: #555;
}

.section-app .section-title {
}

.section-app .row-intro::before {
content: "";
display: block;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
transition: 1s;
}

.section-app.op-1 .row-intro::before {
background: #e7e7e7;
transition: 1s;
}

.section-app .row-intro > * {
position: relative;
z-index: 10;
}

.section-app .col-image .col-inner {
width: 100%;
height: 1000px;
position: relative;
}

.section-app .col-image .image-cont {
width: 100vw;
height: inherit;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
opacity: 0;
transition: 1s;
}

.section-app.op-1 .col-image .image-cont {
opacity: 1;
transition: 1s;
}

.section-app .col-image .image-cont .image {
display: block;
width: 100%;
max-width: 2000px;
height: 100%;
object-fit: cover;
margin: 0 auto;
}

.section-app .row-content {
margin-top: -360px;
position: relative;
z-index: 20;
}

.section-app .row-content .col-text {
margin: 0;
}

.section-app .row-content .col-text .subtitle {
font-size: 1.2em;
}

.section-app .row-content .col-text h4 {
font-size: 1em;
}

.section-app .row-content .col-text ul {
padding-left: 1rem;
}

.section-app .row-content .col-text li {
margin-bottom: 1rem;
}

.section-app .row-content .col-text::before {
content: none;
}

.section-app .store-btns {
position: absolute;
left: 50%;
bottom: 1em;
transform: translate(-50%, 0);

width: 290px;
}

.section-app .store-btn {
padding: 0 10px;
}

/**/
/**/
/* ------- SECTION SLIDER ONE ------- */
/**/
/**/

.section-slider-one .container-fluid {
padding: 0;
}

.section-slider-one .swiper {
height: 100%;
}

.section-slider-one .swiper-slide {
background-size: cover !important;
background-position: right bottom !important;
}

.section-slider-one .swiper-slide .content {
text-align: center;
width: 480px;
padding: 80px 30px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
position: absolute;
left: 100px;
top: 0;
}

.section-slider-one .swiper-slide .content .text {
margin-top: 25px;
padding-top: 25px;
position: relative;
}

.section-slider-one .swiper-slide .content .text::before {
content: "";
display: block;
width: 200px;
height: 1px;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
background: rgba(255, 255, 255, 0.3);
}

.section-slider-one .swiper-slide .content .button {
display: block;
border-radius: 0;
width: 100%;
background: #ea8d00; /* naranja */
color: #fff;
position: absolute;
left: 0;
bottom: 0;
}

.section-slider-one .swiper-slide.one {
background: #000 url(../../img/slide-one-01-4.jpg) left top no-repeat;
}

.section-slider-one .swiper-slide.two {
background: #000 url(../../img/slide-two-01-2.jpg) left center no-repeat;
}

.section-slider-one .swiper-slide.three {
background: #000 url(../../img/slide-three-01.jpg) right center no-repeat;
}

.section-slider-one .logo {
width: 110px;
height: 46px;
padding: 0;
margin: 0 auto 15px;
overflow: hidden;
text-indent: -5000em;
display: block;
background: #fff;
-webkit-mask: var( --svg-heading-section-toggle ) center center no-repeat;
mask: var( --svg-heading-section-toggle ) center center no-repeat;
position: relative;
}

/**/
/**/
/* ------- SECTION JEWELLERY ------- */
/**/
/**/

.section-jewellery .algo {
width: 100%;
overflow-x: auto;
}

.section-jewellery .table {
font-size: 90%;
min-width: 500px;
}

.section-jewellery .table th {
font-weight: 500;
}

.section-jewellery .table .top th,
.section-jewellery .table td {
text-align: center;
}

.section-jewellery .table td {
width: 300px;
}

.section-jewellery .table .op-60 {
font-size: 78%;
}

.section-jewellery .table .name {
width: 150px;
background: transparent;
}

.section-jewellery .table .top {
text-transform: uppercase;
white-space: nowrap;
}

.section-jewellery .table .top > th > span {
font-size: 80%;
font-weight: 300;
display: block;
}

.section-jewellery .table .distance {
}

.section-jewellery .table .duration {
}

/**/
/**/
/* ------- SECTION SHOP ------- */
/**/
/**/

.section-shop {
font-size: .9em;
text-align: center;
padding: 50px 0;
background: #efefef;
}

.section-shop {
font-size: .9em;
text-align: center;
padding: 50px 0;
background: #efefef;
}

.section-shop,
.section-shop:hover,
.section-shop *,
.section-shop *::after,
.section-shop *::before,
.section-shop *:hover {
transition: .3s;
}

.section-shop .section-subtitle {
margin-bottom: 40px;
}

.section-shop .columna .inner {
position: relative;
padding: 20px 20px 0;
background: #fff;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
cursor: default;
}

.section-shop .columna .alt {
background: #222;
color: #fff;
}

.section-shop .columna .inner:hover {
box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, .1);
}

.section-shop .color-toggle {
width: 34px;
height: 20px;
/*
border-radius: 24px;
border: 2px solid rgba(0, 0, 0, 0.1);
*/
position: absolute;
font-size: 30px;
right: 20px;
top: 20px;
color: #999;
cursor: pointer;
z-index: 10;
}

.section-shop .color-toggle .icon {
display: block;
line-height: 20px;
position: absolute;
right: 0;
top: 0;
}

.section-shop .color-toggle:hover {
color: #bbb;
}

.section-shop .img-wrapper {
width: 100%;
height: 200px;
position: relative;
margin: 0 auto;
}

.section-shop .img-wrapper .img {
position: absolute;
left: 50%;
top: 20px;
transform: translate(-50%, 0);
}

.section-shop .op-none {
opacity: 0;
}

.section-shop .img-wrapper .img .image {
display: block;
width: auto;
/*height: 100%;*/
}

.section-shop .content-wrapper .title {
font-size: 1em;
line-height: 1.5;
}

.section-shop .content-wrapper .text-wrapper {
position: relative;
padding-bottom: 20px;
}

.section-shop .content-wrapper .text {
margin: 0;
height: 100%;
}

.section-shop .footer-wrapper {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
}

.section-shop .alt .footer-wrapper {
background: #222;
}

.section-shop .footer-wrapper > * {
flex: 1 1;
width: 50%;
}

.section-shop .price-wrapper .price {
width: 100%;
height: 100%;
line-height: 48px;
margin: 0;
font-size: 1.3em;
font-weight: 900;
}

.section-shop .footer-wrapper .button {
width: 100%;
display: block;
background: #ea8d00; /* naranja */
}

.section-shop .inner:hover .footer-wrapper {
opacity: 1;
}

/**/
/**/
/* ------- FOOTER ------- */
/**/
/**/

.section-footer {
font-size: .8em;

background: #efefef;
padding: 50px 0;
__height: auto;
}

.section-footer h2 {
font-size: 1.1em;
}

.section-footer .col-left .logo-wrapper {
margin: 0 0 100px;
}

.section-footer .col-left .logo-wrapper .link {
display: block;
width: 180px;
margin: 0 auto;
}

.section-footer .col-left .logo-wrapper .image {
display: block;
width: 100%;
height: auto;
}

.section-footer .col-left .copyright .logo-mr-beveiliging {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
width: 130px;
__height: auto;
}

.section-footer .col-left .copyright .logo-mr-beveiliging .image {
display: block;
width: 100%;
height: auto;
}

.section-footer .col-left .badges .link {
__flex: 0 1 auto;
}

.section-footer .col-left .badges .link .image {
width: 100px;
height: auto;
}

.section-footer .menu-bottom {
/*
background: #222;
color: #fff;
*/
}

.section-footer .menu-bottom a {
/*
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
*/
}

.section-footer .menu-bottom .link {
display: block;
}

.section-footer .col-right .data-wrapper,
.section-footer .col-right .data-wrapper * {
list-style: none;
margin: 0;
padding: 0;
}

.section-footer .col-right .data-wrapper {

}

.section-footer .col-right .data-wrapper > li {
padding-left: 24px;
}

.section-footer .col-right .data-wrapper .item {
margin-bottom: 10px;
position: relative;
}

.section-footer .col-right .data-wrapper .item .icon {
position: absolute;
left: 0;
top: 0;
}

.section-footer .col-right .data-wrapper .item .icon {
position: absolute;
left: 0;
top: 0;
}

.section-footer .col-right .data-wrapper .item > span {
display: block;
}

/**/
/**/
/* ------- FOOTER 2 ------- */
/**/
/**/


.sec-footer {
font-size: .8em;
}

/* ------- footer top ------- */

.sec-footer .footer-top {
position: relative;
font-size: .95em;
font-weight: 400;
}

.sec-footer .footer-top::before {
background: #1a1a1a;
content: "";
display: block;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
z-index: -1;
border-top: 4px solid #ff9900;
}

.sec-footer .footer-top * {
z-index: 10;
color: #fff;
}

.sec-footer .footer-top .logo-wrapper {
align-items: center;
position: relative;
__padding: 50px 0;
}

.sec-footer .footer-top .logo-wrapper::before {
background: #555;
content: "";
display: block;
width: 1px;
height: 60%;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}

.sec-footer .footer-top .data-wrapper {
height: 100%;
}

.sec-footer .footer-top .data-wrapper .inner {
__height: 60px;
}

.sec-footer .footer-top .logo-wrapper .link {
display: block;
width: 100%;
height: 25px;
__margin: 0 auto;
}

.sec-footer .footer-top .logo-wrapper .link .image {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}

.sec-footer .footer-top .data-wrapper .icon {
display: inline-block;
__padding-right: 10px;
}

.sec-footer .footer-top .data-wrapper .text {
margin: 0;
}

/* ------- footer center ------- */

.sec-footer {
overflow: hidden;
}

.sec-footer .footer-center .col-trust {
position: relative;
}

.sec-footer .footer-center .col-trust::before {
background: #2d2d2d;
content: "";
display: block;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
z-index: -1;
}

.sec-footer .footer-center .trust-link-wrapper {
width: 200px;
text-align: center;
}

.sec-footer .footer-center .trust-link-wrapper .link {
display: inline-block;
height: 40px;
}

.sec-footer .footer-center .trust-link-wrapper .image {
width: auto;
height: 100%;
object-fit: contain;
}



/* ------- footer bottom ------- */

.footer-bottom .menu-bottom {
margin: 0;
padding: 0;
list-style: none;
}

.footer-bottom .menus-container .menu-title {
font-size: 1em;
}

.footer-bottom .menu-bottom li {
margin-bottom: 15px;
padding: 0;
}

.footer-bottom .menu-bottom li:last-child {
margin-bottom: 0;
}

.sec-footer .footer-bottom .col-subscription {
position: relative;
}

.sec-footer .footer-bottom .col-subscription::before {
background: #f1f1f1;
content: "";
display: block;
width: 200%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}

.sec-footer .footer-bottom .subscription .bg {
display: block;
width: 90%;
height: 170px;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
z-index: 0;
}

.sec-footer .footer-bottom .subscription .bg .image {
display: block;
width: 100%;
height: auto;
position: relative;
top: 10%;
__object-fit: contain;
}

.sec-footer .footer-bottom .subscription .text {
font-size: 1.4em;
line-height: 1.5;
font-weight: 400;
color: #444;
}

/* ------- copyright ------- */

.sec-footer .footer-copyright {
color: #fff;
}

.sec-footer .footer-copyright a {
color: #fff;
__text-decoration: underline;
}

.sec-footer .footer-copyright * {
margin: 0;
}

.sec-footer .footer-copyright a:hover {
color: #ff9900;
}

.sec-footer .footer-copyright .inner {
position: relative;
}

.sec-footer .footer-copyright .inner::before {
background: #222;
content: "";
display: block;
width: 100vw;
height: 100%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
z-index: -1;
__border-top: 4px solid #ff9900;
}

.sec-footer .footer-copyright .line {
display: inline-block;
}

.sec-footer .footer-copyright .logo-mr-beveiliging {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
width: 130px;
__height: auto;
}

.sec-footer .footer-copyright .logo-mr-beveiliging .image {
display: block;
width: 100%;
height: auto;
}