#calender {
    padding:7px 15px 10px 30px;
}
#calender2 {
    padding:7px 15px 10px 30px;
}

#navBack1 {
    display:none;
}
#navBack2 {
   font-size:14px;
   
}
#navFwd1 {
    display:none;
}
#navFwd2 {
   font-size:14px;
   
}

#calender> .pcalBtn {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
#calender2 >.pcalBtn {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
#calender> .pdate {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
#calender2 >.pdate {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
div.picker {
    display:table-cell;
    background-color: #EBECEC;
    border-radius:13px;
    padding: 5px;
    width:270px;
    height:225px;
    vertical-align:top;
}

div.picker table{
    font-size:12px;
}

div.picker td {
    width: 37px;
    height:23px;
    text-align: center;
    padding: 0px;
}

div.picker div.navBack {
    /*	float: right;
        uncommenting this line breaks IE display of element
        in some unknown situations !
    */
}

div.picker div.navBack a{
    float: right;
}

div.picker div.navFwd {
    float: left;
}

div.picker div.navFwd a {
    float: left;
}

div.picker span.navInfo {
    padding: 5px 0px;
    display: inline-block;
}

div.picker td.pickerHead a {
    padding: 5px;
}

div.picker td.pickerHead a.nav {
    display: block;
}
div.picker td.pickerHead a.nav:hover {
    background-color:#EBECEC;
}

div.picker td.pickerHead a.monYear {
    display: inline-block;
    padding-left: 1px;
    padding-right: 1px;
}
div.picker td.pickerHead a.monYear:hover {
    background-color:#EBECEC;
}
div.picker a.weekday {
    display: block;
    padding: 2px 0;
    width:23px;
    height:23px;
    line-height:20px;
    margin-right:7px;
    border-radius:50%;   
}



div.picker a.selected {
    background-color: #fff;
}

div.picker a.today {
    border: solid 2px #ff95d2;

}
div.picker a.tkgh {
    color:#D9DADA;    
}
div.picker a.tkgh:hover {
    background:0;    
}
div.picker a.tkgha {
    background-color: #F099CB;    
}
div.picker a.tkgha:hover {
    background-color: #F099CB;    
}

div.picker td.calWeekdays {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    color:#B2B3B3;
}

div.picker td.pickerFoot a {
    display: block;
    padding: 2px;
    border-radius:13px;
}

div.picker a {
    text-decoration: none;
    color: #808080;
    font-weight: bold;
    -moz-transition: all 0.1s cubic-bezier(0,1,1,0);
    -webkit-transition: all 0.1s cubic-bezier(0,1,1,0);
    -o-transition: all 0.1s cubic-bezier(0,1,1,0);
    transition: all 0.1s cubic-bezier(0,1,1,0);
}

div.picker a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #8C145A;
}
div.picker a.select_d {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #8C145A;
}
div.picker a.select_d {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #8C145A;
}
div.monthYearPicker {
    background-color: #EEEEEE;
    border: solid 2px #999;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.3 );
    text-align: center;
    position: absolute;
    font: 11px Tahoma;
}

div.monthYearPicker a {
    text-decoration: none;
    color: #333;
    -moz-transition: all 0.1s cubic-bezier(0,1,1,0);
    -webkit-transition: all 0.1s cubic-bezier(0,1,1,0);
    -o-transition: all 0.1s cubic-bezier(0,1,1,0);
    transition: all 0.1s cubic-bezier(0,1,1,0);
    display: block;
    padding: 5px;
}

div.monthYearPicker a.selected {
    background-color: #FF5737;
}

