/* CSS Document */
.menu-agency-switch{
    position: relative; float: left; width: 100%; display: flex; justify-content: center; flex-wrap: nowrap;
    padding: 0px 15px;
}
.menu-agency-switch a{
    font-size: 1em; padding: 5px 5px; text-decoration: none;
}
.menu-agency-switch a h2{
    font-size: 1em; padding: 0px; margin: 0px;
}
.menu-agency-switch a.active{
    background: #000; color: #ffffff;
}
.menu-agency-switch a.active h2{
    color: #ffffff;
}


@media(min-width:768px) {
    .menu-agency-switch{
        padding: 15px 15px;
    }
    .menu-default .menu-agency-switch{
        position: absolute; top: 0px; left: auto; right: 0px; width: auto; pointer-events: all; justify-content: flex-start;
    }
    .menu-default .menu-agency-switch a{
        padding: 6px 5px 4px 5px;
    }
    .menu-centered .menu-agency-switch{
        position: absolute; top: 0px; left: 0px; width: auto; pointer-events: all; justify-content: flex-start;
    }
    .menu-centered .menu-agency-switch a{
        padding: 6px 5px 4px 5px;
    }
    .menu-side .menu-agency-switch{
        flex-wrap: wrap; padding: 30px 0px 10px 0px;
    }
    .menu-side .menu-agency-switch a{
        padding: 5px 15px 5px 15px; width: 100%; text-align: left;
    }
}
@media(min-width:991px) {
    .menu-default .menu-agency-switch,
    .menu-centered .menu-agency-switch{
        padding: 15px 30px;      
    }
}
@media(min-width:1440px) {
    .menu-default .menu-agency-switch,
    .menu-centered .menu-agency-switch{
        padding: 15px 60px;      
    }
}

#theBody.models .breadcrumb{
    display: none;
}
#theBody.models #pageBlock1{
    padding: 30px 15px 0px 15px;
}
#theBody.models #pageBlock1 .page-block-name h1,
#theBody.models #pageBlock1 .page-block-subname h3{
    text-transform: uppercase;
}

#models.page-block.models{
    margin: 0px; padding: 0px 15px;
}
#models.page-block.models .page-block-caption{
    margin: 0px; padding: 0px;
}
#models.page-block.models .page-block-ttl{
    display: none;
}
#models.page-block.models .page-block-module{
    padding-top: 0px;
}
.listing-nav-btns{
    margin: 0px 15px 15px 0px; border: 1px solid #000000!important;
}

