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%; } } OneMo Lite Backpack 22L A Starter Bag for the Next Pro Wide Opening Easy Access Efficient Organization Split Compartment Count On it Wherever Whenever Wide Rear Opening With its classic clamshell opening, the OneMo Lite provides the portability benefits of a backpack and packing convenience of a suitcase. A Powerful Organizational Beast The interior modular storage system keeps everything neatly organized. Several partitions can be flexibly adjusted to safely store your daily and travel essentials in the right place. Side Quick Access To Capture Wonderful Moments Quickly grab gear via the side-access pocket so you'll never miss a shot. Feel the Security All the Way Anti-theft YKK zipper. Hidden pocket for AirTag. Targeted Support For Comfort On the Move Scientific design meets ergonomic functionality in the OneMo Lite’s back panel system, and the result is total comfort throughout your journey. Widen Shoulder Strap Airy back panel Mesh holes Pressure-relieving foam Build-to-last Splash-proof Material OneMo Lite uses a PU coating, which is splash-proof and wear-resistant, making it a bag designed to last and withstand heavy rigs. More Details Left side pocket to store tripods. Split compartment for gimbal stabilizer and other gear. (Some gimbal stabilizers need to be disassembled for better storage.) Multiple attachment points and 2 accessory straps for external gear attachment. Mesh pocket for batteries. Zipped pocket for bits and pieces. Dedicated laptop and iPad sleeve Classic battery storage + power indicator system. Multiple Handles For Convenient Carrying Top, side and middle handles make it easy to carry in any situation, or simply pass it through your luggage handles. A Hands-free Experience Through scientific interior space planing, this bag can store as much gear as you need for a convenient hands-free experience. OneMo Lite Backpack A Starter Bag for the Next Pro Wide Opening Easy Access Efficient Organization Split Compartment AN EXCELLENT PHOTOGRAPHY PACK FOR ADVENTURE TRAVEL OneMo Lite is designed for photographers who want to venture into different places. Possessing a full complement of professional-grade features like quick access and modular interior storage, it keeps your gear neatly organized and protected no matter where you are. Count On it Wherever Whenever Street Work Travel Wide Rear Opening With its classic clamshell opening, the OneMo Lite provides the portability benefits of a backpack and packing convenience of a suitcase. A Powerful Organizational Beast The interior modular storage system keeps everything neatly organized. Several partitions can be flexibly adjusted to safely store your daily and travel essentials in the right place. Side Quick Access To Capture Wonderful Moments Quickly grab gear via the side-access pocket so you'll never miss a shot. Feel the Security All the Way Anti-theft YKK zipper. Hidden pocket for AirTag. Targeted Support For Comfort On the Move Scientific design meets ergonomic functionality in the OneMo Lite’s back panel system, and the result is total comfort throughout your journey. Mesh holes Pressure-relieving foam Widen shoulder strap Airy back panel Build-to-last Splash-proof Material OneMo Lite uses a PU coating, which is splash-proof and wear-resistant, making it a bag designed to last and withstand heavy rigs. Split compartment for gimbal stabilizer and other gear. (The quick-release plates of gimbal stabilizers need to be removed for better storage.) Zipped pocket for bits and pieces. Mesh pocket for batteries. Multiple attachment points and 2 accessory straps for external gear attachment. Left side pocket to store tripods. Classic battery storage + power indicator system. Dedicated laptop and iPad sleeve Multiple attachment points and 2 accessory straps for external gear attachment. Multiple Handles For Convenient Carrying Top, side and middle handles make it easy to carry in any situation, or simply pass it through your luggage handles. A Hands-free Experience var mobile = window.matchMedia('(max-width: 740px)'); var tablet = window.matchMedia('(max-width: 979px) and (min-width: 741px)'); var desktop = window.matchMedia('(min-width: 980px)'); var sectionObj3 = $('.targeted_support'); var _top3 = sectionObj3.offset().top; console.log(_top3); var sliderObj3 = $('.targeted_support_slider'); var targeted_support_img = $('.targeted_support_img'); var text_block = $('.targeted_support_block .text-block'); var bannerHeight3 = sliderObj3.height(); if (desktop.matches == true) { $(window).on('scroll', function() { var _top3 = sectionObj3.offset().top; _top3 = _top3-200; var _scrolltop3 = $(window).scrollTop(); if ( _scrolltop3 >= _top3 ){ sliderObj3.find('.img-block').eq(0).css('opacity','1'); } var imgBlockHeight3 = sliderObj3.find('.img-block').eq(0).height(); console.log('_top3 - _scrolltop3 - imgBlockHeight3'); console.log(_top3 + ' - ' + + _scrolltop3 + ' - ' + imgBlockHeight3+' - '+3.5 * imgBlockHeight3); if ( _scrolltop3 >= _top3){ if ( _scrolltop3 - _top3 = _top3 && _scrolltop3= _top3 + 1 * imgBlockHeight3 && _scrolltop3 _top3 + 2 * imgBlockHeight3 && _scrolltop3 _top3 + 3 * imgBlockHeight3) { sliderObj3.find('.img-block').css('opacity','0'); sliderObj3.find('.img-block').eq(3).css('opacity','1'); } } else { sectionObj3.css('padding-bottom',0); sliderObj3.css('padding-top','0'); sliderObj3.css('position','relative'); targeted_support_img.css('position','absolute'); text_block.css('position','unset'); } }); } $(document).ready(function() { $('.youtube,.la-close').on('click',function(){ var _this = $(this); $('#yt_video').attr('src',"https://www.youtube.com/embed/cqfG-kNdnGo"); _this.hide(); $('.youtube').css('display','none'); _this.parent().find('.box-ratio').css('display','block'); return false; }); $('#close_youtube_mobile').on('click',function(){ var _this = $(this); $('#yt_video_mobile').attr('src',"https://www.youtube.com/embed/cqfG-kNdnGo").css('display','none'); _this.hide(); _this.parent().find('.box-ratio').css('display','block'); return false; }); $(window).on('load resize orientationchange', function() { if ($(window).width() > 980) { $('#yt_video').width($(window).width()*0.65); var videoWidth = $(window).width()*0.65; var videoHeight = parseInt(videoWidth)*540/962; $('#yt_video').height(videoHeight); } else { $('#yt_video_mobile').width($(window).width()); var videoWidth = $(window).width(); var videoHeight = parseInt(videoWidth)*540/962; $('#yt_video_mobile').height(videoHeight); } }); });