body{
    margin: 0;
    font-family: 'Public Sans', sans-serif;
    font-style: normal;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color:  #fff;
}
p{
    margin: 0 0 25px 0;
}
a{
    text-decoration: none;
    color: #fff;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
figure{
    margin: 0;
    padding: 0;
}
header .menu-mob{
    display: none;
    position: absolute;
    right: 22px;
    height: 75px;
    width: 25px;
    background-image: url('../img/menu-mob.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
header .menu-mob.menu-mob-close{
    background-image: url('../img/menu-mob-close.png');
}
header .mob-h{display: none;}
.top-h{
    padding: 10px 5px 5px 5px;
    height: 60px;
    background-color: #000000;

}
.top-50-l,
.top-50-r{
    width: 50%;
    float: left;
}
.top-50-r{
    text-align: right;
}
.top-50-r a {
    cursor: pointer;
    position: relative;
}
.top-50-r a:focus:before, .top-50-r a:hover:before {
    transform: scaleX(1) scaleY(.9);
}
.top-50-r a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.7);
    transform: scaleX(0) scaleY(.9);
    transform-origin: left center;
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
}
.top-40-l,
.top-40-r{
    width: 40%;
    float: left;
}
.top-40-r{
    text-align: right;
}
.top-40-r .linkig{
    display: block;
    margin-top: 15px;
}
.top-40-r .linkig:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.7);
    transform: scaleX(0) scaleY(.9);
    transform-origin: left center;
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
}
.top-40-r .linkig:focus:before, .top-40-r .linkig:hover:before {
    transform: scaleX(1) scaleY(.9);
}
.top-20-c{
    width: 100%;
    float: left;
}
.top-20-c .quira-logo{
    text-align: left;
}
.top-20-c .quira-logo h1{
    display: none;
}
.top-20-c img{
    max-width: 160px;
    margin: 20px auto 0 20px;
}
.grid-stories{
    display: grid;
    grid-template-columns: 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1% 4.1%;
    height:  4px;
    column-gap: 0.25%;
    position: fixed;
    top: 10px;
    z-index: 999999;
    width: calc(100% - 10px);
}
.grid-stories.grid-cognetti{
    grid-template-columns: 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% 3.5% ;
    column-gap: 0.21%;
}
.grid-stories .st-item{
    background-color: #3f3f3f;
}
.grid-stories .st-item.selected{
    background-color: #a8a8a8;
}
.top-form-nl{
    max-width: 197px;
    width: 100%;
    margin-top: 14px;
    float: right;
}
.clear{
    clear: both;
}
.quira-nav{
    margin: 17px 0;
}
.quira-nav ul{
    font-size: 2rem;
    line-height: 0.9;
    letter-spacing: -1px;
}
#container{
    background-color: #000000;
    width: 100%;
    height: calc(100vh - 98px);
    display: table;
}
#container .quira-logo{
    display: table-cell;
    vertical-align: bottom;
    padding: 0 50px;
}


