#mob_Reviews > div > div >div > img {
width: 40% !important;
height: auto;
}
.image-button {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
background-color: black;
color: white;
border: none;
padding: 7px 9px;
font-size: 18px;
cursor: pointer;
}
.header_container{
display: flex;
justify-content: space-between;
align-items: center;
}
.u-nav-container .u-nav-popup {
position: absolute;
visibility: hidden;
pointer-events: none;
z-index: 1;
right: 34px;
background-color: white;
width: 500px;
}
#All_Description{
padding: 0% 19% 0% 19%;
}
#myHeader{
box-shadow: rgb(197, 199, 210) 0px 0px 28px 1px;
}
#free_product{
text-align: center;
padding: 0% 2% 0% 0%;
}
#thumbnails {
display: flex;
align-items: center;
overflow-y: auto;
flex-flow: row-reverse;
}
.upsell_price {
display: flex;
justify-content: end;
align-items: baseline;
gap: 2%;
}
.u-repeater {
display: grid;
grid-template-columns: repeat(4, 25.333333%);
}
.image_product_page_also_like_continter_catgory{
text-align: center;
}
.image_product_page_also_like_continter{
text-align: center;
padding: 0% 9%;
}
.also_like_image{
/* border-radius: 10px!important;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;*/
height: 380px;
cursor: pointer;
}
.container_also_like{
display: flex;
justify-content: center;
align-items: center;
}
#image_product > div {
padding-bottom: 15%;
}
.u-section-1 .u-product-1 {
margin-top: 75px;
margin-bottom: 60px;
/*min-height: 1664px;*/
height: auto;
}
#Image_Holder > div >div > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
border-radius: 10px!important;
}
#Description4 > div.table-container > table{
width:100%;
}
#Description5 > div.table-container > table{
width:100%;
}
#Description6 > div.table-container > table{
width:100%;
}
#Description7 > div.table-container > table{
width:100%;
}
#Description6 > div.container{
display: block;
}
#Description7 > div.container{
display: block;
}
#sec-424d > div > div > div > div > center:nth-child(19) > h1{
margin-top: 11%;
}
h2{
font-family: barlev-aaa-bold !important;
font-size: 33px;
}
#Description{
direction: rtl;
}
#Description2{
direction: rtl;
}
#Description3{
direction: rtl;
}
#Description4{
direction: rtl;
}
#Description5{
direction: rtl;
}
#Description6{
direction: rtl;
}
#Description7{
direction: rtl;
}
#Description > h3:nth-child(1){
display:none;
}
#Description > h3:nth-child(2){
display:none;
}
#Description2 > h3:nth-child(1){
display:none;
}
#Description2 > h3:nth-child(2){
display:none;
}
#Description4 > h3:nth-child(1){
display:none;
}
#Description4 > h3:nth-child(2){
display:none;
}
#Description5 > h3:nth-child(1){
display:none;
}
#Description5 > h3:nth-child(2){
display:none;
}
#Description3 > h3:nth-child(1){
display:none;
}
#Description3 > h3:nth-child(2){
display:none;
}
#Description > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
float: left;
height: 500px !important;
margin-right: 10px;
outline: none;
width: 500px !important;
}
#Description2 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
float: right;
height: 500px !important;
margin-right: 10px;
outline: none;
width: 500px !important;
}
#Description3 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
float: right;
height: 500px !important;
margin-right: 10px;
outline: none;
width: 500px !important;
}
#Description4 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
float: right;
height: 500px !important;
margin-right: 10px;
outline: none;
width: 500px !important;
}
#Description5 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
float: right;
height: 500px !important;
margin-right: 10px;
outline: none;
width: 500px !important;
}
/* Table Style */
#Description5 > div.container {
display: flex;
align-items: flex-start;
}
#Description5 > div > div.text {
flex: 1;
padding: 20px;
}
#Description5 > div.table-container{
text-align: center;
}
#Description5 > div > div.table-container {
flex: 1;
padding: 20px;
}
#Description5 > div > div.table-container > table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
}
#Description5 > div > div.table-container > table> th, td {
padding: 10px;
border: 1px solid #ccc;
}
#Description5 > div > div.table-container > table > tr:nth-child(even) {
background-color: #f9f9f9;
}
#Description5 > div > div.table-container > table > th {
background-color: #f2f2f2;
}
#Description5 > div > div.table-container > table > tbody > tr:nth-child(1) > th:nth-child(1){
background-color: #ffffff;
width: 33%;
border: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
}
#Description5 > div > div.table-container > table > tbody > tr:nth-child(1) > th:nth-child(2){
background-color: #ffffff;
width: 33%;
border: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
}
#Description5 > div > div.table-container > table > tbody > tr:nth-child(1) > th:nth-child(3){
background-color: #ffffff;
width: 33%;
border: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
text-align: center;
}
#Description5 > div > div.table-container > table > tbody
{
text-align: center;
}
/* Table Style */
#Description2 > div.container {
display: flex;
align-items: flex-start;
}
#Description2 > div > div.text {
flex: 1;
padding: 20px;
}
#Description2 > div.table-container{
text-align: center;
}
#Description2 > div > div.table-container {
flex: 1;
padding: 20px;
}
#Description2 > div > div.table-container > table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
}
#Description2 > div > div.table-container > table> th, td {
padding: 10px;
border: 1px solid #ccc;
}
#Description2 > div > div.table-container > table > tr:nth-child(even) {
background-color: #f9f9f9;
}
#Description2 > div > div.table-container > table > th {
background-color: #f2f2f2;
}
#Description2 > div > div.table-container > table > tbody > tr:nth-child(1) > th:nth-child(1){
background-color: #ffffff;
width: 33%;
border: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
}
#Description2 > div > div.table-container > table > tbody > tr:nth-child(1) > th:nth-child(2){
background-color: #ffffff;
width: 33%;
border: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
}
#Description2 > div > div.table-container > table > tbody > tr:nth-child(1) > th:nth-child(3){
background-color: #ffffff;
width: 33%;
border: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
text-align: center;
}
#Description2 > div > div.table-container > table > tbody
{
text-align: center;
}
#Description2 > div.container
{
text-align: center;
}
/* Styling for the accordion */
.accordion {
display: flex;
flex-direction: column;
width: 99%;
}
.accordion-item {
border: 1px solid #ccc;
border-right: 0px solid #ffffff;
margin-bottom: 5px;
border-left: 0px solid #ffffff;
position: relative;
border-bottom: 0px solid #ffffff;
}
.accordion-title {
padding: 10px;
cursor: pointer;
direction: rtl;
text-align: right;
}
.accordion-content {
display: none;
padding: 10px;
direction: rtl;
}
/* Show content when accordion title is active */
.accordion-item.active .accordion-content {
display: block;
}
/* Arrow icon */
.accordion-title .arrow {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
transition: transform 0.3s;
}
.accordion-item.active .accordion-title .arrow {
transform: translateY(-233%) rotate(180deg);
}
#mob_Reviews2{
padding: 0% 14% 0% 19%;
}
#all_reviews_info{
padding: 0% 19% 0% 19%;
}
#Reivews_titel_client{
padding: 0% 14% 0% 19%;
}
#main_page_product{
display: flex; justify-content: center;
}
#product_setting{
width: 32%;
}
#product_setting_images{
width: 31%;
}
.disable-selection {
-webkit-user-select: none; /* Chrome, Safari, Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Generic syntax */
}
/* style befor after image */
#Description2 > div.image-slider-container {
display: flex;
justify-content: center;
height: 500px;
}
#Description2 > div > div.image-slider {
position: relative;
width: 44%;
overflow: hidden;
border-radius: 134px!important;
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 3px 3px 1px;
}
#Description2 > div > div > div.image-container4 {
width: 100%;
height: auto;
display: inline-block;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
transition: transform 0.3s ease;
}
#Description2 > div > div > div.image-container4 img {
width: 100%;
height: 508px;
}
#Description2 > div > div > div.image-container4.before {
transform: translateX(0%);
}
#Description2 > div > div > div.image-container4.after {
transform: translateX(100%);
}
#Description2 > div > div > div.slider-handle {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 100%;
background-color: #3498db;
cursor: ew-resize;
z-index: 1;
}
#Description2 > div > div > div.slider-handle::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 54px;
height: 53px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
#Description2 > div > div > div.slider-handle > span.arrow {
font-size: 38px;
padding: 5px;
color: #000;
background-color: rgb(255 255 255 / 0%);
border-radius: 4px;
cursor: pointer;
}
#Description2 > div > div > div.slider-handle > span.arrow.left-arrow {
margin-left: -25px;
}
#Description2 > div > div > div.slider-handle > span.arrow.right-arrow {
margin-right: 10px;
left: 0px
}
#btc_addto_Cart2{
width: 100% !important;
}
#Description > h3 > img{
border-radius: 10px!important;
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
outline: none;
}
#Description2 > div > div > div.image-container4 > img{
height: 505px !important;
width: 561px !important;
border-radius: 10px!important;
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
outline: none;
}
#Description2 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
outline: none;
border-radius: 10px!important;
}
#Description3 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
outline: none;
border-radius: 10px!important;
}
#Description4 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
outline: none;
border-radius: 10px!important;
}
#Description5 > h3 > img{
border: 0px solid #00000000;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
outline: none;
border-radius: 10px!important;
}
#Description{
width: 100% !important;
}
.image_category{
width: 100%;
height: 420px;
/*border-radius: 10px!important;*/
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
}
.image_category_upsell{
width: 93%;
height: 420px;
/*border-radius: 10px!important;*/
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
}
#mob_Reviews > div > div > img{
height: 500px;
}
/* NEW CSS */
#gallery img , #thumbnails img{
/*
border-radius: 10px!important;
box-shadow: rgba(37,42,50,.32) 0 1px 4px 1px;
*/
}
#gallery img{
max-width: 100% !important;
max-height: 100% !important;
height: 586px;
}
.top-image-container3 >p {
direction: rtl;
}
.image-container3 >p {
direction: rtl;
}
#top_page > div > nav > div.u-custom-menu.u-nav-container > ul > li > a{
font-size: 14px !important;
}
#mob_Reviews3 > ul > il > img{
height: 253px !important;
width: 243px;
}
#mob_Reviews{
display: grid !important;
}
#hight_header{
display:none;
}
.u-section-1 .u-text-1 {
font-size: 0.625rem;
direction: rtl;
}
#Product_info_model img {
height: 48% !important;
}
.u-h-spacing-20.u-nav.u-unstyled.u-v-spacing-10.u-nav-2{
direction: rtl;
}
#top_page {
height: 58px;
}
.swiper-pagination-fraction{
bottom: 37% !important;
}
#price > div.u-price.u-text-palette-2-base{
font-size: 1.5rem;
font-weight: 700;
color: green !important;
}
#price > div.u-hide-price.u-old-price{
text-decoration: line-through !important;
color: red;
}
#top_page{
height: 58px;
}
.u-section-1 .u-product-1 {
margin-top: 58px;
margin-bottom: 60px;
/*min-height: 1664px;*/
height: auto;
}
.fr-view {
word-wrap: break-word; }.fr-view strong {
font-weight: 700; }html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}body {
margin: 0;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}a:active,
a:hover {
outline-width: 0;
}b,
strong {
font-weight: inherit;
font-weight: bold;
}img {
border-style: none;
}svg:not(:root) {
overflow: hidden;
}button,
input,
optgroup,
select,
textarea {
/* color: inherit; */
font: inherit;
margin: 0;
}button,
input {
overflow: visible;
}button,
select {
text-transform: none;
background-color: white;
color: black;
}button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}ul,
ol {
text-align: right;
padding-left: 20px;
}.u-over-slide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}.u-btn {
/*display: inline-block;*/
display: table;
/*TODO maye need another solution for negative marin*/
cursor: pointer;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
border: 0 none transparent;
outline-width: 0;
background-color: transparent;
margin: 0;
-webkit-text-decoration-skip: objects;
font-style: initial;
white-space: nowrap;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
text-align: center;
padding: 10px 30px;
border-radius: 0;
align-self: flex-start;
}.u-btn:hover,
.u-btn:focus {
text-decoration: none;
}.u-btn-rectangle {
border-radius: 0 !important;
}.u-text a,
.u-post-content a,
.u-tab-item a,
.u-nav-item a {
font-size: inherit;
font-family: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
}.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content) a {
color: inherit;
}.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content) a,
.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content) a:hover {
text-decoration: none;
}.u-link,
a {
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
}.u-logo {
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
border: 0 none transparent;
outline-width: 0;
background-color: transparent;
margin: 0;
-webkit-text-decoration-skip: objects;
}.u-image.u-logo {
display: table;
white-space: nowrap;
}.u-input {
display: block;
width: 100%;
padding: 10px 12px;
background-image: none;
background-clip: padding-box;
border: none;
border-radius: 3px;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
background-color: transparent;
color: inherit;
height: auto;
}.u-label {
font-weight: normal;
}.u-input-rectangle {
border-radius: 0;
}.u-form-select-wrapper {
position: relative;
}.u-form-select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}.u-form-select-wrapper .u-caret {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 21px;
pointer-events: none;
}*,
*:before,
*:after {
box-sizing: border-box;
}html {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}body {
height: auto;
min-height: 100%;
}body,
aside,
.u-sidebar-block,
section,
header,
footer {
position: relative;
}section > *,
header > *,
footer > *,
.u-sheet > * {
position: relative;
}a {
color: #259bca;
text-decoration: none;
}a:hover {
color: #0676a4;
}.u-clearfix:after,
.u-clearfix:before {
content: '';
display: table;
}.u-clearfix:after {
clear: both;
}:not(.u-effect-fade) > .u-opacity-70,
.u-opacity-70:before,
.u-opacity-70 > .u-container-layout:before {
opacity: 0.7;
}.u-spacing-10.u-countdown-counter > div + div,
.u-spacing-10.u-price-wrapper > div + div,
.u-spacing-10 .u-social-url + .u-social-url {
margin-left: 10px;
}.u-spacing-10.u-icon,
.u-spacing-10.u-search-icon,
.u-spacing-10.u-gallery-nav,
.u-spacing-10.u-carousel-control {
padding: 10px;
}.u-text-default {
display: table;
align-self: flex-start;
}.u-xl-mode .u-text-default-xl {
display: table;
align-self: flex-start;
}.u-image,
.u-background-effect-image,
.u-video-poster {
object-fit: cover;
display: block;
vertical-align: middle;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}img.u-image,
.u-video-poster {
overflow: hidden;
}.u-sheet {
position: relative;
margin: 0 auto;
}.u-xl-mode .u-sheet {
width: var(--theme-sheet-width-xl);
}.u-sheet {
width: var(--theme-sheet-width-xxl) !important;
}.u-container-layout {
position: relative;
flex: 1;
max-width: 100%;
transition-duration: inherit;
}.u-inner-container-layout,
.u-container-layout > * {
position: relative;
}.u-expanded {
position: absolute !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
}.u-expanded-width {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}.u-valign-middle,
.u-valign-top,
.u-valign-bottom {
display: flex;
flex-direction: column;
}.u-xl-mode .u-valign-middle-xl,
.u-xl-mode .u-valign-top-xl,
.u-xl-mode .u-valign-bottom-xl {
display: flex;
flex-direction: row-reverse;
}.u-valign-middle > *,
.u-valign-top > *,
.u-valign-bottom > * {
flex-shrink: 0;
}.u-valign-middle {
justify-content: center;
}.u-xl-mode .u-valign-middle-xl {
justify-content: center;
}.u-layout-row > .u-size-20 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
min-width: 33.33333333%;
}.u-layout-col,
.u-layout-row,
.u-layout-col > * {
display: flex;
}.u-layout-col,
.u-layout-row {
flex: 1 1 100%;
}.u-layout-row > * {
max-height: 100%;
min-height: -webkit-fit-content;
min-height: fit-content;
}.u-layout-row {
flex-direction: row-reverse;
flex-wrap: wrap;
min-height: 100%;
max-width: 100%;
}.u-layout-cell {
position: relative;
display: flex;
background-clip: padding-box;
background-origin: padding-box;
}.u-sheet:not(.u-image):not(.u-video) {
pointer-events: none;
}.u-sheet:not(.u-image):not(.u-video) > * {
pointer-events: auto;
pointer-events: initial;
}.u-absolute-vcenter {
top: 50% !important;
transform: translateY(-50%);
}[class*="u-border-"]:not(.u-shape-svg) {
stroke: none;
}.u-icon {
display: block;
line-height: 0;
border-width: 0px;
}.u-svg-link {
width: 100%;
height: 100%;
fill: currentColor;
}.u-svg-content {
width: 0;
height: 0;
}.u-icon-circle {
border-radius: 50%;
}.u-responsive-xxl .u-menu,
.u-responsive-xl .u-menu,
.u-responsive-lg .u-menu,
.u-responsive-md .u-menu,
.u-responsive-sm .u-menu,
.u-responsive-xs .u-menu {
opacity: 1;
}.u-menu,
.u-popupmenu-items {
display: table;
white-space: nowrap;
position: relative;
line-height: 1;
}.u-nav,
.u-nav-item {
position: relative;
}.u-nav {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}.u-nav-item {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 0;
margin: 0;
height: 100%;
}.u-nav-popup .u-nav-item {
height: auto;
}.u-nav-container .u-nav-item .u-nav-item {
display: block;
}.u-h-spacing-20 .u-nav-link {
padding-left: 20px;
padding-right: 20px;
}.u-v-spacing-10 .u-nav-link {
padding-top: 10px;
padding-bottom: 10px;
}.u-nav-link {
display: block;
white-space: nowrap;
font-size: inherit;
font-family: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
border: 0 none transparent;
outline-width: 0;
background-color: transparent;
margin: 0;
-webkit-text-decoration-skip: objects;
}.u-nav-link,
.u-nav-link:hover,
.u-nav-link:focus {
text-decoration: none;
}.u-nav-item a.u-nav-link,
.menu-collapse a.u-nav-link {
color: inherit;
}.u-nav-container > .u-nav > .u-nav-item > .u-nav-link {
padding: 10px 20px;
}.menu-collapse {
display: none;
border: none;
z-index: 1;
}.u-nav-container-collapse {
display: none;
z-index: 1001;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
position: fixed !important;
overflow: hidden;
width: 0;
}html {
font-size: 16px;
}.u-body {
font-size: 1rem;
line-height: 1.6;
}.u-body h1,
.u-body h2,
.u-body h3,
.u-body h4,
.u-body h5,
.u-body h6 {
padding: 0;
}h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.2;
font-weight: 500;
color: inherit;
}h2 {
font-size: 1.5rem;
}h4 {
font-size: 1.25rem;
}p {
margin-top: 0;
padding: 0;
margin-bottom: 0.5rem;
}.u-align-center {
text-align: center;
}.u-tabs:not([class*="u-align-"]),
.u-accordion:not([class*="u-align-"]),
.u-repeater-item:not([class*="u-align-"]),
.u-container-style:not([class*="u-align-"]) {
text-align: left;
}.u-nav:not([class*="u-align-"]) .u-nav {
text-align: left;
}.u-text {
word-wrap: break-word;
position: relative;
}.u-button-style[class*="u-custom-color-"],
.u-button-style[class*="u-palette-"],
.u-button-style[class*="u-gray-"],
.u-button-style.u-white,
.u-button-style.u-black {
border-width: 0;
}.u-lightbox .u-image,
.u-lightbox .u-gallery-item {
cursor: pointer;
}.u-body {
--animation-fade_in-opacity: 0;
--animation-fade_in_up-opacity: 0;
--animation-fade_in_left-opacity: 0;
--animation-fade_in_right-opacity: 0;
--animation-fade_in_down-opacity: 0;
--animation-fade_in_up_big-opacity: 0;
--animation-fade_in_left_big-opacity: 0;
--animation-fade_in_right_big-opacity: 0;
--animation-fade_in_down_big-opacity: 0;
--animation-fade_out-opacity: 0;
--animation-fade_out_up-opacity: 0;
--animation-fade_out_left-opacity: 0;
--animation-fade_out_right-opacity: 0;
--animation-fade_out_down-opacity: 0;
--animation-fade_out_up_big-opacity: 0;
--animation-fade_out_left_big-opacity: 0;
--animation-fade_out_right_big-opacity: 0;
--animation-fade_out_down_big-opacity: 0;
--animation-rotate_in-rotate: -200deg;
--animation-rotate_in_down_left-rotate: -45deg;
--animation-rotate_in_down_right-rotate: 45deg;
--animation-rotate_in_up_left-rotate: 45deg;
--animation-rotate_in_up_right-rotate: -90deg;
--animation-rotate_out-rotate: 200deg;
--animation-rotate_out_down_left-rotate: 45deg;
--animation-rotate_out_down_right-rotate: -45deg;
--animation-rotate_out_up_left-rotate: -45deg;
--animation-rotate_out_up_right-rotate: 90deg;
--animation-roll_in-rotate: -120deg;
--animation-roll_in-translate_x: -100%;
--animation-roll_out-rotate: 120deg;
--animation-roll_out-translate_x: 100%;
--animation-zoom_in-scale: 0.3;
--animation-zoom_in_down-scale: 0.475;
--animation-zoom_in_down-translate_y: 60px;
--animation-zoom_in_up-scale: 0.475;
--animation-zoom_in_up-translate_y: -60px;
--animation-zoom_in_left-scale: 0.475;
--animation-zoom_in_left-translate_x: 10px;
--animation-zoom_in_right-scale: 0.475;
--animation-zoom_in_right-translate_x: -10px;
--animation-zoom_out-scale: 0.3;
--animation-zoom_out_down-scale: 0.475;
--animation-zoom_out_down-translate_y: -60px;
--animation-zoom_out_up-scale: 0.475;
--animation-zoom_out_up-translate_y: 60px;
--animation-zoom_out_left-scale: 0.475;
--animation-zoom_out_left-translate_x: 42px;
--animation-zoom_out_right-scale: 0.475;
--animation-zoom_out_right-translate_x: -42px;
--animation-slide_in_down-translate_y: -100%;
--animation-slide_in_up-translate_y: 100%;
--animation-slide_in_left-translate_x: -100%;
--animation-slide_in_right-translate_x: 100%;
--animation-slide_out_down-translate_y: 100%;
--animation-slide_out_up-translate_y: -100%;
--animation-slide_out_left-translate_x: -100%;
--animation-slide_out_right-translate_x: 100%;
--animation-custom_in-translate_x: 50px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-scale: 0.3;
--animation-custom_in-rotate: 180deg;
--animation-custom_in-opacity: 0;
}.u-gallery-item {
position: relative;
overflow: hidden;
}.u-gallery-item .u-back-slide {
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#sec-424d > div > div > div > div.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-watch-progress.swiper-backface-hidden > div.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal{
bottom: 37%;
}
.u-back-image {
height: 65%;
width: 100%;
object-fit: fill;
object-position: center;
}.u-show-text-none .u-over-slide {
display: none;
}.u-no-transition *,
.u-no-transition *:before,
.u-no-transition *:after {
transition: none !important;
}.u-list:not(.u-repeater),
.u-blog:not(.u-repeater),
.u-products:not(.u-repeater) {
display: flex;
flex-direction: column;
}.u-list:not(.u-repeater) .u-repeater,
.u-blog:not(.u-repeater) .u-repeater,
.u-products:not(.u-repeater) .u-repeater {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}.u-table table {
width: 100%;
border-collapse: collapse;
text-align: left;
}.u-table th,
.u-table td {
padding: 10px;
font-weight: inherit;
position: inherit;
}.u-text .u-icon,
.u-btn .u-icon,
.u-table-cell .u-icon,
.u-tab-link .u-icon {
position: relative;
display: inline;
line-height: inherit;
font-size: 1em;
fill: currentColor;
vertical-align: middle;
white-space: nowrap;
}.u-text .u-icon > svg,
.u-btn .u-icon > svg,
.u-table-cell .u-icon > svg,
.u-tab-link .u-icon > svg {
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
vertical-align: -0.15em;
}.u-text .u-icon > svg + img,
.u-btn .u-icon > svg + img,
.u-table-cell .u-icon > svg + img,
.u-tab-link .u-icon > svg + img {
position: absolute !important;
left: calc(50% - 0.5em) !important;
top: calc(50% - 0.5em) !important;
display: inline !important;
padding: 0.5em !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
min-width: 0 !important;
min-height: 0 !important;
width: 0 !important;
height: 0 !important;
line-height: 1 !important;
}.u-layout-thumbnails,
.u-layout-carousel {
display: flex;
}.u-layout-thumbnails .u-carousel-inner,
.u-layout-carousel .u-carousel-inner {
flex: 1;
}.u-layout-thumbnails .u-carousel-item,
.u-layout-carousel .u-carousel-item {
height: 100%;
flex-direction: column;
}.u-layout-thumbnails .u-carousel-item.u-active,
.u-layout-carousel .u-carousel-item.u-active,
.u-layout-thumbnails .u-carousel-item.u-carousel-item-next,
.u-layout-carousel .u-carousel-item.u-carousel-item-next,
.u-layout-thumbnails .u-carousel-item.u-carousel-item-prev,
.u-layout-carousel .u-carousel-item.u-carousel-item-prev {
display: flex;
}.u-layout-thumbnails .u-carousel-item .u-back-slide,
.u-layout-carousel .u-carousel-item .u-back-slide {
position: relative;
}.u-layout-thumbnails {
flex-direction: column;
grid-gap: 0 !important;
}.u-layout-thumbnails .u-over-slide {
display: none;
}.u-layout-thumbnails .u-carousel-thumbnails {
padding-left: 0;
margin: 0;
list-style: none;
display: flex;
overflow-x: auto;
}.u-layout-thumbnails .u-carousel-thumbnail {
flex-shrink: 0;
overflow: hidden;
}.u-carousel-thumbnail-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}.u-thumbnails-position-bottom {
flex-direction: column;
}.u-thumbnails-position-bottom .u-carousel-thumbnails {
flex-direction: row;
order: 10;
overflow-x: auto;
}.u-product {
display: flex;
}.u-gallery.u-product-control .u-back-image {
object-fit: fill;
}.u-price-wrapper {
display: flex;
justify-content: center;
align-items: baseline;
flex-direction: row-reverse;
gap: 12px;
}.u-price-wrapper .u-price,
.u-price-wrapper .u-old-price {
margin-top: auto;
margin-bottom: auto;
}.u-price-wrapper .u-old-price {
line-height: 1;
}.u-price-wrapper .u-hide-price {
/* display: none; */
}.u-shopping-cart-icon {
position: relative;
width: 100%;
height: 100%;
}.u-shopping-cart-count {
position: absolute;
top: 0;
transform: translate(-50%, -40%);
z-index: 1;
width: calc(1em + 3px);
height: calc(1em + 3px);
line-height: calc(1em + 2px);
text-align: center;
vertical-align: baseline;
box-sizing: content-box;
}.u-section-row {
position: relative;
}.u-carousel {
position: relative;
}.u-carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}.u-carousel-item {
position: relative;
align-items: center;
width: 100%;
transition: transform 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px;
transform: translate3d(0, 0, 0);
}.u-carousel .u-carousel-item {
display: none;
}.u-carousel-item.u-active,
.u-carousel-item.u-carousel-item-next,
.u-carousel-item.u-carousel-item-prev {
display: block;
}.u-gallery-nav-prev,
.u-gallery-nav-next,
.u-carousel-control-prev,
.u-carousel-control-next {
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
border: 0 none transparent;
outline-width: 0;
background-color: transparent;
margin: 0;
-webkit-text-decoration-skip: objects;
border: none;
margin: 0 !important;
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
opacity: 1;
}.u-gallery-nav-prev span svg,
.u-gallery-nav-next span svg,
.u-carousel-control-prev span svg,
.u-carousel-control-next span svg {
vertical-align: top;
fill: currentColor;
}.u-gallery-nav-prev,
.u-carousel-control-prev {
left: 0;
}.u-gallery-nav-next,
.u-carousel-control-next {
right: 0;
}.u-gallery-nav > span,
.u-carousel-control > span {
display: inline-block;
height: 100%;
width: 100%;
}.u-gallery-nav,
.u-carousel-control {
display: inline-block;
height: 65px;
width: 65px;
z-index: 2;
}.sr-only {
position: absolute;
width: 1px !important;
height: 1px !important;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}[class*="u-border-"],
.u-link[class*="u-border-"] {
border-style: solid;
}.u-border-1,
.u-separator-1:after,
.u-text.u-border-1,
a.u-button-style.u-border-1 {
border-width: 1px;
}.u-border-2,
.u-separator-2:after,
.u-text.u-border-2,
a.u-button-style.u-border-2 {
border-width: 2px;
}.u-border-3,
.u-separator-3:after,
.u-text.u-border-3,
a.u-button-style.u-border-3 {
border-width: 3px;
}.u-border-5,
.u-separator-5:after,
.u-text.u-border-5,
a.u-button-style.u-border-5 {
border-width: 5px;
}.u-radius-0,
.u-radius-0:before,
.u-radius-0 .u-background-effect,
.u-radius-0:not(.u-hover-box) > .u-container-layout {
border-radius: 0px !important;
}.u-top-left-radius-0,
.u-top-left-radius-0:before,
.u-top-left-radius-0 .u-background-effect,
.u-top-left-radius-0:not(.u-hover-box) > .u-container-layout {
border-top-left-radius: 0px !important;
}.u-top-right-radius-0,
.u-top-right-radius-0:before,
.u-top-right-radius-0 .u-background-effect,
.u-top-right-radius-0:not(.u-hover-box) > .u-container-layout {
border-top-right-radius: 0px !important;
}.u-bottom-right-radius-0,
.u-bottom-right-radius-0:before,
.u-bottom-right-radius-0 .u-background-effect,
.u-bottom-right-radius-0:not(.u-hover-box) > .u-container-layout {
border-bottom-right-radius: 0px !important;
}.u-bottom-left-radius-0,
.u-bottom-left-radius-0:before,
.u-bottom-left-radius-0 .u-background-effect,
.u-bottom-left-radius-0:not(.u-hover-box) > .u-container-layout {
border-bottom-left-radius: 0px !important;
}.u-radius-50,
.u-radius-50:before,
.u-radius-50 .u-background-effect,
.u-radius-50:not(.u-hover-box) > .u-container-layout {
border-radius: 50px !important;
}.u-body {
font-family: 'Open Sans',sans-serif;
}h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Roboto,sans-serif;
}.u-overlap.u-overlap-transparent .u-header,
.u-image,
.u-gradient {
color: #111111;
}.u-body {
color: #111111;
background-color: #ffffff;
--effect-scale: 1.1;
}.u-none.u-button-style,
.u-none.u-button-style:hover,
.u-none.u-button-style:focus,
.u-none.u-button-style:active,
.u-none.u-button-style.active,
.u-button-style.u-hover-none:hover,
.u-button-style.u-hover-none:focus,
.u-button-style.u-active-none:active,
.u-button-style.u-active-none.active,
li.active > .u-button-style.u-active-none {
color: inherit !important;
background-color: transparent !important;
}.u-palette-1-base,
.u-body.u-palette-1-base,
.u-palette-1-base > .u-container-layout:before,
.u-container-style.u-palette-1-base:before,
.u-container-layout.u-container-layout.u-palette-1-base:before,
.u-table-alt-palette-1-base tr:nth-child(even) {
color: #ffffff;
background-color: black;
}.u-white,
.u-body.u-white,
.u-white > .u-container-layout:before,
.u-container-style.u-white:before,
.u-container-layout.u-container-layout.u-white:before,
.u-table-alt-white tr:nth-child(even) {
color: #111111;
background-color: #ffffff;
}.u-button-style.u-white,
.u-button-style.u-white[class*="u-border-"] {
color: #111111 !important;
background-color: #ffffff !important;
text-align:right;
}.u-button-style.u-white:hover,
.u-button-style.u-white[class*="u-border-"]:hover,
.u-button-style.u-white:focus,
.u-button-style.u-white[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-white:active,
.u-button-style.u-button-style.u-white[class*="u-border-"]:active,
.u-button-style.u-button-style.u-white.active,
.u-button-style.u-button-style.u-white[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-white,
li.active > .u-button-style.u-button-style.u-white[class*="u-border-"] {
color: #111111 !important;
background-color: #e6e6e6 !important;
}.u-black,
.u-body.u-black,
.u-black > .u-container-layout:before,
.u-container-style.u-black:before,
.u-container-layout.u-container-layout.u-black:before,
.u-table-alt-black tr:nth-child(even) {
color: #ffffff;
background-color: #000000;
}.u-button-style.u-black,
.u-button-style.u-black[class*="u-border-"] {
color: #ffffff !important;
background-color: #000000 !important;
}.u-button-style.u-black:hover,
.u-button-style.u-black[class*="u-border-"]:hover,
.u-button-style.u-black:focus,
.u-button-style.u-black[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-black:active,
.u-button-style.u-button-style.u-black[class*="u-border-"]:active,
.u-button-style.u-button-style.u-black.active,
.u-button-style.u-button-style.u-black[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-black,
li.active > .u-button-style.u-button-style.u-black[class*="u-border-"] {
color: #ffffff !important;
background-color: #000000 !important;
}.u-grey-70,
.u-body.u-grey-70,
.u-grey-70 > .u-container-layout:before,
.u-container-style.u-grey-70:before,
.u-container-layout.u-container-layout.u-grey-70:before,
.u-table-alt-grey-70 tr:nth-child(even) {
color: #ffffff;
background-color: #4d4d4d;
}.u-border-palette-1-base,
.u-separator-palette-1-base:after {
border-color: #478ac9;
stroke: #478ac9;
}.u-button-style.u-border-palette-1-base {
border-color: #478ac9 !important;
color: #478ac9 !important;
background-color: transparent !important;
}.u-border-grey-dark-1,
.u-separator-grey-dark-1:after {
border-color: #454545;
stroke: #454545;
}.u-border-grey-30,
.u-separator-grey-30:after {
border-color: #b3b3b3;
stroke: #b3b3b3;
}.u-border-grey-75,
.u-separator-grey-75:after {
border-color: #404040;
stroke: #404040;
}.u-button-style.u-border-grey-75 {
border-color: #404040 !important;
color: #404040 !important;
background-color: transparent !important;
}.u-button-style.u-border-grey-75:hover,
.u-button-style.u-border-grey-75:focus {
border-color: transparent !important;
color: #3a3a3a !important;
background-color: transparent !important;
}.u-text-palette-2-base,
li.active > a.u-button-style.u-text-palette-2-base,
li.active > a.u-button-style.u-text-palette-2-base[class*="u-border-"],
a.u-button-style.u-text-palette-2-base,
.u-text-white,
li.active > a.u-button-style.u-text-white,
li.active > a.u-button-style.u-text-white[class*="u-border-"],
a.u-button-style.u-text-white,
.u-text-custom-color-1,
li.active > a.u-button-style.u-text-custom-color-1,
li.active > a.u-button-style.u-text-custom-color-1[class*="u-border-"],
a.u-button-style.u-text-custom-color-1,
.u-body
{
--theme-sheet-width-xl: 1140px;
--theme-sheet-width-lg: 940px;
--theme-sheet-width-md: 720px;
--theme-sheet-width-sm: 540px;
--theme-sheet-width-xs: 340px;
}h2:not(.u-subtitle)
{
font-weight: 400;
font-size: 2.25rem;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 20px;
}h4
{
font-weight: 400;
font-size: 1.5rem;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}p:not(.u-text-variant)
{
margin-top: 20px;
margin-bottom: 20px;
text-align: right;
}.u-btn
{
margin-top: 20px;
margin-bottom: 20px;
}ol
{
margin-top: 20px;
margin-bottom: 20px;
}.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a,
.u-gradient > .u-container-layout > a,
.u-image:not(.u-shading) > .u-container-layout > a,
a
{
color: #478ac9;
}.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover,
.u-gradient > .u-container-layout > a:hover,
.u-image:not(.u-shading) > .u-container-layout > a:hover,
a:hover
{
color: #387cbd;
}.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn,
.u-gradient > .u-container-layout > .u-btn,
.u-image:not(.u-shading) > .u-container-layout > .u-btn,
.u-btn
{
background-color: #478ac9;
color: #ffffff;
}.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:hover,
.u-gradient > .u-container-layout > .u-btn:hover,
.u-image:not(.u-shading) > .u-container-layout > .u-btn:hover,
.u-btn:hover
{
background-color: #387cbd;
color: #e6e6e6;
}.u-custom-color-1 a,.u-custom-color-3 a,.u-body-color a,.u-palette-1-base a,.u-palette-1-dark-3 a,.u-palette-1-dark-2 a,.u-palette-1-dark-1 a,.u-palette-1 a,.u-palette-1-light-1 a,.u-palette-2-base a,.u-palette-2-dark-3 a,.u-palette-2-dark-2 a,.u-palette-2-dark-1 a,.u-palette-2 a,.u-palette-2-light-1 a,.u-palette-3-dark-3 a,.u-palette-3-dark-2 a,.u-palette-3-dark-1 a,.u-palette-4-base a,.u-palette-4-dark-3 a,.u-palette-4-dark-2 a,.u-palette-4-dark-1 a,.u-palette-5-dark-3 a,.u-palette-5-dark-2 a,.u-palette-5-dark-1 a,.u-grey-40 a,.u-grey-30 a,.u-grey-90 a,.u-grey-80 a,.u-grey-75 a,.u-black a,.u-grey-70 a,.u-grey-60 a,.u-grey-50 a,.u-grey-dark-3 a,.u-grey-dark-2 a,.u-grey-dark-1 a,.u-grey a,.u-shading a,.u-overlap-contrast .u-header a:not(.u-nav-link):not(.u-btn)
{
color: #adcce9;
}.u-custom-color-1 .u-btn,.u-custom-color-3 .u-btn,.u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-1-light-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-2-light-1 .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-4-base .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn
{
background-color: #adcce9;
color: #000000;
}.u-header .u-section-row-1 {
background-image: none;
}.u-header .u-sheet-1 {
min-height: 56px;
}.u-header .u-text-1 {
font-weight: 700;
margin: 10px auto;
}.u-header .u-sheet-2 {
min-height: 112px;
}.u-header .u-image-1 {
height: 84px;
}.u-header .u-nav-1 {
font-size: 1rem;
letter-spacing: 0px;
}.u-header .u-nav-2 {
font-size: 1.25rem;
}.u-footer {
background-image: none;
}.u-footer .u-sheet-1 {
min-height: 301px;
}.u-footer .u-layout-wrap-1 {
margin-top: 20px;
margin-bottom: 0;
}.u-footer .u-layout-cell-1 {
min-height: 281px;
}.u-footer .u-container-layout-1 {
padding: 30px;
}.u-footer .u-btn-1 {
background-image: none;
border-style: none none solid;
margin-bottom: 0;
margin-top: 0;
font-weight: 700;
padding: 0;
}.u-footer .u-btn-2 {
background-image: none;
border-style: none none solid;
font-weight: 700;
/* margin: 20px auto 0 0; */
padding: 0;
}.u-footer .u-btn-3 {
background-image: none;
border-style: none none solid;
font-weight: 700;
/* margin: 20px auto 0 0; */
padding: 0;
}.u-footer .u-btn-4 {
background-image: none;
border-style: none none solid;
font-weight: 700;
/* margin: 20px auto 0 0; */
padding: 0;
}.u-footer .u-btn-5 {
background-image: none;
border-style: none none solid;
font-weight: 700;
/* margin: 20px auto 0 0; */
padding: 0;
}.u-footer .u-layout-cell-2 {
min-height: 281px;
}.u-footer .u-container-layout-2 {
padding: 30px;
}.u-footer .u-layout-cell-3 {
min-height: 281px;
}.u-footer .u-container-layout-3 {
padding: 15px 30px 0;
}.u-footer .u-text-1 {
font-size: 2.25rem;
margin: 15px auto 0;
}.u-footer .u-image-1 {
width: 305px;
height: 24px;
margin: 57px auto 0;
}.u-footer .u-btn-6 {
border-style: none;
font-size: 2.25rem;
margin: 25px auto 0;
padding: 0;
}.u-footer .u-icon-1 {
font-size: 1.2em;
}.u-footer .u-list-1 {
margin: 0;
}.u-footer .u-repeater-1 {
grid-gap: 0px 0px;
}html { font-size: 16px; }
a:active,
a:hover {
outline-width: 0;
}
button,
input,
optgroup,
select,
textarea {
/* color: inherit; */
font: inherit;
margin: 0;
}button,
input {
overflow: visible;
}button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
a:hover {
color: #0676a4;
}
.u-nav-container .u-nav-item:hover > .u-nav-popup:not(.fake) {
visibility: visible;
pointer-events: auto;
}
.u-shopping-cart:hover {
color: inherit;
}
.u-button-style.u-white:hover,
.u-button-style.u-white[class*="u-border-"]:hover,
.u-button-style.u-white:focus,
.u-button-style.u-white[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-white:active,
.u-button-style.u-button-style.u-white[class*="u-border-"]:active,
.u-button-style.u-button-style.u-white.active,
.u-button-style.u-button-style.u-white[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-white,
li.active > .u-button-style.u-button-style.u-white[class*="u-border-"] {
color: #111111 !important;
background-color: #e6e6e6 !important;
}
a.u-button-style:hover > .u-text-hover-palette-1-base,
a.u-button-style:hover > .u-text-hover-palette-1-base[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover,
a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-palette-1-base:focus,
a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-palette-1-base,
a.u-button-style.u-button-style.active > .u-text-active-palette-1-base[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1-base.active,
.u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link:hover,
.u-popupmenu-items.u-popupmenu-items.u-text-active-palette-1-base .u-nav-link.active {
color: #478ac9 !important;
}
a.u-button-style:hover > .u-text-hover-palette-2-base,
a.u-button-style:hover > .u-text-hover-palette-2-base[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-palette-2-base:hover,
a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-palette-2-base:focus,
a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-palette-2-base,
a.u-button-style.u-button-style.active > .u-text-active-palette-2-base[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2-base:hover,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-2-base.active,
.u-popupmenu-items.u-text-hover-palette-2-base .u-nav-link:hover,
.u-popupmenu-items.u-popupmenu-items.u-text-active-palette-2-base .u-nav-link.active {
color: #db545a !important;
}
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover,
.u-gradient > .u-container-layout > a:hover,
.u-image:not(.u-shading) > .u-container-layout > a:hover,
a:hover
{
color: #387cbd;
}
/*begin-commonstyles photoswipe*/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
/* for open/close transition */
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/* previews */
.pswp__caption {
text-align: center;
}
.pswp__caption__center {
bottom: 3em;
}
.pswp__previews {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
flex-flow: row;
justify-content: center;
background-color: rgba(0, 0, 0, 0.3);
overflow: auto;
}
.pswp__previews img {
width: 5em;
height: 5em;
object-fit: cover;
opacity: 0.3;
transition: opacity 0.3s;
cursor: pointer;
}
.pswp__previews img:hover {
opacity: 1;
}
.pswp__previews img.active {
opacity: 1;
cursor: default;
}
.pswp__previews::-webkit-scrollbar {
display: none;
}
/* end previews */
/*end-commonstyles photoswipe*/
/*begin-commonstyles photoswipe-default*/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAYAAAAJD2m8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1MjlDODkyNzhFRDExRUE4ODlDRjAwQ0Q5ODQ0NUI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1MjlDODkzNzhFRDExRUE4ODlDRjAwQ0Q5ODQ0NUI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTUyOUM4OTA3OEVEMTFFQTg4OUNGMDBDRDk4NDQ1QjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTUyOUM4OTE3OEVEMTFFQTg4OUNGMDBDRDk4NDQ1QjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aKz4qAAAEPklEQVR42uzdz64TVRwH8NZcQ1hxTSRowIXxMRBCCIm8gq+gG+KKtS5U4kITLxv2PAOsIMBrsDDxH5GEuyOGxPE3ehpr77SdTm9nzpl+Pskv5dKW/mjnfHvOzPR2WlXVBKDJW54CQEAAAgIQEICAAAQEICAAAQEICEBAAAICQEAAAgIQEMAOHXS834nPiE/Dyjs0fK583X12YdZH236H6LGhl4/j4vOoK1Hno/6Iehp1FO09y22j2rRfv3IgX9OOL46A6KfXOsB/iPos6kXUg6jfo96Luhl1Iepu1K1o800GwdCpXwGRsfrF6VBVtcWruu39tw2INo89ZI9zPdyL+ivqTtTZhevOpr+vr7+XybbUqd+O26DqofYiIKoGu7jPKfd8OT3sd2tudyfd7vLA4dC5XwMx39pqidF1+t339L3L8mboJVE8/P24uB71YTzs6/m+5vuIH8/ExU9Rj+KvPx0wIBr7bbjdiX4tMUa2k3LbgdL3ur7L42Wwc7IebA9XDbbU558xwB7GH2/olywCgl7UO/R+bZrRNMzAfol6N9d+G0I3h34REEWrjwK8vzi4FpcYycWolzn2u0QO/dKCE6Xy9Sjq5uLRgCVr+k+inuiXLALCUYxeHKVp+1dLpukzX6bbHQ28LTX22yCXfmk5eBzmzDMg6h5+TOcNfL3kvIJv0/VVJttSp34dTnSY88Tg2+b+24ZFm8fO5EzKt+Pi+8n/z0z8La31Z2cmTlqu+7Pt12HOfDnVOuOAmOtl9tmGq5N/9/6/TGv4fz7bMP/cltivgBAQAqKn/1cpPS9sD1NDcUQBUciY2cf9SdW0oBdn1q8ZRL4c5hxT2heW3FPvNAICEBCAgAAEBICAAAQEICAAAQEICEBAAAICEBCAgAAEBCAgAAQEICCA0zHab9Ya+teY+WVJmEEAAgIQEAACAhAQo1cV8IUSlS+9EBAMN/ByHoAl9IiAGKX5L53JcQCW9lWACAghIRwQEEJCOHBaDjwF+e9n2PQ+Qw3MxX436F+QjHUGsclGPOA7XLWiDtNtDlfcBswguoZDm3etTW7LZlP0XKb19WN36cVBjpHOINqufzNal76TprPzdZyuO04/fxD1vMRlSA7Bm/vRFXpeYqzbIArbaXUp6nHURyWERK7PrZAQEK02iMLD4ZpwEBICYkcbxAjC4ecS9k/k/NyW0CM9BcSyDaHwcJjtp8h6AJYQZAiIEhU3c4BiA2LdTsoM3V4TDoeT/86TgL1zsItwmE0rCzj34Yt0+c2SmcOruaUG7J1plzf4xbG+aofkUDsrF8/6TZf1eRDHm/wzXQPC0rvza8WYlhjrAsDhLtjTgGg7OxASsIf7IGbn3rdZOmxy2x065yWHHe+DKHGZu+3zZFPBEgPgtJYYJc2UvNRgBgEICEBAAAICEBCAgAAEBCAgAAEBICAAAQEICGCX/hZgANzhlTFY6SDTAAAAAElFTkSuQmCC') 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNjRweCIgaGVpZ2h0PSI4OHB4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNjQgODgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI3MSw2OCA3MSw3MyA1OSw3MyA1OSw2MSA2NCw2MSA2NCw1OSA1Nyw1OSA1Nyw3NSA3Myw3NSA3Myw2OCAJIi8+DQoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI2Nyw1OSA2Nyw2MSA2OS42LDYxIDYzLjIsNjcuNCA2NC42LDY4LjggNzEsNjIuNCA3MSw2NSA3Myw2NSA3Myw1OSAJIi8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBpZD0iU2hhcGVfMV8iIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMywyOXYtNWgydjNoM3YySDEzeiBNMTMsMTVoNXYyaC0zdjNoLTJWMTV6IE0zMSwxNXY1aC0ydi0zaC0zdi0ySDMxeiBNMzEsMjloLTV2LTJoM3YtM2gyDQoJCVYyOXoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MiwyNHY1aC0ydi0zaC0zdi0ySDYyeiBNNjIsMjBoLTV2LTJoM3YtM2gyVjIweiBNNzAsMjB2LTVoMnYzaDN2Mkg3MHogTTcwLDI0aDV2MmgtM3YzaC0yVjI0eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LjYsNjZMMTQsNjAuNGwxLjQtMS40bDUuNiw1LjZsNS42LTUuNmwxLjQsMS40TDIyLjQsNjZsNS42LDUuNkwyNi42LDczTDIxLDY3LjRMMTUuNCw3M0wxNCw3MS42TDE5LjYsNjYNCgl6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTExLjgsNjVsLTEuOC0xLjVsMy0zLjVoLTEwdi0yaDEwbC0zLTMuNWwxLjgtMS41bDUuMiw2TDExMS44LDY1eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1Mi4yLDY1bDEuOC0xLjVsLTMtMy41aDEwdi0yaC0xMGwzLTMuNWwtMS44LTEuNWwtNS4yLDZMMTUyLjIsNjV6Ii8+DQo8Zz4NCgk8cGF0aCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTYxLDI4LjVsLTMuMy0zLjNsLTEuNCwxLjRsMy4zLDMuM0wxNjEsMjguNXoiLz4NCgk8cGF0aCBpZD0iT3ZhbC0xIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTUyLjUsMjdjMywwLDUuNS0yLjUsNS41LTUuNXMtMi41LTUuNS01LjUtNS41DQoJCXMtNS41LDIuNS01LjUsNS41UzE0OS41LDI3LDE1Mi41LDI3eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNTAsMjFoNXYxaC01VjIxeiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTExNywyOC41bC0xLjQsMS40bC0zLjMtMy4zbDEuNC0xLjRMMTE3LDI4LjV6Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEwOC41LDI3YzMsMCw1LjUtMi41LDUuNS01LjVzLTIuNS01LjUtNS41LTUuNXMtNS41LDIuNS01LjUsNS41DQoJCVMxMDUuNSwyNywxMDguNSwyN3oiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTA2LDIxaDV2MWgtNVYyMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTA5LDE5bC0wLjEsNWwtMC45LDBsMC4xLTVMMTA5LDE5eiIvPg0KPC9nPg0KPC9zdmc+DQo=');
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url("data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=") 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.u-lightbox .u-image,
.u-lightbox .u-gallery-item {
cursor: pointer;
}
#Static_Cart > button.u-border-3.u-border-grey-75.u-btn.u-button-style.u-product-control.u-white.u-btn-1{
border: inset;
}
#mob_Reviews{
display:flex;
}
#Size_Chart{
margin-left:0px;
margin-right: 0px;
width:6%;
display:inline;
}
.modal-content {
width: 34%;
}
#ImagE_Model_Women{
width: 31%;
height: 56%;
}