.block.models{
    padding: 15px 15px 15px 15px;
}
.block.models .block-caption .block-ttl h2{
    font-size: 1em;
}
.block.models:hover .block-caption{
}
.block.models .block-image{
    overflow: hidden;
}
.block.models:hover .block-image{
}
.block.models .block-image .hover-carousel{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    opacity: 1;
}
.block.models .block-image .hover-carousel .carousel-indicators{
    display: none;
}
.block.models:hover .block-image .hover-carousel{
    opacity: 1;
}
.block.models .block-caption .block-icon{
}
.block.models .block-caption-fav{
    position: absolute; top: 20px; left: auto; right: 20px; width: 30px; height: 30px; background: #000000; border-radius: 50%; display: flex; justify-content: center; align-content: center; align-items: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block.models .block-caption-fav a{
    color: #ffffff; font-size: 1.4em; height: 1.4em;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block.models .block-caption-fav:hover{
    background: #ffffff;
}
.block.models .block-caption-fav:hover a{
    color: #000000;
}
.block.models .block-caption .block-ttl h2 a{
    display: flex; flex-wrap: wrap;
}
.block.models .block-caption .block-ttl h2 a .firstname{
    font-family: "nimbus-sans", sans-serif; font-weight: 700!important; width: 100%;
}
.block.models .block-caption .block-ttl h2 a .lastname{
    font-family: "nimbus-sans", sans-serif; font-weight: 400!important; width: 100%;
}
.block.models .block-caption-specs{
}
.block.models .block-caption-specs.yes_hover{
    position: absolute; top: 0px; left: 100%; background: rgba(0,0,0,0.8); width: 100%; min-height: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: center; align-items: center; padding: 15px 15px 15px 15px;
    opacity: 0; pointer-events: none;
    z-index: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block.models.yes_hover:hover .block-caption-specs.yes_hover{
    opacity: 1; left: 0px; color:#ffffff;
}
.block.models .block-caption-specs .block-spec{
}
.block.models .block-caption-specs .block-spec .list-label{
    width: 50%; text-align: right; padding-right: 5px;
}
.block.models .block-caption-specs .block-spec .list-label-letter{
    display: none;
}
.block.models .block-caption-specs .block-spec .list-value{
    width: 50%; margin-left: 50%; padding-left: 5px;
}

.letterblock{
    position: absolute; top: 0px; left: 50%; width: 10px; height: 10px; background: #000000; color: #ffffff; z-index: 10000000;
    opacity: 0; pointer-events: none;
    /*display: block; width: 0px!important; height: 0px; overflow: hidden; padding: 0px!important; margin: 0px!important; border: 0px solid #ffffff!important;
    grid-column: span 0;
    grid-row: span 0;
    visibility: hidden;*/
}

.letterblock.active{
    position: fixed;
}

/*social reach*/
.block .block-caption .block-caption-social{
    pointer-events: none; width: 100%;
    text-align: left; font-size: 1em; height: auto; overflow: hidden; opacity:1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-top: 0px;
    position: absolute; bottom: 100%; top: auto; padding: 0px 15px 15px 15px; color: #ffffff;
    background: linear-gradient(0.52deg, rgba(0, 0, 0, 0) 0.27%, rgba(0, 0, 0, 0) 99.38%);
    
    opacity: 0; padding-bottom: 60px;
}
.block-caption-social .social-label-row{
    width: 100%; float: left; position: relative; margin-top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
 .block-caption-social .fa-brands{
    font-size: 14px; position: absolute; left: 0px; height:24px; line-height: 24px; overflow: hidden;
}
 .block-caption-social .social-label-name{
     position: relative;
    text-transform: uppercase; width: 100%; float: left; padding-left: 20px; font-size: 0.8em; line-height: 24px; height: 24px;
}
 .block-caption-social .social-label-count{
    font-size: 30px; width: auto; float: left; text-transform: uppercase; line-height: 30px; height: 30px;
}
 .block-caption-social .social-label-text{
    width: 100%; float: left; font-size: 0.8em; line-height: 2em; height: 2em; text-transform: uppercase;
}

#SocialReachLink,
#UserFavs{
    background: #ffffff; padding: 5px;
}
#SocialReachLink span,
#UserFavs span{ 
    font-size: 0.8em; color:#000000;
}
#SocialReachLink.active,
#UserFavs.active{
    background: #f0f0f0;
}
#SocialReachLink.active span,
#UserFavs.active span{
    color: #000000;
}
.social-reach .block .block-caption .block-caption-social{
    opacity: 1; bottom: 100%;  padding-bottom: 15px;
    background: linear-gradient(0.52deg, rgba(0, 0, 0, 1) 0.27%, rgba(0, 0, 0, 0) 99.38%);
}
.social-reach .block-caption-social .social-label-row{
    margin-top: 15px;
}


.block.models.yes_hover:hover .block-caption-social{
    opacity: 0; padding-bottom: 60px;
}
.block.models.yes_hover:hover .block-caption-social .social-label-row{
    margin-top: 0px;
}



/* letter nav */
.letters-container{
    position: relative; width: 100%; float: left; width: 100%; height: 30px; left: 0px; top: 0px;
	overflow: hidden; background: #f0f0f0; border: 1px solid #d0d0d0;
}
#togglable_letters{
    position: absolute; width: 100%; height: 30px; left: 0px; top: 0px;
	display: flex; justify-content: center; overflow: hidden;
}
.fixed-top-letters,
.fixed-bottom-letters,
.fixed-side-letters { 
	position: fixed; z-index: 101; top: 100px;
}
.fixed-bottom-letters { 
    top: auto; bottom: 0px;
}
.fixed-letters-container{ 
	position: absolute; top: 5px; left: 0px;
    width: 550px; margin: 0px!important; padding: 0px 15px;
	display: flex; justify-content: center; height: 20px;    
}
.letters-container .act-ltr, .letters-container .dis-ltr{
	position: relative; top: 0px; left: 0px; text-align: center; line-height: 20px;
	width: 20px; font-size: 12px; color: #ABABAB; font-family: "nimbus-sans", sans-serif; font-weight: 400!important; text-transform: uppercase;
}
.letters-container  .act-ltr a{
	text-align: center; line-height: 20px;
	width: 100%; font-size: 12px; text-decoration: none; text-transform: uppercase; font-family: "nimbus-sans", sans-serif; font-weight: 400!important;
	color: #000000;
}
.letters-container  .act-ltr a:hover{
	color: #000000; text-decoration: underline;
}
.letters-container  .act-ltr.active a{
    color: red;
}


