/* GENERAL */
.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%; }

.btn, .btn:hover { border: none !important; outline: none !important; box-shadow: none !important; background: transparent; }

#please-rotate-device { position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; display: none; align-items: center; justify-content: center; }


#planos-lightbox { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(255,255,255,.75); display: flex; align-items: center; justify-content: center; padding: 5%; }
#planos-lightbox a.closeLightbx { position: absolute; z-index: 1; right: 2rem; top: 2rem; width: 40px; height: 40px; text-decoration: none; display: flex; align-items: center; justify-content: center; }


#video { display:flex; align-items:center; justify-content:center; }
#video video { position:relative; width:100%; }

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


#logo-menu { position: fixed; left: .75rem; top: 1.5rem; z-index: 999; transition: clip-path 150ms ease-in-out; clip-path: inset(0 130px 0 0); }
#logo-menu.open { clip-path: inset(0 0 0 0); }

#menu { position: fixed; left: 0; top: 0; z-index: 9; background-color: #ffffff; flex-direction: column; padding: 10rem 1.35rem 10rem 2rem; height: 100%; justify-content: flex-start; transform: translateX(-140px); transition: transform ease 150ms; }
#menu.open { transform: translateX(0); }

#menu .navbar-nav { position: relative; display: flex; flex-direction: column; width: 100%; align-items: flex-end;  }
#menu .navbar-nav li { margin: 3rem 0;}
#menu .navbar-nav li a { display: flex; align-items: center; flex-direction: row; justify-content: flex-end; text-align: end; color: #000000; font-weight: 500; font-size: 1.15rem; }
#menu .navbar-nav li.active a { color: var(--color-theme); }
#menu .navbar-nav li a span { margin-right: 1rem; text-align: end; line-height: 1; }
#menu .navbar-nav li a img {margin-left:1rem;}

#logo-bottom { position: fixed; right: 2rem; bottom: 1.5rem; z-index: 9999; }





/* HOME */
#home { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }

#lightbox { position: absolute; width: 100%; height: 100%; z-index: 99; top: 0; left: 0; background: rgba(0,0,0,.85); display: flex; align-items: center; justify-content: center; }
#lightbox a#closelgbx { position: absolute; right: 2rem; top: 1rem; color: #ffffff; font-size: 2rem; }
#lightbox video { position: relative; display: block; width: 100%; }




/* GALLERY */
#gallery-container { background-color: #000000; }
#gallery-container .carousel-inner .carousel-item img { position: relative; width: 100vw; height: 100vh; object-fit: contain; }
#gallery-container .carousel-control-prev, .carousel-control-next { width: 50px; }
.carousel-control-prev { left: 200px; }
.carousel-control-next { right: 20px; }
.carousel-indicators { bottom: 3rem; }
.carousel-indicators .active { background-color: var(--color-theme); }
.redcarousel .carousel-indicators .active { background-color: var(--bs-danger); }
.carousel-item-title { position: absolute; left: 50%; transform: translateX(-50%); bottom: 7rem; color: white; z-index: 9; }



