PGYTECH ONEMO LITE BACKPACK 22L on Sale

PGYTECH ONEMO LITE BACKPACK 22L
.onemo-lite{
display:block;
}
.onemo-lite-mobile{
display:none;
}
@media screen and (max-width:980px) {
.onemo-lite{
display:none;
}
.onemo-lite-mobile{
display:block;
}
}

.onemo-lite h2,h3{
text-transform:uppercase;
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: 22.5%;
top: 33.5%;
text-align: left;
}
.first-banner .text-block .title{
color: #fff;
font-size: 2.5rem;
line-height: 3.5rem;
text-transform: capitalize;
}
.first-banner .text-block .title span{
font-weight:normal;
}
.first-banner .text-block .content{
color: #eee;
font-size: 1.125rem;
line-height: 1.5rem;
}

/**************** Simple features *************************/
.simple-features{
width: 100%;
margin: auto;
position: absolute;
left: 0;
bottom: 4%;
padding:0 18%;
}
.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: 70px;
height: 70px;
margin: 0 auto 0.5rem auto;
background-size:contain;
}
.icon-group li span {
text-align: center;
display: block;
font-size: 1rem;
color: #fefefe;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_Lite_Backpack_icons_02.png?v=1663655439) 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/OneMo_Lite_Backpack_icons_04.png?v=1663655442) 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/OneMo_Lite_Backpack_icons_01.png?v=1663655439) 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/OneMo_Lite_Backpack_icons_03.png?v=1663655440) no-repeat;
background-size: contain;
}

.shoulderbag-banner1 .banner-image{
position:relative;
}

.video-btn {
position:absolute;
top:43.5%;
left:47%;
width:100px;
height:100px;
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;
}
.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:5% 0 7% 0;
clear:both;
}
.used-for .used-for-items{
display: flex;
width:82%;
margin:auto;
}
.used-for .used-for-item{
position:relative;
margin-left:5px;
margin-right:5px;
width:33%;
}
.used-for .used-for-item .used-for-title{
display:none;
position: absolute;
bottom: 5%;
line-height: 40px;
font-size: 2.25rem;
line-height: 2.8rem;
color: #f1f1f1;
font-weight: 700;
left: 7%;
}
.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:3% 2%;
text-align: center;
text-transform:uppercase;
}
.used-for .text-block .title{
color: #222;
font-size: 2rem;
line-height: 2.5rem;
}
.used-for .text-block .content{
color: #444;
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
}

.advantages {
display:block;
height:auto;
overflow:hidden;
width:100%;
padding:5% 10% 2.8% 10% ;
clear:both;
background-color:#111;
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_Lite_Backpack_long_block_background14.jpg?v=1664112682) no-repeat;
background-size: cover;
}
.advantages .advantage_row{
display: flex;
width:100%;
margin:auto;
}
.advantages .advantage_row .advan_img{
position:relative;
display:block;
width: 50%;
}
.advantages .advantage_row .advan_text{
position:relative;
display:table;
width: 50%;
padding:5%;
letter-spacing: 1px;
}
.advantages .advantage_row .advan_text .text-block{
display:table-cell;
vertical-align:middle;
text-align:center;
line-height: 2rem
}
.advantages .advantage_row .text-block h3{
font-size:1.65rem;
color:#fefefe;
line-height: 2rem;
margin-bottom: 1.125rem;
}
.advantages .advantage_row .text-block .content{
font-size:1rem;
color:#eeeeee;
}
.advantages .advantage_row .advan_text .text-block{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.advantages .advantage_row .text-block h3{
font-size:1.5rem;
color:#fefefe;
}
.advantages .advantage_row .text-block .content{
color:#eeeeee;
}
.advantages .advantage_row .advan_img .text-block {
font-size:1rem;
color:#eeeeee;
text-align:center;
margin:15% 2% 5% 2%;
}
.advantages .advantage_row .advan_img .text-block h3{
margin-bottom: 1rem;
}
.advantages .advantage_row.arow4 .advan_img.left .box-ratio {
background: unset;
width: 68%;
margin: auto;
}
.advantages .advantage_row.arow4 .advan_img.left .box-ratio img{
background: unset;
}

/**************** Magnetic Bage *************************/
.targeted_support_block{
position:relative;
width:100%;
height:auto;
overflow: hidden;
color: #303233;
background:#000;
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_Lite_Backpack_slide_block_background15.jpg?v=1664112682);
background-size: contain;
}