.fixed-letters-toggler,
.fixed-letters-toggler-off{
	position: absolute; top: 0px; left: auto; height: 30px; background: #d0d0d0; border: 1px solid #b0b0b0;
    padding: 0px 5px; text-decoration: none; line-height: 30px; font-size: 12px; width: 40px; text-align: center; z-index: 1001;
    opacity: 0; right: -40px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.fixed-letters-toggler.visible,
.fixed-letters-toggler-off.visible{
    opacity: 1; right: 0px;
}
.behind-button-letters #togglable_letters,
.behind-button-letters.fixed-top-letters #togglable_letters,
.behind-button-letters.fixed-bottom-letters #togglable_letters{
    width: calc(100% - 40px); opacity: 0; top: -30px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.behind-button-letters #togglable_letters.visible,
.behind-button-letters.fixed-top-letters #togglable_letters.visible,
.behind-button-letters.fixed-bottom-letters #togglable_letters.visible{ 
    top: 0px; opacity: 1; pointer-events: all;
}

.fixed-side-letters { 
    top:100px; height: calc(100vh - 100px); width: 40px; left: auto; right: 0px;
}
.fixed-side-letters #togglable_letters{ 
    height: 100%; flex-wrap: wrap; align-content: center; align-items: center; pointer-events: none;
}
.fixed-side-letters #togglable_letters .fixed-letters-container{ 
    height: 100%; flex-wrap: wrap; padding: 0px 0px; width: 40px; top: 0px;
    align-items: center; align-content: center; justify-content: flex-start;
}
.fixed-side-letters #togglable_letters .fixed-letters-container .act-ltr,
.fixed-side-letters #togglable_letters .fixed-letters-container .dis-ltr{
    width: 40px; height: 20px; pointer-events: all;
}
.behind-button-letters.fixed-side-letters #togglable_letters{
    opacity: 0; top: 30px; left: 40px; height: calc(100% - 30px); width: 40px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.behind-button-letters.fixed-side-letters #togglable_letters.visible{ 
    left: 0px; opacity: 1; pointer-events: all;
}

#models_container.letters-on_side{
    padding-right: 40px;
}

@media(min-width:768px){ 
    .fixed-top-letters,
    .fixed-bottom-letters,
    .fixed-side-letters { 
        position: fixed; z-index: 3; top:120px;
    }
    .fixed-bottom-letters { 
        top: auto; bottom: 0px;
    }
    #theBody.menu-side .fixed-top-letters{
        top: 0px;
        margin-left: 200px; width: calc(100% - 200px);
    }
    #theBody.menu-side .fixed-bottom-letters{
        top: 0px;
        margin-left: 200px; width: calc(100% - 200px);
    }
    #theBody.menu-side .fixed-side-letters{
        top: 0px; height:100vh;
    }
    #theBody.menu-default .fixed-side-letters,
    #theBody.menu-centered .fixed-side-letters{
        top: 150px; height: calc(100vh - 150px);
    }
}
@media(min-width:1280px){ 
     #theBody.menu-default .fixed-top-letters,  #theBody.menu-default .fixed-side-letters,
     #theBody.menu-centered .fixed-top-letters,  #theBody.menu-center .fixed-side-letters{
     top: 165px;       
    }
}


.btn-primary-w-icon{
    position: relative; border: 1px solid #000000; background: #ffffff; height: 40px; padding: 10px 15px 10px 5px; display: flex; align-content: center; align-items: center; width: auto; float: left;
}
.btn-primary-w-icon:hover{
    border: 1px solid #000000; background: #f0f0f0;
}
.btn-primary-w-icon i{
    font-size: 2em; line-height: 20px; height: 20px; margin: 0px 0px 0px 0px; width: 30px; text-align: center; color: #000000;
}
.btn-primary-w-icon span{
    font-size: 1em; line-height: 20px; height: 20px; margin: 0px 0px 0px 0px; position: relative; display: block; color: #000000;
}
.modeldetail .btn-instagram{
    
}
.modeldetail .btn-favorites{
    
}
.modeldetail .btn-contact{
    
}


