OSMO ACTION 3 Filters Sale

OSMO ACTION 3 Filters
img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
h2 {
font-size: 2rem;
}
p {
font-size: 1rem;
margin: 0;
line-height: 1.5rem;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
padding: 0 15px;
margin-right: auto;
margin-left: auto;
}
.banner {
position:relative;
}
.banner .font-group {
position: absolute;
width: 50%;
margin: auto;
right: 10%;
top: 10%;
text-align: right;
}
.banner .font-group h2 {
margin: 15px 0 15px 0;
color:#fefefe;
font-size: 1.925rem;
line-height: 3rem;
text-transform: uppercase
}
.banner .font-group h2 span{
font-weight:300;
}
.banner .font-group h2::after{
display:none;
}
.banner .font-group p{
color:#ddd;
font-size:1rem;
}
.icons {
position: absolute;
right: 10%;
top: 35%;
width: 50%;
margin: auto;
padding: 5% 0.5% 1.5% 0.5%;
text-align: right;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.icon-group {
display: flex;
width:100%;
margin:auto !important;
padding-left: 25%;
}
.icon-group li {
width: 25%;
position: relative;
padding:5px;
}
.icon-group li .icon {
width: 80px;
height: 80px;
margin: 0 auto 1rem auto;
}
.icon-group li .icon::after {
content: “”;
margin-left: auto;
margin-right: auto;
margin-top: 1.5rem;
display: none;
width: 30px;
height: 2px;
background-color: #d0121b;
}
.icon-group li .text {
color:#eee;
font-size:0.95rem;
line-height: 1.5rem;
text-align: center;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OSMO_Action_3_Filter_professional11.png?v=1666148044) 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/OSMO_Action_3_Filter_professional12.png?v=1666148044) 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/OSMO_Action_3_Filter_professional13.png?v=1666148044) 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/OSMO_Action_3_Filter_professional14.png?v=1666148044) no-repeat;
background-size:contain;
}
.font-group {
width: 80%;
margin: auto;
padding: 1.5rem 0;
}
.font-group h2{
color:#222;
font-size: 1.5rem;
line-height: 2.25rem;
text-transform: capitalize;
}
.font-group p{
color:#555;
line-height: 1.75rem;
}
.pic1 .font-group {
width: 80%;
margin: auto;
padding: 1.5rem 0;
}

.pic1 .font-group h2,
.pic1 .font-group p {
text-align: center;
}
.pic1 .font-group h2:after {
width: 30px;
height: 1px;
background-color: #666;
}
.pic2 .font-group {
width: 80%;
margin: auto;
padding: 1.5rem 0;
}
.pic2 .font-group h2:after {
width: 20px;
height: 2px;
background-color: #666;
}
.pic2 .font-group h2,
.pic2 .font-group p {
text-align: center;
}
ul, ol {
list-style: unset;
}
.font-group h2::after {
content: “”;
margin-left: auto;
margin-right: auto;
margin-top: 1.5rem;
display: block;
width: 30px;
height: 2px;
background-color: #d0121b;
}
.pic3 {
margin-top: 2rem;
margin-bottom: 1rem;
position: relative;
}

.pic3 .font-group {
width: 98%;
margin:auto;
}
.pic3 .font-group h2::after {
margin-left: auto;
margin-top: 1rem;
background-color: #666;
}

.pic3 .font-group h2{
text-align: center;
color: #222;
font-size: 1.5rem;
line-height: 2.25rem;
}
.pic3 .font-group p {
text-align: center;
color: #555;
line-height:1.75rem;
}

.pic-group .pic:nth-child(1) .center{
text-align: center;
position: unset;
width: 80%;
margin:auto;
}
.pic-group .pic{
margin-bottom: 0;
}
.pic-group .pic:nth-child(1) .center h2{
color: #444;
}
.pic-group .pic:nth-child(1) .center p{
color: #444; font-size: 14px;
padding-top:0;
line-height:1.5rem;
}
.pic-group .pic:nth-child(1) h2::after{
content: “”;
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
width: 30px;
height: 2px;
border-radius: 4px;
background-color: #c11920;
margin-left:48%;
}

.pic4 {
position: relative;
height: auto;
display: block;
width: 100%;
overflow: hidden;
}
.pic4 .pc-show{
display:flex;
}
.pic4 .pc-show img{
width:50%;
float:left;
transform: scaleY(1.01);
}
.pic4 .font-group {
width: 100%;
}
.pic4 .font-group h2::after {
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
background-color: #666;
}