.targeted_support_block .text-block{
position:unset;
width:100%;
text-align:center;
padding:3% 2% 1% 2%;
top:90px;
left:0;
z-index: 1;
transition: top 2s;
-moz-transition:top 2s; /* Firefox 4 */
-webkit-transition: top 2s; /* Safari 和 Chrome */
-o-transition: top 2s; /* Opera */
}
.targeted_support_block .text-block .title{
font-size:1.5rem;
color:#ffffff;
}
.targeted_support_block .text-block .content{
font-size:0.875rem;
color:#eeeeee;
}
.targeted_support_block .targeted_support_img{
position:absolute;
right: 50%;
top: 35%;
width: 45%;
z-index: 1;
}
.targeted_support_block .targeted_support_img .ts_img_inner{
position:relative;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.targeted_support_block .targeted_support_img .box-ratio {
background: unset;
width: 45%;
margin-right: 10%;
float: right;
}
.targeted_support_block .targeted_support_img .box-ratio img{
background: unset;
}
.targeted_support{
position: relative;
width: 80%;
margin:auto;
height:auto;
overflow: hidden;
color: #303233;
display:flex;
}
.targeted_support .targeted_support_slider {
left: 51%;
top: 5%;
width: 50%;
height: 100vh;
}
.targeted_support_slider .bage_slide {
background: #000;
display: block;
top: 5%;
bottom: auto;
right: auto;
position: relative;
margin: 0px auto auto;
box-sizing: content-box;
min-width: 100%;
width: auto;
height: 100vh;
}
.targeted_support_slider .img-block{
position: absolute;
height: 100%;
top: 30%;
left: 0;
opacity:0;
z-index: 2;
width: 56%;
margin: auto;
transition: opacity 1.5s;
-moz-transition: opacity 1.5s; /* Firefox 4 */
-webkit-transition: opacity 1.5s; /* Safari 和 Chrome */
-o-transition: opacity 1.5s; /* Opera */
}
.targeted_support_slider .img-block .img-block-inner{
position: relative;
width:60%;
height:auto;
margin-top: 15%;
margin-left: 10%;
}
.targeted_support_slider .img-block .img-block-inner .box-ratio{
position: relative;
height: auto;
background:unset;
}
.targeted_support_slider .img-block .img-block-inner .box-ratio img{
background:unset;
}
.targeted_support_slider .img-block .img-block-inner .caption{
position: absolute;
left:4%;
width:95%;
bottom:5%;
font-size:0.875rem;
color:#fff;
}
.targeted_support_block .line-block {
position:absolute;
right: -5%;
top: 50%;
width: 20%;
z-index: 99;
}
.targeted_support_block .line-block .line-block-inner {
width:100%;
height:auto;
position:relative;
}
.targeted_support_block .line-block .line-block-inner .rect{
width: 98%;
min-height: 1px;
border-top: solid 1px #aaa;
}
.targeted_support_block .line-block .line-block-inner .dot{
position: absolute;
width: 4px;
height: 4px;
background: #aaa;
display: block;
z-index: 5;
border-radius: 5px;
top: -2px;
}
/***build-to-last**/
.build-to-last {
position:relative;
min-height:400px;
}
.build-to-last .banner-image{
width:100%;
}
.build-to-last .box-ratio {
background-color: unset;
}
.build-to-last .box-ratio img{
background-color: unset;
}
.build-to-last .text-block{
position:absolute;
width:40%;
right: 1%;
top: 37%;
text-align: left;
}
.build-to-last .text-block .title{
color: #fff;
font-size: 1.65rem;
line-height: 2.35rem;
}
.build-to-last .text-block .content{
color: #ededed;
font-size: 1rem;
line-height: 1.5rem;
}
.collections-gallery {
width:100%;
display:block;
height:auto;
overflow:hidden;
}
.collections-gallery .text-block{
width:98%;
margin:6% auto 3% auto;
text-align: center;
}
.collections-gallery .text-block .title{
color: #111;
font-size: 1.65rem;
line-height: 2.35rem;
}
.collections-gallery .text-block .content{
color: #333;
font-size: 1rem;
line-height: 1.5rem;
}
.collections-gallery .collection-image-column .collection-image{
position: relative;
margin-bottom:10px;
cursor:pointer;
}
.collections-gallery .collection-image-column .collection-image .caption {
margin-top:5%;
font-size:1rem;
position:absolute;
left:5%;
bottom:5%;
color:#fff;
}
.collection-images{
display:flex;
width: 80%;
margin: auto;
}
.collections-gallery .collection-image-column{
margin-right: 1%;
}
.collection-images .column_left{
width:32.5%;
}
.collection-images .column_center{
width:32.5%;
}
.collection-images .column_right{
width:32.9%;
margin-right: 0;
}

.multi-handles {
width:100%;
display:block;
height:auto;
overflow:hidden;
padding: 7% 0 5% 0;
}
.multi-handles .multi-handles-main-img{
width:72%;
margin:auto;
position:relative;
}
.multi-handles-main-img .background-image{
width:100%;
}
.multi-handles-main-img .background-image .box-ratio {
background-color: unset;
}
.multi-handles-main-img .background-image .box-ratio img{
background-color: unset;
}
.multi-handles-main-img .text-block{
position:absolute;
width:45%;
right: 1%;
top: 37%;
text-align: center;
}
.multi-handles-main-img .text-block .title{
color: #fff;
font-size: 1.65rem;
line-height: 2.35rem;
margin-bottom: 1rem;
}
.multi-handles-main-img .text-block .content{
color: #ededed;
font-size: 1rem;
line-height: 1.5rem;
}
.multi-handles-imgs {
width: 72%;
margin:auto;
display: grid;
grid-template-columns: 32.6% 32.6% 32.6%;
grid-row-gap:1%;
grid-column-gap: 1.1%;
margin-top:0.75%;
}

/***build-to-last**/
.hands-free {
position:relative;
min-height:400px;
}
.hands-free .banner-image{
width:100%;
}
.hands-free .box-ratio {
background-color: unset;
}
.hands-free .box-ratio img{
background-color: unset;
}
.hands-free .text-block{
position:absolute;
width:98%;
left: 1%;
top: 7%;
text-align: center;
}
.hands-free .text-block .title{
color: #333;
font-size: 1.65rem;
line-height: 2.35rem;
}
.hands-free .text-block .content{
color: #555;
font-size: 1rem;
line-height: 1.5rem;
}

.hands-free-images {
display:flex;
margin-top:1%;
margin-bottom:10%;
}
.hands-free-images .hands-free-left-image{
width:49.55%;
margin-right:1%;
}
.hands-free-images .hands-free-right-images{
width:49.45%;
}
.hands-free-images .hands-free-right-images .collection-image{
float:left;
}
.hands-free-images .hands-free-right-images .collection-image:nth-child(2){
width:49.2%;
margin-right:1.6%;
margin-top: 2%;
}
.hands-free-images .hands-free-right-images .collection-image:nth-child(3){
width:49.2%;
margin-top: 2%;
}

@media screen and (max-width:1220px) {
.used-for .used-for-items {
width: 88%;
}
.advantages .advantage_row .text-block .content {
line-height: 1.5rem;
}
.advantages .advantage_row .text-block br{
display:none;
}
.advantages .advantage_row .advan_img .text-block {
font-size: 1rem;
color: #eeeeee;
text-align: center;
margin-top: 10%;
}
.advantages .advantage_row .advan_img .text-block h3 {
margin-bottom: 0.75rem;
font-size: 1.35rem;
}
.collection-images {
width: 88%;
}
.multi-handles .multi-handles-main-img {
width: 80%;
}
.multi-handles-imgs {
width: 80%;
}
.hands-free .text-block {
top: 5%;
}
}

@media screen and (max-width:980px) {
.onemo-lite-mobile .text-block{
padding: 5% 5px 2% 5px;
margin: 5% 0 2% 0;
}
.onemo-lite-mobile h2,.onemo-lite-mobile h3{
letter-spacing:0;
text-transform:uppercase;
}
/***Banner**/
.first-banner {
position:relative;
min-height:unset;
}
.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: 0;
top: 8%;
text-align: center;
padding: 5px;
width: 98%;
margin: auto;
}
.first-banner .text-block .title{
color: #fff;
font-size: 2rem;
line-height: 2.5rem;
text-transform: capitalize;
margin-bottom: 5px;
}
.first-banner .text-block .title span{
font-weight:normal;
}
.first-banner .text-block .content{
color: #eee;
font-size: 1rem;
line-height: 1.5rem;
}

/**************** Simple features *************************/
.simple-features{
width: 100%;
margin: auto;
position: absolute;
left: 0;
bottom: 2%;
padding:0 2%;
}
.simple-features .list-unstyled {
padding-left: 0;
list-style: none;
}
.icon-group {
display: flex;
}
.icon-group li {
width: 25%;
position: relative;
flex:1;
}
.icon-group li .icon {
width: 60px;
height: 60px;
margin: 0 auto 0.5rem auto;
background-size:contain;
}
.icon-group li span {
text-align: center;
display: block;
font-size: 0.85rem;
color: #fefefe;
line-height: 1.125rem;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_Lite_Backpack_icons_02.png?v=1663655439) 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/OneMo_Lite_Backpack_icons_04.png?v=1663655442) 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/OneMo_Lite_Backpack_icons_01.png?v=1663655439) 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/OneMo_Lite_Backpack_icons_03.png?v=1663655440) no-repeat;
background-size: contain;
}

