/**
 * Swiper 4.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* 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-invisible-blank-slide {
  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-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-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 {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
  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;
}
/* 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-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;
}
/*
====================================================

* 	[Master Stylesheet]
	
	Template Name 	:  Buildwall
	Version    		:  1.0
	Author     		:  W3Engineers Ltd.
	Author URI 		:  https://themeforest.net/user/w3engineers 

====================================================
	
	TOC
	
	1. PRIMARY STYLES
		RESPONSIVE 
	2. COMMON STYLES
		GO TOP
		RESPONSIVE 
		PRELOADER
		
===================================================


/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

html { width: 100%; height: 100%; font-size: 100%; overflow-x: hidden; -ms-touch-action: manipulation; touch-action: manipulation; }
	
body { font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0; word-wrap: break-word; 
	line-height: 1.3; width: 100%; overflow-x: hidden; word-break: break-word; 
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #111; }

h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6, p, ul, li, a { margin: 0; padding: 0; line-height: inherit; font-weight: inherit; }

h1 { font-size: 4.5em; line-height: 1; }
h2 {font-size: 3em;  line-height: 1; }
h3 {font-size: 2em; }
h4 {font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: .95em; }

p,span{ font-size: 1.05em; line-height: 1.6; }

p{ color: #444; }

a{ display: inline-block; cursor: pointer; color: inherit; -webkit-transition: all .25s ease; transition: all .25s ease; }

button{ cursor: pointer; color: inherit; outline: 0; border: 0; box-shadow: none; background: none; 
	-webkit-transition: all .25s ease; transition: all .25s ease; }

input, textarea{ display: inline-block; color: inherit; }

a:hover, a:focus, a:active,
button:hover, button:focus, button:active{ text-decoration: none; color: inherit; }

input:focus,
textarea:focus{ box-shadow: 0; outline: 0; border: 1px solid; border-color: #ffcc00!important; }

ul { margin: 0; }



img { height: auto; width: 100%; }

b { font-weight: 600; }

i,span { display: inline-block; }

b.max-bold{ font-weight: 700; }

i{ line-height: 1; }

input{ border: 0; outline: 0; }


/* RESPONSIVE */

@media only screen and (max-width: 767px) {

    body { font-size: 14px; }
	
	h1 { font-size: 3em; }
	h2 {font-size: 2.5em; }
	h3 {font-size: 1.8em; }

}

@media only screen and (max-width: 479px) {

	h1{ font-size: 2.2em; }
	
}

/* ---------------------------------
2. COMMON STYLES
--------------------------------- */

.section{ padding: 100px 0 70px; }

.section .heading{ position: relative; margin-bottom: 80px; text-align: right; }

.section .heading .title{ padding-right: 20px; }

.section .heading .title .main-title{ padding-bottom: 4px; }

