/* GENERAL */
#pageloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #363636; z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 1; transition: all ease-in-out .4s; font-size: 1.5rem; }

.background-video { width:100%; height:100%; position:absolute; pointer-events:none; max-width:100%; overflow:hidden; background-size:cover; background-position:center top; top:0; left:0; background-color:#000; z-index:0; }
.background-video:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.background-video video { object-fit:cover; width:100%; height:100%; max-width:100%; }

.container-sm { max-width:1200px !important; }

figure { margin: 0; }
figure img { position: relative; display: block; width: 100%; }

#promo-logo, #cavidel-logo { position: fixed; z-index: 1; }
#promo-logo { width: 180px; left: 50%; top: 2rem; transform: translateX(-50%); }
#cavidel-logo { right: 1rem; bottom: 1rem; width: 175px; }

#poweredby { position: fixed; z-index: 99; left: 1rem; bottom: 1rem; }


#main-menu { position: fixed; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 60px; background-color: #4b4a4a; border-radius: .85rem; padding-bottom: 15rem; transition: all ease-in-out 250ms; }
#main-menu #ctamenu { padding: .5rem 1rem; border-top-right-radius: .85rem; position: relative; display: block; text-align: center; }
#main-menu #ctamenu.close { text-align: right; }

#main-menu ul { display: flex; flex-direction: column; background: rgb(255,255,255,.2); background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
#main-menu ul li { position: relative; display: block; width: 100%; }
#main-menu ul li:last-child { border-bottom: none; }
#main-menu ul li a { display: flex; align-items: center; position: relative; width: 100%; height: 62px; text-decoration: none; }
#main-menu ul li.active { background: #535353; }
#main-menu ul li a span { padding: 1.35rem; border-bottom: solid 2px #4b4a4a; position: relative; display: block; }
#main-menu ul li a span:first-child { text-align: center; width: 60px; flex: 0 0 60px; }
#main-menu ul li a span:last-child { border-left: solid 2px #4b4a4a; color: #b5b9c5; flex: 1; font-weight: 500; font-variation-settings: "wght" 500; transform: translateX(-300px); transition: transform ease-in-out 250ms; font-size: 1.1rem; }
#main-menu ul li.active a, #main-menu ul li.active a span:last-child { color: #a1bf38; }

#main-menu.open { width: 300px; }
#main-menu.open ul li a span:last-child { transform: translateX(0); }


main { position: relative; display: block; z-index: 0; width: 100%; height: 100vh; left: 0; top: 0; }



/* HOME */
main#home { background: transparent url('../img/bgs/bg-demo.jpg') no-repeat center center; background-size: cover; }

#vlghtbx { position: absolute; width: 80%; z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#vlghtbx #close-lightbx { position: fixed; z-index: 9; right: 2rem; top: 2rem; width: 30px; }
#vlghtbx video { position: relative; display: block; width: 100%; }

#playbtn { position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%, -50%); }



/* GALERIA */
#gallery-nav { right:1rem; z-index:100; }
#gallery-nav, .vnav-btn{ transform:translateY(-50%); top:50%; }
#gallery { height:100%; top:0; background:#000; }
#gallery-container ul#gallery-wrapper { transition:.6s ease-in-out; }
#gallery { display:block; position:absolute; left:0; width:100%; z-index:0; overflow:hidden; }
#gallery-container, #gallery-container ul#gallery-wrapper { position:relative; width:100%; height:100%; }
#gallery-container ul#gallery-wrapper li, ul#gallery-wrapper li figure { display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; margin:0; }
#gallery-nav { position:fixed; }
#gallery-nav ul li { margin-bottom:.75rem; background:rgba(255,255,255,.5); border-radius:50%; }
#gallery-nav ul li.active { background:var(--red); }
#gallery-nav ul li a > span.dot { width:.75rem; height:.75rem; position:relative; display:block; border-radius:50%; }
#gallery-nav ul li.active a > span.dot { background-color: #a1bf38; }
#gallery-arrows { position:absolute; left:50%; width:90%; top:50%; z-index:99; display:block; padding:0; transform: translate(-50%, -50%); }



/* VIDEO */
#video, #video99 { display:flex; align-items:center; justify-content:center; }
#video video, #video99 video { position:relative; width:100%; }



/* DISPONIBILIDAD */
#slideshow { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; }

#svgovl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; }

#vivinfo { position: fixed; z-index: 99; width: 290px; height: auto; padding: 1rem 1.5rem; background: rgba(255,255,255,.75); border-radius: 1rem; top: 5rem; right: 5rem; border: solid 2px #ececec; color: #494949; font-weight: 600; font-size: .85rem; box-shadow: inset 0 0 3px 0 var(--bs-secondary) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px); }

#vivinfo #closevivinfo { position: relative; color: #494949; background: var(--bs-light); border-radius: 5px; font-size: 1.5rem; line-height: 35px; width: 35px; height: 35px; display: inline-block; text-align: right; text-decoration: none; float: right; clear: both; }

#vivinfo .vivinfo-label { position: relative; width: 35px; height: 35px; border-radius: 5px; background-color: transparent; border: solid 1px white; }
#vivinfo .vivinfo-label.danger { background-color: #f03434; }
#vivinfo .vivinfo-label.warning { background-color: #f89406; }
#vivinfo .vivinfo-label.success { background-color: #75A93A; }

#vivinfo button { background-color: var(--bs-light); border: solid 1px white; border-radius: 5px; width: 200px; padding: .75rem 1.5rem; }

.carousel-control-next, .carousel-control-prev { z-index: 99; opacity: 1; }

#showBP { position: fixed; left: 0; top: 0; z-index: 99999; background: rgba(0,0,0,.85); width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; overflow-y: auto; }
#showBP .closebp { position: absolute; right: 2rem; top: 1rem; font-size: 3rem; z-index: 9; color: white; text-decoration: none; }
#showBP img { width: 75%; position: relative; }



/* PLANOS */
#planos, #blueprint { background: var(--bs-gray-900); display: flex; align-items: center; padding-top: 6rem; position: relative; min-height: 100vh; height: auto; }
#planos > .container-fluid { max-width: 100% !important; padding: 0 8rem 0 2rem; }

#planos #bps-container .marktocompare { position: absolute; right: 2rem; top: 1rem; z-index: 9; }
#planos #bps-container .marktocompare a { font-size: .85rem; color: var(--gray); }
#planos #bps-container .marktocompare a:hover { color: var(--green) !important; }
#planos #bps-container .marktocompare a img { transition: all ease-in-out .2s; }
#planos #bps-container .marktocompare a.checked { color: var(--green) !important; }

#planos #bps-container .markasfav { position: absolute; right: 2rem; bottom: 40px; z-index: 9; }
#planos #bps-container .markasfav a { position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; border: solid 2px transparent; }
#planos #bps-container .markasfav a.active { border-color: var(--green); }

#planos .single-bp { background: #ffffff; border-radius: 1rem; margin-bottom: 2rem; padding: 2rem 1rem 2rem 2rem; min-height: 270px; }
#planos > .container-fluid > .row > .col-12:nth-last-child(-n+3) > .single-bp { margin-bottom: 0; }
.bp-titles, .bp-info { flex: 1; width: 100%; display: block; }
#planos .single-bp .bp-title { color: var(--green); font-weight: 800; text-decoration: none; }
#planos .single-bp .bp-subtitle { color: #455355; font-weight: 800; }

#latmenu { position: fixed; height: 100%; right: -19rem; top: 0; background: var(--gray); width: 25rem; padding: 1rem; text-align: center; z-index: 99; transition: all ease-in-out .6s; }
#latmenu.open { right: 0; }
#latmenu #top-item-ltm { padding-top: 0; margin-bottom: 0; }
#latmenu #top-item-ltm h4 { display: inline-block; padding-left: 1.5rem; line-height: 1; }

#latmenu #middle-items-ltm { position: relative; left: 10px; }
#latmenu #middle-items-ltm form { text-align: left; width: 100%; padding-left: 5rem; padding-right: 3rem; }
#latmenu #middle-items-ltm form label { color: var(--bs-light); position: relative; left: -5rem; }
#latmenu #middle-items-ltm form label img { margin-left: -5px; margin-right: 5px; position: relative; display: inline-block; }
#latmenu #middle-items-ltm form .form-control { background-color: var(--bs-light); color: var(--bs-secondary); border-color: var(--bs-light); }

#latmenu #middle-items-ltm form .slider-values { position: relative; width: 100%; color: white; }
#latmenu #middle-items-ltm form .slider-values small { position: absolute; left: 0; top: .5rem; margin-left: -.5rem; color: var(--bs-secondary); }

#latmenu #bottom-item-ltm { margin-bottom: 6rem; }
#latmenu #bottom-item-ltm a { display: inline-block; position: relative; left: 0; margin-left: 0; }
#latmenu #bottom-item-ltm a, #latmenu #bottom-item-ltm a img { transition: all ease-in-out .6s; position: relative; display: block; }


#latmenu.open #top-item-ltm > .row { text-align: left !important; }

#latmenu.open #bottom-item-ltm a { left: 100%; margin-left: -50px; }
#latmenu.open #bottom-item-ltm a img { transform: rotateZ(180deg); }


#blueprint #bpdata .bp-title { color: var(--green); }
#blueprint #bpdata .bp-subtitle { color: #455355; }
#blueprint #bpdata .bp-info ul li { font-size: 1.2rem; }
#blueprint figure { height: 690px; }
#blueprint figure:after { content: ''; position: absolute; z-index: 9; background: transparent; width: calc(100% - 1rem); height: calc(100% - 1rem); border: solid 1px black; left: .5rem; top: .5rem; }
#blueprint figure, #blueprint img { border-radius: 0 !important; display: block; position: relative; width: 100%; }

#blueprint #bpimg-data { position: absolute; z-index: 9; left: 3rem; top: 2rem; display: inline-block; }
#blueprint #bpimg-data li img { display: inline-block; max-height: inherit; }


#blueprint #btnback { position: absolute; left: 10rem; top: 50%; z-index: 9; margin-top: -25px; }
#blueprint #btnback img { width: 50px; }

#resetcompare { color: var(--bs-light); margin-bottom: 2rem; }
#resetcompare:hover { color: var(--green); }



/* DIA NOCHE */
#dianoche #selector { position: fixed; z-index: 1; left: 50%; bottom: 2rem; transform: translateX(-50%); }
#dianoche #selector img { position: relative; display: block; width: 150px; }

#dianoche #zonas { position: fixed; z-index: 1; right: 0; top: 50%; transform: translateY(-50%); list-style: none; padding: 0; margin: 0; }
#dianoche #zonas li { transition: transform ease-out 150ms; }
#dianoche #zonas li:not(.active) { transform: translateX(calc(100% - 75px)); }
#dianoche #zonas li:not(:last-child) { margin-bottom: 2rem; }
#dianoche #zonas li a { display: flex; position: relative; text-decoration: none; color: #ffffff; font-size: 1.25rem; align-items: center; background: var(--gray); border-top-left-radius: 3rem; border-bottom-left-radius: 3rem; padding: 1rem; }
#dianoche #zonas li a span.numb { position: relative; display: flex; align-items: center; justify-content: center; line-height: 1; background: #ffffff; color: var(--green); font-size: 2rem; font-weight: 800; width: 50px; height: 50px; border-radius: 50%; margin-right: 1rem; }



/* DOCUMENTACION */
#sendinfo { background: transparent url('../img/bgs/bg-demo-blur.jpg') no-repeat center center; background-size: cover; }
#sendinfo #doc-favs-wrapper #dfw-header { background-color: #575651; display: flex; align-items: center; justify-content: space-between; padding: .5rem 1rem; }
#sendinfo #doc-favs-wrapper #dfw-header h3 { margin: 0; line-height: 1; }
#sendinfo #doc-favs-wrapper #dfw-body { background-color: #4B4A4A; height: 599px; position: relative; display: block; overflow-x: hidden; overflow-y: auto; }
#sendinfo #doc-favs-wrapper #dfw-body li.fav-single-item { padding: 1rem 2rem; color: #a5a5a5; position: relative; }
#sendinfo #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-item-content { background: white; border-radius: 1rem; padding: 1rem; color: #5e5e5e; position: relative; padding-right: 45px; }
#sendinfo #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-item-content > .col-12 { display: flex; align-items: flex-start; flex-direction: row; font-size: 85%; }
#sendinfo #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-remove { position: absolute; right: 0; top: 0; height: 100%; z-index: 99; background: #93C01F; width: 40px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }


#sendinfo #doc-panel-wrapper { background-color: #4B4A4A; height: 650px; }
#sendinfo #doc-panel-wrapper select { background: rgba(255,255,255,.8); border: solid 1px var(--bs-gray-500); border-radius: .25rem; color: var(--green); font-weight: 400; }
#sendinfo #doc-panel-wrapper #dpw-form { padding: 2rem; max-width: 85%; margin: 0 auto; }
#sendinfo #doc-panel-wrapper #dpw-form label { color: #A5A5A5; font-weight: 400 !important; }
#sendinfo #doc-panel-wrapper #dpw-form input { background: rgba(255,255,255,.3); border: none !important; border-radius: .25rem; height: 40px; color: var(--green); font-size: 1.2rem; font-weight: 400; }
#sendinfo #doc-panel-wrapper #dpw-form .dpw-custom-item { background: rgba(255,255,255,.3); border-radius: 1rem; height: 225px; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; color: var(--green); }
#sendinfo #doc-panel-wrapper #dpw-form .dpw-custom-item img { width: 135px; }
#sendinfo #doc-panel-wrapper #dpw-form .dpw-custom-item.active { background: #93C01F !important; color: white !important; }
#sendinfo #doc-panel-wrapper #dpw-form input[type='checkbox'] { width: 25px; height: 25px; padding: 0; background-color: rgba(255,255,255,.3) !important; border: none !important; box-shadow: none; outline: none; display: inline-block; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; position: relative; }
#sendinfo #doc-panel-wrapper #dpw-form input[type='checkbox']:checked:before { content: ''; background: transparent url('../img/vectors/check-icon.svg') no-repeat center center; background-size: contain; width: 30px; height: 30px; position: absolute; z-index: 99; left: 3px; top: -8px; }
#sendinfo #doc-panel-wrapper #dpw-form input[type='checkbox'] + a { color: var(--green); }

#sendinfo #doc-panel-wrapper #dpw-form button[type='button'] { border: none; background: black; color: white !important; border-radius: 2rem; padding: .5rem 1rem; width: 150px; }
#sendinfo #doc-panel-wrapper #dpw-form button[type='button']:hover { color: #75a93a; }
#sendinfo #doc-panel-wrapper #dpw-form button[type='button'].disabled { opacity: .5; cursor: not-allowed !important; }



/* TOUR VIRTUAL */
#flags { position: fixed; z-index: 1; right: 0; top: 5rem; }
#flags ul li { position: relative; transition: right ease-in-out 250ms; margin: 1rem 0; right: -165px; }
#flags ul li.active { right: 0; }
#flags ul li a { position: relative; display: flex; background-color: rgba(73,73,73,0.8); color: #A1BF38; padding: 1rem; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; align-items: center; font-weight: 600; font-variation-settings: "wght" 600; }
#flags ul li a .flag-order { background: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #A1BF38; font-size: 1.35rem; font-weight: 600; font-variation-settings: "wght" 600; margin-right: 1rem; }




/* LOGIN */
#login button { background-color: #75a93a; color: #ffffff; }



/* DASHB */
#login, #dashb { position: relative; display: block; width: 100%; min-height: 100vh; }
#dashb { padding-top: 5rem; padding-bottom: 5rem; height: auto; }
#logout-link { position: fixed; z-index: 9; right: 2rem; top: 2rem; color: #ffffff; font-weight: 600; font-size: 1.15rem; background: var(--purple); padding: .5rem 1rem; }

#d-promos { padding: 5rem 1rem; }

#promos-box, #vivs-box { padding: 0; min-height: 600px; display: flex; flex-direction: column; justify-content: space-between; }

.filter-link { display: flex; font-size: 1.15rem; font-weight: 400; }
.filter-link span, .list-select span { padding: .75rem 1rem; line-height: 1; display: flex; align-items: center; }
.filter-link span.filter-link-text, .list-select select { color: #75a93a; border-radius: 0; }
.filter-link span.filter-link-icon, .list-select span.filter-link-icon { font-weight: 600; background-color: #1d4851; color: #ffffff; }

#addpromo-btn { align-self: end; font-size: 1.15rem; }


#vivs-box #filters { background-color: var(--palid-color-theme); padding: 2rem 1rem; }
#vivs-box #filters .form-group { flex: 1; }
#vivs-box #filters .form-group label { font-weight: 600; font-size: 1rem; margin-bottom: .5rem; }
#vivs-box #filters .list-select { max-width: 100%; }
#vivs-box #filters input { color: #ffffff; }
#vivs-box #filters .list-select select { background-color: #ffffff; border-color: #75a93a; }
#vivs-box #filters button { background-color: #75a93a; border-color: #75a93a; color: #ffffff; border-radius: 0; width: 100%; }

#vivs-table #sort-filter a.btn { background-color: #bbc8ca !important; border-color: #75a93a !important; }
#vivs-table #sort-filter a.btn.active { background-color: #75a93a !important; } 
#vivs-table table { border-collapse: collapse; width: 100%; table-layout: auto; }
#vivs-table table thead tr th a, #vivs-table table tbody tr td a { color: #75a93a; }
#vivs-table table thead tr th, #vivs-table table tbody tr td { font-weight: 600; }

#modal-edit-row label { color: #ffffff; }
#modal-edit-row input { border-radius: 0; }








@media only screen and (max-width: 1024px){
}


@media only screen and (max-width: 768px){
}


@media only screen and (max-width: 576px){
}