.shoulderbag-banner1 .text-block{
width: 98%;
text-align: center;
padding: 5% 5px 2% 5px;
margin: 5% 0 2% 0;
}
.shoulderbag-banner1 .text-block .title{
color: #222;
font-size: 1.25rem;
line-height: 2rem;
}
.shoulderbag-banner1 .text-block .content{
color: #333;
font-size: 0.9rem;
line-height: 1.5rem;
}
.shoulderbag-banner1 .banner-image-mobile{
display:block;
position:relative;
}
.video-btn {
position:absolute;
top: 40%;
left: 43%;
width: 50px;
height: 50px;
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-mobile .la-close{
display:none;
width: 28px;
height: auto;
position: absolute;
font-size: 2.2rem;
right: 5px;
top: 5px;
color: #eee;
line-height: 30px;
}
.shoulderbag-banner1 .banner-image-mobile .youtube-mobile{
display:none;
width: 100%;
height: 100%;
}
.banner-image-mobile{
background:#000;
color: #fff;
width:100%;
height:auto;
position:relative;
}
.youtube-mobile iframe{
width:100%;
}

/**************** Used For *************************/
.used-for {
width:100%;
padding:2% 0;
clear:both;
}
.used-for .used-for-items{
display: flex;
width:100%;
margin:auto;
}
.used-for .used-for-item{
position:relative;
margin-left:5px;
margin-right:5px;
width:33%;
}
.used-for .used-for-item .used-for-title{
display: block;
position: absolute;
bottom: 3%;
font-size: 1.125rem;
line-height: 2.8rem;
color: #f1f1f1;
font-weight: 700;
left: 0;
text-align: center;
width: 100%;
}
.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: 5% 5px 3% 5px;
margin: 5% 0 2% 0;
text-align: center;
text-transform:uppercase;
}
.used-for .text-block .title{
color: #222;
font-size: 1.25rem;
line-height: 2rem;
margin-bottom: 0;
}
.used-for .text-block .content{
color: #333;
font-size: 1.25rem;
line-height: 2rem;
font-weight: bold;
}