#theBody.modeldetail #mainsection{
    display: flex; flex-wrap: wrap; margin: 100px 0px 0px 0px;
}
#modelhashnav {
    /*position: fixed; top: 100px; left: 0px;*/
    order: 1; display: flex; align-content: stretch; width: 100%; overflow: hidden; background: #ffffff;
}

#theBody.scrolling #mainsection {
}
#theBody.scrolling #detail-model.specs-fixed-bottom {
    bottom: 40px;
}


#modelhashnav #to-list{
    width: 70px; padding: 10px 15px; height: 40px; font-size: 1em;
}
#modelhashnav .btn-primary-w-icon{
    width: 80px;
}
#modelhashnav_ulcontainer{
    position: relative; width: auto; width: calc(100% - 230px); overflow: hidden;
}
#modelhashnav_ul{
    display: flex; flex-wrap: nowrap; list-style: none; height: 40px; padding: 0px; margin: 0px; position: absolute;
}
#modelhashnav_ul li{
    padding: 10px 10px; order: 1;
}
#modelhashnav_ul li.hash-pdf{
    order: 1000;
}
#modelhashnav_ul li a{
    text-decoration: none; text-transform: uppercase; font-size: 1em; line-height: 20px;
    white-space: nowrap;
}

#theBody.modeldetail #mainsection .page-block{
    order: 2;
}

#modelheader-simple.page-block,
#modelheader-medium.page-block{
}
#modelheader-simple.page-block .page-block-caption,
#modelheader-medium.page-block .page-block-caption{
    justify-content: flex-start;
}
#modelheader-simple.page-block.right .page-block-caption,
#modelheader-medium.page-block.right .page-block-caption{
    justify-content: flex-end;
}
#modelheader-simple.page-block.center .page-block-caption,
#modelheader-medium.page-block.center .page-block-caption{
    justify-content: center;
}
#modelheader-simple.page-block .page-block-caption .content-link,
#modelheader-medium.page-block .page-block-caption .content-link,
#modelheader-simple.page-block .page-block-caption .page-block-name,
#modelheader-medium.page-block .page-block-caption .page-block-name{
    width: auto; align-content: center; align-items: center; display: flex;
}
#modelheader-simple.page-block .page-block-caption .page-block-name h1,
#modelheader-medium.page-block .page-block-caption .page-block-name h1{
    padding: 0px; margin: 0px;
}
.backtooverview{
    background: #f0f0f0; color: #000000;
    padding:5px; border-radius: 50%; width: 30px; height: 30px; margin: 0px 15px 0px 0px;
}
.backtooverview:hover{
    background: #000000; color: #f0f0f0;
}

#modelheader-simple.page-block .page-block-caption .page-block-txt,
#modelheader-medium.page-block .page-block-caption .page-block-txt{
    display: flex; justify-content: flex-start; margin: 15px 0px 0px 0px; max-width: 100%;
}
#modelheader-simple.page-block.right .page-block-caption .page-block-txt,
#modelheader-medium.page-block.right .page-block-caption .page-block-txt{
    justify-content: flex-end;
}
#modelheader-simple.page-block.center .page-block-caption .page-block-txt,
#modelheader-medium.page-block.center .page-block-caption .page-block-txt{
    justify-content: center;
}

.modeldetail .page-block .detail-caption-social{
    padding: 5px 20px 5px 0px; width: auto;
}
.modeldetail .page-block.right .detail-caption-social{
    padding: 5px 0px 5px 20px;
}
.modeldetail .page-block.center .detail-caption-social{
    padding: 5px 10px 5px 10px;
}


.modeldetail .detail-caption-social a{
    text-decoration: none; line-height: 20px; font-family: "nimbus-sans", sans-serif; font-weight: 700!important;
}
.modeldetail .detail-caption-social a .fa-brands{
    width: 20px; height: 20px; border-radius: 50%; background: #f0f0f0; color: #000000; margin: 0px 2px; line-height: 20px; text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.modeldetail .detail-caption-social a:hover .fa-brands{
    background: #000000; color: #f0f0f0;
}


