.swiper-container {  margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 10px 20px;   z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {   flex-direction: column; }

.swiper-wrapper {  position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap;  flex-direction: column;}

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out;  margin: 0 auto;}

.swiper-slide {  flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;  transition-property: transform;       background-color: #FFFFFF;      box-shadow: 0 0 4px #00000042;   box-sizing: border-box;    border-radius: 4px 4px; overflow: hidden;}

.swiper-slide-invisible-blank {  visibility: hidden;}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {  height: auto;}

.swiper-container-autoheight .swiper-wrapper {  align-items: flex-start;  transition-property: transform, height;}


.swiper-bottom {  position: relative;   max-width: 300px;    margin: 0 auto; }

.swiper-bottom:before {   content: "";   position: absolute;   width: 28px;   height: 28px;   border: solid 1px #bfbfbf;   border-radius: 16px;   right: 0;   top: 3px;  cursor: pointer;  display: block;}

.swiper-bottom:after {    content: "";     display: block;     position: absolute;     width: 28px;     height: 28px;     border: solid 1px #bfbfbf;     border-radius: 16px;     left: 0;     top: 3px;     cursor: pointer; }



.swiper-button-prev,
.swiper-button-next {   position: absolute;   top: 48%;   width: 8px;   height: 8px;   margin-top: calc(-1 * var(--swiper-navigation-size) / 2);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {   opacity: 0.35;   cursor: auto;   pointer-events: none; }


.swiper-button-prev {  content: "";   left: 11px;   right: auto;   border-left: 2px solid #b3b3b3;   border-bottom: 2px solid #b3b3b3;   transform: rotate(45deg); }

.swiper-button-next {  content:"";  right: 11px;  border-top: 2px solid #b3b3b3;  border-right: 2px solid #b3b3b3;  transform: rotate(45deg); }

.swiper-button-lock {  display: none;}

.swiper-pagination {  text-align: center;   transition: 300ms opacity;   transform: translate3d(0, 0, 0);   z-index: 10;    margin-top: 28px; }

.swiper-pagination.swiper-pagination-hidden {   opacity: 0; }

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {   bottom: 10px;   left: 0;   width: 100%; }

.swiper-pagination-bullets-dynamic {  overflow: hidden;  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  transform: scale(0.33);  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {   transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {   transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {   transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {   transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {   transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {   transform: scale(0.33); }

.swiper-pagination-bullet {  width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: 0.2;     margin: 0 4px;  }

button.swiper-pagination-bullet {  border: none;  margin: 0;  padding: 0;  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: #ef8300;}

.swiper-container-vertical > .swiper-pagination-bullets {  right: 10px;  top: 50%;  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%;  transform: translateY(-50%);  width: 8px;}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  display: inline-block;  transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 0 4px;}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {  left: 50%;  transform: translateX(-50%);  white-space: nowrap;}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms right; }

.swiper-pagination-progressbar {  background: rgba(0, 0, 0, 0.25);   position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: var(--swiper-pagination-color, var(--swiper-theme-color));  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  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-lock {   display: none; }

.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: flex;   justify-content: 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%;   object-fit: contain; }

.swiper-slide-zoomed {   cursor: move; }

.swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;    z-index: 10;   transform-origin: 50%;   animation: swiper-preloader-spin 1s infinite linear;   box-sizing: border-box;   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top-color: transparent; }


@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.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 {   transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {   pointer-events: none;   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-slide figure {   margin: 0 0;    line-height: 0; }

.swiper-slide ul.detail {      padding: 15px 20px;   margin: 0 0;    font-size: 72%;}

.swiper-slide ul.detail li span {   display: inline-block;     margin: 0 20px 0 0;     font-weight: 800; }


.swiper-slide a {   display: block;  text-decoration: none;   color: #333333;   background-color: #FFFFFF;   position: relative;   overflow: hidden; }

.swiper-slide a:hover {   background-color: #f7f7f7;}

.swiper-slide a:hover img {   opacity: 0.9;}

.swiper-slide a:hover:before {content: "";position: absolute;width: 20px;height: 20px;background-color: #f5844a;right: -10px;bottom: -10px;transform: rotate(-45deg);}

.swiper-slide a figure {   width: 100%;    height: 200px;     overflow: hidden;     margin: 0 0 0 0;     position: relative; }

.swiper-slide a figure img {    margin: 0 0 0 0;     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate(-50%, -50%);     -ms-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     max-width: 130%;     height: auto; }


@media screen and (max-width: 680px) and (min-width: 280px) {

.swiper-container {   padding: 0 26px 40px 26px;}
	
	
}