div.monthYearPicker a:hover {
    text-decoration: none;
    color: #004;
    background-color: #FF5737;
}/**
 * 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;
}
                .module_shop_sub_1.item_img{
                    width:50px;
                    height:50px;
                }
            
                .module_shop_sub_2.item_img{
                    width:50px;
                    height:50px;
                }
            
                .module_shop_sub_3.item_img{
                    width:50px;
                    height:50px;
                }
            
                .parent-time-box .time-box{
                    width: 70px;
                    height: 70px;
                    display: flex;
                    margin-left: 15px;
                    background-color: rgba(251,251,251,.85);
                    text-align: center;
                    justify-content: center;
                    flex-direction: column;
                    border-radius: 4px;
                    line-height: 20px;
                }
                .parent-time-box .time-box span:first-child{
                    color: #222;
                    font-weight: 500;
                    font-size: 16px;
                }
                .parent-time-box .time-box span:last-child{
                    color: #555;
                    font-size: 14px;
                    font-weight: 400;
                }
            
                .like-div {
                    margin: 0 12px;
                }
                
                .icon-bottom {
                    height: 40px;
                    width: 40px;
                    transition: 0.5s ease-in-out;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    background-color: #fff;
                    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
                }
                .icon-bottom svg {
                    height: 17px;
                    width: 17px;
                    padding: 11px;
                }
                svg {
                    overflow: hidden;
                }
                .red_class{
                    fill: red;
                }
                .red_class:hover path{
                   fill: #ff0000;
                }
                ///////////////////////////////////
                .bottom-icon{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100px;
                    z-index: 50;
                }
                .boxIcons{
                    flex: 0 0 40px;
                    max-width: 40px;
                    width: 100%;
                    height: 40px;
                    border-radius: 5px;
                    font-size: 18px;
                    color: #222;
                    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
                }
                .svg_compare{
                    margin-left: 20px;
                }
                .svg_compare svg{
                    width: 20px;
                }
                .svg_compare svg path{
                    fill: #222;
                }
                .share_icon:hover .socials_card{
                    display: block;
                }
                .socials_card{
                    left: 0;
                    right: 0;
                    position: absolute;
                    top: 40px;
                    padding-top: 10px;
                    z-index: 50;
                    display: none;
                
                }
                .socials_card > div{
                    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
                    width: 100%;
                    border-radius: 5px;
                    background: white;
                }
                .socials_card a{
                    width: 100%;
                    height: 40px;
                    color: #222;
                    font-size: 18px;
                }
                .socials_card a:hover{
                    color: #2c81ba;
                }
            
                    #color_img_1 > .bg-item-img{
                        background-image:url("https://alpsport.ir/files/picture/1608967566_121-2.jpg");
                    }
                    .lock_sub_pro{
                        opacity: 0.6;  
                    }
                    .lock_sub_pro label{
                        cursor: no-drop!important;   
                    }
                
                    #color_img_13 > .bg-item-img{
                        background-image:url("https://alpsport.ir/files/picture/1608967566_121-1.jpg");
                    }
                    .lock_sub_pro{
                        opacity: 0.6;  
                    }
                    .lock_sub_pro label{
                        cursor: no-drop!important;   
                    }
                
                    #color_img_15 > .bg-item-img{
                        background-image:url("https://alpsport.ir/files/picture/1608967566_121-3.jpg");
                    }
                    .lock_sub_pro{
                        opacity: 0.6;  
                    }
                    .lock_sub_pro label{
                        cursor: no-drop!important;   
                    }
                
                    #choose_color{
                        color:red;
                    }
                
                #module_shop_page .img-box{
                    height:100%;
                    width:530px;
                    min-width:530px;
                    position: -webkit-sticky;
                    position: sticky;
                    top: 20px;
                }
                #slider_shop_page{
                    height: calc(100vh - 40px);
                    max-height: 600px;
                    overflow: hidden;
                }
                #big_img_ssp{
                    height: 81%;
                    width: 100%;
                    margin-bottom: 10px;
                    border-radius: 40px;
                    position: relative;
                }
                #module_shop_page .submodule-slider .swiper-slide{
                    height: 100%;
                }
                #module_shop_page .submodule-slider{
                    min-height:90px;
                    height: 90px;
                    margin:auto;
                }
                #module_shop_page .swiper-button-prev,#module_shop_page .swiper-button-next {
                    display: none;
                }
                .swiper_button{
                    position: absolute;
                    top: 0;
                    height: 90px;
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                }
                .swiper_button.dno{
                    display: none !important;
                }
                
                .swiper_button_right{
                    right: 0;
                }
                .swiper_button_left{
                    left: 0;
                }
                .swiper_button > div{
                    font-size: 20px;
                    color: #555;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    text-align: center;
                    background-color: #f7f8fa;
                    cursor: pointer;
                    -webkit-transition: .2s;-moz-transition:  .2s;-ms-transition:  .2s;-o-transition:  .2s;transition:  .2s;
                }
                #module_shop_page #slider_shop_page .swiper-wrapper img{
                    object-fit: cover;
                    cursor: pointer;
                }
                #module_shop_page .swiper-wrapper img:hover,#module_shop_page .swiper-wrapper .active_img img{
                    filter: opacity(0.7);
                }
                .swiper_button > div:hover{
                    background-color: #ddd;
                }
                .swiper_button > div:active{
                    border: 2px solid transparent;
                }
                .swiper_button .disabled-button,.swiper_button .disabled-button:hover,.swiper_button .disabled-button:active{
                    cursor: default;
                    background-color: rgba(250,250,250,.9);
                    color: #ddd;
                    border: none;
                }
                .swiper_button .disabled-button i{
                    cursor: default;
                }
            
            #module_shop_page #slider_shop_page img{
                width: 100%;
                height: 100%;
                object-fit: fill;
                border-radius: 0;
            }
            #big_img_ssp #icon_zoom_img_slider{
                position: absolute;
                top: 10px;
                right: 10px;
                width: 45px;
                height: 45px;
                border-radius: 50%;
                cursor: pointer;
                background-color: transparent;
                color: #fff;
                font-size: 18px;
                visibility: visible;
                left: unset;
                text-align: center;
                z-index: 999;
                -webkit-transition: 1s;-moz-transition:  1s;-ms-transition:  1s;-o-transition:  1s;transition:  1s;
            }
            #big_img_ssp:hover #icon_zoom_img_slider{
                background-color: #2879fe;
            }
            #big_img_ssp div{
                width: 100%;
                height: 100%;
                cursor: crosshair;
            }
            #big_img_ssp > div{
                position: absolute;
                left: 0;
                top: 0;
                visibility: hidden;
            }
            #big_img_ssp > div.active_img{
                visibility: visible;
            }
            #big_img_ssp .zoom:hover img{
                cursor: crosshair;
            }
            #module_shop_page #big_img_ssp img{
                position: absolute;
                left: 0;
                top: 0;
                -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
                -webkit-transition: .4s;-moz-transition:  .4s;-ms-transition:  .4s;-o-transition:  .4s;transition:  .4s;
                opacity: 0;
                visibility: hidden;
            }
            #module_shop_page #big_img_ssp .active_img img{
                -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
                opacity: 1;
                visibility: visible;
            }
        
                    #shopping_box_page button,#unavailable_box_page button{
                        
                    }
                    .boxing_price_select{
                            width: 100%;
                            margin-top: 20px;
                    }
                    .title_type_count{
                        background-color: #f1f1f1;
                        padding: 0px 15px;
                        margin-left:5px;
                        border-radius:5px;
                    }
                    .inputNumber{
                        width: 30px;
                        background-color: transparent;
                        font-size: 14px;
                    }
                #input_email{
                height: 36px;
                width: 100%;
                padding: 15px;
                margin: 5px 0 22px 0;
                border: none;
                background: #f1f1f1;
                }
                
                #popup_module{
                    position:fixed;
                    display:flex;
                    background:rgba(0,0,0,0.5);
                    width:auto;
                    height:auto;
                    -webkit-transition:0;-moz-transition:0;-ms-transition:0;-o-transition:0;transition:0;
                    text-align:center;
                    top:0;
                    bottom:0;
                    right:0;
                    left:0;
                    z-index:99999;
                    visibility:hidden;
                    
                    flex-direction:column;
                    justify-content:center;
                
                }
                #popup_module.show_popup{
                    visibility:visible;
                    
                }
                #popup_module > div{
                    display:block;
                    background:transparent;
                    width:95%;
                    height:95%;
                    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;
                }
                #popup_module.show_popup > div{
                    transform:translateY(0);
                    
                }
                #popup_module .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;
                }
                #popup_module .icon-close-popup i{
                    position:absolute;
                    top:0;
                    right:0;
                }
                #popup_module .container-html{
                    height:100%;
                    overflow:auto;
                    max-height:90vh;
                }
                #popup_module .container-html::-webkit-scrollbar{
                    width:5px;
                    height:100%;
                }
                #popup_module .container-html::-webkit-scrollbar-track{
                    background-color:transparent;
                }
                #popup_module .container-html::-webkit-scrollbar-thumb{
                    background-color:#777;
                    border-radius:20%;
                }
            
                    #popup_module .icon-close-popup{
                        color:#fff;
                        top:0;
                        right:0;
                    }
                
                .parent-link-ic > div{
                    background-color: #1bb470;
                    color: #fff;
                    height: 45px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 2px;
                }
                .des_page{ 
                    color: #3f4064;
                }
                .link_catalog{ 
                    margin-right:0.5rem;
                }
                .parent-link-ic > div span{
                    display: flex;
                    justify-content: center;
                    text-align: center;
                    padding: 0 10px;
                    border-radius: 3px;
                }
                .link_inquiry:hover{
                    background-color: #189159;;
                }
                .link_catalog a{
                    background-color: #dbdbdb;
                    color: #222;
                    padding: 0 10px;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                }
                .link_catalog a:hover{
                    background-color: #d4d1cf;
                }
                .link_catalog a i{
                    color: #e92f2d;
                }
                .parent-link-ic > div a i{
                    font-size: 26px;
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    cursor: pointer;
                }
                .parent-link-ic > div a span{
                    width: 100%;
                    font-weight: 400;
                    font-size: 14px;
                    cursor: pointer;
                }
            
                #s_breadCrump{
                    width: 1200px;
                    margin: auto;
                    height: 60px;
                    line-height:60px;
                }
                #s_breadCrump span,#s_breadCrump a{display:inline-block;padding: 0px 10px;}
            
            .swiper-button-next{ 
                right: 15%!important;
                left: auto!important;
                background-image: unset!important;
                cursor:pointer;
                transition: all 0.1s ease;
            }
            .swiper-button-next:hover{ 
                padding:0.1rem;    
            }
            .swiper-button-next svg{ 
                fill:#fff;
                transition: all 0.1s ease;
            }
            .swiper-button-next svg:hover{ 
                fill:#fff;
            }
            .swiper-button-prev svg{ 
                fill:#fff;
                transition: all 0.1s ease;
            }
            .swiper-button-prev{ 
                left: 15%!important;
                right: auto!important;
                background-image: unset!important;
                transform:rotate(180deg);
                cursor:pointer;
                transition: all 0.1s ease;
                
            }
            .swiper-button-prev:hover{ 
                padding:0.1rem;
                    
            }
            .all_content_zoom_slider{
                width: 600px;
                height: calc(100% - 170px);
                display: flex;
                justify-content: center;
                align-items: center;
                margin:auto;
                padding:2rem 0;
            }
            .zoom_slider_swiper{ 
                width:100%;
                height:100%;
                overflow:hidden;
            }
            .all_content_zoom_slider img{ 
                width:100%;
                height:100%;
                object-fit: contain;
            }
            .svg_close{
                width:50px;
                height:50px;
                cursor:pointer;
                transition:all 0.1s ease;
            }
            .svg_close:hover{
                width:45px;
                height:45px;   
            }
            .stroke_svg{ 
                stroke:#fff;
            }
            .header_modal_zoom{ 
                width:100%;
                height:70px;
            }
            
            .hr-box-related{ 
                height: .1vw;
                width: 100%;
                background-color: #f7f8fa;
                margin: 1vw 0;
                border: 0;
                border-top: 1px solid #eee;
            }
            .active_row_range{
                color:red;
                font-weight: 700;
            }
            .calc_kashi{
                line-height: 45px;
                margin-top: 20px;
                background-color: #f1f1f1;
                padding-right: 18px;
                border-radius: 5px;
                color:#504141;
                justify-content: space-around;
            }
            .flex_box{
                width: 400px;
                height: 200px;
                margin: auto;
                justify-content: space-between;
                padding-top: 50px;
            }
            .insid_box{
                width: 170px;
                height: 175px;
                border-radius: 10px;
                border:1px solid #e0e0e2;
                color:  #424750;
                padding: 20px;
                text-align: center;
                font-weight: bold;
            }
            .insid_box:hover{
                box-shadow: 0 6px 20px 4px rgba(66,71,80,.1);
                border-color: transparent;
            }
            .upload_click{
               width: 1120px;
                height: 550px;
                position: fixed;
                top: 50%;
                transform: translate(-50% , -50%);
                z-index: 10000;
                left: 50%;
                background-color: white;
                border: 1px solid darkgray;
                box-shadow: 0px 0px 15px 1px grey;
            }
            .section_box{
                justify-content: space-around ;
                padding: 50px 20px;
            }
            .glass_page{
                background-color: rgba(203,203,203,0.5);
                position:fixed;
                top:0px;
                left: 0px;
                right: 0px;
                z-index:10000; 
                width: 100vw;
                height: 100vh;
                padding:40px;
            }
            .explanation{
                text-align: center;
                font-size: 18px;
                padding-top: 60px;
            }
            .titr{
                font-weight: bold;
                font-size: 25px;
                padding-bottom: 20px;
                color: #424750;
            }
            .ul_order{
                list-style: inside;
            }
            .ul_order li{
                padding-top: 20px;
            }
            .ul_upload{
               list-style: inside;
            }
            .ul_upload li{
                line-height: 2;
            }
            .close_modal{
                width: 100%;
                display: flex;
                justify-content: space-between;
               
            }
            .glass2{
                width: 100%;
                height: 100%;
                position: relative;
                top: 0px;
                z-index: 100000;
                cursor: default;
            }
            .back_box{
                padding: 15px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .back_btn_order_after,.back_btn_upload_now{
                height: 44px;
                width: 100px;
                border-radius: 10px;
                font-weight: 500;
                cursor: pointer;
                border: 1px solid #e0e0e2;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #fff;
                color: #424750;
         
                
            }
            .back_box_order_after{
                padding: 80px 20px;
                  display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .back_btn_order_after:hover,.back_btn_upload_now:hover{
               background-color: rgba(145,148,153,.05);
            }
       
            .left_box{
                width: 260px;
                height: 160px;
                border: 1px solid gray;
                border-radius: 10px;
                padding: 20px;
            }
              .right_box{
                width: 260px;
                height: 160px;
                border: 1px solid gray;
                 border-radius: 10px;
                 padding: 20px;
            }
            .comment{
                border:1px solid #e0e0e2;
                width: 36vw;
                padding: 20px;
            }
            .upload_img_box{
                border:1px dashed #e0e0e2;
                border-width: 3px;
                width: 36vw;
                height: max_content;
                background-color: #f5f7fa;
            
            }
            .upload_photo_plan{
                width: 600px;
                height: 230px;
            }
            #upload_image_product{
                width: 100%;
                 padding:50px 20px;
            }
            .upload_img_product{
                width: 100%;
            }
            .upload_now{
                justify-content: space-between;
                padding: 30px;
            }
            .left_box:hover,.right_box:hover{
                box-shadow: 0 6px 20px 4px rgba(66,71,80,.1);
                border-color: transparent;
            }
            .img_box{
                text-align: center;
            }
            .text_after{
                text-align: center;
                font-weight: bold;
            }
            .order_after{
                padding:50px 30px;
            }
            .upload_click_big{
                height: 90vh;
                overflow-y: auto;
            }
            .upload_guide{
                font-size: 20px;
                font-weight: bold;
                padding-bottom: 20px;
                color:#424750;
            }
            .close_div{
                text-align: center;
                color: white;
                font-size: 25px;
                line-height: 1.7;
                font-weight: bold;
                width: 40px;
                height: 40px;
                background-color: #d9d8d8;
                cursor: pointer;
            }
            .svg_product{
                padding-top: 50%;
            }
            .svg_plan,.logo_svg{
                padding-top: 70px;
            }
            .mini_titr{
                font_size:12px;
                color:  #424750;;
                font-weight: bold;
                padding: 10px 0px;
            } 
            .text_p{
                line-height: 2;
            }
            .label_img{
               cursor: pointer;
               display: block;
               width: 100%;
               height: 100%;
             } 
             .div_sabt{
                padding:12px 10px 0px 0px;
                direction: ltr;
             }
            .sabt{
                height: 44px;
                min-width: 44px;
                width: auto;
                border-radius: 10px;
                color: #fff;
                font-weight: 600;
                cursor: pointer;
                border: 1px solid;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 140px;
                background-color: #e25098;
                border-color: #e25098;
                
            }
             .trash_logo,.trash_plan,.trash_product{
                width: 100%;
                text-align: left;
                border-block-color: none;
                background-color: #f7f8fa;
                padding: 10px 15px;
             } 
             .label_plan,.label_logo{
                cursor: pointer;
                display: flex;
                height: 100%;
                align-items: center;
                justify-content: center;
             }   
             #upload_photo,#upload_plan,#upload_logo{
              opacity: 0;
               position: absolute;
               z-index: -1;
          }
           .box_svg{   
               text-align: center;
               width: 100%;
               height: 100%;
           }
            .boxes{
                height: calc(100% - 135px);
                width: 100%;
                justify-content: space-between;
                padding-top: 10px;
            }
            .task_you{
                flex-direction: column;
            }
            .select_function{
                width: 190px;
                height: 42px;
                border-radius: 10px;
                border: 1px solid lightgray;
                font-size: 16px;
                padding: 10px;
            }
             .select_function option{
                outline: 2px solid transparent;
                outline-offset: 2px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-repeat: no-repeat;
                background-position-y: 70%;
                background-position-x: 5%;
                font-size: 14px;
             }
            .select_box {
                width: 70%;
                justify-content: space-between;
                padding: 10px 15px;
            }
            .titr_select{
                color:#424750;
                font-weight: bold;
                padding-bottom: 10px;
            }
            .color_input{
            
                display: block;
                width: 190px;
                height: 42px;
                border: none;
                position: fixed;
                
                opacity: 0;
        }
        .div_color_input{
            height: 42px;
            width:220px;
            border: 1px solid lightgray;;
            display:flex;
             border-radius: 10px;
           
        }
        .text_input_hex{
            width: 120px;
            height: 38px;
            border: none;
            padding: 8px;
        }
        .color_div{
            width: 40px;
            height: 40px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            background-color: black;
        }
        .order_upload{
            height: calc(100% - 57px);
            width: 100%;
            padding: 0px 20px 10px 20px;
        }
            .upload_plan{
                flex:0 0 calc(100% - 370px);
                border: 2px dashed black;
                padding: 10px;
                background-color: #f5f7fa;
            }
            .upload_logo{
                flex:0 0 350px;
                border: 2px dashed black;
                background-color: #f5f7fa;
                padding: 10px;
            }
            .upload_img_logo{
                width: 310px;
                height: 222px;
            }
            .imgBox_logo{
                width: 100%;
                height: 100%;
            }
            .icon_close_form_add_cart{
                position: absolute;
                top: 16px;
                right: 26px;
                font-size: 20px;
                color:  #256fe8;
            }
            .countainer_add_to_cart{
                wi