.modeldetail .page-block-image.profile_pic img{
    width: 140px; height: 140px; border-radius: 50%; object-fit: cover;
}

.modeldetail #modelheader-medium .page-block-caption{
    padding-left: 160px; min-height: 160px; align-items: center; align-content: center;
}
.modeldetail #modelheader-medium .page-block-image.profile_pic{
    position: absolute; left: 0px; top: 0px;
    display: flex; justify-content: flex-start; padding: 10px 0px 10px 0px; width: 160px;
}
.modeldetail #modelheader-medium.right .page-block-caption{
    padding-left: 0px; padding-right: 160px;
}
.modeldetail #modelheader-medium.right .page-block-image.profile_pic{
    position: absolute; left: auto; right: 0px; top: 0px;
    justify-content: flex-end; padding: 10px 0px 10px 0px;
}
.modeldetail #modelheader-medium.center .page-block-caption{
    padding: 0px;
}
.modeldetail #modelheader-medium.center .page-block-image.profile_pic{
    position: relative; left: 0px; top: 0px; width: 100%;
    justify-content: center; padding: 10px 0px 20px 0px;
}
.page-block-name h1 a{
    text-decoration: none;
}
.page-block-name h1 .firstname,
.page-block-ttl h2 .firstname,
.page-block-txt h2 .firstname{
    padding-right: 5px;
    font-family: "nimbus-sans", sans-serif; font-weight: 400!important;
}
.page-block-name h1 .lastname,
.page-block-ttl h2 .lastname,
.page-block-txt h2 .lastname{
    
}

.modeldetail #bio .page-block-caption{
    display: flex; justify-content: center; flex-wrap: wrap;
}
.modeldetail #bio .page-block-caption .page-block-txt{
    max-width: 600px;
}


#modelheader.page-block{
    padding: 0px; max-height: 100vh;
}
#modelheader.page-block .page-block-caption{
    align-content: flex-end;
}
#modelheader.page-block .page-block-page_image{
    max-height: 100vh;
}
#modelheader.page-block .page-block-page_image img{
    width: 100%; height: 100%; object-fit: cover;
}
#modelheaderVideo{
    
}
@media(min-width:768px){ 
.menu-centered #modelheader.page-block,
#modelheader.page-block .page-block-page_image{
    max-height: calc(100vh - 300px);
}
#modelheader.page-block .page-block-page_image img{
    object-position: top center;
}
}

#detail-model{
    position: relative; width: 100%; padding: 30px 15px;
}

#modelsummary{
    display: flex;
}
#modelsummary #modelnavigation{
    position: absolute; top: 10px; left: 0px; z-index: 1;
}
#modelsummary .page-block-ttl,
#modelsummary .page-block-name{
    padding: 0px 0px 0px 45px;
}
#modelsummary .page-block-ttl h3{
    padding: 0px; margin: 0px;
}
#modelsummary .page-block-ttl h2,
#modelsummary .page-block-name h1{
    padding: 0px; margin: 0px;
}

.detail-specs-container{
    padding: 0px 0px 0px 45px; margin: 0px;
}
#detail-model.specs-block .detail-specs {
    width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;
}
#detail-model.specs-block .detail-label-letter {
    display: none;
}
#detail-model.specs-block .detail-label {
    display: block; width: 100px;
}
#detail-model.specs-block .detail-value {
    font-family: "nimbus-sans", sans-serif; font-weight: 700!important;
}

#modelcontrollers{
    padding-left: 45px; padding-top: 15px;
}
#detail-model.specs-block #modelsummary,
#detail-model.specs-block-horizontal #modelsummary{
}
#detail-model.specs-block  .btn-primary,
#detail-model.specs-block-horizontal  .btn-primary{
    margin: 5px 5px 5px 0px;
}

#detail-model.specs-block-horizontal .detail-specs-container .page-block-txt{
    display: flex; justify-content: flex-start; flex-wrap: wrap;
}
#detail-model.specs-block-horizontal .detail-specs {
    width: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; padding-right: 5px; border-right: 1px solid #000000; margin-right: 5px;
}
#detail-model.specs-block-horizontal .detail-label-letter {
    display: block; padding-right: 5px;
}
#detail-model.specs-block-horizontal .detail-label {
    display: none;
}
#detail-model.specs-block-horizontal .detail-value {
    font-family: "nimbus-sans", sans-serif; font-weight: 700!important;
}