.pic4 .font-group h2,
.pic4 .font-group p {
text-align: center;
color: #222;
}
.pic4 .font-group p {
color: #555;
}

.pic5 {
clear:both;
position: relative;
height: auto;
display: block;
width: 100%;
overflow: hidden;
margin-top:15px;
}

.pic5 .font-group h2::after {
width:30px;
margin-left: auto;
margin-right: 0;
margin-top: 1.25rem;
}

.pic5 .font-group h2 {
text-align: right;
color: #fff;
font-size: 1.75rem;
line-height: 2rem;
text-transform: uppercase;
}

.pic5 .font-group p {
text-align: right;
color: #ddd;
font-size:1rem;
}
.pic5 .font-group {
position: absolute;
right: 15%;
top: 32%;
width: 35%;
}
.pic5 .pc-show img{
width:50%;
float:left;
}

.pic6 {
position: relative;
height: auto;
display: block;
width: 100%;
overflow: hidden;
margin-top: 2%;
}
.pic6 .pc-show{
display:flex;
}
.pic6 .pc-show img{
width:50%;
float:left;
transform: scaleY(1.01);
}
.pic6 .font-group h2::after {
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
}
.pic6 .font-group h2 {
text-transform: capitalize;
}
.pic6 .font-group h2,
.pic6 .font-group p {
text-align: center;
color: #fff;
}

.pic6 .font-group {
position: absolute;
right: 5%;
top: 20%;
width: 40%;
z-index: 1;
}
.pic6 div img{
width:50%;
}
.pic7 {
clear:both;
position: relative;
height: auto;
display: block;
width: 100%;
overflow: hidden;
}

.pic7 .font-group h2::after {
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
}

.pic7 .font-group h2,
.pic7 .font-group p {
text-align: center;
color: #fff;
}

.pic7 .font-group {
position: absolute;
left: 5%;
top: 16%;
width: 40%;
}
.pic7 div img{
width:50%;
float:left;
}

.pic8 {
clear:both;
position: relative;
display: flex;
justify-content: center;
}

.pic8 .font-group {
position: absolute;
top: 2%;
width: 88%;
margin: auto;
}
.pic8 .font-group h2:after {
display:none;
}
.pic8 .font-group h2,
.pic8 .font-group p {
color: #fff;
text-align: center;
line-height: 1.5rem;
}
.pic8 .note {
position: absolute;
bottom: 8%;
width: 80%;
margin: auto;
text-align: left;
color: #fefefe;
font-size: 1.25rem;
}
.pic9 {
background:#F9F9F9;
padding: 3% 0;
}
.pic9 .font-group {
margin: auto;
}
.pic9 .font-group h2:after {
display:none;
}
.pic9 .font-group h2{
text-align: center;
line-height: 1.5rem;
}
.pic9 img{
width:60%;
margin:auto;
}
.warranty1{
background:#111;
text-align:center;
padding:4% 0;
width:100%;
}
.warranty1 img{
margin:auto;
width:12%;
}
.mt_15{
margin-top:15px;
}

.success-flag{
display: inline-block;
font-weight: 700;
margin: 0 10px;
width: 8px;
height: 13px;
transform: rotate(45deg);
border-style: solid;
border-color: #555;
border-width: 0 2px 2px 0 ;
}
.pic_table {
display: block;
margin-bottom:5%;
}
.pic_table .font-group {
text-align: center;
}
.pic_table .table {
width:56%;
margin:auto;
table-layout: fixed;
word-break: break-all;
word-wrap: break-word
}
.pic_table .font-group h2::after {
display: none;
}
.pic_table .table .table_row{
clear:both;
width:100%;
display:table;
}
.pic_table .table .table_row .table_column{
display:table-cell;
width:24.85%;
height:4rem;
font-size:0.925rem;
color:#666;
line-height:1.5rem;
vertical-align: middle;
text-align: center;
padding: 1%;
border-right:solid 0.1rem #ddd;
border-bottom:solid 0.1rem #ddd;
o-text-ovenflow:ellipsis;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width: 100px;
}
.pic_table .table .table_row .table_column:first-child{
font-size:1.05rem;
background:#ebebeb;
width:20%;
color:#444;
}
.pic_table .table .table_row .table_column:nth-child(2){
width:22%;
}
.pic_table .table .table_row .table_column:nth-child(3){
width:27%;
}
.pic_table .table .table_row .table_column:nth-child(4){
width:31%;
}
.pic_table .table .table_row:first-child .table_column:first-child{
background:unset;
}
.pic_table .table .table_row:first-child .table_column{
background:unset;
}
.pic_table .table .table_row.table_head .table_column{
font-size:1.125rem;
font-weight: 600;
color:#fefefe;
padding: 3% 1%;
border-right:unset;
}
.pic_table .table .table_row img{
margin:auto;
max-width: 100px;
}

