#gallery-nav,#langs{
    right:1rem;
    z-index:100
}
#gallery-nav,.vnav-btn{
    transform:translateY(-50%);
    top:50%
}
#gallery,#latmenu{
    height:100%;
    top:0;
    background:#000
}
#gallery-container ul#gallery-wrapper,#latmenu{
    transition:.6s ease-in-out
}
#poweredby,#viewBPlghtbox{
    position:fixed;
    z-index:9999
}
#mainlogo{
    position:fixed;
    left:50%;
    top:1rem;
    z-index:9;
    transform:translateX(-50%)
}
#langs{
    position:fixed;
    top:1rem
}
#section-title{
    position:fixed;
    z-index:9;
    top:5rem;
    left:0
}
#section-title ul li#st-icon{
    margin-left:2px
}
#section-title ul li#st-title{
    background-color:var(--bs-gray-600);
    color:#fff;
    min-width:250px;
    font-weight:500;
    font-variation-settings:"wght" 500;
    font-size:1.25rem;
    padding:1rem
}
#pleaserotatedevice{
    position:fixed;
    z-index:999999;
    background:var(--bs-gray-400);
    color:#000;
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    padding:4rem
}
#disponibilidad #fly-home-nav{
    position:fixed;
    z-index:9;
    right:-5rem;
    top:7rem
}
.vnav-btn{
    position:fixed;
    z-index:9;
    display:block;
    width:50px;
    height:50px
}
.vnav-btn#vnb-prev{
    left:2rem
}
.vnav-btn#vnb-next{
    right:2rem
}
#backtoflyoverbtn,#switchPromoBtn{
    position:fixed;
    top:10rem;
    left:-.5rem;
    z-index:99;
    background-color:rgba(52,52,66,.75);
    border:solid 1px var(--bs-gray-100);
    padding:.35rem 1rem;
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem;
    min-width:225px;
    font-weight:500;
    font-variation-settings:"wght" 500;
    font-size:1.15rem;
    color:#fff!important
}
#main-nav li a,#poweredby{
    font-variation-settings:"wght" 400
}
#switchPromoBtn.promo1{
    left:auto;
    right:-.5rem;
    border-radius:.5rem
}
#switchPromoBtn.promo1 ul{
    flex-direction:row-reverse
}
#switchPromoBtn.promo1 ul li:first-child{
    margin:0!important
}
#switchPromoBtn.promo1 ul li:first-child img{
    transform:rotate(180deg)
}
#svgOvlWrp,#svgOvlWrp2{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2
}
#mainv{
    object-fit:contain
}
#viewBPlghtbox{
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:rgba(0,0,0,.85);
    display:flex;
    align-items:center;
    justify-content:center
}
#viewBPlghtbox #closelgtbx{
    position:absolute;
    right:7rem;
    top:3rem;
    z-index:9;
    color:#fff;
    font-size:2rem
}
#viewBPlghtbox #carouselExampleControls{
    max-width:80%
}
#viewBPlghtbox .carousel-control-prev{
    left:-180px
}
#viewBPlghtbox .carousel-control-next{
    right:-180px
}
#vivinfo{
    position:fixed;
    z-index:100;
    width:290px;
    height:auto;
    padding:1rem 1.5rem;
    background:rgba(255,255,255,.75);
    border-radius:1rem;
    top:5rem;
    right:5rem;
    border:2px solid #ececec;
    color:#494949;
    font-weight:600;
    font-size:.85rem;
    box-shadow:inset 0 0 3px 0 var(--secondary)!important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    -moz-backdrop-filter:blur(5px)
}
#vivinfo #closevivinfo,#vivinfo .vivinfo-label{
    width:35px;
    height:35px;
    border-radius:5px;
    position:relative
}
#vivinfo #closevivinfo{
    color:#494949;
    background:var(--light);
    font-size:1.5rem;
    line-height:35px;
    display:inline-block;
    text-align:center
}
#vivinfo .vivinfo-label{
    background-color:transparent;
    border:1px solid #fff
}
#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(--light);
    border:solid 1px var(--red);
    border-radius:5px;
    width:200px;
    padding:.75rem 1.5rem;
    color:var(--red)
}
#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-arrows{
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    z-index:99;
    display:block;
    padding:0 3rem;
    margin-top:-17px
}
#blueprint,#blueprints{
    background:#000!important;
    display:flex;
    align-items:center;
    padding-top:0;
    margin:0;
    position:relative
}
#blueprints #bps-container a:hover{
    color:#000!important
}
#blueprints>.container-fluid{
    max-width:100%!important;
    padding:0 8rem 0 2rem
}
#blueprints #bps-container .marktocompare{
    position:absolute;
    right:2rem;
    top:1rem;
    z-index:9
}
#blueprints #bps-container .marktocompare a{
    font-size:.85rem;
    color:#000
}
#blueprints #bps-container .marktocompare a img{
    transition:.2s ease-in-out
}
#blueprints #bps-container .marktocompare a:not(.checked):hover img{
    filter:grayscale(100%) brightness(.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 .markasfav{
    position:absolute;
    right:2rem;
    bottom:5rem;
    z-index:9
}
#blueprints #bps-container .markasfav a{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    border:2px solid transparent
}
#blueprints #bps-container .markasfav a.active{
    border-color:var(--red)
}
#blueprints .single-bp{
    background:#fff;
    border-radius:1rem;
    margin-bottom:4rem;
    padding:2rem 1rem 2rem 2rem
}
#blueprints>.container-fluid>.row>.col-12:nth-last-child(-n+3)>.single-bp{
    margin-bottom:0
}
.bp-info,.bp-titles{
    flex:1;
    width:100%;
    display:block
}
#blueprints .single-bp .bp-title{
    color:var(--red);
    font-weight:600;
    font-variation-settings:"wght" 600;
    font-size: 1.25rem !important;
}
#blueprints .single-bp .bp-subtitle{
    color:#000;
    font-weight:600;
    font-variation-settings:"wght" 600
}
#blueprints .single-bp .bp-info ul li{
    font-size:.85rem;
    color:var(--red)
}
#latmenu{
    position:fixed;
    right:-19.5rem;
    width:25rem;
    padding:1rem;
    text-align:center;
    z-index:99
}
#latmenu.open{
    right:0
}
#latmenu #top-item-ltm{
    padding-top:5rem;
    margin-bottom:3rem
}
#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:#fff;
    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-gray-100);
    color:#000;
    border-color:var(--bs-gray-500)
}
#latmenu #middle-items-ltm form .slider-values{
    position:relative;
    width:100%;
    color:#fff
}
#latmenu #middle-items-ltm form .slider-values small{
    position:absolute;
    left:0;
    top:.5rem;
    margin-left:-.5rem;
    color:var(--bs-gray-500)
}
#latmenu #bottom-item-ltm{
    position:relative;
    top:-7rem
}
#latmenu #bottom-item-ltm a{
    left:0;
    margin-left:0
}
#latmenu #bottom-item-ltm a,#latmenu #bottom-item-ltm a img{
    transition:.6s ease-in-out;
    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{
    margin:18rem 0;
}
#blueprint figure{
    height:690px
}
#blueprint figure:after{
    content:'';
    position:absolute;
    z-index:9;
    background:0 0;
    width:calc(100% - 1rem);
    height:calc(100% - 1rem);
    border:1px solid #000;
    left:.5rem;
    top:.5rem
}
#blueprint figure,#blueprint img{
    border-radius:0!important;
    display:block;
    position:relative;
    max-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:fixed;
    left:2rem;
    top:50%;
    z-index:9;
    margin-top:-25px
}
#sendinfo{
    background:0 0
}
#sendinfo .container-sm{
    max-width:900px!important
}
#sendinfo #doc-panel-wrapper{
    background-color:#121212;
    height:650px;
    border:solid 1px var(--bs-gray-300);
    border-radius:2rem
}
#sendinfo #doc-panel-wrapper #dpw-form{
    padding:2rem 1rem;
    max-width:85%;
    margin:0 auto
}
#sendinfo #doc-panel-wrapper #dpw-form label{
    color:#5a5a5a;
    font-weight:400!important;
    font-size:1.15rem;
    margin-bottom:.5rem
}
#sendinfo #doc-panel-wrapper #dpw-form input,#sendinfo #doc-panel-wrapper #dpw-form textarea{
    background:#5a5a5a;
    border:1px solid #000;
    border-radius:.25rem;
    height:40px;
    color:var(--bs-gray-500);
    font-size:1.2rem;
    font-weight:400
}
#sendinfo #doc-panel-wrapper #dpw-form textarea{
    height:inherit
}
#sendinfo #doc-panel-wrapper #dpw-form input[type=checkbox]{
    width:25px;
    height:25px;
    padding:0;
    background-color:#5a5a5a!important;
    border:1px solid #000;
    box-shadow:none;
    outline:0;
    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:url('../img/vectors/check-icon.svg') center center/contain no-repeat;
    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(--navy)
}
#sendinfo #doc-panel-wrapper #dpw-form #submitform{
    border:1px solid #5a5a5a;
    background:#1a1a18;
    color:#fff;
    border-radius:2rem;
    padding:.5rem 1rem;
    width:150px
}
#sendinfo #doc-panel-wrapper #dpw-form #submitform:hover{
    color:var(--red)
}
#sendinfo #doc-panel-wrapper #dpw-form #submitform.disabled{
    opacity:.5;
    cursor:not-allowed!important
}
#main-nav{
    position:fixed;
    z-index:99;
    left:0;
    bottom:15px;
    width:100%;
    background-color:rgba(52,52,66,.5);
    border-top:solid 1px var(--bs-gray-100);
    border-bottom:solid 1px var(--bs-gray-100);
    transition:transform 250ms ease-in-out
}
#main-nav.closed{
    transform:translateY(125px)
}
#main-nav li{
    flex:1;
    text-align:center;
    display:block;
    position:relative
}
#main-nav li a{
    padding:.75rem 1.5rem;
    color:var(--bs-gray-300);
    font-weight:400;
    display:block;
    position:relative
}
#main-nav li a img{
    position:absolute;
    left:50%;
    transform:translate(-50%,-90px)
}
#main-nav li#mnav-arrow a img{
    transform:translate(-50%,-70px);
    transition:transform 250ms ease-in-out
}
#main-nav.closed li#mnav-arrow a img{
    transform:translate(-50%,-195px) rotate(-180deg)
}
#poweredby{
    left:-5.35rem;
    bottom:11rem;
    color:#fff;
    font-size:.75rem;
    font-weight:400;
    transform:rotate(-90deg)
}
@media only screen and (max-width:1180px) and (orientation:landscape){
    #main-nav li:nth-child(6) a img,#main-nav li:nth-child(8) a img{
        transform:translate(-50%,-81px)
    }
}
@media only screen and (max-width:1024px) and (orientation:landscape){
    #main-nav li:nth-child(4) a img{
        transform:translate(-50%,-81px)
    }
    #sendinfo #doc-panel-wrapper{
        height:560px
    }
    #sendinfo #doc-panel-wrapper #dpw-form{
        padding:1rem 0
    }
    #sendinfo #doc-panel-wrapper #dpw-form label{
        font-size:.85rem!important
    }
    #sendinfo #doc-panel-wrapper #dpw-form input{
        height:35px
    }
    #sendinfo #doc-panel-wrapper #dpw-form textarea{
        height:90px
    }
    #sendinfo #doc-panel-wrapper #dpw-form #submitform{
        padding:.35rem .7rem
    }
}
@media only screen and (max-width:844px) and (orientation:landscape){
    #main-nav li a,#poweredby{
        font-size:.35rem
    }
    #section-title,#vivinfo{
        top:1rem
    }
    #main-nav.closed{
        transform:translateY(85px)
    }
    #main-nav li a img{
        transform:translate(-50%,-55px);
        width:35px
    }
    #main-nav li#mnav-arrow a img{
        transform:translate(-50%,-35px)
    }
    #main-nav.closed li#mnav-arrow a img{
        transform:translate(-50%,-120px) rotate(-180deg)
    }
    #poweredby{
        left:-40px
    }
    #backtoflyoverbtn ul li img,#gallery-arrows ul li a img,#langs ul li a img,.vnav-btn img{
        width:30px
    }
    #section-title ul li#st-title{
        padding:.5rem;
        font-size:.75rem;
        min-width:190px
    }
    #section-title ul li#st-icon img{
        width:27px
    }
    #backtoflyoverbtn{
        padding:3px 15px;
        font-size:.6rem;
        min-width:100px;
        top:3.5rem;
        left:-12px
    }
    #blueprints #bps-container .marktocompare a,#blueprints .single-bp .bp-info ul li,#vivinfo{
        font-size:.5rem
    }
    #backtoflyoverbtn ul li:first-child{
        margin-right:15px!important
    }
    #vivinfo{
        width:180px;
        right:1rem
    }
    #vivinfo button{
        width:100%
    }
    #vivinfo #closevivinfo{
        position:absolute!important;
        left:0;
        top:0;
        z-index:9
    }
    #viewBPlghtbox #closelgtbx{
        top:2rem;
        right:2rem;
        font-size:1rem
    }
    #mainlogo img{
        width:75px
    }
    #gallery-arrows{
        padding:0 2rem
    }
    #gallery-nav ul li{
        margin-bottom:4px
    }
    #gallery-nav ul li a>span.dot{
        width:5px;
        height:5px
    }
    #blueprint,#blueprints{
        padding-top:5rem
    }
    #blueprints .single-bp .bp-title,#latmenu #top-item-ltm h4{
        font-size:1rem
    }
    #blueprints .single-bp .bp-subtitle,#latmenu #middle-items-ltm form label{
        font-size:.75rem
    }
    #blueprints #bps-container .marktocompare{
        right:19px;
        top:4px
    }
    #latmenu{
        width:250px;
        right:-180px;
        padding-bottom:100px
    }
    #latmenu.open{
        overflow-y:auto
    }
    #latmenu #top-item-ltm{
        padding-top:35px;
        margin-bottom:0
    }
    #latmenu #top-item-ltm img{
        width:35px
    }
    #latmenu #middle-items-ltm form{
        padding-left:80px;
        padding-right:15px
    }
    #latmenu #middle-items-ltm form .form-group{
        display:flex;
        flex-direction:column
    }
    #latmenu #middle-items-ltm form .form-control,#latmenu #middle-items-ltm form label{
        flex:0 0 100%
    }
    #latmenu #middle-items-ltm form .form-control{
        font-size:.6rem
    }
    #latmenu #middle-items-ltm form label img{
        width:40px
    }
    #latmenu #bottom-item-ltm{
        position:absolute!important;
        top:auto;
        z-index:9;
        bottom:90px;
        left:-20px
    }
    #latmenu #bottom-item-ltm a img{
        margin-left:0;
        width:30px
    }
    #latmenu.open #bottom-item-ltm{
        left:0
    }
    #latmenu.open #bottom-item-ltm a{
        margin-left:0
    }
    #latmenu.open #bottom-item-ltm a img{
        margin-left:-20px!important
    }
    #main-nav li:nth-child(4) a img,#main-nav li:nth-child(6) a img,#main-nav li:nth-child(8) a img{
        transform:translate(-50%,-52px)
    }
    #sendinfo{
        background-color:#121212;
        padding:5rem 0 7rem
    }
    #sendinfo #doc-panel-wrapper{
        height:inherit;
        border:none;
        background:0 0
    }
    #sendinfo #doc-panel-wrapper #dpw-form{
        padding:0
    }
    #sendinfo #doc-panel-wrapper #dpw-form label{
        font-size:.75rem!important
    }
    #sendinfo #doc-panel-wrapper #dpw-form input{
        height:25px;
        font-size:.75rem
    }
    #sendinfo #doc-panel-wrapper #dpw-form textarea{
        height:50px
    }
    #sendinfo #doc-panel-wrapper #dpw-form #submitform{
        padding:.15rem .2rem;
        font-size:.75rem
    }
    #sendinfo #doc-panel-wrapper #dpw-form input[type=checkbox]{
        width:15px;
        height:15px
    }
    #sendinfo #doc-panel-wrapper #dpw-form .row.mb-2.mb-lg-4.border-bottom p{
        font-size:.75rem;
        margin-bottom:.3rem
    }
}
#disclaimer{
     position: fixed;
     z-index: 999;
     right: .5rem;
     bottom: 2px;
     margin: 0;
     padding: 0;
     color: white;
     font-size: .75rem;
}
#visits-btns{
     position: fixed;
     z-index: 99;
     right: 0;
     /* top: 260px; */
     top: 20px;
     display: flex;
     flex-direction: column;
}
#visits-btns li {
     width: 250px;
     position: relative;
     display: block;
     right: -190px;
     transition: right ease-in-out 300ms;
}
#visits-btns li.active{
    right:10px;
}
#visits-btns li img {
     position: relative;
     display: block;
     width: 100%;
}
#visitlightbx {
     position: fixed;
     z-index: 999999;
     background: rgba(0,0,0,.75);
    width:100%;
     height:100%;
     left: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 5%;
}
#closelgbthx{
     position: absolute;
     z-index: 99;
     right: 7rem;
     top: 4rem;
     font-size: 2rem;
}