.center #modelsummary #modelnavigation{
    position: relative; top: 0px;
}
.center #modelsummary .page-block-ttl,
.center #modelsummary .page-block-name{
    padding: 0px 0px 0px 0px;
}
.center .detail-specs-container{
    padding: 0px 0px 0px 0px; margin: 0px; justify-content: center;
}
#detail-model.specs-block-horizontal.center .detail-specs-container .page-block-txt{
    justify-content: center;
}
#detail-model.specs-block-horizontal.center #modelcontrollers{
    width: 100%; display: flex; justify-content: center; padding: 15px 0px;
}

@media(min-width:768px){ 
    #detail-model.specs-block-horizontal .detail-specs {
        flex-direction: column; align-items: stretch;
    }
    #detail-model.specs-block-horizontal .detail-label-letter {
        display: none; 
    }
    #detail-model.specs-block-horizontal .detail-label,
    #detail-model.specs-block-horizontal .detail-value {
        padding-right: 5px;
    }
}
@media(min-width:991px){ 
    #detail-model.specs-block-horizontal .detail-specs {
        flex-direction: row; align-items: flex-start;
    }
}





#mainsection.specs-fixed-top{
    margin: 170px 0px 0px 0px;
}

#detail-model.specs-fixed-top,
#detail-model.specs-fixed-bottom{
    background: #f0f0f0; height: auto; width: 100%; position: fixed; top: 100px; left: 0px; margin: 0px; z-index: 2000;
    color: #000000; padding: 0px 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-height: 70px; overflow: hidden;
}

#detail-model.specs-fixed-bottom{
    top: auto; bottom: 0px;
}

#detail-model.specs-fixed-top #modelsummary,
#detail-model.specs-fixed-bottom #modelsummary{
    padding: 15px 0px 15px 45px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
}
#detail-model.specs-fixed-top #modelsummary::before,
#detail-model.specs-fixed-bottom #modelsummary::before{
    position: absolute; top: 0px; left: 0px; width: 40px; height: 100%; justify-content: center; align-items: center; display: flex;
    color: #000000; 
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);   
    content: "\f106"; font-size: 1.5em;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#detail-model.specs-fixed-top #modelsummary::after,
#detail-model.specs-fixed-bottom #modelsummary::after{
    position: absolute; top: 0px; left: 0px; width: 40px; height: 100%; justify-content: center; align-items: center; display: flex;
    color: #000000; 
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);   
    content: "\f106"; font-size: 1.5em;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#detail-model.specs-fixed-top #modelsummary::before,
#detail-model.specs-fixed-top #modelsummary::after{
    transform: rotate(180deg);
}
#detail-model.specs-fixed-top:hover #modelsummary::after,
#detail-model.specs-fixed-bottom:hover #modelsummary::after{
    height: calc(100% - 10px);
}



#detail-model.specs-fixed-top.visible,
#detail-model.specs-fixed-bottom.visible{
    max-height: 500px;
}
#detail-model.specs-fixed-top.visible #modelsummary::before,
#detail-model.specs-fixed-bottom.visible #modelsummary::before,
#detail-model.specs-fixed-top.visible #modelsummary::after,
#detail-model.specs-fixed-bottom.visible #modelsummary::after{
    transform: rotate(90deg);
}
#detail-model.specs-fixed-top.visible:hover #modelsummary::after,
#detail-model.specs-fixed-bottom.visible:hover #modelsummary::after{
    height: 100%;
    width: 50px;
}


#detail-model.specs-fixed-top #modelnavigation,
#detail-model.specs-fixed-bottom #modelnavigation{
    display: none;
}
#detail-model.specs-fixed-top #modelsummary .page-block-ttl,#detail-model.specs-fixed-top #modelsummary .page-block-name,
#detail-model.specs-fixed-bottom #modelsummary .page-block-ttl,#detail-model.specs-fixed-bottom #modelsummary .page-block-name{
    padding: 0px 0px 0px 0px;
}
#detail-model.specs-fixed-top .detail-specs-container,
#detail-model.specs-fixed-bottom .detail-specs-container{
    padding: 0px 0px 0px 0px;
}

