<!--עיצוב נמצא בדף ראשי לתמונות -->

#example1 {
 border: 1px solid;
 padding: 5px;
 box-shadow: 0px 10px 10px 0px #999999;
width: ;
}
.img-flip:hover {
 -webkit-transform: scaleX(-1);
 transform: scaleX(-1);
}
html {
 box-sizing: border-box;
}
*, *:before, *:after {
 box-sizing: inherit;
}
.column {
 float: left;
 width: 25.0%;
 margin-bottom: 18px;
 padding: 0 9px;
}
.column1 {
 float: left;
 width: 50.0%;
 margin-bottom: 18px;
 padding: 0 9px;
}
.column2 {
 float: left;
 width: 100.0%;
 margin-bottom: 0px;
 padding: 0 0px;
}
.column3 {
 float: left;
 width: 100.0%;
 margin-bottom: 18px;
 padding: 0 9px;
}
@media screen and (max-width: 640px) {
 .column {
 width: 50%;
 display: block;
 }
 .column1 {
 width: 100%;
 display: block;
 }
 .column3 {
 width: 100%;
 display: block;
 }
}
.card {
 box-shadow: 1px 14px 8px 0px rgba(0, 0, 0, 0.4);
}
.container5 {
 padding: 0 0px;
}
.container5::after, .row::after {
 content: "";
 clear: both;
 display: table;
}
.title {
 color: grey;
}
.button5 {
 border-radius: 0px;
 border: none;
 outline: 0;
 display: inline-block;
 padding: 8px 10px;
 color: black;
 background-color: #ffffff;
 text-align: center;
 cursor: pointer;
 width: 100% !important;
}
.button5:hover {
 background-color: #cccccc;
}


<!--עיצוב נמצא בדף מוצר -->
p {
 margin-top: 10px;
 margin-bottom: 16px;
}
.div-table {
  width: 100%;
 background-color: #fff;
 border-spacing: 5px;
 direction: rtl;
}
.tr {display: table-row;}
.tc {
 display:table-cell;
 vertical-align:top;
 background-color: #fff;
 padding:5px 10px;
}
.tc1 {
 background-color: #fff;
 width:100%;
}
.tc2 {
 display:table-cell;
 vertical-align:top;
 background-color: #fff;
 width:70%;
}
.tc3 {
 background-color: #fff;
 padding:5px 10px;
 width:100%;
}
.tc4 {
 display:table-cell;
 vertical-align:top;
 background-color: #fff;
 padding:5px 10px;
 width:70%;
}
.tc5 {
 display:table-cell;
 vertical-align:top;
 background-color: #fff;
 width:100%;
}
.tc7 {width:50%;}
.tc8, .tc9, .tc10 {width: 80px;}

<!-- נמצא ב-GLOBAL_AHEADER עיצוב דף מוצר צבעים -->
.field_set {
 border-color:#b3ffb3
}
#rcorners1 {
 border-radius:10px;
 background:#f6f6f6;
 border-style:solid;
 border-color:#000;
 border-width:0px;
 padding:5px;
 width:200px;
 min-height:310px
}
@media(max-width: 599px) {
 #rcorners1 {
 width:100%;
 height: 100%
 }
}
#rcorners2 {
 border-radius:3px;
 background:#ff705d;
 padding:5px;
 width:175px;
 height:38px
}
#rcorners3 {
 border-radius:5px;
 background:#ff9980;
 padding:5px;
 width:100%;
 height:100%
}
#rcorners4 {
 border-radius:5px;
 background:#f99;
 padding:5px;
 width:90%;
 height:40px
}
#rcorners5 {
 border-radius:25px;
 background:#f5f5f5;
 padding:5px;
 width:190px;
 height:100%
}
#rcorners6 {
 border-radius:20px;
 background:#ff705d;
 padding:5px;
 width:190px;
 height:40px
}
#rcorners7 {
 border-radius:5px;
 background:#ffad99;
 padding:5px;
 width:60%;
 height:40px
}
#rcorners8 {
 border-radius:5px;
 background:#f8e4df;
 padding:5px;
 width:60%;
 height:40px
}
#rcorners9 {
 border-radius:25px;
 background:#f5f5f5;
 padding:5px;
 width:100%;
 height:100%
}
#rcorners10 {
 border-radius:25px;
 background:#f5f5f5;
 padding:5px;
 width:360px;
 height:100%
}
hr {
 border:0;
 width:60%;
 color:#ff9980;
 background-color:#ff9980;
 height:2px
}
#navbar {
 background-color:#333;
 position:fixed;
 bottom:-1px;
 width:100%;
 display:block;
 transition:top 0.3s
}
#navbar a {
 float:left;
 display:block;
 color:#FFF;
 text-align:center;
 padding:0px
}
#navbar a:hover {
 background-color:#bdc4bd;
 color:33cc33
}
.w3-animate-fading {
 animation:fading 10s infinite
}
@keyframes fading {
 0% {
 opacity:0
 }
 50% {
 opacity:1
 }
 100% {
 opacity:0
 }
}
.w3-animate-opacity {
 animation:opac 0.8s
}
@keyframes opac {
 from {
 opacity:0
 }
 to {
 opacity:1
 }
}
.w3-animate-top {
 position:relative;
 animation:animatetop 0.4s
}
@keyframes animatetop {
 from {
 top:-300px;
 opacity:0
 }
 to {
 top:0;
 opacity:1
 }
}
.w3-animate-left {
 position:relative;
 animation:animateleft 0.4s
}
@keyframes animateleft {
 from {
 left:-300px;
 opacity:0
 }
 to {
 left:0;
 opacity:1
 }
}
.w3-animate-right {
 position:relative;
 animation:animateright 0.4s
}
@keyframes animateright {
 from {
 right:-300px;
 opacity:0
 }
 to {
 right:0;
 opacity:1
 }
}
.w3-animate-bottom {
 position:relative;
 animation:animatebottom 0.4s
}
@keyframes animatebottom {
 from {
 bottom:-300px;
 opacity:0
 }
 to {
 bottom:0;
 opacity:1
 }
}
.w3-animate-zoom {
 animation:animatezoom 0.6s
}
@keyframes animatezoom {
 from {
 transform:scale(0)
 }
 to {
 transform:scale(1)
 }
}
.w3-animate-input {
 transition:width 0.4s ease-in-out
}
.w3-animate-input:focus {
 width:100%!important
}


<!--עיצוב נמצא בדף מוצר פתיחת שאלות -->
details {
 margin: 10px 0;
 border: 1px solid #bebebe;
 border-radius: 6px;
 padding: 10px;
 background-color: #fff;
}

summary {
 cursor: pointer;
 font-weight: bold;
 color: #333;
 position: relative;
 padding-right: 20px;
}
summary::after {
 content: "▼";
 position: absolute;
 right: 0;
 top: 0;
 font-size: 14px;
 transform: rotate(0deg);
 transition: transform 0.2s;
}
details[open] summary::after {
 transform: rotate(180deg);
}