footer{height: 53px; position: fixed; bottom: 0;background-color: #000000;z-index: 9999999999999;width: calc(100% - 44px);padding: 0 22px;}
footer .f1,  footer .f3{float: left; width: 50%;height:100%;line-height: 53px;}
footer .f2{text-align: center; display: none;}
footer .f3{text-align: right; display: none;}
.visibleDesk{display: block;}
.visibleMob{display: none;}

/*** SLIDER HOME ***/
.slider{position:absolute; top:50%;margin-top:calc(-50vh + 75px); width:100%; height:calc(100vh - 98px); overflow:hidden;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
        .slider.toggle_width{width:70%;}
        .slider .my_container{overflow:hidden;}
        .slider .my_container .line-element{float:left; z-index:10;height:calc(100vh - 98px);display:block;position:relative;background:#000000; position: absolute;}
        .slider .my_container .line-element.pos-r{right: 0;}
        .slider .my_container .line-50, .line-50 .slidecontent{width: 50vw;} 
        .slider .my_container .line-100, .line-100 .slidecontent{width: 100vw;}
        .slider .my_container span{position:absolute; bottom:0;left:0; }
        .slider .my_container img:first-child{margin-left:0;}
        .slider .my_container img:last-child{margin-right:0;}
        
    
        .cont-page{padding:0;}
        .cont-page.table{display: table;}
        .cop{float:left; margin-right:20px; height:560px;}
        .slider figure{margin:0;}

        .slidecontent{height:calc(100vh - 98px); background-size: cover;background-position: center;}
        .slidecontent.slideimagelittle{background-position: bottom;}
        .slidecontent.slideimage.imgcontain{background-size: contain;}
        .slidecontent.slidetext{text-align: left;font-size: 1.5vw; line-height: 1.2; overflow: hidden;}
        .cont-page.table .slidecontent.slidetext{display: table-cell;vertical-align: middle;}
        .cont-page.table .slidecontent.slidetext p{max-width: 60%;margin: 0 auto 25px auto;text-align: justify;}
        .slidecontent.slideimagetext{background-position: center; background-size: contain; background-repeat: no-repeat;}
        .slidecontent.slideimagelittle{background-position: center; background-size: 50%; background-repeat: no-repeat;}
        .slider .my_container .line-element.visibleDesk{display: block;}
        .slider .my_container .line-element.visibleMob{display: none !important;}
        .slidevideo video{object-fit: contain;max-width: none;width: 100%;height: 100%;}
        .home_layout .slidecontent .next{display: none;}
        .overlay{position: absolute;width: 100%;height:calc(100vh - 98px);display: grid;grid-template-columns: 50% 50%;z-index: 99999999;}
        .overlay #ov-dx:hover{cursor:url('../img/quira-next.png'), auto;}
        .overlay #ov-sx:hover{cursor:url('../img/quira-prev.png'), auto;}
        .slideadaywith{display: grid;grid-template-columns: 50% 50%;}
        .adaywith{padding: 0 70px 0 22px;}
        .adaywith h1, .adaywith h2{margin:0; padding:0;}
        .adaywith h1{text-transform: uppercase; font-size: 5.5vw;margin-bottom: 30px;line-height: 1; font-weight: 900;}
        .adaywith h2{font-size: 2.5vw;margin: 100px 0 10px 0;padding: 0;font-weight: 800;}
        .adaywith p{margin-bottom: 30px; font-size: 1.2vw;}
        .adaywith p.credit{margin-bottom: 30px;font-style: italic; font-size: 1.2vw;}
        .adaywith-img{background-position: center;background-size: cover;}
        .finalcredits{text-align: center !important;font-size: 12px;}
        



/*** COLLECTION ***/
.slider-collection, .collection-main{float: left;}
.slider-collection{width: 70vw;margin-left: 33vw;}
.collection-main{width: 33vw;}
.slider-collection .my_container .line-50, .slider-collection .line-50 .slidecontent{width: 33.5vw;}
.collection-title{padding:80px 0 0 22px; }
.collection-title img{width: 50%;}
.collection-text{height: 20%;padding: 0 50px 0 22px;}
.collection-text .av-gothic-std-book{margin-top: 20px;}
.collection-text .plantin-std{text-align: justify;}
.slider-collection .slidecontent.slideimagelittle{background-color: #f9f3e8;display: table-cell;vertical-align: middle;text-align: center;}
.slider-collection .slidecontent figure{width: 70%; margin: 0 auto;}
.slider-collection .slidecontent img{width:100%;}
.slider-collection .collection-details{display: table;}
.collection-details:hover .slidecontent{background-color: #d7c9ae;vertical-align: top;text-align: left;}
.img_hov{display: none;}
.collection-details .slidecontent figcaption{display: none; padding: 30px 0 0 30px; width: calc(100% - 30px);}
.collection-details:hover .slidecontent figcaption{display: block;}
.collection-details:hover .slidecontent figure{margin-left:0; background-image: url("../svg/next.svg");background-position: bottom right;background-repeat: no-repeat;background-size: 10%;padding-right: 50px;}
.collection-details .slidecontent figcaption ul li{margin-bottom: 4px; line-height: 1.4;}
.collection-details:hover .slidecontent.slideimagelittle .img_hov,
.collection-details:hover .slidecontent.slideimage .img_hov{display: block;}
.collection-details:hover .slidecontent.slideimagelittle .img_def{display: none;}
.collection-details:hover .slidecontent.slideimage{background-image: none !important; }

.collectionSlider{height:calc(100vh - 98px); overflow:hidden;}
.owl-theme .owl-nav {margin-top: 0 !important;position: absolute;width: 100vw;z-index: 999;top: 0;height:calc(100vh - 98px);}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{width: 50vw;height:calc(100vh - 98px);margin:0 !important;}
.owl-carousel .owl-nav .owl-next:hover{cursor:url('../img/quira-next.png'), auto;}
.owl-carousel .owl-nav .owl-prev:hover{cursor:url('../img/quira-prev.png'), auto;}
.owl-theme .owl-nav [class*=owl-]:hover {background: transparent !important;color: #FFF;text-decoration: none;}
.owl-item {display: inline !important;}

.collection-layout .cont-page{width:33.3%; float: left;}
.collection-layout .line-100 .slidecontent{width: 33.5vw;}



/*** CONTACT ***/
.content-contact{background-image: url("../img/quira-monogram.png"); background-repeat: no-repeat; background-position: right; height: calc(100vh - 220px); width: calc(100vw - 20px); background-size:contain;padding: 40px 0 0 20px; }
.content-contact a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.7);
    transform: scaleX(0) scaleY(.9);
    transform-origin: left center;
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
}
.content-contact a:focus:before, .content-contact a:hover:before {
    transform: scaleX(1) scaleY(.9);
}
.content-contact .contact-mail,
.content-contact .contact-stock{margin-bottom: 40px;}
.content-contact .contact-mail a{display: block; margin-bottom: 40px;}
.content-contact .contact-stock .online-stock{margin-bottom: 20px;}
.content-contact .contact-stock h3{font-size: 1.5em;}


/*** ABOUT ***/
.about-main{width: 25vw;padding-top: 45px;}
.slider-about{width: 75vw;margin-left: 25vw;height: calc(100vh - 98px);}
.slider-about, .about-main{float: left;}
.about-main p{margin-bottom: 20px;}
.about-layout .collection-text, {padding: 0 70px 0 22px; height: 75%;}
.about-layout .about-figcap{padding: 40px 150px 0 22px;}
.slider-about .slidecontent {height: calc(100vh - 98px);background-size: contain;background-repeat: no-repeat;}
.slider-about .my_container .line-100, .slider-about .line-100 .slidecontent {width: 75vw;}
.slider-about .slidecontent.slidetext {text-align: left;font-size: 14vh;line-height: 0.85;  letter-spacing: 0px;}
.about_copy, .about_img{position: absolute;}
.about_img{width: 20%;}
.about_img.about1{top: 0; right: 50%; width: 25%;}
.about_img.about2{top: 0; right: 60px;}
.about_img.about3{bottom: 10px; right: 40%;}
.about_img.about4{bottom: 20px; right: 0; width: 22%;}
.about_img:hover{z-index: 99999999999;}
.about_caption{display: none;}


@media (max-width: 980px) {

    header {position: fixed;top: 0;background: #fff;width: 100%;z-index: 99;}
    .slider {top:130px;overflow: visible;margin:0px;width:100%;height: auto;}
    .slider .my_container{float:left;overflow:visible;width:100%;}
    .slider .mCSB_container{width:100%!important;}
    .slider .my_container .line-element{float:left;margin:0;width:calc(100% - 44px);height: auto;padding:  0 22px;}
    .slider .my_container .line-element img{padding-bottom: 30px;width:100%;height: auto;}
    .cont-page{padding:0;}
    .slider .my_container .line-50, .line-50 .slidecontent {width: calc(100vw - 44px);}
    .about_img {width: 35% !important;}
    .about_img.about2 {top: 40px;right: 0;}
    .about_img.about3 {display: none;}
    .about_img.about4 {top: 50%;}
    .slider-about .slidecontent.slidetext {font-size: 14vw;}
}

@media (max-width: 480px) {
    .quira-logo{
        padding: 0;
    }
    .top-form-nl .top-50-l,
    .top-form-nl .top-50-r{
        width: 68%;
    }
    footer {max-width: calc(100vw - 44px);}
    .slider {top:75px;}
    header {position: fixed;top: 0;background: #fff;width: 100%;z-index: 99;height: 75px;max-width: 100vw;z-index: 9999;}
    .top-h .top-40-l, .top-h .top-40-r {display: none;}
    .mob-h .top-40-l, .mob-h .top-40-r {float: none;width: 100%;text-align: center;background: #fff;border-top: 0.5px solid #000;}
    .mob-h .top-40-r {padding:32px 0;}
    .top-20-c img {max-width: 150px;margin:  20px auto 0 auto;}
    .top-20-c {width: 100%; height: 100%; display: table;}
    .top-h {padding: 0 22px; height: 100%;}
    #container {height: calc((var(--vh, 1vh) * 100) - 128px); margin-top: 75px;}
    .slidecontent, .slider .my_container .line-element{height: calc((var(--vh, 1vh) * 100) - 129px);}
    header .menu-mob{display: block; -webkit-tap-highlight-color: transparent;}
    .top-20-c .quira-logo {display: table-cell; vertical-align: middle;}
    header .mob-h{background-color: #ffffff;}
    header .mob-h.mob-h-expanded{display: block;}
    .quira-nav{margin: 7px 0 0 0;}
    .quira-nav ul li a{-webkit-tap-highlight-color: transparent;}
    .top-form-nl {max-width: 80%;width: 80%;float: none;margin: 0 auto;}
    footer .f2{display: block;visibility: hidden;}
    footer .f3{display: block;}
    .slider .my_container .line-element.visibleDesk{display: none !important;}
    .slider .my_container .line-element.visibleMob{display: block !important;}
    .slidecontent.slidetext {font-size: 1.7vh;letter-spacing: 0;}
    .slidecontent.slidetext .textbig {font-size: 2.4vh;}
    .visibleDesk{display: none;}
    .visibleMob{display: block;}
    .collection-title {padding: 22px 0 0 0;}
    .collection-title img {width: auto !important; height: 40vh;}
    .commection-layout .collection-text, .collection-layout .imgitem{padding: 0; background-image: url('../svg/next.svg'); background-position: bottom right; background-repeat: no-repeat;background-size: 10%;}
    .collection-text{padding-bottom: 50px;}
    .collection-layout .collection-text{padding-left: 0;}
    .imgitem{background-position: bottom right 21px;}
    .plantin-std {font-size: 3.7vw;line-height: 1.2;letter-spacing: -0.5px;}
    .owl-carousel.owl-drag .owl-item{padding-bottom: 21px;}
    .owl-carousel.owl-drag .owl-item .item{padding: 21px;}
    .owl-carousel.owl-drag .owl-item .item img{padding-bottom: 21px;}
    .owl-carousel.owl-drag .owl-item .item figcaption{margin-bottom: 20px;}
    .owl-carousel.owl-drag .owl-item .item figcaption ul li{margin-bottom: 4px; line-height: 1.4;}

    .content-contact {background-position: bottom right;height: calc((var(--vh, 1vh) * 100) - 159px); width: calc(100vw - 40px);background-size: 50%;padding: 20px 20px 0 20px;}
    .contact-mob-col{float: left; width: 50%;}
    .about-mob-text p{margin-bottom: 20px; line-height: 1.2;}
    .about-mob-text{background-image: none;}
    .about-arrow{background-image: url("../svg/next.svg");background-position: center;background-repeat: no-repeat;background-size: contain;height: 30px;position: fixed;bottom: 83px;width: 100vw;}
    .about-carousel .imgitem{padding: 0 !important;}
    .about-carousel.owl-drag .owl-item .item figcaption {padding: 21px;}
    .about-carousel .imgitem {background-image: none;}
    .about-layout {width: 100%;padding-top: 22px;background: #d7c9ae;position: absolute;float: none;z-index: 99;height: calc((var(--vh, 1vh) * 100) - 139px);}
    .about-layout .collection-text {padding: 22px;height: auto;}
    .about-layout .collection-text p{margin-bottom:20px;}
    .about-layout .about-figcap {display: none;}
    .slider-about .my_container .line-100, .slider-about .line-100 .slidecontent {width: 100%;}
    .slider-about .slidecontent.slidetext {font-size: 14vw;}
    .about_img {width: 35% !important;}
    .about_img.about2 {top: 40px;right: 0;}
    .about_img.about3 {display: none;}
    .about_img.about4 {top: 50%;}
    .about_caption{display: block;}
    .about_caption {display: block;position: absolute;bottom: 40px;left: 22px;}
    .collection-layout .cont-page {width: calc(100% - 44px);float: none;padding: 22px 22px 100px 22px;position: absolute;height:calc((var(--vh, 1vh) * 100) - 132px);background: #d7c9ae;}
    .collection-layout .line-100 .slidecontent {width: 100%;}
    .collection-layout .slider .my_container .line-element img {width: 100%;height: auto;}
    .collection-layout .slidecontent{position: relative;}
    .next{height: 18px; background-image: url('../svg/next.svg'); background-position: right; background-repeat: no-repeat;background-size: contain;position: absolute;z-index: 999999999;width: 100%;right: 22px;}
    .collection-layout .slidecontent .next{bottom: 44px; right: 22px;}
    .collection-layout .next-coll{right: 22px; bottom: 50%;}
    .collection-title h1 {font-size: 28vh;}
    .collection-layout footer{position:initial;}
    /*.slidevideo{width: calc(100vw - 44px);padding: 0 22px;}*/
    .slidevideo video {object-fit: contain;}
    .home-layout .slidecontent .next{display: block; bottom: 22px;}
    .about-layout .next {bottom: 44px;}
    .slider .my_container .line-100, .line-100 .slidecontent{width: calc(100vw - 44px);}
    .grid-stories {width: calc(100% - 44px);}
    .slideadaywith{grid-template-columns: 100%;}
    .adaywith {padding: 0;}
    .adaywith h1, .adaywith h2{margin:0; padding:0;}
    .adaywith h1{text-transform: uppercase; font-size: 11.5vw;margin-bottom: 10px;line-height: 1;}
    .adaywith h2{font-size: 7.5vw;margin-top: 30px;margin-bottom: 10px;}
    .adaywith p{margin-bottom: 15px; font-size: 2vh;}
    .adaywith p.credit{margin-bottom: 30px;font-style: italic;font-size: 2vh;}
    .adaywith-img{background-image: none !important;}
    .cont-page.table .slidecontent.slidetext p{max-width: 100%;margin: 0 auto 25px auto;text-align: left;}
    .slidecontent.slideimagelittle{background-size: 80%;}
    .overlay{height:calc(100vh - 129px);}
}


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

    .top-form-nl .top-50-l,
    .top-form-nl .top-50-r{
        width: 65%;
    }
    #container {
        height: calc(100vh - 121px);
        height: calc((var(--vh, 1vh) * 100) - 121px);
    }
}