#detail-model.specs-fixed-top .detail-specs-container .page-block-txt,
#detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt{
    display: flex; justify-content: flex-start; flex-wrap: wrap;
}
#detail-model.specs-fixed-top .detail-specs,
#detail-model.specs-fixed-bottom .detail-specs {
    width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;
    /*
    horizontal
    width: auto; border-right: 1px solid #000000; padding-right: 5px; margin-right: 5px;
    */
}
#detail-model.specs-fixed-top .detail-label-letter,
#detail-model.specs-fixed-bottom .detail-label-letter {
    display: none;
    /*
    horizontal
    display:block;
    */
}
#detail-model.specs-fixed-top .detail-label ,
#detail-model.specs-fixed-bottom .detail-label {
    display: block; width: 100px;
    /*
    horizontal
    display:none; width:auto;
    */
}
#detail-model.specs-fixed-top .detail-value,
#detail-model.specs-fixed-bottom .detail-value {
    font-family: "nimbus-sans", sans-serif; font-weight: 700!important;
}

#detail-model .detail-label{
    display: none!important;
}

#detail-model .language-setting-3 .detail-label-en,
#detail-model .language-setting-2 .detail-label-en{
    display: block!important;
}
#detail-model .language-setting-1 .detail-label-fr{
    display: block!important;
}

#detail-model .detail-value{
    display: none;
}

.sizeNotationNav{
    margin-bottom: 30px; padding: 0px 0px 2px 0px; border-bottom: 1px solid #000000;
}

#detail-model .metrics-setting-1 .detail-value-1{
    display: block;
}
#detail-model .metrics-setting-2 .detail-value-2{
    display: block;
}
#detail-model .metrics-setting-3 .detail-value-3{
    display: block;
}

.languageNotation label{
    display: none;
}
.languageNotation a{
    text-decoration: none; padding-right: 5px;
}
.languageNotation a:last-of-type{
    padding-right: 0px;
}
.languageNotation a.active{
}
.metricsNotations{
    display: none;
}

@media(min-width:768px){ 
    #mainsection.specs-fixed-top{
        margin: 210px 0px 0px 0px;
    }    
    #detail-model.specs-fixed-top{
        top: 140px;
    }
    
    #detail-model.specs-fixed-bottom{
        top: auto; bottom: 0px;
    }
    
     
    #theBody.menu-hamburger #mainsection.specs-fixed-top{
        margin: 180px 0px 0px 0px;
    }    
    #theBody.menu-hamburger #detail-model.specs-fixed-top{
        top: 110px
    }
    
    #theBody.menu-side #mainsection.specs-fixed-top{
        margin: 70px 0px 0px 200px;
    }    
    #theBody.menu-side #detail-model.specs-fixed-top{
        width: calc(100% - 200px); left: 200px; top: 0px;
    }
    #theBody.menu-side #detail-model.specs-fixed-bottom{
        width: calc(100% - 200px); left: 200px; 
    }
    
    #detail-model.specs-fixed-top .detail-specs,
    #detail-model.specs-fixed-bottom .detail-specs {
        /*
        horizontal
        flex-direction: column; align-items: stretch;
        */
    }
    #detail-model.specs-fixed-top .detail-label-letter,
    #detail-model.specs-fixed-bottom .detail-label-letter {
        /*
        horizontal
        display: none; 
        */
    }
    #detail-model.specs-fixed-top .detail-label,
    #detail-model.specs-fixed-top .detail-value,
    #detail-model.specs-fixed-bottom .detail-label,
    #detail-model.specs-fixed-bottom .detail-value {
    }
}
@media(min-width:991px){ 
    #detail-model.specs-fixed-top .detail-specs,
    #detail-model.specs-fixed-bottom .detail-specs  {
        flex-direction: row; align-items: flex-start;
    }
}


#detail-model.specs-fixed-top #modelcontrollers,
#detail-model.specs-fixed-bottom #modelcontrollers{
    padding: 15px 0px;
}
#detail-model.specs-fixed-top #modelcontrollers .btn-primary-w-icon,
#detail-model.specs-fixed-bottom #modelcontrollers .btn-primary-w-icon{
    margin: 0px 5px 5px 0px;
}


/* pdf function */