@media (max-width: 1320px) {
.pic_table .table {
width:88%;
}
}

@media (max-width: 992px) {
.container-fluid {
padding: 0 ;
}
.pic_table {
display: none;
}
.pic9 {
display: block;
}
.banner .font-group {
width: 92%;
left: 2%;
top: 1%;
padding: 0.5rem;
}
.banner .font-group h2 {
font-size: 1.25rem;
line-height: 1.65rem;
margin: 5px 0;
}
.banner .font-group p {
font-size: 0.9rem;
line-height: 1.35rem;
}
.icons {
position: unset;
background: #000;
padding: 0 ;
width:100%;
}
.icon-group {
width:98%;
display: block;
padding-left:0;
}
.icon-group li {
width: 100%;
position: relative;
padding:5px;
display: flex;
}
.icon-group li .icon {
width: 60px;
height: 60px;
margin: 0 auto 0 auto;
}
.icon-group li .text {
font-size:0.875rem;
line-height:1.5rem;
width: 80%;
text-align: left;
}
.pc-show {
display:none !important;
}
.phone-show {
display:block !important;
}
.font-group h2 {
font-size: 1.125rem;
line-height: 2rem;
}

.font-group p {
font-size: 0.925rem;
line-height:1.5rem;
}
.pic1 .font-group {
width: 100%;
}
.pic2 .font-group {
width: 100%;
}
.pic3 {
margin: 1rem 0;
}

.pic3 .font-group {
position: unset;
width: 96%;
text-align:center;
margin: auto;
}
.pic3 .font-group h2::after {
margin-left: 46%;
}
.pic3 .font-group h2,
.pic3 .font-group p {
text-align: center;
color: #333;
}
.pic3 .font-group h2 {
font-size: 1.25rem;
line-height: 2rem;
}
.pic3 .font-group p br{
display:none;
}
.container .pic-group .pic:nth-child(1) h2 {
font-size: 1.5rem;
}
.pic4 .font-group {
position: unset;
width: 100%;
}
.pic4 .font-group h2,
.pic4 .font-group p {
color: #333;
text-align: center;
margin: 1rem 0;
}

.pic5 .font-group {
position: unset;
width: 100%;
margin: 0;
}
.pic5 .font-group br{
display:none;
}
.pic5 .font-group h2::after{
margin-left: auto;
margin-right: auto;
}
.pic5 .font-group h2 {
color: #333;
text-align: center;
font-size:1.25rem;
}
.pic5 .font-group p {
color: #333;
text-align: center;
font-size:0.925rem;
}
.pic6 {
display: block;
justify-content: unset;
margin-top: 0;
}
.pic6 .font-group {
position: unset;
width: 100%;
}
.pic6 .font-group h2,
.pic6 .font-group p {
color: #333;
text-align: center;
}
.pic6 div img,.pic7 div img{
width:100%;
}
.pic7 {
display: block;
justify-content: unset;
margin-top: 0;
}
.pic7 .font-group {
position: unset;
width: 100%;
}
.pic7 .font-group h2,
.pic7 .font-group p {
color: #333;
text-align: center;
}
.pic8 {
display: block;
justify-content: unset;
margin-top: 0;
}
.pic8 .font-group {
position: unset;
width: 100%;
}
.pic8 .font-group h2,
.pic8 .font-group p {
color: #333;
text-align: center;
}
.pic8 .note {
margin-left: 5%;
font-size: 0.925rem;
bottom: 3%;
}
.pic9 img {
width: 100%;
margin: 5% auto;
}
.pic_table .table {
width:98%;
}
.warranty1{
padding:4% 0;
}
.warranty1 img{
width:30%;
margin:auto;
}
}
–>