.section .heading .title .pre-heading{ font-size: 1em; margin: 10px 0 5px; letter-spacing: 2px; color: #666; }

.section .heading .heading-info{ text-align: left; padding-left: 20px; }

.section .heading:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -3px; width: 6px; 
	background: #ffcc00; }

.section .heading .display-table-cell{ width: 50%; }


.section .heading.heading-right .title{ padding-right: 26px; }

.section .heading.heading-right:after{ left: auto; right: 0; }


.float-left{ float: left; }

.float-right{ float: right; }

.center-text { text-align: center; }

.full-height{ height: 100%; }

.display-table { display: table; width: 100%; height: 100%; }

.display-table-cell { display: table-cell; vertical-align: middle; }

.position-relative{ position: relative; }

.mar-b-0{ margin-bottom: 0px; }
.mar-b-5{ margin-bottom: 5px; }
.mar-b-10{ margin-bottom: 10px; }
.mar-b-15{ margin-bottom: 15px; }
.mar-b-20{ margin-bottom: 20px; }
.mar-b-30{ margin-bottom: 30px; }
.mar-b-50{ margin-bottom: 50px; }

.mar-t-10{ margin-top: 10px; }
.mar-t-20{ margin-top: 20px; }
.mar-t-30{ margin-top: 30px; }
.mar-t-50{ margin-top: 50px; }

.mar-tb-5{ margin-top: 5px; margin-bottom: 5px; }
.mar-tb-10{ margin-top: 10px; margin-bottom: 10px; }
.mar-tb-15{ margin-top: 15px; margin-bottom: 15px; }
.mar-tb-20{ margin-top: 20px; margin-bottom: 20px; }
.mar-tb-30{ margin-top: 30px; margin-bottom: 30px; }
.mar-tb-50{ margin-top: 50px; margin-bottom: 50px; }

.mar-r-20{ margin-right: 20px; }

.btn{ font-size: 1em; letter-spacing: 1px; padding: 12px 40px; border-radius: 2px; border: 1px solid #ffcc00; 
	background: #ffcc00; color: #111; }

.btn:focus,
.btn:hover{ background: transparent; }

.display-none{ display: none; }

.read-more-link{ position: relative; padding-bottom: 3px; overflow: hidden; }

.read-more-link:before,
.read-more-link:after{ content:''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #999;
	-webkit-transition: all .25s; transition: all .25s; }

.read-more-link:before{ -webkit-transform: translateX(-110%); transform: translateX(-110%);
	-webkit-transition: all .25s .25s; transition: all .25s .25s; }

.read-more-link:hover:before{ -webkit-transform: translateX(0%); transform: translateX(0%); }

.read-more-link:hover:after{ -webkit-transform: translateX(100%); transform: translateX(100%); }



/* GO TOP */

#back-to-top{ height: 45px; width: 45px; line-height: 41px; border-radius: 50px; text-align: center; position: fixed; 
	bottom: 20px; right: 20px; z-index: 1000; font-size: 1.1em; opacity: 0; box-shadow: 2px 10px 30px rgba(0,0,0,.2); 
	background: #fff; border: 2px solid #ffcc00; color: #000;
	-webkit-transform: scale(0);  transform: scale(0); 
	-webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out; }

#back-to-top:focus,
#back-to-top:hover{ box-shadow: 2px 5px 20px rgba(0,0,0,.3); background: #ffcc00; color: #000; }

#back-to-top.show{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



/* RESPONSIVE */

@media only screen and (max-width: 767px) {

	.section{ padding: 50px 0 20px; }
	.section .heading{ margin-bottom: 40px; }
	.section .heading .title{ padding: 0; }
	
	.section .heading .display-table-cell{ width: 100%; }
	
	.section .heading{ text-align: center; padding: 0px; }
	
	.section .heading-info,
	.section .heading:after{ display: none; }
  
	.section .heading.heading-right .title{ padding-right: 0px; }
  
}


/* PRELOADER */

.loader-wrapper{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100000; background: #fff; }


@-webkit-keyframes mainAnimation {
	0% {  width: 50px; -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); }
	20% { width: 50px; -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); }
	40% { width: 150px;  -webkit-transform: translateX(-50px) translateY(0px) rotate(0deg); }
	60% { width: 150px;  -webkit-transform-origin: bottom right; -webkit-transform: translateX(-150px) translateY(0px) rotate(90deg); }
	80% { width: 50px;  -webkit-transform: translateX(-25px) translateY(0px) rotate(90deg); }
	100% { width: 50px; -webkit-transform: translateX(-50px) translateY(0px) rotate(90deg); }
}
@keyframes mainAnimation {
	0% { width: 50px; transform: translateX(0px) translateY(0px) rotate(0deg); }
	20% { width: 50px; transform: translateX(0px) translateY(0px) rotate(0deg); }
	40% { width: 150px; transform: translateX(-50px) translateY(0px) rotate(0deg); }
	60% { width: 150px; transform-origin: bottom right;  transform: translateX(-150px) translateY(0px) rotate(90deg); }
	80% {  width: 50px; transform: translateX(-25px) translateY(0px) rotate(90deg); }
	100% { width: 50px; transform: translateX(-50px) translateY(0px) rotate(90deg); }
}
@-webkit-keyframes secundaryAnimation {
	0% {   -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); }
	20% { -webkit-transform: translateX(0px) translateY(0px) rotate(180deg); }
	40% { -webkit-transform: translateX(0px) translateY(0px) rotate(180deg); }
	60% { -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); }
	80% {  -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); }
	100% {  -webkit-transform: translateX(0px) translateY(0px) rotate(180deg); }
}
@keyframes secundaryAnimation {
	0% { transform: translateX(0px) translateY(0px) rotate(0deg); }
	20% { transform: translateX(0px) translateY(0px) rotate(180deg); }
	40% { transform: translateX(0px) translateY(0px) rotate(180deg); }
	60% { transform: translateX(0px) translateY(0px) rotate(0deg); }
	80% { transform: translateX(0px) translateY(0px) rotate(0deg); }
	100% { transform: translateX(0px) translateY(0px) rotate(180deg); }
}
@-webkit-keyframes shadowAnimation {
	0% { width: 150px; -webkit-transform: translateX(-25px) translateY(0px) rotate(0deg); }
	20% { width: 75px; -webkit-transform: translateX(37.5px) translateY(0px) rotate(0deg); }
	40% { width: 200px; -webkit-transform: translateX(-25px) translateY(0px) rotate(0deg); }
	60% { width: 75px; -webkit-transform: translateX(37.5px) translateY(0px) rotate(0deg); }
	80% { width: 75px; -webkit-transform: translateX(37.5px) translateY(0px) rotate(0deg); }
	100% { width: 150px; -webkit-transform: translateX(-25px) translateY(0px) rotate(0deg); }
}
@keyframes shadowAnimation {
	0% { width: 150px; transform: translateX(-25px) translateY(0px) rotate(0deg); }
	20% { width: 75px; transform: translateX(37.5px) translateY(0px) rotate(0deg); }
	40% { width: 200px; transform: translateX(-25px) translateY(0px) rotate(0deg); }
	60% { width: 75px; transform: translateX(37.5px) translateY(0px) rotate(0deg); }
	80% { width: 75px; transform: translateX(37.5px) translateY(0px) rotate(0deg); }
	100% { width: 150px; transform: translateX(-25px) translateY(0px) rotate(0deg); }
}
@-webkit-keyframes float {
	0% { top: 50%; }
	50% { top: 51%; }
	100% { top: 50%; }
}
@keyframes float {
	0% { top: 50%; }
	50% { top: 51%; }
	100% { top: 50%; }
}