.page-block-txt.print-options{
    display: flex; flex-wrap: wrap;
}
.print-option{
    position: relative; width: 100%; margin: 0px 0px 30px 0px; float: left; text-align: center;
    display: flex; flex-wrap: nowrap; align-items: center; align-content: center
}
.print-option h4{
    position: relative; text-transform: none; font-size: 12px;
    width: 100%; text-align: center; color: #000000; padding: 0px 10px 0px 0px; margin: 0px;
}
.printIcon{
    position: relative; width: 60px; margin: 0px; float: left;
    background-image: url("../img/btns/pdf-1.svg?1"); background-repeat: no-repeat; background-size: contain; background-position: center center; height:60px;
}
.printIcon.printIcon2{
    background-image: url("../img/btns/pdf-2.svg?1");
}
.printIcon.printIcon3{
    background-image: url("../img/btns/pdf-3.svg?1");
}
.print-option .btn-primary{
}
@media(min-width:600px){ 
    .page-block-txt.print-options{
        flex-wrap: nowrap;
    }
    .print-option{
        flex-wrap: wrap; justify-content: center;
    }
    .printIcon{
        height:130px; width: 100%;
    }
    .print-option h4{
        padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px;
    }
}






/*gallery*/
.page-block.gallery .page-block-ttl h2{
    text-transform: capitalize; font-family: "nimbus-sans", sans-serif; font-weight: 400!important;
}


#mainsection.modeldetail .page-block.gallery{
    padding: 0px; margin: 60px 0px 0px 0px;
}
#mainsection.modeldetail .page-block.gallery.thumbs{
    padding: 0px 5px; margin: 60px 0px 0px 0px;
}
#mainsection.modeldetail .page-block.gallery.scrollable{
    padding: 0px; margin: 60px 0px 0px 0px;
}
#mainsection.modeldetail .page-block.gallery .page-block-caption{
    padding: 0px;
}
#mainsection.modeldetail .page-block.gallery .page-block-caption .page-block-module{
    padding: 0px;
}

/*fixed height bottom nav slideshow : ;*/
/*ratio images : 3:4*/
#mainsection.modeldetail .page-block.gallery.slideshow .carousel{
    width: 100vw; height: calc(71vw); max-height: 100vh;
}
#mainsection.modeldetail .page-block.gallery.slideshow .carousel .carousel-inner{
    width: 100vw; height: calc(71vw); max-height: 100vh;
}

.page-block.gallery.slideshow.duo_slide .carousel .carousel-item img{
    width: 50%;
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item:first-of-type img,
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item.block-image-container-wide img{
    width: 100%;
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item .carousel-caption{
    background: rgba(255,255,255,0.6);
    justify-content: flex-start; padding: 0px 45px 0px 15px;
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item .carousel-caption:nth-of-type(2){
    left: 50%; justify-content: flex-end; padding: 0px 15px 0px 45px;
}

.page-block.gallery.slideshow.single_slide .carousel .carousel-item  .carousel-caption,
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item:first-of-type  .carousel-caption,
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item.block-image-container-wide  .carousel-caption{
    background: rgba(255,255,255,0.6);
    justify-content: center; padding: 0px 15px 0px 15px; width: 100%;
}


.page-block.gallery.slideshow .carousel .carousel-item .carousel-caption .carousel-ttl h3{
    font-size: 1em; font-family: "nimbus-sans", sans-serif; font-weight: 400!important; color: #000000; margin: 10px 0px;
}
.page-block.gallery.slideshow .carousel .carousel-item .carousel-caption .carousel-ttl h3 span{
    font-family: "nimbus-sans", sans-serif; font-weight: 700!important; padding-left: 5px;
}







#mainsection.modeldetail .page-block.gallery.slideshow .carouselState,
#mainsection.modeldetail .page-block.gallery.slideshow .carousel-indicators{
    display: none;
}
#mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev,
#mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next{
    width: 50px; height: 50px; background: rgba(255,255,255,0.6); border-radius: 0%; top:50%; color: #000000; left: calc(50% - 65px); justify-content: center;
}
#mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next{
    left: calc(50% + 15px);
}
#mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev .arrow,
#mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next .arrow{
    opacity: 1;
}




@media(min-width:768px) {
    #theBody.menu-side #mainsection.modeldetail .page-block.gallery.slideshow .carousel,
    #theBody.menu-side #mainsection.modeldetail .page-block.gallery.slideshow .carousel .carousel-inner{
         width: calc(100vw - 200px); height: calc(0.711111 * (100vw - 200px));
    }
}