.display-none {
    display: none;
}

.layered-img-overlay {
    position: absolute;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%);
    /* opacity: 1; */
}


.first-img .layered-img-overlay {
    left: 50%;
}

.horizontal-guideline {
    border-top: 2px solid #4affff;
    width: 85%;
    opacity: 1;
}

.vertical-guideline {
    border-left: 2px solid #4affff;
    height: 85%;
    opacity: 1;
}

.layered-img-container img {
    zoom: 1.4;
    -webkit-transform: scale(0.333333);
    -moz-transform: scale(0.333333);
    -ms-transform: scale(0.333333);
    -o-transform: scale(0.333333);
    transform: scale(1 / 3);
    transform-origin: -25% -25%;
    /* transform-origin: -24.9996% -24.9996%; */
    transform-origin: -24.626866% -24.626866%;
}

.layered-img-text {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.outside-white {
    box-shadow: 0 0 0 3840px rgba(255, 255, 255, 1);
}

.layered-img-base {
    position: absolute;
    top: 50%;
    left: 46.5%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.first-img .layered-img-base {
    left: 50%;
}

.layered-bgcolor {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* background-color: #e65251; */
}

.layered-img-container {
    overflow: hidden;
    margin-bottom: 100px;
    position: relative;
    /* width: 50%; */
    max-width: 1200px;
    max-height: 1200px;
    width: 1200px;
    height: 1200px;
}

.layered-img-logo {
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 80px;
    opacity: 1;
}

.clear-look-icons {
    position: absolute;
    top: 50%;
    left: 90%;
}

.clear-text {
    position: absolute;
    z-index: 1;
    zoom: 0.5;
    top: 40%;
    left: 2%;
}

.slim-look-icons {
    position: absolute;
    top: 50%;
    left: 90%;
}

.tough-look-icons {
    position: absolute;
    top: 50%;
    left: 90%;    
}


.base-hand {
    position: relative;
    width: 1200px;
    height: 1200px;
}

.base-hand-mask { 
    width: 446px;
    height: 677px;
    top: 231px;
    left: 441px;
    position: absolute;
    z-index: 2;
    /* overflow: hidden; */
    -webkit-mask-image: url(/shopify/base-hand-mask.png);
    mask-image: url(/shopify/base-hand-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.base-hand-mask img {
    /* transform: rotateY(326deg) skew(360deg, 14deg); */
    width: 2000px;
    display: block;
    height: 3400px;
    /* right: 20px; */
    transform: rotate(-14deg);
    /* top: 30px; */
    top: -1360px;
    left: -780px;
    scale: 0.20;
    z-index: 3;
    position: absolute;
}

.base-hand-gloss { 
    mix-blend-mode: soft-light;
    width: 446px;
    height: 677px;
    top: 231px;
    left: 441px;
    position: absolute;
    z-index: 3;
}





.base-hand-two {
    position: relative;
    width: 1200px;
    height: 1200px;
}

.base-hand-mask-two { 
    width: 483px;
    height: 739px;
    top: 147px;
    left: 582px;
    position: absolute;
    z-index: 2;
    /* overflow: hidden; */
    -webkit-mask-image: url(/shopify/base-hand-mask-two.png);
    mask-image: url(/shopify/base-hand-mask-two.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.base-hand-mask-two img {
    /* transform: rotateY(326deg) skew(360deg, 14deg); */
    width: 2000px;
    display: block;
    height: 3400px;
    /* right: 20px; */
    transform: rotate(-14deg);
    /* top: 30px; */
    top: -1330px;
    left: -760px;
    scale: 0.22;
    z-index: 3;
    position: absolute;
}

.base-hand-gloss-two { 
    mix-blend-mode: soft-light;
    width: 483px;
    height: 739px;
    top: 147px;
    left: 582px;
    position: absolute;
    z-index: 3;
}

.base-hand-two-over { 
    width: 696px;
    height: 704px;
    top: 215px;
    left: 439px;
    position: absolute;
    z-index: 3;
}




.base-hand-three {
    position: relative;
    width: 1200px;
    height: 1200px;
}

.base-hand-mask-three { 
    width: 427px;
    height: 830px;
    top: 226px;
    left: 227px;
    position: absolute;
    z-index: 2;
    /* overflow: hidden; */
    -webkit-mask-image: url(/shopify/base-hand-mask-three.png);
    mask-image: url(/shopify/base-hand-mask-three.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.base-hand-mask-three img {
    /* transform: rotateY(326deg) skew(360deg, 14deg); */
    width: 2000px;
    display: block;
    height: 3400px;
    /* right: 20px; */
    /* top: 30px; */
    top: -1290px;
    left: -785px;
    transform: rotate(1deg);
    scale: 0.255;
    z-index: 3;
    position: absolute;
}

.base-hand-gloss-three { 
    mix-blend-mode: soft-light;
    width: 427px;
    height: 830px;
    top: 226px;
    left: 227px;
    position: absolute;
    z-index: 3;
}

.base-hand-three-over { 
    width: 696px;
    height: 704px;
    top: 215px;
    left: 439px;
    position: absolute;
    z-index: 3;
}





.iclogo {
    width: 347px;
    height: 86px;
    position: absolute;
    top: 50px;
    left: 90px;
    z-index:4;
}

.iclogo-p {
    width: 200px;
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 4;
    filter: invert(1);
}

.gloss {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    opacity: 0.8;
    z-index: 100;
    pointer-events: none;
}

.soft-side {
    position: absolute;
    height: 2730px;
    zoom: unset !important;
    left: 890px;
    top: 602px;
}

.tough-side {
    position: absolute;
    top: 448px;
    left: 65px;
    height: 2800px;
    zoom: unset !important;    
}

.tough-side-box {
    display: block;
    height: 917px;
    width: 100px;
    left: 820px;
    top: 150px;
    overflow: hidden;
    position: relative;
}

.tough-side-design {
    position: absolute;
    top: 320px;
    left: -130px;
    transform: scale(0.2);
    transform-origin: -12.5% -12.5%;
}

.slim-side {
    position: absolute;
    top: 448px;
    left: 65px;
    height: 2800px;
    zoom: unset !important;    
}

.slim-side-box {
    display: block;
    height: 917px;
    width: 100px;
    left: 820px;
    top: 150px;
    overflow: hidden;
    position: relative;
}

.slim-side-design {
    position: absolute;
    top: 320px;
    left: -130px;
    transform: scale(0.2);
    transform-origin: -12.5% -12.5%;
}