/* APLICATIVO */
#vivinfo { position: fixed; z-index: 99; width: 300px; border-radius: 2rem; right: 5rem; top: 50%; transform: translateY(-50%); background: #ffffff; border: solid 1px #536b36; }
#vinfo-header { position: relative; display: flex; align-items: center; justify-content: center; background: #708458; color: #ffffff; border-top-left-radius: 2rem; border-top-right-radius: 2rem; padding: 1rem; }
.vinfo-color { position: relative; display: block; width: 40px; height: 40px; border-radius: .75rem; border: solid 1px #ffffff; background: red; }
#vinfo-body { padding: 3rem 1rem; color: #536b36; font-size: 1.25rem;  }




/* PLANOS */
#blueprints, #blueprint { background: #2D2A26 !important; display: flex; align-items: center; padding-top: 6rem; position: relative; height: auto; }
#blueprints #bps-container a:hover { color: black !important; }
#blueprints > .container-fluid { max-width: 100% !important; padding: 0 8rem 0 2rem; }

#comparebtnsidebar { display: flex; align-items: center; justify-content: flex-start; }

#blueprints #bps-container { position: relative; max-width: 100%; left: 0; transform: none; }
#blueprints #bps-container .marktocompare, #blueprints #bps-container .addtofavs { position: absolute; right: 2rem; top: .35rem; z-index: 9; }
#blueprints #bps-container .marktocompare a { font-size: .85rem; color: #333333; }
#blueprints #bps-container .marktocompare a img { filter: grayscale(100%) brightness(0.4); transition: all ease-in-out .2s; }
#blueprints #bps-container .marktocompare a:not(.checked):hover img { filter: grayscale(100%) brightness(0.4); }
#blueprints #bps-container .marktocompare a.checked { color: #b4d61b !important; }
#blueprints #bps-container .marktocompare a.checked img { filter: invert(47%) sepia(77%) saturate(497%) hue-rotate(31deg) brightness(91%) contrast(98%); }

#blueprints #bps-container .addtofavs { top: inherit; font-size: 85%; bottom: 17%; right: 1rem; }
#blueprints #bps-container .addtofavs img { border: transparent 4px solid; transition: all ease-in-out 400ms; border-radius: 50%; }
#blueprints #bps-container .addtofavs.active img { border-color: #adbd65; }
#blueprints #bps-container .addtofavs a { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; }

#blueprints .single-bp { background: #ffffff; border-radius: 1rem; margin-bottom: 4rem; padding: 1rem 2rem; }
#blueprints > .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; color: var(--color-theme); }
#blueprints .single-bp .bp-title { color: var(--color-theme); font-weight: 800; }
#blueprints .single-bp .bp-subtitle { color: #455355; font-weight: 800; }

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

#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: white; position: relative; left: -5rem; }
#latmenu #middle-items-ltm form label img { margin-right: 2rem; position: relative; display: inline-block; }
#latmenu #middle-items-ltm form .form-control { background-color: white; color: #000000; border-color: #eeeeee;; }

#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: white; }

#latmenu #bottom-item-ltm { margin-bottom: 10rem; }
#latmenu #bottom-item-ltm a { display: block; position: relative; left: 0; margin-left: 0; width: 100%; height: 100%; }
#latmenu #bottom-item-ltm a, #latmenu #bottom-item-ltm a img { position: relative; display: block; width: 50px; transition: all ease-in-out .6s; }

#resetcompare { color: #ffffff; }


#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: #dacdbf; }
#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; }

#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; }




/* DOCUMENTACION */
#docs { display: flex; align-items: center; justify-content: center; background: transparent url('../img/bgs/doc-bg.jpg') no-repeat center center; background-size: cover; min-height: 100vh; }
#docs.submitting::after { content: 'Un momento...'; z-index: 999; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.75); color: #ffffff; font-size: 1.75rem; }
#docs #doc-favs-wrapper #dfw-header { background-color: #575651; display: flex; align-items: center; justify-content: space-between; padding: .5rem 1rem; }
#docs #doc-favs-wrapper #dfw-header h3 { margin: 0; }
#docs #doc-favs-wrapper #dfw-body { background-color: black; height: 599px; position: relative; display: block; overflow-x: hidden; overflow-y: auto; }
#docs #doc-favs-wrapper #dfw-body li.fav-single-item { padding: 1rem 2rem; color: #a5a5a5; position: relative; }
#docs #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; }
#docs #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-item-content > .col-12 { display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between; font-size: 85%; }
#docs #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-remove { position: absolute; right: 0; top: 0; height: 100%; z-index: 99; background: #adbd65; width: 40px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }


#docs #doc-panel-wrapper { background-color: black; height: 650px; }
#docs #doc-panel-wrapper select { background: rgb(90,90,90); color: white; border: none; }
#docs #doc-panel-wrapper #dpw-form { padding: 2rem; }
#docs #doc-panel-wrapper #dpw-form label { color: #a5a5a5; }
#docs #doc-panel-wrapper #dpw-form input { background: rgb(90,90,90); border: none; height: 40px; color: white; font-size: 1.2rem; }
#docs #doc-panel-wrapper #dpw-form .dpw-custom-item { background: rgb(90,90,90); border-radius: 1rem; height: 225px; display: flex; align-items: center; flex-direction: column; cursor: pointer; }
#docs #doc-panel-wrapper #dpw-form .dpw-custom-item.disabled { cursor: not-allowed !important; }
#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img { width: 160px; }
#docs #doc-panel-wrapper #dpw-form .dpw-custom-item.active { background: #adbd65 !important; }
#docs #doc-panel-wrapper #dpw-form input[type='checkbox'] { width: 20px; height: 20px; background: rgb(90,90,90) !important; border: none; box-shadow: none; outline: none; display: inline-block; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; position: relative; }
#docs #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; }

#docs #doc-panel-wrapper #dpw-form button[type='button'] { border: solid 1px #636363; background: rgb(29,28,26); background: -moz-linear-gradient(0deg, rgba(29,28,26,1) 0%, rgba(55,54,52,1) 100%); background: -webkit-linear-gradient(0deg, rgba(29,28,26,1) 0%, rgba(55,54,52,1) 100%); background: linear-gradient(0deg, rgba(29,28,26,1) 0%, rgba(55,54,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1c1a",endColorstr="#373634",GradientType=1); color: white; border-radius: 2rem; padding: .5rem 1rem; width: 150px; }
#docs #doc-panel-wrapper #dpw-form button[type='button']:hover { color: #adbd65; }
#docs #doc-panel-wrapper #dpw-form button[type='button'].disabled { color: var(--bs-secondary) !important; cursor: not-allowed !important; }




/* VIDEO */
#video { display: flex; align-items: center; justify-content: center; background: black; height: 100vh; }
.video-main video { position: relative; width: 100%; object-fit: contain; }





@media only screen and (max-width: 1024px){
	#menu .navbar-nav li { margin: 1rem 0; }
	
	#blueprints { padding-top: 0; }
	#bps-container { left: 50% !important; transform: translateX(calc(-50% - 15px)) !important; max-width: 85% !important; }
	.single-bp .bp-title { font-size: 1rem; }
	.single-bp .bp-subtitle, .bp-info { font-size: .75rem; }
	.bp-info img { width: 15px; }
	.addtofavs { bottom: 20% !important; }
	.addtofavs img { width: 35px; }
	#latmenu #bottom-item-ltm { margin-bottom: 5rem; }
	
	#blueprint { padding-top: 0 }
	#blueprint img { max-width: 85% !important; margin-left: 10%; }
	#blueprint #btnback { left: 4.5rem; }
	#resetcompare { margin-left: 4.5rem; }
	
	section#docs { margin-left: 4.5rem; }
	#docs .fsi-item-content > .col-12 { align-items: center !important; }
	#docs .fsi-item-content > .col-12 > div > img { width: 135px; }
	#docs .fsi-item-content ul li.h4 { font-size: 1rem; }
	
	.carousel-control-prev { left: 70px; }
	
	#logo-bottom { width: 135px; }
}


@media only screen and (max-width: 915px) and (max-height: 412px) and (orientation: landscape){
	#logo-menu { width: 135px; clip-path: inset(0 100px 0 0); }
	#menu { padding-top: 5rem !important; padding-left: 30px; transform: translateX(-105px); }
	#menu .navbar-nav li { margin: .25rem 0; }
	#menu .navbar-nav li img { width: 18px; }
	#menu .navbar-nav li span { font-size: .75rem; }
	
	#disponibilidad button.nav-btn#btn-left { left: 3.5rem; }
	#disponibilidad button.nav-btn#btn-right { right: 1rem; }
	#disponibilidad button.nav-btn img { width: 30px; }
	#disponibilidad #vivinfo { top: 0; font-size: .75rem; padding: .85rem 1rem; width: 210px; right: 3rem; transform: scale(.85); }
	#disponibilidad #closevivinfo { font-size: 1rem; }
	#disponibilidad #vivinfo p, #disponibilidad #vivinfo .fs-6, #vivinfo button { font-size: .75rem !important; }
	#vivinfo button { padding: .5rem 1rem; width: 100%; }
	
	#blueprints #comparebtnsidebar img { width: 35px; }
	#blueprints #latmenu { right: -20.5rem; }
	#blueprints #latmenu.open { right: 0; }
	#latmenu #top-item-ltm { padding-top: 0; margin-bottom: 1rem; }
	#top-item-ltm h4, #middle-items-ltm form label { font-size: .85rem; }
	#blueprints #latmenu #middle-items-ltm form label img { width: 15px; }
	#latmenu #middle-items-ltm form .form-control { font-size: .75rem; padding: .15rem .75rem; }
	#blueprints #latmenu #middle-items-ltm form button[type='submit'] { font-size: .75rem; padding: .25rem .5rem; }
	#latmenu #bottom-item-ltm { margin-bottom: 0; }
	#latmenu #bottom-item-ltm img { width: 20px !important; }
	
	#blueprints + #logo-bottom { display: none; }
	
	main#docs section#docs { padding-top: 2rem; padding-bottom: 3rem; margin-left: 0; }
	main#docs section#docs > .container { max-width: 600px; }
	main#docs section#docs > .container > .row > .col-12 { width: 50%; }
	.fav-single-item h4 { font-size: 1rem; }
	#docs #doc-favs-wrapper #dfw-body, #doc-panel-wrapper { height: auto !important; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item { height: auto; padding-bottom: 1rem; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img { width: 85px; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img + h4 { font-size: .75rem; }
	
	#logo-bottom { width: 100px; }
}


@media only screen and (max-width: 844px) and (orientation:landscape){
	
}



@media only screen and (max-width: 768px) and (orientation:portrait){
	#please-rotate-device { display: flex; }
	/*#menu .navbar-nav li { margin: 2rem 0; }
	
	#bps-container { max-width: 80% !important; }
	
	#docs .fsi-item-content > .col-12 > div > img { width: 100px; }
	#docs #dpw-form .row.w-75 { width: 100% !important; }
	#docs #dpw-form label { font-size: 1rem; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item { height: auto; padding-bottom: 1rem; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img { width: 85px; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img + h4 { font-size: 1rem; }*/
}



@media only screen and (max-height: 400px) and (orientation:landscape){
	#logo-menu { width: 135px; clip-path: inset(0 100px 0 0); }
	#menu { padding-top: 4.5rem !important; padding-left: 30px; transform: translateX(-105px); }
	#menu .navbar-nav li { margin: .15rem 0; }
	#menu .navbar-nav li img { width: 18px; }
	#menu .navbar-nav li span { font-size: .75rem; }
	
	/*#disponibilidad button.nav-btn#btn-left { left: 3.5rem; }
	#disponibilidad button.nav-btn#btn-right { right: 1rem; }
	#disponibilidad button.nav-btn img { width: 30px; }
	#disponibilidad #vivinfo { top: 0; font-size: .75rem; padding: .85rem 1rem; width: 210px; right: 3rem; transform: scale(.85); }
	#disponibilidad #closevivinfo { font-size: 1rem; }
	#disponibilidad #vivinfo p, #disponibilidad #vivinfo .fs-6, #vivinfo button { font-size: .75rem !important; }
	#vivinfo button { padding: .5rem 1rem; width: 100%; }*/
	
	#blueprints #comparebtnsidebar img { width: 35px; }
	#blueprints #latmenu { right: -20.5rem; }
	#blueprints #latmenu.open { right: 0; }
	#latmenu #top-item-ltm { padding-top: 0; margin-bottom: 0; }
	#top-item-ltm h4, #middle-items-ltm form label { font-size: .85rem; }
	#blueprints #latmenu #middle-items-ltm form label img { width: 15px; }
	#latmenu #middle-items-ltm form .form-control { font-size: .5rem; padding: 0 .75rem; }
	#blueprints #latmenu #middle-items-ltm form button[type='submit'] { font-size: .75rem; padding: .25rem .5rem; }
	#latmenu #bottom-item-ltm { margin-bottom: 0; }
	#latmenu #bottom-item-ltm img { width: 20px !important; }
	
	#blueprints + #logo-bottom { display: none; }
	
	main#docs section#docs { padding-top: 2rem; padding-bottom: 3rem; }
	main#docs section#docs > .container { max-width: 600px; }
	main#docs section#docs > .container > .row > .col-12 { width: 50%; }
	.fav-single-item h4 { font-size: 1rem; }
	#docs #doc-favs-wrapper #dfw-body, #doc-panel-wrapper { height: auto !important; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item { height: auto; padding-bottom: 1rem; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img { width: 85px; }
	#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img + h4 { font-size: .75rem; }
	
	#logo-bottom { width: 100px; }
}



/*@media only screen and (max-width: 500px){
	#menu { padding-top: 7rem !important; }
	#menu .navbar-nav li { margin: 1rem 0; }
	#menu .navbar-nav li img { width: 25px; }
	
	#blueprints #bps-container { left: 4.5rem !important; transform: none !important; }
	
	#blueprints #latmenu { right: -30rem; }
	#latmenu #top-item-ltm { padding-top: 3rem; margin-bottom: 3rem; }
	#top-item-ltm h4 { font-size: 1.15rem; }
	#bottom-item-ltm { transition: all ease-in-out 300ms; transform: translateX(-9.5rem); }
	#blueprints #latmenu.open #bottom-item-ltm { transform: translateX(-260px); }
	#bottom-item-ltm img { width: 35px !important; }
	#middle-items-ltm form label { font-size: 1rem; }
	#blueprints #latmenu #middle-items-ltm form label img { width: 35px; }
	#latmenu #middle-items-ltm form .form-control { font-size: 1rem; padding: .375rem .75rem; }
	#blueprints #latmenu #middle-items-ltm form button[type='submit'] { font-size: 1rem; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); }
	
	#blueprint .container-fluid { max-width: 85%; margin-left: 4rem; }
	#blueprint h1.display-5 { font-size: 1.5rem; }
	#btnback { margin: 0 !important; }
	
	main#docs section#docs > .container > .row > .col-12 { width: 100%; }
	#docs #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-item-content { padding-left: 0; }
	#docs #doc-favs-wrapper #dfw-body li.fav-single-item .fsi-item-content > .col-12 > div:first-child { margin-right: 1rem; }
	#doc-favs-wrapper { margin-bottom: 3rem; }
}*/