@font-face {
            font-family: 'venfont';
            src: url(fonts/venfont.woff);
        }

        @font-face {
            font-family: 'venfont light';
            src: url(fonts/venfont-light.woff);
        }

        @font-face {
            font-family: 'venfont thin';
            src: url(fonts/venfont-thin.woff);
        }



        body{
            background: #f6f5ee;
            font-family: 'venfont', times, serif;
            font-weight: 100;
            font-size: calc(5.9vh);
            line-height: calc(5.9vh + .001vw);
            letter-spacing: calc(-.4vh);
            text-shadow: 0 1px 0 #eee;
            cursor:url(img/arrow.gif);
            
        }

        a:active {/*
            box-shadow: inset 6px 6px 2px #a5a6a5, -2px -2px 2px 4px #a1a097, 4px 4px 2px 4px #fff;
            background: #bfb8b0;*/
            }

        a.down {
            box-shadow: inset 6px 6px 2px #a5a6a5, -2px -2px 2px 4px #a1a097, 4px 4px 2px 4px #fff;
            background: #bfb8b0;
            }

        ::selection{
            /*color:#bdbcb1;*/

            /*-webkit-text-stroke-color:#bdbcb1;
            text-shadow: 0 calc(vh*0.06) 0 #eee, calc(vh*0.06) 0px 0 #eee, 0 0px calc(vh*0.18) #222;*/
            color: #bcb9a4;
            -webkit-text-stroke-color: #bcb9a4;

        }

        a{
            text-decoration:none;
            color:black;
            scale
        }

        .button{
            position:absolute;          
            border-style: solid;
            border-width: 1px;
            border-color: black;
            text-shadow: 0 calc(.2vh) 0 #eee;
            background: #f6f5ee;
            color: black;
            font-weight: 100;
            
            text-decoration: none;
            border-radius: calc(2.2vh);
            box-shadow: inset calc(.4vh) calc(.4vh) calc(.1vh) #fff, inset calc(-.3vh) calc(-.3vh) calc(.1vh) #a5a6a5, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            overflow: hidden;
            text-align: center;
            transition: all 0.1s ease;
        }

        .button:hover{
            box-shadow: calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            background: #ecebe5;
            

        }

        .button:active, .nav .button:active{
            box-shadow: inset calc(.3vh) calc(.3vh) 1px #999, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            background: #bfb8b0; /*c0bcb0*/
        }

        .active{
            box-shadow: inset calc(.3vh) calc(.3vh) 1px #999, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            background: #bfb8b0; /*c0bcb0*/
            transition: all 0.1s ease;

        }

        .active:hover{
            box-shadow: inset calc(.3vh) calc(.3vh) 1px #999, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            background: #bfb8b0; /*c0bcb0*/
        }

        .button.down, .nav .button .down {
            box-shadow: inset calc(.3vh) calc(.3vh) 1px #a5a6a5, calc(-.4vh) calc(-.4vh) 1px 2px #a1a097, 2px 2px 1px 2px #fff;
            background: #bfb8b0; /*c0bcb0*/
        }

        .topbevel{
                display:block;
                position: fixed;
                top:-2px;
                height:0%;
                width:100%;
                border-width: 0px;
                border-radius:0;
                left:0;
        }

        .botbevel{
            display:block;
                position: fixed;
                bottom:-2px;
                height:0px;
                width:100%;
                border-width: 0;
                left:0;
        }


            /*============ NAV ============*/

        .nav{
            position:fixed;
            width:100%;
            text-align:center;
        }

        .nav .button{
            position: fixed;
            width: 15.875%;
            top: 1.5%;
            height: 6%;
            padding: 0px 0px 0px 0px;      
            
        }

        div.nav > a:nth-child(1) {
            left:1%;
            position:fixed;
        }


        .nav > div:nth-child(2) {
            left:17.5%;
            top: calc(1.5vh - 10px);
            height:60px;
            position:absolute;
            width:48%;
            transform: scaleX(0.75);
            letter-spacing: calc(-0.16vh);
            color: black;
            
            -webkit-text-stroke-width:calc(.14vh);
            -webkit-text-stroke-color: black;
        }

        div.nav > a:nth-child(3) > div {
            right:17.875%;
            position:fixed;

        }

        div.nav > a:nth-child(4) > div { 
            right:1%;
            position:fixed;

        }

        .mobilehomenav{
            display:none;
        }


                        /*============== HOME ===============*/

        body{
          overflow:hidden;
        }

        div.homelogo {
          height:calc(20vw);
          width:100%;
          top:calc(35vh - 10vw);
          position:fixed;
          left:0;

          /*box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff; */
        }

        div.homelogo > div.shadies{
          margin-top:7.5%;
          width:calc(40vw + 40vh);
          position: relative;
          left:50%;
          transform: translate(-50%, 0);

        }

        .homelogoshadow{
            filter: drop-shadow( -2px -1.5px 1px #a5a6a5);
            transform: translateY(calc((-40vw - 40vh) * 0.1165117759));

        }

        .homelogolight{
            display:inline;
            filter: drop-shadow( 2.5px 2.5px 0px #fff);
            

        }

        div.homelogo > img:hover{

        }

        .mobilev{
            display:none;
        }


        .homenav {
            position: fixed;
            top: 50%;
          
        }

        .homenav .button {
            position: fixed;
            width: calc(80px + 20vw);
            height: 6%;
            padding: 0px 0px 0px 0px;  
            left:50%;
            transform: translate(-50%, 0);
            
        }

        div.homenav > :nth-child(2) > div{
          margin-top:calc(8vh);

        }


        .copyright{
          position:fixed;
          font-size:calc(3vh);
          letter-spacing: 0;
          text-transform: uppercase;
          
          left:50%;
          top:calc(90vh);
          transform: translate(-50%, 0) scale(.8, 1);
          -webkit-text-stroke-width:calc(.08vh);
          -webkit-text-stroke-color: black;

          /*animation: pulse 4s infinite 3s;*/
        }

        .shine{
          
          width:calc(4vw);
          height:calc(10vh + 9vw);
          position: fixed;
          left:50%;
          transform: translate(-50%, 0);
          /*background-image:url(img/shine.gif);*/
          background: linear-gradient(60deg, rgba(246,245,238,0) 10%, rgba(246,245,238,1) 50%, rgba(246,245,238,0) 90%);

          filter:blur(10px);
          z-index: 9;
          top:calc(40vh - 10vw);
          animation: shineslide 16s infinite;
        }

        @keyframes shineslide{
          0% {
            left: 10%;
            opacity:0;
          }
          18%{
            opacity:0;
          }

          20%{
            left:10%;
            opacity:1;
          }
          40% {
            left: 90%;
          }

          98%{
            opacity:0;
          }
          100% {
            left: 90%;
            opacity:0;
          }

        }

        @keyframes shineslidemobile{
          0% {
            left: 6%;
            opacity:0;
          }
          10%{
            opacity:0;
          }

          20%{
            left:-10%;
            opacity:1;
          }

          32% {
            left: 110%;
            opacity:1;
          }

          33%{
            opacity:0;
          }

          98%{
            opacity:0;
          }
          100% {
            left: 90%;
            opacity:0;
          }

        }

        

        .bgbutt{
          width:calc(98vw);
          height:calc(98vh - 20px);
          z-index:-1;
          left:50%;
          top:50%;
          transform: translate(-50%, -50%);

          border-style: solid;
            border-width: 1px;
            border-color: black;
            text-shadow: 0 calc(.2vh) 0 #eee;
            background: #f6f5ee;
            color: black;
            font-weight: 100;
            position:absolute;
            text-decoration: none;
            border-radius: calc(2.2vh);
            box-shadow: inset calc(.4vh) calc(.4vh) calc(.1vh) #fff, inset calc(-.3vh) calc(-.3vh) calc(.1vh) #a5a6a5, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            overflow: hidden;
            text-align: center;
            transition: all 0.1s ease;

        }

        .home-img{
            position: fixed;
            width: 98%;
            height: 86.5%;
            left: 1%;
            top: 9.5%;           
            border-style: solid;
            border-width: 1px;
            border-color: #666;
            border-radius: calc(2.2vh);
            box-shadow: /*inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5,*/ calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            overflow:hidden;
            background-image:url(img/homewide3.jpg);
            background-size: cover;
            background-position:center;
            background-repeat:no-repeat;
            display:none;
                    }

        .navaway{
            display:none;
        }


            /*============ SILDESHOW ============*/


        .slideshow-container{
            position: fixed;
            width: 50%;
            height: 88.5%;
            left: 1%;
            top: 9.5%;           
            border-style: solid;
            border-width: 1px;
            border-color: #666;
            border-radius: calc(2.2vh);
            box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            overflow:hidden;
            /*background-image: url(vl-mod03-kompress.jpg);*/
            
        }

        .slideshow-container img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            left: 0;
            top: 0;           
            border-style: 0;
            border-width: 0px;
            border-color: 0;
            border-radius: 0px;
            box-shadow: ;
            overflow:hidden;
        }

        .fade {
            -webkit-animation-name: fade;
            -webkit-animation-duration: .1s;
            animation-name: fade;
            animation-duration: .1s;
            }

            @-webkit-keyframes fade {
                from {opacity: .8} 
                to {opacity: 1}
            }

            @keyframes fade {
                from {opacity: .8} 
                to {opacity: 1}
            }


            /*============ DESCRIPTION ============*/


        .descdaddy{
            position: fixed;
            width: 33%;
            height: 80.5%;
            right: 1%;
            top: 9.5%;  
            overflow-y:scroll;
            overflow-x: hidden;
            border-radius: calc(2.2vh);
            /*box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.4vh) calc(-.4vh) 2px 2px #a5a6a5, 2px 2px 1px 2px #fff;*/
        }

        .desc{         
            position:absolute;
            border-style: solid;
            border-width: 0px;
            border-color: #666;
            border-radius: calc(2.2vh);
            box-shadow: none; /*inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.4vh) calc(-.4vh) 2px 2px #a5a6a5, 2px 2px 1px 2px #fff;*/
            overflow-y: hidden;
            overflow-x: hidden;
        }

        .squeeze{
            letter-spacing: 0;
            -webkit-text-stroke-width: calc(0.08vh);
            -webkit-text-stroke-color: black;
            transform: scaleX(.85)
        }

        .desc .squeeze{
            margin:0%;
            transform: scaleX(.85) translate(-3%, 0%);
            width: 105%;
        }

        .button .squeeze{
            transform: scaleX(.85) translateY(-5.5%);
        }

        .pdpdescbevel{
            width: 26.75%;
            height: 80.5%;
            right: 7%;
            top: 9.5%;
        }

        .bevel{
            position:fixed;
            z-index: -1;
            border-style: solid;
            border-width: 1px;
            border-color: black;
            text-shadow: 0 1px 0 #eee;
            
            text-decoration: none;
            border-radius: calc(2.2vh);
            box-shadow: /*inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5,*/ calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            overflow: hidden;
        }


            /*============ SCROLLBAR ============*/


        ::-webkit-scrollbar{
            width: calc(5vw);
            background:none;

            border-style: solid;
            border-width: calc(.1vw);
            border-color: black;
            border-radius: 1000px;
            /*box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.4vh) calc(-.4vh) 2px 2px #a5a6a5, 2px 2px 1px 2px #fff;*/
        }

        ::-webkit-scrollbar-thumb {
                background: #f6f5ee;
                border-style: solid;
                border-width: 1px;
                border-color: #666;
                border-radius: 1000px;
                box-shadow: /*inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5,*/ inset calc(.4vh) calc(.4vh) 1px #fff, inset calc(-.35vh) calc(-.35vh) 1px #a5a6a5, 0 calc(.2vh) calc(.5vh) #888;
        }

        ::-webkit-scrollbar-track{
            border-radius: 1000px;
            border-style: solid;
            border-width: 1px;
            border-color: black;
            box-shadow: inset calc(.3vh) calc(.3vh) calc(.5vw) #888, /*inset calc(-.3vh) calc(-.3vh) calc(.5vw) #888,*/ /*calc(-.4vh) calc(-.4vh) 1px 2px #a1a097,*/ 2px 2px 1px 2px #fff, /*calc(-.4vh) calc(-.4vh) 2px 2px #a5a6a5,*/ 2px 2px 1px 2px #fff;
            /*background: #c0bcb0;*/
            /*background: #bfbab0;*/
            background: #bfb8b0;
        }

        .pdpscrollbevel{
            width: calc(4.9vw);
            right: 1.05%;
            top: 9.5%;
            height: 80.5%;
            border-width: 0px;
            border-radius:100px;
        }



            /*============ PDP BUTTONS ============*/


        .contact{
            width:33%;
            right: .75%;
            top: 92%;
            height: 6%;
            position:fixed;
        }

        .buttoncol{
            width:12.5%;
            height:88%;
            padding:0;
            top:9.5%;
            left:52.3%;
            font-size:calc(9vw);
            position:fixed;                    
        }

        .buttoncol .button{
            border-radius:calc(2.2vh);
        }

        .buttoncol .button div{
            transform: translate(0%, 180%);
            font-family: 'venfont thin', times, serif;
        }

        .buttoncol > div:nth-child(1) {
            top:0%;
            height:32%;
            width:100%;
            padding:0;
            text-align:center;
        }

        .buttoncol > div:nth-child(2) {
            top:34.5%;
            height:32%;
            width:100%;
            padding:0;
            text-align:center;

        }

        .buttoncol > div:nth-child(3) {
            top:69%;
            height:31.5%;
            width:100%;
            padding:0;
            text-align:center;

        }

        #zoom{
            display:none;
        }


            /*============ GALLERIA ============*/


        .gallerianav{
            position:fixed;
            top:92%;
            height:6%;
            width:98.125%;
            left:1%;
        }

        div.gallerianav > a:nth-child(1) > .button{
           left:0%;
        }

        div.gallerianav > a:nth-child(2) > .button{
          right:0%;
        }

        div.gallerianav > a > .button{
            width: 49.25%;
            height: calc(6vh);
        }


        .galleria{
            position:fixed;
            width:98%;
            height:;
            left:1%;
        }

        .galleria-img{
            position: fixed;
            width: 48.25%;
            height: 80.5%;
            top: 9.5%;           
            border-style: solid;
            border-width: 1px;
            border-color: #666;
            border-radius: calc(2.2vh);
            box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;
            overflow:hidden;
        }

        .galleria-img > img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            left: 0;
            top: 0;           
            border-style: 0;
            border-width: 0px;
            border-color: 0;
            border-radius: 0px;
            box-shadow: ;
            overflow:hidden;
        }

        .galleria > div:nth-child(1){
        }

        .galleria > div:nth-child(2){
            right:1%;
        }



           /*============ ABOUT ============*/



        .aboutdaddy1{
                        /*display:none;*/

            position: fixed;
            width: 48.4%;
            /*height: 88.5%;*/
            height:80.5%;
            left: 1%;
            top: 9.5%;  
            overflow-y:scroll;
            /*overflow-y:hidden;*/
            overflow-x: hidden;
            border-radius: calc(2.2vh);
            /*box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.4vh) calc(-.4vh) 2px 2px #a5a6a5, 2px 2px 1px 2px #fff;*/
        }

        .aboutdaddy2{
            /*width:98%;
            left:1%;*/
            
            width: 48.5%;
            right: 1%;

            position: fixed;
            height: 80.5%;
            
            top: 9.5%;  
            overflow-y:scroll;
            overflow-x: hidden;
            border-radius: calc(2.2vh);
            /*box-shadow: inset calc(.3vh) calc(.3vh) 1px #fff, inset -2px -2px 1px #a5a6a5, calc(-.4vh) calc(-.4vh) 2px 2px #a5a6a5, 2px 2px 1px 2px #fff;*/
        }

        .aboutcontact{
            /*width: 48.5%;*/
            width: 98%;
            left: 1%;
            top: 92%;
            height: 6%;
        }

        .aboutdaddy > .desc{
            width:50%;
        }


        .aboutdaddy1 > .desc > .squeeze, .aboutdaddy2 > .desc > .squeeze {
            margin:0%;
            transform: scaleX(.85) translate(-6%, 0%);
            width: 105%;
        }

        .aboutbevel1{
                        /*display:none;*/

            width: 42.25%;
            /*width: 48.25%;*/
            /*height: 88.5%;*/
            height:80.5%;
            left: 1%;
            top: 9.5%;
            /*background:url(img/flagbig2.png);*/
            background-size: cover;
            background-position: center;
        }

        .aboutbevel2{
            width: calc(4.9vw);
            left: 44.45%;
            
            top: 9.5%;
            /*height: 88.5%;*/
            height:80.5%;
            border-width: 0px;
            border-radius: 100px;
        }

        .aboutbevel3{
            
            right: 7%;
            width: 42.25%;

            /*left:1%;
            width:92%;*/
            height: 80.5%;
            top: 9.5%;
        }

        .aboutbevel4{
            width: calc(4.9vw);
            right: 1.05%;
            top: 9.5%;
            height: 80.5%;
            border-width: 0px;
            border-radius: 100px;
        }