.advantages {
display:block;
height:auto;
overflow:hidden;
width:100%;
padding:0;
clear:both;
background-color:#111;
}
.advantages .advantage_row{
display: block;
width:100%;
margin:auto;
}
.advantages .advantage_row .advan_img{
position:relative;
display:block;
width: 100%;
}
.advantages .advantage_row .advan_text{
position:relative;
display:table;
width: 100%;
padding:5%;
letter-spacing: 0;
margin-top:8%;
}
.advantages .advantage_row .advan_text .text-block{
display:table-cell;
vertical-align:middle;
text-align:center;
line-height: 2rem;
}
.advantages .advantage_row .text-block h3{
font-size:1.375rem;
color:#fefefe;
line-height: 2rem;
margin-bottom: 0.5rem;
}
.advantages .advantage_row .text-block .content{
font-size:0.95rem;
color:#eeeeee;
}
.advantages .advantage_row .advan_text .text-block{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.advantages .advantage_row .advan_img .text-block {
font-size:1rem;
color:#eeeeee;
text-align:center;
margin:12.5% 2% 5% 2%;
}
.advantages .advantage_row .advan_img .text-block h3{
margin-bottom: 0.3rem;
}
.advantages .advantage_row.arow4 .advan_img.left .box-ratio {
background: unset;
width: 76%;
margin: 10% auto;
}
.advantages .advantage_row.arow4 .advan_img.left .box-ratio img{
background: unset;
}

/**************** Magnetic Bage *************************/
.targeted_support_block_mobile{
width:100%;
height:auto;
overflow: hidden;
color: #303233;
background:#000;
position:relative;
}
.targeted_support_block_mobile .text-block{
position:unset;
width:100%;
text-align:center;
padding:3% 2% 1% 2%;
top:90px;
left:0;
z-index: 1;
}
.targeted_support_block_mobile .text-block .title{
font-size:1.5rem;
color:#ffffff;
text-transform: uppercase;
}
.targeted_support_block_mobile .text-block .content{
font-size:0.875rem;
color:#dddddd;
}
.targeted_support_block_mobile .targeted_support_img_mobile{
position:unset;
width: 66%;
margin: 5% auto;
float: unset;
}
.targeted_support_block_mobile .targeted_support_img_mobile .box-ratio {
background: unset;
width: 100%;
margin-right: auto;
margin-left: auto;
float: unset;
}
.targeted_support_block_mobile .targeted_support_img_mobile .box-ratio img{
background: unset;
}
.targeted_support{
position: relative;
width: 100%;
margin:auto;
height:auto;
overflow: hidden;
color: #303233;
background:#000;
display: grid;
grid-template-columns: 48% 48%;
grid-row-gap:5%;
grid-column-gap: 4%;
margin-top:0.75%;
padding-bottom: 10%;
}
.targeted_support .img-block{
position: relative;
height: 100%;
width: 100%;
margin: auto;
}
.targeted_support .img-block .box-ratio{
position: relative;
height: auto;
background:unset;
}
.targeted_support .img-block .box-ratio img{
background:unset;
}
.targeted_support .img-block .caption{
position:absolute;
left:5%;
width:93%;
bottom:2%;
z-index:1;
color:#eee;
}

/***build-to-last**/
.build-to-last {
position:relative;
min-height:400px;
}
.build-to-last .banner-image{
width:100%;
}
.build-to-last .box-ratio {
background-color: unset;
}
.build-to-last .box-ratio img{
background-color: unset;
}
.build-to-last .text-block{
position:absolute;
top:0;
left:0;
width:100%;
text-align: center;
margin-top:0;
}
.build-to-last .text-block .title{
color: #fff;
font-size: 1.5rem;
line-height: 2rem;
}
.build-to-last .text-block .content{
color: #ededed;
font-size: 1rem;
line-height: 1.5rem;
}
.collections-gallery {
width:100%;
display:block;
height:auto;
overflow:hidden;
}
.collection-image-top {
position:relative;
}
.collection-image-top .text-block{
position:absolute;
width:55%;
left:3%;
top:0;
text-align: left;
}
.collection-image-top .text-block .title{
color: #fff;
font-size: 1.1rem;
line-height: 1.425rem;
}
.collection-image-top .text-block .content{
color: #eeee;
font-size: 0.875rem;
line-height: 1.25rem;
margin-top: 1rem;
}
.collections-gallery .collection-images-columns{
width:100%;
display:flex;
height:auto;
overflow:hidden;
margin-top: 2.5%;
}
.collections-gallery .collection-image-column{
margin: 0 5px !important;
}
.collections-gallery .collection-image-column .collection-image{
position: relative;
margin-bottom:10px;
}
.collections-gallery .collection-image-column .collection-image .caption {
width: 94%;
margin-top:5%;
font-size:0.9rem;
position:absolute;
left:5%;
bottom:5%;
color:#fff;
line-height: 1.25rem;
}
.collection-image-bottom {
position:relative;
}
.collection-image-bottom .caption {
width: 94%;
margin-top:5%;
font-size:0.925rem;
position:absolute;
left:5%;
bottom:5%;
color:#fff;
line-height: 1.25rem;
}

.collection-images{
display:block;
width: 100%;
margin: auto;
}
.collection-images .column_left{
width:49.5%;
margin-right:1%;
}
.collection-images .column_right{
width:49.5%;
}

.multi-handles {
width:100%;
display:block;
height:auto;
overflow:hidden;
padding: 7% 0 5% 0;
}
.multi-handles .multi-handles-main-img{
width:100%;
margin:auto;
position:relative;
}
.multi-handles-main-img .background-image{
width:100%;
}
.multi-handles-main-img .background-image .box-ratio {
background-color: unset;
}
.multi-handles-main-img .background-image .box-ratio img{
background-color: unset;
}
.multi-handles .text-block{
position:unset;
width:98%;
text-align: center;
}
.multi-handles .text-block .title{
color: #333;
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom:0.5rem;
}
.multi-handles .text-block .content{
color: #444;
font-size: 0.925rem;
line-height: 1.35rem;
}
.multi-handles-imgs {
width: 100%;
margin:auto;
display: grid;
grid-template-columns: 32.6% 32.6% 32.6%;
grid-row-gap:1%;
grid-column-gap: 1.1%;
margin-top:1%;
}

/***build-to-last**/
.hands-free {
position:relative;
min-height:400px;
}
.hands-free .banner-image{
width:100%;
}
.hands-free .box-ratio {
background-color: unset;
}
.hands-free .box-ratio img{
background-color: unset;
}
.hands-free .text-block{
position:absolute;
width:98%;
left: 1%;
top: 0;
text-align: center;
}
.hands-free .text-block .title{
color: #333;
font-size: 1.5rem;
line-height: 2.35rem;
}
.hands-free .text-block .content{
color: #555;
font-size: 1rem;
line-height: 1.5rem;
}

.hands-free-images {
display:flex;
margin-top:1%;
margin-bottom:10%;
}
.hands-free-images .hands-free-left-image{
width:49.55%;
margin-right:1%;
}
.hands-free-images .hands-free-right-images{
width:49.45%;
}
.hands-free-images .hands-free-right-images .collection-image{
float:left;
}
.hands-free-images .hands-free-right-images .collection-image:nth-child(2){
width:49.2%;
margin-right:1.6%;
margin-top: 2%;
}
.hands-free-images .hands-free-right-images .collection-image:nth-child(3){
width:49.2%;
margin-top: 2%;
}

}