Clothes Storage Set
.carousel-images img {
width: 100%;
display: none;
}
.carousel-images img.active {
display: block;
}
.carousel button {
position: absolute;
width: 5%;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
cursor: pointer;
z-index: 100;
}
.carousel button.prev {
left: 0;
}
.next {
right: 0;
}
.carousel button:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.onemo-2 {
display: block;
font-family: Open Sans;
}
.onemo-2-mobile {
display: none;
}
@media screen and (max-width:980px) {
.onemo-2 {
display: none;
}
.onemo-2-mobile {
display: block;
}
}
.carousel {
position: relative;
margin: auto;
overflow: hidden;
}
.onemo-2 h2,
h3 {
text-transform: capitalize;
letter-spacing: 1px;
}
/***Banner**/
.first-banner {
position: relative;
min-height: 400px;
}
.first-banner .banner-image {
width: 100%;
}
.first-banner .box-ratio {
background-color: unset;
}
.first-banner .box-ratio img {
background-color: unset;
}
.first-banner .text-block {
position: absolute;
left: 10.5%;
top: 20.5%;
text-align: left;
}
.first-banner .text-block .title {
color: #fff;
font-size: 2.35rem;
line-height: 5rem;
text-transform: capitalize;
}
.first-banner .text-block .title div {
font-weight: normal;
}
.first-banner .text-block .content {
color: #eee;
font-size: 1.5rem;
line-height: 1.5rem;
margin-top: 2rem;
}
.stable-strong .bgimg video {
width: 73%;
margin-left: 6%;
margin-top: 11%;
}
/**************** Simple features *************************/
.simple-features {
width: 100%;
margin: auto;
position: absolute;
left: 0;
bottom: 5%;
padding: 0 15%;
}
.simple-features .list-unstyled {
padding-left: 0;
list-style: none;
}
.icon-group {
display: flex;
}
.icon-group li {
width: 20%;
position: relative;
flex: 1;
}
.icon-group li .icon {
width: 100px;
height: 100px;
margin: 0 auto 0.25rem auto;
background-size: contain;
}
.icon-group li span {
text-align: center;
display: block;
font-size: 1.25rem;
color: #eeeeee;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/1_35931dc9-dad9-4b04-9f6e-444065cdf04f.png?v=1692754376) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(2) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/2_18ce7c0b-995c-44dc-b577-ecaf8703fbe6.png?v=1692754382) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(3) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/3_8ad4618b-3698-455b-9a98-8f2c1dde25a9.png?v=1692754384) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(4) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/4_8c8c5fa4-00eb-41f4-ab3a-07e4e098f22a.png?v=1692754387) no-repeat;
background-size: contain;
}
.shoulderbag-banner1 .banner-image {
position: relative;
}
.video-btn {
display: none;
position: absolute;
top: 43.5%;
left: 47%;
width: 70px;
height: 70px;
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_play.png?v=1614324743) no-repeat;
background-size: auto;
filter: drop-shadow(0 0 8px rgba(0, 0, 0, .12));
perspective: 1000px;
backface-visibility: hidden;
transform: translateZ(0);
background-size: contain;
}
.shoulderbag-banner1 .banner-image {
cursor: pointer;
background-color: #000;
}
.shoulderbag-banner1 .banner-image-mobile {
display: none;
}
.shoulderbag-banner1 .banner-image .youtube {
display: none;
width: 65%;
margin: auto;
padding: 5% 0;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner {
width: 100%;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner iframe {
width: 100%;
}
.youtube iframe,
.youtube-mobile iframe {
width: 100%;
}
.shoulderbag-banner1 .banner-image .la-close {
display: none;
width: 28px;
height: auto;
position: absolute;
font-size: 2.5rem;
right: 5%;
top: 15%;
color: #fff;
line-height: 38px;
}
/**************** Used For *************************/
.used-for {
width: 100%;
padding: 3% 0 5% 0;
clear: both;
}
.used-for .used-for-items {
display: flex;
width: 95%;
margin: auto;
column-gap: 1.5%;
}
.used-for .used-for-item {
position: relative;
margin-left: 5px;
margin-right: 5px;
width: 33%;
}
.used-for .used-for-item .used-for-title {
position: absolute;
bottom: 5%;
font-size: 1.75rem;
line-height: 2.8rem;
color: #fefefe;
font-weight: 700;
left: 0;
width: 100%;
text-align: center;
}
.used-for .used-for-item .waterprint {
display: none;
position: absolute;
right: 10%;
bottom: 6%;
width: 80%;
height: 100px;
}
.used-for .used-for-item .waterprint1 {
background: url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_10.png?v=9725499307615314414) no-repeat;
background-size: contain;
}
.used-for .used-for-item .waterprint2 {
background: url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_11.png?v=4842570502991314152) no-repeat;
background-size: contain;
}
.used-for .used-for-item .waterprint3 {
background: url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_12.png?v=9461965891800967621) no-repeat;
background-size: contain;
}
.used-for .text-block {
display: block;
padding: 2.5% 1.5%;
text-align: center;
text-transform: uppercase;
}
.used-for .text-block .title {
color: #222;
font-size: 4.5rem;
line-height: 5.25rem;
text-transform: capitalize;
}
.used-for .text-block .content {
color: #444;
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
}
/***flexible-front**/
.flexible-front {
position: relative;
min-height: 400px;
}
.flexible-front .banner-image {
width: 100%;
}
.flexible-front .box-ratio {
background-color: unset;
}
.flexible-front .box-ratio img {
background-color: unset;
}
.flexible-front .text-block {
position: absolute;
width: 45%;
left: 12.5%;
top: 32.5%;
text-align: left;
}
.flexible-front .text-block .title {
color: #fff;
font-size: 2.75rem;
line-height: 5.5rem;
}
.flexible-front .text-block .content {
color: #ddd;
font-size: 1.5rem;
line-height: 2.15rem;
margin-top: 1.5rem;
}
/*** Shapes **/
.shapes {
display: flex;
column-gap: 0.6%;
min-height: 400px;
margin: 0.625rem 0;
}
.shapes .shape-block {
position: relative;
min-height: 400px;
width: 49.7%;
}
.shape-block .banner-image {
width: 100%;
}
.shape-block .box-ratio {
background-color: unset;
}
.shape-block .box-ratio img {
background-color: unset;
}
.shape-block .text-block {
position: absolute;
width: 50%;
height: 100%;
left: 50%;
top: 0;
text-align: left;
padding: 7.5% 0;
display: table;
}
.shape-block .text-block-inner {
display: table-cell;
vertical-align: middle;
}
.shape-block .text-block .title {
color: #333;
font-size: 2.25rem;
line-height: 2.3rem;
}
.shape-block .text-block .capacity {
margin: 2rem 0;
}
.shape-block .text-block .capacity p {
font-size: 1.5rem;
color: #666;
line-height: 2rem;
margin-bottom: 0;
}
.shape-block .text-block .content {
color: #777;
font-size: 1.4rem;
line-height: 2rem;
margin-top: 1.5rem;
}
/***clamshell-opening**/
.clamshell-opening {
position: relative;
min-height: 400px;
}
.clamshell-opening .banner-image {
width: 100%;
}
.clamshell-opening .box-ratio {
background-color: unset;
}
.clamshell-opening .box-ratio img {
background-color: unset;
}
.clamshell-opening .text-block {
position: absolute;
width: 40%;
left: 12.5%;
bottom: 10%;
text-align: left;
}
.clamshell-opening .text-block .title {
color: #fff;
font-size: 4.75rem;
line-height: 5.5rem;
}
.clamshell-opening .text-block .content {
color: #ddd;
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 3rem;
}
/*** clamshell-opening-capacities **/
.clamshell-opening-capacities {
display: flex;
column-gap: 0.5%;
min-height: 400px;
margin: 0.625rem 0;
}
.clamshell-opening-capacities .clamshell-opening-capacity {
position: relative;
min-height: 400px;
width: 49.75%;
}
.clamshell-opening-capacity .banner-image {
width: 100%;
}
.clamshell-opening-capacity .box-ratio {
background-color: unset;
}
.clamshell-opening-capacity .box-ratio img {
background-color: unset;
}
.clamshell-opening-capacity .text-block {
position: absolute;
width: 60%;
left: 5%;
top: 0;
text-align: left;
padding: 20% 0;
}
.clamshell-opening-capacity .text-block .title {
color: #fff;
font-size: 4.5rem;
line-height: 5rem;
}
.clamshell-opening-capacity .text-block .content {
color: #fff;
font-size: 1.875rem;
line-height: 3.25rem;
margin-top: 2rem;
font-weight: bold;
}
/*** Upgraded Back Panel **/
.upgraded-back-panel {
position: relative;
min-height: 400px;
}
.upgraded-back-panel .banner-image {
width: 100%;
}
.upgraded-back-panel .box-ratio {
background-color: unset;
}
.upgraded-back-panel .box-ratio img {
background-color: unset;
}
.upgraded-back-panel .text-block {
position: absolute;
width: 40%;
left: 17.5%;
top: 25%;
text-align: left;
}
.upgraded-back-panel .text-block .title {
color: #fff;
font-size: 4.75rem;
line-height: 5.5rem;
}
.upgraded-back-panel .text-block .content {
color: #ddd;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 2.5rem;
}
.upgraded-back-panel .text-block1 {
position: absolute;
width: 40%;
right: 13%;
bottom: 8.5%;
text-align: center;
}
.upgraded-back-panel .text-block1 .content {
color: #ffffff;
font-size: 1.45rem;
line-height: 2rem;
font-weight: bold;
}
/*** Upgraded Back Panel Features**/
.upgraded-features {
display: flex;
column-gap: 0.6%;
min-height: 400px;
padding: 0.625rem 0;
background: #1d1d1d;
}
.upgraded-features .upgraded-feature {
position: relative;
min-height: 400px;
width: 49.7%;
}
.upgraded-features .upgraded-feature:last-child {
width: 50.3%;
}
.upgraded-feature .banner-image {
width: 100%;
}
.upgraded-feature .box-ratio {
background-color: unset;
}
.upgraded-feature .box-ratio img {
background-color: unset;
}
.upgraded-feature .text-block {
position: absolute;
width: 60%;
left: 5%;
top: 0;
text-align: left;
padding: 12.5% 0;
}
.upgraded-feature .text-block .title {
color: #fff;
font-size: 4.5rem;
line-height: 5rem;
}
.upgraded-feature .text-block .content {
color: #fff;
font-size: 1.875rem;
line-height: 3rem;
margin-top: 2rem;
font-weight: bold;
}
.upgraded-features-list {
display: block;
width: 100%;