/**
* Swiper 4.4.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: December 19, 2018
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
.color_blue{color:#00AFEF;}
.en_page{
direction: ltr;
}
.fa_page{
direction: rtl;
}
.w200 {
width:200px;
}
.w400 {
width:400px;
}
.w600 {
width:600px;
}
.w800 {
width:800px;
}
.w1000 {
width:1000px;
}
.w1200 {
width:1200px;
}
.dtcd {
display:table-cell;
padding:10px;
text-align: justify;
}
.pdig {
line-height: 1.75;
}
.imgdi{
width:100%;
height:100%;
}
.gerd{
border-radius: 50%;
}
.diul{
padding:20px;
}
#description_848 .ti_ma_h{
width:1200px;
text-align: center;
margin: auto;
padding: 0 10px;
font-size:20px;
line-height: 50px;
color: #0b3d6c;
background-color: #BBC8E6;
}
#description_848 .ti_ma_h a{color: #0b3d6c;}
.pborder{
border-right-width:4px;
border-right-style: solid;
border-right-color: ;
padding-right:25px;
font-weight: 600;
}
.pborder_title{
line-height: 1.42857143;
padding-right: 25px;
font-size:1em;
}
.p_text_pic{
width:100%;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: box-shadow 300ms 0s ease;
-moz-transition: box-shadow 300ms 0s ease;
-ms-transition: box-shadow 300ms 0s ease;
-o-transition: box-shadow 300ms 0s ease;
transition: box-shadow 300ms 0s ease;
display:table;
table-layout: fixed;
}
.p_text_pic:hover{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.pl_text_pic{
width:29%;
display: table-cell;
vertical-align: middle;
padding: 14px 28px;
/*background-color: #f4f4f4;*/
text-align: center;
}
.pl_text_pic2{
width:29%;
display: table-cell;
vertical-align: middle;
background-color: #f4f4f4;
text-align: center;
}
.pr_text_pic{
width:70%;
display: table-cell;
vertical-align: middle;
position: relative;
padding: 20px 65px 15px 20px;
overflow: hidden;
}
.pr_text_pic2{
width:70%;
display: table-cell;
vertical-align: middle;
position: relative;
padding: 10px 20px;
overflow: hidden;
}
.pr_text_pic:before{
position: absolute;
display: block;
top: 24px;
right: 4%;
background-image:url(https://manoshahr.ir/files/main/module/description/img/quote.png);
content:"";
background-size: contain;
width: 26px;
height: 26px;
background-repeat: no-repeat;
}
.imgtext{
width:100%;
/*height:120px;*/
border-radius:50%;
}
.imgtext2{
width:100%;
}
.video_tag{width:100%;}
#description_848 .container_box_1290{
background-color:transparent;
border-width:;;
border-style:none;
border-color:black;
border-radius:0px ;;
height:100%;
padding:1rem;
}
.dLineH{line-height:2em;}
#description_848 .font_title_box_0{
font-size: 18px;
padding:0 1rem;
text-align:start;
line-height:3;
}
.sidebar_box_0 {
width:100%;
}
.mt3vw{margin-top:3vw;}
.sidebar_box_0 > p:first-child{
overflow:hidden;
margin-top: 5px;
padding: 0 10px;
}
.sidebar_box_0 .read-more {
width: 100%;
text-align: center;
margin: 0;
padding: 8px 0;
}
.sidebar_box_0 a{
color:;
}
.sidebar_box_0 a:hover{
color:;
}
.sidebar_box_0 i{
vertical-align: sub;
margin: 0 10px;
font-size:18px;
}
.video_tag{
width:100%;
}
#description_848 .public_center{
border-spacing:0px;
}
#description_848{
padding-top:10px;
}#description_848{
padding-bottom:10px;
}#description_848{
background-color:#EBF1FF;
}#description_848{
font-size:16px;
}#description_848 .color_tem1{ /*range asli color ??? */
color:#0b3d6c ;
}#description_848 .color_tem2{ /*range asli color ??? */
color:#EBF1FF ;
}#description_848 .color_tem1_bg{/*range back box */
background-color:#0b3d6c ;
}#description_848 .color_tem2_bg{/*range back box if gradient*/
background-color:#EBF1FF ;
}#description_848 .color_title{/*range title asli module*/
color:#0b3d6c ;
}#description_848 .color_text{/*range text haye module */
color:#0b3d6c;
}#description_848 .color_link{/*range linki ke matni bashe btn nabshe */
color:;
}#description_848 .color_link_hover:hover{/*range text link hover*/
color: ;
}#description_848 .color_b_text{/*range link button manand range matnesh*/
color: ;
}#description_848 .color_b_bg{/*range button i ke link shode backgroundesh! */
background-color: ;
}#description_848 .color_b_h_text:hover{/*range hover text az button i ke link hast */
color: ;
}#description_848 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
background-color: ;
}#description_848 .color_box_text{/*range text dakhele box ha! */
color:#0b3d6c ;
}#description_848 .color_box_title{/*range title dakhele box ha!*/
color:#BBC8E6 ;
}#description_848 .pr_1200 , #description_848 .color_1200_bg{
background-color:#f6f4f4 ;
padding:0px ;
}
#pagination_product{
padding: 5px;
border: 1px solid #e8e8e8;
border-radius: 3px;
justify-content: space-between;
margin: 15px 0;
display: flex;
width: 100%;
}
#pagination_product > div {
display: flex;
}
#pagination_product > div > *{
margin: 0 10px;
}
#pagination_product span,#pagination_product a,#pagination_product label{
text-align: center;
flex-direction: column;
display: flex;
justify-content: center;
border: 1px solid #bababa;
border-radius: 50%;
}
#pagination_product a,#pagination_product label{
background-color: #ffffff;
color: #0f0f0f;
width: 30px;
height: 30px;
}
#pagination_product span{
background-color: #e8e8e8;
color: #5e5e5e;
opacity: .8;
width: 32px;
height: 32px;
}
#pagination_product i{
font-size: 23px;
margin-bottom: 1px;
}
#pagination_product .fa-caret-right{
margin-left: 4px;
}
#pagination_product .fa-caret-left{
margin-right: 4px;
}
#pagination_product label:after{
content: "";
display: none;
}
#container.filter-opened{font-size:14px;}
#container .localtag-item{ margin: .9em;}
#container.filter-opened .localtag-item{
margin: .4em;
width: 290px;
flex: 0 0 290px;
}
#filter-box{
overflow: hidden;
position: absolute;
right: 0;
top: 83px;
opacity:0;
width:0;
height:50px;
transition: opacity 0.5s,width 0.5s, height 0.4s ease 0.5s;
}
#filter-box.opened {
display:block;
height:750px;
width: 285px;
opacity:1;
}
.more-filter .more-text{ display:block }
.more-filter .less-text{ display:none}
.more-filter.open .more-text{display:none}
.more-filter.open .less-text{display:block}
/* The container */
.chkbx-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 5px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browsers default checkbox */
.chkbx-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
display: inline-block;
height: 20px;
width: 20px;
background-color: #eee;
position:relative;
cursor:pointer;
}
/* On mouse-over, add a grey background color */
.chkbx-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.chkbx-container input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.chkbx-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.chkbx-container .checkmark:after {
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.btmline{border-bottom:1px solid #dadada}
.dno{display: none;}
.dta {
display: table-cell;
vertical-align: top;
}
.w370{width: 370px;}
.w830{width: 830px;}
#box_filter_sel, #box_filter_main {
width: 280px;
min-height: 110px;
margin: 0px auto;
padding: 2px;
padding-bottom: 20px;
}
#box_filter_sel{
margin-bottom:10px;
}
#clear-filter-btn {
margin:10px auto 0px auto;
width: 50%;
border-radius: 4px;
}
.filter_list_sel {
margin-top:0px;
width:100%;
display : flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.filter_list_sel label {
border-radius:3px;
line-height:30px;
margin:3px;
font-size:12px;
cursor:pointer;
}
.filter_list_icon {
display:block;
width:50px;
height:40px;
background-size:100% 100%;
margin:10px auto 5px auto;
}
#body-review {
margin-top: 20px;
width: 830px;
}
#img_filter {
display:inline-block;
width:23px;
height:25px;
margin-right:128px;
}
#review_sort {
height: 35px;
margin-top: 35px;
}
.addTofilter-con{
height:48px;
}
.close_btn {
position: absolute;
display: none;
right: 32px;
top: 32px;
width: 32px;
height: 32px;
opacity: 0.3;
}
.close_btn:hover {
opacity: 1;
}
.close_btn:before, .close_btn:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #333;
}
.close_btn:before {
transform: rotate(45deg);
}
.close_btn:after {
transform: rotate(-45deg);
}
.manoshahr_white{
color:#3f295e;
}
.manoshahr_red{
color:red;
}
.tag-item:hover{ color:dimgrey}
.image-box{height:9em}
.props{font-size:0.7em}
.mainTitle >a{font-size: 1em}
.item-tags{font-size: 0.7em;font-weight:normal}
.mainTitle:hover{color: #6bc6ea!important}
.discount-percent{font-size: 2.3em; line-height: 1.6;}
.localtag-item:hover{
box-shadow: 0 0 30px 7px #aba9a9;
-webkit-box-shadow: 0 0 30px 7px #aba9a9;
-o-box-shadow: 0 0 30px 7px #aba9a9;
-moz-box-shadow: 0 0 30px 7px #aba9a9;
}
.localtag-item{
transition:all 0.45s;
background-color:#f6f4f4
}
.title-tag-box{height:6em}
.props{height: 3.35em;padding: 1em;}
.beta-section{
height: 4.7em;
text-align:center;
}
.localtag-item .item-hidden-details .beta-section{height: 3.5em;}
.localtag-item .item-hidden-details .beta-section>div:last-child{font-size:0.6em}
.mainTitle{
padding: 10px;
height: 100px;
line-height:2;
}
#localtag_container .more-per-page{
display: none !important;
}
.item-cover{
background-color:rgba(1,1,1,0.2);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:0;
}
/*---------item-hidden-details------------*/
.localtag-item .item-hidden-details >.contact-btn{
height:3em;
background:#fff;
color:darkblue;
margin:0.5em;
padding:0.5em;
}
.item-hidden-details{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
transition:height 0.4s ease, width 0.4s ease, border-radius 1.2s ease;
/*transition-timing-function: cubic-bezier(0.1, 0.5, 1.0, 0.1);*/
flex-direction: column;
justify-content: flex-start;
/*opacity: 0;*/
}
.localtag-item:hover .item-hidden-details{/*opacity:1;*/width:100%; height:100%; border-radius:0}
.item-hidden-details.show4 {
border-radius: 0 0 100% 0;
overflow: hidden;
height: 0;
width: 0;
top: 0;
bottom: auto;
right:auto;
left: 0;
}
.item-hidden-details.show2 {
border-radius: 0 0 0 100% ;
overflow: hidden;
height: 0;
width: 0;
top: 0;
bottom: auto;
right: 0;
left: auto;
}
.item-hidden-details.show1 {
border-radius: 100% 0 0 0 ;
overflow: hidden;
height: 0;
width: 0;
top: auto;
bottom: 0;
right: 0;
left: auto;
}
.item-hidden-details.show3 {
border-radius: 0 100% 0 0;
overflow: hidden;
height: 0;
width: 0;
top: auto;
bottom: 0;
right: auto;
left: 0;
}
.localtag-item .item-hidden-details >.item-tags{
justify-content: space-between;
align-items:center;
height:7em;
padding:0.5em;
}
.localtag-item .item-hidden-details >.item-tags,
.localtag-item .item-hidden-details >.
{
height:3em;
background:#fff;
color:darkblue;
margin:0.5em;
padding:0.5em;
}
/*--------------details with beta --------------*/
.localtag-item.has-beta .item-hidden-details >.item-tags{height:4.8em;padding-top:1em}
.item-hidden-details .beta-btns>a{
border:none;
color:;
font-size:1em;
line-height: 2.5em;
}
.item-hidden-details .beta-btns>a:hover{opacity:0.9}
.item-hidden-details .beta-btns{height:3em}
.localtag-item.has-beta .item-hidden-details >.tags{}
.localtag-item.has-beta .item-hidden-details{padding-top:0.2em}
.localtag-item .item-hidden-details >.main-title{}
.localtag-item .item-hidden-details{padding-top:4em}
.localtag-item .item-hidden-details>.item-description{
flex: 0 0 12em;
padding: 0 1.5em;
font-size: .7em;
text-align: justify;
color: #3f295e;
overflow: hidden;
}
.localtag-item .item-hidden-details>.main-title{flex: 0 0 3.2em}
/*---------beta tag------------*/
.localtag-item.has-beta .beta-tag{
position: absolute;
top: 17px;
right: -14px;
background: #ff0000;
background: linear-gradient(133deg, transparent 10px, red 11px);
padding: 5px 20px;
color: #3f295e;
font-size: 0.8em;
transition:opacity 0.3s
}
.localtag-item.has-beta:hover .beta-tag{
opacity:0
}
.localtag-item.has-beta .beta-tag:after{
width: 0;
height: 0;
border-style: solid;
border-width: 10px;
border-color: transparent transparent darkred transparent;
transform: rotate(-45deg);
content: "";
position: absolute;
right: 4px;
bottom: -10px;
}
.localtag-item:hover .item-cover{opacity:1}
.localtag-item{
width: 365px;
display:table-cell;
height:23em;
margin-bottom:20px;
vertical-align: top;
}
.localtag_main{
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
transition:all .32s;
}
.localtag-item-img{
display:block;
margin:auto;
width:100%;
height:100%;
object-fit:cover;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.color1{ background-color : #e3ceb1;}
.color2{ background-color : #e3ceb1;}
.color3{ background-color : #e3ceb1;}
.color4{ background-color : #e3ceb1;}
.color5{ background-color : #e3ceb1;}
.color6{ background-color : #e3ceb1;}
#localtag_1{
background-color: #e2dde4;
}
#container{
font-size:19px;
background-color: #e2dde4;
}
#container #localtag_container{ justify-content: flex-end; }
.sel_for_search label{
padding: 5px 10px;
border: 1px solid #12869D;
font-size: 0.9em;
background-color: white;
margin-left: 5px;
cursor: pointer;
color:#12869D;
}
.label_selected{
background-color: #12869D !important;
color: white !important;
}
.search_tag_center{
width: 1200px;
margin: auto;
margin-bottom:20px;
}
#search_tag{
padding: 10px;
border: 1px solid lightgray;
margin-bottom: 10px;
}
.sel_for_search{
margin-bottom: 5px;
display: block;
min-height: 40px;
margin-top: 5px;
}
#filterArea{margin-top:35px;}
#localtag_container{padding-top:20px;}
.btn_more_product{
width: 100%;
text-align: center;
background-color: #eeeeee;
height: 50px;
line-height: 50px;
font-weight: 500;
cursor:pointer;
}
#1{
background-color:#e2dde4;
}#1{
font-size:15px;
}#1 .color_tem1{ /*range asli color ??? */
color:#0b3d6c ;
}#1 .color_tem2{ /*range asli color ??? */
color:#f6f4f4 ;
}#1 .color_tem1_bg{/*range back box */
background-color:#0b3d6c ;
}#1 .color_tem2_bg{/*range back box if gradient*/
background-color:#f6f4f4 ;
}#1 .color_title{/*range title asli module*/
color:#3f295e ;
}#1 .color_text{/*range text haye module */
color:#3f295e;
}#1 .color_link{/*range linki ke matni bashe btn nabshe */
color:;
}#1 .color_link_hover:hover{/*range text link hover*/
color: ;
}#1 .color_b_text{/*range link button manand range matnesh*/
color: ;
}#1 .color_b_bg{/*range button i ke link shode backgroundesh! */
background-color: ;
}#1 .color_b_h_text:hover{/*range hover text az button i ke link hast */
color: ;
}#1 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
background-color: ;
}#1 .color_box_text{/*range text dakhele box ha! */
color:#3f295e ;
}#1 .color_box_title{/*range title dakhele box ha!*/
color:#1685a6 ;
}#1 .pr_1200 , #1 .color_1200_bg{
background-color:#e2dde4 ;
padding:0px ;
}
.main-slid-saha {
width:1200px;
margin:auto;
}
.slid-saha-sel1, .slid-saha-sel2, .slid-saha-sel3 {
display:table-cell;
vertical-align:middle;
height:370px;
}
.slid-saha-sel1,.slid-saha-sel3 {
width:50px;
}
.slid-saha-part {
display:table-cell;
vertical-align:top;
width:260px;
height:330px;
border:solid 1px #e8e8e8;
overflow: hidden;
position: relative;
background: #fff;
border-radius: 4px;
}
.slid-saha-img {
width:258px;
height:207px;
}
.main_slid {
display:none;
}
.slid-saha-sel2 {
width:1092px;
}
.slid-saha-sel2_main {
width:1092px;
overflow:hidden;
position:relative;
height:360px;
}
.slid-saha_scrollable {
position:absolute;
width:3324px;
right:-1108px;
height:360px;
}
.main_slid_div {
position:absolute;
display:table-cell;
vertical-align:top;
width:1108px;
height:360px;
}
.slid_saha_part_magin {
display:table-cell;
width:17px;
}
.main_slid_right {
right:0px;
}
.main_slid_main {
right:1108px;
}
.main_slid_left {
right:2216px;
}
.slid-saha-body h3 {
}
.slid-saha-body a {
color:#000000;
}
.img_slid-saha-body {
display:table-cell;
vertical-align:bottom;
width:100px;
height:107px;
}
.text_slid-saha-body {
display:table-cell;
vertical-align:top;
height:107px;
width:140px;
text-align:left;
line-height:20px;
}
.img_slid-saha-body > img {
width:45px;
height:60px;
margin-right:5px;
}
.text_slid-saha-body-discount {
color:#FF0000;
}
.img-toman1,.img-toman2 {
display:inline-block;
width:11px;
height:8px;
background-size:100% 100%;
}
.line_price {
text-decoration:line-through;
}
.slid-saha-part {
display: table-cell;
vertical-align: top;
width: 260px;
height: 360px;
border: solid 1px #e8e8e8;
overflow: hidden;
position: relative;
}
.slid_sel_right {
background-repeat: no-repeat;
background-color: transparent;
border: 0;
background-size: 100% 100%;
width: 27px;
font-size:50px;
height: 43px;
cursor: pointer;
}
.slid_sel_left {
border: 0;
background-size: 100% 100%;
width: 27px;
height: 43px;
background-color: transparent;
margin-right: 20px;
cursor: pointer;
font-size:50px;
}
.div_img_subshop{
width: 258px;
height: 207px;
overflow:hidden
}
.img_subshop{
width: 258px;
height: 207px;
position:relative;
object-fit: cover;
}
.cbssub{
padding:10px;
height:150px;
}
.p_s_sub{
display:table-cell;
bottom:20px;
vertical-align:middle;
text-align:center;
}
.di_sub{
color:#FF0000;
}
.tli{
text-decoration: line-through;
text-decoration-color:#FF0000;
}
.tle {
text-align:left;
}
.ofhi{overflow: hidden}
.tag-item:hover{ color:dimgrey}
.image-box{height:9em}
.mainTitle >a{font-size: 1em}
.item-tags{font-size: 0.7em;font-weight:normal}
.mainTitle:hover{color: #6bc6ea!important}
.discount-percent{font-size: 2.3em; line-height: 1.6;}
.shoptag-item:hover{
box-shadow: 0 0 30px 7px #aba9a9;
-webkit-box-shadow: 0 0 30px 7px #aba9a9;
-o-box-shadow: 0 0 30px 7px #aba9a9;
-moz-box-shadow: 0 0 30px 7px #aba9a9;
}
.beta-section{text-align:center;}
.mainTitle{
line-height: 2;
}
.item-cover{
background-color:rgba(1,1,1,0.2);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:0;
}
.shoptag-item .item-hidden-details >.item-tags{
justify-content: space-between;
align-items:center;
height:7em;
padding:0.5em;
}
.shoptag-item .item-hidden-details >.item-tags,
.shoptag-item .item-hidden-details
{
height:3em;
background:#fff;
color:darkblue;
margin:0.5em;
padding:0.5em;
}
/*--------------details with beta --------------*/
.shoptag-item.has-beta .item-hidden-details >.item-tags{height:4.8em;padding-top:1em}
.item-hidden-details .beta-btns>a:hover{opacity:0.9}
.item-hidden-details .beta-btns{height:3em}
.shoptag-item.has-beta .item-hidden-details >.tags{}
.shoptag-item.has-beta .item-hidden-details{padding-top:1em}
.shoptag-item .item-hidden-details >.main-title{}
.shoptag-item .item-hidden-details{padding-top:4em}
.shoptag-item .item-hidden-details>.main-title{flex: 0 0 3.2em}
/*---------beta tag------------*/
.shoptag-item .beta-tag{
position: absolute;
top: 30px;
right: -14px;
background: #ff0000;
background: linear-gradient(133deg, transparent 10px, red 11px);
padding: 3px 20px;
color: white;
font-size: 20px;
min-width:100px;
}
.shoptag-item .beta-tag:after{
width: 0;
height: 0;
border-style: solid;
border-width: 10px;
border-color: transparent transparent darkred transparent;
transform: rotate(-45deg);
content: "";
position: absolute;
right: 4px;
bottom: -10px;
}
.title_slider{
background-color:#ee1d25;
}
.shoptag-item{
transition:all 0.45s;
margin-bottom: 20px;
background-color:#EBF1FF
}
.item-hidden-details .beta-btns>a{
border:none;
color:;
font-size:1em;
line-height: 2.5em;
}
.shoptag-item .item-hidden-details>.item-description{
flex: 0 0 12em;
padding: 0 1.5em;
font-size: .7em;
text-align: justify;
color: ;
overflow: hidden;
}
.shoptag-item:hover .item-cover{opacity:1}
.shoptag-item{
width: 365px;
display:table-cell;
vertical-align: top;
}
.shoptag_main{
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
transition:all .32s;
}
.shoptag-item-img{
display:block;
margin:auto;
width:100%;
height:100%;
object-fit:cover;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
#submodule_35{
margin-top:0px;
margin-bottom:0px;
font-size:16px;
background-color:;
padding-top:10px;
padding-bottom:10px;
}
#submodule_35
#submodule_35 .color_title{color:}
//-------------------------swiper slider--------------------------------
#submodule_35 .swiper-container{padding-top:15px}
#submodule_35 .submodule-slider{width:1200px;margin:auto;}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: table-cell !important;
background-color:transparent;
}
#submodule_35 .swiper-button-prev, .swiper-button-next {
left: 0;
background-color: #ffffffc9;
box-shadow: 0 0 10px grey;
border-radius: 4px;
}
#submodule_35 .title_slider{
background-color:#ee1d25;
}
#submodule_35 .shoptag-item{
background-color:#EBF1FF
}
#submodule_35 .item-hidden-details .beta-btns>a{
color:;
}
#submodule_35 .shoptag-item .item-hidden-details>.item-description{
color: ;
}
#submodule_35 .shoptag-item .beta-tag{
color: ;
}
.ofhi{overflow: hidden}
.tag-item:hover{ color:dimgrey}
.image-box{height:9em}
.mainTitle >a{font-size: 1em}
.item-tags{font-size: 0.7em;font-weight:normal}
.mainTitle:hover{color: #6bc6ea!important}
.discount-percent{font-size: 2.3em; line-height: 1.6;}
.shoptag-item:hover{
box-shadow: 0 0 30px 7px #aba9a9;
-webkit-box-shadow: 0 0 30px 7px #aba9a9;
-o-box-shadow: 0 0 30px 7px #aba9a9;
-moz-box-shadow: 0 0 30px 7px #aba9a9;
}
.beta-section{text-align:center;}
.mainTitle{
line-height: 2;
}
.item-cover{
background-color:rgba(1,1,1,0.2);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:0;
}
.shoptag-item .item-hidden-details >.item-tags{
justify-content: space-between;
align-items:center;
height:7em;
padding:0.5em;
}
.shoptag-item .item-hidden-details >.item-tags,
.shoptag-item .item-hidden-details
{
height:3em;
background:#fff;
color:darkblue;
margin:0.5em;
padding:0.5em;
}
/*--------------details with beta --------------*/
.shoptag-item.has-beta .item-hidden-details >.item-tags{height:4.8em;padding-top:1em}
.item-hidden-details .beta-btns>a:hover{opacity:0.9}
.item-hidden-details .beta-btns{height:3em}
.shoptag-item.has-beta .item-hidden-details >.tags{}
.shoptag-item.has-beta .item-hidden-details{padding-top:1em}
.shoptag-item .item-hidden-details >.main-title{}
.shoptag-item .item-hidden-details{padding-top:4em}
.shoptag-item .item-hidden-details>.main-title{flex: 0 0 3.2em}
/*---------beta tag------------*/
.shoptag-item .beta-tag{
position: absolute;
top: 30px;
right: -14px;
background: #ff0000;
background: linear-gradient(133deg, transparent 10px, red 11px);
padding: 3px 20px;
color: white;
font-size: 20px;
min-width:100px;
}
.shoptag-item .beta-tag:after{
width: 0;
height: 0;
border-style: solid;
border-width: 10px;
border-color: transparent transparent darkred transparent;
transform: rotate(-45deg);
content: "";
position: absolute;
right: 4px;
bottom: -10px;
}
.title_slider{
background-color:#ffc000;
}
.shoptag-item{
transition:all 0.45s;
margin-bottom: 20px;
background-color:
}
.item-hidden-details .beta-btns>a{
border:none;
color:;
font-size:1em;
line-height: 2.5em;
}
.shoptag-item .item-hidden-details>.item-description{
flex: 0 0 12em;
padding: 0 1.5em;
font-size: .7em;
text-align: justify;
color: ;
overflow: hidden;
}
.shoptag-item:hover .item-cover{opacity:1}
.shoptag-item{
width: 365px;
display:table-cell;
vertical-align: top;
}
.shoptag_main{
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
transition:all .32s;
}
.shoptag-item-img{
display:block;
margin:auto;
width:100%;
height:100%;
object-fit:cover;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
#submodule_13{
margin-top:0px;
margin-bottom:0px;
font-size:15px;
background-color:;
padding-top:30px;
padding-bottom:30px;
}
#submodule_13
#submodule_13 .color_title{color:}
//-------------------------swiper slider--------------------------------
#submodule_13 .swiper-container{padding-top:15px}
#submodule_13 .submodule-slider{width:1200px;margin:auto;}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: table-cell !important;
background-color:transparent;
}
#submodule_13 .swiper-button-prev, .swiper-button-next {
left: 0;
background-color: #ffffffc9;
box-shadow: 0 0 10px grey;
border-radius: 4px;
}
#submodule_13 .title_slider{
background-color:#ffc000;
}
#submodule_13 .shoptag-item{
background-color:#EBF1FF
}
#submodule_13 .item-hidden-details .beta-btns>a{
color:;
}
#submodule_13 .shoptag-item .item-hidden-details>.item-description{
color: ;
}
#submodule_13 .shoptag-item .beta-tag{
color: ;
}
.ofhi{overflow: hidden}
.tag-item:hover{ color:dimgrey}
.image-box{height:9em}
.mainTitle >a{font-size: 1em}
.item-tags{font-size: 0.7em;font-weight:normal}
.mainTitle:hover{color: #6bc6ea!important}
.discount-percent{font-size: 2.3em; line-height: 1.6;}
.shoptag-item:hover{
box-shadow: 0 0 30px 7px #aba9a9;
-webkit-box-shadow: 0 0 30px 7px #aba9a9;
-o-box-shadow: 0 0 30px 7px #aba9a9;
-moz-box-shadow: 0 0 30px 7px #aba9a9;
}
.beta-section{text-align:center;}
.mainTitle{
line-height: 2;
}
.item-cover{
background-color:rgba(1,1,1,0.2);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:0;
}
.shoptag-item .item-hidden-details >.item-tags{
justify-content: space-between;
align-items:center;
height:7em;
padding:0.5em;
}
.shoptag-item .item-hidden-details >.item-tags,
.shoptag-item .item-hidden-details
{
height:3em;
background:#fff;
color:darkblue;
margin:0.5em;
padding:0.5em;
}
/*--------------details with beta --------------*/
.shoptag-item.has-beta .item-hidden-details >.item-tags{height:4.8em;padding-top:1em}
.item-hidden-details .beta-btns>a:hover{opacity:0.9}
.item-hidden-details .beta-btns{height:3em}
.shoptag-item.has-beta .item-hidden-details >.tags{}
.shoptag-item.has-beta .item-hidden-details{padding-top:1em}
.shoptag-item .item-hidden-details >.main-title{}
.shoptag-item .item-hidden-details{padding-top:4em}
.shoptag-item .item-hidden-details>.main-title{flex: 0 0 3.2em}
/*---------beta tag------------*/
.shoptag-item .beta-tag{
position: absolute;
top: 30px;
right: -14px;
background: #ff0000;
background: linear-gradient(133deg, transparent 10px, red 11px);
padding: 3px 20px;
color: white;
font-size: 20px;
min-width:100px;
}
.shoptag-item .beta-tag:after{
width: 0;
height: 0;
border-style: solid;
border-width: 10px;
border-color: transparent transparent darkred transparent;
transform: rotate(-45deg);
content: "";
position: absolute;
right: 4px;
bottom: -10px;
}
.title_slider{
background-color:#ddf52b;
}
.shoptag-item{
transition:all 0.45s;
margin-bottom: 20px;
background-color:#ffffff
}
.item-hidden-details .beta-btns>a{
border:none;
color:#a8a7ee;
font-size:1em;
line-height: 2.5em;
}
.shoptag-item .item-hidden-details>.item-description{
flex: 0 0 12em;
padding: 0 1.5em;
font-size: .7em;
text-align: justify;
color: #cdf2e3;
overflow: hidden;
}
.shoptag-item:hover .item-cover{opacity:1}
.shoptag-item{
width: 365px;
display:table-cell;
vertical-align: top;
}
.shoptag_main{
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
transition:all .32s;
}
.shoptag-item-img{
display:block;
margin:auto;
width:100%;
height:100%;
object-fit:cover;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
#submodule_12{
margin-top:10px;
margin-bottom:10px;
font-size:14px;
background-color:;
padding-top:10px;
padding-bottom:30px;
}
#submodule_12
#submodule_12 .color_title{color:#ffffff}
//-------------------------swiper slider--------------------------------
#submodule_12 .swiper-container{padding-top:15px}
#submodule_12 .submodule-slider{width:1200px;margin:auto;}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: table-cell !important;
background-color:transparent;
}
#submodule_12 .swiper-button-prev, .swiper-button-next {
left: 0;
background-color: #ffffffc9;
box-shadow: 0 0 10px grey;
border-radius: 4px;
}
#submodule_12 .title_slider{
background-color:#ddf52b;
}
#submodule_12 .shoptag-item{
background-color:#ffffff
}
#submodule_12 .item-hidden-details .beta-btns>a{
color:#a8a7ee;
}
#submodule_12 .shoptag-item .item-hidden-details>.item-description{
color: #cdf2e3;
}
#submodule_12 .shoptag-item .beta-tag{
color: #FEF1F3;
}
#linkservices_3 .ls_box_link0{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link0>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link1{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link1>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link2{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link2>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link3{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link3>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link4{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link4>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link5{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link5>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link6{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link6>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link7{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link7>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link8{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link8>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link9{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link9>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#linkservices_3 .ls_box_link10{
list-style-type: none;
list-style-position: inside;
padding: 10px;
}
.ls_box_link10>li{
width:100%;
line-height:1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ls_mainBoxes{
width:282px;
margin-left:20px;
}
.ls_box_container{
background-color: #f7f7f7;
margin-bottom: 25px;
}
.ls_mainBoxes:last-child{margin-left:0;}
#linkservices_3 .ls_box_container>img{
width:100%;
height:150px;
}
.title_ls{
padding: 15px 20px 12px 20px;
font-size: 18px;
font-weight: 400;
}
.ls_box_link{
padding: 0 20px 20px 20px;
}
.ls_title_div a{
color:inherit;
}
.ls_box_link>li{
color: #555;
padding: 3px 0;
}
#linkservices_3{
padding-top:10px;
}#linkservices_3{
padding-bottom:10px;
}#linkservices_3{
font-size:0px;
}#linkservices_3 .color_tem1{ /*range asli color ??? */
color:#0b3d6c ;
}#linkservices_3 .color_tem2{ /*range asli color ??? */
color:#EBF1FF ;
}#linkservices_3 .color_tem1_bg{/*range back box */
background-color:#0b3d6c ;
}#linkservices_3 .color_tem2_bg{/*range back box if gradient*/
background-color:#EBF1FF ;
}#linkservices_3 .color_title{/*range title asli module*/
color: ;
}#linkservices_3 .color_text{/*range text haye module */
color:;
}#linkservices_3 .color_link{/*range linki ke matni bashe btn nabshe */
color:;
}#linkservices_3 .color_link_hover:hover{/*range text link hover*/
color: ;
}#linkservices_3 .color_b_text{/*range link button manand range matnesh*/
color: ;
}#linkservices_3 .color_b_bg{/*range button i ke link shode backgroundesh! */
background-color: ;
}#linkservices_3 .color_b_h_text:hover{/*range hover text az button i ke link hast */
color: ;
}#linkservices_3 .color_b_h_bg:hover{/*range hover background un button e ke link shode*/
background-color: ;
}#linkservices_3 .color_box_text{/*range text dakhele box ha! */
color: ;
}#linkservices_3 .color_box_title{/*range title dakhele box ha!*/
color: ;
}
#nav-icon4 {
width: 35px;
height: 34px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon4 span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background-color: #00a54f;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
cursor:pointer;
}
#nav-icon4 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.open #nav-icon4 span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -1px;
left: 8px;
}
.open #nav-icon4 span:nth-child(2) {
width: 0%;
opacity: 0;
}
.open #nav-icon4 span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 25px;
left: 8px;
}
.go_top #nav-icon4{
-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);
}
.go_top #nav-icon4 span:nth-child(1) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 50%;
border-radius: 0 5px 5px 0;
left: -2px;
top: 1px;
}
.go_top #nav-icon4 span:nth-child(2) {
top:-1px;
right: 10px;
width: 25px;
}
.go_top #nav-icon4 span:nth-child(3) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 50%;
border-radius: 0 5px 5px 0;
left: -2px;
top: -2px;
}
#manoshahr_header{
width:100%;
min-width: 1200px;
}
#linkservices_div{
overflow-y: auto;
position: relative;
height: 0;
width: 100%;
background: #e1e1e1e1;
-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
}
.open #linkservices_div{
padding-top: 20px;
}
#fixed-header{
position: fixed;
background-color: #e8e8e8;
z-index: 199;
width: 100%;
top: 30px;
right: 50%;
-webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
}
#linkservices_div > div{
width:100%;
right: 50%;
overflow: hidden;
-webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
}
#s_breadCrump{
width:1200px;
margin:auto;
padding: 10px 0;
}
#mns_ul_menu>li:not(.active_g) a {
margin: 0 10px;
color: #ffffff;
font-size: 13px;
opacity: .8;
}
.sub-nav li span, .sub-nav li a{
color: white;
height: 25px;
line-height: 25px;
font-size:14px;
display: inline-block;
margin: 0px 14px;
}
.sub_active span {
position: relative;
}
.sub_active span:after {
content: "";
position: absolute;
left: 0;
top: 25px;
height: 4px;
width: 100%;
background-image: -webkit-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
background-image: -webkit-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
background-image: -moz-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
background-image: -o-linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
background-image: linear-gradient(to right, transparent 0%, #FFFFFF 20%, #FFFFFF 50%, #FFFFFF 80%, transparent 100%);
}
.sub-nav:not(.selected-sub-menu) {
display: none;
}
.active_g ,.active_g > a {
color: #FFFFFF;
font-weight: bold;
}
.active_g{
position: relative;
height: 45px;
line-height: 45px;
margin: 0 10px;
padding: 0 30px;
}
.active_g:before{
content: "";
border-width: 5px;
border-style: solid;
border-color: transparent #fff transparent transparent;
background-size: contain;
width: 0;
height: 0;
position: absolute;
top: 20px;
left: 0;
}
.active_g:after {
content: "";
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #FFF;
background-size: contain;
width: 0;
height: 0;
position: absolute;
top: 20px;
right: 0;
}
#mns_menu_title{
position: relative;
width: 1200px;
height: 35px;
line-height:35px;
display: inline-block;
overflow: hidden;
margin: 0px;
}
#mns_menu_title ul {
position: absolute;
margin: 0;
padding: 0;
height: 35px;
width: 1200px;
list-style: none;
}
#mns_menu_title ul li, #mns_submenu_title ul li {
display: inline-table;
text-align: center;
}
#mns_submenu_title{
position: relative;
width: 1200px;
height: 30px;
line-height: 30px;
display: inline-block;
overflow: hidden;
margin: 0px;
}
#mns_submenu_title ul{
width: 1200px;
margin: auto;
padding: 0;
height: 30px;
list-style: none;
}
.pad0545{padding:0 45px !important;}
#div_profile_picture, #div_profile_picture_metro{
width: 42px !important;
font-size: 12px;
line-height: 1;
text-align: center;
}
.colorRed{color:#870808;}
.line_h1{line-height:1;}
.wi300{width:300px}
.wi500{width:500px}
.wi200{width:200px}
.wi150{width:150px}
.wi100{width:100px}
.line_h2{line-height: 2}
.mra{margin-right: auto;}
#mns_h_top{
width:100%;
height:30px;
background-color:#0b3d6c;
}
#mns_h_top > div{
height: 30px;
line-height: 30px;
padding: 0;
text-align: left;
}
#mns_h_top a{
color:white;
font-size: 14px;
}
.mns_reg{
height:40px;
}
.mns_button2{
height:40px;
width: 120px;
border-radius: 5px;
}
.div_center{
width:1200px;
margin:auto;
padding:10px;
}
.div_center.df_jc{
display: flex;
justify-content: space-between;
}
#lineMenu{
width:45px;
margin-top: 9px;
}
.menu_hr {
display: inline-block;
width: 30px;
height: 4px;
border-radius: 7px;
background-color:#3b8476;
}
.logo_container{
width:200px;
}
#img-logo{
height:40px;
}
.mns_search_con{
border-radius: 5px;
border:1px solid #3b8476;
background-color: white;
}
#rSearchText{
padding: 2px 10px;
margin:2px;
color: #6b6b6b;
font-size: 12px;
line-height: 27px;
width: 450px;
}
#rSearchIcon{
width: 33px;
height: 35px;
line-height: 45px;
text-align: center;
}
#rSearchIcon>i{color:#3b8476;}
#mns_h_bottom{
background-color:#0b3d6c;
overflow: hidden;
width: 100%;
}
.menu_icon1 {
transform-origin: left center 0px;
-webkit-transform: rotate(41deg) translate(.2vw,-1vw);
-moz-transform: rotate(41deg) translate(.2vw,-1vw);
transform: rotate(41deg) translate(.2vw,-1vw);
}
.menu_icon2 {
opacity:0;
}
.menu_icon3 {
transform-origin: left center 0px;
-webkit-transform: rotate(41deg) translate(.2vw,1.2vw);
-moz-transform: rotate(41deg) translate(.2vw,1.2vw);
transform: rotate(-41deg) translate(.2vw,1.2vw);
}
//-------------------------------------
.relative{
position: relative;
}
.absolute{
position:absolute;
}
.overflow-hidden {
overflow: hidden;
}
.padding-top-header{
padding-top:60px;
}
#tile_59{
width:35vh;
height:35vh;
top:0vh;
left:0vh;
}
#tile_60{
width:35vh;
height:35vh;
top:0vh;
left:35vh;
}
#tile_61{
width:35vh;
height:35vh;
top:35vh;
left:0vh;
}
#tile_62{
width:35vh;
height:35vh;
top:35vh;
left:35vh;
}
#block_1{
width:70vh;
overflow:hidden;
}
#tile_64{
width:70vh;
height:70vh;
top:0vh;
left:0vh;
}
#block_3{
width:70vh;
overflow:hidden;
}
#tile_1{
width:17.5vh;
height:17.5vh;
top:0vh;
left:52.5vh;
}
#tile_2{
width:17.5vh;
height:17.5vh;
top:0vh;
left:35vh;
}
#tile_3{
width:17.5vh;
height:17.5vh;
top:0vh;
left:17.5vh;
}
#tile_4{
width:17.5vh;
height:17.5vh;
top:0vh;
left:0vh;
}
#tile_5{
width:17.5vh;
height:17.5vh;
top:17.5vh;
left:52.5vh;
}
#tile_6{
width:17.5vh;
height:17.5vh;
top:17.5vh;
left:35vh;
}
#tile_7{
width:17.5vh;
height:17.5vh;
top:17.5vh;
left:17.5vh;
}
#tile_8{
width:17.5vh;
height:17.5vh;
top:17.5vh;
left:0vh;
}
#tile_9{
width:17.5vh;
height:17.5vh;
top:35vh;
left:52.5vh;
}
#tile_10{
width:17.5vh;
height:17.5vh;
top:35vh;
left:35vh;
}
#tile_11{
width:17.5vh;
height:17.5vh;
top:35vh;
left:17.5vh;
}
#tile_12{
width:17.5vh;
height:17.5vh;
top:35vh;
left:0vh;
}
#tile_13{
width:17.5vh;
height:17.5vh;
top:52.5vh;
left:0vh;
}
#tile_14{
width:17.5vh;
height:17.5vh;
top:52.5vh;
left:17.5vh;
}
#tile_15{
width:35vh;
height:17.5vh;
top:52.5vh;
left:35vh;
}
#block_2{
width:70vh;
overflow:hidden;
}
#tile_74{
width:70vh;
height:35vh;
top:0vh;
left:0vh;
}
#block_8{
width:70vh;
overflow:hidden;
}
#tile_72{
width:70vh;
height:35vh;
top:35vh;
left:0vh;
}
#tile_73{
width:70vh;
height:35vh;
top:0vh;
left:0vh;
}
#block_7{
width:70vh;
overflow:hidden;
}
.metro_content h3{
position: absolute;
bottom: -45px;
right: 5px;
}
#space_top_footer{
height: 200px;
width: 100%;
}
#manoshahr_footer{
width: 100%;
direction: ltr;
height: 100vh;
background-color: #e8e8e8;
padding-top: 10vh;
}
.footer_content_main{
/*width: 2000px;*/
white-space: nowrap;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
height: 90vh;
width: 100%;
}
.gap_between{
width: 15vh;
height: 50vh;
/*background-color: lightgrey;*/
}
.block_title{
height: 10vh;
}
.block_gap{
height: 10vh;
}
.metro_content{
height: 70vh;
}
.tile_br{
border: 3px solid white;
}
div::-webkit-scrollbar {
width: 1em;
height: 8px;
}
div::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
div::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #c0bebe;
outline: 2px solid slategrey;
}
div::-webkit-scrollbar:vertical {
display: none;
}
#body_popup_1,#body_popup_2{
position:fixed;
display:flex;
text-align:center;
top:0;
bottom:0;
right:0;
left:0;
z-index:99999;
visibility:hidden;
opacity: 0;
background:rgba(0,0,0,0.5);
}
#body_popup_1.open-popup,#body_popup_2.open-popup{
visibility:visible;
opacity: 1;
}
#body_popup_1 > div,#body_popup_2 > div{
display:block;
background:#fff;
padding:10px;
margin:auto;
transform:translateY(-150px);
-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
text-align:center;
border-radius:10px;
position:relative;
z-index:999999;
}
#body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
transform:translateY(0);
}
#body_popup_1 .icon-close-popup{
position:absolute;
font-size:30px;
height:30px;
width:30px;
border-radius:50%;
color:red;
top:-10px;
right:-10px;
background-color:transparent;
z-index:9999;
}
#body_popup_1 .icon-close-popup i{
position:absolute;
top:0;
right:0;
}
#body_popup_1 .container-html{
height:100%;
overflow:auto;
max-height:90vh;
}
#body_popup_1 .container-html::-webkit-scrollbar{
width:5px;
height:100%;
}
#body_popup_1 .container-html::-webkit-scrollbar-track{
background-color:transparent;
}
#body_popup_1 .container-html::-webkit-scrollbar-thumb{
background-color:#777;
border-radius:20%;
}
#body_popup_1 .icon-close-popup{
color:#fff;
top:0;
right:0;
}
#module_waiting_box{
position:fixed;
background:rgba(256,256,256,0.8);
width:100%;
height:100%;
-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
top:0;
right:0;
opacity:0;
z-index:9999999999999;
visibility:hidden;
}
#module_waiting_box.show-waiting{
visibility:visible;
opacity:1;
}
#module_waiting_box .spinner {
margin: 100px auto 0;
width: 70px;
text-align: center;
}
#module_waiting_box .spinner > div {
width: 18px;
height: 18px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
#module_waiting_box .spinner .bounce1 {
-webkit-animation-delay: -0.35s;
animation-delay: -0.35s;
}
#module_waiting_box .spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 95%, 100% { -webkit-transform: scale(0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 95%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 50% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
body{direction: rtl;text-align: right;}