.flexbox {
display:flex;
}
.flex1 {
flex:1;
}
.flexbox div{
}
.RSSticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top:0px;
}
.RSNoTable,
.RSNoTable tr,
.RSNoTable tr td{
border:none!important;
}
.step-by-step-step {
padding:20px;
}
.step-by-step img {
transition: transform 0.3s;
-moz-transition: transform 0.3s;
-webkit-transition: transform 0.3s;
-o-transition: transform 0.3s;
-ms-transition: transform 0.3s;
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
padding:20px;
top:50px;
}
.step-by-step img:hover {
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
z-index:99999;
}
.step-by-step img:active {
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
transform: scale(3.0, 3.0);
-moz-transform: scale(3.0, 3.0);
-webkit-transform: scale(3.0, 3.0);
-o-transform: scale(3.0, 3.0);
-ms-transform: scale(3.0, 3.0);
}
.step-by-step-step:nth-of-type(even) {
background-color:#F7F7F7;
}  
.product-gallery-pictures {
height:100px;
text-align:center;
}
.product-gallery-pictures img {
max-height:100px;
margin-left: 20px;
}
.product-gallery-pictures img:hover{
cursor:pointer;
}
.product-gallery-pictures-container {	
overflow-x: auto;
overflow-y: hidden;
white-space:nowrap;
margin-top:20px;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.product-gallery {
text-align:center;
}
.product-img-full {
height:500px;
max-height:500px;
transition: max-height 0.3s;
-moz-transition: max-height 0.3s;
-webkit-transition: max-height 0.3s;
-o-transition: max-height 0.3s;
-ms-transition: max-height 0.3s;
}
.product-img-full:hover {
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
height : 550px;
max-height:550px;
}
.product-img-full:active {
cursor: zoom-in;
transition: max-height 0.3s;
-moz-transition: max-height 0.3s;
-webkit-transition: max-height 0.3s;
-o-transition: max-height 0.3s;
-ms-transition: max-height 0.3s;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
height : 800px;
max-height:800px;
} @supports (-webkit-scroll-snap-type: mandatory){
.product-gallery-pictures {
height:500px;
text-align:center;
}
.product-gallery {
text-align:center;
}
.product-img-full {
display:none;
}
.product-gallery-pictures img {
max-height:500px;
margin-left: 20px;
-webkit-scroll-snap-coordinate: 50% 50%;
scroll-snap-coordinate: 50% 50%;
}
.product-gallery-pictures img:hover{
cursor:pointer;
}
.product-gallery-pictures-container {	
overflow-x: auto;
overflow-y: hidden;
white-space:nowrap;
margin-top:20px;
-webkit-scroll-snap-type: mandatory;
-webkit-scroll-snap-destination: 50% 50%;
scroll-snap-destination: 50% 50%;
scroll-snap-type: mandatory
}
} @media (-webkit-min-device-pixel-ratio: 2) {
.flexbox div {
border-width: 0.5px;
}
.RSBorder {
border-width: 0.5px;
}
}  .RSProductPicture{
display: -webkit-flex;
display: flex;
vertical-align:bottom;
}
.RSProductPicture div{
padding:20px;
display: table-cell;
vertical-align:middle;
box-sizing: border-box;  
}
.RSBorder div{
border-right:1px solid lightgray
}
.RSBorder div:last-child{
border-right:none;
} .RSResponsive10 {
width:10%;
}.RSResponsive20 {
width:20%;
}.RSResponsive30 {
width:30%;
}.RSResponsive24 {
width:24%;
}.RSResponsive40 {
width:40%;
}.RSResponsive50 {
width:50%;
}.RSResponsive60 {
width:60%;
}.RSResponsive70 {
width:70%;
}.RSResponsive80 {
width:80%;
}.RSResponsive90 {
width:90%;
}.RSResponsive5 {
width:5%;
}.RSResponsive15 {
width:15%;
}.RSResponsive25 {
width:25%;
}.RSResponsive35 {
width:35%;
}.RSResponsive45 {
width:45%;
}.RSResponsive55 {
width:55%;
}.RSResponsive65 {
width:65%;
}.RSResponsive75 {
width:75%;
}.RSResponsive85 {
width:85%;
}.RSResponsive95 {
width:95%;
}  .extendfull, .extendleft
{
padding-left: 3000px;
margin-left: -3000px;
background-color:#ecf0f1;
}
.extendfull, .extendright
{
padding-right: 3000px;
margin-right: -3000px;
background-color:#ecf0f1;
} .RSAlignLeft {
text-align:left;
}
.RSAlignCenter {
text-align:center;
}.RSAlignRight {
text-align:right;
}
.RSAlignRightOnBigScreens {
text-align:right;
} .promote-box a:visited,
.promote-box a{
text-decoration:none;
color: #3A3C3B;
}
.promote-box {
padding:20px;
background-color:#F7F7F7;
margin:1.5%;
vertical-align:middle;
}
.product-mini-hero img{
width: 100%!important;
height: 150px!important;
object-fit: cover;
object-position:center;
}
.product-mini-container p{
font-size:1.4rem;
}
.product-title{
margin-top:80px;
margin-bottom:40px;
}
.product-h2{
padding-top:60px;
}
.product-h4{
padding-top:60px;
margin-top:-40px;
margin-bottom:20px;
}
.product-mini-container{
margin:10px;
width:30%;
background-color:#F7F7F7;
padding:5px;
}
.overflowY {
overflow-x:auto;
-webkit-overflow-scrolling: touch;
}
.no-a-styling {
text-decoration:none!important;
color:#3A3C3B!important;
}
.noInput {
border:none!important;
background-color:transparent!important;
}
.noInput:hover{
border:1px solid lightgray!important;
}
@media only screen and (min-width: 981px) {
.RSHeroTransitionImage img{
margin-top:-350px;
}
.hero-boxes {
margin-top:-100px;
}
.hero-boxes div{
background-color:rgba(255,255,255,.99);
}
.hero-boxes span{
display:block;
}
@supports (-webkit-backdrop-filter: blur()){
.hero-boxes div{
-webkit-backdrop-filter: blur(8px);
background-color:rgba(255,255,255,.8);
}
}
}
@media only screen and (max-width: 980px) {
.promote-box {
margin:0;
padding:0;
} .RSResponsive5, .RSResponsive10, .RSResponsive20 , .RSResponsive30, .RSResponsive40, .RSResponsive50, .RSResponsive60, .RSResponsive70, .RSResponsive80, .RSResponsive90, .RSResponsive15, .RSResponsive25 , .RSResponsive35, .RSResponsive45, .RSResponsive55, .RSResponsive65, .RSResponsive75, .RSResponsive85, .RSResponsive95  {
width:100%;
} .RSAlignRightOnBigScreens {
text-align:left;
}
.RSBorder div{
border:none;
border-bottom:1px solid lightgray;
}
.flexbox div {
border:none;
width: 100%;
}
.flexbox {
flex-direction:column;
}
@media (-webkit-min-device-pixel-ratio: 2) {
.flexbox div {
border-width: 0.5px;
}
}
}
.tileContainer {
padding:10px;
}
.tileContainer li{
background-color:#fff;
padding:10px;
border:1px solid lightgray;
width:18%;
margin:10px;
box-sizing: border-box;
display: inline-block;
flex: 1 1 0;
min-height: 50px;
vertical-align: top;
}
.tileContainer li button{
}
.prod-pricebar {
background-color:#F7F7F7; padding:20px;
}
.addNew {
padding:10px;
}
.addNew input {
width: 100%;
}
.addNew textarea {
resize:vertical;
width: 100%;
height: 120px;
}
.addNew select {
width:10%;
min-width:150px;
}
#Prod_Description {
height:600px;
resize:vertical;
}