/* =============================================== */


/* =========== TYPE FOR SQUARE WINDOW ============ */

        
/* =============================================== */



        @media only screen and (min-height: calc(80vw)){

            body{
                    font-size: calc(5vh);
                    line-height: calc(5vh + .001vw);
            }

            .button .squeeze{
            transform: scaleX(.85) translateY(-5%);
            }

            .buttoncol{ 
            font-size: calc(12vh);
            }

            .buttoncol .button div{
            transform: translate(0%, 220%);
        }



/* =============================================== */


/* =================== MOBILE ==================== */

        
/* =============================================== */




        @media only screen and (min-height: calc(100vw)){
        /*@media (max-width : 667px){*/

            

            body{
                /*fallback*/
                font-size: 40px;
                line-height: calc(41px);
                

                font-weight: 100;
                font-size: calc(5vh);
                line-height: calc(5vh + .001vw);
                letter-spacing: calc(-.4vh);
                text-shadow: 0 1px 0 #eee;
            }

            a.down {
                 box-shadow: inset 6px 6px 2px #a5a6a5, -2px -2px 2px 4px #a1a097, 4px 4px 2px 4px #fff;
                 background: #bfb8b0;
            }

            .bevel{
                border-radius: calc(1.8vh);
            }

            .topbevel{
                display:block;
                position: fixed;
                top:.1%;
                height:0%;
                width:100%;
                border-width: 0;
                border-radius:0;
            }

            .botbevel{
                display: block;
                position: fixed;
                bottom:0px;
                height:0px;
                width:100%;
                border-width: 0;

            }


            .button{
                border-radius: calc(1.8vh);

            }

            ::-webkit-scrollbar{
            }


            /* ==== NAV MOBILE ==== */

            div.nav > a:nth-child(1) {
                left:2%;
                position:fixed;
            }

            div.nav > a:nth-child(1) .button {
                width:calc(5.9vh);
                height:calc(5.9vh);
                border-radius:50%;
            }

            div.nav > a:nth-child(1) > div > div {
                display:none;
            }

            .nav > div:nth-child(2) {
                left:0%;
                top: calc(1.8vh - 14px);
                height:60px;
                position:;
                width:100%;
                transform: scaleX(0.75);
                letter-spacing: calc(-0.16vh);
                color: black;
                
                
                -webkit-text-stroke-width:calc(.14vh);
                -webkit-text-stroke-color: black;
            }

            div.nav > a:nth-child(3) > div {
                display:none;
            }

            div.nav > a:nth-child(4) > div { 
                display:none;
            }




            /* ==== HOME MOBILE ====*/

            .home-img{
                display:none;
                top:10%;
                height:73.5%;
                width:96%;
                left:2%;
            }

            .homenav{
                display:none;
            }

            .navaway{
            display:block;
            }



            div.homelogo {
                margin-top:7.5%;
                width:calc(40vw + 40vh);
                position: relative;
                left:50%;
                transform: translate(-50%, 0);
                display:none;

            }


            .mobilev {
                display:block;
                top:10%;
                height:66%;
                width:96%;
                transform: translate(0);
                left:2%;
                background:none;
                position:fixed;
                z-index: -2;

            }


            .shadies{
                position:relative;
                top:20%;
                transform: translate(0, -50%);
            }


            .homevshadow{
                position:absolute;
                filter: drop-shadow( -8px -6px 4px #a5a6a5);
                /*transform: translateY(calc((-40vw - 40vh) * .84));*/
                display:none;

            }


            .homevlight{
                position:absolute;
                /*filter: drop-shadow( 10px 10px 0px #fff);*/
                top:50%;
                transform: translateY(0, -50%);
                display:none;
            
            }
            

            .shine{
                height:calc(60vh);
                width:20%;
                top:12%;
                background: linear-gradient(0deg, rgba(246,245,238,0) 10%, rgba(246,245,238,1) 70%, rgba(246,245,238,0) 90%);
                filter:blur(10px);
                animation: shineslidemobile 12s infinite;
                z-index: -1;
                display:none;
            }

            .bgbutt{
                top:10%;
                height:66%;
                width:96%;
                transform: translate(0);
                left:2%;
                position:fixed;

                /*background:url(img/Venetian-Living-Model03-closed.jpg);*/
                background:url(img/vl-mono-slim-shadow.svg);
                background-size:cover;
                background-position: center;
                z-index:-10;
                box-shadow: inset calc(-.3vh) calc(-.3vh) calc(.1vh) #a5a6a5, calc(-.2vh) calc(-.2vh) calc(.2vh) calc(.2vh) #a5a6a5, calc(.2vh) calc(.2vh) calc(.1vh) calc(.2vh) #fff;

                
            }


            .mobilehomenav{
                display:block;
                position:fixed;
                top:77.5%;
                height:16%;
                width:100%;

            }

            .mobilehomenav > .button{
                
            }


            div.mobilehomenav > a:nth-child(1) > div {
                position:fixed;
                left:2%;
                width:96%;
                height:6%;

            }

            div.mobilehomenav > a:nth-child(2) > div{
                position:fixed;
                left:2%;
                top:85%;
                width:96%;
                height:6%;

                
            }



            .copyright{
                top:92.5%;
                width:96%;
                font-size:40px;
                font-size:calc(2.5vh);
                text-align:center;

            }


            /* ==== GALLERIA MOBILE ====*/
            @media only screen and (min-height: calc(130vw)){

            .galleria{
                top:10%;
                
            }

            div.galleria > div:nth-child(1){
                height:36%;
                width: 96%;
                left:2%;

            }
            

            div.galleria > div:nth-child(2){
                top:55%;
                height:36%;
                left:2%;
                width:96%;

            }

            .gallerianav{
                height:100%;
            }

            div.gallerianav > a:nth-child(1) > div.button{
                position:fixed;
                width:96%;
                top:47%;
                left:2%;
                height:6%;
            }

            div.gallerianav > a:nth-child(2) > div.button{
                position:fixed;
                width:96%;
                left:2%;
                top:92.5%;
                height:6%;

            }



            /* ==== PDP MOBILE ==== */

            .slideshow-container{
                left:2%;
                width:70%;
                height:50%;
                top:10%;
                border-radius: calc(1.8vh);

            }


            .buttoncol{
                left:74%;
                width:24%;
                /*font-size:calc(20vw);*/
                font-size:calc(10vh);
                top:10%;
              
            }

            .buttoncol > div:nth-child(1) {
                top:0%;
                height:18%;
                text-align:center;
            }

            .buttoncol > div:nth-child(2) {
                top:19.5%;
                height:18%;
                text-align:center;

            }

            .buttoncol > div:nth-child(3) {
                top:39%;
                height:18%;
                text-align:center;

            }

            .buttoncol .button div{
                transform: translate(0%, 75%);
            }

            .descdaddy{
                left:2%;
                top:61.5%;
                height:29.5%;
                width:96%;
            }

            .descdaddy::-webkit-scrollbar {
                display: none;
            }


            .desc .squeeze{
                width:110%;
                transform: scaleX(.85) translate(-6%, -3%);
            }

            .desc .squeeze p{
                margin-bottom:-4%;
            }


            .pdpdescbevel{
                left:2%;
                top:61.5%;
                /*width:62%;*/
                /*width:88%;*/
                width:96%;
                height: 29.5%;
            }


            .pdpscrollbevel{
                left:93%;
                top:61.5%;
                height:29.5%;
                display:none;
                
            }

            .contact{
                width:96%;
                left:2%;
                height:6%;
                top:92.5%;
                /*background: url("img/contact.svg");*/
                background-size:contain;
                background-repeat: none;
                background-position:center;            
            }

            .contact .squeeze{
                
            }

         /*======== ABOUT MOBILE ========*/

         .aboutbevel1{
            display:none;
         }

         .aboutbevel2{
            display:none;

         }

        .aboutbevel3{
            position:fixed;
            /*width:88%;*/
            width:96%;
            height:81%;
            left:2%;
            top:10%;

         }

        .aboutbevel4{
            right:2%;
            height:81%;
            top:10%;
            display:none;
            
         }

         .aboutdaddy1{
            display:none;
         }

         .aboutdaddy2{
            left:2%;
            width:96%;
            height:81%;
            top:10%;
         }

         .aboutdaddy2::-webkit-scrollbar {
              display: none;
         }

         .aboutcontact{
            position:fixed;
            left:2%;
            top:92.5%;
            width:96%;
            height:6%;

         }




            /*#zoom .squeeze{
                display:none;
            }

            #zoom{
                display: block;
                position:fixed;
                width:24%;
                left:74%;
                height:10.5%;
                top:76.75%;
                background: url("img/zoom.svg");
                background-size:contain;
                background-repeat: none;
                background-position:center;
                display:none;

            }

            }
            */





            /*img{
                width: 900px;
                margin:8px 0 50px 0;
                border-style: solid;
                border-width: 2px;
                border-color: #666;
                border-radius: 18px;
                box-shadow: inset 6px 6px 2px #fff, inset -6px -6px 0px #a5a6a5, -2px -2px 2px 4px #a5a6a5, 4px 4px 2px 4px #fff;
            }

            a {
                margin: 8px;
                padding: 6px 30px 10px 30px;
                border-style: solid;
                border-width: 1px;
                border-color: #666;
                text-shadow: 0 1px 0 #eee;
                background: #f6f5ee;
                color: black;
                font-weight: 100;
                font-size: 145px;
                text-decoration: none;
                border-radius: 28px;
                box-shadow: inset 6px 6px 2px #fff, inset -6px -6px 0px #a5a6a5, -2px -2px 2px 4px #a5a6a5, 4px 4px 2px 4px #fff;
            }*/
}