/* LP */
#blueprints {
	margin: 5% !important;
	padding: 0;
}
#switchPromoBtn.promo2 {
  left: auto;
  right: -.5rem;
  border-radius: .5rem
}
#switchPromoBtn.promo2 ul {
  flex-direction: row-reverse
}
#switchPromoBtn.promo2 ul li:first-child {
  margin: 0 !important
}
#switchPromoBtn.promo2 ul li:first-child img {
  transform: rotate(180deg)
}

@media only screen and (max-width:1180px) and (orientation:landscape){
	#switchPromoBtn {
		top: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
        font-size: .75rem;
        min-width: 130px;
	}
	#switchPromoBtn img {
		width: 30px;
	}	
	
	#visits-btns {
		/* top: 55px;		 */
		z-index: 8;
	}
	#visits-btns li {
		width: 150px;
		right: -112px;
		margin-bottom: 5px!important;
	}
	#disclaimer {
		font-size: .55rem;	
	}
	#section-title {
		top: 5px;
	}	
	#blueprint {
        padding-top: 0px;
	}	
	#blueprints .container-sm {
		max-width: 90% !important;
	}
	#blueprints .row .col-4 {
		width: 32%;
		padding: 5px;
	}
	#blueprints .single-bp {
		margin-bottom: 10px;
		padding: 10px;
	}
    #latmenu #top-item-ltm {
        padding-top: 0;
		margin-bottom: 0;
	}
    #latmenu #middle-items-ltm .row{
        padding-top: 0;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}	
}

@media only screen and (max-width:1024px) and (orientation:landscape){
}
@media only screen and (max-width:844px) and (orientation:landscape){
	#blueprint {
		margin: 13rem 0;
	}
	#latmenu #bottom-item-ltm {
	    left: 18px;
	}
}