.loader { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 2;
  background-color: #ffcc00;
  -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); transform: translateX(0px) translateY(0px) rotate(0deg);
  -webkit-animation: mainAnimation 2.6s ease 0s infinite forwards; animation: mainAnimation 2.6s ease 0s infinite forwards; }

.loader:after { content: ''; display: inline-block; position: absolute; width: 50px; height: 50px; top: 0; left: -50px;
  background-color: #ffcc00;
  -webkit-transform-origin: top right; transform-origin: top right;
  -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); transform: translateX(0px) translateY(0px) rotate(0deg);
  -webkit-animation: secundaryAnimation 2.6s ease 0s infinite forwards; animation: secundaryAnimation 2.6s ease 0s infinite forwards; }

.shadow { position: absolute; width: 100px; height: 10px; top: 50%; left: 50%; margin-top: 50px; margin-left: -75px;
	border-radius: 50%; z-index: 1; background-color: #95a5a6;
	-webkit-transform: translateX(0px) translateY(0px) rotate(0deg); transform: translateX(0px) translateY(0px) rotate(0deg);
	-webkit-animation: shadowAnimation 2.6s ease 0s infinite forwards, float 5s ease-in-out 0s infinite forwards;
	animation: shadowAnimation 2.6s ease 0s infinite forwards, float 5s ease-in-out 0s infinite forwards; }


/*
====================================================

* 	[Master Stylesheet]
	
	Template Name 	:  Buildwall
	Version    		:  1.0
	Author     		:  W3Engineers Ltd.
	Author URI 		:  https://themeforest.net/user/w3engineers 

====================================================
	
	TOC
	
	3. MENU STYLING
		TOP MENU 
		MENU BOTTOM 
		LOGO 
		MENU RIGHT AREA 
		MAIN MENU 
		DROPDOWN 
		DROPDOWN MULTI LEVEL 
		DROPDOWN HOVER EFFECT 
		NAV ICON 
		SEARCH AREA 
		CART AREA 
		RESPONSIVE 

===================================================


/* ---------------------------------
3. MENU STYLING
--------------------------------- */

