@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Lustria&family=Oswald:wght@200..700&display=swap');

html,body{width:100%; height:100%; touch-action: manipulation;}


/*{-webkit-font-smoothing:antialiased;}*/

/*helper classes*/
.w-1{width:1%!important;}
.h-1{height:1%!important;}

.vh-50{height:50vh;}
.vh-75{height:75vh;}

.bg-primary{background-color:#CCC!important;}
.bg-dark{background-color:#1b252e!important;}
.bg-gold{background-color:#ad955b;}

.border-primary{border-color:#CCC!important;}

.text-primary{color:#CCC!important;}
.text-dark{color:#1b252e!important;}
.text-gold{color:#ad955b;}

.btn{border-radius:0;}

.btn-primary{font-size:.8rem; background-color:rgba(255,255,255,0.7)!important; border:none;}

.lh-1{line-height:1;}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

.textShadow{text-shadow:2px 2px 2px rgba(0,0,0,.3);}

body{
    padding-top:54px;
    height:100vh;
    font-family:"Libre Franklin", sans-serif;
    font-optical-sizing:auto;
    font-weight:300;
    font-style:normal;
    font-size:.8rem;
    color:#CCC;
    scroll-behavior: smooth;
}
body.noScroll{overflow:hidden;}

.bgTouch{height:calc(100vh - 54px); top:54px;}

h1{font-family:"Oswald", sans-serif; font-optical-sizing:auto; font-weight:300; font-style:normal;}
h2{font-family:"Oswald", sans-serif; font-optical-sizing:auto; font-weight:300; font-style:normal;}
h3{font-family:"Oswald", sans-serif; font-optical-sizing:auto; font-weight:300; font-style:normal;}
h4{font-family:"Oswald", sans-serif; font-optical-sizing:auto; font-weight:300; font-style:normal;}

a{color:#ebebeb; text-decoration:none; transition:color .2s linear;}

/*preloader*/
.loadingPage{margin-top:54px; height:calc(100% - 54px); z-index:1029; visibility:hidden; opacity:0; background-color:rgba(27,37,46,.8); transition:all 0.5s linear;}
.loadingPage.active{visibility:visible; opacity:1;}

/*shades*/
.shadeTop{height:10px; z-index:3; background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);}
.shadeTop.fixed{height:10px; top:54px; z-index:3; background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);}
.shadeBottom{height:10px; z-index:3; background: linear-gradient(to top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);}

/*buttons*/
.btn-content{line-height:1; padding:10px 15px 11px 15px;}

/*header & footer*/
.header{background-color:#1b252e;}
.header ul{font-size:0; line-height:1;}
.header ul li{padding-right:20px; display:table-cell; vertical-align:middle; font-size:1rem;}
.header ul li:last-child{padding-right:0;}
.header ul li a{padding:20px 0 20px 0; display:block; color:#CCC; font-weight:500; border-bottom:solid 2px transparent; transition:border-color .3s linear}
.header ul li.active a, .header ul li a:hover{border-color:#ad955b;}
.header ul li.icon a:hover{border-color:transparent;}


.logo{height:20px;}

.navToggle{width:26px; height:20px; top:0; z-index:1; opacity:1; visibility:visible; transition:all .3s linear;}
.navToggle.active{opacity:0; visibility:hidden;}
.navToggle div{margin-bottom:7px; width:26px; height:2px; background-color:#FFF;}
.navToggle div:last-child{margin-bottom:0;}

.navClose{width:20px; height:20px; top:0; left:-23px; z-index:2; opacity:0; visibility:hidden; transition:all .3s linear;}
.navClose.active{opacity:1; visibility:visible;}
.navClose div{width:26px; height:2px; left:-12px; transform:rotate(-45deg) translateY(13px); background-color:#FFF;}
.navClose div:last-child{width:26px; height:2px; left:6px; transform:rotate(45deg) translateY(13px);}

.navTouch{height:calc(100% - 54px); top:54px; z-index:1029; opacity:0; visibility:hidden; background-image:url('../img/bgBlue.jpg'); transition:all .3s linear;}
.navTouch.active{opacity:1; visibility:visible;}
.navTouch .d-table .d-table-row:first-child .d-table-cell ul{font-size:1.2rem; font-weight:500; line-height:1;}
.navTouch .d-table .d-table-row:first-child .d-table-cell ul li{margin-bottom:15px;}
.navTouch .d-table .d-table-row:first-child .d-table-cell ul li:last-child{margin-bottom:0;}
.navTouch .d-table .d-table-row:first-child .d-table-cell ul li a{padding:5px 0 5px 0; display:inline-block; color:#FFF;}
.navTouch .d-table .d-table-row:first-child .d-table-cell ul li.active a{color:#ad955b;}


.social{padding:15px 0; font-size:0; line-height:1;}
.social li{margin-right:15px; display:inline-block; font-size:1.5rem;}
.social li:last-child{margin-right:0;}

.footer{background-color:#1b252e;}

.footer ul li{padding-right:15px; display:inline-block;}
.footer ul li:last-child{padding-right:0;}
.footer ul li a{color:#CCC;}

.footer .icons{font-size:1rem;}

/*content*/
.content a{transition:color .3s linear;}
.content a i{padding-left:5px; font-size:.7rem; transition:all .3s linear;}

/*collection*/
.collection i{padding:5px; font-size:1.25rem;}

.collectionThumbs{scrollbar-width:none; background-color:#0e1723;}
.collectionThumbs::-webkit-scrollbar{display:none;}

.customScrollbar{ position: absolute; top:15px; right:-1px; width:2px; height:calc(100% - 30px); background:transparent; z-index: 10;}
.customThumb{position:absolute; top:0; left:0; width:100%; background:rgba(255,255,255,0.4); cursor:pointer;}

.collectionThumbs img:first-child{margin-top:15px;}

.collectionThumbsGradTop{height:15px; background: #1b252e; background:linear-gradient(0deg, rgba(27, 36, 46, 0) 0%, rgba(27, 36, 46, 1) 100%);}
.collectionThumbsGradBottom{height:15px; background: #1b252e; background:linear-gradient(0deg, rgba(27, 36, 46, 1) 0%, rgba(27, 36, 46, 0) 100%);}

.scrollCollection{right:-32px; bottom:-5px; z-index:10;}

#artworkLarge{width:100%; height:auto; opacity:1; transition: opacity 0.5s ease;}
#artworkLarge.fade-out{opacity: 0;}
#artworkLarge.portrait{width:90%; max-height:auto;}

.artInfo{font-size:.65rem; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.6); background-color:rgba(27,37,46,.5);}
.artInfo h1{font-size:1.8rem;}
.artInfo h2{font-family:"Libre Franklin", sans-serif; font-size:.65rem; font-style:italic;}

.artInfo .showCursor{padding:5px 0 4px 0; transition:all .2s linear;}
.artInfo .showCursor:hover{background-color:#FFF!important;}

#infoSubtitle{}
#infoText p:last-child{margin-bottom:0;}

.scaleCollectionContentToch{}
.scaleCollectionNavTouch{}


/*ask for inquiry*/
.inquiryClose{width:auto; height:18px;}
.inquiryForm{margin-top:54px; width:320px; height:calc(100% - 54px); z-index:1028; visibility:hidden; opacity:0; font-size:.65rem; transition:all 0.5s linear;}
.inquiryForm.active{visibility:visible; opacity:1;}

#inquiryImg{width:90%;}
#inquiryText p:last-child{margin-bottom:0;}

.inquiryFormDetails{filter: drop-shadow(0px 0px 15px #000000); background-image:url('../img/bgNew.jpg');}

/*contact*/
.contact i{font-size:.65rem;}

/*forms*/
.form-control, .form-control:focus{font-family:"Libre Franklin", sans-serif; font-size:.8rem; border-radius:0; border-color:#151418; border-width:calc(1px / 2); box-shadow:none; background-color:rgba(255,255,255,0.7);}
.form-control.error{background-color:#ffdbe2;}
.grecaptcha-badge{margin-right:-10000px;}

.formSending{margin-top:54px; height:calc(100% - 54px); z-index:1029; visibility:hidden; opacity:0; background-color:rgba(27,37,46,.8); transition:all 0.5s linear;}
.formSending.active{visibility:visible; opacity:1;}

.formSuccess{margin-top:54px; height:calc(100% - 54px); z-index:1029; visibility:hidden; opacity:0; background-color:rgba(27,37,46,.8); transition:all 0.5s linear;}
.formSuccess.active{visibility:visible; opacity:1;}
.formSuccess img{width:auto; height:15px; right:15px; top:15px;}

/*video*/
.video-wrapper div{z-index:2;}
.video-wrapper video{height: 100%; width: auto; display: block;}

/*fancybox*/
.fancybox__container{--fancybox-backdrop-bg:transparent; background-image:url('../img/bgCinematicVertical.jpg');
    background-attachment:fixed;
    background-size:cover;
    background-repeat:no-repeat;}
.f-button,.f-button:hover:not([aria-disabled]){background:#1b252e;;}

/*carousels*/
.owl-carousel .owl-stage-outer{height:100px;} 
.owl-carousel .item{height:100px; display:flex; align-items:center; justify-content:center;}
.owl-carousel .item img{height:100%; width:auto; object-fit:contain; display:block;}


@media(max-width:576px){
body.noScrollTouch{overflow:hidden;}

/*header & footer*/
.header{padding:17px 0;}

/*collection*/
.artInfo .d-table{display:none!important;}
}

@media(max-width:768px){
/*header & footer*/
.footer{border-color:rgba(204, 204, 204, .6)!important;}
}

@media(min-width:768px){
body{padding-top:58px;}

.shadeTop.fixed{top:58px;}

/*header & footer*/
.header ul{display:table!important;}

.logo{height:25px;}

/*collection*/
.owl-carousel .owl-stage-outer{height:150px;} 
.owl-carousel .item{height: 150px;}

/*ask for inquiry*/
.inquiryForm{margin-top:58px;}
}

@media(min-width: 768px) and (max-width: 992px){
/*collection*/
#artworkLarge{width:60%;}
#artworkLarge.portrait{width:60%;}
}

@media(min-width:992px){
body{
    background-image:url('../img/bgCinematic.jpg');
    background-attachment:fixed;
    background-size:cover;
    background-repeat:no-repeat;
}
body::before{background-image:none;}

/*content*/
.content a:hover{color:#FFF;}
.content a:hover i{padding-left:10px;}

.container.snap{ height: 100vh; scroll-snap-type:y mandatory; overflow-y:scroll; overflow-x:hidden; scrollbar-width:none; -ms-overflow-style:none;}
.container.snap::-webkit-scrollbar{display: none;}
.fullheightContent{min-height:calc(100vh - 58px); scroll-snap-align: start;}

/*collection*/
#artworkLarge{width:100%;}
#artworkLarge.portrait{width:100%;}

//fancybox
.fancybox__container{background-image:url('../img/bgCinematicVertical.jpg');}

@media(min-width:1200px){
/*collection*/
#artworkLarge{width:100%;}
#artworkLarge.portrait{width:70%;}
}