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

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

#promo-logo { position: fixed; z-index: 1; width: 225px; left: 50%; top: 1rem; transform: translateX(-50%); }

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


#main-menu, #facilities #f-btns { position: fixed; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); width: 60px; background-color: #000000; 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, #facilities #f-btns 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: #000000; }
#main-menu ul li a span { padding: 1.35rem; border-bottom: solid 2px #000000; 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 #000000; font-weight: 600; color: #b5b9c5; flex: 1; transform: translateX(-200px); transition: transform ease-in-out 250ms; }

#main-menu.open, #facilities #f-btns.open { width: 220px; }
#main-menu.open ul li a span:last-child { transform: translateX(0); }


#home { position: relative; display: block; z-index: 0; width: 100%; height: 100vh; left: 0; top: 0; }
#daynight-selector { position: fixed; left: 50%; bottom: 2rem; transform: translateX(-50%); z-index: 9; width: 250px; }
#day-night-btns { position: fixed; z-index: 99; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; width: 135px; }
#day-night-btns a { display: block; position: relative; }
#day-night-btns a img { width: 100%; position: relative; }


/* 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; }
ul#gallery-wrapper li figure { background-size: contain !important; }
#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: #000000; }
#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: #000000; }
#gallery-arrows { position:absolute; left:50%; width:90%; top:50%; z-index:99; display:block; padding:0; transform: translate(-50%, -50%); }



/* THE VIEW */
#disponibilidad { height: 100vh; }

#fs-btn { position: fixed; z-index: 9; right: 1rem; bottom: 1rem; width: 30px; display: block; }
#fs-btn img { width: 100%; }

#home-nav { position: fixed; z-index: 9; right: -260px; top: 15vh; display: flex; flex-direction: column; }
#home-nav button { border: none; background: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 1rem 0; padding: 0; transform: translateX(0); }
#home-nav button.active { transform: translateX(-260px); }

.vnav-btn { position: fixed; z-index: 9; top: 50%; transform: translateY(-50%); display: block; width: 50px; height: 50px; }
.vnav-btn#vnb-prev { left: 6rem; }
.vnav-btn#vnb-next { right: 2rem; }

#svgOvlWrp, #svgOvlWrp2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }

.iframesection { position: relative; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.iframesection .col-12 { padding: 0; margin: 0; }

#vivinfo { position: fixed; z-index: 99; width: 290px; height: auto; padding: 0; background: rgba(0,0,0,.35); border-radius: 1rem; top: 13rem; right: 1rem; border: solid 2px #ececec; color: #ffffff; font-weight: 600; font-size: 1rem; 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); }

#vinfo-header { background-color: #383c40; position: relative; display: block; padding: .5rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
#vinfo-body { padding: 1rem; }
#vinfo-footer { padding: 0; margin-bottom: 2rem; }

#vivinfo #vinfo-header #closevivinfo { position: relative; color: var(--orange); font-size: 1.5rem; display: inline-block; text-align: center; text-decoration: none; }

#vinfo-body .col-12 { display: flex; align-items: center; justify-content: space-between; font-weight: 400; }
#vinfo-body .col-12 span { flex: 1; font-size: 1.1rem; }
#vinfo-body .col-12 span:first-child { text-align: end; margin-right: 1rem; }
#vinfo-body .col-12 span:last-child { text-align: start; }

#vivinfo #vinfo-footer button { border:none; border-radius: 0; width: 100%; color: #ffffff; background: transparent; display: flex; align-items: center; margin: 3px 0; padding: 0; font-size: 1.25rem; }
#vivinfo #vinfo-footer button span { background-color: rgba(84,84,84,.75); padding: 1rem; position: relative; display: flex; height: 50px; }
#vivinfo #vinfo-footer button span.vinfo-btn-icon img { display: block; position: relative; width: 50px; }
#vivinfo #vinfo-footer button span:last-child { margin-left: 3px; padding-left: 3rem; }

#showBP, #verVista { 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; }
#showBP .closebp, #verVista #closevista { position: absolute; right: 2rem; top: 1rem; font-size: 3rem; z-index: 9; color: var(--orange); text-decoration: none; }
#showBP img { width: 75%; position: relative; }

#backtoInit { position: fixed; right: -10px; top: 40px; z-index: 1; }

#section-nav { position: fixed; z-index: 9; top: 7rem; right: -1rem; }
#section-nav nav ul li { position: relative; transform: translateX(225px); margin-bottom: 1rem; transition: transform ease-in-out 250ms; }
#section-nav nav ul li.active { transform: translateX(0); }

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




/* TOUR */
#tour #t-btns { position: fixed; z-index: 9; right: -2.5rem; top: -7rem; display: flex; flex-direction: column; width:12rem; scale:70%}
#tour #t-btns button { background: rgb(47,47,47); color: var(--orange); display: flex; align-items: center; padding: .5rem; border: none; outline: none; box-shadow: none; border-radius: 1rem 0 0 1rem; transform: translateX(100px); transition: transform ease-in-out 200ms; cursor: pointer; appearance: none; cursor: pointer; }
#tour #t-btns button.active { transform: translateX(0); }
#tour #t-btns button span:first-child { font-size: 2rem; margin-right: 1rem; font-weight: 600; }
#tour #t-btns button span:last-child { color: var(--bs-gray-400); padding-right: 1rem; }



/* FACILITIES */
#facilities #f-btns { left: auto; right: .5rem; padding-bottom: 0; }
#facilities #f-btns #ctamenu { padding: .5rem 1rem; border-top-right-radius: .85rem; position: relative; display: block; text-align: right; }
#facilities #f-btns #ctamenu img { transform: rotate(180deg); }

#facilities #f-btns ul li { position: relative; display: block; width: 100%; }
#facilities #f-btns ul li:last-child a { border-radius: 0 0 .85rem .85rem; }
#facilities #f-btns ul li a { display: flex; flex-direction: row; color: #b7bbc6; align-items: center; justify-content: space-between; text-transform: capitalize; border-bottom: solid 2px #000000; }
#facilities #f-btns ul li.active a { background: #000000; }
#facilities #f-btns ul li a span { padding: 1rem; border-bottom: none; position: relative; display: block; }
#facilities #f-btns ul li a span:first-child img { width: 100%; position: relative; display: block; height: 30px; }
#facilities #f-btns ul li a span:first-child { text-align: center; width: 58px; flex: 0 0 58px; }
#facilities #f-btns ul li a span:last-child { border-left: solid 2px #000000; font-weight: 600; color: #b5b9c5; flex: 1; transition: transform ease-in-out 250ms; }



/* PLANOS */
#blueprints, #blueprint { background: #000000 !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 .marktocompare, #blueprints #bps-container .addtofavs { position: absolute; right: 2rem; top: .35rem; z-index: 9; }
#blueprints #bps-container .marktocompare a { font-size: .85rem; color: #dacdbf; }
#blueprints #bps-container .marktocompare a img { 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: var(--bs-danger) !important; }
#blueprints #bps-container .marktocompare a.checked img { filter: hue-rotate(320deg) saturate(15); }

#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: var(--orange); }
#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; min-height: 240px; }
#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(--orange); }
#blueprints .single-bp .bp-title { color: var(--orange); font-weight: 600; }
#blueprints .single-bp .bp-subtitle { color: #252525; font-weight: 400; }

#latmenu { position: fixed; height: 100%; right: -19rem; top: 0; background-color: rgba(0,0,0,1); 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; color:white; }

#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: -5.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; border-radius: 0; border-color: #000000; }

#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: 5rem; }
#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 { padding: 0; }
#blueprint > .container-fluid { margin-top: 5rem; }
#blueprint #bpdata .bp-title { color: #dacdbf; }
#blueprint #bpdata .bp-subtitle { color: #252525; }
#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: 17rem; top: 50%; z-index: 9; margin-top: -25px; }



/* DOCUMENTACION */
#docs { background-color: #000000 no-repeat center center; background-size: cover; }
#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: #252525; 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: #1C1C1C; 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: var(--orange); 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: #1C1C1C; height: 650px; }
#docs #doc-panel-wrapper select { background: #252525; color: #ffffff; border: none; }
#docs #doc-panel-wrapper #dpw-form { padding: 2rem; }
#docs #doc-panel-wrapper #dpw-form label { color: #ffffff; }
#docs #doc-panel-wrapper #dpw-form input { background: #252525; 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; opacity: .75; }
#docs #doc-panel-wrapper #dpw-form .dpw-custom-item img { width: 160px; }
#docs #doc-panel-wrapper #dpw-form .dpw-custom-item.active { background: #252525 !important; }
#docs #doc-panel-wrapper #dpw-form input[type='checkbox'] { width: 20px; height: 20px; background: #252525 !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 #ffffff; background: #252525; 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: var(--orange); }
#docs #doc-panel-wrapper #dpw-form button[type='button'].disabled { color: var(--bs-secondary) !important; cursor: not-allowed !important; }


#video video { position: relative; width: 100%; height: auto; top: 50%; transform: translateY(-50%); }


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




@media only screen and (max-width: 1024px){
	#promo-logo { width: 125px; }
	
	#main-menu, #facilities #f-btns { padding-bottom: 0; }
	
	#vivinfo { top: 1rem; right: 1rem; }
	#vinfo-body .col-12 span { font-size: .85rem; }
	#vivinfo #vinfo-footer button span { font-size: 1rem; }
	
	#day-night-btns { width: 100px; }
	
	section#docs { transform: scale(85%); }
	
	#blueprints, #blueprint { padding-top: 1rem; }
	#blueprints #latmenu { padding: 0; width: 21rem; right: -15rem; }
	#latmenu.open { right: 0 !important; }
	#blueprints #latmenu #top-item-ltm, #middle-items-ltm { transform: scale(85%); }
	#bottom-item-ltm { transform: scale(85%) translateY(-3em); margin-bottom: 0 !important; }
	#bps-container { width: 85%; margin: 0 auto; }
	#blueprints .single-bp .bp-title { font-size: 1rem; }
	#blueprints .single-bp .bp-subtitle, #blueprints .single-bp .bp-info ul li { font-size: .85rem; }
	#bps-container .addtofavs img { width: 35px; }
	
	#resetcompare { margin-left: 3rem; }
	
	#blueprint > .container-fluid { margin-top: 0; }
	#blueprint figure, #blueprint img { width: 85% !important; margin: 0 auto 0 8rem; }
	#btnback { left: 70px !important; }
	#btnback img { width: 45px !important; margin: 0; }
	
	#poweredby { font-size: .75rem; }
}


@media only screen and (max-width: 956px) and (orientation: landscape){
	#main-menu { transform: scale(40%) translateY(-125%); left: -15px; }
	#main-menu.open { left: -65px; }
	#promo-logo { width: 100px; }
	
	#day-night-btns { bottom: 5px; width: 100px; }
	
	.vnav-btn, .vnav-btn img { width: 35px; }
	.vnav-btn#vnb-prev { left: 3rem; }
	
	#vivinfo { width: 230px; top: 0; }
	#vinfo-header h6 { font-size: .65rem; }
	#vinfo-body .col-12 span { font-size: .65rem; }
	#vivinfo #vinfo-footer button span { padding: 5px; font-size: .85rem; }
	#vivinfo #vinfo-footer button span.vinfo-btn-icon img { width: 15px; }
	#vivinfo #vinfo-footer button span:last-child { padding-left: 0; display: flex; align-items: center; justify-content: center; }
	#vivinfo #vinfo-footer button span { font-size: .7rem; }
	#showBP img { width: auto; height: 90%; }
	
	#tour #t-btns { transform: scale(27%) translateY(-90%); scale: 1; right: -35px; }
	
	#facilities #f-btns { scale: 1; right: -12px; transform: scale(60%) translateY(-85%); }
	#facilities #f-btns.open { right: -20px; }
	
	#blueprints #comparebtnsidebar img { width: 30px; }
	#blueprints #latmenu { right: -250px; }
	#blueprints #latmenu.open { right: 0; }
	#blueprints #latmenu #top-item-ltm, #middle-items-ltm { transform: scale(1); }
	#latmenu #top-item-ltm { padding-top: 0; margin-bottom: 1rem; }
	#top-item-ltm h4, #middle-items-ltm form label { font-size: .6rem; }
	#blueprints #latmenu #middle-items-ltm form label img { width: 15px; }
	#latmenu #middle-items-ltm form .form-control { font-size: .6rem; padding: .15rem .75rem; }
	#middle-items-ltm .row.mt-3, #middle-items-ltm .row.my-3 { margin-top: 0 !important; margin-bottom: 0 !important; }
	#blueprints #latmenu #middle-items-ltm form button[type='submit'] { font-size: .75rem; padding: .25rem .5rem; }
	#latmenu #bottom-item-ltm img { width: 20px !important; }
	
	#blueprint figure, #blueprint img { width: 60% !important; margin: 0 auto 0 10rem; }
	#blueprint .row.mb-5 { margin-bottom: 0 !important; }
	#blueprint h1 { font-size: 1rem !important; }
	#btnback img { width: 45px !important; margin: 0; }
	
	main#docs section#docs { padding-top: 2rem; padding-bottom: 3rem; transform: scale(75%); margin-top: 0; padding: 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-favs-wrapper #dfw-body .fsi-item-content img { width: 70px; }
	#docs #doc-favs-wrapper #dfw-body .fsi-remove { width: 30px; }
	#docs #doc-favs-wrapper #dfw-body .fsi-remove img { width: 20px; }
	#dfw-body ul { max-height: 395px; overflow-y: auto; }
	#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; }
	#docs #doc-panel-wrapper #dpw-form label { font-size: 1rem; }
	#dpw-form .row.w-75 { width: 100% !important; }
	#docs #doc-panel-wrapper #dpw-form input { height: 30px; width: 100%; }
	
	#poweredby { font-size: .5rem; left: 5px; bottom: 5px; }
}



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


/*@media only screen and (max-width: 844px) and (orientation:landscape){
	#main-menu { transform: scale(50%); top: -40%; left: -15px; }
	#main-menu.open { left: -55px; }
	
	#promo-logo { width: 65px; right: 5px; bottom: 5px; }
	
	#day-night-btns { bottom: 5px; width: 100px; }
	
	.vnav-btn, .vnav-btn img { width: 35px; }
	.vnav-btn#vnb-prev { left: 3rem; }
	
	#vivinfo { width: 230px; }
	#vinfo-header h6 { font-size: .65rem; }
	#vinfo-body .col-12 span { font-size: .65rem; }
	#vivinfo #vinfo-footer button span { padding: 5px; font-size: .85rem; }
	#vivinfo #vinfo-footer button span.vinfo-btn-icon img { width: 15px; }
	#vivinfo #vinfo-footer button span:last-child { padding-left: 0; display: flex; align-items: center; justify-content: center; }
	#vivinfo #vinfo-footer button span { font-size: .7rem; }
	
	#blueprints #comparebtnsidebar img { width: 30px; }
	#blueprints #latmenu { right: -250px; }
	#blueprints #latmenu.open { right: 0; }
	#blueprints #latmenu #top-item-ltm, #middle-items-ltm { transform: scale(1); }
	#latmenu #top-item-ltm { padding-top: 0; margin-bottom: 1rem; }
	#top-item-ltm h4, #middle-items-ltm form label { font-size: .6rem; }
	#blueprints #latmenu #middle-items-ltm form label img { width: 15px; }
	#latmenu #middle-items-ltm form .form-control { font-size: .6rem; padding: .15rem .75rem; }
	#middle-items-ltm .row.mt-3, #middle-items-ltm .row.my-3 { margin-top: 0 !important; margin-bottom: 0 !important; }
	#blueprints #latmenu #middle-items-ltm form button[type='submit'] { font-size: .75rem; padding: .25rem .5rem; }
	#latmenu #bottom-item-ltm img { width: 20px !important; }
	
	#blueprint figure, #blueprint img { width: 60% !important; margin: 0 auto 0 10rem; }
	#blueprint .row.mb-5 { margin-bottom: 0 !important; }
	#blueprint h1 { font-size: 1rem !important; }
	#btnback img { width: 45px !important; margin: 0; }
	
	main#docs section#docs { padding-top: 2rem; padding-bottom: 3rem; transform: scale(75%); margin-top: 0; padding: 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-favs-wrapper #dfw-body .fsi-item-content img { width: 70px; }
	#docs #doc-favs-wrapper #dfw-body .fsi-remove { width: 30px; }
	#docs #doc-favs-wrapper #dfw-body .fsi-remove img { width: 20px; }
	#dfw-body ul { max-height: 395px; overflow-y: auto; }
	#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; }
	#docs #doc-panel-wrapper #dpw-form label { font-size: 1rem; }
	#dpw-form .row.w-75 { width: 100% !important; }
	#docs #doc-panel-wrapper #dpw-form input { height: 30px; width: 100%; }
	
	#poweredby { font-size: .5rem; left: 5px; bottom: 5px; }
}*/



@media only screen and (max-width: 768px) and (orientation:portrait){
	#please-rotate-device { display: flex; }
}



@media only screen and (max-height: 400px) and (orientation:landscape){
}