header{ position: absolute; top: 0px; left: 0; right: 0; z-index: 8000; text-align: center;
	box-shadow: 0 10px 20px rgba(0,0,0,.05); background: #fff; }

.fixed{ position: fixed; top: 0; left: 0; right: 0; padding: 0 15px;
	box-shadow: 0 10px 20px rgba(0,0,0,.05); background: #fff;
	-webkit-animation: slide-top-anim .3s forwards ease-out; animation: slide-top-anim .3s forwards ease-out; }

@-webkit-keyframes slide-top-anim {
    0% { opacity: 0;  }
    100% { opacity: 1; }
}

@keyframes slide-top-anim {
    0% { opacity: 0; transform: translateY(-100%); }
    100% { opacity: 1; transform: translateY(0%); }
}


/* TOP MENU */

header ul {
	list-style-type:none;
}
header .menu-top{ margin-left: -15px; margin-right: -15px; padding: 0px 15px; background: #000; color: #ddd; l }

header .menu-top ul > li > a{ padding: 0px 15px; line-height: 40px; }

header .menu-top .left-area{ float: left; }

header .menu-top .left-area i{ margin-right: 5px;  }

header .menu-top .social-icons{ float: right; }


/* MENU BOTTOM */

header .menu-bottom{ font-weight: 500; text-transform: uppercase; }


/* LOGO */

header .menu-left-area{ float: left; padding-right: 40px; }

header .logo img{ height: 85px; margin: 2.5px 0; width: auto; }


/* MENU RIGHT AREA */

header .menu-right-area{ float: right; height: 90px; line-height: 90px; }

header .menu-right-area li > a{ padding: 0px 10px; position: relative; }

header .menu-right-area li > a > i{ font-size: 1.2em; }


/* MAIN MENU */

header .main-menu{ float: right; font-size: .95em;  }

header .main-menu > li{ height: 90px; }

header .main-menu li.active{ font-weight: 700; }

header .main-menu li{ position: relative; float: left; }

header .main-menu > li > a { margin: 0 10px; padding: 0 5px; height: 90px; line-height: 90px; position: relative; 
	-webkit-transition: all .3s; transition: all .3s; }
	
header .main-menu > li > a:after { content: ''; position: absolute; bottom: 15px; left: 0; width: 100%; height: 1px; 
	background: #fff;
    -webkit-transform-origin: left; transform-origin: left; 
	-webkit-transition: all .2s; transition: all .2s;
	-webkit-transform: scale(0); transform: scale(0); }
	
header .main-menu li > a > i { font-size: 1.2em; margin-left: 7px; line-height: 1; }

header .visible.main-menu { display: block; }


/* DROPDOWN */

header .main-menu li > ul { display: none; top: 75px; position: absolute; width: 180px; text-align: left;
    box-shadow: 2px 4px 20px rgba(0, 0, 0, .2); background: #fff; }
	
header .main-menu ul.drop-down li { display: block; margin: 0; width: 100%;  line-height: 1; }

header .main-menu ul.drop-down li > a { display: block; padding: 17.5px 20px; position: relative; width: 100%; 
	border-top: 1px solid #ddd; }
	
header .main-menu ul.drop-down li:first-child > a { border-top: 0; }
	

/* DROPDOWN MULTI LEVEL */

header .main-menu .drop-down-lower { left: 180px; top: 0; }

header .main-menu ul.drop-down li > ul.drop-down-lower li.d-hover-effect > a { padding-left: 25px; }


/* DROPDOWN HOVER EFFECT */

header .main-menu li.d-hover-effect > ul { display: block; 
	-webkit-animation: full-opacity-anim .3s forwards; animation: full-opacity-anim .3s forwards; }

header .main-menu ul.drop-down li.d-hover-effect > a { padding-left: 25px; }


@-webkit-keyframes full-opacity-anim {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes full-opacity-anim {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


/* NAV ICON */

.menu-nav-icon{ display: none; height: 40px; line-height: 40px; width: 50px; text-align: center; cursor: pointer; 
	position: absolute; left: 50%; margin: 10px 0; margin-left: -25px; font-size: 2em; color: #000; }

.menu-nav-icon [class^="icon-"]:before, [class*=" icon-"]:before{ line-height: 40px; }


/* SEARCH AREA */

.src-pop-up{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100000; display: none; cursor: zoom-out;
	background: #fff; }

.src-pop-up .src-input-area{ position: absolute; height: 60px; width: 800px; left: 50%; top: 50%; margin-top: -40px; 
	margin-left: -400px; }

.src-pop-up .src-input-area .label{ position: absolute; font-size: 2em; padding: 0; top: -40px; left: 0; right: 0;
	text-align: left; cursor: context-menu; color: #aaa; }

.src-pop-up .src-input-area input{ height: 60px; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; outline: 0;
	border: 0; font-size: 1.4em; padding-right: 60px; padding-left: 15px; background: #f7f5f4; border-bottom: 1px solid #aaa; 
	-webkit-transform-origin: left; transform-origin: left;  
	-webkit-transform: scaleX(0); transform: scaleX(0); }

.src-pop-up .src-input-area input:focus{ border-color: #aaa!important; }

.src-pop-up .src-input-area button{ position: absolute; right: 0; top: 0; bottom: 0; width: 50px; font-size: 1.7em; opacity: 0; 
	transition: all .3s 1s ease-in; transition: all .3s 1s ease-in; }

.src-pop-up.visible{ display: block; -webkit-animation: pop-up-anim .35s cubic-bezier(.1,.84,.23,.99) forwards; 
	animation: pop-up-anim .35s cubic-bezier(.1,.84,.23,.99) forwards; }

.src-pop-up.visible .src-input-area input{ -webkit-animation: scaleX .5s .2s cubic-bezier(.1,.84,.23,.99) forwards; 
	animation: scaleX .5s .2s cubic-bezier(.1,.84,.23,.99) forwards; }

.src-pop-up.visible .src-input-area button{ -webkit-animation: src-btn-anim .5s .4s cubic-bezier(.1,.84,.23,.99) forwards; 
	animation: src-btn-anim .5s .4s cubic-bezier(.1,.84,.23,.99) forwards; }


@-webkit-keyframes scaleX{
	0%{ -webkit-transform: scaleX(0); }
	100%{ -webkit-transform: scaleX(1); }
}

@-webkit-keyframes src-btn-anim{
	0%{ opacity: 0; -webkit-transform: translateY(-100px); }
	100%{ opacity: 1; -webkit-transform: translateY(0px); }
}

@-webkit-keyframes pop-up-anim{
	0%{ opacity: 0; -webkit-transform: translateY(-100px); }
	100%{ opacity: 1; -webkit-transform: translateY(0px); }
}

@keyframes scaleX{
	0%{ transform: scaleX(0); }
	100%{ transform: scaleX(1); }
}

@keyframes src-btn-anim{
	0%{ opacity: 0; transform: translateY(-100px); }
	100%{ opacity: 1; transform: translateY(0px); }
}

@keyframes pop-up-anim{
	0%{ opacity: 0; transform: translateY(-100px); }
	100%{ opacity: 1; transform: translateY(0px); }
}


/* CART AREA */

.menu-right-area li.view-cart{ position: relative; }

#added-item{ font-size: 14px; font-weight: 700; line-height: 18px; height: 18px; width: 18px; border-radius: 20px; text-align: center;
	position: absolute; bottom: 25px; right: -3px; background: #e3ae0a; }

.cart-pop-up{ padding: 15px; position: absolute; top: 100%; right: 0px; line-height: 1; min-width: 300px; z-index: 1000;
	font-weight: 400; max-height: 600px; overflow: auto; display: none; text-align: left; 
	box-shadow: 1px 1px 10px rgba(0,0,0,.15); background: #fff; }
	
.cart-pop-up .btn{ font-size: .85em; width: 100%; letter-spacing: 0; padding: 10px; text-align: center; margin-top: 10px; }

.cart-pop-up .cart-remove-btn{ text-decoration: underline; font-size: .9em; color: #666; }

.cart-pop-up .cart-remove-btn:hover{ text-decoration: none; }

.cart-pop-up .total-price{ margin-top: 15px; padding-top: 8px; border-top: 1px solid #ccc; }

.cart-pop-up .product-price{ padding: 5px 0; }

.cart-pop-up .cart-product{ position: relative; margin-bottom: 10px; }

.cart-pop-up .cart-product .product-img{ height: 70px; width: 70px; position: absolute; top: 0; left: 0; background: #eee; }

.cart-pop-up .cart-product .product-detail{ margin: 0 20px 0 80px; min-height: 70px; }


.cart-pop-up .cart-product .cart-remove-btn{ position: absolute; top: 0; right: 0; width: 18px; height: 18px; line-height: 18px; 
	border-radius: 2px; text-align: center; font-size: 12px; background: #333; color: #fff; }

.cart-pop-up.active{ display: block; }


/* RESPONSIVE */

@media only screen and (max-width: 992px) {
	
	header{ position: absolute; top: 0px; left: 0; right: 0; z-index: 10; text-align: center; background: #fff; }

	/* MAIN MENU */
	header .main-menu > li > a { padding: 0px 5px; margin: 0 5px; }
	
	/* SEARCH AREA */
	.src-pop-up .src-input-area{ width: 80%; margin-left: -40%; }
	
	.src-pop-up .src-input-area .label{ font-size: 1.5em; }
	
}

@media only screen and (max-width: 767px) {
    
    header{ position: absolute; border-bottom: 0px; color: #111; text-align: left; }
	header .logo img{ height: 55px; margin: 2.5px 0; width: auto; }

	
	/* TOP MENU */
	header .menu-top{ position: relative; }
	header .menu-top ul > li > a{ padding: 0px 5px; }
	header .menu-top .left-area{ float: none; padding-right: 95px; }
	header .menu-top .left-area i{ margin-right: 5px;  }
	header .menu-top .social-icons{ float: none; position: absolute; bottom: 0; right: 15px; }


	/* MENU RIGHT AREA */
	header .menu-right-area{ height: 60px; line-height: 60px; }

	
	/* MAIN MENU */    
    header .main-menu {  display: none; float: none; clear: both; max-height: 400px; overflow: auto; margin-left: -15px; 
		margin-right: -15px; box-shadow: 0px 2px 10px rgba(0,0,0,.3);border-top: 1px solid #ccc; background: #fff; }
		
	header .main-menu li { float: none; }
    header .main-menu > li { display: block; height: auto; border-bottom: 1px solid #ddd; }
    header .main-menu > li:last-child { border-bottom: 0; }
	header .menu-wrapper{ height: 60px; }
	header .main-menu li > a{ height: 60px; line-height: 60px; text-transform: uppercase; }
	
    header .main-menu li > a,
    header .main-menu ul.drop-down li > a {  display: block; line-height: 1; height: auto; padding: 15px;  background: none; }
	
	
	/* HOVER EFFECT */
	header .main-menu > li > a:hover{ color: #desc; }
	
	
    /* DROPDOWN */
    header .main-menu li ul { top: 60px; overflow: hidden;  position: static; width: auto; box-shadow: none; background: none; }
    header .main-menu li:hover ul > li { margin-left: 10px; }
    header .main-menu ul.drop-down li:first-child > a { border-top: 1px solid #aaa; }
	
	
    /* DROPDOWN HOVER EFFECT */
    header .main-menu li > a:after{ display: none; }
    header .main-menu ul.drop-down li > a:after { display: none; }

	
    /* NAV ICON */
	header .menu-nav-icon { display: inline-block; }
	
	/* SEARCH AREA */
	.src-pop-up .src-input-area{ width: 90%; margin-left: -45%; }
	
	.src-pop-up .src-input-area .label{ font-size: 1.1em; top: -20px; }
	
	/* CART AREA */
	.cart-pop-up{ max-height: 400px; }
	
}

@media only screen and (max-width: 479px) {
	
	header{ text-align: center; }
	
	header .main-menu{ text-align: left; }
	
	/* LOGO */
	header .menu-left-area{ display: inline-block; padding: 0 0 0 20px; float: none; }
	
	/* NAV ICON */
	header .menu-nav-icon{ left: 0px; margin-left: 0px; }
	
	/* MENU TOP */
	header .menu-top .left-area{ padding-right: 120px; text-align: left; }
	
	header .menu-top .left-area li{ display: block; }
	
}

@media only screen and (max-width: 359px) {

	header .menu-top .left-area{ text-align: center; padding: 15px 0 5px; }
	
	header .menu-top .left-area li > a{ line-height: 1; padding-bottom: 10px; }
	
	header .menu-top .social-icons{ display: none; }
	
	
	/* CART AREA */
	.cart-pop-up{ right: -5px; min-width: 240px; }
	
}

@media only screen and (max-width: 290px) {
	
	/* CART AREA */
	.cart-pop-up{ right: 0px; min-width: 220px; }
	
}/*
====================================================

* 	[Master Stylesheet]
	
	Template Name 	:  Buildwall
	Version    		:  1.0
	Author     		:  W3Engineers Ltd.
	Author URI 		:  https://themeforest.net/user/w3engineers 

====================================================

	TOC
	
	1. PRIMARY STYLES
		RESPONSIVE 
	2. COMMON STYLES
		GO TOP
		RESPONSIVE 
	3. MENU STYLING
		TOP MENU 
		MENU BOTTOM 
		LOGO 
		MENU RIGHT AREA 
		MAIN MENU 
		DROPDOWN 
		DROPDOWN MULTI LEVEL 
		DROPDOWN HOVER EFFECT 
		NAV ICON 
		SEARCH AREA 
		CART AREA 
		RESPONSIVE  
	4. SLIDER STYLING
		RESPONSIVE
	5. ABOUT US
		RESPONSIVE
	6. COUNTER STYLING
	7. MISSION SECTION
	8. QUOTO STYLING
		RESPONSIVE
	9. CLIENT SECTION STYLING
		RESPONSIVE
	10. FOOTER SECTION STYLING
		CONTACT AREA
		MAIN FOOTER
		SOCIAL ICONS
		RESPONSIVE 


====================================================


/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

/* common-css/primary.css */


/* ---------------------------------
2. COMMON STYLES
--------------------------------- */

/* common-css/primary.css */


/* ---------------------------------
3. MENU STYLING
--------------------------------- */

/* common-css/header.css */

/* ---------------------------------
4. SLIDER STYLING
--------------------------------- */

.main-slider{ height: 350px; margin-top: 130px; position: relative; color: #fff; }

.main-slider .slider-bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; z-index: -1; }

.main-slider .slider-bg:after{ content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; 
	background: rgba(0,0,0,.3); }

.main-slider .blog-bg-1{ /* background-image: url(images/slider-5-1920x600.jpg); */ }


.main-slider .desc{ margin-top: 15px; }

.main-slider .desc i{ margin: 0 10px; position: relative; bottom: -2px; } 


/* RESPONSIVE */

@media only screen and (max-width: 767px) {

	.main-slider{ height: 300px; margin-top: 100px; }

}
@media only screen and (max-width: 479px) {
	
	.main-slider{ margin-top: 120px; }
	
}
@media only screen and (max-width: 359px) {
	.main-slider{ margin-top: 130px; }
}


/* ---------------------------------
5. ABOUT US
--------------------------------- */

.about-section{ padding: 100px 0; }

.about-section .heading{ margin-bottom: 40px; }

.about-section .about-area{ width: 50%; }

.about-section .about-img-wrapper{ padding: 0 50px; }


.about-section .about-img{ margin: 15px 15px; position: relative; }

.about-section .about-img:after{ content:''; position: absolute; top: -15px; left: -15px; height: 100%; width: 100%; z-index: -1; 
	border: 1px solid #ffcc00; }

.about-section .about-img:before{ content:''; position: absolute; right: -15px; bottom: -15px; height: 100%; width: 100%; z-index: 1; 
	border: 1px solid #ffcc00; }


/* RESPONSIVE */

@media only screen and (max-width: 992px) {

	.about-section .about-img-wrapper{ display: none; }

}
@media only screen and (max-width: 767px) {
	
	.about-section{ padding: 50px 0; }
	.about-section .heading{ margin-bottom: 30px; }

}

@media only screen and (max-width: 479px) {
	
	.about-section p{ text-align: justify; }

}



/* ---------------------------------
6. COUNTER STYLING
--------------------------------- */

.counter-section{ padding: 100px 0 70px; position: relative; text-align: center; z-index: 1; color: #fff; 
	background-size: cover; background-image: url(images/counter-bg-1920x400.jpg); }

.counter-section:after{ content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; 
	background: rgba(0,0,0,.6); }

.counter-section .counter{ margin-bottom: 30px; }

.counter-section .counter .desc{ margin-top: 5px; }


@media only screen and (max-width: 767px) {
	
	.counter-section{ padding: 50px 0 20px; }

}


/* ---------------------------------
7. MISSION SECTION
--------------------------------- */

@media only screen and (max-width: 479px) {
	
	.mission-section p{ text-align: justify; }

}


/* ---------------------------------
8. QUOTO STYLING
--------------------------------- */

.quoto-section{ margin: 70px 0 20px; padding: 0px; }

.quoto-section .quoto-wrapper{ padding: 50px 50px; padding-left: 220px; margin-left: 50px; position: relative; background: #ffcc00; }

.quoto-section .quoto-wrapper .icon{ position: absolute; font-size: 4em; top: -80px; left: 0px; color: rgba(0,0,0,.1); }


.quoto-section .heading{ text-align: right; margin-bottom: 10px; } 
 
.quoto-section .pre-heading{ margin-top: 5px; color: #555; }  

.quoto-section .quoto{ position: relative; padding-left: 0px; }  

.quoto-section .quoto .quoto-desc{ margin: 15px 0 30px; }

.quoto-section .quoto .profile-image{ width: 250px; position: absolute; left: -280px; top: -210px; }

.quoto-section .quoto .designation{ margin-top: 5px; color: #444; }


.quoto-section .swiper-container{ padding: 0 10px; position: relative; overflow: visible; }

.quoto-section .swpr-control{ position: absolute; right: -30px; bottom: -70px; width: 86px; height: 43px; border: 3px solid #fff; }

.quoto-section .swiper-button-prev,
.quoto-section .swiper-button-next{ position: absolute; top: 0; width: 40px; height: 40px; line-height: 36px; 
	margin: 0; text-align: center; border-radius: 2px; font-size: 30px; opacity: 1;
	border: 1px solid #ffcc00; background: #ffcc00; color: #000; 
	-webkit-transition: all .25s ease; transition: all .25s ease; }

.quoto-section .swiper-button-prev:hover,
.quoto-section .swiper-button-next:hover{ background: #fff; }
	
.quoto-section .swiper-button-prev{ left: 0px; }

.quoto-section .swiper-button-next{ right: 0px; }


/* RESPONSIVE */

@media only screen and (max-width: 767px) {
	
	.quoto-section{ margin: 0px 0 20px; }
	
	.quoto-section .heading{ text-align: left; margin-bottom: 10px; } 
	
	.quoto-section .quoto-wrapper{ margin-left: 0px; padding: 50px 15px; }
	
	.quoto-section .quoto-wrapper .icon{ top: -20px; left: 0px; }
	
	.quoto-section .quoto .profile-image{ max-width: 300px; width: 100%; margin-top: 15px; position: static; }
	
	.quoto-section .swpr-control{ bottom: -70px; right: 20px; }
	
}
@media only screen and (max-width: 479px) {
	
	.quoto-section .quoto-wrapper{ padding: 50px 20px; }
	
	.quoto-section .swiper-container{ padding: 0; }

}


/* ---------------------------------
9. CLIENT SECTION STYLING
--------------------------------- */

.client-section{ padding: 30px 0 50px; text-align: center; }

.client-section .swiper-slide{ opacity: .7;
	-webkit-filter: grayscale(1); filter: grayscale(1); 
	-webkit-transition: all .7s ease-out; transition: all .7s ease-out; }

.client-section .swiper-slide:hover,
.client-section .swiper-slide-active{ opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); }

/* RESPONSIVE */

@media only screen and (max-width: 479px) {

	.client-section{ padding: 30px 0 30px; text-align: center; }
	
}


/* ---------------------------------
10. FOOTER SECTION STYLING
--------------------------------- */

/* common-css/footer-styles.css */