@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900);@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i);@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700);@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css);@import url(https://fonts.googleapis.com/css?family=Montserrat);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}.alice-carousel {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  direction: ltr; }

.alice-carousel__wrapper {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: auto; }

.alice-carousel__stage {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap; }
  .alice-carousel__stage-item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    white-space: normal;
    line-height: 0; }
    .alice-carousel__stage-item * {
      line-height: initial; }
    .alice-carousel__stage-item.__cloned {
      visibility: hidden;
      opacity: 0; }

.alice-carousel__prev-btn,
.alice-carousel__next-btn {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 15px 10px; }
  .alice-carousel__prev-btn [data-area]::after,
  .alice-carousel__next-btn [data-area]::after {
    position: relative;
    content: attr(data-area);
    text-transform: capitalize; }

.alice-carousel__prev-btn {
  text-align: right; }

.alice-carousel__prev-btn-item,
.alice-carousel__next-btn-item {
  display: inline-block;
  cursor: pointer;
  color: #465798; }
  .alice-carousel__prev-btn-item:hover,
  .alice-carousel__next-btn-item:hover {
    color: darkred; }
  .alice-carousel__prev-btn-item.__inactive,
  .alice-carousel__next-btn-item.__inactive {
    opacity: 0.4; }

.alice-carousel__play-btn {
  position: absolute;
  top: 30px;
  left: 20px;
  display: inline-block; }
  .alice-carousel__play-btn:hover {
    cursor: pointer; }
  .alice-carousel__play-btn-wrapper {
    position: relative;
    width: 32px;
    height: 32px;
    padding: 10px;
    border-radius: 50%;
    background-color: #fff; }

.alice-carousel__play-btn-item {
  position: absolute;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent; }
  .alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {
    position: absolute;
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    content: '';
    transition: all 0.3s linear;
    border-width: 8px 0 8px 15px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #465798; }
  .alice-carousel__play-btn-item::before {
    left: 5px;
    height: 14px; }
  .alice-carousel__play-btn-item::after {
    top: 7px;
    left: 18px; }
  .alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {
    height: 30px;
    border-width: 0 0 0 10px; }
  .alice-carousel__play-btn-item.__pause::after {
    top: 0;
    left: 18px; }

.alice-carousel__dots {
  margin: 30px 3px 5px;
  padding: 0;
  list-style: none;
  text-align: center; }
  .alice-carousel__dots-item {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #e0e4fb; }
    .alice-carousel__dots-item:hover, .alice-carousel__dots-item.__active {
      background-color: #6e7ebc; }

.alice-carousel__slide-info {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  padding: 5px 10px;
  color: #465798;
  border-radius: 5px;
  background-color: rgba(224, 228, 251, 0.6); }
  .alice-carousel__slide-info-item {
    vertical-align: middle;
    line-height: 0; }

.alice-carousel .animated {
  animation-fill-mode: both; }

.alice-carousel .animated-out {
  z-index: 1; }

.alice-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }
.react-responsive-modal-overlay {
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  padding: 1.2rem;
}

.react-responsive-modal-modal {
  max-width: 800px;
  position: relative;
  padding: 1.2rem;
  background: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}

.react-responsive-modal-modalCenter {
  margin: auto;
}

.react-responsive-modal-closeButton {
  position: absolute;
  top: 14px;
  right: 14px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
}

@keyframes react-responsive-modal-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes react-responsive-modal-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}    /*------------------------------------------------------------------
        File Name: style.css
        Template Name: auricle
-------------------------------------------------------------------*/
    /*------------------------------------------------------------------
        1. import fonts
-------------------------------------------------------------------*/
    /*------------------------------------------------------------------
        2. import files
    -------------------------------------------------------------------*/
    /* @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/js/fontawesome.min.js); */
    /*------------------------------------------------------------------
        3. basic
-------------------------------------------------------------------*/
    
    * {
        margin: 0;
        padding: 0;
        outline: none !important;
        box-sizing: border-box;
        transition: ease all 0.5s;
        -webkit-transition: ease all 0.5s;
        -moz-transition: ease all 0.5s;
        -ms-transition: ease all 0.5s;
        -o-transition: ease all 0.5s;
    }
    
    input,
    button,
    select,
    textarea {
        outline: none !important;
    }
    
    html,
    body {
        color: black;
        font-size: 15px;
        font-family: "Poppins", sans-serif;
        line-height: normal;
        font-weight: 400;
        overflow-x: hidden !important;
    }
    
    body {
        overflow: hidden !important;
    }
    
    a {
        color: #1f1f1f;
        text-decoration: none !important;
        outline: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: 0;
        font-weight: normal;
        position: relative;
        padding: 0;
        font-weight: normal;
        line-height: normal;
        color: #1f1f1f;
        margin: 0;
    }
    
    h6 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    h1 {
        font-size: 24px;
    }
    
    .small_heading.main-heading h2 {
        font-size: 21px;
    }
    
    .small_heading.main-heading::after {
        top: 18px;
    }
    
    .small_heading.main-heading {
        margin-bottom: 20px;
        width: 100%;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 16px;
    }
    
    h5 {
        font-size: 14px;
    }
    
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: #212121;
        text-decoration: none !important;
        opacity: 1;
    }
    
    ol,
    ul {
        margin: 0;
        color: #000;
    }
    
    a {
        color: #000;
        text-decoration: none;
        outline: none;
    }
    
    a,
    .btn {
        text-decoration: none !important;
        outline: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .btn-custom {
        margin-top: 20px;
        background-color: transparent;
        border: 2px solid #ddd;
        padding: 12px 40px;
        font-size: 16px;
    }
    
    .button_section {
        float: left;
        width: 100%;
    }
    
    .right_bt {
        float: right;
    }
    
    a.btn,
    button.btn {
        min-width: 75px;
            height: 50px;
            border-radius: 10px;
            padding: 0;
            text-align: center;
            /* line-height: 52px; */
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            /* margin-top: 10px; */
            color: #fff;
    }
    
    a.btn:hover,
    button.btn:hover,
    a.btn:focus,
    button.btn:focus {
        background: #252525;
        color: #fff;
    }
    
    button {
        transition: ease all 0.5s;
        cursor: pointer;
    }
    
    .bt_main {
        color: #fff;
        font-size: 14px;
        min-width: 148px;
        float: left;
        text-align: center;
        height: 48px;
        line-height: 50px;
        font-weight: 500;
        border: none;
        padding: 0 35px;
        transition: ease all 0.5s;
    }
    
    .bt_main:hover,
    .bt_main:focus {
        color: #fff;
    }
    
    .reverse_bt.bt_main {
        color: #fff;
    }
    
    .white_bt.bt_main {
        background: #fff;
    }
    
    .white_bt.bt_main:hover,
    .white_bt.bt_main:focus {
        color: #fff;
    }
    
    .field button {
        background: #f96495;
        color: #fff;
        font-size: 14px;
        width: auto;
        text-align: center;
        height: 48px;
        border-radius: 25px;
        line-height: 50px;
        font-weight: 500;
        border: none;
        margin-top: 15px;
        transition: ease all 0.5s;
        cursor: pointer;
        min-width: 148px;
        padding-left: 75px;
        padding-right: 75px;
    }
    
    .field button:hover,
    .field button:focus {
        background: #ffffff;
        color: #1e72bc;
    }
    
    .border_circle_bt {
        border-radius: 50px;
    }
    
    .padding-bottom_0 {
        padding-bottom: 0 !important;
    }
    
    .padding-top_0 {
        padding-top: 0 !important;
    }
    
    .padding-bottom_1 {
        padding-bottom: 10px !important;
    }
    
    .padding-bottom_2 {
        padding-bottom: 20px !important;
    }
    
    .padding-bottom_3 {
        padding-bottom: 30px !important;
    }
    
    .padding-bottom_4 {
        padding-bottom: 40px !important;
    }
    
    .padding-bottom_5 {
        padding-bottom: 50px !important;
    }
    
    .color_black p,
    .color_black p.large,
    .color_black ul,
    .color_black ul li {
        color: #000;
    }
    
    .black_color {
        color: #000 !important;
    }
    
    .extra_light_font {
        font-weight: 300 !important;
    }
    
    .light_font {
        font-weight: 300 !important;
    }
    
    .normal_font {
        font-weight: 400 !important;
    }
    
    .semi_bold_font {
        font-weight: 600 !important;
    }
    
    .bold_font {
        font-weight: 700 !important;
    }
    
    .extra_bold_font {
        font-weight: 900 !important;
    }
    
    .lead {
        font-size: 18px;
        line-height: 30px;
        color: #767676;
        margin: 0;
        padding: 0;
    }
    
    blockquote {
        margin: 20px 0 20px;
        padding: 30px;
    }
    
    .margin_0 {
        margin: 0 !important;
    }
    
    .padding_0 {
        padding: 0 !important;
    }
    
    h2 {
        font-size: 40px;
        font-weight: 500;
        letter-spacing: -2px;
        position: relative;
        margin-bottom: 25px;
        line-height: 50px;
        position: relative;
    }
    
    h3 {
        font-size: 24px;
        color: #000;
        line-height: normal;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    h4 {
        font-size: 18px;
        color: #000;
        line-height: 21px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 30px 0 20px 0;
    }
    
    h5 {
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        line-height: normal;
        color: #000;
    }
    
    p {
        font-size: 14px;
        line-height: 21px;
        font-weight: 300;
    }
    
    p.large {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
    }
    
    p.large_2 {
        font-weight: 500;
        font-size: 14px;
        color: #000;
    }
    
    .img-responsive {
        max-width: 100%;
    }
    
    button,
    input,
    select,
    textarea,
    option {
        font-family: "Poppins", sans-serif;
    }
    
    a#submit {
        z-index: 1;
    }
    
    a:hover,
    a:focus {
        color: #000;
        text-decoration: none;
    }
    
    .span1,
    .span2,
    .span3,
    .span4,
    .span5,
    .span6,
    .span7,
    .span8,
    .span9,
    .span10 {
        padding: 0 15px;
        float: left;
        min-height: 25px;
    }
    
    .border_radius_0 {
        border-radius: 0 !important;
    }
    
    .span1 {
        width: 10%;
    }
    
    .span2 {
        width: 20%;
    }
    
    .span3 {
        width: 30%;
    }
    
    .span4 {
        width: 40%;
    }
    
    .span5 {
        width: 50%;
    }
    
    .span6 {
        width: 60%;
    }
    
    .span7 {
        width: 70%;
    }
    
    .span8 {
        width: 80%;
    }
    
    .span9 {
        width: 90%;
    }
    
    .span10 {
        width: 100%;
    }
    
    .container {
        width: 1200px;
        max-width: 1200px;
    }
    
    .layout_padding {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    
    .layout_padding_2 {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    
    .full {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .vertical-center {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
    }
    
    .right_side {
        float: right;
    }
    
    .text_align_right {
        text-align: right;
    }
    
    .left_side {
        float: left;
    }
    
    .text_align_left {
        text-align: left;
    }
    
    .text_align_center {
        text-align: center;
    }
    
    .center {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    .border_dotted_circle {
        border: dotted #e1e1e1 3px;
        width: 170px;
        height: 170px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    
    .border_dotted_circle:hover,
    .border_dotted_circle:focus {
        border: dotted #e1e1e1 3px;
        animation-name: rotate;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: rotate;
        -moz-animation-duration: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: rotate;
        -ms-animation-duration: 5s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        -o-animation-name: rotate;
        -o-animation-duration: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-timing-function: linear;
    }
    
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-moz-keyframes rotate {
        from {
            -moz-transform: rotate(0deg);
        }
        to {
            -moz-transform: rotate(360deg);
        }
    }
    
    .white_fonts p,
    .white_fonts h1,
    .white_fonts h2,
    .white_fonts h3,
    .white_fonts h4,
    .white_fonts h5,
    .white_fonts h6,
    .white_fonts ul,
    .white_fonts ul li,
    .white_fonts ul li a,
    .white_fonts ul i,
    .white_fonts .post_info i,
    .white_fonts div,
    .white_fonts a.read_more,
    .white_fonts h2 span {
        color: #fff !important;
    }
    
    .light_gray_fonts p,
    .light_gray_fonts h1,
    .light_gray_fonts h2,
    .light_gray_fonts h3,
    .light_gray_fonts h4,
    .light_gray_fonts h5,
    .light_gray_fonts h6,
    .light_gray_fonts ul,
    .light_gray_fonts ul li,
    .light_gray_fonts ul li a,
    .light_gray_fonts ul i,
    .light_gray_fonts .post_info i,
    .light_gray_fonts div,
    .light_gray_fonts a.read_more {
        color: #898989 !important;
    }
    
    .parallax_bg {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .dark_gray {
        background-color: #252525;
        min-height: 400px;
    }
    
    .list_style_1 {
        font-size: 14px;
        font-weight: 500;
        margin: 20px 0 15px;
    }
    
    .list_style_1 i {
        float: left;
        margin: 3px 16px 0 0;
    }
    
    .light_silver {
        background: #f4f6fe;
    }
    
    .light_silver_2 {
        background: #f8f8f8;
    }
    
    hr.dottad_border {
        border-top: dotted 3px;
        margin: 80px 0;
    }
    
    .padding_right_left_15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .padding_right_left_25 {
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .padding_top_80 {
        padding-top: 80px;
    }
    
    .padding_bottom_80 {
        padding-bottom: 80px;
    }
    
    .padding_bottom_0 {
        padding-bottom: 0;
    }
    
    .padding_inner {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    
    .theme_color_bg h2::after {
        background: #fff;
    }
    
    .layout_pur_minus {
        margin-bottom: -190px;
        position: relative;
        z-index: 1;
    }
    
    .haf_full_section {
        position: relative;
    }
    
    .haf_full_section.right_full::after {
        content: "";
        display: block;
        width: 50%;
        background-color: #333;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .haf_full_section.left_full::before {
        content: "";
        display: block;
        width: 50%;
        background-color: #333;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .gray1 {
        background: #464646;
    }
    
    .gray2 {
        background-color: #555555;
    }
    
    .overlap_top_img_main {
        margin: -70px 0 0 0;
    }
    
    .center_padding {
        padding: 150px 0 120px;
    }
    
    .border_0 {
        border-width: 0 !important;
    }
    
    .oswald_fonts h1,
    .oswald_fonts h2,
    .oswald_fonts h3,
    .oswald_fonts h4,
    .oswald_fonts h5,
    .oswald_fonts h6 {
        font-family: "Oswald", sans-serif;
    }
    
    .small_radius {
        border-radius: 5px;
    }
    
    section .small_head h2 {
        font-size: 30px;
    }
    
    .margin_top_0 {
        margin-top: 0 !important;
    }
    
    .montserrat_fonts li,
    .montserrat_fonts a,
    .montserrat_fonts ul {
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
    }
    
    .margin_top_30 {
        margin-top: 30px;
    }
    
    .margin_bottom_30 {
        margin-bottom: 30px;
    }
    
    .padding_top_0 {
        padding-top: 0 !important;
    }
    /*------------------------------------------------------------------
        4. loader
-------------------------------------------------------------------*/
    /* Preloader */
    
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    
    #status {
        background: url(/images/loading.gif);
        width: 220px;
        height: 220px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    /*------------------------------------------------------------------
        5. header
-------------------------------------------------------------------*/
    
    .header_information {
        float: left;
        width: 100%;
        border-bottom: solid #eee 1px;
        padding-bottom: 10px;
    }
    
    .header_fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .header_top {
        background: #f6f6f6;
        min-height: 45px;
        padding-bottom: 10px;
    }
    
    .heading_main h2 span {
        color: #0aceb1;
    }
    
    .header_bg_transparent {
        background: rgba(37, 37, 37, 0.2);
    }
    
    .left_head {
        float: left;
    }
    
    .left_head ul {
        margin: 12px 0 11px;
    }
    
    div.left_head ul li {
        display: inline;
        margin-right: 30px;
        font-size: 14px;
        color: #3f504d;
    }
    
    div.left_head ul li i {
        font-size: 16px;
        margin-right: 5px;
        color: #1e72bc;
    }
    
    .right_head {
        float: right;
    }
    
    .right_head .social_icon_part {
        float: left;
    }
    
    .right_head .button_section {
        float: right;
        width: auto;
    }
    /**-- logo --**/
    
    .header {
        padding: 2px 0;
        position: fixed;
        z-index: 999 !important;
        width: 101%;
        background: #fff;
        box-shadow: 0 15px 30px -25px #000;
        height: 87px;
        margin-left: -40px;
        margin-top: -30px;
    }
    
    .header_about_us {
        padding: 2px 0;
        position: fixed;
        z-index: 11 !important;
        width: 100%;
        background: #fff;
    }
    
    .logo {
        margin: 13px 0 13px;
        float: left;
    }
    /**-- menu --**/
    
    .menu {
        width: 100%;
        margin: -1px 0 0;
    }
    
    .main_menu {
        margin: 20px 0 0;
    }
    
    .menu-container {
        margin: 0 auto;
        background: #e9e9e9;
    }
    
    .menu a.logo {
        display: inline-block;
        padding: 1.5em 3em;
        width: 19%;
        float: left;
    }
    
    .menu img {
        max-width: 100%;
    }
    
    .menu-mobile {
        display: none;
        padding: 20px;
    }
    
    .menu-mobile::after {
        content: "\f0c9";
        font-family: "fontawesome";
        position: relative;
        left: -2px;
        top: 2px;
    }
    
    .menu-dropdown-icon::before {
        content: "\f078";
        font-family: "fontawesome";
        display: none;
        cursor: pointer;
        float: right;
        padding: 16px 15px 16px;
        background: transparent;
        color: #333;
        border-left: solid #ddd 2px;
        font-size: 11px;
    }
    
    .menu>ul {
        margin: 0;
        width: 100%;
        list-style: none;
    }
    
    .menu>ul:before,
    .menu>ul:after {
        content: "";
        display: table;
    }
    
    .menu>ul:after {
        clear: both;
    }
    
    .menu>ul>li {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .menu>ul>li a {
        padding: 15px 15px;
        display: block;
        color: #333;
        font-size: 20px;
    }
    
    .menu>ul>li:hover>a,
    .menu>ul>li:focus>a,
    .menu>ul>li.active>a {
        color: #f96495;
    }
    
    .menu>ul>li>ul {
        display: none;
        width: 100%;
        background-color: #fff;
        position: absolute;
        z-index: 99;
        left: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
        box-shadow: 0 15px 40px -20px #000;
        padding: 0;
        /*background-image: url('../images/landing_page/bg2.png');*/
        background-size: cover;
        background-position: right bottom;
        min-height: 420px;
        border-top: solid #1e72bc 5px;
    }
    
    .menu>ul>li>ul:before,
    .menu>ul>li>ul:after {
        content: "";
        display: table;
    }
    
    .menu>ul>li>ul:after {
        clear: both;
    }
    
    .menu>ul>li>ul>li {
        margin: 0;
        list-style: none;
        width: 25%;
        background: none;
        float: left;
        padding: 15px 20px 0 20px;
        min-height: auto;
    }
    
    .menu>ul>li>ul>li:nth-child(4) {
        border-right: none;
    }
    
    .menu>ul>li>ul>li a {
        color: #222;
        padding: 0;
        width: 100%;
        display: block;
    }
    
    .menu>ul>li>ul>li a:hover {
        color: #1e72bc;
    }
    
    .menu>ul>li>ul>li>ul {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
    }
    
    .menu>ul>li>ul>li>ul:before,
    .menu>ul>li>ul>li>ul:after {
        content: "";
        display: table;
    }
    
    .menu>ul>li>ul>li>ul:after {
        clear: both;
    }
    
    .menu>ul>li>ul>li>ul>li {
        float: left;
        width: 100%;
        padding: 10px;
    }
    
    .menu>ul>li>ul>li>ul>li a {
        border: 0;
        font-size: 13px;
        font-weight: 400;
    }
    
    .menu>ul>li>ul.normal-sub {
        width: 300px;
        left: auto;
        padding: 15px 10px;
        min-height: auto;
        background-image: none;
    }
    
    .menu>ul>li>ul.normal-sub>li {
        width: 100%;
        padding: 10px 15px;
        min-height: auto;
    }
    
    .menu>ul>li>ul.normal-sub>li a {
        border: 0;
        font-size: 13px;
        font-weight: 400;
    }
    
    .right_bt {
        float: right;
        margin-top: 23px;
    }
    /** social icon **/
    
    .social_icons {
        float: right;
        margin: 9px 0 0px;
    }
    
    section .social_icons {
        width: 100%;
    }
    
    .social_icons li {
        display: inline;
        font-size: 15px;
        margin-left: 15px;
    }
    
    .social_icons li {
        display: inline;
        font-size: 14px;
        margin-left: 15px;
    }
    
    .social_icons li a {
        color: #222;
        font-size: 18px;
    }
    
    .social_icons li a:hover,
    .social_icons li a:focus {
        color: #0aceb1;
    }
    
    .logo img {
        width: 235px;
        margin: 0;
    }
    /*------------------------------------------------------------------
        6. main banner
-------------------------------------------------------------------*/
    
    .slide_cont {
        float: left;
        width: 100%;
        margin-top: 85px;
    }
    
    .slide_cont h2 {
        color: #fff;
        font-size: 55px;
        font-weight: 600;
        line-height: 60px;
        margin: 0;
        letter-spacing: -1px;
        margin-bottom: 30px;
    }
    
    #banner_parallax p,
    #banner_slide p {
        color: #fff;
        font-weight: 300;
        margin-top: 10px;
        position: relative;
        left: 0;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    
    .slide_banner1 {
        /*background-image: url('../images/slide1.png');*/
        max-height: 560px;
        position: relative;
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom center;
    }
    
    .slide_pc_img {
        position: relative;
        z-index: 1;
        margin-bottom: -130px;
    }
    
    .slide_pc_img img {
        margin-top: 110px;
        float: left;
        margin-right: 0;
        position: relative;
        right: 150px;
        margin-bottom: 0;
    }
    
    #banner_slide .cont_banner_center {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #banner_slide {
        position: relative;
    }
    
    #banner_slide img {
        width: 100%;
    }
    
    .home_page1 .slide_cont {
        margin-top: 135px;
    }
    
    .home_page1 #banner_slide {
        margin-bottom: -145px;
    }
    
    .slide_cont .bt_main {
        margin-top: 10px;
    }
    /**-- slide style 2 **/
    /*------------------------------------------------------------------
        7. section
-------------------------------------------------------------------*/
    /**-- main heading --**/
    
    .heading_main {
        width: 100%;
        margin: 0 0 65px;
        letter-spacing: 0;
    }
    
    .full_heading {
        width: 100%;
        margin: 0;
    }
    
    .heading_style_1 h2::after {
        width: 110px;
        background: #ddd;
        content: "";
        display: block;
        margin: 15px 0 30px;
    }
    
    .white_heading_border h2::after {
        background: #fff !important;
    }
    
    .center_head_border h2:after,
    .center_head_border:after {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .color_heading h4 {
        color: #1e72bc;
    }
    
    .double_line_heading h2 {
        line-height: 45px;
    }
    
    h3.heading_2 {
        font-size: 42px;
        text-transform: none;
        font-weight: 500;
        color: #32414d;
        letter-spacing: -0.5px;
        line-height: 42px;
        margin-bottom: 20px;
    }
    
    .feature_information p {
        font-size: 16px;
        line-height: 21px;
    }
    /**-- contant section --**/
    
    .theme_bg {
        /*background-image: url('../images/bg_layout.png');*/
        background-size: cover;
        min-height: 650px;
        background-position: center;
    }
    
    .layout_screen {
        left: -150px;
        position: relative;
    }
    
    .cross_layout {
        position: relative;
    }
    
    .feature_box {
        min-height: 315px;
        padding: 45px 0 30px;
        margin-bottom: 30px;
        box-shadow: 0 20px 35px -20px rgba(0, 0, 0, 0.2);
    }
    
    .app-features li {
        padding-left: 100px;
        position: relative;
        margin: 25px 0 0;
        float: left;
        border-bottom: dotted 1px #ddd;
        padding-bottom: 25px;
    }
    
    .app-features li>i {
        position: absolute;
        left: 0;
        width: 90px;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background: #fff;
        font-size: 35px;
        font-weight: 500;
        transition: ease all 0.5s;
        top: 0;
        border: solid #0aceb1 2px;
        color: #0aceb1;
    }
    
    .app-features ul li:last-child {
        border-bottom: none;
    }
    
    .app-features li:hover>i,
    .app-features li:focus>i {
        background: #1e72bc;
        border-color: #1e72bc;
        color: #fff;
    }
    
    .app-features h4 {
        text-transform: none;
        font-weight: 500;
        color: #666;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .gradiant_bg {
        /*background: url('../images/bg_gradinat.png');*/
        min-height: 420px;
        background-position: center center;
        background-size: cover;
    }
    
    .cross_layout {
        position: relative;
        overflow: hidden;
    }
    
    section.cross_layout {
        padding-top: 140px;
        padding-bottom: 70px;
    }
    
    section.cross_layout1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    section.cross_layout2 {
        padding-top: 250px;
        padding-bottom: 70px;
    }
    
    .cross_layout::before {
        content: "";
        width: 100%;
        height: 120px;
        /*background: url('../images/top_layer.png');*/
        display: block;
        position: absolute;
        top: 0;
        background-size: 100% 100%;
    }
    
    .cross_layout::after {
        content: "";
        width: 100%;
        height: 120px;
        /*background: url('../images/bottom_layer.png');*/
        display: block;
        position: absolute;
        bottom: 0;
        background-size: 100% 100%;
    }
    
    .cont_theme_blog h3 {
        text-transform: uppercase;
        background: linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -webkit-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -moz-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -ms-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -o-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: none;
        font-size: 55px;
        line-height: 60px;
        font-weight: 400;
        margin-top: 50px;
        margin-bottom: 20px;
    }
    
    .cont_theme_blog p {
        font-size: 17px;
        line-height: normal;
        margin-top: 25px;
    }
    /*------------------------------------------------------------------
        8. price table
-------------------------------------------------------------------*/
    
    .table_price {
        float: left;
        width: 100%;
        background: #fff;
        padding: 0 0 40px 0;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
        border: solid #fff 15px;
    }
    
    .table_price_head {
        background: #30cfd0;
        min-height: 80px;
    }
    
    .active_price .table_price_head {
        background: #1e72bc;
    }
    
    .table_price_head h5 {
        font-weight: 600;
        font-size: 21px;
        line-height: 80px;
        color: #fff;
    }
    
    .table_price_per {
        min-height: 122px;
        padding: 47px 0 0;
    }
    
    .table_price_per p {
        font-size: 45px;
        color: #1e72bc;
        font-weight: 600;
    }
    
    .table_price_per p small {
        font-size: 16px;
    }
    
    .table_price_cont_bottm {
        padding: 0 45px;
    }
    
    .table_price_cont_bottm ul {
        border-top: solid #ebebeb 2px;
        float: left;
        width: 100%;
        padding: 25px 0;
    }
    
    .table_price_cont_bottm ul li {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: normal;
        margin: 6px 0;
    }
    
    .table_price_bottm {
        float: left;
        width: 100%;
        justify-content: center;
        display: flex;
    }
    /*------------------------------------------------------------------
        9. team section
-------------------------------------------------------------------*/
    
    .team_imform p {
        margin: 0;
        text-align: center;
        color: #000;
        font-weight: 400;
    }
    
    .team_imform p.team_mem_name {
        color: #1e72bc;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .team_imform {
        margin: 30px 0;
    }
    /*------------------------------------------------------------------
        10. blog section
-------------------------------------------------------------------*/
    
    .blog_section {
        background: #fff;
        box-shadow: 0 20px 35px -25px rgba(0, 0, 0, 0.4);
        margin-top: 10px;
    }
    
    .white_bg .blog_section {
        padding: 15px 0;
    }
    
    .blog_feature_cantant {
        padding: 30px 25px 20px;
    }
    
    .blog_feature_cantant .blog_head {
        font-size: 18px;
        color: #000;
        font-weight: 400;
    }
    
    .post_info {
        color: #000;
        font-size: 14px;
        margin-bottom: 10px;
        width: 100%;
    }
    
    .post_info ul li {
        display: inline;
        margin-right: 10px;
        color: #555;
        font-size: 14px;
    }
    
    .blog_feature_cantant p {
        color: #555555;
    }
    
    .post_info ul li i {
        color: #1e72bc;
    }
    /*------------------------------------------------------------------
        11. contact section
-------------------------------------------------------------------*/
            
    .contact_form {
        min-height: 600px;
        padding: 80px 70px;
        background-size: cover;
    }
    
    .contact_form.contact_inform {
        min-height: auto;
        float: left;
        width: 100%;
    }
    
    .contact_form_inner {
        max-width: 430px;
    }
    
    .contact_form p {
        color: #fff;
    }
    
    .contact_form.contact_inform p.inform_label {
        color: #898989;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0;
    }
    
    .contact_form.contact_inform p.inform_cont {
        font-size: 18px;
        color: #000;
    }
    
    .contact_form_layout .contact_form {
        padding: 0;
        margin-top: 10px;
    }
    
    .contact_form_layout .field input {
        border: solid #e1e1e1 1px;
        height: 45px;
    }
    
    .contact_form_layout .field textarea {
        border: solid #e1e1e1 1px;
        height: 160px;
        padding: 15px 30px;
    }
    
    .contact_form_layout .contact_form {
        min-height: auto;
    }
    
    .golde_yellow_theme .dark_footer .footer_bottom div.center ul li {
        margin: 0 10px;
    }
    /**-- map --**/
    
    #map {
        height: 100%;
        min-height: 790px;
    }
    /**-- form --**/
    
    .field input {
        width: 100%;
        margin-top: 10px;
        /* border: none; */
        min-height: 45px;
        padding: 0 5px 0 34px;
        line-height: 45px;
        font-size: 14px;
    }
    
    .field textarea {
        width: 100%;
        margin-top: 10px;
        border: none;
        font-size: 14px;
        min-height: 100px;
        padding: 30px 25px;
    }
    /*------------------------------------------------------------------
        12. footer
-------------------------------------------------------------------*/
    
    .footer_style_2 {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80px;
    }
    
    footer {
        background-color: #8ab77d;
    }
    
    .footer_logo {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .footer_top {
        padding-bottom: 50px;
    }
    
    .footer_blog {
        display: flex;
    }
    
    .footer_icon {
        margin-right: 15px;
    }
    
    .footer_cont h4 {
        font-size: 18px;
        color: #000;
        font-weight: 400;
        text-transform: none;
        margin: 0 0 7px 0;
    }
    
    .footer_blog_2 h3 {
        font-weight: 500;
        font-size: 24px;
        text-transform: none;
        margin: 0 0 25px 0;
        line-height: 30px;
    }
    
    .footer_cont p {
        color: #555555;
        line-height: 20px;
        font-size: 14px;
    }
    
    .footer_bottom {
        min-height: 50px;
        text-align: center;
        line-height: 50px;
        background: #79676a;
    }
    
    .footer_bottom p {
        margin: 0;
        line-height: 50px;
        color: #fff;
        text-align: center !important;
        padding: 0;
    }
    
    .footer_bottom p strong {
        color: #fff;
        font-weight: 500;
    }
    
    .footer-links {
        list-style: none;
        padding: 0;
    }
    
    .footer-links li {
        margin-bottom: 20px;
        display: block;
        width: 100%;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
        padding-bottom: 20px;
    }
    
    .footer-links li:last-child {
        border-bottom: none;
    }
    
    .footer-links a {
        color: #999;
    }
    
    .footer-links a:hover,
    .footer a:hover {
        color: #1e72bc !important;
    }
    
    .footer-links a i {
        font-size: 20px;
        position: relative;
        top: 1px;
        margin-right: 15px;
    }
    
    .blog_post_footer {
        display: flex;
        margin-bottom: 15px;
    }
    
    .blog_post_footer .blog_post_img {
        margin-right: 20px;
    }
    
    .blog_post_cont {
        padding: 8px 0;
    }
    
    .date {
        font-size: 12px;
        color: #999;
        margin: 0;
        font-weight: 500;
    }
    
    .post_head {
        color: #333;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /**== dark footer ==**/
    
    .dark_footer {
        background: #1f222a;
    }
    
    .dark_footer h3 {
        color: #fff !important;
    }
    
    .dark_footer .post_head {
        color: #fff !important;
    }
    
    .dark_footer .footer_bottom strong {
        color: #fff !important;
    }
    
    .dark_footer .footer_bottom {
        border-color: rgba(255, 255, 255, 0.1);
    }
    /*------------------------------------------------------------------
	13. brand logo 
-------------------------------------------------------------------*/
    
    .brand_logo_section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .brand_logo_section li {
        width: 16.66%;
        float: left;
        text-align: center;
        align-items: center;
        display: flex;
        min-height: 100px;
        justify-content: center;
    }
    
    .brand_logo_section img {
        width: auto;
    }
    /*------------------------------------------------------------------
	14. portfolio 
-------------------------------------------------------------------*/
    
    .portfolia_blog_style1 {
        position: relative;
    }
    
    .portfolia_img img {
        width: 100%;
    }
    
    .portfolia_blog_style1 .portfolia_cont {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.7);
        transform: scale(0);
        transition: ease all 0.3s;
        opacity: 0;
        overflow: hidden;
    }
    
    .portfolia_blog_style1:hover .portfolia_cont,
    .portfolia_blog_style1:focus .portfolia_cont {
        transform: scale(1);
        opacity: 1;
    }
    
    .portfolia_cont p {
        color: #fff;
        font-size: 16px;
        padding: 0 45px;
        line-height: normal;
    }
    /** pagination **/
    
    .pagination_section {
        display: flex;
        justify-content: center;
        margin-top: 5px;
    }
    
    ul.pagination .page-item a {
        height: 40px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 40px;
        padding: 0;
        min-width: 40px;
        text-align: center;
        color: #898989;
    }
    
    ul.pagination li.page-item:first-child .page-link,
    ul.pagination li.page-item:last-child .page-link {
        border-radius: 0;
        padding: 0 20px;
        background: #f8f8f8;
    }
    
    ul.pagination li.page-item.active .page-link {
        background: #ffb125;
        color: #fff;
        border-color: #ffb125;
    }
    /** imformation blog **/
    
    .imf_icon img {
        width: 125px;
        height: 125px;
    }
    
    .imf_icon {
        width: 120px;
        height: 120px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        margin: -120px auto 20px;
        padding: 25px;
        background: #fff;
    }
    
    .information_blogs {
        background: #eaeaea;
        padding: 40px 40px;
        text-align: center;
        margin-top: 65px;
        height: 250px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .information_blogs h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 15px;
    }
    
    .information_blogs_white_left {
        background: #ffffff;
        padding: 40px 40px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        margin-left: 38px;
        margin-right: 30px;
        height: 290px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .information_blogs_white_left h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 15px;
    }
    
    .information_blogs_white_right {
        background: #ffffff;
        padding: 40px 40px;
        text-align: center;
        margin-top: 100px;
        margin-bottom: 100px;
        margin-left: 25px;
        margin-right: 150px;
        height: 225px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .information_blogs_white_right h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 15px;
    }
    
    .inner_page_banner+.layout_padding {
        padding-top: 0 !important;
    }
    /**-- step section --**/
    
    .step_inner {
        width: 100%;
        position: relative;
    }
    
    .step_inner p {
        font-size: 21px;
        margin: 20px 0 0 0;
        font-weight: 400;
        position: relative;
        color: #fff;
        letter-spacing: -0.5px;
        text-align: center;
    }
    
    .step_inner i {
        font-size: 65px;
        margin-bottom: 0;
        color: #fff;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: normal;
        text-align: center;
    }
    
    .step_blog {
        margin-bottom: 35px;
    }
    
    .scren {
        float: left;
        width: 25%;
    }
    
    .bg-grey {
        background-color: #eaeaea;
    }
    
    .flip-card {
        background: #eaeaea;
        width: 100%;
        height: 300px;
        perspective: 1000px;
    }
    
    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }
    
    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
        background: #ffffff !important;
    }
    
    .flip-card-front,
    .flip-card-back {
        background: #eaeaea;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 0;
        -webkit-transform: translate3d(0, 0, 0);
        visibility: visible;
        padding: 10px;
    }
    
    .flip-card-front {
        color: black;
    }
    
    .flip-card-back {
        color: #000000;
        transform: rotateY(180deg);
    }
    
    .pad {
        padding: 20px 20px 20px 20px;
    }
    
    .logo-alignment {
        float: left;
    }
    
    .carousel-control.left {
        background-image: none !important;
    }
    
    .carousel-control.right {
        background-image: none !important;
    }
    /* On screens that are 992px or less, set the background color to blue */
    
    @media screen and (max-width: 992px) {
        .pad {
            padding: 20px 20px 20px 20px;
        }
    }
    /* On screens that are 600px or less, set the background color to olive */
    
    @media screen and (max-width: 600px) {
        .pad {
            padding: 20px 50px 20px 50px !important;
        }
        .information_blogs_white_left {
            background: #ffffff;
            padding: 40px 40px;
            text-align: center;
            margin-top: 100px;
            margin-bottom: 20px;
            margin-left: 20px;
            margin-right: 20px;
            height: 345px !important;
        }
        .information_blogs_white_right {
            background: #ffffff;
            padding: 40px 40px;
            text-align: center;
            margin-top: 100px;
            margin-bottom: 20px;
            margin-left: 20px;
            margin-right: 20px;
            height: 310px !important;
        }
        .logo-alignment {
            text-align: center !important;
            margin-left: 30%;
        }
    }
    
    .field1 input {
        width: 100%;
        margin-top: 10px;
        min-height: 45px;
        padding: 0 25px;
        line-height: 45px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .newspaper {
        column-count: 3;
        column-gap: 40px;
    }
    
    .five-column {
        column-count: 5;
        column-gap: 20px;
    }
    
    .alice-carousel ul li img {
        height: 400px;
        width: 100%;
        object-fit: cover;
    }
    
    .searchTerm {
        width: 100%;
        border: 3px solid #eaeaea;
        border-right: none;
        padding: 5px;
        height: 40px;
        margin-top: 5px;
        outline: none;
        background-color: #eaeaea;
    }
    
    .searchTerm:focus {
        color: #f96495;
    }
    
    .searchButton {
        width: 40px;
        height: 40px;
        border: 1px solid #f96495;
        background: #f96495;
        text-align: center;
        color: #fff;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .searchButton1 {
        width: 100%;
        height: 40px;
        border: 1px solid #f96495;
        background: #f96495;
        text-align: center;
        color: #fff;
        border-radius: 5px 0 0 5px;
        cursor: pointer;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .blink {
        color: red;
        font-size: 11px;
    }
    
    .listing_product {
        background-image: url(/images/dw.jpg);
        height: 360px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        margin-top: 112px;
    }
    
    .listing_product1 {
        height: 360px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        margin-top: 112px;
    }
    
    .third-column {
        column-count: 3;
        column-gap: 30px;
    }
    
    .newspaper {
        column-count: 7;
        column-gap: 10px;
        margin-top: -13px;
        margin-bottom: 17px;
    }
    
    .parent1 {
        display: block;
        position: relative;
        z-index: 1;
    }
    
    .parent1 a {
        color: #ffffff;
        text-decoration: none;
    }
    
    .parent1:hover>ul {
        display: block;
        position: absolute;
    }
    
    .child1 {
        display: none;
    }
    
    .child1 li {
        background-color: #ffffff;
        line-height: 30px;
        width: 135px;
    }
    
    .child1 li a {
        color: #000000;
    }
    
    ul {
        list-style: none;
        margin: 0;
        padding: 0px;
        min-width: 10em;
    }
    
    ul ul ul {
        left: 100%;
        top: 0;
        margin-left: 1px;
    }
    
    {
        /*li:hover {background-color: #95B4CA;}*/
    }
    
    .parent li:hover {
        background-color: #ccc;
    }
    
    .expand1 {
        font-size: 12px;
        float: right;
        margin-right: 5px;
    }
    
    .dropdown3 {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content3 {
        display: none;
        position: absolute;
        background-color: white;
        width: 175px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 16px;
        z-index: 3;
        margin-left: 20px;
    }
    
    .dropdown3:hover .dropdown-content3 {
        display: block;
    }
    
    .dropdown2 {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content2 {
        display: none;
        position: absolute;
        background-color: white;
        width: 400px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 16px;
        z-index: 3;
        margin-left: -230px;
    }
    
    .dropdown2:hover .dropdown-content2 {
        display: block;
    }
    
    @media (min-width: 768px) {
        .seven-cols .col-md-1,
        .seven-cols .col-sm-1,
        .seven-cols .col-lg-1 {
            width: 100%;
            *width: 100%;
        }
    }
    
    @media (min-width: 992px) {
        .seven-cols .col-md-1,
        .seven-cols .col-sm-1,
        .seven-cols .col-lg-1 {
            width: 14.285714285714285714285714285714%;
            *width: 14.285714285714285714285714285714%;
        }
    }
    /**
   *  The following is not really needed in this case
   *  Only to demonstrate the usage of @media for large screens
   */
    
    @media (min-width: 1200px) {
        .seven-cols .col-md-1,
        .seven-cols .col-sm-1,
        .seven-cols .col-lg-1 {
            width: 14.285714285714285714285714285714%;
            *width: 14.285714285714285714285714285714%;
        }
    }
    
    .fa-stack[data-count]:after {
        position: absolute;
        right: 0%;
        top: 0%;
        content: attr(data-count);
        font-size: 40%;
        padding: 0.6em;
        border-radius: 999px;
        line-height: 0.75em;
        color: white;
        color: #111111;
        text-align: center;
        min-width: 2em;
        font-weight: bold;
        background: white;
        border-style: solid;
    }
    
    .fa-circle {
        color: #111111;
    }
    
    .red-cart {
        color: #111111;
        background: white;
    }
    
    .example {
        position: relative;
        padding: 0;
        width: 350px;
        display: block;
        cursor: pointer;
        overflow: hidden;
    }
    
    .content {
        opacity: 0;
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 0;
        color: #1c87c9;
        background-color: rgba(200, 200, 200, 0.5);
        width: 350px;
        height: 350px;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        text-align: center;
    }
    
    .example .content:hover {
        opacity: 1;
    }
    
    .example .content .text {
        height: 0;
        opacity: 1;
        transition-delay: 0s;
        transition-duration: 0.4s;
    }
    
    .example .content:hover .text {
        opacity: 1;
        transform: translateY(250px);
        -webkit-transform: translateY(250px);
    }
    /* relevant styles */
    
    .img__wrap {
        position: relative;
        height: 300px;
        width: 300px;
    }
    
    .img__description_layer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(23, 35, 51, 0.6);
        color: #f96495;
        visibility: hidden;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transition effect. not necessary */
        transition: opacity 0.2s, visibility 0.2s;
    }
    
    .img__wrap:hover .img__description_layer {
        visibility: visible;
        opacity: 1;
    }
    
    .img__description {
        transition: 0.2s;
        transform: translateY(1em);
    }
    
    .img__wrap:hover .img__description {
        transform: translateY(0);
    }
    
    .img__wrap1 {
        position: relative;
        height: 550px;
        width: 380px;
    }
    
    .img__description_layer1 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(23, 35, 51, 0.6);
        color: #f96495;
        visibility: hidden;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transition effect. not necessary */
        transition: opacity 0.2s, visibility 0.2s;
    }
    
    .img__wrap1:hover .img__description_layer1 {
        visibility: visible;
        opacity: 1;
    }
    
    .img__description1 {
        transition: 0.2s;
        transform: translateY(1em);
    }
    
    .img__wrap1:hover .img__description1 {
        transform: translateY(0);
    }
    
    .f14 {
        font-size: 14px;
    }
    
    .loading {
        width: 100%;
        text-align: center;
        vertical-align: center;
        z-index: 9999;
        opacity: 10;
    }
    
    .overlay {
        background: #e9e9e9;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.5;
    }
    
    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        padding-top: 10px;
    }
    
    #cover-spin {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 9999;
    }
    
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    
    #cover-spin::after {
        content: "";
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 40px;
        height: 40px;
    }
    
    .column {
        float: left;
        width: 20%;
    }
    
    .column1 {
        float: left;
        width: 33.33%;
    }
    
    .pl-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .example1 {
        position: relative;
        padding: 0;
        width: 550px;
        display: block;
        cursor: pointer;
        overflow: hidden;
        border-radius: 40px;
        border: 2px solid black;
    }
    
    form.example1 input[type="text"] {
        padding: 10px;
        font-size: 17px;
        border: 1px solid grey;
        float: left;
        width: 90%;
        background: #f1f1f1;
    }
    
    form.example1 button {
        float: left;
        width: 10%;
        padding: 10px;
        background: #8ab77d;
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none;
        cursor: pointer;
    }
    
    form.example1 button:hover {
        background: #8ab77d;
    }
    
    form.example1::after {
        content: "";
        clear: both;
        display: table;
    }
    
    .third-c {
        column-count: 3;
        column-gap: 10px;
    }
    
    .margin_25px {
        margin-left: -34px;
    }
    
    .redData {
        border: 1px solid red;
    }
    
    .transparent {
        background-color: transparent !important;
        box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.075);
    }
    
    .left-border-none {
        border-left: none !important;
        box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.075);
    }
    
    .marginTopData {
        margin-top: -28px;
    }
    
    .locButton {
        margin-top: 20px;
        background-color: rgb(138, 183, 125);
        width: 145px;
        height: 36px;
        padding: 8px;
        border-radius: 23px;
    }
    
    .vendor {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 700px;
        justify-content: center;
        align-items: center;
        padding: 15px;
        justify-content: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    
    .login-center {
        position: absolute;
        right: 0;
        margin: 20px;
        max-width: 300px;
        padding: 16px;
        background-color: white;
    }
    /*//////////////////////////////////////////////////////////////////
[ login ]*/
    
    .limiter {
        width: 100%;
        margin: 0 auto;
    }
    
    .container-login100 {
        width: 100%;
        min-height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 15px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    
    .container-login100::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .wrap-login100 {
        width: 500px;
        border-radius: 10px;
        overflow: hidden;
        padding: 55px 55px 37px 55px;
        background: #8ab77d;
    }
    /*------------------------------------------------------------------
  [ Form ]*/
    
    .login100-form {
        width: 100%;
    }
    
    .login100-form-logo {
        font-size: 60px;
        color: #333333;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }
    
    .login100-form-title {
        font-family: Poppins-Medium;
        font-size: 30px;
        color: #fff;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
        display: block;
    }
    /*------------------------------------------------------------------
  [ Input ]*/
    
    .wrap-input100 {
        width: 100%;
        position: relative;
        border-bottom: 2px solid rgba(255, 255, 255, 0.24);
        margin-bottom: 30px;
    }
    
    .input100 {
        font-family: Poppins-Regular;
        font-size: 16px;
        color: #fff;
        line-height: 1.2;
        display: block;
        width: 100%;
        height: 45px;
        background: transparent;
        padding: 0 5px 0 38px;
    }
    /*---------------------------------------------*/
    
    .focus-input100 {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }
    
    .focus-input100::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background: #fff;
    }
    
    .focus-input100::after {
        font-family: Material-Design-Iconic-Font;
        font-size: 22px;
        color: #fff;
        content: attr(data-placeholder);
        display: block;
        width: 100%;
        position: absolute;
        top: 6px;
        left: 0px;
        padding-left: 5px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .input100:focus {
        padding-left: 5px;
    }
    
    .input100:focus+.focus-input100::after {
        top: -22px;
        font-size: 18px;
    }
    
    .input100:focus+.focus-input100::before {
        width: 100%;
    }
    
    .has-val.input100+.focus-input100::after {
        top: -22px;
        font-size: 18px;
    }
    
    .has-val.input100+.focus-input100::before {
        width: 100%;
    }
    
    .has-val.input100 {
        padding-left: 5px;
    }
    /*==================================================================
  [ Restyle Checkbox ]*/
    
    .contact100-form-checkbox {
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 35px;
    }
    
    .input-checkbox100 {
        display: none;
    }
    
    .label-checkbox100 {
        font-family: Poppins-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.2;
        display: block;
        position: relative;
        padding-left: 26px;
        cursor: pointer;
    }
    
    .label-checkbox100::before {
        content: "\f26b";
        font-family: Material-Design-Iconic-Font;
        font-size: 13px;
        color: transparent;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 2px;
        background: #fff;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .input-checkbox100:checked+.label-checkbox100::before {
        color: #555555;
    }
    /*------------------------------------------------------------------
  [ Button ]*/
    
    .container-login100-form-btn {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .login100-form-btn {
        font-family: Poppins-Medium;
        font-size: 16px;
        color: #555555;
        line-height: 1.2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        min-width: 120px;
        height: 50px;
        border-radius: 25px;
        background: #9152f8;
        background: -webkit-linear-gradient(bottom, #7579ff, #b224ef);
        background: -o-linear-gradient(bottom, #7579ff, #b224ef);
        background: -moz-linear-gradient(bottom, #7579ff, #b224ef);
        background: linear-gradient(bottom, #7579ff, #b224ef);
        position: relative;
        z-index: 1;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .login100-form-btn::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 25px;
        background-color: #fff;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .login100-form-btn:hover {
        color: #fff;
    }
    
    .login100-form-btn:hover:before {
        opacity: 0;
    }
    /*------------------------------------------------------------------
  [ Responsive ]*/
    
    @media (max-width: 576px) {
        .wrap-login100 {
            padding: 55px 15px 37px 15px;
        }
    }
    
    .screen-image {
        background: url(/images/Picture2.png);
        width: 100%;
        height: 200px;
    }
    
    .vendor-circle {
        height: 171px;
        color: white;
        width: 125px;
        height: 125px;
        border: 1px solid;
        background-color: #8ab77d;
        border-radius: 60px;
    }
    
    .vendor-circle1 {
        padding-top: 37px;
        color: white;
        width: 125px;
        height: 125px;
        border: 1px solid;
        background-color: #8ab77d;
        border-radius: 60px;
    }
    
    .pad10 {
        padding: 15px;
        font-size: 12px;
    }
    
    th {
        text-align: center;
    }
    
    @media print {
        .printThisFull {
            width: 100%;
            height: auto;
            page-break-after: always;
        }
    }
    
    .mydiv {
        position: relative;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }
    
    .imgData {
        width: 600px;
        height: 1000px;
    }
    
    @media all {
        .page-break {
            display: none;
        }
    }
    
    @media print {
        .page-break {
            display: block;
            page-break-before: always;
        }
        .page-right {
            font-size: 15px;
            text-align: right !important;
        }
    }
    
    @media print {
        @page {
            size: auto;
            margin: 0mm;
        }
    }
    
    @media print {
        header,
        footer {
            display: none;
        }
    }
    
    @media print {
        .rotate {
            transform: rotate(90deg) translateY(-100%);
            transform-origin: top left;
        }
    }
    
    @media print {
        tr.divFooter {
            position: fixed;
            bottom: 0;
        }
    }
    
    .pad5 {
        padding: 5px;
        font-size: 12px;
    }
    
    .highcharts-figure,
    .highcharts-data-table table {
        min-width: 320px;
        max-width: 800px;
        margin: 1em auto;
    }
    
    .highcharts-data-table table {
        font-family: Verdana, sans-serif;
        border-collapse: collapse;
        border: 1px solid #ebebeb;
        margin: 10px auto;
        text-align: center;
        width: 100%;
        max-width: 500px;
    }
    
    .highcharts-data-table caption {
        padding: 1em 0;
        font-size: 1.2em;
        color: #555;
    }
    
    .highcharts-data-table th {
        font-weight: 600;
        padding: 0.5em;
    }
    
    .highcharts-data-table td,
    .highcharts-data-table th,
    .highcharts-data-table caption {
        padding: 0.5em;
    }
    
    .highcharts-data-table thead tr,
    .highcharts-data-table tr:nth-child(even) {
        background: #f8f8f8;
    }
    
    .highcharts-data-table tr:hover {
        background: #f1f7ff;
    }
    
    .form-control-data {
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    /* For Vendor Part   */
    
    .buttonprimary {
        background-color: black;
        color: white;
        cursor: pointer;
        border: 2px solid grey;
        padding: 5px 10px;
        box-shadow: grey 5px 5px 5px;
        font-weight: bold;
        border-radius: 6px;
    }
    
    .page-actions-buttons {
        float: right;
        justify-content: flex-end;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.4rem;
        letter-spacing: 0.025em;
    }
    
    .pad-5 {
        padding: 5px 5px;
    }
    /*----AddVendorContainer-----*/
    
    .secnd_cont {
        background: #eeee;
        padding: 1.5rem;
        border-top: 2px solid #e3e3e3;
        border-bottom: 2px solid #e3e3e3;
    }
    
    .admin__field {
        margin: 0 30px 29px;
    }
    
    /* .field input {
        width: 70%;
        border: 1px solid black;
        min-height: 40px;
    } */
    
    .input-text {
        min-height: 40px;
        width: 70%;
        padding-top: 4px;
    }
    
    .vendr {
        background: #eeee;
        height: 100px;
        padding: 22px;
        margin-left: -12px;
        width: 90%;
        border: 2px solid #e3e3e3;
    }
    
    .vendr p {
        font-size: 20px;
    }
    
    .txt_ara5 {
        height: 250px;
        margin-bottom: -215px;
    }
    
    .strtt1 {
        margin-top: 33%;
    }
    
    .slct_cntrl {
        height: 40px;
        width: 10%;
    }
    
    .admin__page-nav-item .ui-state-active .admin__page-nav-link {
        background: #fff;
        border-color: #e3e3e3;
        border-right: 1px solid #fff;
        color: #303030;
        margin-right: -1px;
    }
    
    .admin__page-nav-item .ui-state-active {
        border-color: #eb5202;
    }
    
    .slct_cntr2 {
        height: 20px;
    }
    
    .vendor-location {
        margin-top: 1%;
        float: left;
        margin-right: 1%;
        margin-bottom: 2%;
        width: auto;
        cursor: pointer;
        padding: 2% 3% 1% 4%;
        background: lightcyan;
        border: 1px solid gainsboro;
    }
    /* For User-settings: */
    
    .vendor-user-setting-table-head {
        text-size-adjust: 100%;
        color: #41362f;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.36;
        font-size: 1.4rem;
        box-sizing: inherit;
        overflow-x: scroll;
    }
    
    .admin__table-secondary .vendor-location-user-table-class {
        text-size-adjust: 100%;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.36;
        font-size: 1.4rem;
        box-sizing: inherit;
        border-collapse: collapse;
        border-spacing: 0;
        background-color: transparent;
        color: #303030;
        width: 100%;
    }
    
    .admin__table-secondary thead th {
        background-color: transparent;
        font-weight: 600;
    }
    
    .admin__table-secondary th {
        color: #676056;
        font-weight: 400;
    }
    
    .admin__table-secondary th,
    .admin__table-secondary td {
        padding: 1rem 1rem;
        text-align: left;
    }
    
    .admin__table-secondary tbody tr:nth-child(odd) th,
    .admin__table-secondary tbody tr:nth-child(odd) td {
        background-color: #f1f1f1;
    }
    
    .admin__table-secondary th,
    .admin__table-secondary td {
        padding: 1rem 1rem;
        text-align: left;
    }
    
    .admin__scope-old input[type="text"],
    .admin__scope-old input[type="password"],
    .admin__scope-old input[type="datetime"],
    .admin__scope-old input[type="datetime-local"],
    .admin__scope-old input[type="date"],
    .admin__scope-old input[type="month"],
    .admin__scope-old input[type="time"],
    .admin__scope-old input[type="week"],
    .admin__scope-old input[type="number"],
    .admin__scope-old input[type="range"],
    .admin__scope-old input[type="email"],
    .admin__scope-old input[type="url"],
    .admin__scope-old input[type="search"],
    .admin__scope-old input.search,
    .admin__scope-old input[type="tel"],
    .admin__scope-old input[type="color"],
    .admin__scope-old textarea,
    .admin__scope-old select {
        box-sizing: border-box;
        border: 1px solid #adadad;
        border-radius: 1px;
        padding: 0.6rem 1rem 0.6rem;
        color: #303030;
        background-color: #fff;
        font-weight: 500;
        font-size: 14px;
        height: 33px;
    }
    
    input {
        line-height: normal;
    }
    
    .admin__scope-old select:not([multiple]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        display: inline-block;
        line-height: normal;
        min-width: 80px;
        background-repeat: no-repeat;
        /* background-image: url(../images/arrows-bg.svg),
    linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#adadad, #adadad); */
        background-position: calc(100% - 12px) -34px, 100%, calc(100% - 33px) 0;
        background-size: auto, 33px 100%, 1px 100%;
        padding-right: 44px;
    }
    
    .admin__scope-old input[type="text"],
    .admin__scope-old input[type="password"],
    .admin__scope-old input[type="datetime"],
    .admin__scope-old input[type="datetime-local"],
    .admin__scope-old input[type="date"],
    .admin__scope-old input[type="month"],
    .admin__scope-old input[type="time"],
    .admin__scope-old input[type="week"],
    .admin__scope-old input[type="number"],
    .admin__scope-old input[type="range"],
    .admin__scope-old input[type="email"],
    .admin__scope-old input[type="url"],
    .admin__scope-old input[type="search"],
    .admin__scope-old input.search,
    .admin__scope-old input[type="tel"],
    .admin__scope-old input[type="color"],
    .admin__scope-old textarea,
    .admin__scope-old select {
        box-sizing: border-box;
        border: 1px solid #adadad;
        border-radius: 1px;
        padding: 0.6rem 1rem 0.6rem;
        color: #303030;
        background-color: #fff;
        font-weight: 500;
        font-size: 14px;
        height: 33px;
    }
    
    .addNewUser_xy {
        text-align: center;
        font-weight: 700;
    }
    
    .cont {
        height: 200px;
        position: relative;
    }
    
    .cent {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .buttonprime {
        background-color: #eb5202;
        border-color: #eb5202;
        width: 150px;
        color: #fff;
        text-shadow: 1px 1px 0 rgb(0 0 0 / 25%);
    }
    
   
    
    input[type="radio"]+label,
    select {
        display: inline-block;
        width: auto;
        text-align: center;
        float: none;
        border-radius: 0;
    }
    
    input[type="radio"]+label:first-of-type {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    
    input[type="radio"]+label:last-of-type {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    
    input[type="radio"]+label i {
        padding-right: 0.4em;
    }
    
    input[type="radio"]:checked+label,
    input:checked+label:before,
    select:focus,
    select:active {
        color: #fff;
    }
    
    input[type="checkbox"] {
        display: block;
    }
    
    input[type="checkbox"]+label {
        position: relative;
        display: block;
        padding-left: 1.6em;
    }
    
    input[type="checkbox"]+label:before {
        position: absolute;
        top: 0.2em;
        left: 0;
        display: block;
        width: 1em;
        height: 1em;
        padding: 0;
        content: "";
    }
    
    .vendor-user-setting-table-head {
        text-size-adjust: 100%;
        color: #41362f;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.36;
        font-size: 1.4rem;
        box-sizing: inherit;
        overflow: auto !important;
    }
    
    input[type="checkbox"]+label:after {
        position: absolute;
        top: 0.45em;
        left: 0.2em;
        font-size: 0.8em;
        color: #fff;
        opacity: 0;
        font-family: FontAwesome;
        content: "\f00c";
    }
    
    input:checked+label:after {
        opacity: 0;
    }
    
    select {
        height: 3.4em;
        line-height: 2;
    }
    
    select:first-of-type {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    
    select:last-of-type {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    
    select:focus,
    select:active {
        outline: 0;
    }
    
    select option {
        color: black;
    }
    
    .input-group {
        margin-bottom: 1em;
        zoom: 1;
    }
    
    .input-group:before,
    .input-group:after {
        content: "";
        display: table;
    }
    
    .input-group:after {
        clear: both;
    }
    
    .input-group-icon {
        position: relative;
    }
    
    .input-group-icon input {
        padding-left: 4.4em;
    }
    
    .input-group-icon .input-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 3.4em;
        height: 3.4em;
        line-height: 3.4em;
        text-align: center;
        pointer-events: none;
        padding-top: 10px;
    }
    
    .input-group-icon .input-icon:after {
        position: absolute;
        top: 0.6em;
        bottom: 0.6em;
        left: 3.4em;
        display: block;
        border-right: 1px solid #e5e5e5;
        content: "";
        /* -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; */
    }
    /* .input-group-icon .input-icon i {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
} */
    
    input,
    input[type="radio"]+label,
    input[type="checkbox"]+label:before,
    select option,
    select {
        width: auto;
        padding: 1em;
        line-height: 1.4;
        /* background-color: #f9f9f9; */
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        /* -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; */
    }
    
    .dropdown_adjst {
        padding-left: 55px;
        width: auto;
    }
    
    .buttonprimaryadj {
        height: 45px;
        padding: 5px 5px;
    }
    
    select {
        height: 3.6em;
        line-height: 2;
    }
    
    .react-responsive-modal-modal {
        height: 494px;
    }

        .stockfilter{
            background: ghostwhite; 
            font-size: 20px;
                width: fit-content;
            height: auto;
            padding: 10px;
            border: 1px solid lightgray;
            margin: 10px;
        }
        .stockfilterresult {
            background: ghostwhite;
            font-size: 20px;
            width: auto;
            overflow-y: auto;
                overflow-x: auto;
                height: 93%;
           
            padding: 10px;
            border: 1px solid lightgray;
            
        }


textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}



.switcher-box {
    list-style: none;
    padding: 0;
    margin: 40px 0;
    text-align: center;
  }
  .switcher-box a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    padding: 3px;
    cursor: pointer;
    background: #FFF;
    
    -webkit-border-radius: 50%;
            border-radius: 50%;
  
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
  .switcher-box a span {
    display: block;
    width: 100%;
    height: 100%;
  
    -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15) inset, 0 5px 20px rgba(255, 255, 255, 0.4) inset;
            box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15) inset, 0 5px 20px rgba(255, 255, 255, 0.4) inset;
  
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        box-sizing: border-box;
    
    -webkit-border-radius: 50%;
            border-radius: 50%;
  }
  .switcher-box a.active {
    background: #000;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) inset;
  }
  .switcher-box a.active span {
    border-color: #BBB;
  }
  
  .switcher-box a.skin-turquoise span {
    background: #1ABC9C;
  }
  .switcher-box a.skin-emerald span {
    background: #2ECC71;
  }
  .switcher-box a.skin-peter-river span {
    background: #3498DB;
  }
  .switcher-box a.skin-amethyst span {
    background: #9B59B6;
  }
  .switcher-box a.skin-wet-asphalt span {
    background: #34495E;
  }
  .switcher-box a.skin-sun-flower span {
    background: #F1C40F;
  }
  .switcher-box a.skin-carrot span {
    background: #E67E22;
  }
  .switcher-box a.skin-alizarin span {
    background: #E74C3C;
  }
  .switcher-box a.skin-graphite span {
    background: #454545;
  }
  .switcher-box a.skin-concrete span {
    background: #95A5A6;
  }
  .switcher-box a.skin-green-sea span {
    background: #16A085;
  }
  .switcher-box a.skin-nephritis span {
    background: #27AE60;
  }
  .switcher-box a.skin-belize-hole span {
    background: #2980B9;
  }
  .switcher-box a.skin-wisteria span {
    background: #8E44AD;
  }
  .switcher-box a.skin-midnight-blue span {
    background: #2C3E50;
  }
  .switcher-box a.skin-orange span {
    background: #F39C12;
  }
  .switcher-box a.skin-pumpkin span {
    background: #D35400;
  }
  .switcher-box a.skin-pomegranate span {
    background: #C0392B;
  }
  .switcher-box a.skin-silver span {
    background: #BDC3C7;
  }
  .switcher-box a.skin-asbestos span {
    background: #7F8C8D;
  }
  .switcher-box a.skin-dodgerblue span {
    background: dodgerblue;
  }
  .switcher-box a.skin-gray-black span {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  .switcher-box a.skin-black-glass span {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  
  
  /* Tabbed Styles */
  .tabbed {
    /* width: 80%; */
    min-width: 400px;
    margin: 0 auto;
    margin-bottom: 68px;
    border-bottom: 4px solid #000;
    overflow: hidden;
    transition: border 250ms ease;
  }
  .tabbed ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    padding-left: 48px;
    list-style-type: none;
  }
  .tabbed ul * {
    margin: 0px;
    padding: 0px;
  }
  .tabbed ul li {
    display: block;
    float: right;
    padding: 10px 24px 8px;
    background-color: #FFF;
    margin-right: 46px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #777;
  
    text-transform: uppercase;
    font: 600 10px roboto, "Open Sans", Helvetica, sans-serif;
  
    transition: all 250ms ease;
  }
  .tabbed ul li:before,
  .tabbed ul li:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 44px;  
    background-color: #FFF;
    transition: all 250ms ease;
  }
  .tabbed ul li:before {
    right: -24px;
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
  }
  .tabbed ul li:after {
    left: -24px;
    transform: skew(-30deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
  }
  .tabbed ul li:hover,
  .tabbed ul li:hover:before,
  .tabbed ul li:hover:after {
    background-color: #F4F7F9;
    color: #444;
  }
  .tabbed ul li.active {
    z-index: 3;
  }
  .tabbed ul li.active,
  .tabbed ul li.active:before,
  .tabbed ul li.active:after {
    background-color: #000;
    color: #fff;
  }
  
  /* Round Tabs */
  .tabbed.round ul li {
    border-radius: 8px 8px 0 0;
  }
  .tabbed.round ul li:before {
    border-radius: 0 8px 0 0;
  }
  .tabbed.round ul li:after {
    border-radius: 8px 0 0 0;
  }
  
  /* Skins */
  .tabbed[class*="skin-"] ul li {
    color: #FFF;
    text-shadow: rgba(0,0,0,.1) 0 1px;
  }
  
  .tabbed.skin-turquoise {
    border-bottom-color: #1ABC9C;
  }
  .tabbed.skin-turquoise ul li,
  .tabbed.skin-turquoise ul li:before,
  .tabbed.skin-turquoise ul li:after {
    background-color: #34D6B6;
  }
  .tabbed.skin-turquoise ul li:hover,
  .tabbed.skin-turquoise ul li:hover:before,
  .tabbed.skin-turquoise ul li:hover:after {
    background-color: #40E2C2;
  }
  .tabbed.skin-turquoise ul li.active,
  .tabbed.skin-turquoise ul li.active:before,
  .tabbed.skin-turquoise ul li.active:after {
    background-color: #1ABC9C;
  }
  
  .tabbed.skin-emerald {
    border-bottom-color: #2ECC71;
  }
  .tabbed.skin-emerald ul li,
  .tabbed.skin-emerald ul li:before,
  .tabbed.skin-emerald ul li:after {
    background-color: #48E68B;
  }
  .tabbed.skin-emerald ul li:hover,
  .tabbed.skin-emerald ul li:hover:before,
  .tabbed.skin-emerald ul li:hover:after {
    background-color: #54F297;
  }
  .tabbed.skin-emerald ul li.active,
  .tabbed.skin-emerald ul li.active:before,
  .tabbed.skin-emerald ul li.active:after {
    background-color: #2ECC71;
  }
  
  .tabbed.skin-peter-river {
    border-bottom-color: #3498DB;
  }
  .tabbed.skin-peter-river ul li,
  .tabbed.skin-peter-river ul li:before,
  .tabbed.skin-peter-river ul li:after {
    background-color: #4EB2F5;
  }
  .tabbed.skin-peter-river ul li:hover,
  .tabbed.skin-peter-river ul li:hover:before,
  .tabbed.skin-peter-river ul li:hover:after {
    background-color: #5ABEFF;
  }
  .tabbed.skin-peter-river ul li.active,
  .tabbed.skin-peter-river ul li.active:before,
  .tabbed.skin-peter-river ul li.active:after {
    background-color: #3498DB;
  }
  
  .tabbed.skin-amethyst {
    border-bottom-color: #9B59B6;
  }
  .tabbed.skin-amethyst ul li,
  .tabbed.skin-amethyst ul li:before,
  .tabbed.skin-amethyst ul li:after {
    background-color: #B573D0;
  }
  .tabbed.skin-amethyst ul li:hover,
  .tabbed.skin-amethyst ul li:hover:before,
  .tabbed.skin-amethyst ul li:hover:after {
    background-color: #C17FDC;
  }
  .tabbed.skin-amethyst ul li.active,
  .tabbed.skin-amethyst ul li.active:before,
  .tabbed.skin-amethyst ul li.active:after {
    background-color: #9B59B6;
  }
  
  .tabbed.skin-wet-asphalt {
    border-bottom-color: #34495E;
  }
  .tabbed.skin-wet-asphalt ul li,
  .tabbed.skin-wet-asphalt ul li:before,
  .tabbed.skin-wet-asphalt ul li:after {
    background-color: #4E6378;
  }
  .tabbed.skin-wet-asphalt ul li:hover,
  .tabbed.skin-wet-asphalt ul li:hover:before,
  .tabbed.skin-wet-asphalt ul li:hover:after {
    background-color: #5A6F84;
  }
  .tabbed.skin-wet-asphalt ul li.active,
  .tabbed.skin-wet-asphalt ul li.active:before,
  .tabbed.skin-wet-asphalt ul li.active:after {
    background-color: #34495E;
  }
  
  .tabbed.skin-sun-flower {
    border-bottom-color: #F1C40F;
  }
  .tabbed.skin-sun-flower ul li,
  .tabbed.skin-sun-flower ul li:before,
  .tabbed.skin-sun-flower ul li:after {
    background-color: #FFDE29;
    color: #0A0;
  }
  .tabbed.skin-sun-flower ul li:hover,
  .tabbed.skin-sun-flower ul li:hover:before,
  .tabbed.skin-sun-flower ul li:hover:after {
    background-color: #FFEA35;
  }
  .tabbed.skin-sun-flower ul li.active,
  .tabbed.skin-sun-flower ul li.active:before,
  .tabbed.skin-sun-flower ul li.active:after {
    background-color: #F1C40F;
    color: #FFF;
  }
  
  .tabbed.skin-carrot {
    border-bottom-color: #E67E22;
  }
  .tabbed.skin-carrot ul li,
  .tabbed.skin-carrot ul li:before,
  .tabbed.skin-carrot ul li:after {
    background-color: #FF983C;
  }
  .tabbed.skin-carrot ul li:hover,
  .tabbed.skin-carrot ul li:hover:before,
  .tabbed.skin-carrot ul li:hover:after {
    background-color: #FFA448;
  }
  .tabbed.skin-carrot ul li.active,
  .tabbed.skin-carrot ul li.active:before,
  .tabbed.skin-carrot ul li.active:after {
    background-color: #E67E22;
  }
  
  .tabbed.skin-alizarin {
    border-bottom-color: #E74C3C;
  }
  .tabbed.skin-alizarin ul li,
  .tabbed.skin-alizarin ul li:before,
  .tabbed.skin-alizarin ul li:after {
    background-color: #FF6656;
  }
  .tabbed.skin-alizarin ul li:hover,
  .tabbed.skin-alizarin ul li:hover:before,
  .tabbed.skin-alizarin ul li:hover:after {
    background-color: #FF7262;
  }
  .tabbed.skin-alizarin ul li.active,
  .tabbed.skin-alizarin ul li.active:before,
  .tabbed.skin-alizarin ul li.active:after {
    background-color: #E74C3C;
  }
  
  .tabbed.skin-graphite {
    border-bottom-color: #454545;
  }
  .tabbed.skin-graphite ul li,
  .tabbed.skin-graphite ul li:before,
  .tabbed.skin-graphite ul li:after {
    background-color: #5F5F5F;
  }
  .tabbed.skin-graphite ul li:hover,
  .tabbed.skin-graphite ul li:hover:before,
  .tabbed.skin-graphite ul li:hover:after {
    background-color: #6B6B6B;
  }
  .tabbed.skin-graphite ul li.active,
  .tabbed.skin-graphite ul li.active:before,
  .tabbed.skin-graphite ul li.active:after {
    background-color: #454545;
  }
  
  .tabbed.skin-concrete {
    border-bottom-color: #95A5A6;
  }
  .tabbed.skin-concrete ul li,
  .tabbed.skin-concrete ul li:before,
  .tabbed.skin-concrete ul li:after {
    background-color: #AFBFC0;
  }
  .tabbed.skin-concrete ul li:hover,
  .tabbed.skin-concrete ul li:hover:before,
  .tabbed.skin-concrete ul li:hover:after {
    background-color: #BBCBCC;
  }
  .tabbed.skin-concrete ul li.active,
  .tabbed.skin-concrete ul li.active:before,
  .tabbed.skin-concrete ul li.active:after {
    background-color: #95A5A6;
  }
  
  .tabbed.skin-green-sea {
    border-bottom-color: #16A085;
  }
  .tabbed.skin-green-sea ul li,
  .tabbed.skin-green-sea ul li:before,
  .tabbed.skin-green-sea ul li:after {
    background-color: #30BA9F;
  }
  .tabbed.skin-green-sea ul li:hover,
  .tabbed.skin-green-sea ul li:hover:before,
  .tabbed.skin-green-sea ul li:hover:after {
    background-color: #3CC6AB;
  }
  .tabbed.skin-green-sea ul li.active,
  .tabbed.skin-green-sea ul li.active:before,
  .tabbed.skin-green-sea ul li.active:after {
    background-color: #16A085;
  }
  
  .tabbed.skin-nephritis {
    border-bottom-color: #27AE60;
  }
  .tabbed.skin-nephritis ul li,
  .tabbed.skin-nephritis ul li:before,
  .tabbed.skin-nephritis ul li:after {
    background-color: #41C87A;
  }
  .tabbed.skin-nephritis ul li:hover,
  .tabbed.skin-nephritis ul li:hover:before,
  .tabbed.skin-nephritis ul li:hover:after {
    background-color: #4DD486;
  }
  .tabbed.skin-nephritis ul li.active,
  .tabbed.skin-nephritis ul li.active:before,
  .tabbed.skin-nephritis ul li.active:after {
    background-color: #27AE60;
  }
  
  .tabbed.skin-belize-hole {
    border-bottom-color: #2980B9;
  }
  .tabbed.skin-belize-hole ul li,
  .tabbed.skin-belize-hole ul li:before,
  .tabbed.skin-belize-hole ul li:after {
    background-color: #439AD3;
  }
  .tabbed.skin-belize-hole ul li:hover,
  .tabbed.skin-belize-hole ul li:hover:before,
  .tabbed.skin-belize-hole ul li:hover:after {
    background-color: #4FA6DF;
  }
  .tabbed.skin-belize-hole ul li.active,
  .tabbed.skin-belize-hole ul li.active:before,
  .tabbed.skin-belize-hole ul li.active:after {
    background-color: #2980B9;
  }
  
  .tabbed.skin-wisteria {
    border-bottom-color: #8E44AD;
  }
  .tabbed.skin-wisteria ul li,
  .tabbed.skin-wisteria ul li:before,
  .tabbed.skin-wisteria ul li:after {
    background-color: #A85EC7;
  }
  .tabbed.skin-wisteria ul li:hover,
  .tabbed.skin-wisteria ul li:hover:before,
  .tabbed.skin-wisteria ul li:hover:after {
    background-color: #B46AD3;
  }
  .tabbed.skin-wisteria ul li.active,
  .tabbed.skin-wisteria ul li.active:before,
  .tabbed.skin-wisteria ul li.active:after {
    background-color: #8E44AD;
  }
  
  .tabbed.skin-midnight-blue {
    border-bottom-color: #2C3E50;
  }
  .tabbed.skin-midnight-blue ul li,
  .tabbed.skin-midnight-blue ul li:before,
  .tabbed.skin-midnight-blue ul li:after {
    background-color: #46586A;
  }
  .tabbed.skin-midnight-blue ul li:hover,
  .tabbed.skin-midnight-blue ul li:hover:before,
  .tabbed.skin-midnight-blue ul li:hover:after {
    background-color: #526476;
  }
  .tabbed.skin-midnight-blue ul li.active,
  .tabbed.skin-midnight-blue ul li.active:before,
  .tabbed.skin-midnight-blue ul li.active:after {
    background-color: #2C3E50;
  }
  
  .tabbed.skin-orange {
    border-bottom-color: #F39C12;
  }
  .tabbed.skin-orange ul li,
  .tabbed.skin-orange ul li:before,
  .tabbed.skin-orange ul li:after {
    background-color: #FFB62C;
  }
  .tabbed.skin-orange ul li:hover,
  .tabbed.skin-orange ul li:hover:before,
  .tabbed.skin-orange ul li:hover:after {
    background-color: #FFC238;
  }
  .tabbed.skin-orange ul li.active,
  .tabbed.skin-orange ul li.active:before,
  .tabbed.skin-orange ul li.active:after {
    background-color: #F39C12;
  }
  
  .tabbed.skin-pumpkin {
    border-bottom-color: #D35400;
  }
  .tabbed.skin-pumpkin ul li,
  .tabbed.skin-pumpkin ul li:before,
  .tabbed.skin-pumpkin ul li:after {
    background-color: #ED6E1A;
  }
  .tabbed.skin-pumpkin ul li:hover,
  .tabbed.skin-pumpkin ul li:hover:before,
  .tabbed.skin-pumpkin ul li:hover:after {
    background-color: #F97A26;
  }
  .tabbed.skin-pumpkin ul li.active,
  .tabbed.skin-pumpkin ul li.active:before,
  .tabbed.skin-pumpkin ul li.active:after {
    background-color: #D35400;
  }
  
  .tabbed.skin-pomegranate {
    border-bottom-color: #C0392B;
  }
  .tabbed.skin-pomegranate ul li,
  .tabbed.skin-pomegranate ul li:before,
  .tabbed.skin-pomegranate ul li:after {
    background-color: #DA5345;
  }
  .tabbed.skin-pomegranate ul li:hover,
  .tabbed.skin-pomegranate ul li:hover:before,
  .tabbed.skin-pomegranate ul li:hover:after {
    background-color: #E65F51;
  }
  .tabbed.skin-pomegranate ul li.active,
  .tabbed.skin-pomegranate ul li.active:before,
  .tabbed.skin-pomegranate ul li.active:after {
    background-color: #C0392B;
  }
  
  .tabbed.skin-silver {
    border-bottom-color: #BDC3C7;
  }
  .tabbed.skin-silver ul li,
  .tabbed.skin-silver ul li:before,
  .tabbed.skin-silver ul li:after {
    background-color: #D7DDE1;
    color: #666;
  }
  .tabbed.skin-silver ul li:hover,
  .tabbed.skin-silver ul li:hover:before,
  .tabbed.skin-silver ul li:hover:after {
    background-color: #E3E9ED;
  }
  .tabbed.skin-silver ul li.active,
  .tabbed.skin-silver ul li.active:before,
  .tabbed.skin-silver ul li.active:after {
    background-color: #BDC3C7;
    color: #FFF;
  }
  
  .tabbed.skin-asbestos {
    border-bottom-color: #7F8C8D;
  }
  .tabbed.skin-asbestos ul li,
  .tabbed.skin-asbestos ul li:before,
  .tabbed.skin-asbestos ul li:after {
    background-color: #99A6A7;
  }
  .tabbed.skin-asbestos ul li:hover,
  .tabbed.skin-asbestos ul li:hover:before,
  .tabbed.skin-asbestos ul li:hover:after {
    background-color: #A5B2B3;
  }
  .tabbed.skin-asbestos ul li.active,
  .tabbed.skin-asbestos ul li.active:before,
  .tabbed.skin-asbestos ul li.active:after {
    background-color: #7F8C8D;
  }
  
  .tabbed.skin-dodgerblue {
    border-bottom-color: dodgerblue;
  }
  .tabbed.skin-dodgerblue ul li,
  .tabbed.skin-dodgerblue ul li:before,
  .tabbed.skin-dodgerblue ul li:after {
    background-color: deepskyblue;
  }
  .tabbed.skin-dodgerblue ul li:hover,
  .tabbed.skin-dodgerblue ul li:hover:before,
  .tabbed.skin-dodgerblue ul li:hover:after {
    background-color: #33ccff;
  }
  .tabbed.skin-dodgerblue ul li.active,
  .tabbed.skin-dodgerblue ul li.active:before,
  .tabbed.skin-dodgerblue ul li.active:after {
    background-color: dodgerblue;
  }
  
  .tabbed.skin-gray-black {
    border-bottom-color: #28343b;
  }
  .tabbed.skin-gray-black,
  .tabbed.skin-gray-black ul li,
  .tabbed.skin-gray-black ul li:before,
  .tabbed.skin-gray-black ul li:after {
    transition: none;
  }
  .tabbed.skin-gray-black ul li,
  .tabbed.skin-gray-black ul li:before,
  .tabbed.skin-gray-black ul li:after {
    background-color: #68737B;
  }
  .tabbed.skin-gray-black ul li:hover,
  .tabbed.skin-gray-black ul li:hover:before,
  .tabbed.skin-gray-black ul li:hover:after {
    background-color: #707A83;
  }
  .tabbed.skin-gray-black ul li.active,
  .tabbed.skin-gray-black ul li.active:before,
  .tabbed.skin-gray-black ul li.active:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  
  .tabbed.skin-black-glass {
    border-bottom-color: #0a0809;
  }
  .tabbed.skin-black-glass,
  .tabbed.skin-black-glass ul li,
  .tabbed.skin-black-glass ul li:before,
  .tabbed.skin-black-glass ul li:after {
    transition: none;
  }
  .tabbed.skin-black-glass ul li,
  .tabbed.skin-black-glass ul li:before,
  .tabbed.skin-black-glass ul li:after {
    background-color: #333;
  }
  .tabbed.skin-black-glass ul li:hover,
  .tabbed.skin-black-glass ul li:hover:before,
  .tabbed.skin-black-glass ul li:hover:after {
    background-color: #444;
  }
  .tabbed.skin-black-glass ul li.active,
  .tabbed.skin-black-glass ul li.active:before,
  .tabbed.skin-black-glass ul li.active:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  
  a.iprodev {
    line-height: normal;
    font-family: Varela Round, sans-serif;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    color: #A7AAAE;
    position: fixed;
    left: 20px;
    bottom: 20px;
    border: 1px solid #A7AAAE;
    padding: 12px 20px 10px;
    border-radius: 50px;
    transition: all .1s ease-in-out;
    text-transform: uppercase;
  }
  a.iprodev:hover {
    background: #A7AAAE;
    color: white;
  }


  /* .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  } */
  
  .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -43px;
    font-size: 10px !important;
  }
  
 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }


  .color-hot{
    color: grey !important;
  }
    
/* .bgwebimage {
    background: url('../images/Stock-Website.jpg') no-repeat center center fixed;
    height: 100vh
} */


.bgwebimage{
    background: url(/images/Stock-Website.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    box-shadow: -3px -3px 9px #aaa9a9a2,
            3px 3px 7px rgba(147, 149, 151, 0.671);
   
   }
  
  .body1{
    display: grid;
    place-items: center;
    text-align: center;
    background-size: cover;
    
   
  
    
  }
  
  .content1{
    width: 330px;
   
    border-radius: 10px;
    padding: 40px 30px;
    /* margin-top: 100px; */
    /* box-shadow: -3px -3px 9px #aaa9a9a2,
                3px 3px 7px rgba(147, 149, 151, 0.671); */
   
  }
  
  
  .content1 .text{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 35px;
    color: black;
  }
  
  .content1 .field{
    height: 50px;
    width: 100%;
    display: flex;
    position: relative;
  }
  
  /* .field input{
    height: 100%;
    width: 100%;
    padding-left: 45px;
    font-size: 18px;
    outline: none;
    border: none;
    color: black;
    border: 1px solid rgba(255, 255, 255, 0.438);
    border-radius: 8px;
    background: rgba(105, 105, 105, 0);
   
  }
   */
  
  .field input::placeholder{
    color: #e0d2d2a6;
  }
  .field:nth-child(2){
    margin-top: 20px;
  }
  
  .field span{
    position: absolute;
    width: 50px;
    line-height: 65px;
    color: black;
    padding-right: 15px;
  }
  
  
  
  /* button{
    margin: 25px 0 0 0;
    width: 100%;
    height: 50px;
    color: rgb(238, 226, 226);
    font-size: 18px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, 0.438);
    border-radius: 8px;
    background: rgba(105, 105, 105, 0);
   margin-top: 40px;
    outline: none;
    cursor: pointer;
    border-radius: 8px;
   
  } */
   
  .content1 .or{
    color: rgba(255, 255, 255, 0.733);
    margin-top: 9px;
  }
   
  .icon-button{
    margin-top: 15px;
  }
  .icon-button span{
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
     color: rgba(244, 247, 250, 0.795);
   border-radius: 5px;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.164);
      backdrop-filter: blur(10px);
  }
  .icon-button span.facebook{
    margin-right: 17px;
  
  }
  button:hover,
  .icon-button span:hover{
    background-color: #babecc8c;
  }

  @keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
 

 @-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

.load {
	width: 40px;
	height: 40px;
	border:solid 5px grey;
	border-radius: 50%;
	border-right-color: transparent;
	border-bottom-color: transparent;
	 -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.0s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    	
    	 transition: all 0.5s ease-in;
    animation-name:             rotate; 
    animation-duration:         1.0s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear; 
}


.main-website-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.dash-address-manipulation {
    width: 100%;
}
.gl-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

/* GENERAL */

.chart {
    float: left;
    max-height: 800px;
    height: 75vh;
    position: relative;
    width: 100%;
}

.highcharts-draw-mode {
    cursor: crosshair;
}

.left {
    float: left;
}

.right,
.highcharts-stocktools-toolbar li.right {
    float: right;
}

/* FULL SCREEN */
.chart:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

.chart:-moz-full-screen {
    width: 100%;
    height: 100%;
}

.chart:-ms-fullscreen {
    width: 100%;
    height: 100%;
}

.chart:fullscreen {
    width: 100%;
    height: 100%;
}

/* GUI */
.highcharts-stocktools-wrapper {
    display: block;
}

.highcharts-stocktools-toolbar {
    margin: 0 0 0 10px;
    padding: 0;
    width: calc(100% - 63px);
}

.highcharts-stocktools-toolbar li {
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 40px;
    list-style: none;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 0;
    position: relative;
    width: auto;
}

.highcharts-stocktools-toolbar li ul {
    display: none;
    left: 0;
    padding-left: 0;
    position: absolute;
    z-index: 125;
}

.highcharts-stocktools-toolbar li ul li {
    margin-bottom: 0;
    width: 160px;
}

.highcharts-stocktools-toolbar li:hover {
    background-color: #e6ebf5;
}

.highcharts-stocktools-toolbar li:hover ul {
    display: block;
}

.highcharts-stocktools-toolbar li>span.highcharts-menu-item-btn {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    float: left;
    height: 100%;
    width: 40px;
}

.highcharts-stocktools-toolbar li>.highcharts-menu-item-title {
    color: #666;
    line-height: 40px;
    font-size: 0.876em;
    padding: 0 10px 0 5px;
}

.highcharts-indicators>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/indicators.svg");
}

.highcharts-label-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/label.svg");
}

.highcharts-circle-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/circle.svg");
}

.highcharts-rectangle-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/rectangle.svg");
}

.highcharts-ellipse-annotation>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/ellipse.svg");
}

.highcharts-segment>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/segment.svg");
}

.highcharts-arrow-segment>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/arrow-segment.svg");
}

.highcharts-ray>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/ray.svg");
}

.highcharts-arrow-ray>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/arrow-ray.svg");
}

.highcharts-infinity-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/line.svg");
}

.highcharts-arrow-infinity-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/arrow-line.svg");
}

.highcharts-horizontal-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/horizontal-line.svg");
}

.highcharts-vertical-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-line.svg");
}

.highcharts-elliott3>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/elliott-3.svg");
}

.highcharts-elliott5>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/elliott-5.svg");
}

.highcharts-crooked3>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/crooked-3.svg");
}

.highcharts-crooked5>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/crooked-5.svg");
}

.highcharts-measure-xy>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/measure-xy.svg");
}

.highcharts-measure-x>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/measure-x.svg");
}

.highcharts-measure-y>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/measure-y.svg");
}

.highcharts-fibonacci>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/fibonacci.svg");
}

.highcharts-pitchfork>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/pitchfork.svg");
}

.highcharts-parallel-channel>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/parallel-channel.svg");
}

.highcharts-toggle-annotations>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/annotations-visible.svg");
}

.highcharts-vertical-counter>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-counter.svg");
}

.highcharts-vertical-label>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-label.svg");
}

.highcharts-vertical-arrow>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-arrow.svg");
}

.highcharts-vertical-double-arrow>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/vertical-double-arrow.svg");
}

.highcharts-flag-circlepin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-elipse.svg");
}

.highcharts-flag-diamondpin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-diamond.svg");
}

.highcharts-flag-squarepin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-trapeze.svg");
}

.highcharts-flag-simplepin>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/flag-basic.svg");
}

.highcharts-zoom-xy>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/zoom-xy.svg");
}

.highcharts-zoom-x>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/zoom-x.svg");
}

.highcharts-zoom-y>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/zoom-y.svg");
}

.highcharts-full-screen>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/fullscreen.svg");
}

.highcharts-series-type-ohlc>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/series-ohlc.svg");
}

.highcharts-series-type-line>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/series-line.svg");
}

.highcharts-series-type-candlestick>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/series-candlestick.svg");
}

.highcharts-current-price-indicator>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/current-price-show.svg");
}

.highcharts-save-chart>.highcharts-menu-item-btn {
    background-image: url("https://code.highcharts.com/gfx/stock-icons/save-chart.svg");
}

li.highcharts-active {
    background-color: #e6ebf5;
}

/* Popup */

.chart-wrapper {
    float: left;
    position: relative;
    width: 100%;
    background: white;
    padding-top: 10px;
}
.chart-section{
        position: relative;
}
.select-btn{
position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100px;
    height: 50px; */
    left: 400px;
    top: 52px;
}
.select-event-btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100px;
    height: 50px; */
    left: 500px;
    top: 52px;
}
.li-id-select{
        display: flex;
            align-items: center;
            justify-content: center;
}
.no-header{
    display:none
}

.btn {
    display: flex;
    align-items: center;
    height: 30px;
    cursor: pointer;

    &:focus {
        outline: none;
    }


}

.btn-delete {
    font-size: 16px;
    color: red;

    >.mdi-delete-empty {
        display: none;
    }

    &:hover {
        background-color: lighten(red, 48%);

        >.mdi-delete-empty {
            display: block;
        }

        >.mdi-delete {
            display: none;
        }
    }



    &:focus {
        box-shadow: 0 0 0 4px lighten(red, 40%);
    }
}


/* Responsive design */

@media screen and (max-width: 1024px) {
    .highcharts-stocktools-toolbar li>.highcharts-menu-item-title {
        display: none;
    }

    .highcharts-stocktools-toolbar li ul li {
        width: auto;
    }
}

/* add chart  */
.chart-container {
    /* width: 400px; */
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    /* border: 1px solid #ccc; */
    /* border-radius: 5px; */
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}
 /* Style for the input box */
 .chart-name-input {
     width: 85%;
     padding: 10px;
    margin-top: 10px;
        margin-bottom: 30px;
     box-sizing: border-box;
 }

 /* Style for the OK button */
 .chart-ok-button {
     padding: 10px 20px;
     background-color: #4CAF50;
     color: #fff;
     border: none;
     border-radius: 4px;
     cursor: pointer;
 }

 /* Style for the OK button on hover */
 .chart-ok-button:hover {
     background-color: #45a049;
 }
.header-container{
        display: grid;
            grid-template-columns: 75% 25%;
            align-items: center;
            padding: 0px 40px;
            color: black;
            height: 100%;
            width: 100%;
            margin-top: 8px;
}
.header-right-content{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

/* for header */
/* header  */
.header-app {
    width: auto;
}

.header-items {
    display: flex;
    justify-content: space-between;
    width: auto;
    height: 80px;
    background-color: #5a4744;
    align-items: center;
    padding: 10px;
    position: sticky;
    color: white;
    cursor: pointer;
    /* margin: 10px; */
}

.header-logo {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}

.header-logo-text {
    height: 25px;
}

.header-profile {
    display: flex;
    position: relative;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 0px;
    border-radius: 100px;
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana;
    text-transform: capitalize;
}

.profile-dot {
    position: absolute;
    height: 10px;
    width: 10px;
    border: 0px;
    border-radius: 100px;
    background-color: #07ed07;
    bottom: 2px;
    right: 0px;
}

.banner-container {
    /* padding: 10px; */
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.min-search-mob {
    display: flex;
    height: 32px;
    width: 34px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 4px;
    top: 14px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.min-spinner-border {
    border: 2px solid white;
    border-radius: 50%;
    border-right-color: transparent;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background-color: #fff;
}

.main-search-button-icon {
    color: #fff;
}

/* SubscriptionCard.css */

.subscription-card {
    border: 1px solid #ccc;
    /* border-radius: 8px; */
    overflow: hidden;
    width: 227px;
        height: 175px;
    margin: 20px;
}

.subscription-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.subscription-content {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 16px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.subscription-content h2 {
    margin: 0;
    font-size: 24px;
}

.subscription-content p {
    margin: 8px 0;
    font-size: 16px;
}

/* subscription layout when already subscribed */

.container4 {
    max-width: 400px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f2f2f2;
}

.subscription-box {
    border: 2px solid #333;
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

p {
    font-size: 16px;
    margin-bottom: 10px;
}

.header-color-blue {
    color: blue !important
}

.header-color-grey {
    color: grey !important
}

.dropbtn-pick {
    border: none;
  }
  
  .dropdown-pick {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-pick-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-pick-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-pick-content a:hover {background-color: #ddd;}
  
  .dropdown-pick:hover .dropdown-pick-content {display: block;}
  
  /* .dropdown-pick:hover .dropbtn-pick {background-color: #3e8e41;} */
  
  .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

button {
  padding: 10px 20px;
  margin-top: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #0056b3;
}

.resume-table {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
  background-color: #f9f9f9;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.resume-table th,
.resume-table td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
  word-wrap: break-word;
}

.resume-table th {
  background-color: #007bff;
  color: white;
  text-align: center;
}

.resume-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.resume-table tr:hover {
  background-color: #f1f1f1;
}

.error {
  color: red;
  margin-top: 10px;
}

/*input[type="text"],*/
/*input[type="email"],*/
/*input[type="number"] {*/
/*  width: 100%;*/
/*  padding: 8px;*/
/*  margin: 5px 0;*/
/*  border: 1px solid #ccc;*/
/*  border-radius: 4px;*/
/*}*/

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus {
  border-color: #007bff;
  outline: none;
}

@media (max-width: 768px) {
  .resume-table {
    font-size: 12px;
  }

  .resume-table th,
  .resume-table td {
    padding: 8px;
  }

  button {
    width: 100%;
  }
}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.container {
  padding: 20px;
  width: 100%;
  overflow-x: auto;
}

.button-container {
  display: flex;
  justify-content: space-around;
  margin: 20px;
  width: 100%;
  align-items: center;
  column-gap: 20px;
}

.mod-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  background-color: #3498db;
  color: #fff;
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 10px 15px;
}

.mod-btn:hover {
  background-color: #2980b9;
}
.modal-save-btn {
  min-width: 150px;
  padding: 10px 16px;
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #138d75;
  border: 0px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.modal-save-btn:hover {
  background-color: #33665c;
}
/* src/MultiSelectDropdown.css */
.multiselect-container {
  margin: 20px;
}

.multiselect-dropdown {
  width: 350px;
}

.selected-values-container {
  margin-top: 10px;
  row-gap: 10px;
  display: flow-root;
  padding-top: 4px;
  /* grid-template-columns: 30.33% 30.33% 30.33%; */
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  width: 100%;
}

.selected-value {
  display: inline-block;
  margin-right: 5px;
  padding: 0px 5px;
  background-color: #3498db;
  color: #fff;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  margin-top: 5px;
}
.mod-select-con {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  align-items: baseline;
  justify-content: center;
  column-gap: 20px;
}
.mod-select-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}
.mod-item-name {
  text-align: center;
}
.mod-sumbit-btn {
  min-width: 150px;
  padding: 10px 16px;
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #138d75;
  border: 0px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.mod-sumbit-btn:hover {
  background-color: #33665c;
}
.apply-btn {
  padding: 2px 20px;
  max-width: max-content;
  background-color: #138d75;
  border: 0px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.apply-btn:hover {
  background-color: #33665c;
}
.default-btn.active {
  background: #4caf50;
  color: white;
}

.default-btn:hover:not(.active) {
  background: #e0e0e0;
}
.modal-clear-btn {
  min-width: 150px;
  padding: 10px 16px;
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #de6d6d;
  border: 0px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.modal-clear-btn:hover {
  background-color: #e13b3b;
}

.mod-export-btn {
  min-width: 150px;
  padding: 10px 16px;
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3498db;
  border: 0px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.mod-export-btn:hover {
  background-color: #1593e8;
}

.styled-table {
  width: 100%;
  border-collapse: collapse;
}

.styled-table th {
  background-color: #4caf50;
  color: white;
  font-weight: bold;
}

.styled-table td,
.styled-table th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.styled-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.styled-table tr:hover {
  background-color: #ddd;
}

.generate-button {
  background-color: #008cba;
  color: white;
  border: none;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}

.modeling-grid-container {
  display: grid;
  grid-template-columns: 200px 350px 300px 250px 1fr;
  gap: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
  overflow-x: scroll;
  z-index: -1;
}

.grid-header {
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #138d6f;
  text-align: center;
  background-color: #e6f7f2;
}

.grid-label {
  padding: 8px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f0f0f0;
}

.grid-item {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 80% !important;
}

.grid-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* margin-left: 30px; */
}

.mod-sumbit-btn {
  background-color: #138d6f;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.modal-save-btn {
  background-color: #2c7dbf;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.modal-clear-btn {
  background-color: #d9534f;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.mod-export-btn {
  background-color: #5cb85c;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.add-dropdown-btn {
  background-color: #138d6f;
  color: white;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-values-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

/* .multiselect-dropdown {
  width: 100%;
} */

/* Modal Styles */
.custom-modal {
  max-width: 900px;
  width: 90%;
  margin: 20px auto;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.modal-content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.modal-header {
  padding: 16px 20px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
}

.close-button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
}

.modal-body {
  padding: 20px;
  flex-grow: 1;
  overflow-y: auto;
}

.modal-footer {
  padding: 16px 20px;
  border-top: 1px solid #eaeaea;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

/* Filters Table */
.filters-table-wrapper {
  overflow-x: auto;
}

.filters-table {
  width: 100%;
  border-collapse: collapse;
}

.filters-table th {
  background-color: #f5f7fa;
  padding: 12px 15px;
  text-align: left;
  font-weight: 600;
  color: #4a5568;
  border-bottom: 2px solid #e2e8f0;
}

.filters-table td {
  padding: 12px 15px;
  border-bottom: 1px solid #edf2f7;
  vertical-align: middle;
}

.filters-table tr:hover {
  background-color: #f8fafc;
}

.actions-cell {
  display: flex;
  gap: 8px;
}

/* Buttons */
.default-btn {
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid #e2e8f0;
  background-color: #f8fafc;
  transition: all 0.2s;
}

.default-btn.active {
  background-color: #48bb78;
  color: white;
  border-color: #48bb78;
}

.default-btn:not(.active):hover {
  background-color: #edf2f7;
}

.apply-btn {
  padding: 6px 12px;
  background-color: #4299e1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.apply-btn:hover {
  background-color: #3182ce;
}

.delete-btn-filter {
  padding: 6px 12px;
  background-color: #f56565;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.delete-btn-filter:hover {
  background-color: #e53e3e;
}

/* Save Filter Modal */
.save-filter-modal {
  max-width: 500px;
  width: 90%;
}

.form-group {
  margin-bottom: 16px;
}

.form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #4a5568;
}

.form-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 14px;
}

.form-input:focus {
  outline: none;
  border-color: #4299e1;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
}

.ticker-display {
  padding: 8px 12px;
  background-color: #f8fafc;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
}

.checkbox-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 20px 0;
}

.checkbox-group input {
  margin: 0;
}

.cancel-btn {
  padding: 8px 16px;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}

.cancel-btn:hover {
  background-color: #edf2f7;
}

.save-btn {
  padding: 8px 16px;
  background-color: #4299e1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.save-btn:hover {
  background-color: #3182ce;
}

.save-btn:disabled {
  background-color: #a0aec0;
  cursor: not-allowed;
}

.no-filters-message {
  text-align: center;
  padding: 40px 20px;
  color: #718096;
}
* {
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

h2 {
  margin: 0;
}

/* Body */
/* Card Themes - Start */
.basic .pricing-header {
  background-color: #4b7bec;
}
.basic .price-circle {
  border: 10px solid #4b7bec;
  transition: all 0.4s;
}
.basic:hover .price-circle {
  border-width: 5px;
}
.basic .buy-now:hover {
  background-image: none !important;
  background-color: #4b7bec !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.eco .pricing-header {
  background-color: #f7b731;
}
.eco .price-circle {
  border: 10px solid #f7b731;
  transition: all 0.4s;
}
.eco:hover .price-circle {
  border-width: 5px;
}
.eco .buy-now:hover {
  background-image: none !important;
  background-color: #f7b731 !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.pro .pricing-header {
  background-color: #26de81;
}
.pro .price-circle {
  border: 10px solid #26de81;
  transition: all 0.4s;
}
.pro:hover .price-circle {
  border-width: 5px;
}
.pro .buy-now:hover {
  background-image: none !important;
  background-color: #26de81 !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

.business .pricing-header {
  background-color: #a55eea;
}
.business .price-circle {
  border: 10px solid #a55eea;
  transition: all 0.4s;
}
.business:hover .price-circle {
  border-width: 5px;
}
.business .buy-now:hover {
  background-image: none !important;
  background-color: #a55eea !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}

/* Card Themes - End */
body {
  background-image: url(https://pngimage.net/wp-content/uploads/2018/06/flat-design-background-png-3.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 20px;
}

.container5 {
  max-width: 1200px;
  height: auto;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.column {
  flex: 25%;
  padding: 10px;
  width: calc(33.3% - 30px);
  box-sizing: border-box;
}
@media screen and (max-width: 980px) {
  .column {
    flex: 50%;
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .column {
    flex: 100%;
    display: block;
  }
}

.pricing-card {
  -webkit-transition: 0.4s background-color ease;
  -ms-transition: 0.4s background-color ease;
  transition: 0.4s background-color ease;
  height: 400px;
  background-color: white;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  transition: all 0.4s;
}
.pricing-card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  transform: scale(1.05);
}
.pricing-card .popular {
  position: absolute;
  top: 0;
  right: 5%;
  width: auto;
  padding: 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #eb3b5a;
  color: white;
  font-size: 12px;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.pricing-card .badge-box {
  padding: 0 40px;
  margin-top: 80px;
}
.pricing-card .badge-box span {
  display: inline-block;
  border: 1px solid #4b7bec;
  padding: 4px 12px;
  border-radius: 25px;
  overflow: hidden;
  color: #4b7bec;
}
.pricing-card .pricing-header {
  width: 100%;
  height: 150px;
  position: relative;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  /*border-bottom: 20px solid $primary;*/
  /*
  border-radius: $radius $radius 150px 150px;
  -webkit-border-radius: $radius $radius 150px 150px;
  -moz-border-radius: $radius $radius 150px 150px;
  */
}
.pricing-card .pricing-header .plan-title {
  font-size: 24px;
  color: white;
  position: relative;
  top: 25%;
}
.pricing-card .pricing-header .price-circle {
  width: calc(33.3% - 30px);
  width: 120px;
  height: 120px;
  border-radius: 100%;
  left: calc(50% - 60px);
  top: 60%;
  background-color: white;
  position: absolute;
}
.pricing-card .pricing-header .price-circle .info {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: gray;
}
.pricing-card .pricing-header .price-circle .price-title {
  display: block;
  font-size: 28px;
  padding: 28px 0 0;
  font-weight: bold;
}
.pricing-card .pricing-header .price-circle .price-title small {
  font-size: 18px;
}
.pricing-card .pricing-header h2 {
  position: relative;
  top: 40%;
  color: #fff;
}
.pricing-card ul {
  margin: 10px 0 0 0;
  padding: 0;
}
.pricing-card ul li {
  list-style-type: none;
  display: block;
  padding: 15px 0 15px 0;
  margin: 0;
  border-bottom: 1px solid #f2f2f2;
}
.pricing-card .buy-button-box {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.pricing-card .buy-button-box .buy-now {
  text-decoration: none;
  color: white;
  padding: 10px 30px;
  border-radius: 20px;
  background-image: linear-gradient(to left, #a55eea, #45aaf2);
  margin-top: 20px;
}

.echo .pricing-header {
    background-color: #4b7bec;
}/* NavBar Container */
/* .topbar-container{
    display: flex !important;
    width: auto !important;
    height: 100px !important;
    background-color: rgb(170, 58, 58) !important;
} */
body {
    background-color: #f2f2f2 !important;
    color: #000 !important;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.drw_icon {
    color: #fff !important;
}

/*.MuiInputBase-input {*/
/*    width: 100%;*/
/*    display: inline-flex !important;*/
/*    padding: 6px 0 7px !important;*/
/*    align-items: center !important;*/
/*    height: 0px !important;*/
/*    font-size: 18px !important;*/
/*    font-family: Verdana !important;*/
/*    color: black !important;*/
/*}*/

.secondary-nav-wrapper {
    height: 80px;
    background-color: #5a4744;
}

/* input numbrer arrow  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.search-btn-div {
    height: 36px;
    width: 36px;
    background-color: #fff;
    position: absolute;
    left: 209px;
    top: 14px;
    border: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.vertical-line-search {
    position: absolute;
    height: 100%;
    display: flex;
    border: 1.5px solid;
    top: 49%;
    left: 200px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: black;
    height: 40px;
    justify-content: center;
    align-items: center;
}

/* listing-card-name */
.listing-card-name {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: "200px";
    cursor: pointer;
}

.listing-card-name:hover {
    color: #5a4744;
    font-weight: bold;
}

/* header  */
.header-app {
    width: auto;
}

.header-items {
    display: flex;
    justify-content: space-between;
    width: auto;
    height: 80px;
    background-color: #5a4744;
    align-items: center;
    padding: 10px;
    position: sticky;
    color: white;
    cursor: pointer;
    /* margin: 10px; */
}

.header-logo {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}

.header-logo-text {
    height: 25px;
}

.header-profile {
    display: flex;
    position: relative;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: white;
    border: 0px;
    border-radius: 100px;
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana;
    text-transform: capitalize;
}

.profile-dot {
    position: absolute;
    height: 10px;
    width: 10px;
    border: 0px;
    border-radius: 100px;
    background-color: #07ed07;
    bottom: 2px;
    right: 0px;
}

.banner-container {
    /* padding: 10px; */
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); */
}

.min-search-mob {
    display: flex;
    height: 32px;
    width: 34px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 4px;
    top: 14px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.min-spinner-border {
    border: 2px solid white;
    border-radius: 50%;
    border-right-color: transparent;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background-color: #fff;
}

.main-search-button-icon {
    color: #fff;
}

/* slider container */
.each-slide-effect>div {
    display: flex;
    align-items: center;
    background-size: cover;
    height: 300px;
    width: auto;
    padding: 40px;
    position: relative;
    z-index: 10 !important;
}

.slider-container {
    display: none;
    padding: 10px;
}

.slider-items {
    display: flex;
    width: 100%;
}

.slide-img {
    height: 310px;
    width: 310px;
    background-size: cover;
}

.slider-right-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.slider-right-items>p {
    color: black;
    font-weight: bold;
}

.slider-section-desk {
    margin: 40px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}

.category-header {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 12px;
    font-weight: bold;
    height: 2px;
    /* background-color:#5A4744; */
    margin-top: 40px;
}

.category-name {
    display: flex;
    position: absolute;
    align-items: center;
    padding: 10px;
    justify-content: center;
    color: black;
    font-size: 22px;
    font-weight: bold;
    border: 0px solid white;
    border-radius: 25px;
    background-color: #fff;
    font-family: Verdana;
    width: 230px;
}

.slider-card-container {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    margin-top: 40px;
    padding: 10px;
}

.slider-card {
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}

.slider-card-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-card-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 10px;
}

.slider-card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

/* total cart value */
.total-item-round1 {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    align-items: center;
    font-size: 12px;
    background-color: #fff;
    color: black;
    top: 20px;
    margin-left: 40px;
}

.cart-icon-value {
    position: "absolute";
    display: "flex";
    align-items: "center";
    justify-content: "center";
    margin-left: "15px";
    margin-bottom: "20px";
    height: 20px;
    width: 20px;
    border: 0;
    border-radius: 100%;
    background-color: #5a4744;
    color: black;
}

/* Quality Trust Container */
.trust-container-main {
    margin: 40px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}

.trust-container {
    padding: 10px;
}

.container-trust {
    display: flex;
    width: auto;
    max-height: 200px;
    background-color: white;
    justify-content: space-evenly;
    align-items: center;
}

.trust-img {
    display: flex;
    align-items: center;
    justify-content: center;
    /* grid-template-columns: 25% 25% 25% 25% 25%; */
    column-gap: 80px;
}

.trust-img-items {
    border: 2px solid #5a4744;
    border-radius: 100%;
    height: 120px;
    width: 120px;
}

.text-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.trust-text {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
}

/* rating section */
.toppicks-main1 {
    height: 440px;
    margin: 40px 40px 0px 40px;
}

.rating-main {
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 100px;
    width: 100%;
}

.category-name1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: white;
    font-size: 22px;
    font-weight: bold;
    border: 0px solid white;
    border-radius: 25px;
    background-color: #5a4744;
    font-family: Verdana;
    width: 230px;
}

.rating-top-section {
    margin-left: 10px;
}

.rating-card {
    width: 250px;
    background-color: #fff;
    padding: 2px;
    border-radius: 10px;
    /* box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); */
}

.vertical-line1 {
    border: 1.5px solid;
    margin-left: 5px;
    margin-right: 5px;
}

.rating-name1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: black;
    font-size: 22px;
    font-weight: bold;
    border: 0px solid white;
    border-radius: 25px;
    background-color: #fff;
    font-family: Verdana;
    width: 350px;
}

.vertical-line-rating {
    position: relative;
    height: 50%;
    display: flex;
    border: 1.5px outset;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    justify-content: center;
    align-items: center;
}

.rating-items {
    display: flex;
}

.raitng-card-container {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    width: 100%;
}

/* rating-modal */
.card {
    border: none;
}

.form-control {
    height: 50px;
    background-color: #ecf0f3;
    /*padding-left: 40px;*/
}

.form-control:focus {
    box-shadow: none;
    background-color: #ecf0f3;
}

.comment {
    position: relative;
}

.comment i {
    position: absolute;
    top: 18px;
    left: 16px;
    color: #8fa2b2;
}

.comments-box {
    border: 2px solid red;
    border-radius: 4px;
    cursor: pointer;
}

.bdge {
    width: 40px;
    height: 22px;
    background-color: red;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.review-fullscreen {
    margin-top: 85px;
    background-color: rgb(255, 255, 255);
    border: 2px solid;
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.close-btn {
    display: flex;
    cursor: pointer;
    height: 30px;
    width: 80px;
    background-color: red;
    align-items: center;
    justify-content: center;
    color: white;
    border: 0px;
    border-radius: 25px;
    font-size: 15px;
    font-family: Verdana;
}

.review-full-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 80%;
    overflow-y: scroll;
}

.header-subsection {
    display: flex;
    flex-direction: column;
    margin-top: 3px;
}

.writet-ratings {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 5px;
    text-align: center;
    background-color: #5a4744;
    border: 0px;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    margin: 20px;
    min-width: 125px;
    justify-content: center;
}

.writet-ratings:hover {
    background-color: black;
}

.product-review-section {
    margin-top: 10px;
}

.product-reviewmodal-section {
    display: grid;
    justify-content: center;
    /* grid-template-columns: 100%; */
    width: 100%;
    height: 88%;
}

.review-full-items::-webkit-scrollbar {
    display: none;
}

.rating-stars-gray {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: gray;
}

.rating-star {
    display: flex;
    font-family: Verdana;
    font-size: 10px;
}

.raing-stars {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: gold;
}

.raing-stars-gray {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: rgb(146, 145, 136);
}

.rating-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    padding: 8px;
}

.rating-img {
    width: 60px;
    height: 60px;
    padding: 2px;
    border: 1px solid;
    border-radius: 20%;
    object-fit: cover;
}

.rating-desc {
    display: flex;
    /* height: 120px; */
    justify-content: center;
    font-size: 12px;
    font-family: Verdana;
}

/* footer container */

.footer-container {
    display: flex;
    flex-direction: column;

    /* margin-top: 40px; */
    width: 100%;
    height: max-content;
    background-color: #5a4744;
    /* padding: 10px; */
    color: hsl(0, 0%, 100%) !important;
}

.footer-top-container {
    display: flex;
    margin-left: 40px;
    margin-right: 40px;
    padding: 10px;
    column-gap: 10px;

    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-family: Verdana;
}

.footer-content {
    /* text-decoration: underline; */
    cursor: pointer;
}

.footer-content:hover {
    color: black;
}

.rating-footer-name {
    display: flex;
    padding: 2px;
    align-items: center;
    justify-content: center;
    width: 250px;
}

.vertical-line-footer {
    position: absolute;
    height: 100%;
    display: flex;
    border: 1.5px solid;
    top: 49%;
    left: 200px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: black;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.footer-items {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    color: white;
    /* align-items: center; */
    width: 100%;
    padding: 0px;
    /* cursor: pointer; */
    font-size: 12px;
    font-family: Verdana;
}

.footer-second-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    align-items: center;
    width: 100%;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    font-size: 12px;
    font-family: Verdana;
}

.footer-top-left {
    display: flex !important;
    width: 100%;
    text-align: initial !important;
    column-gap: 10px;
}

.footer-img-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}

.footer-img-icons {
    height: 30px;
    width: 30px;
    background-color: black;
    border: 0;
    border-radius: 100%;
}

.footer-follow {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* top picks */

* {
    box-sizing: border-box;
}

.toppicks-main {
    margin: 40px;
}

.free-shp {
    color: #0c7c3e;
    font-weight: 600;
    font-size: 10px;
    text-transform: capitalize;
}

.editToGift {
    color: white;
    background-color: rgb(122, 122, 247);
    padding: 1px;
    border: 0px;
    height: 25px;
    border-radius: 25px;
    display: flex;
    width: 80px;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.product-m__content1 {
    padding: 15px;
    background-color: #f2f2f2;
}

.category-main {
    padding: 10px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}

.card-container {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    margin-top: 30px;
    padding: 10px;
}

.card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    overflow: hidden;
    width: 255px;
    position: relative;
}

.card-header {
    position: relative;
    width: 100%;
}

.card-header img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    /* margin-top: 10px; */
}

.card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    height: 200px;
    position: relative;
}

.card-body-1 {
    display: flex;
    flex-direction: column;
    padding: 5px;
    height: 100px;
    position: relative;
}

.tag {
    font-size: 12px;
    margin: 0;
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
    text-transform: capitalize;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
    font-family: Verdana;
}

.tag-teal {
    background-color: #47bcd4;
}

.tag-pink {
    background-color: #cd5b9f;
}

.card-body p {
    display: flex;
    font-size: 12px;
    height: 144px;
    width: 100%;
    overflow: scroll;
}

.card-body p {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.card-body p::-webkit-scrollbar {
    display: none;
}

.card-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 100%;
}

.card-footer1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.footer-info {
    display: flex;
    column-gap: 10px;
    margin-top: 10px;
}

.footer-info h5 {
    margin: 0;
}

.footer-info small {
    color: #545d7a;
}

/* .short_descriptrion {
  color: #C1A28E;
} */
/* .footer-middle{
  di;
} */
.foorter-info-btn1 {
    padding: 10px;
    background-color: #5a4744;
    color: black;
    text-align: center;
    font-size: small;
    border: 0px;
    border-radius: 20px;
}

.addCart-btn2 {
    padding: 8px;
    background-color: white;
    color: black;
    text-align: center;
    font-size: 12px;
    border: 2px solid #5a4744;
    border-radius: 20px;
    font-weight: 300;
    width: 120px;
    font-family: Verdana;
}

.price {
    color: black;
}

/* know more btn */
.know-more {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
    color: black;
    font-family: Verdana;
}

progress {
    vertical-align: baseline;
}

progress::-webkit-progress-value {
    background-color: #5a4744 !important;
}

.propgress-bar {
    display: initial;
    align-items: initial;
    width: 100%;
    height: 15px;
}

.container-bar {
    height: 15px;
    background: white;
    border-radius: 20px;
}

.completedClassName {
    height: 15px;
    background: white;
    border-radius: 50px;
    width: 100%;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.completedClassName-bar {
    background-color: green;
}

.round-review {
    display: flex;
    width: 35%;
    margin: 20px;
    row-gap: 10px;
    flex-direction: column;
}

.round-review-div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.rating-bar-sec {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.progress-bar-sec {
    display: flex;
    flex-direction: column;
    margin: 0px 40px;
    row-gap: 10px;
}

/* productListing Section */
.product-listing {
    display: "grid";
    grid-template-columns: " 25% 25% 25% 25%";
    margin-bottom: "110px";
    column-gap: "15px";
}

/* product section */
.product-main {
    margin-top: 80px;
}

.bullet-point-section {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.bullet-point {
    display: flex;
    align-items: center;
    height: 10px;
    width: 10px;
    background-color: #5a4744;
    border: 0px;
    border-radius: 100px;
}

.zoom-product-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-description {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: justify;
}

.meta-desc {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    font-family: Verdana;
    text-align: justify;
}

.product-container {
    display: grid;
    margin: 40px;
    align-items: center;
    justify-content: center;
}

.product-draw {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: center;
}

.product-m__category {
    padding: 0px 10px !important;
}

/* productDetails section */
.check-btn {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid;
    padding: 10px;
    background-color: #5a4744;
    border-radius: 20px;
    right: 4px;
    top: 3px;
}

.img_dott1::-webkit-scrollbar {
    display: none;
    height: 100vh;
}

.liscroll {
    overflow-y: "scroll";
}

.product-package-default {
    width: 90px;
    height: 25px;
    text-align: center;
    background-color: #fff;
    color: black;
    border: 0.5px solid #bfc0c6;
    border-radius: 25px;
}

.product-package-selected {
    width: 90px;
    height: 25px;
    text-align: center;
    background-color: #3030d5;
    color: #fff;
    border: 0.5px solid #bfc0c6;
    border-radius: 25px;
}

.disabled-btn {
    display: none;
}

.out-stock {
    color: red;
    cursor: none;
    padding: 10px;
    box-shadow: 0px 0px 5px 0px gray;
    font-size: 15px;
    font-weight: bold;
}

.cust-rat {
    font-size: 20px;
    font-weight: bold;
    color: black;
    font-family: Verdana;
}

.cus-review-sec {
    margin: 0px 150px;
}

.cus-review-container {
    display: flex;
    justify-content: center;
    color: black;
    height: 64px;
    align-items: center;
    width: 100%;
    position: sticky;
    z-index: 10;
    top: 0px;
    font-size: 20px;
    font-family: Verdana;
}

progress[value] {
    -webkit-appearance: none;
    appearance: none;
    width: 200px;
    height: 20px;
}

progress[value]::-webkit-progress-bar {
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
}

progress[value]::-webkit-progress-value {
    border-radius: 4px;
    background-size: 20px 15px, 100% 100%, 100% 100%;
}

.ratring-bar-container {
    margin-top: 10px;
}

.cust-sec {
    display: flex;
    align-items: center;
    column-gap: 25px;
    justify-content: center;
    margin-top: 20px;
}

/* login-section */
.login-right-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.login-btn {
    display: flex;
    align-items: center;
    padding: 0px 10px 0px 10px;
    border-radius: 25px;
    height: 30px;
    background-color: #5a4744;
    color: white;
    font-weight: bold;
    border: 0px;
}

.add-coupon-btn {
    display: flex;
    align-items: center;
    padding: 0px 10px 0px 10px;
    border-radius: 25px;
    height: 30px;
    background-color: #5a4744;
    color: white;
    font-weight: bold;
    border: 0px;
    justify-content: center;
    min-width: 100px !important;
}

.cancle-coupon-btn {
    display: flex;
    align-items: center;
    padding: 0px 10px 0px 10px;
    border-radius: 25px;
    height: 30px;
    background-color: #da5641;
    color: white;
    font-weight: bold;
    border: 0px;
    justify-content: center;
    min-width: 100px !important;
}

/* cart section */
.placeorder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 60px;
    width: 250px;
    background-color: #5a4744;
    border: 1px solid rgb(191, 201, 202);
    border-radius: 35px;
    color: white;
    font-weight: 500;
}

.placeorder:hover {
    width: 260px;
    border-radius: 35px;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
}

.cart-row {
    background-color: white;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-radius: 30px;
}

.cart-deleteIcon {
    cursor: pointer;
    height: 40px;
    color: #e54040;
}

.product-m1 {
    position: relative;
    margin-bottom: 0px !important;
    width: 130px !important;
    transition: 0.3s;
    margin-top: 10px;
    left: 0px !important;
    right: 0px !important;
}

.ch-dash-address-manipulation {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    column-gap: 20px;
    background-color: #fff;
    padding: 10px 40px;
}

.checkout-address {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #aba5a5;
    padding: 10px;
}

.checkout-bill-address {
    display: grid;
    width: 100%;
    border: 1px solid #aba5a5;
    padding: 10px;
    position: relative;
}

.checkout-bill-address-total {
    display: grid;
    width: 100%;
    border: 1px solid #aba5a5;
    padding: 10px;
    position: relative;
}

.ch-bill-add-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.ch-bill-add-btn-pro {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.ckeckout-items {
    display: grid;
    width: 100%;
    justify-content: center;
    column-gap: 10px;
    grid-template-columns: 50% 50%;
    padding: 0px 10px;
    align-items: center;
}

.checkout-add-sec {
    text-align: center;
    color: black;
    padding: 5px;
    width: 100%;
    display: block;
}

.ch-btn-sec {
    display: grid;
    width: 100%;
    justify-content: center;
    column-gap: 10px;
    grid-template-columns: 50% 50%;
}

.ch-add-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5a4744;
    font-size: 12px;
    color: #fff;
    border-radius: 25px;
    height: 30px;
    border: 0px;
    cursor: pointer;
}

.ch-pro-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5a4744;
    font-size: 12px;
    color: #fff;
    border-radius: 25px;
    height: 30px;
    border: 0px;
    cursor: pointer;
    padding: 14px;
}

.ch-bill-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000;
}

.ch-bill-items {
    display: flex;
    justify-content: space-between;
    padding: 0px 50px;
}

.ch-payment-select {
    column-gap: 10px;
    display: flex;
    padding: 0px 10px;
    font-size: 15px;
}

.ch-price-details {
    display: flex;
    width: 100%;
    justify-content: center;
    column-gap: 20px;
    padding: 10px;
}

.ch-gpay-icon {
    height: 35px;
    /* width: 35px; */
    border: 0px;
    /* border-radius: 100px; */
    object-fit: cover;
}

/* product detail component */

.product-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.product-detail-container {
    display: inline;
    margin-bottom: 150px;
}

.product-details-responsive-container {
    display: flex;
    margin: 80px 10px 0px 10px;
    height: max-content;
    flex-direction: column;
}

.secondary-nav-wrapper .main-form {
    position: relative;
    padding: 12px;
    margin-right: 0px !important;
}

.prod-qty {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 30%;
    height: 40px;
    border: 1px solid gray;
    border-radius: 30px;
}

.top-cart {
    display: none;
}

.header-cart-section {
    display: flex;
    column-gap: 15px;
    font-size: 25px;
}

.secondary-nav-wrapper .ah-lst-sec2 {
    margin-left: 50px;
    margin-top: 0px;
}

.product-review {
    margin: 10px 10px;
    align-items: center;
    display: grid;
    grid-template-columns: 50% 50%;
}

/* shopping cart view */
.address-container-modal {
    display: flex;
    flex-direction: column;
    width: 500px;
}

.div.react-responsive-modal-modal button.react-responsive-modal-closeButton {
    display: none;
}

.sh-cart-container {
    position: relative;
    display: flex;
    flex-direction: column;
    /* height: max-content; */
    margin-bottom: 80px;
}

.shp-cart-div {
    display: flex;
    /* width: 150px; */
    /* height: 150px; */
    border: 1px solid gray;
    box-shadow: 0px 0px 5px 0px black;
    justify-content: center;
}

.shp-cart-img {
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    width: 150px;
}

.sh-cart-top-desc {
    display: flex;
    column-gap: 8px;

    margin-bottom: 10px;
}

.input-counter {
    position: relative;
    display: flex;
    max-width: 750px;
    min-width: 0px !important;
    column-gap: 20px;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
}

.sh-cart-qty {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sh-cart-price {
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
    width: 100%;
}

.sh-cart-remove {
    display: flex;
    border: 0px solid;
    width: 50px;
    height: 30px;
    justify-content: end;
    align-items: center;
    color: gray;
    font-weight: bold;
    padding-right: 20px;
    cursor: pointer;
}

.sh-cart-heading {
    font-weight: bold;
    /* letter-spacing: -0.02rem; */
    font-size: 14px;
    position: relative;
    /* background-color: #5a4744; */
    color: black;
    /* width: 150px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Verdana;
    border: 0px;
    border-radius: 50px;
}

.sh-place-btn {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.sh-cart-placeorder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 35px;
    width: 120px;
    background-color: #5a4744;
    border: 1px solid rgb(191, 201, 202);
    border-radius: 25px;
    color: white;
    font-weight: 500;
    font-family: Verdana;
}

.other-details-sec {
    background-color: #fff;
    padding: 0px 20px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
}

.other-details {
    display: grid;
    text-transform: capitalize;
    justify-content: space-between;
    grid-template-columns: 30% 70%;
    padding: 5px;
}

.other-details-li {
    display: flex;
    justify-content: space-between;
    margin-right: 10px;
    color: black !important;
    padding: 0px 10px;
}

/* address details */
.addrss-details {
    display: flex;
    text-transform: capitalize;
    justify-content: space-between;
    margin: 10px;
    font-size: 12px;
    font-family: Verdana;
    border-bottom: 1px solid gray;
}

.edit-btn {
    display: flex;
    height: 20px;
    width: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    color: black;
    font-family: Verdana;
    background-color: #f2f2f2;
    border-radius: 25px;
    cursor: pointer;
}

.edit-btn:hover {
    background-color: #5a4744;
    color: #fff;
}

.add-address {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
    cursor: pointer;
}

.add-address>div {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100px; */
    padding: 10px;
    background-color: #5a4744;
    border-radius: 10px;
    color: #fff;
}

.dash__h1 {
    font-weight: bold !important;
}

.ch-cart-input-text--primary-style {
    color: #333333;
    transition: all 0.6s linear;
    border: 1px solid #b1b1b1;
    background-color: #f1f1f1;
}

.ch-cart-input-text--primary-style-error {
    transition: all 0.6s linear;
    border: 1px solid #d31818 !important;
    background-color: #f1f1f1;
    box-shadow: 0px 0px 5px 0px red !important;
}

.ch-cart-input-text--primary-style:focus {
    border: 2px solid #5a4744;
}

.terms-sec {
    margin: 0px 20px 0px 20px;
    text-align: justify;
}

.header-text {
    font-weight: bold;
}

.contactus-container {
    display: grid;
    justify-content: space-between;
    margin: 40px 100px;
    box-shadow: 0px 0px 5px 0px black;
    padding: 10px 10px;
    /* align-items: center; */
    grid-template-columns: 22% 65%;
    background-color: #fff;
}

.contact-input-text--primary-style {
    color: #333333;
    transition: all 0.6s linear;
    border: 1px solid #5a4744;
    background-color: #f1f1f1;
}

.contact-input-error {
    border-color: red;
}

/* view order details  */
.view-ord-top-sec {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 5px 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px black;
}

.view-ord-top-sec1 {
    display: flex;
    text-align: left;
    flex-direction: column;
    row-gap: 5px;
    font-weight: bold;
}

.view-ord-top-items {
    color: black;
    font-weight: bold;
}

.view-ord-top-items-sec {
    color: #3f3d3d;
    font-weight: 100;
}

.view-ord-status {
    background-color: #f2f2f2;
    color: #3f3d3d;
    text-align: center;
    text-transform: capitalize;
    padding: 0px 5px;
}

.view-ord-address {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 50px;
    column-gap: 20px;
    background-color: white;
    margin: 42px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px black;
}

.view-ord-address-sec {
    /* border-right: 1px solid; */
    padding: 15px 20px;
}

.view-ord-items {
    display: flex;
    border: 1px solid gray;
    box-shadow: 0px 0px 5px 0px black;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
}

.view-ord-items-details {
    display: flex;
    padding: 10px 10px;
    column-gap: 40px;
}

.view-ord-container {
    margin-top: 80px;
    margin-left: 50px;
    margin-right: 50px;
}

.view-ord-items-sec {
    display: grid;
    grid-template-columns: 75% 25%;
    column-gap: 10px;
}

.view-ord-summary {
    display: grid;
    grid-template-columns: 75% 25%;
    width: 100%;
}

.view-ord-summary-h {
    text-align: center;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: black;
}

.view-ord-summary-detail {
    color: #3f3d3d;
    font-weight: 100;
    text-align: right;
}

.view-ord-ckeckout-items {
    display: grid;
    width: 100%;
    justify-content: center;
    column-gap: 10px;
    grid-template-columns: 33.33% 33.33% 33.33%;
    padding: 0px 10px;
    align-items: center;
}

.view-ord-header {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px;
}

.dash-address-manipulation {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 599px) {
    .dash-address-manipulation {
        grid-template-columns: 100%;
    }

    .cus-review-sec {
        margin: 0px 0px;
    }

    .product-review {
        grid-template-columns: 100%;
    }

    .round-review {
        width: 25%;
    }

    .toppicks-main {
        margin: 0px;
    }

    .top-cart {
        display: inline;
    }

    .contactus-container {
        display: grid;
        justify-content: space-between;
        margin: 40px 100px;
        box-shadow: 0px 0px 5px 0px black;
        padding: 10px 10px;
        /* align-items: center; */
        grid-template-columns: 100%;
        background-color: #fff;
    }

    .contactus-img {
        display: none;
    }

    .vertical-line-rating {
        display: none;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .col-lg-12,
    .col-md-12 {
        position: relative !important;
        width: 100% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    /* listing product */
    .product-m {
        position: relative !important;
        margin-bottom: 0px !important;
        transition: 0.3s !important;
        margin-top: 10px !important;
        width: 150px !important;
    }

    .product-draw {
        display: grid !important;
        grid-template-columns: 50% 50% !important;
        column-gap: 10px !important;
    }

    /* product detail component */
    .product-row {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }

    .product-detail-container {
        display: none;
    }

    .product-details-responsive {
        display: inline;
        margin-bottom: 140px;
    }

    .prod-det-img {
        width: 100px;
        height: 100px;
    }

    .zoom-product-img>div {
        display: flex;
        justify-content: center;
    }

    .zoom-product-img>div>div {
        width: 150px !important;
        height: 150px !important;
        display: flex;
        justify-content: center;
    }

    .child-prod-sec {
        margin: 15px 10px 0px 10px;
    }

    .child-prod-img {
        display: flex;
        height: max-content;
        overflow-x: scroll;
        column-gap: 5px;
    }

    .child-img-size {
        height: 75px;
        width: 75px;
    }

    .child-prod-img::-webkit-scrollbar {
        display: none;
    }

    .pd-detail__inline {
        font-size: 14px;
    }

    .pd-detail__price {
        font-size: 14px;
    }

    .cust-sec {
        display: flex;
        align-items: center;
        column-gap: 25px;
        width: 100%;
    }

    .cust-rat {
        font-size: 18px;
        font-weight: bold;
        color: black;
        font-family: Verdana;
    }

    progress[value] {
        -webkit-appearance: none;
        appearance: none;
        width: 200px;
        height: 10px;
    }

    .index-ratingBarContainer {
        display: flex;
        column-gap: 10px;
        align-items: center;
        margin-top: 0px;
    }

    .index-ratingBarContainer .index-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 10px;
        color: #a9abb3;
        column-gap: 10px;
    }

    .pd-breadcrumb__list {
        list-style: none;
        padding: 0;
        margin: 0;
        word-wrap: break-word;
        display: flex;
        justify-content: center;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 88%;
        margin-bottom: 50px;
    }

    .other-details {
        display: grid;
        text-transform: capitalize;
        justify-content: space-between;
        grid-template-columns: 42% 58%;
        padding: 5px;
    }

    /* address details  */
    .dash__h1 {
        margin-bottom: 0px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: bold !important;
    }

    .sh-cart-remove {
        display: flex;
        border: 0px solid;
        width: 100%;
        height: 25px;
        justify-content: end;
        padding-right: 20px;
        align-items: center;
        color: gray;
        font-weight: bold;
        cursor: pointer;
        /* padding: 0px 4px 0px 4px; */
    }

    /* view-cart address  */
    .address-container-modal {
        display: flex;
        flex-direction: column;
        width: 250px;
    }

    .ch-dash-address-manipulation {
        flex-direction: column;
    }

    .checkout-address {
        display: flex;
        flex-direction: column;
        width: 100%;
        border: 1px solid #aba5a5;
        padding: 10px;
        margin: 10px 0px;
    }

    .checkout-bill-address {
        width: 100%;
        margin: 10px 0px;
    }

    .checkout-bill-address-total {
        margin: 10px 0px;
    }

    .ch-bill-add-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        padding: 0px 10px 0px 10px;
        margin-top: 10px;
    }

    .ch-bill-add-btn-pro {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        bottom: 0px;
        width: 100%;
        padding: 10px 0px;
    }
}

@media only screen and (max-width: 600px) {
    .dash-address-manipulation {
        grid-template-columns: 100%;
    }

    .cus-review-sec {
        margin: 0px 0px;
    }

    .product-review {
        grid-template-columns: 100%;
    }

    .round-review {
        width: 25%;
    }

    /* total cart value */

    .total-item-round1 {
        font-size: 11px;
        top: -5px;
        margin-left: 15px;
    }

    .contactus-container {
        display: grid;
        justify-content: space-between;
        margin: 40px 100px;
        box-shadow: 0px 0px 5px 0px black;
        padding: 10px 10px;
        /* align-items: center; */
        grid-template-columns: 100%;
        background-color: #fff;
    }

    .contactus-img {
        display: none;
    }

    .top-cart {
        display: inline;
    }

    .header-cart-section {
        font-size: 20px;
    }

    .header-logo {
        width: auto;
        height: 40px;
        display: flex;
        justify-content: stretch;
        align-items: center;
        column-gap: 5px;
        margin-left: 5px;
    }

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    /* slider container */
    .slider-container {
        display: contents;
    }

    .slider-section-desk {
        display: none;
    }

    .each-slide-effect>div {
        justify-content: space-evenly;
        height: 250px;
    }

    .slider-container {
        padding: 10px;
    }

    .slider-items {
        display: flex;
        width: 100%;
    }

    .slide-img {
        height: 200px;
        width: 200px;
        background-size: cover;
    }

    /* quality trust */
    .container-trust {
        width: auto;
        margin-top: 0px;
    }

    .trust-img-items {
        height: 40px;
        width: 40px;
    }

    .trust-img {
        column-gap: 10px;
    }

    .text-data {
        font-size: x-small;
    }

    .trust-text {
        font-size: 9px;
    }

    /* footer container */
    .footer-top-container {
        display: flex;
        margin-left: 0px;
        margin-right: 0px;
        padding: 5px !important;
        column-gap: 8px;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        font-family: Verdana;
        width: 100%;
        flex-direction: column;
        row-gap: 5px;
    }

    .footer-container {
        font-size: x-small;
    }

    .footer-second-items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        align-items: center;
        width: 100%;
        padding: 0px 15px 0px 15px;
        cursor: pointer;
        font-size: 3.7px;
        font-family: Verdana;
    }

    .footer-left {
        display: flex;
        flex-direction: column;
        column-gap: 10px;
    }

    /* .footer-img-icon {
    display: grid;
    grid-template-columns: 10% 10%;
    column-gap: 10px;
  } */
    .footer-img-icons {
        height: 20px;
        width: 20px;
    }

    .header-items {
        display: grid;
        grid-template-columns: 75% 10% 10%;
        padding: 0;
    }

    /* after toggle open */
    .ah-lg-mode-1 {
        position: fixed;
        height: fit-content;
        width: 250px;
        top: 65px;
        background-color: #5a4744;
        z-index: 200000 !important;
        overflow-y: auto;
        overflow: hidden;
        align-items: stretch;
        right: 0;
    }

    .trust-container-main {
        margin: 0px;
    }

    /* top picks */
    .card-container {
        display: grid;
        grid-template-columns: 100%;
    }

    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 150px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-lg-12 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    /* rating section */
    .raitng-card-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .rating-name1 {
        width: 200px;
        font-size: 14px;
    }

    .toppicks-main1 {
        height: 600px;
        margin: 0px;
    }

    .vertical-line-rating {
        display: none;
    }

    .rating-footer-name {
        width: 130px;
    }

    /* .is-grid-active, */
    .listing-prod {
        margin-bottom: 140px;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 150px !important;
        transition: 0.3s;
        margin-top: 10px;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 50% 50%;
        column-gap: 20px;
    }

    .product-row {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }

    .product-detail-container {
        display: none;
    }

    .product-details-responsive {
        display: inline;
        margin-bottom: 140px;
    }

    .prod-det-img {
        width: 200px;
        height: 200px;
    }

    .zoom-product-img>div {
        display: flex;
        justify-content: center;
    }

    .zoom-product-img>div>div {
        width: 200px !important;
        height: 200px !important;
        display: flex;
        justify-content: center;
    }

    /* .child-prod-sec {
    margin: 15px 10px 0px 10px;
  } */
    /* .child-prod-img {
    display: flex;
    height: max-content;
    overflow-x: scroll;
    column-gap: 5px;
  } */
    .child-img-size {
        height: 75px;
        width: 75px;
    }

    .child-prod-img::-webkit-scrollbar {
        display: none;
    }

    .pd-detail__inline {
        font-size: 14px;
    }

    .pd-detail__price {
        font-size: 14px;
    }

    .cust-sec {
        display: flex;
        align-items: center;
        column-gap: 25px;
        width: 100%;
    }

    .cust-rat {
        font-size: 18px;
        font-weight: bold;
        color: black;
        font-family: Verdana;
    }

    progress[value] {
        -webkit-appearance: none;
        appearance: none;
        width: 200px;
        height: 10px;
    }

    .index-ratingBarContainer {
        display: flex;
        column-gap: 10px;
        align-items: center;
        margin-top: 0px;
    }

    .index-ratingBarContainer .index-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 10px;
        color: #a9abb3;
        column-gap: 10px;
    }

    .pd-breadcrumb__list {
        list-style: none;
        padding: 0;
        margin: 0;
        word-wrap: break-word;
        display: flex;
        justify-content: center;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 88%;
    }

    .view-ord-address {
        display: grid;
        grid-template-columns: 100%;
        margin: 10px 0px;
        padding: 5px 10px;
    }

    .view-ord-address-bor {
        border-bottom: 1px solid;
    }

    .view-ord-items-sec {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 10px;
    }

    .view-ord-container {
        margin-top: 80px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .view-ord-items {
        display: flex;
        flex-direction: column;
    }

    .view-review-btn-sec {
        display: flex;
        justify-content: center;
    }

    .view-ord-top-sec {
        display: flex;
        width: 100%;
        padding: 0px 10px;
        flex-direction: column;
        align-items: baseline;
    }

    .ord-status {
        display: flex;
        column-gap: 5px;
    }

    .view-ord-top-items {
        text-align: center;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .total-item-round1 {
        font-size: 11px;
        top: -5px;
        margin-left: 20px;
    }

    .cus-review-sec {
        margin: 0px 0px;
    }

    .top-cart {
        display: inline;
    }

    .header-logo {
        width: auto;
        height: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        column-gap: 5px;
        margin-left: 10px;
    }

    /* slider container */
    .each-slide-effect>div {
        justify-content: space-evenly;
    }

    .slide-img {
        height: 210px;
        width: 210px;
        background-size: cover;
    }

    /* quality trust */
    .container-trust {
        width: auto;
        margin-top: 0px;
    }

    .trust-img-items {
        height: 75px;
        width: 75px;
    }

    .trust-img {
        column-gap: 35px;
    }

    .text-data {
        font-size: x-small;
    }

    .sh-cart-remove {
        display: flex;
        border: 0px solid;
        width: 100%;
        height: 25px;
        justify-content: end;
        padding-right: 20px;
        align-items: center;
        color: gray;
        font-weight: bold;
        cursor: pointer;

        /* padding: 0px 4px 0px 4px; */
    }

    /* footer container */
    .footer-top-container {
        display: flex;
        margin-left: 0px;
        margin-right: 0px;
        padding: 5px !important;
        column-gap: 8px;
        justify-content: center;
        align-items: center;
        font-size: 7px;
        font-family: Verdana;
        width: 100%;
        /* flex-direction: column; */
        row-gap: 5px;
    }

    .footer-second-items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        align-items: center;
        width: 100%;
        padding: 0px 15px 0px 15px;
        cursor: pointer;
        font-size: 9px;
        font-family: Verdana;
        text-align: center;
        padding: 5px;
    }

    .footer-top-left {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
    }

    .footer-container {
        font-size: 10px;
        font-weight: bold;
        height: max-content;
    }

    .footer-items {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        cursor: pointer;
    }

    .footer-left {
        display: flex;
        column-gap: 10px;
        font-size: 10px;
    }

    .footer-img-icons {
        height: 20px;
        width: 20px;
    }

    .header-items {
        display: grid;
        grid-template-columns: 85% 5% 10%;
        padding: 0;
    }

    /* after toggle open */
    .ah-lg-mode-1 {
        position: fixed;
        height: fit-content;
        width: 250px;
        top: 65px;
        background-color: #5a4744;
        z-index: 200000 !important;
        overflow-y: auto;
        overflow: hidden;
        align-items: stretch;
        right: 15px;
    }

    /* top picks */
    .card-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 220px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-lg-12 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    /* rating section */
    .raitng-card-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .toppicks-main1 {
        height: 600px;
        margin: 40px 40px 0px 40px;
    }

    .toppicks-main {
        margin: 40px 40px 0px 40px;
    }

    .vertical-line-rating {
        display: none;
    }

    /* listing product */
    .listing-prod {
        margin-bottom: 140px;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 240px !important;
        transition: 0.3s;
        margin-top: 10px;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 50% 50%;
        column-gap: 20px;
    }

    /* product detail component */
    .product-row {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }

    .product-detail-container {
        display: none;
    }

    .product-details-responsive {
        display: inline;
        margin-bottom: 140px;
    }

    .prod-det-img {
        width: 100px;
        height: 100px;
    }

    .child-img-size {
        height: 75px;
        width: 75px;
    }

    .zoom-product-img>div {
        display: flex;
        justify-content: center;
    }

    .zoom-product-img>div>div {
        width: 250px !important;
        height: 250px !important;
        display: flex;
        justify-content: center;
    }

    .child-prod-sec {
        margin: 15px 10px 0px 10px;
    }

    .child-prod-img {
        display: flex;
        height: max-content;
        overflow-x: scroll;
        column-gap: 5px;
        justify-content: center;
    }

    .child-prod-img::-webkit-scrollbar {
        display: none;
    }

    .pd-detail__inline {
        font-size: 14px;
    }

    .pd-detail__price {
        font-size: 14px;
    }

    .cust-sec {
        display: flex;
        align-items: center;
        column-gap: 25px;
        width: 100%;
    }

    .cust-rat {
        font-size: 18px;
        font-weight: bold;
        color: black;
        font-family: Verdana;
    }

    progress[value] {
        -webkit-appearance: none;
        appearance: none;
        width: 200px;
        height: 10px;
    }

    .index-ratingBarContainer {
        display: flex;
        column-gap: 10px;
        align-items: center;
        margin-top: 0px;
    }

    .index-ratingBarContainer .index-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 10px;
        color: #a9abb3;
        column-gap: 10px;
    }

    .pd-breadcrumb__list {
        list-style: none;
        padding: 0;
        margin: 0;
        word-wrap: break-word;
        display: flex;
        justify-content: center;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 88%;
        margin-bottom: 50px;
    }

    /* cart section  */
    .sh-cart-top-desc {
        display: flex;
        column-gap: 30px;
        margin-bottom: 10px;
    }

    .shp-cart-div {
        display: flex;

        border: 1px solid gray;
    }

    .sh-cart-container {
        position: relative;
        display: flex;
        flex-direction: column;
        /* height: max-content; */
        margin-bottom: 150px;
    }

    /* view cart address */
    .ch-dash-address-manipulation {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .checkout-bill-address-total {
        margin: 10px 0px;
    }

    .ch-bill-add-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        padding: 0px 10px 0px 10px;
        margin-top: 10px;
    }

    .ch-bill-add-btn-pro {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        bottom: 0px;
        width: 100%;
        padding: 10px 0px;
    }

    .view-ord-address {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-bottom: 10px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    /* header */
    .total-item-round1 {
        font-size: 11px;
        top: -5px;
        margin-left: 20px;
    }

    .cus-review-sec {
        margin: 0px 0px;
    }

    .top-cart {
        display: inline;
    }

    /* slider container */
    .each-slide-effect>div {
        display: flex;
        align-items: center;
        background-size: cover;
        height: 250px;
        width: auto;
        padding: 40px;
    }

    .slider-container {
        padding: 20px;
    }

    .slider-items {
        display: flex;
        width: 100%;
    }

    .slide-img {
        height: 250px;
        width: 250px;
        background-size: cover;
        margin-left: 100px;
    }

    .slider-right-items {
        justify-content: end;
        width: 100%;
    }

    /* quality trust */
    .container-trust {
        width: auto;
        margin-top: 0px;
    }

    .trust-img-items {
        height: 100px;
        width: 100px;
    }

    .trust-img {
        column-gap: 40px;
    }

    .text-data {
        font-size: x-large;
    }

    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 180px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-md-12 {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .footer-container {
        font-size: 15px;
        font-weight: bold;
        height: max-content;
    }

    .footer-left {
        display: flex;
        column-gap: 10px;
        font-size: 15px;
    }

    .footer-img-icons {
        height: 30px;
        width: 30px;
    }

    .header-items {
        display: grid;
        grid-template-columns: 80% 10% 0%;
        padding: 0;
    }

    /* after toggle open */
    .ah-lg-mode-1 {
        position: fixed;
        height: fit-content;
        width: 250px;
        top: 65px;
        background-color: #5a4744;
        z-index: 200000 !important;
        overflow-y: auto;
        overflow: hidden;
        align-items: stretch;
        right: 10px;
    }

    /* top picks */
    /* our customer ratings */
    .raitng-card-container {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

    .vertical-line-rating {
        display: none;
    }

    .toppicks-main1 {
        height: 640px;
        margin: 40px 40px 0px 40px;
    }

    .rating-card {
        width: 220px;
        background-color: #fff;
        padding: 2px;
        border-radius: 10px;
        /* box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); */
    }

    /* footer container */
    .footer-top-container {
        display: flex;
        /* flex-direction: column; */
        margin-left: 0px;
        margin-right: 0px;
        padding: 5px;
        column-gap: 8px;

        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        font-family: Verdana;
        width: 100%;
    }

    .footer-second-items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        align-items: center;
        width: 100%;
        padding: 0px 15px 0px 15px;
        cursor: pointer;
        font-size: 12px;
        font-family: Verdana;
        text-align: center;
        padding: 5px;
    }

    .footer-top-left {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
    }

    .footer-container {
        font-size: 10px;
        font-weight: bold;
        height: max-content;
    }

    .footer-items {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        cursor: pointer;
    }

    .footer-left {
        display: flex;
        column-gap: 10px;
        font-size: 10px;
    }

    .footer-img-icons {
        height: 20px;
        width: 20px;
    }

    /* .is-grid-active, */
    .listing-prod {
        margin-bottom: 150px;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 230px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        column-gap: 10px;
    }

    /* product detail component */
    .product-row {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }

    .product-detail-container {
        display: none;
    }

    .product-details-responsive {
        display: inline;
        margin-bottom: 140px;
    }

    .prod-det-img {
        width: 100px;
        height: 100px;
    }

    .child-img-size {
        height: 75px;
        width: 75px;
    }

    .zoom-product-img>div {
        display: flex;
        justify-content: center;
    }

    .zoom-product-img>div>div {
        width: 250px !important;
        height: 250px !important;
        display: flex;
        justify-content: center;
    }

    .child-prod-sec {
        margin: 15px 10px 0px 10px;
    }

    .child-prod-img {
        display: flex;
        height: max-content;
        overflow-x: scroll;
        column-gap: 5px;
        justify-content: center;
    }

    .child-prod-img::-webkit-scrollbar {
        display: none;
    }

    .pd-detail__inline {
        font-size: 14px;
    }

    .pd-detail__price {
        font-size: 14px;
    }

    .cust-sec {
        display: flex;
        align-items: center;
        column-gap: 25px;
        width: 100%;
    }

    .cust-rat {
        font-size: 18px;
        font-weight: bold;
        color: black;
        font-family: Verdana;
    }

    progress[value] {
        -webkit-appearance: none;
        appearance: none;
        width: 200px;
        height: 10px;
    }

    .index-ratingBarContainer {
        display: flex;
        column-gap: 10px;
        align-items: center;
        margin-top: 0px;
    }

    .index-ratingBarContainer .index-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 10px;
        color: #a9abb3;
        column-gap: 10px;
    }

    .pd-breadcrumb__list {
        list-style: none;
        padding: 0;
        margin: 0;
        word-wrap: break-word;
        display: flex;
        justify-content: center;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 88%;
        margin-bottom: 50px;
    }

    /* cart section  */
    .shp-cart-div {
        display: flex;

        border: 1px solid gray;
    }

    .sh-cart-top-desc {
        display: flex;
        column-gap: 30px;
        margin-bottom: 10px;
    }

    .sh-cart-container {
        position: relative;
        display: flex;
        flex-direction: column;
        /* height: max-content; */
        margin-bottom: 165px;
    }

    /* address details  */
    .address-container {
        margin-bottom: 40px;
    }

    .view-ord-address {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 993px) and (max-width: 1024px) {
    .total-item-round1 {
        font-size: 11px;
        top: -8px;
        margin-left: 18px;
    }

    .cus-review-sec {
        margin: 0px 100px;
    }

    .top-cart {
        display: inline;
    }

    /* slider container */
    .each-slide-effect>div {
        display: flex;
        align-items: center;
        background-size: cover;
        height: 250px;
        width: auto;
        padding: 40px;
    }

    .slider-container {
        padding: 20px;
    }

    .slider-items {
        display: flex;
        width: 100%;
    }

    .slide-img {
        height: 250px;
        width: 250px;
        background-size: cover;
        margin-left: 150px;
    }

    .slider-right-items {
        justify-content: end;
        width: 100%;
    }

    /* quality trust */
    .container-trust {
        width: auto;
        margin-top: 10px;
    }

    .trust-img-items {
        height: 130px;
        width: 130px;
    }

    .trust-img {
        column-gap: 60px;
    }

    .text-data {
        font-size: x-small;
    }

    .header-items {
        display: grid;
        grid-template-columns: 90% 5% 5%;
        padding: 0;
    }

    /* after toggle open */
    .ah-lg-mode-1 {
        position: fixed;
        height: fit-content;
        width: 250px;
        top: 65px;
        background-color: #5a4744;
        z-index: 200000 !important;
        overflow-y: auto;
        overflow: hidden;
        align-items: stretch;
        right: 0;
    }

    #search_top5 {
        margin-left: 20px;
    }

    /* cutomer ratings */
    .rating-card {
        width: 230px;
    }

    .vertical-line-rating {
        display: none;
    }

    /* rating section */
    .toppicks-main1 {
        height: 470px;
        margin: 40px 40px 0px 40px;
    }

    /* footer section */
    .footer-second-items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        align-items: center;
        width: 100%;
        padding: 0px 15px 0px 15px;
        cursor: pointer;
        font-size: 12px;
        font-family: Verdana;
        text-align: center;
    }

    /* best seller  */
    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 240px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-md-12 {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    /* search  */
    .search_bar {
        border-radius: 0 0 2px 2px;
        position: fixed;
        /* left: 150px; */
        background-color: #fff;
        color: #000;
        top: 74px;
        z-index: 9;
        box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 50%);
        overflow: hidden;
        max-height: 350px;
        width: 232px;
        overflow-y: auto;
    }

    /* .is-grid-active, */
    .listing-prod {
        margin-bottom: 140px;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 250px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .sh-cart-container {
        position: relative;
        display: flex;
        flex-direction: column;
        /* height: max-content; */
        margin-bottom: 165px;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        column-gap: 20px;
    }

    /* product detail component */
    .product-details-responsive-container {
        display: none;
    }

    /* address details  */
    .edit-btn {
        display: flex;
        height: 30px;
        width: 70px;
        align-items: center;
        justify-content: center;
        border: 1px solid;
        color: black;
        background-color: #f2f2f2;
        border-radius: 25px;
    }

    .view-ord-address {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .signout {
        display: none;
    }

    .cus-review-sec {
        margin: 0px 120px;
    }

    .search_bar {
        border-radius: 0 0 2px 2px;
        position: fixed;
        /* left: 150px; */
        background-color: #fff;
        color: #000;
        top: 74px;
        z-index: 9;
        box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 50%);
        overflow: hidden;
        max-height: 350px;
        width: 232px;
        overflow-y: auto;
    }

    .search-btn-div {
        height: 36px;
        width: 36px;
        background-color: #fff;
        position: absolute;
        left: 209px;
        top: 18px;
        border: 0px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    /* best seller  */
    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 240px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 200px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-md-12 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .product-m {
        position: relative;
        margin-bottom: 30px;
        width: 200px !important;
        transition: 0.3s;
        margin-top: 10px;
    }

    .rating-card {
        width: 230px;
    }

    .vertical-line-rating {
        display: none;
    }

    /* rating section */
    .toppicks-main1 {
        height: 470px;
        margin: 40px 40px 0px 40px;
    }

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

    /* .is-grid-active, */
    .listing-prod {
        margin-bottom: 140px;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 100% !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        column-gap: 20px;
        row-gap: 10px;
        padding: 0px 40px;
        align-items: center;
        justify-content: center;
        margin: 0px 40px;
    }

    .product-details-responsive-container {
        display: none;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 88%;
        margin-bottom: 50px;
    }

    /* address details  */
    .addrss-details {
        font-size: 14px;
    }

    .edit-btn {
        display: flex;
        height: 30px;
        width: 70px;
        align-items: center;
        justify-content: center;
        border: 1px solid;
        color: black;
        background-color: #f2f2f2;
        border-radius: 25px;
    }

    .sh-cart-container {
        position: relative;
        display: flex;
        flex-direction: column;
        /* height: max-content; */
        margin-bottom: 165px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .signout {
        display: none;
    }

    .cus-review-sec {
        margin: 0px 150px;
    }

    /* slider container */
    /* slider container */
    .each-slide-effect>div {
        display: flex;
        align-items: center;
        background-size: cover;
        height: 300px;
        width: auto;
        padding: 40px;
    }

    .search-btn-div {
        height: 36px;
        width: 36px;
        background-color: #fff;
        position: absolute;
        left: 209px;
        top: 18px;
        border: 0px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    /* .is-grid-active .product-m{
    position: relative;
    margin-bottom: 30px;
    width: 250px !important;
    transition: 0.3s;
    margin-top: 25px;
  } */
    .slider-container {
        padding: 20px;
    }

    .slider-items {
        display: flex;
        width: 100%;
    }

    .slide-img {
        height: 300px;
        width: 300px;
        background-size: cover;
        margin-left: 180px;
    }

    .slider-right-items {
        justify-content: end;
        width: 100%;
    }

    /* quality trust */
    .container-trust {
        width: auto;
        margin-top: 10px;
    }

    .trust-img-items {
        height: 150px;
        width: 150px;
    }

    .text-data {
        font-size: xx-large;
    }

    .header-items {
        display: flex;
        justify-content: space-between;
        width: auto;
        height: 80px;
        /* background-color: white; */
        align-items: center;
        padding: 10px;
        position: sticky;
        margin-left: 40px;
        margin-right: 40px;
    }

    .search_bar {
        border-radius: 0 0 2px 2px;
        position: fixed;
        /* left: 150px; */
        background-color: #fff;
        color: #000;
        top: 74px;
        z-index: 9;
        box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 50%);
        overflow: hidden;
        max-height: 350px;
        width: 232px;
        overflow-y: auto;
    }

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

    .listing-prod {
        margin-bottom: 140px;
    }

    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 230px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-md-12 {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 100% !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        column-gap: 20px;
        row-gap: 10px;
        padding: 0px 40px;
        align-items: center;
        justify-content: center;
        margin: 0px 40px;
    }

    .product-details-responsive-container {
        display: none;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 88%;
        margin-bottom: 50px;
    }

    /* address details  */
    .addrss-details {
        font-size: 14px;
    }

    .edit-btn {
        display: flex;
        height: 30px;
        width: 70px;
        align-items: center;
        justify-content: center;
        border: 1px solid;
        color: black;
        background-color: #f2f2f2;
        border-radius: 25px;
    }

    .sh-cart-container {
        position: relative;
        display: flex;
        flex-direction: column;
        /* height: max-content; */
        margin-bottom: 165px;
    }
}

@media only screen and (min-width: 1400px) {
    .signout {
        display: none;
    }

    .cus-review-sec {
        margin: 0px 150px;
    }

    .search_bar {
        border-radius: 0 0 2px 2px;
        position: fixed;
        /* left: 150px; */
        background-color: #fff;
        color: #000;
        top: 74px;
        z-index: 9;
        box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 50%);
        overflow: hidden;
        max-height: 350px;
        width: 232px;
        overflow-y: auto;
    }

    .search-btn-div {
        height: 36px;
        width: 36px;
        background-color: #fff;
        position: absolute;
        left: 203px;
        top: 18px;
        border: 0px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .product-m1 {
        position: relative;
        margin-bottom: 10px !important;
        width: 250px !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .col-lg-12,
    .col-md-12 {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-lg-4,
    .col-md-6,
    .col-sm-6 {
        position: relative;
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .product-details-responsive-container {
        display: none;
    }

    .product-reviewmodal-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 88%;
        margin-bottom: 50px;
    }

    /* address details  */
    .addrss-details {
        font-size: 14px;
    }

    .edit-btn {
        display: flex;
        height: 30px;
        width: 70px;
        align-items: center;
        justify-content: center;
        border: 1px solid;
        color: black;
        background-color: #f2f2f2;
        border-radius: 25px;
    }

    .sh-cart-container {
        position: relative;
        display: flex;
        flex-direction: column;
        /* height: max-content; */
        margin-bottom: 165px;
    }

    .product-m {
        position: relative;
        margin-bottom: 0px !important;
        width: 100% !important;
        transition: 0.3s;
        margin-top: 10px;
        left: 0px !important;
        right: 0px !important;
    }

    .product-draw {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        column-gap: 20px;
        row-gap: 10px;
        padding: 0px 40px;
        align-items: center;
        justify-content: center;
        margin: 0px 40px;
    }

    .listing-prod {
        margin-bottom: 150px;
    }
}

/* footer container */

.footer-container {
    display: flex;
    flex-direction: column;

    /* margin-top: 40px; */
    width: 100%;
    height: max-content;
    margin-top: 8px;
    color: black;
    padding: 0px 40px;
    background: #fff !important;
    box-shadow: 0 15px 30px -25px #000;
    /* color: hsl(0, 0%, 100%) !important; */
}


.footer-top-container {
    display: flex;
    margin-left: 40px;
    margin-right: 40px;
    padding: 10px;
    column-gap: 10px;

    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-family: Verdana;
}

.footer-content {
    /* text-decoration: underline; */
    cursor: pointer;
}

.footer-content:hover {
    color: black;
}

.rating-footer-name {
    display: flex;
    padding: 2px;
    align-items: center;
    justify-content: center;
    width: 250px;
}

.vertical-line-footer {
    position: absolute;
    height: 100%;
    display: flex;
    border: 1.5px solid;
    top: 49%;
    left: 200px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: black;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.footer-items {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    color: white;
    /* align-items: center; */
    width: 100%;
    padding: 0px;
    /* cursor: pointer; */
    font-size: 12px;
    font-family: Verdana;
}

.footer-second-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    align-items: center;
    width: 100%;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    font-size: 12px;
    font-family: Verdana;
}

.footer-top-left {
    display: flex !important;
    width: 100%;
    text-align: initial !important;
    column-gap: 10px;
}

.footer-img-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}

.footer-img-icons {
    height: 30px;
    width: 30px;
    background-color: black;
    border: 0;
    border-radius: 100%;
}

.footer-follow {
    display: flex;
    justify-content: center;
    align-items: center;
}
.terms-sec {
    margin: 0px 20px 0px 20px;
    text-align: justify;
    color: grey;
}

.header-text {
        font-family: 'Helvetica Neue';
            font-style: normal;
         
            font-size: 24px;
            line-height: 30px;
            letter-spacing: 0.01em;
            color: black;
}/*------------------------------------------------------------------
        File Name: responsive.css
        Template Name: auricle
-------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1390px) {

    /** ecommere style 2 **/
    
    .header_style_ecomm2 .header_top .float-left, .header_style_ecomm2 .header_top .float-right {
        width: 100%;
    }
    .header_style_ecomm2 .header_top .float-left ul, .header_style_ecomm2 .header_top .float-right ul {
        display: flex;
        justify-content: center;
        margin: 4px 0;
    }
    .header_style_ecomm2 .header_top li {
        font-size: 13px;
    }
    
    .header_style_ecomm2 .main_menu div.menu ul li a {
        font-size: 12px;
        padding: 15px 8px;
    }
    
    .right_cart_section ul li {
        margin-right: 20px;
    }
    
    .right_cart_section ul li i {
        margin-right: 5px;
        margin-top: 0px;
        float: left;
        color: #000;
        font-size: 21px;
    }
    
    .search_style_2 .top_search_bar button.submit_search {
        width: 110px;
    }
    
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .body {
            overflow-x: hidden;
        }
        .container {
            width: 100%;
            max-width: 990px;
        }
        .slide_cont h2 {
            font-size: 45px;
            line-height: 60px;
        }
        .cont_theme_blog h3 {
           font-size: 42px;
           line-height: 60px;
           font-weight: 600;
        }
        .home_page1 .slide_cont {
            margin-top: 145px;
        }
        .layout_screen {
            left: 0;
            width: 140%;
        }
        .padding_inner {
            padding-top: 0;
            padding-bottom: 0;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .layout_padding {
            margin: 0 !important;
        }
        .bt_main {
           height: 48px;
           padding: 0 25px; 
        }
        .team_member_img img {
            width: 100%;
        }
        .footer_icon img {
            width: 50px;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home pages **/
        .header .social_icons {
            border-top: none;
            padding-top: 0;
        }
        .target_section {
            padding: 50px;
            margin-top: 20px;
            margin-bottom: 45px;
        }
        .slide_banner4 h2 strong {
            font-size: 62px;
            top: 10px;
        }
        .service_blog1 {
            padding: 50px 10px;
            margin: 15px 0;
        }
        .contact_form {
            padding: 55px 15px;
        }
        .blog_section.style_2 .blog_head {
            font-size: 20px;
            line-height: 28px;
        }
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .header_bottom .main_menu {
            padding: 1px;
        }
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_information .right_head {
            display: none;
        }
        .logo img {
            width: 190px;
            margin: 0;
        }
        .service_info_sec {
            margin-top: 40px;
            position: relative;
            margin-bottom: -30px;
        }
        section .small_head h2 {
            font-size: 25px;
        }
        .bt_main {
            font-size: 13px;
        }
        .service_blog2 {
            padding: 35px 0;
            margin: 15px 0;
        }
        .slide_banner10 .slider_information ul li {
            width: 100%;
        }
        .play_pause_control ul {
            padding-left: 30px;
        }
        .play_pause_bt ul {
            display: flex;
        }
        .audio_and_video_version .span2 {
            width: 33.33%;
        }
        .slide_banner12 {
            background-size: cover;
        }
        section.slide_banner12 .slide_cont {
            margin-top: 120px;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 65px;
        }
        .team_blog_style_cheif .team_member_img img {
            width: auto;
        }
        .team_blog_style_cheif .owl-nav .owl-prev {
            left: 0;
        }
        .team_blog_style_cheif .owl-nav .owl-next {
            right: 0;
        }
        .slide_banner15#banner_parallax h2 {
            font-size: 42px;
            line-height: 40px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .slide_banner16 .slide_cont h2 {
            font-size: 40px;
        }
        .slide_cont {
            margin-top: 200px;
        }
        .slide_banner16 {
            min-height: 720px;
            max-height: inherit;
        }
        .header.header_style17 .header_top.top_imform {
            display: none;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
        }
        .dentist_imfor_ser .cont_list p {
            display: none;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .inform_dentist_botm p {
            text-align: center;
        }
        .slide_bottom_icon li {
            margin: 0 5px 10px;
        }
        .doctor_ser h3 {
            font-size: 15px;
        }
        .sidebar_menu {
            float: right;
            padding: 14px 0 0;
        }
        .header_style_ecomm2 .header_top .float-left,.header_style_ecomm2 .header_top .float-right {
            width: 100%;
        }
        .header_style_ecomm2 .header_top .float-left ul, .header_style_ecomm2 .header_top .float-right ul {
            display: flex;
            justify-content: center;
            margin: 3px 0;
        }
        .header_style_ecomm2 .header_top li {
            font-size: 12px;
        }
        .search_style_2 {
            float: left;
            width: 100%;
            margin: 20px 0;
        }
        .right_cart_section {
            display: none;
        }
        .header_style_ecomm2 .main_menu div.menu ul li a {
            font-weight: 600;
            text-transform: uppercase;
            font-size: 11px;
            padding: 15px 2px;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #2ea6ff;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 4px;
            margin: 12px 0 0;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 30px;
            line-height: 55px;
            letter-spacing: -1px;
            margin-top: 25px;
        }
        .newslatterform form {
            width: 100%;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 8px 0;
            float: left;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 7px 24px;
        }
        .header.header_style_ecomr3 .header_top.top_imform {
            display: none;
        }
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .home_page24 .with_search_bar .menu {
            width: auto;
            margin: 9px 9px 0;
            float: left;
        }
        .skyblue .portfolio img {
            width: auto;
        }
        .effect_2 {
            margin-bottom: 30px;
        }
        .brand_logo_section li {
            width: 33.33%;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .infor_head li {
            margin: 8px 10px;
        }
        .slide_banner25 .slide_cont h2 {
            font-size: 45px;
        }
        .bottom_service_temp_inner {
            margin-top: 50px;
        }
        .slide_banner25 .inner_slide {
            float: right;
            margin: 60px 0 0;
        }
        .bottom_service_temp_inner h4 {
            font-size: 16px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 14px;
            padding: 7px 20px;
        }
        .header_style26 .menu {
            width: auto;
            margin: 8px 0 0;
            float: left;
        }
        .inform_ser_blogs_3 ul li {
            width: 50%;
        }
        .header_style_ecomm .menu > ul > li > a {
            font-size: 11px;
            padding: 17px 9px;
            font-weight: 600;
        }
        .top_search_bar .field input {
            font-size: 12px;
        }
        
        /** home page 13 **/
        
        .header.header_style13 .menu > ul > li > a {
           font-size: 13px;
           padding-left: 12px;
           padding-right: 12px;
        }
        
        .logo.desk_logo {
           margin: 10px 15px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .container {
            max-width: 750px;
            width: 100%;
        }
        .slide_cont h2 {
            font-size: 35px;
            line-height: 40px;
        }
        .home_page1 .slide_cont {
            margin-top: 158px;
        }
        .layout_padding {
            padding: 80px 0 75px;
        }
        .layout_screen {
            left: -90px;
            position: relative;
            width: 180%;
        }
        .padding_inner {
            padding-top: 0;
            padding-bottom: 0;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .layout_padding {
            padding: 80px 0 75px;
            margin: 0 !important;
        }
        .table_price_per p {
            font-size: 40px;
            font-weight: 300;
        }
        .team_member_img img {
            width: 100%;
        }
        /**** home page 2 add custom with arrange ****/
        .margin_bottom_30 {
            margin-bottom: 30px;
        }
        .team_blog {
            margin-bottom: 30px;
        }
        .target_section .feature_icon {
            margin-top: 25px;
        }
        .header .social_icons {
            width: 100%;
            justify-content: center;
            display: flex;
            border-top: solid rgba(255, 255, 255, .1) 1px;
            padding-top: 15px;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home pages **/
        .header .social_icons {
            border-top: none;
            padding-top: 0;
        }
        .target_section {
            padding: 50px;
            margin-top: 20px;
            margin-bottom: 45px;
        }
        .slide_banner4 h2 strong {
            font-size: 62px;
            top: 10px;
        }
        .service_blog1 {
            padding: 50px 10px;
            margin: 15px 0;
        }
        .contact_form {
            padding: 55px 15px;
        }
        .blog_section.style_2 .blog_head {
            font-size: 20px;
            line-height: 28px;
        }
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .header_bottom .main_menu {
            padding: 1px;
        }
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_information .right_head {
            display: none;
        }
        .service_info_sec {
            margin-top: 40px;
            position: relative;
            margin-bottom: -30px;
        }
        section .small_head h2 {
            font-size: 25px;
        }
        .bt_main {
            font-size: 13px;
        }
        .service_blog2 {
            padding: 35px 0;
            margin: 15px 0;
        }
        .slide_banner10 .slider_information ul li {
            width: 100%;
        }
        .play_pause_control ul {
            padding-left: 30px;
        }
        .play_pause_bt ul {
            display: flex;
        }
        .audio_and_video_version .span2 {
            width: 33.33%;
        }
        .slide_banner12 {
            background-size: cover;
        }
        section.slide_banner12 .slide_cont {
            margin-top: 120px;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 65px;
        }
        .team_blog_style_cheif .team_member_img img {
            width: auto;
        }
        .team_blog_style_cheif .owl-nav .owl-prev {
            left: 0;
        }
        .team_blog_style_cheif .owl-nav .owl-next {
            right: 0;
        }
        .slide_banner15#banner_parallax h2 {
            font-size: 42px;
            line-height: 40px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .slide_banner16 .slide_cont h2 {
            font-size: 40px;
        }
        .slide_cont {
            margin-top: 100px;
        }
        .slide_banner16 {
            min-height: 720px;
            max-height: inherit;
        }
        .header.header_style17 .header_top.top_imform {
            display: none;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
        }
        .dentist_imfor_ser .cont_list p {
            display: none;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .inform_dentist_botm p {
            text-align: center;
        }
        .slide_bottom_icon li {
            margin: 0 5px 10px;
        }
        .doctor_ser h3 {
            font-size: 15px;
        }
        .sidebar_menu {
            float: right;
            padding: 14px 0 0;
        }
        .header.header_style_ecomm2 .header_top {
            display: none;
        }
        .search_style_2 {
            float: left;
            width: 100%;
            margin: 20px 0;
        }
        .right_cart_section {
            position: absolute;
            top: -152px; 
        }  
        .header_bottom_thirth {
            display: none;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #0163d2;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 4px;
            margin: 12px 0 0;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 30px;
            line-height: 55px;
            letter-spacing: -1px;
            margin-top: 25px;
        }
        .newslatterform form {
            width: 100%;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 8px 0;
            float: left;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 7px 24px;
        }
        .header.header_style_ecomr3 .header_top.top_imform {
            display: none;
        }
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .home_page24 .with_search_bar .menu {
            width: auto;
            margin: 9px 9px 0;
            float: left;
        }
        .skyblue .portfolio img {
            width: auto;
        }
        .effect_2 {
            margin-bottom: 30px;
        }
        .brand_logo_section li {
            width: 33.33%;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .infor_head li {
            margin: 8px 10px;
        }
        .slide_banner25 .slide_cont h2 {
            font-size: 45px;
        }
        .bottom_service_temp_inner {
            margin-top: 50px;
        }
        .slide_banner25 .inner_slide {
            float: right;
            margin: 60px 0 0;
        }
        .bottom_service_temp_inner h4 {
            font-size: 16px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 14px;
            padding: 7px 20px;
        }
        .header_style26 .menu {
            width: auto;
            margin: 8px 0 0;
            float: left;
        }
        .inform_ser_blogs_3 ul li {
            width: 50%;
        }
        /* responsive menu */
        .header_style26 .menu > ul > li > a {
            padding: 7px 25px;
        }
        .cake_club .menu-mobile::after {
            top: 4px;
        }
        .cake_club .menu > ul > li a {
            font-size: 13px;
            margin: 0;
        }
        .menu-dropdown-icon::before {
            padding: 13px 15px 13px;
        }
        .header.header_style14 .header_top {
            display: none;
        }
        .header_style14 .logo {
            top: 0;
        }
        .header_style14 .logo img {
            height: 85px;
        }
        .header.header_style14 .main_menu {
            width: 100%;
            padding-left: 200px;
            margin: 25px 0 0;
        }
        .header.header_style14 .main_menu > .menu > ul > li > a {
            color: #222;
        }
        .home_page14 .main_menu .clearfix {
            top: 65px;
        }
        .home_page14 .menu-dropdown-icon::before {
            padding: 16px 15px 16px;
        }
        .slide_banner19 {
            min-height: 380px;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        
        /** home page 13 **/
        
        #banner_parallax.slide_banner13 .slide_cont h2 {
            font-size: 50px;
            line-height: 58px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .information_icon {
            margin: 15px 0 0 0;
        }
        .slide_banner13 {
            min-height: auto;
            max-height: inherit;
            padding-bottom: 50px;
        }
        .slide_cont {
            margin-top: 115px;
        }
        .berber_side_img::after {
            display: none;
        }
        .hair_menu_list_cont ul {
            float: left;
            width: 100%;
        }
        .tab_bar_section ul.nav.nav-tabs li a {
            font-size: 15px;
            font-weight: 500;
            padding: 0 10px;
            line-height: 45px;
        }
        .discount_section_inner {
            top: 0;
            left: 0;
        }
        .discount_section h4 {
            line-height: 28px;
            margin: 15px 0;
        }
        .discount_section h3 {
            color: #d19d64;
            font-size: 30px;
            margin: 10px 0;
            line-height: 38px;
        }
        .join_us_section {
            text-align: center;
        }
        .join_us_section h2 {
            margin-bottom: 15px;
        }
        .cont_theme_blog h3 {
           font-size: 35px;
           line-height: 45px;
           font-weight: 700;
       }
        
    }
    
    @media (min-width:576px) and (max-width:767px) {
        /** basic css **/
        .margin_top_30_respon {
            margin-top: 30px;
        }
        .p_data{
            padding-left: 40px;
        padding-right: 40px;
        }
        .container {
            max-width: 540px;
            width: 100%;
        }
        .inform_dentist_botm p {
            text-align: center;
        }
        p.large {
            font-size: 14px;
        }
        h2 {
           font-size: 40px;
        }
        .cont_theme_blog h3 {
           font-size: 35px;
           line-height: 45px;
           font-weight: 700;
        }
        .home_page1 #banner_slide {
            margin-bottom: 0;
        }
        .slide_cont {
            text-align: center;
        }
        .slide_bt {
            display: flex;
            justify-content: center;
        }
        .home_page1 .slide_cont {
            margin-top: 75px;
        }
        .slide_banner1 {
            min-height: auto;
        }
        .slide_cont h2 {
            font-size: 30px;
            line-height: 34px;
        }
        .slide_pc_img img {
            width: 100%;
            margin-left: 0;
            margin-top: 35px;
            right: inherit;
        }
        .slide_pc_img {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
        .blog_feature_img img {
            width: 100%;
        }
        .contact_form_inner {
            max-width: 430px;
            margin: 0 auto;
        }
        .right_bt {
            float: right;
            width: 100%;
            justify-content: center;
            display: flex;
            margin-top: 15px;
        }
        .right_bt a.bt_main {
            width: 100%;
        }
        .home_page1 .padding_right_left_15 {
            margin-bottom: 30px;
        }
        .layout_screen {
            left: 0;
            position: relative;
            width: 100%;
        }
        .padding_inner {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .theme_bg {
            min-height: auto;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .team_member_img img {
            width: 100%;
        }
        .table_price {
            margin-bottom: 30px;
        }
        .home_page1 .layout_padding_2 {
            margin: 0 !important;
        }
        .layout_padding {
            margin: 0 !important;
        }
        .blog_section {
            margin-top: 30px;
        }
        .blog_feature_cantant {
            padding: 30px 20px 20px;
        }
        .contact_form {
            min-height: auto;
            padding: 80px 30px;
        }
        .footer_blog {
            display: flex;
            margin-bottom: 25px;
        }
        /**** home page 2 add custom with arrange ****/
        .margin_bottom_30 {
            margin-bottom: 30px;
        }
        .target_section {
            width: 100%;
            background: #fff;
            padding: 50px 25px 50px;
            box-shadow: 0 0 45px -15px #000;
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .team_blog {
            margin-bottom: 30px;
        }
        .target_section .feature_icon {
            margin-top: 25px;
        }
        .header .social_icons {
            width: 100%;
            justify-content: center;
            display: flex;
            border-top: solid rgba(255, 255, 255, .1) 1px;
            padding-top: 15px;
        }
        .footer_style_2 img.img-responsive {
            width: 100%;
        }
        .home_page2 .slide_cont {
            margin-top: 20px;
        }
        .home_page2 #banner_parallax .slide_cont p {
            line-height: 30px;
            font-size: 22px;
            margin-top: 30px;
        }
        .slide_banner2 {
            min-height: 480px;
        }
        .heading_style_2 p {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 45px;
        }
        .heading_style_2 h2 {
            line-height: 30px;
            margin-top: 15px;
        }
        .home_page2 .light_silver_2 div.layout_bt {
            margin-bottom: 25px;
            float: left;
            width: 100%;
        }
        /** home page 3 **/
        .haf_full_section.right_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .haf_full_section.left_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .center_padding {
            padding: 75px 0 60px;
        }
        .home_page3 .slide_cont h2 {
            font-size: 40px;
            line-height: 40px;
        }
        .home_page3 section#banner_parallax.slide_banner3 .slide_cont p {
            font-size: 20px;
        }
        .slide_banner3 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .slide_banner3 {
            min-height: 720px;
        }
        .information_blog h3 {
            font-size: 21px;
        }
        .information_blog {
            margin: 15px 0;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home page 4 **/
        .overlap_top_img_main {
            margin: -70px 0 0 0;
            width: 100%;
        }
        .brand_logo_section li {
            width: 33.33%;
            padding: 0 15px;
        }
        .slide_banner4 h2 strong {
            font-size: 50px;
        }
        .slide_banner4 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .home_page4 .slide_cont p {
            font-size: 12px;
            line-height: 21px;
        }
        .golden_yellow_theme a.transparent_bt {
            padding: 0 10px;
            min-width: 148px;
            line-height: 45px;
            font-size: 13px;
        }
        .bt_main {
            font-size: 13px;
            min-width: 120px;
            height: 45px;
            line-height: 45px;
            padding: 0 10px;
        }
        #contant_slider .carousel-indicators {
            display: flex;
            bottom: -80px;
        }
        .heading_style_4 p {
            font-size: 16px;
        }
        .heading_style_4 h2 {
            font-size: 28px;
            color: #343434;
            line-height: 40px;
        }
        .tab_head ul {
            display: block;
        }
        .blog_section.style_2 .blog_head {
            font-size: 18px;
        }
        .contact_form {
            padding: 80px 30px 80px;
        }
        /** home page 5 **/
        .screen_website_bannr {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .slide_banner5 {
            margin-bottom: 0;
        }
        .heading_style_5 .small_text {
            margin: 0 0 10px 0;
        }
        .layout_pur_minus img {
            width: 100%;
            margin-top: 50px;
        }
        .overlap_top_img_main {
            margin: 0;
            width: 100%;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 6 **/
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .home_page6 .slide_cont {
            margin-top: 280px;
        }
        .heading_style_6 h2 {
            margin-bottom: 20px;
            font-size: 25px;
        }
        .padding_right_left_25 {
            margin-top: 50px;
        }
        .blog_news1 {
            padding: 35px;
        }
        .gray_layer_bg .full img {
            width: 100%;
        }
        .field input {
            padding: 0 20px;
        }
        .contact_form_layout .field textarea {
            padding: 5px 20px;
        }
        /** home page 7 **/
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_top p {
            margin: 0;
            color: #555;
            font-size: 13px;
            margin: 5px 0 5px;
        }
        .right_section_bottom_header {
            display: flex;
            justify-content: center;
            border-top: solid #ddd 1px;
            margin-top: 10px;
        }
        #searchbar {
            width: 90%;
            right: 5%;
            top: 50px;
        }
        .slide_banner7 .slide_cont h2 {
            line-height: normal;
            font-size: 24px;
        }
        .slide_inform {
            text-align: left;
        }
        .slider_information {
            display: flex;
            justify-content: center;
        }
        .heading_style_7 h2 {
            font-size: 28px;
            line-height: 30px;
        }
        .full.bottm_bt_style {
            position: relative;
            bottom: 0;
            right: 0;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .inform_ser_blogs_3 ul li {
            width: 100%;
        }
        .position_abs {
            position: relative;
        }
        .hight_100_per {
            margin-bottom: 35px;
        }
        .left_head ul {
            margin: 12px 0 11px;
            float: left;
            width: 100%;
        }
        /** home page 8 **/
        .with_out_menu_header div.left_head ul li {
            display: inline;
            margin-right: 0;
            font-size: 14px;
            color: #fff;
            float: left;
            width: 100%;
            text-align: center;
        }
        .home_page8 .right_head {
            display: none;
        }
        .layout_bt {
            float: left;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .service_info_sec {
            margin-top: 30px;
            position: relative;
            margin-bottom: -20px;
        }
        .heading_style_8 h2 {
            font-size: 30px;
            margin-bottom: 25px;
        }
        .tab_bar .tags li {
            float: left;
            margin: 3px;
        }
        #testimoial_slider {
            margin-bottom: 80px;
        }
        .why_peoeple_choose .col-md-2 {
            margin-bottom: 25px;
        }
        /** home page 9 **/
        #banner_parallax.slide_banner9 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 10 **/
        #banner_parallax.slide_banner10 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        .slide_banner10 .slider_information ul li {
            display: flex;
            margin: 15px 0;
            float: left;
            width: 100%;
            justify-content: center;
        }
        /** home page 11 **/
        .play_section {
            position: relative;
        }
        .weekend_section_inner .play_pause_control {
            padding-left: 35px;
        }
        .weeked_section .play_pause {
            left: 0;
        }
        .click_section_form_change_vedio .float-left {
            width: 100%;
        }
        .click_section_form_change_vedio .profile_uploaded {
            text-align: center;
            margin: 0;
        }
        .click_section_form_change_vedio .profile_cont_uploaded {
            margin-left: 0;
            margin-top: 15px;
            text-align: center;
        }
        .click_section_form_change_vedio .float-right {
            margin-top: 0;
            width: 100%;
            text-align: center;
        }
        .profile_cont {
            display: block;
        }
        /** home page 12 **/
        .span2 {
            width: 100%;
        }
        .cake_club .menu > ul > li > a {
            font-size: 13px;
            margin: 0;
        }
        .cake_club .menu > ul > li a > {
            font-size: 14px;
        }
        .cake_club .menu > ul > li > a {
            font-size: 14px;
            padding: 13px;
        }
        .cake_club .menu-mobile::after {
            top: 4px;
        }
        .slide_banner12 {
            background-size: cover;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 50px;
            line-height: 70px;
        }
        .Courgette_font h2 {
            font-size: 35px;
        }
        div.layout_padding_2 {
            padding-top: 50px;
        }
        /** home page 13 **/
        #banner_parallax.slide_banner13 .slide_cont h2 {
            font-size: 50px;
            line-height: 58px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .information_icon {
            margin: 15px 0 0 0;
        }
        .slide_banner13 {
            min-height: auto;
            max-height: inherit;
            padding-bottom: 50px;
        }
        .slide_cont {
            margin-top: 115px;
        }
        .berber_side_img::after {
            display: none;
        }
        .hair_menu_list_cont ul {
            float: left;
            width: 100%;
        }
        .tab_bar_section ul.nav.nav-tabs li a {
            font-size: 15px;
            font-weight: 500;
            padding: 0 10px;
            line-height: 45px;
        }
        .discount_section_inner {
            top: 0;
            left: 0;
        }
        .discount_section h4 {
            line-height: 28px;
            margin: 15px 0;
        }
        .discount_section h3 {
            color: #d19d64;
            font-size: 30px;
            margin: 10px 0;
            line-height: 38px;
        }
        .join_us_section {
            text-align: center;
        }
        .join_us_section h2 {
            margin-bottom: 15px;
        }
        /** home page 14 **/
        .header.header_style14 .header_top {
            display: none;
        }
        .header_style14 .logo {
            top: 0;
        }
        .header_style14 .logo img {
            width: 110px;
        }
        .header_style14 .logo {
            position: absolute;
            top: 0;
            padding: 10px 0;
        }
        .header_style14 .logo {
            top: -47px;
        }
        .header_style14 .header_bottom {
            min-height: 60px;
            padding-top: 55px;
        }
        .header.header_style14 .header_bottom .right_section_bottom_header {
            margin: 10px 0 18px;
            padding-top: 15px;
            width: 100%;
        }
        .header.header_style14 .main_menu > .menu > ul > li > a {
            color: #000;
        }
        .slide_banner14 {
            min-height: 450px;
        }
        .waiter_img {
            margin-top: 45px;
        }
        .style_pro_head {
            margin-top: 0;
            margin-bottom: 75px;
        }
        .top_center_pro .head_cafe_img {
            margin-left: 0;
            width: 100%;
            text-align: center;
        }
        .top_center_pro {
            display: block;
        }
        .head_cafe_img {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            position: relative;
            top: 0;
        }
        .top_center_pro .head_cafe_pro {
            position: relative;
            top: 0;
            left: 0;
        }
        .head_cafe_img img {
            width: 50%;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro {
            top: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .head_cafe_pro.text_align_right {
            text-align: center;
        }
        .head_cafe_pro.text_align_left {
            text-align: center;
        }
        .top_center_pro .head_cafe_pro {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            text-align: center;
        }
        .style_pro_head {
            margin-top: 50px;
            margin-bottom: 100px;
        }
        .team_blog_style_cheif .team_blog {
            width: 80%;
            margin: 0 10%;
        }
        .time_ser {
            margin-bottom: 35px;
        }
        /** home page 15 **/
        .slide_banner15#banner_parallax h2 {
            font-size: 35px;
            line-height: 38px;
            font-weight: 400;
            color: #ffb125;
        }
        .home_page15 .slide_cont {
            margin-top: 220px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .home_page15 .streat_section_rev img {
            height: 80px;
        }
        .white_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .enter_roll_bt {
            display: flex;
            justify-content: center;
            margin-top: 35px;
        }
        .streat_section_rev_bottom img {
            position: absolute;
            bottom: 0;
            height: 85px;
        }
        .black_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .team_blog_gym {
            display: block;
            margin: 15px 0;
            text-align: center;
        }
        .team_blog_gym .team_img {
            margin: 0;
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .gym_cle {
            margin-bottom: 45px;
        }
        /** home page 16 **/
        .slide_banner16 .slide_cont h2 {
            font-size: 35px;
        }
        #banner_parallax.slide_banner16 .slide_cont p {
            font-size: 18px;
        }
        .heading_style_13 h2 {
            font-size: 48px;
            font-weight: 600;
            color: #343434;
            margin: 0 0 25px 0;
            line-height: 48px;
        }
        .yoga_icon {
            margin-bottom: 20px;
            text-align: center;
        }
        .yoga_icon + div {
            text-align: center;
        }
        .bg_layout_yoga .heading_style_13 h2 {
            font-size: 32px;
            line-height: 32px;
        }
        /** home page 17 **/
        .header_style17 .header_top.top_imform {
            display: none;
        }
        .slide_banner17 {
            min-height: 720px;
            max-height: inherit;
        }
        .dentist_slide img {
            width: 100%;
            margin-bottom: 50px;
        }
        .home_page17 .heading_style_3 p.small_text {
            font-size: 20px;
            line-height: 24px;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
            margin: 25px 0;
            line-height: 35px;
        }
        .dentist_imfor_ser .col-md-7 {
            margin-bottom: 50px;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .header.header_style18 .top_imform {
            display: none;
        }
        /** home page 18 **/
        .menu_border_hover .main_menu .menu > ul > li > a {
            padding-bottom: 10px;
        }
        .fiver_boy img {
            max-width: 100%;
        }
        .slide_bottom_icon li {
            margin: 5px 5px;
        }
        .doc_ser {
            margin-bottom: 25px;
        }
        .doctor_team .team_member_img.team_member_img img {
            width: auto;
        }
        /** home page 19 **/
        .sidebar_menu {
            float: right;
            top: 15px;
            position: relative;
        }
        #banner_parallax.slide_banner19 {
            padding-top: 1px;
        }
        .home_page19 .slide_cont {
            margin-top: 35px;
        }
        .product_ecommr {
            margin-top: 45px;
        }
        .heading_style_19 h2 {
            font-size: 32px;
            line-height: 42px;
        }
        .one_line_layout {
            margin: 15px 0;
        }
        .coffee_machine {
            position: relative;
            top: 0;
        }
        .product_style_1 .product_img {
            border-right: none;
        }
        .coffee_machine img {
            margin-top: 25px;
        }
        .newslatterform form {
            position: relative;
            width: 100%;
        }
        .menu_product li {
            float: left;
            margin: 0;
            width: 50%;
        }
        /** home page 20 **/
        .header.header_style_ecomm2 .header_top {
            display: none;
        }
        .top_search_bar .field {
            display: block;
        }
        .search_style_2 .top_search_bar input {
            max-width: 100%;
            border-radius: 0;
            border: solid #e1e1e1 1px;
            margin-bottom: -1px;
        }
        .search_style_2 .top_search_bar .bootstrap-select button,
        .search_style_2 .top_search_bar .bootstrap-select button:hover,
        .search_style_2 .top_search_bar .bootstrap-select button:focus,
        .search_style_2 .top_search_bar .bootstrap-select button:active {
            width: 100%;
            margin: 0;
        }
        div.top_search_bar .btn-group.bootstrap-select {
            width: 100% !important;
        }
        .search_style_2 .top_search_bar button.submit_search {
            background: #0163d2;
            width: 100%;
            font-weight: 500;
            font-size: 14px;
            border-radius: 0;
        }
        .search_catry_bt {
            position: relative;
            top: 0;
            right: 1px;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #0163d2;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 4px;
            margin: 12px 0 0;
        }
        .right_cart_section {
            position: absolute;
            top: -248px;
        } 
        .header_bottom_thirth {
            display: none;
        }
        .home_page20 .bt_main {
            padding: 0 25px;
        }
        .top_sec {
            line-height: 24px;
            font-size: 15px;
            padding: 20px 20px;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 28px;
            line-height: 42px;
            letter-spacing: -1px;
        }
        /** home page 21 **/
        .header_style_ecomr3 .header_top {
            display: none;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .right_icon_ecoomr {
            float: right;
            margin: 10px 0;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 10px 24px;
            font-weight: 500;
        }
        .home_page21 .slide_banner18 .slide_cont h2 {
            font-size: 72px;
            line-height: 72px;
            text-align: center;
        }
        .home_page21 .slide_banner18 .slide_cont h2 span {
            float: left;
        }
        .slide_banner18#banner_parallax p {
            font-size: 15px;
        }
        .categary_part {
            width: 100%;
            min-height: 280px;
        }
        .slide_banner18 .slide_bt {
            padding-bottom: 35px;
        }
        /** home page 22 **/
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .slide_banner22 .slide_cont {
            margin-top: 55px;
        }
        .slide_banner22 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .date_counter_2 #clockdiv div.count {
            width: 50%;
            margin: 7px 0 0 0;
            text-align: center;
        }
        .date_counter_2 #clockdiv div > span {
            width: 90%;
            margin: 0 5%;
        }
        .full.counter_price h2 {
            line-height: normal;
        }
        .home_page22 div.full.layout_bt {
            margin-bottom: 35px;
        }
        /** home paga 23 **/
        .catergary_tab_bar ul li.nav-item {
            width: 50%;
        }
        .client_slider_main2 .testi_head {
            margin-top: 25px;
            text-align: center;
        }
        .client_slider_main2 div#testimonial2 {
            width: 90%;
            margin: 20px 5% 80px;
        }
        .service_information .pink1,
        .service_information .pink2,
        .service_information .pink3 {
            margin-bottom: 35px;
        }
        /** home page 24 **/
        .skyblue .menu-mobile {
            border-color: #fff;
            color: #fff;
            margin: 10px 5px;
        }
        .master_ji {
            margin-bottom: 30px;
        }
        .bottom_fixed {
            position: relative;
            bottom: 0;
        }
        .brand_logo_section li {
            width: 50%;
            padding: 0 15px;
        }
        /** home page 25 **/
        .header_funky_style .header_top {
            display: none;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 15px;
            font-weight: 400;
            color: #898989;
            padding: 10px 15px 9px;
        }
        .slide_banner25 .slide_cont h2 {
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            font-size: 28px;
            line-height: 35px;
            z-index: 0;
            margin-bottom: 25px;
        }
        .slide_banner25 .slide_cont {
            margin-top: 50px;
        }
        .bottom_service_temp_inner {
            margin-top: 0;
        }
        .bottom_service_temp {
            display: none;
        }
        .slide_banner25 .inner_slide {
            margin: 25px 0 0 0;
        }
        .team_blog_img {
            float: left;
            width: 100%;
            height: 170px;
            margin-top: 0px;
            margin-left: 0;
            border-radius: 0;
            text-align: center;
            align-items: center;
            display: flex;
            justify-content: center;
            margin-right: 0;
            margin-bottom: 25px;
        }
        .team_blog {
            border-radius: 5px;
            min-height: 170px;
            float: left;
            width: 100%;
        }
        .team_blog_cont {
            padding: 25px 0 15px 0;
            float: left;
            width: 100%;
        }
        /** home page 26 **/
        .header_style26 .right_side_bt {
            display: none;
        }
        .header_style26 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .header_style26 .menu > ul > li > a {
            padding: 10px 25px;
        }
        .slide_banner26 .slide_cont {
            margin-top: 220px;
        }
        .slide_banner26 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .owl-carousel-mousewheel .owl-prev {
            width: 35px;
        }
        .owl-carousel-mousewheel .owl-next {
            width: 35px;
        }
        .owl-carousel-mousewheel {
            padding: 0 35px;
        }
        .owl-carousel-mousewheel {
            background: #fff;
        }
        .step_process li {
            width: 100%;
        }
        /** inner pages **/
        .team_member_img img {
            width: 100%;
        }
        #inner_slide .slider_information ul li {
            margin: 10px 0;
            width: 100%;
        }
        .slider_information {
            margin-bottom: 25px;
        }
        .lawyer_img {
            margin-bottom: 35px;
        }
        .about_page_3.brown_color_theme .heading_style_7 h2 {
            font-size: 21px;
        }
        .left_section_head {
            margin-bottom: 35px;
        }
        .testimonial_ser2 .owl-nav.disabled {
            top: -50px;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:focus {
            width: 50%;
            height: 45px;
            text-align: center;
            line-height: 45px;
            right: 0;
            border-radius: 0;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:focus {
            width: 50%;
            height: 45px;
            border-radius: 0;
            text-align: center;
            line-height: 45px;
            left: 0;
        }
        .testimonial_ser2 .testimo {
            margin-bottom: 25px;
        }
        .service_blog3 .padding_right_left_15 {
            background: #f8f8f8;
            padding: 15px 15px;
        }
        .inner_banner7 {
            padding-top: 180px;
        }
        .slide_banner1 {
           min-height: auto;
           position: relative;
           background-repeat: no-repeat;
           background-size: cover;
           background-position: bottom center;
        } 
        .slide_cont {
            margin: 50px 0 100px;
        }
        .blog_banner h2,
        .portfolio_banner h2 {
            margin: 85px 0 0;
            font-weight: 300;
        }
        .breadcrum_side ul {
            margin: 5px 0 30px;
            width: 100%;
        }
        .blog_detail h3 {
            text-align: left;
        }
        #default_theme.blog_detail section p {
            text-align: left;
        }
        .width_50 {
            width: 100%;
        }
        .layout_padding_grey_half {
            padding: 35px;
        }
        .portfolio .tab_bar_section ul.nav.nav-tabs li {
            margin-bottom: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: auto;
        }
        .portfolio .portfolio_layout2 .tab_bar_section ul.nav.nav-tabs li {
            margin: 0 10px 20px;
        }
        .portblog_img img {
            width: 100%;
        }
        .share_section ul li {
            margin: 0 0 10px 0;
            width: 100%;
        }
        .share_section {
            float: left;
            width: 100%;
            margin-top: 0;
            margin-bottom: 35px;
        }
        .portfolio_detail .one_line_layout .feature_icon img {
            width: 100px;
        }
        /** shop page **/
        
        .shopping-cart-cart {
            max-width: 100%;
            width: 100%;
            margin-top: 25px;
        }
        
        .product-table table.table {
            min-width: 720px;
        }
        
        .product_detail_page .tab_bar_section .nav.nav-tabs {
            display: flex;
            justify-content: center;
        }
        
        .product_detail_page .tab_bar_section .nav-tabs .nav-item {
            width: 100%;
        }
        
    }
    
    @media (max-width:575px) {
        /** cross layout **/
        .inform_dentist_botm p {
            text-align: center;
        }
        .margin_top_30_respon {
            margin-top: 30px;
        }
        .cross_layout:before {
            height: 20px;
        }
        .cross_layout:after {
            height: 20px;
        }
        .p_data{
            padding-left: 40px;
        padding-right: 40px;
        }
        p.large {
            font-size: 14px;
        }
        h2 {
            font-size: 32px;
            line-height: 35px;
            letter-spacing: -1px;
        }
        .container {
            max-width: 100%;
        }
        .home_page1 #banner_slide {
            margin-bottom: 0;
        }
        .right_bt {
            float: right;
            width: 100%;
            justify-content: center;
            display: flex;
            margin-top: 15px;
        }
        .right_bt a.bt_main {
            width: 100%;
        }
        .home_page1 .slide_cont {
            margin-top: 75px;
        }
        .slide_banner1 {
           position: relative;
           background-repeat: no-repeat;
           background-size: auto 100%;
           height: auto;
           min-height: auto;
           background-position: bottom left;
        }
        .slide_cont h2 {
            font-size: 28px;
            line-height: 34px;
        }
        .slide_pc_img img {
            width: 100%;
            margin-left: 0;
            margin-top: 35px;
            right: 0;
        }
        .slide_pc_img {
            position: relative;
            z-index: 1;
            margin-bottom: 0;
        }
        .slide_bt .bt_main {
            border: solid #1e72bc 1px;
            line-height: 43px;
        }
        .home_page1 .padding_right_left_15 {
            margin-bottom: 30px;
        }
        .layout_screen {
            left: 0;
            position: relative;
            width: 100%;
        }
        .padding_inner {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .theme_bg {
            min-height: auto;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .team_member_img img {
            width: 100%;
        }
        .table_price {
            margin-bottom: 15px;
        }
        .blog_feature_img img {
            width: 100%;
        }
        .contact_form_inner {
            max-width: 100%;
        }
        .slide_cont {
            text-align: center;
        }
        .slide_bt {
            display: flex;
            justify-content: center;
        }
        .home_page1 .layout_padding_2 {
            margin: 0 !important;
        }
        .layout_padding {
            margin: 0 !important;
        }
        .blog_section {
            margin-top: 30px;
        }
        .blog_feature_cantant {
            padding: 30px 20px 20px;
        }
        .contact_form {
            min-height: auto;
            padding: 80px 30px;
        }
        .footer_blog {
            display: flex;
            margin-bottom: 25px;
        }
        .information_blog h3 {
            font-size: 21px;
        }
        .information_blog {
            margin: 15px 0;
        }
        /** portfolio popup **/
        
        .description_popup {
            padding: 30px;
        }
        #portfolio_pop .modal-content {
            width: 90%;
            margin: 0 auto;
        }
        
        .description_popup h3 {
            font-size: 18px;
        }
        
        /**** home page 2 add custom with arrange ****/
        .margin_bottom_30 {
            margin-bottom: 30px;
        }
        .target_section {
            width: 100%;
            background: #fff;
            padding: 50px 25px 50px;
            box-shadow: 0 0 45px -15px #000;
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .team_blog {
            margin-bottom: 30px;
        }
        .target_section .feature_icon {
            margin-top: 25px;
        }
        .header .social_icons {
            width: 100%;
            justify-content: center;
            display: flex;
            border-top: solid rgba(255, 255, 255, .1) 1px;
            padding-top: 15px;
        }
        .home_page2 .slide_cont {
            margin-top: 20px;
        }
        .home_page2 #banner_parallax .slide_cont p {
            line-height: 30px;
            font-size: 22px;
            margin-top: 30px;
        }
        .slide_banner2 {
            min-height: 480px;
        }
        .heading_style_2 p {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 45px;
        }
        .heading_style_2 h2 {
            line-height: 30px;
            margin-top: 15px;
        }
        .home_page2 .light_silver_2 div.layout_bt {
            margin-bottom: 25px;
            float: left;
            width: 100%;
        }
        /** home page 3 **/
        .haf_full_section.right_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .haf_full_section.left_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .center_padding {
            padding: 75px 0 60px;
        }
        .home_page3 .slide_cont h2 {
            font-size: 40px;
            line-height: 40px;
        }
        .home_page3 section#banner_parallax.slide_banner3 .slide_cont p {
            font-size: 20px;
        }
        .slide_banner3 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .slide_banner3 {
            min-height: 720px;
        }
        .information_blog h3 {
            font-size: 21px;
        }
        .information_blog {
            margin: 15px 0;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home page 4 **/
        .overlap_top_img_main {
            margin: -70px 0 0 0;
            width: 100%;
        }
        .brand_logo_section li {
            width: 33.33%;
            padding: 0 15px;
        }
        .slide_banner4 h2 strong {
            font-size: 50px;
        }
        .slide_banner4 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .home_page4 .slide_cont p {
            font-size: 12px;
            line-height: 21px;
        }
        .golden_yellow_theme a.transparent_bt {
            padding: 0 10px;
            min-width: 148px;
            line-height: 45px;
            font-size: 13px;
        }
        .bt_main {
            font-size: 13px;
            min-width: 120px;
            height: 45px;
            line-height: 45px;
            padding: 0 10px;
        }
        #contant_slider .carousel-indicators {
            display: flex;
            bottom: -80px;
        }
        .heading_style_4 p {
            font-size: 16px;
        }
        .heading_style_4 h2 {
            font-size: 28px;
            color: #343434;
            line-height: 40px;
        }
        .tab_head ul {
            display: block;
        }
        .blog_section.style_2 .blog_head {
            font-size: 18px;
        }
        .contact_form {
            padding: 80px 30px 80px;
        }
        /** home page 5 **/
        .screen_website_bannr {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .slide_banner5 {
            margin-bottom: 0;
        }
        .heading_style_5 .small_text {
            margin: 0 0 10px 0;
        }
        .layout_pur_minus img {
            width: 100%;
            margin-top: 50px;
        }
        .overlap_top_img_main {
            margin: 0;
            width: 100%;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 6 **/
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .home_page6 .slide_cont {
            margin-top: 280px;
        }
        .heading_style_6 h2 {
            margin-bottom: 20px;
            font-size: 25px;
        }
        .padding_right_left_25 {
            margin-top: 50px;
        }
        .blog_news1 {
            padding: 35px;
        }
        .gray_layer_bg .full img {
            width: 100%;
        }
        .field input {
            padding: 0 20px;
        }
        .contact_form_layout .field textarea {
            padding: 5px 20px;
        }
        /** home page 7 **/
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_top p {
            margin: 0;
            color: #555;
            font-size: 13px;
            margin: 5px 0 5px;
        }
        .right_section_bottom_header {
            display: flex;
            justify-content: center;
            border-top: solid #ddd 1px;
            margin-top: 10px;
        }
        #searchbar {
            width: 90%;
            right: 5%;
            top: 50px;
        }
        .slide_banner7 .slide_cont h2 {
            line-height: normal;
            font-size: 24px;
        }
        .slide_inform {
            text-align: left;
        }
        .slider_information {
            display: flex;
            justify-content: center;
        }
        .heading_style_7 h2 {
            font-size: 28px;
            line-height: 30px;
        }
        .full.bottm_bt_style {
            position: relative;
            bottom: 0;
            right: 0;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .inform_ser_blogs_3 ul li {
            width: 100%;
        }
        .position_abs {
            position: relative;
        }
        .hight_100_per {
            margin-bottom: 35px;
        }
        .left_head ul {
            margin: 12px 0 11px;
            float: left;
            width: 100%;
        }
        /** home page 8 **/
        .with_out_menu_header div.left_head ul li {
            display: inline;
            margin-right: 0;
            font-size: 14px;
            color: #fff;
            float: left;
            width: 100%;
            text-align: center;
        }
        .home_page8 .right_head {
            display: none;
        }
        .layout_bt {
            float: left;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .service_info_sec {
            margin-top: 30px;
            position: relative;
            margin-bottom: -20px;
        }
        .heading_style_8 h2 {
            font-size: 30px;
            margin-bottom: 25px;
        }
        .tab_bar .tags li {
            float: left;
            margin: 3px;
        }
        #testimoial_slider {
            margin-bottom: 80px;
        }
        .why_peoeple_choose .col-md-2 {
            margin-bottom: 25px;
        }
        /** home page 9 **/
        #banner_parallax.slide_banner9 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 10 **/
        #banner_parallax.slide_banner10 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        .slide_banner10 .slider_information ul li {
            display: flex;
            margin: 15px 0;
            float: left;
            width: 100%;
            justify-content: center;
        }
        /** home page 11 **/
        .play_section {
            position: relative;
        }
        .weekend_section_inner .play_pause_control {
            padding-left: 35px;
        }
        .weeked_section .play_pause {
            left: 0;
        }
        .click_section_form_change_vedio .float-left {
            width: 100%;
        }
        .click_section_form_change_vedio .profile_uploaded {
            text-align: center;
            margin: 0;
        }
        .click_section_form_change_vedio .profile_cont_uploaded {
            margin-left: 0;
            margin-top: 15px;
            text-align: center;
        }
        .click_section_form_change_vedio .float-right {
            margin-top: 0;
            width: 100%;
            text-align: center;
        }
        .profile_cont {
            display: block;
        }
        /** home page 12 **/
        .span2 {
            width: 100%;
        }
        .cake_club .menu > ul > li > a {
            font-size: 13px;
            margin: 0;
        }
        .cake_club .menu > ul > li a > {
            font-size: 14px;
        }
        .cake_club .menu > ul > li > a {
            font-size: 14px;
            padding: 13px;
        }
        .cake_club .menu-mobile::after {
            top: 4px;
        }
        .slide_banner12 {
            background-size: cover;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 50px;
            line-height: 70px;
        }
        .Courgette_font h2 {
            font-size: 35px;
        }
        div.layout_padding_2 {
            padding-top: 50px;
        }
        /** home page 13 **/
        #banner_parallax.slide_banner13 .slide_cont h2 {
            font-size: 50px;
            line-height: 58px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .information_icon {
            margin: 15px 0 0 0;
        }
        .slide_banner13 {
            min-height: auto;
            max-height: inherit;
            padding-bottom: 50px;
        }
        .slide_cont {
            margin: 50px 0 100px;
        }
        .slide_cont {
            margin-top: 115px;
        }
        .berber_side_img::after {
            display: none;
        }
        .hair_menu_list_cont ul {
            float: left;
            width: 100%;
        }
        .tab_bar_section ul.nav.nav-tabs li a {
            font-size: 15px;
            font-weight: 500;
            padding: 0 10px;
            line-height: 45px;
        }
        .discount_section_inner {
            top: 0;
            left: 0;
        }
        .discount_section h4 {
            line-height: 28px;
            margin: 15px 0;
        }
        .discount_section h3 {
            color: #d19d64;
            font-size: 30px;
            margin: 10px 0;
            line-height: 38px;
        }
        .join_us_section {
            text-align: center;
        }
        .join_us_section h2 {
            margin-bottom: 15px;
        }
        /** home page 14 **/
        .header.header_style14 .header_top {
            display: none;
        }
        .header_style14 .logo {
            top: 0;
        }
        .header_style14 .logo img {
            width: 110px;
        }
        .header_style14 .logo {
            position: absolute;
            top: 0;
            padding: 10px 0;
        }
        .header_style14 .logo {
            top: -47px;
        }
        .header_style14 .header_bottom {
            min-height: 60px;
            padding-top: 55px;
        }
        .header.header_style14 .header_bottom .right_section_bottom_header {
            margin: 10px 0 18px;
            padding-top: 15px;
            width: 100%;
        }
        .header.header_style14 .main_menu > .menu > ul > li > a {
            color: #000;
        }
        .slide_banner14 {
            min-height: 450px;
        }
        .waiter_img {
            margin-top: 45px;
        }
        .style_pro_head {
            margin-top: 0;
            margin-bottom: 75px;
        }
        .top_center_pro .head_cafe_img {
            margin-left: 0;
            width: 100%;
            text-align: center;
        }
        .top_center_pro {
            display: block;
        }
        .head_cafe_img {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            position: relative;
            top: 0;
        }
        .top_center_pro .head_cafe_pro {
            position: relative;
            top: 0;
            left: 0;
        }
        .head_cafe_img img {
            width: 50%;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro {
            top: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .head_cafe_pro.text_align_right {
            text-align: center;
        }
        .head_cafe_pro.text_align_left {
            text-align: center;
        }
        .top_center_pro .head_cafe_pro {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            text-align: center;
        }
        .style_pro_head {
            margin-top: 50px;
            margin-bottom: 100px;
        }
        .team_blog_style_cheif .team_blog {
            width: 80%;
            margin: 0 10%;
        }
        .time_ser {
            margin-bottom: 35px;
        }
        /** home page 15 **/
        .slide_banner15#banner_parallax h2 {
            font-size: 35px;
            line-height: 38px;
            font-weight: 400;
            color: #ffb125;
        }
        .home_page15 .slide_cont {
            margin-top: 220px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .home_page15 .streat_section_rev img {
            height: 80px;
        }
        .white_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .enter_roll_bt {
            display: flex;
            justify-content: center;
            margin-top: 35px;
        }
        .streat_section_rev_bottom img {
            position: absolute;
            bottom: 0;
            height: 85px;
        }
        .black_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .team_blog_gym {
            display: block;
            margin: 15px 0;
            text-align: center;
        }
        .team_blog_gym .team_img {
            margin: 0;
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .gym_cle {
            margin-bottom: 45px;
        }
        /** home page 16 **/
        .slide_banner16 .slide_cont h2 {
            font-size: 35px;
        }
        #banner_parallax.slide_banner16 .slide_cont p {
            font-size: 18px;
        }
        .heading_style_13 h2 {
            font-size: 48px;
            font-weight: 600;
            color: #343434;
            margin: 0 0 25px 0;
            line-height: 48px;
        }
        .yoga_icon {
            margin-bottom: 20px;
            text-align: center;
        }
        .yoga_icon + div {
            text-align: center;
        }
        .bg_layout_yoga .heading_style_13 h2 {
            font-size: 32px;
            line-height: 32px;
        }
        /** home page 17 **/
        .header_style17 .header_top.top_imform {
            display: none;
        }
        .slide_banner17 {
            min-height: 720px;
            max-height: inherit;
        }
        .dentist_slide img {
            width: 100%;
            margin-bottom: 50px;
        }
        .home_page17 .heading_style_3 p.small_text {
            font-size: 20px;
            line-height: 24px;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
            margin: 25px 0;
            line-height: 35px;
        }
        .dentist_imfor_ser .col-md-7 {
            margin-bottom: 50px;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .header.header_style18 .top_imform {
            display: none;
        }
        /** home page 18 **/
        .menu_border_hover .main_menu .menu > ul > li > a {
            padding-bottom: 10px;
        }
        .fiver_boy img {
            max-width: 100%;
        }
        .slide_bottom_icon li {
            margin: 5px 5px;
        }
        .doc_ser {
            margin-bottom: 25px;
        }
        .doctor_team .team_member_img.team_member_img img {
            width: auto;
        }
        /** home page 19 **/
        .sidebar_menu {
            float: right;
            top: 15px;
            position: relative;
        }
        #banner_parallax.slide_banner19 {
            padding-top: 1px;
        }
        .home_page19 .slide_cont {
            margin-top: 35px;
        }
        .product_ecommr {
            margin-top: 45px;
        }
        .heading_style_19 h2 {
            font-size: 32px;
            line-height: 42px;
        }
        .one_line_layout {
            margin: 15px 0;
        }
        .coffee_machine {
            position: relative;
            top: 0;
        }
        .product_style_1 .product_img {
            border-right: none;
        }
        .coffee_machine img {
            margin-top: 25px;
        }
        .newslatterform form {
            position: relative;
            width: 100%;
        }
        .menu_product li {
            float: left;
            margin: 0;
            width: 50%;
        }
        /** home page 20 **/
        .header.header_style_ecomm2 .header_top {
            display: none;
        }
        .top_search_bar .field {
            display: block;
        }
        .search_style_2 .top_search_bar input {
            max-width: 100%;
            border-radius: 0;
            border: solid #e1e1e1 1px;
            margin-bottom: -1px;
        }
        .search_style_2 .top_search_bar .bootstrap-select button,
        .search_style_2 .top_search_bar .bootstrap-select button:hover,
        .search_style_2 .top_search_bar .bootstrap-select button:focus,
        .search_style_2 .top_search_bar .bootstrap-select button:active {
            width: 100%;
            margin: 0;
        }
        div.top_search_bar .btn-group.bootstrap-select {
            width: 100% !important;
        }
        .search_style_2 .top_search_bar button.submit_search {
            background: #0163d2;
            width: 100%;
            font-weight: 500;
            font-size: 14px;
            border-radius: 0;
        }
        .search_catry_bt {
            position: relative;
            top: 0;
            right: 1px;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #0163d2;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 5px;
            margin: 12px 0 0;
        }
        .right_cart_section ul li {
            margin-right: 20px;
        }
        .right_cart_section ul {
            margin: 0 0 10px; 
        }
        .header_bottom_thirth {
            display: none;
        }
        .home_page20 .bt_main {
            padding: 0 25px;
        }
        .top_sec {
            line-height: 24px;
            font-size: 15px;
            padding: 20px 20px;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 28px;
            line-height: 42px;
            letter-spacing: -1px;
        }
        /** home page 21 **/
        .header_style_ecomr3 .header_top {
            display: none;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .right_icon_ecoomr {
            float: right;
            margin: 10px 0;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 10px 24px;
            font-weight: 500;
        }
        .home_page21 .slide_banner18 .slide_cont h2 {
            font-size: 72px;
            line-height: 72px;
            text-align: center;
        }
        .home_page21 .slide_banner18 .slide_cont h2 span {
            float: left;
        }
        .slide_banner18#banner_parallax p {
            font-size: 15px;
        }
        .categary_part {
            width: 100%;
            min-height: 280px;
        }
        .slide_banner18 .slide_bt {
            padding-bottom: 35px;
        }
        /** home page 22 **/
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .slide_banner22 .slide_cont {
            margin-top: 55px;
        }
        .slide_banner22 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .date_counter_2 #clockdiv div.count {
            width: 50%;
            margin: 7px 0 0 0;
            text-align: center;
        }
        .date_counter_2 #clockdiv div > span {
            width: 90%;
            margin: 0 5%;
        }
        .full.counter_price h2 {
            line-height: normal;
        }
        .home_page22 div.full.layout_bt {
            margin-bottom: 35px;
        }
        /** home paga 23 **/
        .catergary_tab_bar ul li.nav-item {
            width: 50%;
        }
        .client_slider_main2 .testi_head {
            margin-top: 25px;
            text-align: center;
        }
        .client_slider_main2 div#testimonial2 {
            width: 90%;
            margin: 20px 5% 80px;
        }
        .service_information .pink1,
        .service_information .pink2,
        .service_information .pink3 {
            margin-bottom: 35px;
        }
        /** home page 24 **/
        .skyblue .menu-mobile {
            border-color: #fff;
            color: #fff;
            margin: 10px 5px;
        }
        .master_ji {
            margin-bottom: 30px;
        }
        .bottom_fixed {
            position: relative;
            bottom: 0;
        }
        .brand_logo_section li {
            width: 50%;
            padding: 0 15px;
        }
        /** home page 25 **/
        .header_funky_style .header_top {
            display: none;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 15px;
            font-weight: 400;
            color: #898989;
            padding: 10px 15px 9px;
        }
        .slide_banner25 .slide_cont h2 {
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            font-size: 28px;
            line-height: 35px;
            z-index: 0;
            margin-bottom: 25px;
        }
        .slide_banner25 .slide_cont {
            margin-top: 50px;
        }
        .bottom_service_temp_inner {
            margin-top: 0;
        }
        .bottom_service_temp {
            display: none;
        }
        .slide_banner25 .inner_slide {
            margin: 25px 0 0 0;
        }
        .team_blog_img {
            float: left;
            width: 100%;
            height: 170px;
            margin-top: 0px;
            margin-left: 0;
            border-radius: 0;
            text-align: center;
            align-items: center;
            display: flex;
            justify-content: center;
            margin-right: 0;
            margin-bottom: 25px;
        }
        .team_blog {
            border-radius: 5px;
            min-height: 170px;
            float: left;
            width: 100%;
        }
        .team_blog_cont {
            padding: 25px 0 15px 0;
            float: left;
            width: 100%;
        }
        /** home page 26 **/
        .header_style26 .right_side_bt {
            display: none;
        }
        .header_style26 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .header_style26 .menu > ul > li > a {
            padding: 10px 25px;
        }
        .slide_banner26 .slide_cont {
            margin-top: 220px;
        }
        .slide_banner26 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .owl-carousel-mousewheel .owl-prev {
            width: 35px;
        }
        .owl-carousel-mousewheel .owl-next {
            width: 35px;
        }
        .owl-carousel-mousewheel {
            padding: 0 35px;
        }
        .owl-carousel-mousewheel {
            background: #fff;
        }
        .step_process li {
            width: 100%;
        }
        /** inner pages **/
        .team_member_img img {
            width: 100%;
        }
        #inner_slide .slider_information ul li {
            margin: 10px 0;
            width: 100%;
        }
        .slider_information {
            margin-bottom: 25px;
        }
        .lawyer_img {
            margin-bottom: 35px;
        }
        .about_page_3.brown_color_theme .heading_style_7 h2 {
            font-size: 21px;
        }
        .left_section_head {
            margin-bottom: 35px;
        }
        .testimonial_ser2 .owl-nav.disabled {
            top: -50px;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:focus {
            width: 50%;
            height: 45px;
            text-align: center;
            line-height: 45px;
            right: 0;
            border-radius: 0;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:focus {
            width: 50%;
            height: 45px;
            border-radius: 0;
            text-align: center;
            line-height: 45px;
            left: 0;
        }
        .testimonial_ser2 .testimo {
            margin-bottom: 25px;
        }
        .service_blog3 .padding_right_left_15 {
            background: #f8f8f8;
            padding: 15px 15px;
        }
        .inner_banner7 {
            padding-top: 180px;
        }
        .blog_banner h2,
        .portfolio_banner h2 {
            margin: 85px 0 0;
            font-weight: 300;
        }
        .breadcrum_side ul {
            margin: 5px 0 30px;
            width: 100%;
        }
        .blog_detail h3 {
            text-align: left;
        }
        #default_theme.blog_detail section p {
            text-align: left;
        }
        .width_50 {
            width: 100%;
        }
        .layout_padding_grey_half {
            padding: 35px;
        }
        .portfolio .tab_bar_section ul.nav.nav-tabs li {
            margin-bottom: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: auto;
        }
        .portfolio .portfolio_layout2 .tab_bar_section ul.nav.nav-tabs li {
            margin: 0 10px 20px;
        }
        .portblog_img img {
            width: 100%;
        }
        .share_section ul li {
            margin: 0 0 10px 0;
            width: 100%;
        }
        .share_section {
            float: left;
            width: 100%;
            margin-top: 0;
            margin-bottom: 35px;
        }
        .portfolio_detail .one_line_layout .feature_icon img {
            width: 100px;
        }
        
        /** shop page **/
        
        .shopping-cart-cart {
            max-width: 100%;
            width: 100%;
            margin-top: 25px;
        }
        .product-table table.table {
            min-width: 720px;
        }
        .product_detail_page .tab_bar_section .nav.nav-tabs {
            display: flex;
            justify-content: center;
        }
        .product_detail_page .tab_bar_section .nav-tabs .nav-item {
            width: 100%;
        }
        .inner_banner1 h2 {
            font-size: 30px;
        }
        .cont_theme_blog h3 {
            font-size: 30px;
            line-height: 38px;
            font-weight: 600;
        }
        .cont_theme_blog p {
           font-size: 16px;
           line-height: normal;
        }
        .information_blogs {
            margin-bottom: 45px;
        }
        
    }
    
    
    /*---------------------------------------------
        Responsive Menu 
    ---------------------------------------------*/
    
    @media only screen and (max-width: 991px) {
        .test{
            margin-left: 114px;
        }
        .only_desk_menu {
            display: none;
        }
        .only_mobile_tab_menu {
            display: block;
        }
        .menu {
            margin: -56px 0 0;
            float: right;
        }
        .menu-container {
            width: 100%;
        }
        .menu-container .menu {
            display: inline-block;
        }
        .menu > ul > li > ul.normal-sub > li {
            width: 50%;
            padding: 0;
        }
        .menu > ul > li > ul > li {
            padding: 8px 0;
        }
        .menu > ul > li > ul.normal-sub > li a {
            border: 0;
            padding: 8px 0;
        }
        .menu > ul > li > ul > li a {
            color: #777;
            padding: 0;
            width: 100%;
            display: block;
            font-size: 13px;
        }
        .menu-mobile {
        display: block;
        padding: 0;
        width: 35px;
        cursor: pointer !important;
        height: 35px;
        border: solid #1e72bc 2px;
        border-radius: 5px;
        z-index: 9;
        }
        .menu-mobile {
            text-align: center;
            color: #1e72bc;
            font-size: 18px;
            margin-top: -20px;
        }
        .menu-mobile:hover,
        .menu-mobile:focus {
            border-color: #000;
            color: #000;
        }
        .menu-dropdown-icon:before {
            display: block;
        }
        .menu > ul > li > ul > li {
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
            list-style: none;
            width: 50%;
            background: none;
            float: left;
            min-height: auto;
        }
        .menu > ul > li {
            width: 100%;
            float: none;
            display: block;
            border-bottom: solid #ddd 2px;
        }
        .menu > ul > li a {
            padding: 10px 15px 10px;
            width: 100%;
            display: block;
        }
        .menu > ul > li > ul {
            position: relative;
            padding: 10px 15px;
            overflow-y: auto;
            border: none;
            border-top: solid #ddd 2px;
            width: 100%;
            min-height: auto;
            background-image: none;
            box-shadow: none;
            margin: 0;
        }
        .menu > ul > li > ul > li:nth-child(2n+1) {
            background: #fff;
        }
        .menu > ul > li > ul.normal-sub {
            width: 100%;
            padding: 10px 15px;
        }
        .menu > ul > li > ul > li:first-child {
            margin: 0;
        }
        .menu > ul > li > ul > li > ul {
            position: relative;
        }
        .menu > ul > li > ul > li > ul > li {
            float: none;
        }
        .main_menu .clearfix {
            position: absolute;
            width: 100%;
            left: 0;
            top: 5px;
            z-index: 9;
            background: #fff;
            transition: ease all 0.5s;
            opacity: 0;
            visibility: hidden;
            border-top: solid #ddd 2px;
        }
        .main_menu .clearfix.show-on-mobile {
            opacity: 1;
            visibility: visible;
        }
        .responsive_logo {
            display: block;
        }
        .desk_logo {
            display: none;
        }
    }
    
    /** Generated by FG **/
@font-face {
  font-family: 'Gotham_Medium_Regular';
  src: url(/fonts/Gotham_Medium_Regular.eot);
  src: local('☺'),
  url(/fonts/Gotham_Medium_Regular.woff) format('woff'),
  url(/fonts/Gotham_Medium_Regular.ttf) format('truetype'),
  url(/svg/Gotham_Medium_Regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Generated by FG **/
@font-face {
  font-family: 'Gotham_Book';
  src: url(/fonts/Gotham_Book.eot);
  src: local('☺'),
  url(/fonts/Gotham_Book.woff) format('woff'),
  url(/fonts/Gotham_Book.ttf) format('truetype'),
  url(/svg/Gotham_Book.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Generated by FG **/
@font-face {
  font-family: 'New_BaskervilleStd_Italic';
  src: url(/fonts/New_BaskervilleStd_Italic.eot);
  src: local('☺'),
  url(/fonts/New_BaskervilleStd_Italic.woff) format('woff'),
  url(/fonts/New_BaskervilleStd_Italic.ttf) format('truetype'),
  url(/svg/New_BaskervilleStd_Italic.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}


/** Generated by FG **/
@font-face {
  font-family: 'Gotham_Book_Regular';
  src: url(/fonts/Gotham_Book_Regular.eot);
  src: local('☺'),
  url(/fonts/Gotham_Book_Regular.woff) format('woff'),
  url(/fonts/Gotham_Book_Regular.ttf) format('truetype'),
  url(/svg/Gotham_Book_Regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Gotham-Bold';
	src: url(/fonts/Gotham-Bold.eot);
  src: local('☺'),
  url(/fonts/Gotham-Bold.woff) format('woff'),
  url(/fonts/Gotham-Bold.ttf) format('truetype'),
  url(/svg/Gotham-Bold.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


@media (min-width:768px){
  /* .container{width:750px} */
}
@media (min-width:992px){
  /* .container{width:970px} */
}
@media (min-width:1200px){
  /* .container{width:1250px} */
}

  /* Smartphones (portrait and landscape) ----------- */
  @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   
  }

@media only screen and (min-device-width : 781px) and (max-device-width : 991px) {

}

/* custom - header mobile start */
  @media (max-width: 767px) {

  }
  @media (min-width: 768px) {
    
  }

  hr{
    border-top: 1px solid #141414;
  }

  /* Footer CSS starts */

  .footer-section-custom hr{
    border-top: 2px solid #143d59;
  }

    /* Footer CSS ends */

    body{
      background-color: #fff;
    }

    /* header layout css */
    .cust-margin-login{
      margin: 20px 0;
    }

    .cust-margin-login button{
      margin: 0 10px;
    }
    /* header layout css */

     /* Home page CSS starts */

  /* .artist-banner img{
    width: 100%;
  } */

  .color-link-head a{
    color: white;
  }

  .artist-header{
    padding: 25px;
    padding-bottom: 0;
  }

  .artist-header span{
    color: white;
    font-size: 30px;
  }

  .artist-header .white-color-head{
    color: #141414;
    font-size: 30px;
  }

  .artist-header button{
    float: right;
    color: white;
    /* border-color: white; */
    background-color: transparent;
    border: 2px solid #fff;
    padding: 10px;
  }

  .artist-header .white-color-head-button button{
    color: #141414;
    border: 2px solid #141414;
  }


  .artist-banner .banner-text{
    text-align:center;
			position:absolute;
			transform: translate(-50%, -50%);
			top:50%;
      left:50%;
      color: white;
      font-size: 25px;
  }

  .artist-banner .banner-text span, .artist-header .span-orange{
    color: #f06530;
  }

  .custom-class-button, .custom-class-button:hover{
    color: white;
    background-color: #f06530;
  }

  .searchbar-artist{
    background-size: 50% 100%;
    max-height: 60vh;
    height: 60vh;
    background-repeat: no-repeat;
  }

  .search-input-artist{
    display: block;
    margin: auto;
  }
  .search-input-artist input{ 
      margin-right: 10px;
      line-height: 4;
      width: 50%;
  }

  .search-input-artist button{ 
    line-height: 4;
    width: 20%;
}

.search-artist-span{
  color: #fff;
}

.search-artist-span-size{
  font-size: 50px;
  letter-spacing: 5px;
}

.search-artist-span-size u{
  text-decoration-color: #f06530;
}

.center-search-div{
    position:relative;
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}

.hr-color{
  border-color: #141414;
}

.hr-td-content{
  width:1px;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 30px;
  font-weight: 700;
}

.category-img-custom{
    background-size: 100% 100%;
    height: 410px;
    background-repeat: no-repeat;
}


.cat-custom-div{
  background-color: rgba(0,0,0,.30);
  margin: 30px;
  height: 350px;
  text-align: right;
  justify-content: right;
  display: flex;
}

.bottom-alignment-custom{
  align-self: flex-end; 
  width: 100%;
  padding-right: 10px;
  padding-bottom: 10px;
}

.cat-custom-div div{ 
  color: #fff;
  font-weight: 700;
  font-size: 35px;
}

.join-hands{
  background-color: #dddddd;
}

.join-hands span{
  color: #f06530;
}

.join-hands .partner-with-us{
  font-size: 50px;
  letter-spacing: 5px;
  margin-bottom: 10px;
}

.hr-td-content span{
  color: #f06530;
}

.see-more-img img{
  border: 1px solid black;
    padding: 5px;
}

.stay-touch{
  background-size: 100% 100%;
    /* height: 727px; @todo */
    background-repeat: no-repeat;}

.stay-touch-right{
  background-color: #143d59;
  color: #fff;
  padding: 30px;
}

.stay-touch-div{
  text-align:center;
			position:absolute;
			transform: translate(-50%, -50%);
			top:50%;
      left:50%;
      background-color: white;
      font-size: 30px;
      width: 50%;
      padding: 50px 0;
      letter-spacing: 2px;
}

.stay-touch-div span{
  color: #f06530;
}

.stay-touch-right span{
  color: #f06530;
}

.stay-touch-right button{
  float: right;
}

.stay-touch-right input{
  width: 100%;
  line-height: 3;
}

.stay-touch-right textarea{
  width: 100%;
  resize: none;
}

.stay-touch-right div:first-child{
  font-size: 16px;
}

.see-more-hr hr{
  width: 5%;
  border-top: 3px solid #f06530;
}

.see-more-hr{
  font-size: 24px;
}

    /* Home page CSS ends */

    /* Artist Registraton css starts */

  .artist-reg-page input{
    float: right;
  }

    /* Artist Registraton css ends */

    /* Breadcrumb starts */
      .breadCrumb{
        background-color: white;
      }

      .breadCrumb li{
          padding-left: 10px;
          padding-right: 10px;
       }
    /* Breadcrumb ends */


    /* listing page css starts */

    .listing-sort-by{
      float: right;
      color: #f06530;
    }

    .carouselImgDiv{
      width: 100%;
    }

    .product-grid-view{
      border: 1px solid #141414;
      /* margin: 2px; */
      padding: 5px;
      height: 420px;
      margin-bottom: 10px;
    }

    .artifact-section img{
      width: 100%;
    }


    .our-story-div{
      text-align:center;
			position:absolute;
			transform: translate(-50%, -50%);
			top:50%;
      left:50%;
      background-color: white;
      font-size: 16px;
      width: 70%;
      padding: 30px 50px;
      letter-spacing: 2px;
    }

    .the-funkar-way-right{
      background-color: #143d59;
      color: #fff;
      font-size: 16px;
    }

    .the-funkar-way-right ol li{
      padding: 5px 10px;
    }

    .the-funkar-way-right1 .faq-funkar-desc{
      color: #f06530;
    }
    .the-funkar-way-right1 {
      padding: 10px;
    }
    .the-funkar-way-right1 hr{
      border-top: 2px solid #f06530;
    }
    /* listing page css ends */

    /* Details page css starts */

    .detail-you-might-like img{
      width: 100%;
      border: 1px solid black;
      padding: 5px;
    }

    .detail-page-add span{
        float: right;
        /* display:block;s */
    }

    .price-tag{
      font-size: 30px;
    }
    /* Details page css stops */

    .float-right{
      float: right;
    }

    /* checkout page css starts */

.order-summary{
  color: #fff;
  padding: 20px;
  background-color: #143d59;
}

.bordered-summary{
  border: 1px solid black;
}
.bordered-summary-top{
  border-top: 1px solid black;
  padding: 20px;
}

.checkout-steps{
  background-color: #dddddd;
  padding: 10px;
}

.step-2-section textarea{
  width: 100%;
}
.payment-type{
  margin: 10px 0;
}
.address-block{
  padding: 10px 0;
}
.address-block .firstname{
  /* width: 45%; */
  float:left;
}

.address-block .lastname{
  /* width: 45%; */
  float: right;
}
.address-block .company input, .address-block .address input{
  width: 100%;
  /* float:left; */
}
.address-block .city, .address-block .state, .address-block .zipcode{
  width: 30%;
  float: left;
}
.address-block .state{
  margin-left: 20px;
}
.address-block .zipcode{
  float: right;
}
.address-block .city input, .address-block .state select, .address-block .zipcode input{
  width: 100%;
  /* float: left; */
}
.process-btn{
  text-align: center;
}
.creditnumber input{
  width: 100%;
  margin-bottom: 5px;
}
.creditcard-expiry, .creditcard-expiry-year{
  width: 30%;
  float: left;
}


    /* checkout page css ends */


/* ---------- VENDOR CSS ------------ */

.amp-artist-logo {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

.amp-artist-link {
  color: #FFFFFF;
  font-weight: 300 !important;
}

.artist-active-link,
.amp-artist-link:hover {
  color: #F06530;
  font-weight: bold !important;
  font-size: normal !important;
}

.container-spacing {
  margin-top: 15px;
}

.container-spacing-lg {
  margin-top: 30px;
}

.artist-checkbox,
.artist-checkbox:hover {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.artist-pu-container {
  width: 50%;
  margin: 20px auto
}

.loading-div {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .30);
  z-index: 999;
  width: 100%;
  height: 100%;
}

.artist-loader {
  position: absolute;
  top: 45%;
  left: 47%
}

.location-carousel-item {
  height: 150px;
  border: 2px solid #6f8992;
  padding: 10px;
  padding-left: 25px;
  margin: 10px;
}

.location-item-name {
  color: #6f8992;
  font-weight: bold;
}

.amp-responsive {
  max-width: 100%;
  overflow-x: scroll;
}

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

.no-margin-custom{
  margin-left: -15px;
  margin-right: -15px;
}

.search-bar-artist{
  margin-left: -15px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .searchbar-artist{
    max-height: 40vh;
    height: 40vh;
  }
  .artist-banner{
    height: 40vh;
    }
}

@media (min-width: 992px) and (max-width: 1199px) { 
  .searchbar-artist{
    max-height: 50vh;
    height: 50vh;
  }
  .artist-banner{
    height: 60vh;
    }
}

@media (min-width: 1200px) { 
  .artist-banner{
    height: 80vh;
    }
}/**************************************************************Tab*************************************************/

.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: block;
}


/*
   Styling
  */

body {
    font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
    color: #333;
    font-weight: 300;
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
    background: #8d8d8d;
}

.tabset>label:hover,
.tabset>input:focus+label {
    color: #06c;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #06c;
}

.tabset>input:checked+label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.tub {
    font-weight: bold;
}


/*
   Demo purposes only
  */

*,
*:before,
*:after {
    box-sizing: border-box;
}

/* body {
    padding: 30px;
} */

.tabset {
    max-width: 65em;
}


/******************************************************************************************************************/

#L_button {
    width: 15%;
    height: 40px;
    background-color: #DA62CF;
    border: 2px solid #DA62CF;
    border-radius: 8px;
    font-weight: bold;
    box-shadow: 10px 10px 5px 0px grey;
    -webkit-box-shadow: 5px 7px 5px 0px grey;
}

#L_anchor {
    box-shadow: 10px 10px 5px 0px grey;
    -webkit-box-shadow: 5px 7px 5px 0px grey;
}

#L_remove {
    padding: 6px 23px;
    margin-top: 20px;
    border: 2px solid #DA62CF;
    background-color: #DA62CF;
    border-radius: 10px;
    box-shadow: 10px 10px 5px 0px grey;
    -webkit-box-shadow: 5px 7px 5px 0px grey;
}


/**********************************switch Toggle ***********************************************************/

.toggle {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 32px;
    background-color: white;
    border-radius: 30px;
    border: 2px solid gray;
}


/* After slide changes */

.toggle:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 25px;
    border-radius: 50%;
    background-color: gray;
    top: 1px;
    left: 1px;
    transition: all 0.5s;
}


/* Toggle text */

p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Checkbox checked effect */

.checkbox:checked+.toggle::after {
    left: 49px;
}


/* Checkbox checked toggle label bg color */

.checkbox:checked+.toggle {
    background-color: #52A0C6;
}


/* Checkbox vanished */

.checkbox {
    display: none;
}


/*************************************************2nd checkbox**********************************************************/

.toggle_L {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 32px;
    background-color: white;
    border-radius: 30px;
    border: 2px solid gray;
}


/* After slide changes */

.toggle_L:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 25px;
    border-radius: 50%;
    background-color: gray;
    top: 1px;
    left: 1px;
    transition: all 0.5s;
}


/* Toggle text */

p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Checkbox checked effect */

.checkbox_L:checked+.toggle_L::after {
    left: 49px;
}


/* Checkbox checked toggle label bg color */

.checkbox_L:checked+.toggle_L {
    background-color: #52A0C6;
}


/* Checkbox vanished */

.checkbox_L {
    display: none;
}


/*********************************************3rd switch toggle ***********************************************/

.toggle_LL {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 32px;
    background-color: white;
    border-radius: 30px;
    border: 2px solid gray;
}


/* After slide changes */

.toggle_LL:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 25px;
    border-radius: 50%;
    background-color: gray;
    top: 1px;
    left: 1px;
    transition: all 0.5s;
}


/* Toggle text */

p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Checkbox checked effect */

.checkbox_LL:checked+.toggle_LL::after {
    left: 49px;
}


/* Checkbox checked toggle label bg color */

.checkbox_LL:checked+.toggle_LL {
    background-color: #52A0C6;
}


/* Checkbox vanished */

.checkbox_LL {
    display: none;
}


/***************************************************************************************/

.nav-tabs .nav-item {
    width: 167px;
}

#L_input_Design {
    border: 2px solid #D6DBDF;
    height: 32px;
    border-radius: 5px;
    width: 61%;
}

.menu-init .fa-angle-down:before {
    content: none;
}

.menu-init.js-open .ah-lg-mode {
    left: 0;
    transition: all .4s ease-in-out;
}

.menu-init.js-open:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 19999;
}

.ah-lg-mode {
    position: fixed;
    left: -315px;
    width: 315px;
    height: 100%;
    top: 0;
    background-color: #ffffff;
    z-index: 20000;
    overflow-y: auto;
}

.ah-close {
    color: #333333;
    padding: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: block;
}

.ah-list>li {
    position: relative;
    display: block;
    /* border-top: 1px solid #f8f8f8; */
}

.ah-list>li>a {
    display: block;
    padding: 8px 18px;
}

.ah-list>li:last-child {
    /* border-bottom: 1px solid #f8f8f8; */
}

.ah-list--design1>li>a,
.ah-list--design2>li>a {
    font-weight: normal;
    font-size: 14px;
}

.ah-list--link-color-white>li>a {
    color: #333333;
}

.js-menu-toggle {
    width: 21px;
    display: block;
    height: 21px;
    border-radius: 12%;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 13%);
    /*position: absolute;*/
    right: 12%;
    /* right: 2px;
    top: 6px; */
    transition: all .3s;
    cursor: pointer;
}

.js-menu-toggle:after {
    font-family: 'Font Awesome 5 Free';
    /* content: "\f078"; */
    /*position: absolute;*/
    top: 50%;
    width: 100%;
    font-weight: 900;
    color: #333333;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 8px;
}

.js-menu-toggle.js-toggle-mark:after {
    /* content: "\f077"; */
}

.has-dropdown>ul {
    width: 100% !important;
    box-shadow: none;
    transition: none;
    position: static;
    padding: 0 0 10px;
    opacity: 1;
    visibility: visible;
    display: none;
}

.has-dropdown>ul>li {
    padding: 0;
}

.has-dropdown>ul>li>a {
    display: block;
}

.ah-list>li>ul>li>a {
    padding: 8px 36px;
}

.ah-list>li>ul>li>ul>li>a {
    padding: 0px 10px;
}

.ah-list>li>ul>li>ul>li>ul>li>a {
    padding: 8px 72px;
}

.js-menu-toggle2 {
    width: 21px;
    display: block;
    height: 21px;
    border-radius: 15%;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.13);
    /*position: absolute;*/
    right: 12%;
    /* right: 2px;
    margin-top: -22px; */
    left: '49px';
    transition: all .3s;
    cursor: pointer;
}

.js-menu-toggle2:after {
    font-family: 'Font Awesome 5 Free';
    /* content: "\F067"; */
    /*position: absolute;*/
    top: 50%;
    width: 100%;
    font-weight: 900;
    color: #333333;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 8px;
}

.js-menu-toggle2.js-toggle-mark2:after {
    /* content: "\F068"; */
}

.border_Shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.scrollmenu::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}


/* Track */

.scrollmenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}


/* Handle */

.scrollmenu::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 3px;
}


/* Handle on hover */

.scrollmenu::-webkit-scrollbar-thumb:hover {
    background: grey;
}

.js-menu-toggle3 {
    width: 21px;
    display: block;
    height: 21px;
    border-radius: 13%;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.13);
    /*position: absolute;*/
    right: 12%;
    /* right: 2px;
    margin-top: -24px; */
    left: 115px;
    transition: all .3s;
    cursor: pointer;
}

.js-menu-toggle3:after {
    font-family: 'Font Awesome 5 Free';
    /* content: "\F067"; */
    /*position: absolute;*/
    top: 50%;
    width: 100%;
    font-weight: 900;
    color: #333333;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 8px;
}

.js-menu-toggle3.js-toggle-mark3:after {
    /* content: "\F068"; */
}.fa-2x {
    font-size: 2em;
}

.fa {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}

.main-menu:hover,
nav.main-menu.expanded {
    width: 250px;
    overflow: visible;
}

.main-menu {
    background: #212121;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 10%;
    bottom: 0;
    height: 60%;
    left: 0;
    width: 60px;
    overflow: hidden;
    -webkit-transition: width .05s linear;
    transition: width .05s linear;
    -webkit-transform: translateZ(0) scale(1, 1);
    z-index: 1;
}

.main-menu>ul {
    margin: 7px 0;
}

.main-menu li {
    position: relative;
    display: block;
    width: 250px;
}

.main-menu li>a {
    position: relative;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    color: #999;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.main-menu .nav-icon {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

.main-menu .nav-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 190px;
    font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
    position: absolute;
    left: 0;
    bottom: 0;
}

.no-touch .scrollable.hover {
    overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
    overflow-y: auto;
    overflow: visible;
}

a:hover,
a:focus {
    text-decoration: none;
}

nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

nav ul,
nav li {
    outline: 0;
    margin: 0;
    padding: 0;
}

.main-menu li:hover>a,
nav.main-menu li.active>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
.dashboard-page nav.dashboard-menu ul li.active a {
    color: #fff;
    background-color: #5fa2db;
}

.area {
    float: right;
    /* background: #e2e2e2; */
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}

.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

.scrollmenu a:hover {
    background-color: #777;
}

.dropbtn {
    /* background-color: #04AA6D; */
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    background-color: #A6F1F1;
    width: 90%;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    /* background-color: #3e8e41; */
}


/********************************************************Tab**********************************/

#tranformbutton:hover {
    background-color: grey;
    color: black;
}


/*********************************************************************************************//*----AddVendorContainer-----*/

/* .secnd_cont{
    background: #B2BABB;
    padding: 1.5rem;
    border-top: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
}     */
.admin__field{
  margin: 0 30px 29px;
}
/* .field input{
  width: 70%;
  border: 1px solid black;
  min-height: 40px;
} */
.input-text{
  min-height: 40px;
  width: 70%;
  padding: 5px;
}
.vendr{
  background: #eeee;
  height: 100px;
  padding: 22px;
  margin-left: -12px;
  width: 90%;
  border: 2px solid #e3e3e3;
}
.vendr p{
  font-size: 20px;
}
.txt_ara5{
  height: 250px;
  margin-bottom: -215px;
}
.strtt1{
  margin-top: 33%;
}
.slct_cntrl{
  height: 40px;
  width: 10%;
}
.admin__page-nav-item .ui-state-active .admin__page-nav-link {
  background: #fff;
  border-color: #e3e3e3;
  border-right: 1px solid #fff;
  color: #303030;
  margin-right: -1px;
}
.admin__page-nav-item .ui-state-active {
  border-color: #eb5202;
}
.mnu-jstg .js-menu-toggle{
  padding: 0px 7px;
  height: 22px;
  width: 22px;
  position: relative;
  margin-left: 20px;
}
.mnu-jstg .js-menu-toggle2{
  padding: 0px 7px;
  height: 22px;
  width: 22px;
  position: relative;
}
.mnu-jstg .js-menu-toggle3{
  padding: 0px 7px;
  height: 22px;
  width: 22px;
  position: relative;
}


/*------VendorProductList-------*/

.s_primary {
/* background-color: #8E44AD;
border-color: #8E44AD;
color: #fff;
box-shadow: 0 0 5px 1px black;
text-shadow: 1px 1px 0 rgb(0 0 0 / 25%); */
margin-top: 20px;
height: 50px;
width: 55%;
border-radius: 1px;
/* background-color: #1ABC9C; */
color: #fff;
border: 1px solid #16A085;
margin-left: 70px;
box-shadow: 1px 8px 10px #2E4053;
background-color: #138D75;
}
.s_primary:hover{
/* box-shadow: 1px 8px 10px #2E4053;
background-color: #138D75; */
background: #138D75;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
color: #fff;
text-decoration: none;
text-shadow: -1px -1px 0 #136a65;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}

.s_primary10 {
  /* background-color: #8E44AD;
  border-color: #8E44AD;
  color: #fff;
  box-shadow: 0 0 5px 1px black;
  text-shadow: 1px 1px 0 rgb(0 0 0 / 25%); */
  
  height: auto;
  /* width: 55%; */
  border-radius: 1px;
  /* background-color: #1ABC9C; */
  color: #fff;
  border: 1px solid #16A085;
  /* margin-left: 70px; */
  box-shadow: 1px 8px 10px #2E4053;
  background-color: #138D75;
  }
    .s_primary20 {
      height: auto;
      width: 55%;
      border-radius: 1px;
      color: #fff;
      border: 1px solid #16A085;
      box-shadow: 1px 8px 10px #2E4053;
      background-color: #138D75;
    }
    .s_primary20:hover{
      background: #138D75;
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
        color: #fff;
        text-decoration: none;
        text-shadow: -1px -1px 0 #136a65;
        -webkit-transition: all 250ms linear;
        transition: all 250ms linear;
    }
  .s_primary10:hover{
  /* box-shadow: 1px 8px 10px #2E4053;
  background-color: #138D75; */
  background: #138D75;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
  text-shadow: -1px -1px 0 #136a65;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
  }

.s_primary2{
height: 40px;
border-radius: 5px;
background-color: #138D75;
color: #fff;
border: 1px solid #16A085;
box-shadow: 0 0 10px 1px black;
}
.s_hedd{
margin-left: 10px;
font-family: auto;
font-size: 40px;
margin-top: 25px;
}
.s_select5{
/* margin-left: 10px;
  margin-right: 10px; */
height: 20px;
font-size: 10px;
border: 2px solid #138D6F;
box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}
.s_buttonprimary{
  padding: 10px;
  margin-left: 35px;
}
.s_id{
  font-weight: 600;
  font-size: 17px;
}
.s_frm{
  font-weight: 500;
}
.admin__control-select{
  width: 70%;
  text-align: left;
  cursor: pointer;
  appearance: none;
  height: 45px;
  border: 1px solid black;
  /* background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  ,linear-gradient(#e3e3e3, #e3e3e3),linear-gradient(#adadad, #adadad); */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  ;
  box-shadow: 5px 5px 10px #566573;
  background-position: calc(100% - 17px) 13px,100%,calc(100% - 3.2rem) 0;
  background-size: auto,3.2rem 100%,1px 100%;
  background-repeat: no-repeat;
  max-width: 100%;
  min-width: 8.5rem;
  padding-bottom: 0.6rem;
  padding-left: 10px;
  padding-top: 0.6rem;
  transition: border-color .1s linear;
}
.s_fld{
  height: 43px;
  width: 100%;  
}
.data-grid-search-control {
  padding-right: 6rem;
  width: 100%;
}
.data-grid-search-control-wrap .admin__control-text {
  min-width: 4rem;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #138D6F;
  border-radius: 30px;
  box-shadow: none;
  color: #303030;
  font-size: 1.4rem;
  font-weight: 400;
  height: auto;
  line-height: 1.36;
  padding: 0.6rem 1rem 0.6rem;
  transition: border-color .1s linear;
  vertical-align: baseline;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}
.data-grid-search-control-wrap .action-submit {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  padding: 0.6rem 2rem 0.2rem;
  position: absolute;
  right: -10px;
  top: -3px;
  font-size: 22px;
}
.data-grid-search-control-wrap {
  float: left;
  max-width: 45.5rem;
  position: relative;
  width: 87%;
}
#gridContainer {
  height: 440px;
}
.s_dpdr{
  background: black;
}
.s_uldrp{
  max-width: 205px;
  /* margin-top: -40px; */
  background: white;
}
.s_alstdta{
  cursor: pointer;
}
.s_dpdr{
  border-radius: 0px;
  background: #eb5202;
  color: white;
  font-size: 20px;
}
.s_dpdr:hover{
background: #eb5202;
}
/* .s_upld:hover{
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
color: #fff;
text-decoration: none;
text-shadow: -1px -1px 0 #136a65;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
background-color: #138D75;
} */

@media (min-width: 1025px) {
  .has-dropdown:hover > ul {
      opacity: 1;
      visibility: visible; }
    .ah-list > .has-dropdown:hover > ul {
      top: 30%; 
      margin-left: 150px;
      display: block;
    }
    .has-dropdown .has-dropdown:hover > ul {
      top: 0; }
    .ah-list > .has-dropdown:hover > a {
      color: #ff4500; }
    .has-dropdown > a .fa-angle-right {
      font-size: 10px;
      line-height: 18px;
      float: right; }
    .has-dropdown:hover > a .i-state-right:before {
      content: "\F105"; }
}    

.has-dropdown > ul .has-dropdown {
  position: relative; }

.has-dropdown > ul {
  position: absolute;
  text-align: left;
  cursor: pointer;
  /* padding: 20px 0 20px; */
  z-index: 999;
  /* white-space: nowrap; */
  transition: all 0.3s ease;
  top: 120%;
  opacity: 0;
  visibility: hidden; }
  .has-dropdown > ul > li > a {
    display: block;
    padding: 8px 20px;
    color: #333333;
    font-size: 12px;
    font-weight: 600; }

.has-dropdown--ul-left-100 > ul {
  left: 100%; }

.has-dropdown--ul-right-100 > ul {
  right: 100%; }


.s_drgble{
  width: 80%;  
  white-space: pre;
}

/*--------Table-------*/
/* .table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}

.table th,
.table td {
padding: 1rem;
vertical-align: top;
border-top: 1px solid #e9ecef;
}

.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}

.table tbody + tbody {
border-top: 2px solid #e9ecef;
}

.table .table {
background-color: #f8f9fe;
}

.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c1c2c3;
}

.table .thead-dark th {
color: #f8f9fe;
border-color: #1f3a68;
background-color: #172b4d;
}*/

.table .thead-light th {
color: darkblue;
/* border-style: groove; */
border-color: black;
background-color: #e9ecef;
border-bottom: 1px solid #e9ecef;
position: sticky;
top: -2px;
z-index: 1;
}

.delete-btn{
    float: right;
    position: relative;
    margin-top: -25%;
    left: -8px;
    z-index: 100;
}

/*.table-dark {
color: #f8f9fe;
background-color: #172b4d;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #1f3a68;
}

.table-responsive {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} */

.table-responsive {
overflow-x: auto; 
border: 1px solid black;
background-color: #fff;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
/*overflow-y: scroll;
height: 200px; */
}     
.table-p {
width: 100%;
border: 1px solid #eee;
border-collapse: collapse; 
background-color: white;
}
.table-p tr {
  position: relative;
  border-top: 1px solid #eee; }
.table-p td {
  padding: 20px; }
.data-grid-th._sortable {
cursor: pointer;
transition: background-color .1s linear;
z-index: 1;
}
.data-grid-th {
background-clip: padding-box;
color: black;
background-color: ;
padding: 5px 5px;
position: relative;
vertical-align: middle;
font-size: 13px;
/* border-bottom: 1px solid black; */
}
th {
background-color: #c1c2c3;
/* border: 0.1rem solid #8a837f; */
/* background-color: #A569BD;
border: 0.1rem solid black; */
border-left-color: transparent;
color: #fff;
font-weight: 600;
padding: 0;
text-align: left;
}
.table-p td {
padding: 10px;
cursor: pointer;
border-bottom: 1px solid black;
}
table,
  th,
  td {
      border: 1px solid black;
      border-collapse: collapse;
  }    
.s_primary1{
padding-bottom: 6px;
width: 120%;
margin-left: -27px;
margin-top: 20px;
height: 50px;
border-radius: 5px;
background-color: #138D75;
color: #fff;
border: 1px solid #16A085;
box-shadow: 1px 8px 10px #2E4053;
}    
/* .s_primary1:hover{
box-shadow: 1px 8px 10px #2E4053;
} */

/*-------------------------------*/


/*-----VendorProductContainer-----*/

/*----toggleswitch-----*/

.switch {
position: relative;
display: inline-block;
width: 50px;
height: 22px;
}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 8px;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 0px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.toggle-switch {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
}
.toggle-switch input[type="checkbox"] {
display: none;
}
.toggle-switch .switch {
position: absolute;
cursor: pointer;
background-color: #ccc;
border-radius: 25px;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color 0.2s ease;
}
.toggle-switch .switch::before {
position: absolute;
content: "";
left: 1px;
top: 0px;
width: 21px;
height: 21px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s ease;
}
.toggle-switch input[type="checkbox"]:checked + .switch::before {
transform: translateX(25px);
background-color: #6699cc;
}
.toggle-switch input[type="checkbox"]:checked + .switch {
background-color: #336699;
}

/*----------------*/

.slt_mult{
width: 130px;
padding: 5px;
}
.int_txt5{
border: 1px solid #566573;
box-shadow: 5px 5px 10px #566573;
}
.int_txt58{
width: 30%;
border: 1px solid #566573;
box-shadow: 5px 5px 10px #566573;
}
.cntrl_slt{
width: 70%;
}
.star5{
color: #0da57d;
}
.c_lbl{
font-size: 18px;
margin-top: 5px;
}
.admin__control-textarea {
line-height: 1.18;
padding-top: 0.8rem;
resize: vertical;
}
.ara_txt5{
width: 70%;
}
.s_slt_mult{
width: 300px;
padding: 5px;
}
.Collapsible__trigger{
font-weight: bold;
}
.s_admn .ara_txt5{
width: 70%;
height: 150px;
padding: 10px 10px;
border: 1px solid #566573;
box-shadow: 5px 5px 10px #566573;
}
.s_imgzm{
height: 200px;
width: 200px;
/* border: 1px solid black; */
margin-left: 20px;
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: -5px -5px 10px #34495e;
}
.s_zoom5{
height: 250px;
width: 250px;
background-color: #ffffff;
box-shadow: 5px 5px 20px #34495e;
}
.s_hd_cont label{
font-weight: 500;
font-size: 17px;
}
.img--zoom1{
display: flex;
}
.s_headnm{
font-weight: 700;
color: #196F3D;
font-size: 35px;
font-family: Times New Roman;
text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
  0px -4px 10px rgba(255,255,255,0.3);
/* text-shadow: 0 1px 0px #378ab4, 
1px 0 0px #5dabcd, 
1px 2px 1px #378ab4, 
2px 1px 1px #5dabcd, 
2px 3px 2px #378ab4, 
3px 2px 2px #5dabcd, 
3px 4px 2px #378ab4, 
4px 3px 3px #5dabcd, 
4px 5px 3px #378ab4, 
5px 4px 2px #5dabcd, 
5px 6px 2px #378ab4, 
6px 5px 2px #5dabcd, 
6px 7px 1px #378ab4, 
7px 6px 1px #5dabcd, 
7px 8px 0px #378ab4, 
8px 7px 0px #5dabcd; */

/* text-shadow: 0 1px 0 #378ab4,
0 2px 0 #5dabcd,
0 3px 0 #378ab4,
0 4px 0 #5dabcd,
0 5px 0 #378ab4,
0 6px 1px #5dabcd,
0 0 5px #378ab4,
0 1px 3px #5dabcd,
0 3px 5px #378ab4,
0 5px 10px #5dabcd,
0 10px 10px #378ab4,
0 20px 20px #5dabcd; */
}

.s_headnm5{
font-weight: 600;
font-size: 17px;
}
#L_button{
padding: 5px;
background: #0da57d;
font-size: 20px;
color: white;
}
.s_srch{
font-size: 20px;
margin-top: 10px;
}
.s_inptfrm{
display: block;
width: 200%;
margin-left: -65px;
}
#s_act{
right: -200px;
top: 2px;
}
.input-error{
border: 1px solid red !important;
}
.s_chooseimg{
/* background-image: url('../img/Capture20.jpg'); */
border: 1px solid black;
height: 200px;
width: 190px;
padding-top: 82px;
padding-left: 45px;
color: #f5f5f5;
}
.s_primary23{
height: 50px;
width: 200px;
border-radius: 25px;
margin-left: -50px;
background-color: #138D75;
color: #fff;
border: 1px solid #16A085;
box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

/*---- tab ----*/

a:hover,
a:focus{
  text-decoration: none;
  outline: none;
}
.tab{
  font-family: 'Source Sans Pro', sans-serif;
  padding: 15px;
  /* box-shadow: 5px 5px 10px #566573;
  background-color: #fff; */
}
.tab .nav{
flex-wrap: nowrap;
}
.tab .nav-tabs{
  margin: 0;
  border: none;
}
.tab .nav-tabs li{ width: 33.33%; }
.tab .nav-tabs li a{
  color: #555;
  background: linear-gradient(#fcfcfc, #f5f5f5);
  /* font-size: 17px; */
  /* background: #EAECEE; */
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 25px 10px;
  margin: 0 2px 3px 0;
  border: none;
  border-radius: 0;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover{
  color: #0da57d;
  background: linear-gradient(#fcfcfc, #f5f5f5, #fcfcfc);
  border: none;
}
.tab .nav-tabs li a:before{
  content: "";
  background: linear-gradient(#1dd1a1 50%, #0da57d 50%);
  /* background: linear-gradient(#AF7AC5 50%, #7D3C98 50%); */
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-out 0s;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before{
  opacity: 1;
  transform: translateY(-21.5px) scale(0.3);
}
.tab .tab-content{
  color: #555555;
  background: linear-gradient(#fcfcfc,#f5f5f5,#fcfcfc);
  /* background: #EAECEE; */
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  padding: 20px;
  position: relative;
  box-shadow: 5px 5px 10px #566573;
}
.s_primrry{
margin-right: 78px;
height: 170%;
width: 150%;
border-radius: 1px;
background-color: #138D75;
color: #fff;
border: 2px solid #16A085;
font-weight: 600;
}
.s_primrry:hover{
box-shadow: 1px 8px 10px #2E4053;
background-color: #0B5345;
}
.s_primrry10{
margin-left: -150%;
height: 180%;
width: 150%;
border-radius: 1px;
background-color: #138D75;
color: #fff;
border: 2px solid #16A085;
font-weight: 600;
}
.s_primrry10:hover{
box-shadow: 1px 8px 10px #2E4053;
background-color: #0B5345;
}
.s_mnubttn .dropdown-toggle::after{
font-size: 20px;
margin-left: 0.5em;
vertical-align: 0.1em;
}
.s_mtop{
margin-top: -118px;
}
.s_defitchked{
border: 1px solid black;
margin-left: 30px;
}

@media only screen and (max-width: 479px){
  .tab .nav-tabs li{
      width: 100%;
      text-align: center;
  }
  .tab .nav-tabs li a{ margin: 0 0 15px; }
}

.card{
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
}
#css_tab{
margin-top: -2%;
}

#s_wrapp .warpper{
display:flex;
flex-direction: column;
align-items: center;
}
#s_wrapp .tab{
cursor: pointer;
padding:10px 20px;
margin:0px 2px;
background:#000;
display:inline-block;
color:#fff;
border-radius:3px 3px 0px 0px;
box-shadow: 0 0.5rem 0.8rem #00000080;
}
#s_wrapp .panels{
background:#fffffff6;
box-shadow: 0 2rem 2rem #00000080;
min-height:200px;
width:100%;
max-width:500px;
border-radius:3px;
overflow:hidden;
padding:20px;  
}
#s_wrapp .panel{
display:none;
animation: fadein .8s;
}
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
#s_wrapp .panel-title{
font-size:1.5em;
font-weight:bold
}
#s_wrapp .radio{
display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
background:#fffffff6;
color:#000;
border-top: 3px solid #000;
}/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Base Styles
2.0 Typography
3.0 Pre-configured styles
4.0 Layout Utility Styles
5.0 Components
6.0 Header
  6.1 Primary Nav
  6.2 Secondary Nav
7.0 Footer
  7.1 Outer-Footer
  7.3 Lower-Footer
9.0 About-Page
10.0 Contact-Page
11.0 Cart-Wishlist-Pages
12.0 Empty-404-Pages
13.0 Checkout-Page
14.0 Signin Signup Lost Password-Page
15.0 FAQ-Page
16.0 Dashboard-Pages
17.0 Blog-Pages
18.0 Product-Detail-Pages
19.0 Shop-Pages
20.0 Vendor Extension Pages
  20.1 Bootstrap
  20.2 jquery.shopnav
  20.3 Owl-Carousel
  20.4 jquery.scrollUp
  20.5 Slick Carousel

--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Base Styles
--------------------------------------------------------------*/


/**
 * Setup box-sizing
 */

 html {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html.boxed {
    background-color: #eee;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}


/**
 * Set up a background-color and height on the root and body element.
 */


/**
 * Set up a background-color and height on the root and body element.
 */

body {
    line-height: 1.5;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
}

.config {
    overflow: hidden;
}


/**
 * Basic styles for headings and paragraph
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}


/* h1 {
  font-size: 50px;
  line-height: 50px;
 } */

h2 {
    font-size: 32px;
    line-height: 46px;
}

h3 {
    font-size: 18px;
    line-height: 32px;
    text-transform: none;
}

h4 {
    font-size: 16px;
    line-height: 30px;
}

h5 {
    font-size: 15px;
    line-height: 30px;
}

p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
}


/**
 * Basic styles for links
 */

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}


/**
 * Basic style for image element
 */

img {
    border: 0;
}

img:focus {
    outline: none;
}


/**
 * Basic style for iframe element
 */

iframe {
    border: none;
    overflow: hidden;
}

iframe[src*="soundcloud"] {
    width: 100%;
}


/*--------------------------------------------------------------
Box Module
--------------------------------------------------------------*/


/* Body Element */

@media (min-width: 576px) {
    html.boxed body {
        background-color: #ffffff;
        margin: 0 auto;
    }
}

@media (min-width: 576px) {
    html.boxed body {
        max-width: 546px;
    }
}

@media (min-width: 791px) {
    html.boxed body {
        max-width: 770px;
    }
}

@media (min-width: 1025px) {
    html.boxed body {
        max-width: 990px;
    }
}

@media (min-width: 1230px) {
    html.boxed body {
        max-width: 1200px;
    }
}


/* Header with container Element */

@media (max-width: 1024px) {
    html.boxed header .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1025px) {
    html.boxed header .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}


/* Header & Footer Element */

@media (min-width: 576px) {
    html.boxed header,
    html.boxed footer {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

@media (min-width: 576px) {
    html.boxed header,
    html.boxed footer {
        max-width: 456px;
    }
}

@media (min-width: 791px) {
    html.boxed header,
    html.boxed footer {
        max-width: 770px;
    }
}

@media (min-width: 1025px) {
    html.boxed header,
    html.boxed footer {
        max-width: 990px;
    }
}

@media (min-width: 1230px) {
    html.boxed header,
    html.boxed footer {
        max-width: 1200px;
    }
}


/* App Content exclude Header & Footer */

@media (min-width: 576px) {
    html.boxed .app-content {
        margin: 0 auto;
        overflow: hidden;
    }
}

@media (min-width: 576px) {
    html.boxed .app-content {
        max-width: 546px;
    }
}

@media (min-width: 791px) {
    html.boxed .app-content {
        max-width: 770px;
    }
}

@media (min-width: 1025px) {
    html.boxed .app-content {
        max-width: 990px;
    }
}

@media (min-width: 1230px) {
    html.boxed .app-content {
        max-width: 1200px;
    }
}


/* App Content with container */

@media (max-width: 1024px) {
    html.boxed .app-content .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1025px) {
    html.boxed .app-content .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}


/* Footer with container Element */

@media (max-width: 1024px) {
    html.boxed footer .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1025px) {
    html.boxed footer .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/


/**
 * Basic typography style for copy text
 */

body {
    color: #7f7f7f;
    font-family: "Helvetica Neue";
}


/*--------------------------------------------------------------
3.0 Pre-configured styles
--------------------------------------------------------------*/


/**
* JavaScript Disabled Page
*/

.no-js #app {
    display: none;
}

.app-setting {
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    z-index: 1000001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.app-setting__wrap {
    text-align: center;
    padding: 2.1875rem;
    background-color: #fbfbfb;
    border-left: 0.1875rem solid #1d708a;
}

.app-setting__h1 {
    font-size: 2.0625rem;
    font-weight: 700;
    line-height: 42px;
    color: #333333;
}

.app-setting__text {
    font-size: 0.8125rem;
    color: #ababab;
}


/**
* Preloader
*/

.preloader.is-active {
    width: 100%;
    text-align: center;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000000;
    background: white;
    display: block;
}

.preloader {
    display: none;
}

.preloader__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.preloader__img {
    display: block;
}


/*
  * Row modifier class
 */

.row--center {
    -ms-flex-pack: center;
    justify-content: center;
}


/*
  * Fitvids plugin modifier class
 */

.fluid-width-video-wrapper {
    background-color: #f5f5f5;
}


/*
  * Social media classes with property background-color & color.
  * 's' is a prefix and represents a social media class.
 */


/* Facebook */

.s-fb--bgcolor-hover:hover {
    background-color: #4267b2;
}

.s-fb--color-hover:hover {
    color: #4267b2;
}

.s-fb--color {
    color: #4267b2;
}


/* Twitter */

.s-tw--bgcolor-hover:hover {
    background-color: #38A1F3;
}

.s-tw--color-hover:hover {
    color: #38A1F3;
}

.s-tw--color {
    color: #38A1F3;
}


/* instagram */

.s-insta--bgcolor-hover:hover {
    background-color: #f77737;
}

.s-insta--color-hover:hover {
    color: #f77737;
}

.s-insta--color {
    color: #f77737;
}


/* youtube */

.s-youtube--bgcolor-hover:hover {
    background-color: #1d708a;
}

.s-youtube--color-hover:hover {
    color: #1d708a;
}

.s-youtube--color {
    color: #1d708a;
}


/* linkedin */

.s-linked--bgcolor-hover:hover {
    background-color: #0077B5;
}

.s-linked--color-hover:hover {
    color: #0077B5;
}

.s-linked--color {
    color: #0077B5;
}


/* googleplus */

.s-gplus--bgcolor-hover:hover {
    background-color: #dd4b39;
}

.s-gplus--color-hover:hover {
    color: #dd4b39;
}

.s-gplus--color {
    color: #dd4b39;
}


/* Whats App */

.s-wa--color {
    color: #25d366;
}

.s-wa--color-hover:hover {
    color: #25d366;
}


/*
  * Global classes you can use these classes on elements and components of your application.
  * Remember: Don't confuse your mind with utility classes & Global classes.
  * Utility class has a prefix 'u' that represents root namespace also has a sub-namespace
  * prefix. These are low-level utility classes that make it easy to build complex user interfaces.
  * Global class has a prefix 'gl' and these classes are ready-made styles that you could
  * use on different elements like span, div, h1, h3 and components like button, selectbox. scrollbar etc.
 */


/*
  * Chrome Default Style for scrollbar
 */

.gl-scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.gl-scroll::-webkit-scrollbar-track {
    background: #eee;
}

.gl-scroll::-webkit-scrollbar-thumb {
    background: #888;
}

.gl-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*
  * Global Rating Style apply on any div that has `i` element as children
 */

.gl-rating-style>i {
    margin-left: 2px;
    color: #ff9600;
}

.gl-rating-style>i:first-child {
    margin-left: 0;
}

.gl-rating-style-2>i {
    margin-left: 2px;
    color: #1d708a;
}

.gl-rating-style-2>i:first-child {
    margin-left: 0;
}


/*
  * Signup, Login Social Buttons
 */

.gl-s-api {
    width: 80%;
    margin: 0 auto;
}

.gl-s-api__btn {
    border: none;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100%;
    padding: 12px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.5s linear;
}

.gl-s-api__btn:focus {
    outline: 0;
}

.gl-s-api__btn span {
    margin-left: 10px;
}

.gl-s-api__btn--fb {
    background-color: #4267b2;
}

.gl-s-api__btn--fb:hover {
    background-color: #3b5c9f;
}

.gl-s-api__btn--gplus {
    background-color: #dd4b39;
}

.gl-s-api__btn--gplus:hover {
    background-color: #d73925;
}


/*
 * Inline Maker 1
  */

.gl-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.gl-inline div {
    -ms-flex: 1;
    /* flex: 1;*/
    margin-right: 14px;
}

.gl-inline div:last-child {
    margin-right: 0;
}


/*
 * Inline Maker 1
  */

.gl-inline-t {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.gl-inline-t div {
    flex: 1;
    margin-right: 14px;
}

.gl-inline-t div:last-child {
    margin-right: 0;
}


/*
* Inline Maker 2
 */

.gl-l-r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/**
  * DOB: Date of Birth Select Box
 */

.gl-dob {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.gl-dob .select-box {
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
}

.gl-dob .select-box:last-child {
    margin-right: 0;
}

.gl-link {
    font-size: 12px;
    font-weight: 600;
    color: #1d708a;
    transition: color 0.5s linear;
}

.gl-link:hover {
    color: #1d708a;
}

.gl-h1 {
    color: #333333;
    font-size: 18px;
}

.gl-text {
    display: block;
    color: #a0a0a0;
    font-size: 13px;
}

.gl-label {
    margin-bottom: 8px;
    display: block;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
}


/**
* Global Tag
 */

.gl-tag {
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 13px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 22px;
}

.gl-tag:last-child {
    margin-right: 0;
}


/*
* Global Modal Classes
 */

.gl-modal-h1 {
    margin-bottom: 8px;
    line-height: 1;
    display: block;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
}

.gl-modal-text {
    color: #a0a0a0;
    font-size: 13px;
}

.gl-modal-btn-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.gl-modal-btn-group button {
    margin-right: 12px;
}

.gl-modal-btn-group button:last-child {
    margin-right: 0;
}

@media (max-width: 575px) {
    .gl-inline {
        display: block;
    }
    .gl-inline div {
        display: block;
        margin-right: 0;
    }
    .gl-l-r {
        display: block;
    }
    .gl-dob {
        display: block;
    }
    .gl-dob .select-box {
        width: 100%;
        margin-bottom: 8px;
        margin-right: 0;
    }
    .gl-dob .select-box:last-child {
        margin: 0;
    }
}


/**
  * Default Pulse Animation
 */

@-webkit-keyframes mypulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7;
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
    }
}

@keyframes mypulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7;
    }
    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
    }
}


/*--------------------------------------------------------------
4.0 Layout Utility Styles
--------------------------------------------------------------*/


/**
 * Utility classes for colors:
 * Convey meaning through color with a handful of color utility classes.
 * Includes support for styling links too.
 */

.u-c-brand {
    color: #1d708a !important;
}

.u-c-secondary {
    color: #333333 !important;
}

.u-c-white {
    color: #ffffff !important;
}

.u-c-black {
    color: #000000 !important;
}

.u-c-grey {
    color: #7f7f7f !important;
}

.u-c-silver {
    color: #a0a0a0 !important;
}


/*
  * Display Utility
 */

.u-d-block {
    display: block;
}


/*
  * Sizing
  * Easily make an element as wide or as tall (relative to its parent) with our width and height utilities.
 */

.u-w-100 {
    width: 100%;
}

.u-h-100 {
    height: 100%;
}


/**
  * Image Responsive utility classes
 */

.u-img-fluid {
    width: 100%;
    max-width: 100%;
    height: 120px;
}

.u-img-fluid-signin {
    width: 100%;
    max-width: 100%;
    height: 425px;
}

.u-img-fluid-signin1 {
    width: 100%;
    max-width: 100%;
    height: 550px;
}

.u-img-fluid-signin-forgot {
    width: 100%;
    max-width: 100%;
    height: 345px;
}


/*--------------------------------------------------------------
5.0 Components
--------------------------------------------------------------*/


/* Breadcrumb Component */

.breadcrumb__wrap {
    background-color: #fbfbfb;
    padding: 1.125rem;
    border-radius: 0.1875rem;
}

.breadcrumb__list {
    list-style: none;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

.breadcrumb__list>li {
    display: inline-block;
}

.breadcrumb__list>li>a {
    color: #a0a0a0;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.5s;
}

.breadcrumb__list>li>a:hover {
    color: #333333;
}

.breadcrumb__list>li.is-marked>a {
    color: #333333;
}

.breadcrumb__list>li.has-separator:after {
    content: '/';
    margin: 0 16px;
}


/* Button Component */

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 14px;
}

.btn:focus {
    outline: none;
}

.btn--icon {
    border: none;
    background-color: transparent;
    padding: 0;
}

.btn--e-brand {
    color: #ffffff;
    border: 1px solid transparent;
    background-color: #4da6ff;
    transition: background-color .5s ease-in;
}

.btn--e-brand:hover {
    background-color: white;
}

.btn--e-brand-b-2 {
    color: #ffffff;
    background-color: #1d708a;
    border: 2px solid #1d708a;
    transition: background-color 0.5s ease-in, border-color 0.5s ease-in;
}

.btn--e-brand-b-2:hover {
    background-color: #1d708a;
    border-color: #1d708a;
}

.btn--e-grey-b-2 {
    color: #333333;
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
    transition: background-color 0.5s ease-in, border-color 0.5s ease-in;
}

.btn--e-grey-b-2:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.btn--e-secondary {
    color: #ffffff;
    border: 1px solid transparent;
    background-color: #333333;
    transition: background-color .5s ease-in;
}

.btn--e-secondary:hover {
    background-color: #303030;
}

.btn--e-white-brand {
    border: 1px solid transparent;
    color: #333333;
    background-color: #ffffff;
    transition: background-color .3s linear, color .3s linear;
}

.btn--e-white-brand:hover {
    background-color: #1d708a;
    color: #ffffff;
}

.btn--e-transparent-brand-b-2 {
    background-color: #1d708a !important;
    color: #ffffff;
    transition: border-color .5s ease-in;
    height: 40px;
    width: 100px;
}

.btn--e-transparent-brand-b-2:hover {
    color: #1d708a;
}

.btn--e-transparent-hover-brand-b-2 {
    color: #1d708a;
    border: 2px solid #1d708a;
    background-color: transparent;
    transition: background-color .1s ease-in, border-color .1s ease-in;
}

.btn--e-transparent-hover-brand-b-2:hover {
    background-color: #1d708a;
    color: #ffffff;
}

.btn--e-transparent-secondary-b-2 {
    color: #333333;
    border: 2px solid #333333;
    background-color: transparent;
    transition: border-color .5s ease-in;
}

.btn--e-transparent-secondary-b-2:hover {
    border-color: #303030;
}

.btn--e-transparent-platinum-b-2 {
    color: #333333;
    border: 2px solid #e5e5e5;
    background-color: transparent;
    transition: border-color 0.5s linear;
}

.btn--e-transparent-platinum-b-2:hover {
    border-color: #1d708a;
}

.btn--e-white-brand-shadow {
    border: 1px solid #eee;
    box-shadow: 1px 2px 8px 0 rgba(36, 37, 38, 0.08);
    background-color: #ffffff;
    color: #333333;
    transition: background-color .3s linear, border-color .3s linear, color .3s linear;
}

.btn--e-white-brand-shadow:hover {
    border-color: #1d708a;
    background-color: #1d708a;
    color: #ffffff;
}

.btn--e-brand-shadow {
    border: 1px solid #1d708a;
    box-shadow: 1px 2px 8px 0 rgba(36, 37, 38, 0.08);
    background-color: #1d708a;
    color: #ffffff;
    transition: background-color .3s linear, border-color .3s linear;
}

.btn--e-brand-shadow:hover {
    border-color: #1d708a;
    background-color: #1d708a;
}


/* Countdown Component */

.countdown--style-special {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.countdown--style-special .countdown__content {
    margin: 0 6px 10px;
    text-align: center;
    padding: 5px 24px;
    background-color: rgba(255, 255, 255, 0.98);
}

.countdown--style-special .countdown__value {
    font-size: 35px;
    font-weight: 600;
    display: block;
    color: #333333;
}

.countdown--style-special .countdown__key {
    font-size: 12px;
    font-weight: 600;
    display: block;
    color: #1d708a;
}

.countdown--style-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.countdown--style-banner .countdown__content {
    margin: 0 10px 10px;
    text-align: center;
    padding: 5px 24px;
    background-color: #333333;
}

.countdown--style-banner .countdown__value {
    font-size: 48px;
    font-weight: 600;
    display: block;
    color: #ffffff;
}

.countdown--style-banner .countdown__key {
    font-size: 12px;
    font-weight: 600;
    display: block;
    color: #ffffff;
}

.countdown--style-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.countdown--style-section .countdown__content {
    margin: 18px 20px 20px 0;
    padding: 8px 22px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
    background-color: rgba(255, 255, 255, 0.98);
}

.countdown--style-section .countdown__value {
    font-size: 26px;
    font-weight: 600;
    display: block;
    color: #333333;
}

.countdown--style-section .countdown__key {
    font-size: 10px;
    font-weight: 600;
    display: block;
    color: #1d708a;
}


/* Input-Counter Component */

.input-counter {
    position: relative;
    display: inline-block;
    max-width: 132px;
    min-width: 132px;
}

.input-counter__text {
    border-radius: 25px;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.input-counter__text:focus {
    outline: 0;
}

.input-counter--text-primary-style {
    color: #333333;
    transition: all 0.6s linear;
    border: 2px solid transparent;
    background-color: #f1f1f1;
}

.input-counter--text-primary-style:focus {
    background-color: transparent;
    border-color: #1d708a;
}

.input-counter__minus,
.input-counter__plus {
    top: 0;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    width: 50px;
    line-height: 50px;
    height: 100%;
    text-align: center;
    color: #7f7f7f;
    transition: color 0.5s;
}

.input-counter__minus:hover,
.input-counter__plus:hover {
    color: #333333;
}

.input-counter__minus {
    left: 0;
}

.input-counter__plus {
    right: 0;
}


/* Input Text Component */

.input-text {
    font-size: 12px;
    background-clip: padding-box;
    padding: 0 18px;
    height: 40px;
}

.input-text--border-radius {
    border-radius: 25px;
}

.input-text--primary-style {
    color: #333333;
    transition: all 0.6s linear;
    border: 2px solid transparent;
    background-color: #f1f1f1;
}

.input-text--primary-style:focus {
    /* background-color: transparent;
      border-color: #1d708a;*/
}

.input-text--style-1 {
    color: #5c636c;
    transition: all 0.6s linear;
    border: 1px solid transparent;
    background-color: #f1f1f1;
}

.input-text--style-1:focus {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background-color: transparent;
    border-color: #eee;
}

.input-text--style-2 {
    color: #5c636c;
    border: 1px solid transparent;
    background-color: #f1f1f1;
    transition: all 0.6s linear;
}

.input-text--style-2:focus {
    background-color: #ffffff;
}

.input-text--only-white {
    border: 1px solid transparent;
    color: #333333;
    background-color: #ffffff;
}

.input-text:focus {
    outline: 0;
}

.input-text:disabled {
    background-color: #cecece;
}

input::-ms-clear {
    display: none;
}


/* Preload Aspect Ratio Component */


/*
  * Example 1 For Square: <a class="aspect aspect--bg-grey aspect--square u-d-block"><img src="a.jpg" class="aspect__img" alt=""></a>
  * Example 2 For Non Square: <div class="aspect aspect--bg-grey aspect--1286-890"><img src="a.jpg" class="aspect__img" alt=""></div>
 */


/*
  * Some Points to use Aspect Ratio Component classes:
  * Make sure the element on which it adds, it would be a block or inline-block element,
  * if it is not then you could add utility class 'u-d-block', 'u-d-inline-block' or you
  * could directly target that element with CSS to make inline or block.
  * By default '.aspect--square' or '.aspect--16:9: resolution' class takes height according to
  * the height of the child image element.
  * But if the parent element is a flex element then aspect ratio technique doesn't work because
  * '.aspect--square' or '.aspect--16:9: resolution' contains padding top/bottom property with a
  * percentage value.
  * There are also some cases you do not want to have '.aspect--square' or '.aspect--16:9: resolution'
  * class to take width & height that match with child image element.
  * Then you could append CSS class or directly target that parent element with CSS and
  * set your custom width & height.
  * If the image has aspect ratio square, i.e. 4:3 then you would add class '.aspect--square'
  * on the element. This class has a padding-bottom:100% property.
  * 100% means to take the entire height of the image.
  * If the image doesn't have aspect ratio square then to make a custom class
  * like '.aspect--imageWidth-imageHeight' and use ready-made sass function() nonsquare(imageWidth,imageHeight)
  * that returns padding-bottom property with the value calculated according to image resolution.
  * You could also change the background-color of placeholder according to your own choice.
  * By default, only 2 classes are generated.
 */

.aspect {
    position: relative;
}

.aspect--bg-grey {
    background-color: #f5f5f5;
}

.aspect--bg-grey-fb {
    background-color: #fbfbfb;
}

.aspect--square {
    padding-bottom: 120%;
}


/*
  * Add this class inside '.aspect' child image element. If you want to make an image responsive then
  * you can use utility u-img-fluid class.
 */

.aspect__img {
    position: absolute;
    width: 100%;
    height: 100%;
}


/* Product Component */

.product-o {
    padding: 20px;
    background-color: #ffffff;
}

.product-o--hover-off {
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.1);
}

.product-o--radius {
    border-radius: 14px;
}

.product-o--hover-on {
    transition: all 0.4s ease-in-out;
}

.product-o--hover-on:hover {
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.1);
}

.product-o:hover .product-o__wrap:before {
    opacity: 1;
}

.product-o:hover .product-o__action-wrap {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.product-o:hover .product-o__action-list>li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product-o__wrap {
    position: relative;
}

.product-o__wrap:before {
    content: "";
    /* background: rgba(0, 0, 0, 0.6); */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.product-o__action-wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}

.product-o__action-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-o__action-list>li {
    margin: 0 4px 6px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all 0.3s ease 0.1s;
}

.product-o__action-list>li>a {
    display: block;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    background-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 12px;
    transition: all 0.3s ease 0s;
}

.product-o__action-list>li>a:hover {
    background-color: #333333;
    color: #ffffff;
}

.product-o__category {
    display: block;
    margin-top: 4px;
}

.product-o__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.product-o__category>a:hover {
    color: #1d708a;
}

.product-o__name>a {
    color: #000000;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    transition: color 0.5s;
    text-transform: capitalize;
    font-style: normal;
}

.product-o__name>a:hover {
    color: #1d708a;
}

.product-o__rating {
    margin-bottom: 4px;
}

.product-o__rating i {
    font-size: 12px;
}

.product-o__review {
    margin-left: 4px;
    font-size: 12px;
    color: rgb(0, 113, 133)
}

.product-o__price {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
    font-style: normal;
}

.product-o__free {
    display: block;
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    text-transform: capitalize;
    font-style: normal;
}

.product-o__discount {
    font-weight: 600;
    margin-left: 30px;
    color: #333333;
    font-size: 14px;
    text-decoration: line-through;
}

.product-o__countdown-wrap {
    margin-top: 16px;
}

.product-o__special-count-wrap {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.x-product {
    padding: 20px;
    border-radius: 6px;
    transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.x-product .row {
    -ms-flex-align: center;
    align-items: center;
}

.x-product__feature-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x-product:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.feature {
    margin-bottom: 20px;
}

.feature__name {
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    display: block;
}

.feature__value {
    color: #7f7f7f;
    font-size: 12px;
    display: block;
}

.product-l {
    display: -ms-flexbox;
    display: flex;
}

.product-l__img-wrap {
    margin-right: 20px;
}

.product-l__rating i {
    font-size: 12px;
}

.product-l__link {
    width: 110px;
    height: 110px;
}

.product-l__category {
    display: block;
}

.product-l__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.product-l__category>a:hover {
    color: #1d708a;
}

.product-l__name {
    display: block;
    margin-bottom: 4px;
}

.product-l__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.product-l__name>a:hover {
    color: #1d708a;
}

.product-l__price {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.product-l__discount {
    font-weight: 600;
    margin-left: 15px;
    color: #1d708a;
    font-size: 14px;
    text-decoration: line-through;
}

.product-o2 {
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
}

.product-o2__wrap {
    position: relative;
    overflow: hidden;
}

.product-o2__action-wrap {
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: all 0.6s linear;
    left: 20px;
    top: 20px;
}

.product-o2__action-list {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}

.product-o2__action-list>li {
    margin-bottom: 6px;
}

.product-o2__action-list>li>a {
    display: inline-block;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    background-color: #1d708a;
    color: #ffffff;
    font-size: 12px;
    transition: all 0.3s ease 0.1s;
}

.product-o2__action-list>li>a:hover {
    background-color: #ffffff;
    color: #1d708a;
}

.product-o2__action-list>li:last-child {
    margin-bottom: 0;
}

.product-o2__countdown-wrap {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 60px;
    height: 100%;
}

.product-o2__img {
    transition: all 0.6s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-o2__content {
    padding: 10px;
}

.product-o2__category {
    display: block;
    margin-top: 4px;
}

.product-o2__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.product-o2__category>a:hover {
    color: #1d708a;
}

.product-o2__name {
    display: block;
}

.product-o2__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.product-o2__name>a:hover {
    color: #1d708a;
}

.product-o2__rating {
    margin-bottom: 4px;
}

.product-o2__rating i {
    font-size: 12px;
}

.product-o2__review {
    margin-left: 4px;
    font-size: 12px;
    color: #a0a0a0;
}

.product-o2__price {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.product-o2__discount {
    font-weight: 600;
    margin-left: 30px;
    color: #333333;
    font-size: 14px;
    text-decoration: line-through;
}

.product-o2:hover .product-o2__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-o2:hover .product-o2__action-wrap {
    opacity: 1;
}

.product-r {
    border-radius: 15px;
    overflow: hidden;
    background-color: #ffffff;
    transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 2px 2px 8px 3px rgba(36, 37, 38, 0.08);
}

.product-r__container {
    position: relative;
}

.product-r__ribbon-wrap {
    position: absolute;
    top: 0;
    right: 25px;
}

.product-r__action-wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}

.product-r__action-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-r__action-list>li {
    margin: 0 4px 6px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all 0.3s ease 0.1s;
}

.product-r__action-list>li>a {
    display: block;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    background-color: #ffffff;
    color: #1d708a;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
    font-size: 12px;
    transition: all 0.3s ease 0s;
}

.product-r__action-list>li>a:hover {
    background-color: #ffffff;
    color: #1d708a;
}

.product-r__info-wrap {
    padding: 14px;
}

.product-r__category {
    display: block;
    margin-bottom: 2px;
}

.product-r__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.product-r__category>a:hover {
    color: #1d708a;
}

.product-r__n-p-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px;
}

.product-r__name,
.product-r__price {
    -ms-flex: 0 1 auto;
}

.product-r__name {
    display: block;
}

.product-r__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.product-r__name>a:hover {
    color: #1d708a;
}

.product-r__price {
    display: block;
    font-weight: 600;
    color: #1d708a;
    font-size: 16px;
}

.product-r__description {
    margin-bottom: 6px;
    display: block;
    color: #7f7f7f;
    font-size: 12px;
}

.product-r:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.product-r:hover .product-r__action-wrap {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.product-r:hover .product-r__action-list>li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product-bs {
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

.product-bs__container {
    padding: 20px;
}

.product-bs__wrap {
    position: relative;
    margin-bottom: 4px;
}

.product-bs__action-wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}

.product-bs__action-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-bs__action-list>li {
    margin: 0 4px 6px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all 0.3s ease 0.1s;
}

.product-bs__action-list>li>a {
    display: block;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    background-color: #1d708a;
    color: #ffffff;
    font-size: 12px;
    transition: all 0.3s ease 0s;
}

.product-bs__action-list>li>a:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    color: #1d708a;
}

.product-bs__category {
    display: block;
}

.product-bs__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.product-bs__category>a:hover {
    color: #1d708a;
}

.product-bs__name {
    display: block;
}

.product-bs__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.product-bs__name>a:hover {
    color: #1d708a;
}

.product-bs__rating {
    margin-bottom: 4px;
}

.product-bs__rating i {
    font-size: 12px;
}

.product-bs__review {
    margin-left: 4px;
    font-size: 12px;
    color: #a0a0a0;
}

.product-bs__price {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.product-bs__discount {
    font-weight: 600;
    margin-left: 30px;
    color: #333333;
    font-size: 14px;
    text-decoration: line-through;
}

.product-bs:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.product-bs:hover .product-bs__action-wrap {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.product-bs:hover .product-bs__action-list>li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product-short {
    background-color: #fbfbfb;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

.product-short:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.product-short__container {
    padding: 30px;
}

.product-short__info {
    margin-top: 14px;
}

.product-short__price {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #1d708a;
}

.product-short__name {
    display: block;
}

.product-short__name>a {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    transition: color 0.5s;
}

.product-short__name>a:hover {
    color: #1d708a;
}

.product-short__category {
    display: block;
}

.product-short__category>a {
    font-size: 11px;
    color: #a0a0a0;
    transition: color 0.5s;
}

.product-short__category>a:hover {
    color: #1d708a;
}


/* Checkbox, Radio Component */


/*
  * Remember these are very important styles and make sure input checkbox always has a greater z-index from label
  * and any other div's.
  * Remember these styles make checkbox horizontal center, and when you click out of the boundary region
  * Behind the scenes checkbox has a opacity 0 but it will be checked.
 */

.check-box [type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 16px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.radio-box [type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 16px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.check-box {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
}

.check-box__label {
    position: initial;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
    margin-left: 24px;
    white-space: normal;
}

.check-box__label:before,
.check-box__label:after {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    border: 2px solid transparent;
    z-index: 0;
    transition: all .5s ease;
    position: absolute;
    left: 0;
    top: 0;
}

.check-box__label:before {
    background-color: #f1f1f1;
}

.check-box__label:after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

.check-box input:checked~.check-box__state label:before {
    -webkit-animation: mypulse 1s;
    animation: mypulse 1s;
}

.check-box input:checked~.check-box__state.check-box__state--primary label:before {
    border-color: #1d708a;
    background-color: #ffffff;
}

.check-box input:checked~.check-box__state.check-box__state--primary label:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    background-color: #1d708a;
}

.radio-box {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
}

.radio-box__label {
    position: initial;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #999;
    white-space: normal;
    margin-left: 24px;
}

.radio-box__label:before,
.radio-box__label:after {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent;
    z-index: 0;
    transition: all .5s ease;
    position: absolute;
    left: 0;
    top: 0;
}

.radio-box__label:before {
    background-color: #f1f1f1;
}

.radio-box__label:after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

.radio-box input:checked~.radio-box__state label:before {
    -webkit-animation: mypulse 1s;
    animation: mypulse 1s;
}

.radio-box input:checked~.radio-box__state.radio-box__state--primary label:before {
    border-color: #1d708a;
    background-color: #ffffff;
}

.radio-box input:checked~.radio-box__state.radio-box__state--primary label:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    background-color: #1d708a;
}


/* Select-Box Component */

.select-box {
    display: block;
    max-width: 100%;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 12px 11px 15px;
    cursor: pointer;
    line-height: 1.2;
}

.select-box--primary-style {
    color: #333333;
    border: 2px solid transparent;
    background-color: #f1f1f1;
}

.select-box--transparent-b-2 {
    color: #333333;
    border: 1px solid transparent;
    background-color: transparent;
}

.select-box:focus {
    outline: 0;
}

.select-box::-ms-expand {
    background-color: transparent;
    border: 0;
}

.select-box:disabled {
    background-color: #cecece;
}

.select-box--primary-style:focus::-ms-value {
    color: #333333;
    background-color: #f1f1f1;
}

.select-box--transparent-b-2:focus::-ms-value {
    color: #333333;
    background-color: #ffffff;
}


/* Textarea Component */

.text-area {
    height: 100%;
    font-size: 12px;
    font-weight: 600;
    padding: 18px;
    resize: vertical;
}

.text-area--border-radius {
    border-radius: 25px;
}

.text-area--primary-style {
    color: #5c636c;
    transition: all 0.6s linear;
    border: 2px solid transparent;
    background-color: #f1f1f1;
}

.text-area--primary-style:focus {
    background-color: transparent;
    border-color: #1d708a;
}

.text-area:focus {
    outline: 0;
}


/* Modal Component */

.dismiss-button {
    z-index: 2;
    position: absolute;
    top: 0;
    right: -50px;
    background-color: transparent;
    padding: 8px;
    font-size: 24px;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    transition: color 110ms ease-in-out;
}

.dismiss-button:hover {
    color: #1d708a;
}

#dash-newsletter .modal-dialog {
    width: 100%;
    max-width: 450px;
}

#dash-newsletter .modal-body {
    padding: 1.875rem;
}

.d-modal__form {
    width: 100%;
}

.d-modal__form .btn {
    padding: 14px 46px;
    font-size: 12px;
    font-weight: 600;
}

.d-modal__form a {
    font-size: 15px;
    font-weight: 600;
    color: #1d708a;
    transition: color 110ms ease-in-out;
}

.d-modal__form a:hover {
    color: #7f7f7f;
}

#edit-ship-address .modal-dialog,
#add-ship-address .modal-dialog {
    width: 100%;
    max-width: 750px;
}

#edit-ship-address .modal-body,
#add-ship-address .modal-body {
    padding: 1.875rem;
}

.checkout-modal1__form,
.checkout-modal2__form {
    width: 100%;
}

.checkout-modal1__form .btn,
.checkout-modal1__form .input-text,
.checkout-modal1__form .select-box,
.checkout-modal2__form .btn,
.checkout-modal2__form .input-text,
.checkout-modal2__form .select-box {
    border-radius: 6px;
}

.checkout-modal1__form .input-text,
.checkout-modal1__form .select-box,
.checkout-modal2__form .input-text,
.checkout-modal2__form .select-box {
    width: 100%;
}

.checkout-modal1__form .btn,
.checkout-modal2__form .btn {
    font-weight: 600;
    padding: 16px 46px;
}

#add-to-cart .modal-dialog {
    width: 100%;
    max-width: 550px;
}

#add-to-cart .row {
    -ms-flex-align: center;
    align-items: center;
}

.success {
    text-align: center;
}

.success__text-wrap {
    margin-bottom: 18px;
}

.success__text-wrap i {
    margin-right: 8px;
    font-size: 16px;
    color: #1d708a;
}

.success__text-wrap span {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
}

.success__img-wrap {
    display: inline-block;
    vertical-align: middle;
    background-color: #f5f5f5;
    width: 120px;
    height: 120px;
}

.success__img-wrap img {
    min-width: 120px;
}

.success__name {
    display: block;
    margin: 4px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.success__quantity {
    margin-bottom: 4px;
    display: block;
    font-size: 12px;
    color: #a0a0a0;
}

.success__price {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #1d708a;
}

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

.s-option__text {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    color: #a0a0a0;
}

.s-option__link-box {
    width: 85%;
    margin: 0 auto;
}

.s-option__link {
    margin-bottom: 20px;
    display: block;
    padding: 12px 8px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
}

#quick-look .modal-dialog {
    width: 100%;
    max-width: 991px;
}

#quick-look .modal-body {
    padding: 1.875rem;
}

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

#newsletter-modal .modal-dialog {
    width: 100%;
    max-width: 800px;
}

#newsletter-modal .modal-body {
    padding: 0;
}

#newsletter-modal .new-l__dismiss {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 10px;
    background-color: transparent;
    padding: 8px;
    font-size: 16px;
    border: 0;
    color: #515151;
    cursor: pointer;
}

#newsletter-modal .row {
    -ms-flex-align: center;
    align-items: center;
}

.new-l__img-wrap {
    /* background-color: #f5f5f5; */
    position: relative;
}

.new-l__img-wrap:before {
    transition: all 0.6s linear;
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.new-l__img-wrap:hover:before {
    opacity: none;
}

.new-l__h3 {
    font-size: 26px;
    line-height: 1.2;
    color: #333333;
}

.new-l__p1 {
    font-size: 14px;
    line-height: 21px;
}

.new-l__p2 {
    font-size: 12px;
    color: #a0a0a0;
}

.new-l__link {
    font-size: 13px;
    color: #7f7f7f;
    transition: all .3s;
}

.new-l__link:hover {
    color: #1d708a;
    text-decoration: underline;
}

.new-l__form {
    width: 100%;
}

.new-l__form .btn {
    width: 100%;
}

.new-l__form .btn {
    padding: 13px 30px;
    font-size: 14px;
    font-weight: 600;
}

.news-l__input {
    width: 100%;
    font-size: 12px;
    padding: 0 18px;
    height: 40px;
    color: #333333;
    transition: all 0.6s linear;
    border: 2px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    background-color: #ffffff;
}

.news-l__input:focus {
    border-color: #1d708a;
}

.news-l__input:focus {
    outline: 0;
}

.news-l__input::-ms-clear {
    display: none;
}

@media (max-width: 991px) {
    .new-l__col-1 {
        display: none;
    }
}


/*--------------------------------------------------------------
6.0 Header
--------------------------------------------------------------*/

.header-wrapper {
    position: relative;
}

.header--style-1 {
    background-color: #ffffff;
}

.header--style-2 {
    background-color: #242424;
}

.header--style-3 {
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: 2;
}

.header--box-shadow {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
}


/* 6.1 Primary Nav */

.primary-nav-wrapper--border {
    border-bottom: 1px solid #f8f8f8;
}

.primary-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    height: 80px;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.main-logo {
    display: inline-block;
    vertical-align: top;
}

.main-logo img {
    display: block;
}

.main-form {
    position: relative;
    width: 90%;
    padding: 12px;
}

#main-search {
    padding: 0 36px 0 40px;
    width: 100%;
}

.main-search-button {
    position: absolute;
    top: 55%;
    left: 45px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: white;
}


/* 6.2 Secondary Nav */

.secondary-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    /*height: 80px;*/
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.has-superscript {
    position: relative;
}

.has-superscript:before {
    display: block;
    position: absolute;
    top: 10px;
    left: 40px;
    font-size: 10px;
    padding: 1px 7px;
    color: #ffffff;
}

.has-superscript--discount20:before {
    content: '-20% OFF';
}

.has-superscript--new:before {
    content: 'NEW';
}

.has-superscript--hot:before {
    content: 'HOT';
}

.has-superscript--sale:before {
    content: 'SALE';
}

.has-superscript--purple:before {
    background-color: #8d54ec;
}

.has-superscript--orange:before {
    background-color: #1d708a;
}

.has-superscript--mud:before {
    background-color: #878a85;
}

.has-superscript--ruby:before {
    background-color: #ee1a3d;
}

@media (max-width: 991px) {
    .header--style-3 {
        position: relative;
        background-color: #242424;
    }
}


/*--------------------------------------------------------------
7.0 Footer
--------------------------------------------------------------*/


/* 7.1 Outer-Footer */

.outer-footer {
    padding: 80px 0;
    background-color: #000000;
}

.outer-footer__content-title {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.outer-footer__logo-wrap {
    margin-bottom: 4px;
}

.outer-footer__text-wrap {
    margin-bottom: 6px;
}

.outer-footer__text-wrap>i {
    margin-right: 6px;
    font-size: 14px;
    color: #ffffff;
}

.outer-footer__text-wrap span {
    font-size: 14px;
    color: #ffffff;
}

.outer-footer__social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.outer-footer__social ul>li {
    margin-right: 16px;
}

.outer-footer__social ul>li>a {
    font-size: 14px;
    color: #ffffff;
    transition: color 0.6s;
}

.outer-footer__social ul>li:last-child {
    margin-right: 0;
}

.outer-footer__list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.outer-footer__list-wrap ul>li {
    margin-bottom: 8px;
}

.outer-footer__list-wrap ul>li>a {
    transition: color 0.6s;
    color: #ffffff;
    font-size: 14px;
}

.outer-footer__list-wrap ul>li>a:hover {
    color: #1d708a;
}

.outer-footer__list-wrap ul>li:last-child {
    margin-bottom: 0;
}

.newsletter__group {
    position: relative;
}

.newsletter__btn {
    position: absolute;
    padding: 14px;
    right: 0;
    font-weight: 600;
    font-size: 12px;
    top: 50%;
    border: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.newsletter__text {
    margin-top: 10px;
    display: block;
    color: #ffffff;
    font-size: 14px;
}

.newsletter__radio {
    margin-right: 20px;
}

.newsletter__radio .radio-box__label {
    color: black;
}

.newsletter__radio:last-child {
    margin-right: 0;
}

#newsletter {
    width: 100%;
    padding: 0 100px 0 18px;
}


/* 7.3 Lower-Footer */

.lower-footer {
    background-color: #1d708a;
    padding: 20px 0;
}

.lower-footer__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.lower-footer__copyright,
.lower-footer__payment {
    -ms-flex: 0 1 auto;
}

.lower-footer__copyright span {
    font-size: 13px;
    color: #ffffff;
}

.lower-footer__copyright a {
    margin: 0 1px;
    font-size: 14px;
    line-height: 17px;
    transition: color 0.6s;
    color: white;
    font-weight: normal;
    font-style: normal;
    text-decoration-line: underline;
}

.lower-footer__copyright a:hover {
    color: #1d708a;
}

.lower-footer__img img {
    display: block;
}

.lower-footer__payment ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lower-footer__payment ul>li {
    margin-right: 16px;
}

.lower-footer__payment ul>li>i {
    font-size: 25px;
    color: #ffffff;
}

.lower-footer__payment ul>li:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .lower-footer__content {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .lower-footer__copyright {
        margin-bottom: 8px;
    }
}


/*--------------------------------------------------------------
8.0 Index-Pages:
--------------------------------------------------------------*/

.fixed-list {
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fixed-list>ul {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border-radius: 1.5625rem;
}

.fixed-list>ul>li>a {
    color: #333333;
    text-align: center;
    font-size: 14px;
    padding: 14px;
}

.fixed-list>ul>li>a.active {
    background-color: #1d708a;
    color: #ffffff;
}

.fixed-list>ul>li:first-child>a {
    border-top-left-radius: 1.5625rem;
    border-top-right-radius: 1.5625rem;
}

.fixed-list>ul>li:last-child>a {
    border-bottom-left-radius: 1.5625rem;
    border-bottom-right-radius: 1.5625rem;
}

.bg-anti-flash-white {
    background-color: #f3f3f3;
}

.white-container {
    width: 1220px;
    background-color: #ffffff;
    max-width: 100%;
    margin: 0 auto;
}

.section__intro {
    position: relative;
}

.block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 0;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}

.block__title {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.category-o {
    position: relative;
    border: 2px dashed #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
}

.category-o__img-wrap {
    border-radius: 50%;
}

.category-o__img {
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.6s linear;
}

.category-o__info {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    bottom: 40px;
}

.category-o__shop-now {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07);
    font-size: 13px;
    padding: 10px 25px;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
}

.category-o:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s linear;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
}

.category-o:hover:before {
    opacity: 1;
}

.category-o:hover .category-o__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tab-list {
    margin: 0;
    padding: 0;
}

.tab-list>li {
    margin-right: 8px;
    margin-bottom: 12px;
}

.tab-list>li>a {
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 16px;
    color: #333333;
}

.tab-list>li>a.active {
    border-color: #1d708a;
    background-color: #1d708a;
    color: #ffffff;
}

.tab-list>li:last-child {
    margin-right: 0;
}

.promotion-o {
    position: relative;
    display: block;
    transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.promotion-o__content {
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
}

.promotion-o__link {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07);
    font-size: 13px;
    padding: 10px 25px;
    font-weight: 600;
    transition: all .3s linear;
    display: inline-block;
}

.promotion-o:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.i3-banner {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.i3-banner:before {
    transition: all 0.6s linear;
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.i3-banner__img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.6s ease-in-out;
}

.i3-banner:hover:before {
    opacity: 1;
}

.i3-banner:hover .i3-banner__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.aspect--1048-334 {
    padding-bottom: 31.87023%;
}

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

.section__content {
    position: relative;
}

.section__span {
    font-size: 13px;
    display: block;
}

.collection {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.collection:before {
    transition: all 0.6s linear;
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.collection__img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.6s ease-in-out;
}

.collection:hover:before {
    opacity: 1;
}

.collection:hover .collection__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.aspect--1286-890 {
    padding-bottom: 69.20684%;
}

.filter-category-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter__btn--style-1 {
    position: relative;
    transition: all 0.3s ease 0s;
    display: block;
    border: none;
    padding: 18px;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    background-color: transparent;
}

.filter__btn--style-1:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #1d708a;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.2s ease 0s;
}

.filter__btn--style-1:hover {
    color: #1d708a;
}

.filter__btn--style-1:hover:before {
    width: 100%;
}

.filter__btn--style-1.js-checked {
    color: #1d708a;
}

.filter__btn--style-1.js-checked:before {
    width: 100%;
}

.filter__btn--style-2 {
    transition: all 0.3s ease 0s;
    display: block;
    padding: 15px 27px;
    margin: 0 8px 10px;
    border: 2px solid #f7f7f9;
    font-size: 12px;
    color: #7f7f7f;
    background-color: transparent;
}

.filter__btn--style-2:hover {
    border-color: #1d708a;
    color: #333333;
}

.filter__btn--style-2.js-checked {
    border-color: #1d708a;
    color: #333333;
}

.load-more {
    text-align: center;
    padding: 40px 0;
}

.load-more>button {
    padding: 22px 56px;
    border: none;
    border-radius: 5px;
    font-size: 13px;
}

.banner-bg {
    padding: 7em 0;
    position: relative;
    background: #f5f5f5 repeat fixed center center;
    background-size: cover;
}

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

.banner-bg__text-block {
    display: block;
}

.banner-bg__text-1 {
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 58px;
}

.banner-bg__text-2 {
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 31px;
}

.banner-bg__text-3 {
    margin-bottom: 18px;
    font-size: 14px;
}

.banner-bg__shop-now {
    display: inline-block;
    padding: 14px 30px;
    font-weight: 600;
    border-radius: 40px;
    font-size: 13px;
}

.promotion {
    display: block;
    position: relative;
}

.promotion:before {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
}

.promotion__content {
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
}

.promotion__text-wrap {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px 15px;
    transition: all 0.5s ease-in-out;
}

.promotion__text-1 {
    font-size: 14px;
}

.promotion__text-2 {
    font-size: 20px;
    font-weight: 600;
}

.promotion:hover:before {
    opacity: 1;
}

.promotion:hover .promotion__text-wrap {
    background-color: white;
}

.column-product__title {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.column-product__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.column-product__item {
    margin-bottom: 30px;
}

.column-product__item:last-child {
    margin-bottom: 0;
}

.service {
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    padding: 23px;
    box-shadow: 0 6px 15px 0 rgba(36, 37, 38, 0.08);
    border: 2px solid #f5f5f5;
}

.service__icon,
.service__info-wrap {
    -ms-flex: 0 1 auto;
}

.service__icon {
    margin-right: 20px;
}

.service__icon>i {
    color: #1d708a;
    font-size: 30px;
}

.service__info-text-1 {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
    color: #333333;
    font-weight: 600;
}

.service__info-text-2 {
    font-size: 13px;
    display: block;
    color: #7f7f7f;
}

.new-brand-slider {
    position: relative;
}

#brand-slider {
    position: static;
}

@media (max-width: 991px) {
    .block {
        display: block;
    }
    .success__img-wrap,
    .success__info-wrap {
        display: none;
    }
}


/*--------------------------------------------------------------
9.0 About-Page
--------------------------------------------------------------*/

.about {
    background-color: #ffffff;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.07);
}

.about__container {
    padding: 60px;
}

.about__info {
    text-align: center;
}

.about__h2 {
    color: #333333;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
}

.about .about__p-wrap {
    position: relative;
    margin-bottom: 20px;
}

.about .about__p-wrap:before,
.about .about__p-wrap:after {
    content: '';
    display: block;
    width: 70px;
    position: absolute;
    border: solid #1d708a;
}

.about .about__p-wrap:before {
    top: -10px;
    left: -8px;
    border-top-width: 1px;
}

.about .about__p-wrap:after {
    bottom: -10px;
    right: -8px;
    border-bottom-width: 1px;
}

.about__p {
    color: #333333;
}

.about__link {
    display: inline-block;
    padding: 12px 42px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 12px;
}

.team-member {
    background-color: #fbfbfb;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

.team-member__wrap {
    position: relative;
}

.team-member__social-wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}

.team-member__social-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-member__social-list>li {
    margin: 0 4px 6px;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all 0.3s ease 0.1s;
}

.team-member__social-list>li>a {
    display: block;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    background-color: #ffffff;
    color: #1d708a;
    font-size: 12px;
    transition: all 0.3s ease 0s;
}

.team-member__social-list>li>a:hover {
    color: #ffffff;
}

.team-member__info {
    padding: 16px;
}

.team-member__name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.team-member__job-title {
    display: block;
    font-size: 11px;
    color: #a0a0a0;
}

.team-member:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.team-member:hover .team-member__social-wrap {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.team-member:hover .team-member__social-list>li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.testimonial {
    text-align: center;
}

.testimonial__img-wrap {
    margin-bottom: 16px;
}

.testimonial__double-quote {
    display: block;
}

.testimonial__double-quote i {
    font-size: 28px;
    color: #333333;
}

.testimonial__block-quote {
    margin: 0 auto;
    width: 70%;
    padding: 10px 20px;
}

.testimonial__block-quote p {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.testimonial__author {
    display: block;
    font-size: 13px;
    color: #a0a0a0;
}

.testimonial .testimonial__img-wrap .testimonial__img {
    display: inline-block;
    width: 165px;
    height: 165px;
    border-radius: 50%;
}


/*--------------------------------------------------------------
10.0 Contact-Page
--------------------------------------------------------------*/

.g-map {
    background-color: #eee;
}

#map {
    height: 450px;
    width: 100%;
}

.contact-o {
    background-color: #ffffff;
    padding: 23px;
    transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border: 2px solid #f5f5f5;
    box-shadow: 0 6px 15px 0 rgba(36, 37, 38, 0.08);
}

.contact-o:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

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

.contact-o__icon {
    margin-bottom: 10px;
}

.contact-o__icon>i {
    color: #1d708a;
    font-size: 48px;
}

.contact-o__info-text-1 {
    display: block;
    font-size: 17px;
    margin-bottom: 4px;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
}

.contact-o__info-text-2 {
    font-size: 12px;
    margin-bottom: 2px;
    display: block;
    color: #7f7f7f;
}

.contact-area__heading {
    margin-bottom: 30px;
}

.contact-area__heading h2 {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    color: #333333;
    background-color: #ffffff;
}

.contact-f {
    width: 100%;
}

.contact-f .input-text,
.contact-f .text-area {
    border-radius: 6px;
    width: 100%;
}

.contact-f .text-area {
    height: 185px;
}

.contact-f .btn {
    padding: 19px 21px;
    border-radius: 25px;
}


/*--------------------------------------------------------------
11.0 Cart-Wishlist-Pages
--------------------------------------------------------------*/

.table-responsive {
    overflow-x: auto;
}

.table-p {
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
}

.table-p tr {
    position: relative;
    border-top: 1px solid #eee;
}

.table-p td {
    padding: 20px;
}

.table-p__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.table-p__img-wrap {
    display: inline-block;
    vertical-align: middle;
    background-color: #f5f5f5;
    width: 120px;
    height: 120px;
}

.table-p__img-wrap img {
    display: block;
    min-width: 120px;
}

.table-p__info {
    margin-left: 18px;
}

.table-p__name {
    display: block;
}

.table-p__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.table-p__name>a:hover {
    color: #1d708a;
}

.table-p__category {
    display: block;
}

.table-p__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.table-p__category>a:hover {
    color: #1d708a;
}

.table-p__variant-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.table-p__variant-list>li>span {
    color: #a0a0a0;
    font-size: 12px;
}

.table-p__price {
    text-align: center;
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.table-p__input-counter-wrap {
    text-align: center;
}

.table-p__del-wrap {
    text-align: center;
}

.table-p__delete-link {
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    color: #333333;
    transition: color 0.5s;
}

.table-p__delete-link:hover {
    color: #1d708a;
}

.w-r {
    background-color: #ffffff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.07);
}

.w-r__container {
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.w-r__wrap-1,
.w-r__wrap-2 {
    -ms-flex: 0 1 auto;
}

.w-r__wrap-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.w-r__img-wrap {
    display: inline-block;
    vertical-align: middle;
    background-color: #f5f5f5;
    width: 120px;
    height: 120px;
}

.w-r__img-wrap img {
    display: block;
    min-width: 120px;
}

.w-r__info {
    margin-left: 18px;
}

.w-r__name {
    display: block;
}

.w-r__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.w-r__name>a:hover {
    color: #1d708a;
}

.w-r__category {
    display: block;
    margin-bottom: 2px;
}

.w-r__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.w-r__category>a:hover {
    color: #1d708a;
}

.w-r__price {
    display: block;
    color: #1d708a;
    font-size: 14px;
    font-weight: 600;
}

.w-r__discount {
    font-weight: 600;
    margin-left: 12px;
    color: #333333;
    font-size: 14px;
    text-decoration: line-through;
}

.w-r__link {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 10px 10px;
    padding: 12px 30px;
}

.route-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f1f1f1;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.route-box__g {
    -ms-flex: 0 1 auto;
}

.route-box__link {
    color: #333333;
    font-size: 13px;
    text-align: center;
    padding: 17px;
    font-weight: 600;
    display: inline-block;
    transition: color 0.5s;
}

.route-box__link:hover {
    color: #1d708a;
}

.route-box i {
    margin-right: 2px;
}

.f-cart__pad-box {
    border: 1px solid #eee;
    padding: 15px 22px 35px;
}

.f-cart__table {
    width: 100%;
    border-collapse: collapse;
}

.f-cart__table td {
    color: #333333;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0;
}

.f-cart__table td:first-child {
    text-align: left;
}

.f-cart__table td {
    text-align: right;
}

.f-cart__table tr:last-child td {
    font-size: 16px;
    font-weight: 700;
    color: #1d708a;
}

.f-cart__ship-link {
    font-size: 13px;
    text-align: center;
    padding: 17px;
    font-weight: 600;
    border-radius: 6px;
    display: block;
}

.f-cart .input-text,
.f-cart .select-box,
.f-cart .text-area,
.f-cart .btn {
    border-radius: 6px;
    width: 100%;
}

.f-cart .text-area {
    height: 350px;
}

.f-cart .btn {
    padding: 16px;
    font-weight: 600;
    font-size: 13px;
}

@media (max-width: 991px) {
    .w-r__wrap-2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (max-width: 767px) {
    .table-p td {
        min-width: 200px;
    }
    .w-r__container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .w-r__wrap-1 {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .w-r__info {
        text-align: center;
        margin: 15px 0 15px;
    }
    .w-r__wrap-2 {
        -ms-flex-align: center;
        align-items: center;
    }
}


/*--------------------------------------------------------------
12.0 Empty-404-Pages
--------------------------------------------------------------*/

.empty {
    text-align: center;
}

.empty__big-text {
    display: block;
    margin-bottom: 12px;
    color: #1d708a;
    line-height: 1;
    font-size: 85px;
    font-weight: 600;
}

.empty__text-1 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333333;
}

.empty__text-2 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #a0a0a0;
}

.empty__text-2>a {
    color: #1d708a;
    padding: 2px;
}

.empty__text-2>a:after {
    content: ',';
    margin: 0 2px;
    color: #333333;
}

.empty__text-2>a:last-child:after {
    content: none;
}

.empty__search-form {
    position: relative;
    width: 40%;
    margin: 0 auto;
}

.empty__search-form .btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
}

.empty__redirect-link {
    border-radius: 40px;
    padding: 16px;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
}

#search-label {
    padding: 0 36px 0 18px;
    width: 100%;
}


/*--------------------------------------------------------------
13.0 Checkout-Page
--------------------------------------------------------------*/

.msg {
    background-color: #ffffff;
    box-shadow: 0 6px 15px 0 rgba(36, 37, 38, 0.08);
    padding: 20px;
}

.msg__text {
    padding: 8px 0;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.l-f__form {
    width: 100%;
}

.l-f .input-text {
    width: 100%;
}

.l-f .input-text,
.l-f .btn {
    border-radius: 6px;
}

.l-f .btn {
    font-weight: 600;
    padding: 12px 18px;
}

.c-f__form {
    position: relative;
    width: 50%;
}

.c-f .input-text {
    width: 100%;
}

.c-f .input-text,
.c-f .btn {
    border-radius: 6px;
}

.c-f .btn {
    font-weight: 600;
    padding: 12px 18px;
}

.checkout-f {
    width: 100%;
}

.checkout-f .input-text,
.checkout-f .select-box,
.checkout-f .text-area,
.checkout-f .btn {
    width: 100%;
    border-radius: 6px;
}

.checkout-f .text-area {
    height: 185px;
}

.checkout-f .btn {
    font-weight: 600;
    padding: 18px;
}

.checkout-f__h1 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 8px;
}

.o-summary__section {
    background-color: #ffffff;
    border: 1px solid #eee;
}

.o-summary__box {
    padding: 20px;
}

.o-summary__item-wrap {
    max-height: 228px;
    padding: 17px;
    overflow-y: auto;
}

.o-summary__table {
    width: 100%;
    border-collapse: collapse;
}

.o-summary__table td {
    color: #333333;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0;
}

.o-summary__table td:first-child {
    text-align: left;
}

.o-summary__table td {
    text-align: right;
}

.o-summary__table tr:last-child td {
    font-size: 16px;
    font-weight: 700;
    color: #1d708a;
}

.o-card {
    border: 1px solid #f5f5f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 22px;
}

.o-card:last-child {
    margin-bottom: 0;
}

.o-card__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.o-card__img-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
}

.o-card__img-wrap img {
    display: block;
    min-width: 60px;
}

.o-card__info-wrap {
    margin-left: 18px;
}

.o-card__name {
    display: block;
}

.o-card__name>a {
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.5s;
}

.o-card__name>a:hover {
    color: #1d708a;
}

.o-card__quantity {
    font-size: 13px;
    margin-bottom: 2px;
    display: block;
}

.o-card__price {
    display: block;
    color: #1d708a;
    font-size: 13px;
    font-weight: 600;
}

.o-card__del {
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    color: #333333;
    transition: color 0.5s;
}

.o-card__del:hover {
    color: #1d708a;
}

.ship-b__text {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
    margin-bottom: 4px;
}

.ship-b__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ship-b__p {
    margin-bottom: 4px;
    color: #7f7f7f;
    font-weight: 600;
    font-size: 13px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.ship-b__edit {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
}

@media (max-width: 575px) {
    .o-summary__item-wrap {
        max-height: 466px;
    }
    .o-card__flex {
        display: block;
        padding: 14px;
        text-align: center;
    }
    .o-card__info-wrap {
        margin-left: 0;
    }
    .ship-b__box {
        display: block;
    }
    .ship-b__p {
        max-width: 100%;
    }
}


/*--------------------------------------------------------------
14.0 Signin Signup Lost Password-Page
--------------------------------------------------------------*/

.l-f-o {
    border: 0px solid #eee;
}

.l-f-o__pad-box {
    padding: 20px;
}

.l-f-o__form {
    width: 100%;
}

.l-f-o .input-text,
.l-f-o .btn,
.l-f-o .select-box {
    border-radius: 6px;
}

.l-f-o .input-text {
    width: 100%;
}

.l-f-o .btn {
    font-weight: 600;
    padding: 12px 18px;
}

.l-f-o__create-link {
    font-size: 13px;
    text-align: center;
    padding: 12px;
    display: block;
    font-weight: 600;
    border-radius: 6px;
}


/*--------------------------------------------------------------
15.0 FAQ-Page
--------------------------------------------------------------*/

.faq__heading {
    font-weight: 700;
    font-size: 13px;
    color: #333333;
    margin-bottom: 6px;
}

.faq__text {
    font-size: 13px;
    color: #7f7f7f;
}

.faq__list {
    border-top: 1px solid #eee;
    padding: 14px 0;
}

.faq__list:last-child {
    border-bottom: 1px solid #eee;
}

.faq__question {
    display: block;
    position: relative;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.faq__question:before {
    content: "\F107";
    font-family: 'Helvetica Neue';
    font-weight: 900;
    position: absolute;
    top: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 12px;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.faq__question.collapsed:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}


/*--------------------------------------------------------------
16.0 Dashboard-Pages
--------------------------------------------------------------*/

.dash__box--bg-white {
    background-color: #ffffff;
}

.dash__box--border {
    border: 1px solid #eee;
}

.dash__box--bg-grey {
    background-color: #fbfbfb;
}

.dash__box--shadow {
    box-shadow: -2px 0px 14px 0 rgba(36, 37, 38, 0.08);
}

.dash__box--shadow-2 {
    box-shadow: -6px 2px 8px 0 rgba(36, 37, 38, 0.08);
}

.dash__box--radius {
    border-radius: 15px;
}

.dash__pad-1 {
    padding: 26px 20px;
}

.dash__pad-2 {
    padding: 24px;
}

.dash__pad-3 {
    padding: 26px;
}

.dash__f-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dash__f-list>li {
    padding: 4px 0;
}

.dash__f-list>li>a {
    font-size: 13px;
    display: block;
    color: #000000;
}

.dash-l-r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dash-active {
    font-weight: 600;
    color: #000000;
}

.dash__w-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.dash__w-list>li {
    border-bottom: 1px solid #eee;
}

.dash__w-wrap {
    padding: 18px 0;
}

.dash__w-icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    border-radius: 50%;
    font-size: 14px;
    margin-bottom: 8px;
}

.dash__w-icon-style-1 {
    background-color: rgba(255, 69, 0, 0.14);
}

.dash__w-icon-style-1>i {
    color: #1d708a;
}

.dash__w-icon-style-2 {
    background-color: rgba(0, 148, 68, 0.14);
}

.dash__w-icon-style-2>i {
    color: #009444;
}

.dash__w-icon-style-3 {
    background-color: rgba(49, 133, 252, 0.14);
}

.dash__w-icon-style-3>i {
    color: #3185FC;
}

.dash__w-text {
    display: block;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    color: #000000;
}

.dash__w-name {
    display: block;
    color: #a0a0a0;
    font-weight: 600;
    font-size: 13px;
}

.dash__h1 {
    line-height: 1;
    color: #333333;
    font-size: 18px;
}

.dash__h2 {
    line-height: 1;
    font-size: 14px;
    color: #333333;
}

.dash__text {
    display: block;
    font-size: 12px;
    color: #7f7f7f;
}

.dash__text-2 {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #7f7f7f;
}

.dash__link>a {
    font-size: 13px;
    font-weight: 600;
    transition: color 0.5s linear;
}

.dash__link--brand>a {
    color: #1d708a;
}

.dash__link--brand>a:hover {
    color: #1d708a;
}

.dash__link--secondary>a {
    color: #333333;
}

.dash__link--secondary>a:hover {
    color: #1d708a;
}

.dash__link--black>a {
    color: #000000;
}

.dash__table-wrap {
    height: 300px;
    overflow: auto;
}

.dash__table {
    width: 100%;
    border-collapse: collapse;
}

.dash__table thead {
    background-color: #fbfbfb;
}

.dash__table th,
.dash__table td {
    padding: 20px;
    text-align: center;
    font-weight: 600;
    color: #333333;
}

.dash__table th {
    font-size: 14px;
}

.dash__table td {
    font-size: 13px;
}

.dash__table tbody tr {
    border-bottom: 1px solid #eee;
}

.dash__table tbody tr:last-child {
    border-bottom: 0;
}

.dash__table-img-wrap {
    background-color: #f5f5f5;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.dash__table-img-wrap img {
    display: block;
    min-width: 40px;
}

.dash-edit-p {
    width: 100%;
}

.dash-edit-p .btn,
.dash-edit-p .input-text,
.dash-edit-p .select-box {
    border-radius: 6px;
}

.dash-edit-p .input-text {
    width: 100%;
}

.dash-edit-p .btn {
    font-weight: 600;
    padding: 16px 46px;
}

.dash__custom-link {
    font-weight: 600;
    display: inline-block;
    text-align: center;
    padding: 14px 18px;
    font-size: 13px;
    border-radius: 6px;
    width: 12rem;
}

.manage-o__text {
    font-size: 13px;
    font-weight: 600;
}

.manage-o__text-2 {
    font-size: 14px;
    font-weight: 600;
}

.manage-o__header {
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
}

.manage-o__icon {
    font-weight: 600;
    font-size: 13px;
    color: #333333;
}

.manage-o__timeline {
    padding-top: 40px;
}

.manage-o__timeline [class*="col-"] {
    padding: 0;
    text-align: center;
}

.timeline-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.timeline-l-i {
    position: relative;
    border-radius: 3px;
    border-top: 3px solid #eee;
}

.timeline-l-i .timeline-circle {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 2px solid #eee;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.timeline-l-i .timeline-circle:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #eee;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.timeline-l-i.timeline-l-i--finish {
    border-color: #6B5AED;
}

.timeline-l-i.timeline-l-i--finish .timeline-circle {
    border-color: #6B5AED;
}

.timeline-l-i.timeline-l-i--finish .timeline-circle:before {
    background-color: #6B5AED;
}

.timeline-text {
    margin-top: 20px;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    color: #333333;
}

.manage-o__description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.description__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.description__img-wrap {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #f5f5f5;
}

.description__img-wrap img {
    border-radius: 50%;
    display: block;
    min-width: 90px;
}

.description-title {
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.dash__address-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dash__table-2-wrap {
    overflow: auto;
}

.dash__table-2 {
    width: 100%;
    border-collapse: collapse;
}

.dash__table-2 thead {
    background-color: #fbfbfb;
}

.dash__table-2 th,
.dash__table-2 td {
    padding: 20px;
    min-width: 200px;
    text-align: left;
    font-weight: 600;
    color: #333333;
}

.dash__table-2 th {
    font-size: 14px;
}

.dash__table-2 td {
    font-size: 13px;
}

.dash__table-2 tbody tr {
    border-bottom: 1px solid #eee;
}

.dash__table-2 tbody tr:last-child {
    border-bottom: 0;
}

.address-book-edit {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
}

.dash__address-make {
    width: 100%;
}

.dash__address-make .btn {
    font-weight: 600;
    padding: 16px 46px;
    border-radius: 6px;
}

.dash-address-manipulation {
    width: 100%;
}

.dash-address-manipulation .btn,
.dash-address-manipulation .input-text,
.dash-address-manipulation .select-box {
    border-radius: 6px;
}

.dash-address-manipulation .input-text,
.dash-address-manipulation .select-box {
    width: 100%;
}

.dash-address-manipulation .btn {
    font-weight: 600;
    padding: 16px 46px;
}

.dash-track-order {
    width: 100%;
}

.dash-track-order .btn,
.dash-track-order .input-text {
    border-radius: 6px;
}

.dash-track-order .input-text {
    width: 100%;
}

.dash-track-order .btn {
    font-weight: 600;
    padding: 16px 46px;
}

.m-order {
    width: 100%;
}

.m-order__select-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.m-order label {
    color: #333333;
    font-size: 13px;
    font-weight: 600;
}

.m-order .select-box {
    border-radius: 6px;
}

.m-order__list {
    background-color: #ffffff;
}

.m-order__get {
    border: 1px solid #eee;
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 24px;
}

.m-order__get:last-child {
    margin-bottom: 0;
}

.manage-o__badge {
    display: inline-block;
    text-align: center;
    width: 7.9375rem;
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
    background-color: transparent;
    border-radius: 32px;
}

.badge--processing {
    background-color: rgba(49, 133, 252, 0.14);
    color: #3185FC;
}

.badge--shipped {
    background-color: rgba(0, 148, 68, 0.14);
    color: #009444;
}

.badge--delivered {
    background-color: rgba(255, 69, 0, 0.14);
    color: #1d708a;
}

@media (max-width: 991px) {
    .dash__box--w {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .dash__address-header {
        display: block;
    }
    .dash__address-header .dash__h1 {
        margin-bottom: 8px;
    }
    .dash__address-header .dash__link {
        display: block;
    }
}

@media (max-width: 575px) {
    .dash-l-r {
        display: block;
    }
    .manage-o__description {
        display: block;
        text-align: center;
    }
    .description__container {
        display: block;
    }
    .description-title {
        margin: 12px 0;
    }
}


/*--------------------------------------------------------------
17.0 Blog-Pages
--------------------------------------------------------------*/

.blog-t-w {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.post-prev,
.post-next {
    text-align: center;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: #333333;
    background-color: #ffffff;
    box-shadow: 0 6px 15px 0 rgba(36, 37, 38, 0.08);
    margin: auto 0;
    opacity: 0;
    transition: opacity .6s ease-in;
}

.post-prev {
    left: 20px;
}

.post-next {
    right: 20px;
}

.post-prev:before,
.post-next:before {
    content: '';
    background: rgba(255, 255, 255, 0.3);
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}

.post-prev:hover:before,
.post-next:hover:before {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: .6;
}

.post-gallery:hover .post-prev,
.post-gallery:hover .post-next {
    opacity: 1;
}

.post-video-block {
    position: relative;
    background-color: #f5f5f5;
    width: 100%;
}

.post-video-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-video-link:before {
    width: 3.875rem;
    height: 3.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.9375rem;
    margin-left: -1.9375rem;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    z-index: 3;
}

.post-video-link:hover:before {
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.post-video-block .post-video-link:before {
    content: '';
    background-size: contain;
}

.post-video-block.process .post-video-link:before {
    content: none;
}

.post-video-block.process.pause .post-video-link:before {
    content: '';
}

.post-center-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.aspect--1366-768 {
    padding-bottom: 56.22255%;
}

.bp {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 1px 1px 8px 0 rgba(36, 37, 38, 0.08);
}

.bp__wrap {
    padding: 25px;
}

.bp__thumbnail {
    margin-bottom: 12px;
}

.bp__stat {
    margin-bottom: 6px;
}

.bp__stat .bp__stat-wrap {
    margin-right: 22px;
}

.bp__stat .bp__stat-wrap:last-child {
    margin-right: 0;
}

.bp__publish-date>a {
    font-size: 12px;
    font-weight: 600;
    color: #a0a0a0;
}

.bp__author>a {
    font-size: 12px;
    text-decoration: overline;
    font-weight: 600;
    color: #1d708a;
}

.bp__comment>a {
    color: #7f7f7f;
    font-weight: 600;
    font-size: 12px;
}

.bp__category>a {
    color: #a0a0a0;
    font-weight: 600;
    transition: color 110ms ease-in-out;
    font-size: 12px;
    margin-right: 2px;
}

.bp__category>a:last-child {
    margin-right: 0;
}

.bp__category>a:hover {
    color: #1d708a;
}

.bp__h1 {
    display: block;
    margin-bottom: 6px;
}

.bp__h1>a {
    font-size: 20px;
    font-weight: 600;
    color: #333333;
}

.bp__h2 {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #a0a0a0;
}

.bp__p {
    margin-bottom: 12px;
    font-size: 13px;
    color: #7f7f7f;
}

.bp__read-more {
    display: block;
    margin-bottom: 6px;
}

.bp__read-more>a {
    font-size: 14px;
    font-weight: 700;
    color: #1d708a;
}

.bp__social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bp__social-list>li {
    margin-right: 16px;
}

.bp__social-list>li:last-child {
    margin-right: 0;
}

.bp__social-list>li>a {
    font-size: 14px;
}

.bp--img .bp__thumbnail {
    overflow: hidden;
}

.bp--img .bp__thumbnail img {
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bp--img:hover .bp__thumbnail {
    overflow: hidden;
}

.bp--img:hover .bp__thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.bp audio,
.bp video,
.bp-mini audio,
.bp-mini video,
.bp-detail audio,
.bp-detail video {
    display: block;
    width: 100%;
}

.blog-m__element {
    width: 33.33%;
    padding: 20px 10px;
}

.bp-mini {
    background-color: #ffffff;
    box-shadow: 2px 2px 8px 0 rgba(36, 37, 38, 0.08);
    overflow: hidden;
    border-radius: 15px;
}

.bp-mini__content {
    padding: 4px 20px 10px;
}

.bp-mini__stat {
    margin-bottom: 2px;
}

.bp-mini__stat .bp-mini__stat-wrap {
    margin-right: 22px;
}

.bp-mini__stat .bp-mini__stat-wrap:last-child {
    margin-right: 0;
}

.bp-mini__publish-date>a {
    font-size: 11px;
    font-weight: 600;
    color: #7f7f7f;
}

.bp-mini__preposition {
    color: #7f7f7f;
    font-size: 12px;
}

.bp-mini__author>a {
    color: #1d708a;
    font-size: 12px;
}

.bp-mini__comment>a {
    color: #7f7f7f;
    font-size: 12px;
}

.bp-mini__category {
    margin-bottom: 4px;
}

.bp-mini__category>a {
    color: #7f7f7f;
    font-weight: 600;
    transition: color 110ms ease-in-out;
    font-size: 11px;
    margin-right: 2px;
}

.bp-mini__category>a:last-child {
    margin-right: 0;
}

.bp-mini__category>a:hover {
    color: #1d708a;
}

.bp-mini__category>a:last-child:after {
    content: none;
}

.bp-mini__h1 {
    display: block;
    margin-bottom: 4px;
}

.bp-mini__h1>a {
    transition: color 110ms ease-in-out;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.bp-mini__h1>a:hover {
    color: #1d708a;
}

.bp-mini__p {
    margin-bottom: 8px;
    font-size: 12px;
    color: #7f7f7f;
}

.bp-mini--img .bp-mini__thumbnail {
    overflow: hidden;
}

.bp-mini--img .bp-mini__thumbnail img {
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bp-mini--img:hover .bp-mini__thumbnail {
    overflow: hidden;
}

.bp-mini--img:hover .bp-mini__thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.detail-post {
    max-width: 740px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
}

.bp-detail {
    position: relative;
}

.bp-detail__thumbnail {
    margin-bottom: 12px;
}

.bp-detail__stat {
    margin-bottom: 6px;
}

.bp-detail__stat .bp-detail__stat-wrap {
    margin-right: 22px;
}

.bp-detail__stat .bp-detail__stat-wrap:last-child {
    margin-right: 0;
}

.bp-detail__publish-date>a {
    font-size: 12px;
    font-weight: 600;
    color: #a0a0a0;
}

.bp-detail__author>a {
    font-size: 12px;
    text-decoration: overline;
    font-weight: 600;
    color: #1d708a;
}

.bp-detail__category>a {
    color: #a0a0a0;
    font-weight: 600;
    transition: color 110ms ease-in-out;
    font-size: 12px;
    margin-right: 2px;
}

.bp-detail__category>a:last-child {
    margin-right: 0;
}

.bp-detail__category>a:hover {
    color: #1d708a;
}

.bp-detail__h1 {
    display: block;
    margin-bottom: 6px;
}

.bp-detail__h1>a {
    font-size: 20px;
    font-weight: 600;
    color: #333333;
}

.bp-detail__p {
    margin-bottom: 16px;
    color: #333333;
    font-size: 18px;
    line-height: 2;
}

.bp-detail__p a {
    font-weight: 700;
    color: #1d708a;
    transition: all .3s;
}

.bp-detail__p a:hover {
    color: #7f7f7f;
    text-decoration: underline;
}

.bp-detail__q {
    width: 100%;
    text-align: center;
    padding: 3rem;
    margin: 0 0 1rem;
    background-color: #ffffff;
    border-radius: 6px;
    border: 2px solid #1d708a;
}

.bp-detail__q i {
    font-size: 2.125rem;
    color: #333333;
    margin-bottom: 8px;
}

.bp-detail__q-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333333;
}

.bp-detail__q-citation {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f;
}

.bp-detail__social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bp-detail__social-list>li {
    margin-right: 16px;
}

.bp-detail__social-list>li:last-child {
    margin-right: 0;
}

.bp-detail__social-list>li>a {
    font-size: 1.125rem;
}

.bp-detail__postnp {
    margin: 1.375rem 0;
}

.bp-detail__postnp a {
    font-size: 13px;
    border-bottom: 1px solid #333333;
    font-weight: 600;
    color: #333333;
    transition: color 110ms ease-in-out, border-color 110ms ease-in-out;
}

.bp-detail__postnp a:hover {
    color: #1d708a;
    border-color: #1d708a;
}

.blog-w__h {
    display: block;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0.03em;
    font-weight: 600;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f7f7f7;
}

.blog-w__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-w__list>li {
    margin-bottom: 12px;
}

.blog-w__list>li:last-child {
    margin-bottom: 0;
}

.blog-w__list>li>a {
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f;
}

.blog-w__list>li>a:hover {
    color: #333333;
}

.blog-search-form {
    position: relative;
    width: 100%;
}

.blog-search-form .input-text {
    width: 100%;
    border-radius: 6px;
}

.blog-search-form .btn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
}

.blog-w__b-l {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-w__b-l>li {
    margin-bottom: 30px;
}

.blog-w__b-l>li:last-child {
    margin-bottom: 0;
}

.blog-w__b-l-2 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-w__b-l-2>li {
    margin-bottom: 8px;
}

.blog-w__b-l-2>li:last-child {
    margin-bottom: 0;
}

.b-l__date {
    font-size: 10px;
    color: #a0a0a0;
    display: block;
    margin-bottom: 6px;
}

.b-l__text {
    font-size: 12px;
    color: #7f7f7f;
}

.b-l__h {
    display: block;
    margin-bottom: 6px;
}

.b-l__h>a {
    font-size: 12px;
    transition: color 110ms ease-in-out;
    color: #333333;
    font-weight: 600;
}

.b-l__h>a:hover {
    color: #1d708a;
}

.b-l__h-2>a {
    font-size: 12px;
    transition: color 110ms ease-in-out;
    color: #333333;
    font-weight: 600;
}

.b-l__h-2>a:hover {
    color: #1d708a;
}

.b-l__p {
    display: block;
    font-size: 12px;
    color: #7f7f7f;
}

.blog-pg {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.blog-pg>li {
    margin-right: 14px;
}

.blog-pg>li:last-child {
    margin-right: 0;
}

.blog-pg>li>a {
    width: 42px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    display: block;
    font-weight: 600;
    border-radius: 50%;
    background-color: transparent;
    color: #333333;
}

.blog-pg>li>a:hover {
    background-color: #1d708a;
    color: #ffffff;
}

.blog-pg>li.blog-pg--active>a {
    background-color: #1d708a;
    color: #ffffff;
    border-color: #1d708a;
}

.d-meta__text {
    display: block;
    color: #333333;
    font-size: 32px;
    font-weight: 700;
}

.d-meta__text-2 {
    display: block;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
}

.d-meta__text-3 {
    display: block;
    color: #7f7f7f;
    font-size: 12px;
}

.d-meta__comments ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.d-meta__comments .comment-children {
    padding-left: 1rem;
}

.d-meta__p-comment {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
}

.p-comment__wrap1 {
    margin-right: 20px;
}

.p-comment__img-wrap {
    width: 80px;
    height: 80px;
    background-color: #f5f5f5;
}

.p-comment__author {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.p-comment__timestamp {
    display: block;
    margin-bottom: 2px;
}

.p-comment__timestamp a {
    font-size: 12px;
    font-weight: 600;
    color: #7f7f7f;
    transition: color 110ms ease-in-out;
}

.p-comment__timestamp a:hover {
    color: #1d708a;
}

.p-comment__paragraph {
    color: #7f7f7f;
    font-size: 13px;
    margin-bottom: 8px;
    width: 100%;
    max-width: 470px;
}

.p-comment__reply {
    font-size: 13px;
    font-weight: 600;
    color: #1d708a;
    border-bottom: 0;
}

.p-comment__reply:hover {
    border-bottom: 1px solid #1d708a;
}

.respond__form {
    width: 100%;
}

.respond__form .btn,
.respond__form .input-text,
.respond__form .text-area {
    border-radius: 6px;
}

.respond__form .input-text,
.respond__form .text-area {
    width: 100%;
}

.respond__form .text-area {
    height: 15.625rem;
}

.respond__form .btn {
    font-weight: 600;
    padding: 16px 46px;
}

.respond__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.respond__group div {
    -ms-flex: 1;
    flex: 1;
    margin-right: 14px;
}

.respond__group div:last-child {
    margin-right: 0;
}

@media (max-width: 991px) {
    .blog-m__element {
        width: 50%;
    }
    .respond__group {
        display: block;
    }
    .respond__group div {
        display: block;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .blog-m__element {
        width: 100%;
    }
}


/*--------------------------------------------------------------
18.0 Product-Detail-Pages
--------------------------------------------------------------*/

.pd-breadcrumb__list {
    list-style: none;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

.pd-breadcrumb__list>li {
    display: inline-block;
}

.pd-breadcrumb__list>li>a {
    color: #a0a0a0;
    font-size: 12px;
    transition: color 0.5s;
}

.pd-breadcrumb__list>li>a:hover {
    color: #333333;
}

.pd-breadcrumb__list>li.is-marked>a {
    color: #333333;
    font-weight: 700;
}

.pd-breadcrumb__list>li.has-separator:after {
    content: '-';
    margin: 0 6px;
}

.pd {
    cursor: pointer;
}

.pd-wrap {
    position: relative;
}

.pd-text {
    position: absolute;
    top: 15px;
    padding: 8px;
    right: 15px;
    font-size: 12px;
    color: #333333;
}

.pd-social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pd-social-list>li {
    margin-right: 16px;
}

.pd-social-list>li:last-child {
    margin-right: 0;
}

.pd-social-list>li>a {
    font-size: 1.125rem;
    transition: color 110ms ease-in-out;
    color: #333333;
}

.pd-detail__label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
}

.pd-detail__inline span {
    margin-right: 0.375rem;
}

.pd-detail__inline span:last-child {
    margin-right: 0;
}

.pd-detail-inline-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.pd-detail-inline-2 div {
    margin-right: 14px;
}

.pd-detail-inline-2 div:last-child {
    margin-right: 0;
}

.pd-detail__name {
    display: block;
    color: #333333;
    font-size: 32px;
    font-weight: 600;
}

.pd-detail__price {
    color: black;
    font-size: 20px;
    font-weight: 700;
}

.pd-detail__discount {
    color: #1d708a;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.pd-detail__del {
    color: #a0a0a0;
    font-size: 12px;
}

.pd-detail__rating {
    display: block;
}

.pd-detail__rating i {
    font-size: 12px;
}

.pd-detail__review>a {
    font-size: 12px;
    transition: color 110ms ease-in-out;
    color: #333333;
}

.pd-detail__review>a:hover {
    color: #1d708a;
    text-decoration: underline;
}

.pd-detail__stock,
.pd-detail__left {
    font-size: 12px;
    font-weight: 600;
    padding: 8px;
    display: inline-block;
    border-radius: 30px;
}

.pd-detail__stock {
    background-color: rgba(0, 148, 68, 0.14);
    color: #009444;
}

.pd-detail__left {
    background-color: rgba(255, 69, 0, 0.14);
    color: #1d708a;
}

.pd-detail__preview-desc {
    font-size: 13px;
    color: #7f7f7f;
}

.pd-detail__click-wrap>a {
    font-size: 13px;
    color: #a0a0a0;
    transition: color 110ms ease-in-out;
}

.pd-detail__click-wrap>a:hover {
    color: #b6b6b6;
    text-decoration: underline;
}

.pd-detail__click-count {
    font-size: 10px;
    color: #a0a0a0;
}

.pd-detail__form {
    width: 100%;
}

.pd-detail__form .btn {
    /*padding: 1rem 3rem;*/
    border-radius: 0.375rem;
}


/**
  * Variations
 */

.pd-detail__color,
.pd-detail__size {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.color__radio {
    position: relative;
    line-height: 1.89;
    margin-right: 36px;
    display: inline-block;
}

.color__radio [type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.color__radio-label {
    position: initial;
    display: inline-block;
}

.color__radio-label:before,
.color__radio-label:after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.color__radio-label:after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    background-color: inherit;
}

.color__radio input:checked+label:before {
    border-color: #d2d2d2;
}

.size__radio {
    position: relative;
    margin: 0 12px 12px 0;
}

.size__radio [type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.size__radio-label {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 7px 15px;
    background-color: #ffffff;
    font-size: 13px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
}

.size__radio input:checked+label {
    border-color: #333333;
}

.pd-detail__policy-list {
    margin: 0;
    font-size: 14px;
    list-style: none;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue';
}

.pd-detail__policy-list>li i {
    color: #009444;
}

.pd-detail__policy-list>li span {
    color: black;
}

.pd-tab__list {
    margin: 0;
    border-bottom: 2px solid #e7e7e7;
}

.pd-tab__list>li {
    margin-bottom: -2px;
}

.pd-tab__list>li>a {
    padding: 10px 0;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    letter-spacing: .01rem;
    transition: all .3s;
}

.pd-tab__list>li>a span {
    margin-left: 2px;
    font-size: 12px;
}

.pd-tab__list>li>a.active {
    color: #000000;
    border-color: #000000;
}

.pd-tab__list>li+li {
    margin-left: 28px;
}

.pd-tab__desc,
.pd-tab__tag {
    max-width: 691px;
}

.pd-tab__desc p {
    color: #333333;
    font-size: 16px;
    line-height: 2;
}

.pd-tab__desc ul {
    margin: 0;
    padding-left: 16px;
    list-style: none;
}

.pd-tab__desc ul>li {
    margin-bottom: 7px;
    color: #333333;
    font-size: 14px;
}

.pd-tab__desc h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.pd-tab__desc .pd-table {
    overflow: auto;
}

.pd-tab__desc .pd-table table {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #eee;
    border-collapse: collapse;
}

.pd-tab__desc .pd-table tbody tr {
    border-bottom: 1px solid #eee;
}

.pd-tab__desc .pd-table tbody td {
    font-size: 14px;
    color: #7f7f7f;
    padding: 12px;
}

.pd-tab__desc .pd-table tbody td:first-child {
    color: #333333;
    font-weight: 600;
}

.pd-tab__tag h2 {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    line-height: 1.18;
}

.pd-tab__tag form {
    width: 100%;
}

.pd-tab__tag form .btn {
    font-size: 13px;
    font-weight: 600;
    border: 0;
    height: 48px;
    padding: 17px 18px;
}

.pd-tab__tag form .input-text {
    height: 48px;
    margin-right: 8px;
    width: 50%;
}

.pd-tab__rev-f1 {
    width: 100%;
}

.pd-tab__rev-score {
    padding: 40px 0;
    text-align: center;
    background-color: #f6f6f6;
}

.pd-tab__rev-score h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 0.875;
    color: #333333;
}

.pd-tab__rev-score h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 0.875;
    color: #333333;
}

.rev-f1__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rev-f1__group h2 {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    line-height: 1.18;
}

.rev-f1__group .select-box {
    border-radius: 0.375rem;
}

.rev-f1__review {
    max-width: 691px;
}

.review-o {
    padding: 1rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.review-o__name {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.review-o__date {
    margin-left: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #7f7f7f;
}

.review-o__rating span {
    margin-left: 2px;
    font-size: 11px;
    font-weight: 600;
    color: #7f7f7f;
}

.review-o__text {
    font-size: 13px;
    color: #7f7f7f;
}

.pd-tab__rev-f2 {
    width: 100%;
}

.pd-tab__rev-f2 h2 {
    font-size: 32px;
    color: #333333;
    line-height: 0.90;
}

.pd-tab__rev-f2 .input-text,
.pd-tab__rev-f2 .text-area {
    width: 100%;
}

.pd-tab__rev-f2 .text-area {
    height: 15.625rem;
}

.pd-tab__rev-f2 .btn {
    font-weight: 600;
    /*padding: 16px 46px;*/
}

.rev-f2__table-wrap {
    overflow: auto;
}

.rev-f2__table {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #dee2e6;
}

.rev-f2__table th,
.rev-f2__table td {
    padding: 16px 4px;
    border: 1px solid #d6d6d6;
}

.rev-f2__table th {
    width: 120px;
    color: #333333;
    background-color: #f0f0f0;
    font-size: 13px;
}

.rev-f2__table th span {
    margin-top: 2px;
    display: block;
    font-size: 11px;
    color: #333333;
}

.rev-f2__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.rev-f2__group div {
    -ms-flex: 1;
    flex: 1;
    margin-right: 14px;
}

.rev-f2__group div:last-child {
    margin-right: 0;
}

@media (max-width: 991px) {
    .pd-text {
        display: none;
    }
    .zoomContainer {
        display: none;
    }
    .rev-f2__group {
        display: block;
    }
    .rev-f2__group div {
        display: block;
        margin-right: 0;
    }
}

@media (max-width: 575px) {
    .pd-detail-inline-2 {
        display: block;
    }
    .pd-detail-inline-2 div {
        display: block;
        margin-right: 0;
    }
    .rev-f1__group {
        display: block;
    }
}


/*--------------------------------------------------------------
19.0 Shop-Pages
--------------------------------------------------------------*/

.shop-w-master__heading {
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 20px;
}

.sidebar--bg-snow {
    background-color: #f9f9f9;
}

.shop-w--style {
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
    box-shadow: 0 6px 15px 0 rgba(36, 37, 38, 0.08);
}

.shop-w__intro-wrap {
    position: relative;
}

.shop-w__h {
    font-size: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid #efefef;
    color: #333333;
    font-weight: 700;
    line-height: 20px;
}

.shop-w__wrap {
    padding: 14px;
}

.shop-w__toggle.collapsed:before {
    content: "\F067";
}

.shop-w__toggle {
    position: absolute;
    top: 50%;
    padding: 8px 12px;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    font-size: 12px;
    cursor: pointer;
    color: #444;
}

.shop-w ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.shop-w__list {
    overflow: auto;
    max-height: 290px;
}

.shop-w__list>li {
    position: relative;
    padding: 8px 16px;
}

.shop-w__list-2 {
    overflow: auto;
    max-height: 290px;
}

.shop-w__list-2>li {
    padding: 0.25rem 0;
    position: relative;
}

.list__content {
    position: relative;
}

.list__content [type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 16px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.list__content span {
    padding: 8px 16px;
    display: block;
    font-size: 14px;
    transition: background-color 110ms ease-in-out, color 110ms ease-in-out;
    color: #7f7f7f;
}

.list__content:hover span {
    color: #333333;
    background-color: #ececec;
    border-radius: .5rem;
}

.list__content input:checked+span {
    background-color: #ececec;
    color: #333333;
    border-radius: .5rem;
}

.shop-w__total-text {
    font-size: 11px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333333;
    right: 13px;
}

.shop-w__category-list {
    overflow: auto;
    max-height: 290px;
}

.shop-w__category-list>li {
    padding: 4px 14px;
}

.shop-w__category-list>li>a {
    font-size: 14px;
    color: #333333;
    transition: color 110ms ease-in-out;
}

.shop-w__category-list>li>a:hover {
    color: #1d708a;
}

.shop-w__category-list>li ul .has-list>a {
    font-size: 13px;
    font-weight: 700;
    color: #333333;
}

.shop-w__category-list>li ul {
    display: none;
    padding-left: 8px;
}

.shop-w__category-list>li ul li a {
    font-size: 13px;
    color: #7f7f7f;
    transition: color 110ms ease-in-out;
}

.shop-w__category-list>li ul li a:hover {
    color: #1d708a;
}

.has-list {
    position: relative;
}

.category-list__text {
    font-size: 10px;
    color: #a0a0a0;
}

.js-shop-category-span {
    cursor: pointer;
    font-size: 13px;
    color: #444;
    transition: color 110ms ease-in-out;
}

.js-shop-category-span:hover {
    color: #000000;
}

.js-shop-category-span.is-expanded:before {
    content: '\f068';
}

.shop-w__form-p-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 0;
}

.shop-w__form-p-wrap div {
    margin-right: 8px;
    margin-bottom: 12px;
}

.shop-w__form-p-wrap div:last-child {
    margin-right: 0;
}

.shop-w__form-p-wrap .input-text,
.shop-w__form-p-wrap .btn {
    height: 40px;
    padding: 8px;
    border-radius: 2px;
}

.shop-w__form-p-wrap .input-text {
    width: 80px;
}

.shop-w__form-p-wrap .btn {
    width: 40px;
}

.color__check {
    position: relative;
    line-height: 1.89;
    margin-right: 36px;
    display: inline-block;
}

.color__check [type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.color__check-label {
    position: initial;
    display: inline-block;
}

.color__check-label:before,
.color__check-label:after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.color__check-label:after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    background-color: inherit;
}

.color__check input:checked+label:before {
    border-color: #d2d2d2;
}

.rating__check {
    position: relative;
    cursor: pointer;
}

.rating__check [type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 16px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.rating__check-star-wrap>i {
    margin-left: 2px;
    color: #1d708a;
    transition: color .4s ease-in-out;
}

.rating__check-star-wrap>i:first-child {
    margin-left: 0;
}

.rating__check-star-wrap span {
    font-size: 12px;
    color: #333333;
    margin-right: 2px;
}

.rating__check:hover .rating__check-star-wrap>i {
    color: #ff9600;
}

.rating__check input:checked+.rating__check-star-wrap>i {
    color: #ff9600;
}

.shop-p__meta-wrap {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 0.625rem;
}

.shop-p__meta-text-1 {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 700;
    color: #333333;
}

.shop-p__meta-text-2 {
    font-size: 14px;
    font-weight: 700;
    color: #7f7f7f;
}

.shop-p__tool-style {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tool-style__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tool-style__group span {
    position: relative;
    display: inline-block;
    height: 40px;
    cursor: pointer;
    border: 2px solid #e5e5e5;
    font-size: 13px;
    padding: 8px 18px;
    font-weight: 700;
    color: #333333;
}

.tool-style__group span:hover {
    background-color: rgba(255, 69, 0, 0.12);
    color: #1d708a;
    border-color: #1d708a;
    z-index: 2;
}

.tool-style__group span:not(:last-child) {
    margin-right: -2px;
}

.tool-style__group span.is-active {
    background-color: rgba(255, 69, 0, 0.12);
    color: #1d708a;
    border-color: #1d708a;
    z-index: 2;
}

.tool-style__form-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.tool-style__form-wrap div+div {
    margin-left: 15px;
}

.tool-style__form-wrap select {
    border-radius: .25rem;
}

.is-grid-active .product-m {
    position: relative;
    margin-bottom: 30px;
    transition: 0.3s;
}

.is-grid-active .product-m__thumb {
    position: relative;
}

.is-grid-active .product-m__add-cart {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.is-grid-active .product-m__add-cart>a {
    padding: 12px;
    border-radius: 0.125rem;
    font-size: 13px;
    width: 100%;
    text-align: center;
    display: block;
}

.is-grid-active .product-m__quick-look {
    position: absolute;
    top: 8px;
    right: 22px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.is-grid-active .product-m__quick-look>a {
    font-size: 16px;
    color: #1d708a;
    transition: color 110ms ease-in-out;
}

.is-grid-active .product-m__quick-look>a:hover {
    color: #a0a0a0;
}

.is-grid-active .product-m__content {
    padding: 4px 16px 6px;
}

.is-grid-active .product-m__category {
    margin-bottom: 2px;
    line-height: 1.2;
}

.is-grid-active .product-m__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.is-grid-active .product-m__category>a:hover {
    color: #1d708a;
}

.is-grid-active .product-m__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.is-grid-active .product-m__name>a:hover {
    color: #1d708a;
}

.is-grid-active .product-m__price {
    line-height: 1.2;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.is-grid-active .product-m__discount {
    font-weight: 600;
    margin-left: 30px;
    color: #1d708a;
    font-size: 14px;
    text-decoration: line-through;
}

.is-grid-active .product-m__rating {
    margin-bottom: 6px;
}

.is-grid-active .product-m__rating i {
    font-size: 12px;
}

.is-grid-active .product-m__review {
    margin-left: 4px;
    font-size: 11px;
    color: #a0a0a0;
}

.is-grid-active .product-m__hover {
    position: absolute;
    top: 96%;
    width: 100%;
    z-index: 9;
    padding: 4px 16px 14px;
    left: 0;
    background: #ffffff;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.2);
    transition: all 300ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.is-grid-active .product-m__wishlist {
    text-align: right;
}

.is-grid-active .product-m__wishlist a {
    font-size: 16px;
    color: #a0a0a0;
    transition: color 110ms ease-in-out;
}

.is-grid-active .product-m__wishlist a:hover {
    color: #1d708a;
}

.is-grid-active .product-m__preview-description {
    margin-bottom: 8px;
    font-size: 12px;
    color: #7f7f7f;
}

.is-grid-active .product-m:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.is-grid-active .product-m:hover .product-m__add-cart {
    opacity: 1;
    visibility: visible;
}

.is-grid-active .product-m:hover .product-m__quick-look {
    opacity: 1;
    visibility: visible;
}

.is-grid-active .product-m:hover .product-m__hover {
    top: 99%;
    opacity: 1;
    visibility: visible;
}

.is-list-active {
    display: block;
}

.is-list-active [class*="col-"] {
    display: block;
    max-width: 100%;
    width: 100%;
}

.is-list-active .product-m {
    padding: 15px 0;
    transition: 0.3s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-list-active .product-m__thumb {
    position: relative;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-right: 15px;
    padding-left: 15px;
}

.is-list-active .product-m__add-cart {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.is-list-active .product-m__add-cart>a {
    padding: 12px;
    border-radius: 0.125rem;
    font-size: 13px;
    width: 100%;
    text-align: center;
    display: block;
}

.is-list-active .product-m__quick-look {
    position: absolute;
    top: 8px;
    right: 22px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.is-list-active .product-m__quick-look>a {
    font-size: 16px;
    color: #1d708a;
    transition: color 110ms ease-in-out;
}

.is-list-active .product-m__quick-look>a:hover {
    color: #1d708a;
}

.is-list-active .product-m__content {
    position: relative;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-right: 56px;
    padding-left: 15px;
}

.is-list-active .product-m__category {
    margin-bottom: 2px;
    line-height: 1.2;
}

.is-list-active .product-m__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.is-list-active .product-m__category>a:hover {
    color: #1d708a;
}

.is-list-active .product-m__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.is-list-active .product-m__name>a:hover {
    color: #1d708a;
}

.is-list-active .product-m__price {
    margin-bottom: 8px;
    line-height: 1.2;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.is-list-active .product-m__discount {
    font-weight: 600;
    margin-left: 30px;
    color: #1d708a;
    font-size: 14px;
    text-decoration: line-through;
}

.is-list-active .product-m__rating {
    margin-bottom: 6px;
}

.is-list-active .product-m__rating i {
    font-size: 12px;
}

.is-list-active .product-m__review {
    margin-left: 4px;
    font-size: 11px;
    color: #a0a0a0;
}

.is-list-active .product-m__preview-description {
    font-size: 12px;
    color: #7f7f7f;
}

.is-list-active .product-m__wishlist {
    position: absolute;
    right: 12px;
    bottom: 13px;
}

.is-list-active .product-m__wishlist a {
    font-size: 16px;
    color: #a0a0a0;
    transition: color 110ms ease-in-out;
}

.is-list-active .product-m__wishlist a:hover {
    color: #1d708a;
}

.is-list-active .product-m:hover {
    background: #ffffff;
    border-radius: 0.1875rem;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.is-list-active .product-m:hover .product-m__add-cart {
    opacity: 1;
    visibility: visible;
}

.is-list-active .product-m:hover .product-m__quick-look {
    opacity: 1;
    visibility: visible;
}

.shop-p__pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.shop-p__pagination>li {
    margin-right: 14px;
}

.shop-p__pagination>li:last-child {
    margin-right: 0;
}

.shop-p__pagination>li>a {
    width: 42px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    display: block;
    font-weight: 600;
    border-radius: 50%;
    background-color: transparent;
    color: #333333;
}

.shop-p__pagination>li.is-active>a {
    background-color: #f7f7f7;
}

.shop-p__pagination>li:not(.is-active)>a:hover {
    color: #1d708a;
    text-decoration: underline;
}

.shop-a__wrap {
    position: fixed;
    top: 0;
    width: 350px;
    min-height: 100vh;
    bottom: 0;
    z-index: 9999;
    right: 0;
    transition: all 400ms ease-out;
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.09);
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
}

.shop-a__inner {
    overflow: auto;
    height: 100%;
    padding: 1.25rem 1.125rem;
}

.shop-a.is-open .shop-a__wrap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
}

@media (max-width: 575px) {
    .is-list-active .product-m__thumb {
        margin-bottom: 30px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .is-list-active .product-m__content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .is-list-active .product-m__wishlist {
        position: static;
        text-align: right;
    }
    .shop-p__tool-style {
        display: block;
    }
    .tool-style__form-wrap {
        display: block;
    }
    .tool-style__form-wrap div+div {
        margin-left: 0;
    }
}


/*--------------------------------------------------------------
20.0 Vendor Extension Pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
20.1 Bootstrap
--------------------------------------------------------------*/


/* Modal styles */

.modal {
    z-index: 999999;
}

.modal-content {
    display: block !important;
    border: none;
    border-radius: 0;
}

.modal--radius {
    border-radius: 8px;
}

.modal--shadow {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}


/* Tootip styles */

.tooltip {
    font-family: "Helvetica Neue", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f5f5f5;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #f5f5f5;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f5f5f5;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #f5f5f5;
}

.tooltip-inner {
    color: #333333;
    background-color: #f5f5f5;
    border-radius: 2px;
}

@media (max-width: 991px) {
    .tooltip.show {
        opacity: 0;
    }
}


/*--------------------------------------------------------------
20.2 jquery.shopnav
--------------------------------------------------------------*/

.ah-list {
    margin: 0;
    padding: 0;
}

.ah-list li {
    list-style: none;
}

.ah-list ul {
    margin: 0;
    padding: 0;
}

.ah-list--design1>li {
    display: inline-block;
}

.ah-list--design1>li>a {
    display: inline-block;
    font-size: 16px;
    padding: 28px 20px;
}

.ah-list--link-color-secondary>li>a {
    color: #333333;
}

.ah-list--link-color-white>li>a {
    color: #ffffff;
}

.ah-list--design2>li {
    display: inline-block;
}

.ah-list--design2>li>a {
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    padding: 31px 14px;
    line-height: 18px;
    font-style: normal;
    letter-spacing: 0.1em;
}

.has-dropdown>ul .has-dropdown {
    position: relative;
}

.has-dropdown>ul {
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);
    position: absolute;
    text-align: left;
    padding: 20px 0 20px;
    z-index: 999;
    white-space: nowrap;
    transition: all 0.3s ease;
    top: 120%;
    opacity: 0;
    visibility: hidden;
}

.has-dropdown>ul>li>a {
    display: block;
    padding: 2px 5px;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.has-dropdown--ul-left-100>ul {
    left: 100%;
}

.has-dropdown--ul-right-100>ul {
    right: 100%;
}

@media (max-width: 1024px) {
    .menu-init .fa-angle-down:before {
        content: none;
    }
    .menu-init.js-open .ah-lg-mode {
        left: 0;
        transition: all .4s ease-in-out;
    }
    .menu-init.js-open .ah-lg-mode-1 {
        left: 0;
        transition: all .4s ease-in-out;
    }
    .menu-init.js-open:after {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 19999;
    }
    .ah-lg-mode {
        position: fixed;
        left: -315px;
        width: 315px;
        height: 100%;
        top: 0;
        background-color: #1d708a;
        z-index: 20000;
        overflow-y: auto;
    }
    .ah-lg-mode-1 {
        position: fixed;
        left: -0px;
        width: 315px;
        height: 100%;
        top: 0;
        background-color: #1d708a;
        z-index: 20000;
        overflow-y: auto;
    }
    .ah-close {
        color: #fff;
        padding: 5px;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
        display: block;
        margin: 20px 20px 0 auto;
        text-align: right;
    }
    .ah-list>li {
        position: relative;
        display: block;
        /*border-top: 1px solid #f8f8f8; */
    }
    .ah-list>li>a {
        display: block;
        padding: 8px 18px;
    }
    .ah-list>li:last-child {
        /* border-bottom: 1px solid #f8f8f8;*/
    }
    .ah-list--design1>li>a,
    .ah-list--design2>li>a {
        font-weight: normal;
        font-size: 14px;
    }
    .ah-list--link-color-white>li>a {
        color: #333333;
    }
    .js-menu-toggle {
        width: 21px;
        display: block;
        height: 21px;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.13);
        position: absolute;
        right: 15px;
        top: 6px;
        transition: all .3s;
        cursor: pointer;
    }
    .js-menu-toggle:after {
        font-family: 'Helvetica Neue';
        content: "\F067";
        position: absolute;
        top: 50%;
        width: 100%;
        font-weight: 900;
        color: #333333;
        display: block;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        font-size: 8px;
    }
    .js-menu-toggle.js-toggle-mark:after {
        content: "\F068";
    }
    .has-dropdown>ul {
        width: 100% !important;
        box-shadow: none;
        transition: none;
        position: static;
        padding: 0 0 10px;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .has-dropdown>ul>li {
        padding: 0;
    }
    .has-dropdown>ul>li>a {
        display: block;
    }
    .ah-list>li>ul>li>a {
        padding: 8px 36px;
    }
    .ah-list>li>ul>li>ul>li>a {
        padding: 8px 54px;
    }
    .ah-list>li>ul>li>ul>li>ul>li>a {
        padding: 8px 72px;
    }
}

@media (min-width: 1025px) {
    .toggle-button {
        display: none;
    }
    .ah-close {
        display: none;
    }
    .ah-list>li>a:hover {
        color: #1d708a;
    }
    .has-dropdown>ul>li:hover {
        background-color: #fbfbfb;
    }
    .has-dropdown:hover>ul {
        opacity: 1;
        visibility: visible;
    }
    .ah-list>.has-dropdown:hover>ul {
        top: 80%;
    }
    .has-dropdown .has-dropdown:hover>ul {
        top: 0;
    }
    .ah-list>.has-dropdown:hover>a {
        /*color: #1d708a;*/
        color: #1d708a;
    }
    .has-dropdown>a .fa-angle-down {
        font-size: 10px;
        line-height: 18px;
        float: right;
    }
    .has-dropdown:hover>a .i-state-right:before {
        content: "\F105";
    }
}


/* Extension Mega Menu */

.mega-text {
    width: 34px;
    height: 34px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #1d708a;
    font-size: 12px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
}

.mega-menu-list>ul>li>a {
    display: block;
    padding: 10px 22px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.mega-menu-list>ul>li.js-active {
    background: linear-gradient(225deg, #1d708a, #1d708a);
}

.mega-menu-list>ul>li.js-active>a {
    color: #ffffff;
}

.mega-menu-content {
    display: none;
}

.mega-menu-content.js-active {
    display: block;
}

.mega-menu-content [class*="col-"]>ul>li>a {
    padding: 4px 0;
    display: block;
    color: #333333;
    font-size: 13px;
    transition: color 0.5s;
}

.mega-menu-content [class*="col-"]>ul>li>a:hover {
    color: #1d708a;
}

.mega-menu-content [class*="col-"]>ul>.mega-list-title>a {
    font-weight: 700;
}

.mega-menu-content>h5 {
    font-weight: 600;
    margin: 6px 0 0;
    font-size: 12px;
    color: #000000;
}

@media (max-width: 1024px) {
    .toggle-mega-text {
        width: 34px;
        display: inline-block;
        height: 34px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #1d708a;
        font-size: 12px;
        font-weight: 600;
        line-height: 34px;
        text-align: center;
        cursor: pointer;
        color: #ffffff;
    }
    .mega-menu {
        display: none;
    }
    .mega-menu-list {
        padding: 20px;
        border: 1px solid #f6f6f6;
    }
    .mega-menu-list>ul>li {
        position: relative;
    }
    .mega-menu-content {
        padding: 20px;
    }
    .mega-menu-content .row {
        display: block;
    }
    .mega-menu-content [class*="col-"] {
        margin-bottom: 15px;
        max-width: 100%;
    }
    .mega-image {
        display: none;
    }
}

@media (min-width: 1025px) {
    .js-open.mega-text {
        -webkit-animation: mypulse 1s;
        animation: mypulse 1s;
    }
    .js-open.mega-text~.mega-menu {
        display: block;
    }
    .mega-menu {
        display: none;
        padding: 30px;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);
        position: absolute;
        z-index: 998;
        top: 100%;
    }
    .mega-menu-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .mega-menu-list {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .mega-menu-content {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        overflow-y: auto;
        padding: 0 17px;
        height: 370px;
        transition: opacity 0.5s;
        display: none;
    }
    .mega-menu-content::-webkit-scrollbar {
        width: 8px;
    }
    .mega-menu-content::-webkit-scrollbar-track {
        background: #eee;
    }
    .mega-menu-content::-webkit-scrollbar-thumb {
        background: #888;
    }
    .mega-menu-content::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    .mega-banner {
        position: relative;
        overflow: hidden;
    }
    .mega-banner img {
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.6s ease-in-out;
    }
    .mega-banner:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .mega-image {
        margin: auto 0;
    }
}


/* Extension Mini Cart */

.mini-cart-shop-link {
    position: relative;
}

.mini-cart-shop-link>.total-item-round {
    top: 16px;
    left: 32px;
}

.total-item-round {
    width: 24px;
    position: absolute;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    background-color: black;
    color: #ffffff;
}

.mini-cart {
    background-color: #ffffff;
    box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.06);
    /* width: 478px; */
    padding: 14px;
    position: absolute;
    transition: all 0.3s ease;
    z-index: 998;
    /* top: 120%; */
    opacity: 0;
    right: 0;
    visibility: hidden;
}

.mini-product-container {
    max-height: 280px;
    padding: 17px;
    overflow-y: auto;
}

.card-mini-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin-bottom: 22px;
}

.card-mini-product:last-child {
    margin-bottom: 0;
}

.mini-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.mini-product__image-wrapper {
    margin-right: 20px;
}

.mini-product__link {
    background-color: #f5f5f5;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
}

.mini-product__link img {
    display: block;
    min-width: 80px;
}

.mini-product__category {
    display: block;
}

.mini-product__category>a {
    color: #a0a0a0;
    transition: color 0.5s;
    font-size: 12px;
}

.mini-product__category>a:hover {
    color: #1d708a;
}

.mini-product__name {
    display: block;
}

.mini-product__name>a {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.5s;
}

.mini-product__name>a:hover {
    color: #1d708a;
}

.mini-product__quantity {
    font-size: 12px;
    margin-right: 4px;
    color: #333333;
}

.mini-product__price {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.mini-product__delete-link {
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    color: #333333;
    transition: color 0.5s;
}

.mini-product__delete-link:hover {
    color: #1d708a;
}

.mini-total {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.subtotal-text {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.subtotal-value {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
}

.mini-link {
    display: block;
    text-align: center;
    padding: 12px 42px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 10px;
}

.mini-action {
    width: 65%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .mini-cart-shop-link>.total-item-round {
        top: 5px;
        left: 38px;
    }
    .toggle-button-shop+.total-item-round {
        top: 5px;
        right: 10px;
    }
    .has-dropdown>.mini-cart {
        width: 100% !important;
        box-shadow: none;
        transition: none;
        padding: 14px;
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .mini-product-container {
        max-height: 836px;
    }
    .card-mini-product {
        display: block;
        text-align: center;
    }
    .mini-product {
        display: block;
    }
    .mini-product__image-wrapper {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .mini-product__info-wrapper {
        padding: 0;
        display: block;
        margin-bottom: 10px;
    }
    .mini-total {
        margin-bottom: 22px;
    }
}

@media (min-width: 1025px) {
    .toggle-button-shop+.total-item-round {
        display: none;
    }
    .has-dropdown:hover>.mini-cart {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
}


/*--------------------------------------------------------------
20.3 Owl-Carousel
--------------------------------------------------------------*/

.slider-fouc {
    display: none;
}

.s-skeleton {
    position: relative;
}

.s-skeleton--h-200 {
    min-height: 200px;
}

.s-skeleton--h-500 {
    min-height: 500px;
}

.s-skeleton--h-450 {
    min-height: 450px;
}

.s-skeleton--h-400 {
    min-height: 400px;
}

.s-skeleton--h-300 {
    min-height: 390px;
}

.s-skeleton--h-600 {
    min-height: 600px;
}

.s-skeleton--h-640 {
    min-height: 640px;
}

.s-skeleton--bg-grey {
    background-color: #f5f5f5;
}

.s-skeleton--bg-black {
    background-color: #000000;
}

.s-skeleton .owl-carousel {
    position: static;
}

.primary-style-1 .hero-slide-400 {
    min-height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.primary-style-1 .hero-slide-show {
    height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.primary-style-2 .hero-slide {
    height: 600px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.primary-style-3 .hero-slide {
    height: 640px;
}

.primary-style-3-wrap {
    position: absolute;
    bottom: 120px;
    z-index: 1;
    width: 100%;
}

.hero-slide {
    background: center center/cover no-repeat;
}

.hero-slide--1 {
    /* background-image: url(../images/slider/slide-1.jpg); } */
}

.hero-slide--2 {
    /* background-image: url(../images/slider/slide-2.jpg); } */
}

.hero-slide--3 {
    /* background-image: url(../images/slider/slide-3.jpg); } */
}

.hero-slide--4 {
    /* background-image: url(../images/slider/slide-4.jpg); } */
}

.hero-slide--5 {
    /* background-image: url(../images/slider/slide-5.jpg); } */
}

.hero-slide--6 {
    /* background-image: url(../images/slider/slide-6.jpg); } */
}

.hero-slide--7 {
    /* background-image: url(../images/slider/slide-7.jpg); } */
}

.hero-slide--8 {
    /* background-image: url(../images/slider/slide-8.jpg); } */
}

.hero-slide--9 {
    /* background-image: url(../images/slider/slide-9.jpg); } */
}

.owl-carousel .owl-dots {
    position: absolute;
}

.owl-carousel button.owl-dot:focus {
    outline: 0;
}

.owl-carousel.primary-style-1 .owl-dots {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
}

.owl-carousel.primary-style-1 button.owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: block;
    margin-bottom: 6px;
    background: #e1e1e1;
    transition: background 0.8s ease-out;
}

.owl-carousel.primary-style-1 button.owl-dot:last-child {
    margin-bottom: 0;
}

.owl-carousel.primary-style-1 button.owl-dot.active,
.owl-carousel.primary-style-1 button.owl-dot:hover {
    background: transparent linear-gradient(-180deg, #1d708a 0%, #ff6a33 100%);
}

.owl-carousel.primary-style-2 .owl-dots {
    width: 100%;
    text-align: center;
    bottom: 20px;
}

.owl-carousel.primary-style-2 button.owl-dot {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 4px;
    border-radius: 50%;
    background-color: #7f7f7f;
    transition: background 0.8s ease-out;
}

.owl-carousel.primary-style-2 button.owl-dot:last-child {
    margin-right: 0;
}

.owl-carousel.primary-style-2 button.owl-dot.active,
.owl-carousel.primary-style-2 button.owl-dot:hover {
    background-color: #ffffff;
}

.primary-style-2-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .primary-style-2-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .primary-style-2-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .primary-style-2-container {
        max-width: 960px;
    }
}

.owl-carousel.primary-style-3 .owl-dots {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
}

.owl-carousel.primary-style-3 button.owl-dot {
    width: 5px;
    height: 32px;
    display: block;
    margin-bottom: 6px;
    background-color: #f3f3f3;
    transition: background 0.8s ease-out;
}

.owl-carousel.primary-style-3 button.owl-dot:last-child {
    margin-bottom: 0;
}

.owl-carousel.primary-style-3 button.owl-dot.active,
.owl-carousel.primary-style-3 button.owl-dot:hover {
    background-color: #1d708a;
}

.owl-carousel#testimonial-slider .owl-dots {
    width: 100%;
    text-align: center;
    bottom: -30px;
}

.owl-carousel#testimonial-slider button.owl-dot {
    width: 11px;
    height: 11px;
    display: inline-block;
    border: 1px solid #333333;
    margin-right: 4px;
    border-radius: 50%;
    background-color: transparent;
    transition: background 0.8s ease-out;
}

.owl-carousel#testimonial-slider button.owl-dot:last-child {
    margin-right: 0;
}

.owl-carousel#testimonial-slider button.owl-dot.active,
.owl-carousel#testimonial-slider button.owl-dot:hover {
    background-color: #333333;
}

.content-span-1 {
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
}

.content-span-2 {
    font-weight: 700;
    font-size: 3.25rem;
    display: block;
}

.content-span-3 {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 8px;
}

.content-span-4 {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.content-span-4 span {
    font-weight: 700;
    margin-left: 4px;
    font-size: 1.375rem;
}

.shop-now-link {
    padding: 18px 53px;
    font-size: 0.75rem;
    position: relative;
    transition: background 0.3s;
    text-align: center;
    border-radius: 6px;
    display: inline-block;
}

.owl-item .slider-content--animation * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-item.active .content-span-1 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .content-span-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .content-span-3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .content-span-4 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .shop-now-link {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.product-slider,
.tab-slider {
    position: static;
}

.product-slider .owl-item:hover,
.tab-slider .owl-item:hover {
    z-index: 2;
}


/* Products-Slider (Previous & Next Buttons) */

.section__content:hover .p-prev,
.section__content:hover .t-prev,
.section__content:hover .p-next,
.section__content:hover .t-next {
    opacity: 1;
}

.p-prev,
.p-next {
    text-align: center;
    box-shadow: 0 6px 15px 5px rgba(36, 37, 38, 0.08);
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 72px;
    line-height: 72px;
    width: 36px;
    background-color: #ffffff;
    margin: auto 0;
    transition: opacity .6s ease-in, background-color .6s ease-in;
    opacity: 0;
}

.p-prev>i,
.p-next>i {
    font-size: 14px;
    color: #333333;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-prev {
    left: 0;
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
}

.p-prev>i {
    left: 6px;
}

.p-next {
    right: 0;
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
}

.p-next>i {
    right: 6px;
}

.t-prev,
.t-next {
    text-align: center;
    z-index: 1;
    display: inline-block;
    box-shadow: 0 6px 15px 5px rgba(36, 37, 38, 0.08);
    background-color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    width: 36px;
    margin: auto 0;
    transition: opacity .6s ease-in;
    opacity: 0;
}

.t-prev>i,
.t-next>i {
    font-size: 14px;
    color: #333333;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.t-prev {
    left: 0;
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
}

.t-prev>i {
    left: 10px;
}

.t-next {
    right: 0;
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
}

.t-next>i {
    right: 10px;
}

#brand-slider .owl-stage {
    margin: 1.25rem 0;
}

.brand-slide {
    width: 155px;
    height: 60px;
    margin: 0 auto;
}

.brand-slide a {
    display: block;
    background-color: #ffffff;
    transition: all .3s;
}

.brand-slide a:hover {
    box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.2);
}

.b-prev,
.b-next {
    text-align: center;
    z-index: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    width: 36px;
    box-shadow: 0 6px 15px 5px rgba(36, 37, 38, 0.08);
    background-color: #ffffff;
    margin: auto 0;
    transition: opacity .6s ease-in;
    opacity: 0;
}

.b-prev>i,
.b-next>i {
    font-size: 14px;
    color: #333333;
}

.b-prev {
    left: 0;
}

.b-next {
    right: 0;
}


/* Brand-Slider (Previous & Next Buttons) */

.section__content:hover .b-prev,
.section__content:hover .b-next {
    opacity: 1;
}


/*--------------------------------------------------------------
20.4 jquery.scrollUp
--------------------------------------------------------------*/


/* ScrollUp Custom */

#topScroll {
    right: 24px;
    bottom: 60px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    box-shadow: 2px 2px 4px 4px rgba(36, 37, 38, 0.08);
    background-color: #ffffff;
    color: #333333;
    font-size: 18px;
    text-align: center;
}


/*--------------------------------------------------------------
20.5 Slick Carousel
--------------------------------------------------------------*/

.slick-slide,
.slick-slide * {
    outline: none;
}

#pd-o-thumbnail .slick-slide:not(.slick-current) {
    opacity: .4;
}

#js-product-detail-modal-thumbnail .slick-slide:not(.slick-current) {
    opacity: .4;
}

.pt-prev,
.pt-next {
    text-align: center;
    z-index: 1;
    display: inline-block;
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 0;
    border-radius: 50%;
    height: 36px;
    line-height: 36px;
    width: 36px;
    margin: auto 0;
    transition: opacity ease-in-out .5s, background-color ease-in 0.3s;
    background-color: #ffffff;
    opacity: 0;
}

.pt-prev i,
.pt-next i {
    font-size: 12px;
    color: #000000;
}

.pt-prev {
    left: 20px;
}

.pt-next {
    right: 20px;
}

#pd-o-thumbnail:hover .pt-prev,
#pd-o-thumbnail:hover .pt-next {
    opacity: .8;
}

#js-product-detail-modal-thumbnail:hover .pt-prev,
#js-product-detail-modal-thumbnail:hover .pt-next {
    opacity: .8;
}


/* Zoom In #1 */

.hover01 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    width: auto;
}

.search_bar {
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    background-color: #fff;
    color: #000;
    z-index: 9;
    box-shadow: 2px 3px 5px -1px rgb(0 0 0 / 50%);
    overflow: hidden;
    max-height: 350px;
    overflow-y: auto;
    scrollbar-color: red yellow;
}


/* Let's get this party started */

.search_bar::-webkit-scrollbar {
    width: 3px;
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #dad9d9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}


/* Track */

.search_bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/* Handle */

.flexcroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.spinner-border {
    border: 2px solid black;
    border-radius: 50%;
    border-right-color: transparent;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}


/* Safari */

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.main-search-button-loader {
    position: absolute;
    top: 30%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
}

.input-error {
    border-color: red !important;
}

.btn-padd {
    padding-left: 14px;
    padding-top: 6px;
}

.u-img-fluid-mini-cart {
    width: 100%;
    max-width: 100%;
    height: 89px;
}

.u-s-p-y-075 {
    padding-top: 0.75rem;
}

.white-text {
    color: #fff !important;
}

.s-skeleton--h-450 {
    min-height: 600px;
}

.primary-style-1 .hero-slide-s450 {
    height: 600px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.margin-18 {
    margin-top: -18px;
    margin-bottom: -18px;
}

.red-alert {
    border-color: 1px solid red;
}

.u-menu-close {
    z-index: 1;
    position: relative;
    width: 22px;
    height: 28px;
    margin: 20px 20px 0 auto;
    text-align: right;
    font-style: initial;
    letter-spacing: initial;
    font-weight: initial;
    display: block;
}

.input-text-margin-20p {
    margin-left: 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    color: white !important;
}

.has-slide-dropdown>ul .has-slide-dropdown {
    position: relative;
}

.has-slide-dropdown>ul {
    width: 100% !important;
    box-shadow: none;
    transition: none;
    position: static;
    padding: 0 0 10px;
    opacity: 1;
    visibility: visible;
    background-color: white;
}

.has-slide-dropdown>ul>li>a {
    display: block;
    padding: 8px 20px;
    color: #333333;
    font-size: 12px;
    font-weight: 600;
}

.u-image {
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

legend {
    font: 15pt/0 'Averia Serif Libre';
    /*margin: auto;*/
    /* to center */
    padding: 0 4px;
}

.main-search-button-dash {
    position: absolute;
    top: 55%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: white;
}

.main-search-button-loader-dash {
    position: absolute;
    top: 25%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
}

.filter-grey {
    color: greenyellow;
}

.header-text {
    font-family: 'Helvetica Neue';
        font-style: normal;
    
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.01em;
        color: black;
}

input[type="email"]::-webkit-input-placeholder {
    color: white !important;
}

input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
    color: white !important;
}

input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    color: white !important;
}

input[type="email"]:-ms-input-placeholder {
    color: white !important;
}


/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    .width-ad-modal {
        width: 310px;
    }
    .mar-9px {
        margin-top: -9px
    }
    .mar-30-both {
        margin-left: 0px;
        margin-right: 0px;
    }
    .margin-otp-mobile {
        margin-left: -40px;
    }
    .button-sign-enjoy {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #bbd4dc;
        color: black;
    }
    .slider-margin {
        margin-left: 0px;
    }
    .header-logo {
        margin-top: 24px;
    }
    .figure-margin {
        margin-left: -10px;
    }
    .primary-style-1 .hero-slide {
        /*height: 600px;*/
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .main-logo-margin {
        margin-right: 0px;
    }
    .flower-club-header {
        font-family: 'Helvetica Neue';
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0.3em;
        color: #ffffff;
        text-align: center;
    }
    .flower-club-text {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        font-style: normal;
        text-align: center;
    }
    .button-sign {
        width: 170px;
        height: 38px;
        padding: 0;
        text-align: center;
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 28px;
        background-color: rgb(47, 175, 204);
        color: white;
        border-color: #fddfe7;
        border: none;
    }
    .section__heading {
        font-style: normal;
        font-weight: bold;
        /* letter-spacing: 0.22em; */
        font-size: 22px;
        line-height: 32px;
        text-transform: capitalize;
        color: #1d708a;
        position: relative;
    }
    .unique-text {
        line-height: 20px;
        font-size: 16px;
        padding-right: 90px;
        padding-left: 90px;
    }
    .mobile-footer-about {
        margin-left: 0px;
    }
    .section__heading_flower_club {
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: px;
        text-transform: capitalize;
        color: #111111;
        position: relative;
    }
    .flower-margin-top {
        margin-top: 0px;
    }
    .margin-enjoy-section {
        margin-right: 7px;
    }
}


/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) and (max-width: 768px) {
    .mar-30-both {
        margin-left: 15px;
        margin-right: 15px;
    }
    .width-input {
        width: 152px !important;
    }
    .button-sign-enjoy {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #bbd4dc;
        color: black;
    }
    .slider-margin {
        margin-left: 0px;
    }
    .header-logo {
        margin-top: 28px;
    }
    .figure-margin {
        margin-left: -10px;
    }
    .primary-style-1 .hero-slide {
        /*height: 600px;*/
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .main-logo-margin {
        margin-right: 1px;
    }
    .flower-club-header {
        font-family: 'Helvetica Neue';
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0.3em;
        color: #ffffff;
        text-align: center;
    }
    .flower-club-text {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        font-style: normal;
        text-align: center;
    }
    .button-sign {
        border: none;
        width: 170px;
        height: 38px;
        padding: 0;
        text-align: center;
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 28px;
        background-color: #fddfe7;
        color: #3c6b58;
        border-color: #fddfe7;
    }
    .section__heading {
        font-style: normal;
        font-weight: bold;
        /* letter-spacing: 0.22em; */
        font-size: 22px;
        line-height: 30px;
        text-transform: capitalize;
        color: #1d708a;
        position: relative;
    }
    .unique-text {
        line-height: 20px;
        font-size: 15px;
        padding-right: 90px;
        padding-left: 90px;
    }
    .mobile-footer-about {
        margin-left: 0px;
    }
    .section__heading_flower_club {
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 5px;
        text-transform: capitalize;
        color: #111111;
        position: relative;
    }
    .flower-margin-top {
        margin-top: 125px;
    }
    .margin-enjoy-section {
        margin-right: 7px;
    }
}


/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px)and (max-width: 992px) {
    .mar-30-both {
        margin-left: 30px;
        margin-right: 30px;
    }
    .width-input {
        width: 152px !important;
    }
    .button-sign-enjoy {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #bbd4dc;
        color: black;
    }
    .width-email {
        width: 230px;
    }
    .mar-email {
        margin-left: 90px;
    }
    .slider-margin {
        margin-left: 0px;
    }
    .header-logo {
        margin-top: 28px;
    }
    figure {
        margin: 1em 40px
    }
    .primary-style-1 .hero-slide {
        height: 600px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .main-logo-margin {
        margin-right: 1px;
    }
    .flower-club-header {
        font-family: 'Helvetica Neue';
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 42px;
        letter-spacing: 0.3em;
        color: #ffffff;
        text-align: center;
    }
    .flower-club-text {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        font-style: normal;
        text-align: center;
    }
    .button-sign {
        border: none;
        width: 234px;
        height: 50px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #fddfe7;
        color: #3c6b58;
        border-color: #fddfe7;
    }
    .section__heading {
        font-style: normal;
        font-weight: bold;
        /* letter-spacing: 0.48em; */
        font-size: 22px;
        line-height: 37px;
        text-transform: capitalize;
        color: #1d708a;
        position: relative;
    }
    .unique-text {
        font-size: 16px;
        line-height: 22px;
    }
    .mobile-footer-about {
        margin-left: 200px;
    }
    .float-free {
        float: right;
        position: absolute;
        right: 0;
    }
    .section__heading_flower_club {
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 37px;
        text-transform: capitalize;
        color: #111111;
        position: relative;
    }
    .flower-margin-top {
        margin-top: 125px;
    }
    .enjoy-float-right {
        float: right;
    }
    .margin-enjoy-section {
        margin-right: 7px;
    }
}


/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mar-30-both {
        margin-left: 30px;
        margin-right: 30px;
    }
    .width-input {
        width: 152px !important;
    }
    .button-sign-enjoy {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #bbd4dc;
        color: black;
    }
    .width-email {
        width: 230px;
    }
    .mar-email {
        margin-left: 90px;
    }
    .slider-margin {
        margin-left: -36px;
    }
    .header-logo {
        margin-top: 9px;
    }
    figure {
        margin: 1em 40px
    }
    .primary-style-1 .hero-slide {
        height: 600px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .main-logo-margin {
        margin-right: 1px;
    }
    .flower-club-header {
        font-family: 'Helvetica Neue';
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 42px;
        letter-spacing: 0.3em;
        color: #ffffff;
        text-align: center;
        text-align: center;
    }
    .flower-club-text {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        font-style: normal;
        text-align: center;
    }
    .button-sign {
        border: none;
        width: 155px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #fddfe7;
        color: #3c6b58;
        border-color: #fddfe7;
    }
    .section__heading {
        font-style: normal;
        font-weight: bold;
        /* letter-spacing: 0.48em; */
        font-size: 22px;
        line-height: 37px;
        text-transform: capitalize;
        color: #1d708a;
        position: relative;
    }
    .unique-text {
        font-size: 16px;
        line-height: 22px;
    }
    .mobile-footer-about {
        margin-left: 200px;
    }
    .float-free {
        float: right;
        position: absolute;
        right: 0;
    }
    .section__heading_flower_club {
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 5px;
        text-transform: capitalize;
        color: #111111;
        position: relative;
    }
    .flower-margin-top {
        margin-top: 125px;
    }
    .enjoy-float-right {
        float: right;
    }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
    .mar-30-both {
        margin-left: 30px;
        margin-right: 30px;
    }
    .width-input {
        width: 152px !important;
    }
    .button-sign-enjoy {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #bbd4dc;
        color: black;
    }
    .width-email {
        width: 230px;
    }
    .mar-email {
        margin-left: 90px;
    }
    .slider-margin {
        margin-left: -36px;
    }
    .header-logo {
        margin-top: 9px;
    }
    figure {
        margin: 1em 40px
    }
    .margin-both-side {
        margin-right: 250px;
        margin-left: 250px;
    }
    .enjoy-float-right {
        float: right;
    }
    .primary-style-1 .hero-slide {
        height: 600px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .main-logo-margin {
        /* margin-right: 230px; */
    }
    .flower-club-header {
        font-family: 'Helvetica Neue';
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 42px;
        letter-spacing: 0.3em;
        color: #ffffff;
        text-align: center;
    }
    .flower-club-text {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #ffffff;
        font-style: normal;
        text-align: center;
    }
    .button-sign {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #fddfe7;
        color: #3c6b58;
    }
    .section__heading {
        font-style: normal;
        font-weight: bold;
        /* letter-spacing: 0.48em; */
        font-size: 22px;
        line-height: 37px;
        text-transform: capitalize;
        color: #1d708a;
        position: relative;
    }
    .unique-text {
        font-size: 16px;
        line-height: 22px;
    }
    .mobile-footer-about {
        margin-left: 200px;
    }
    .float-free {
        float: right;
        position: absolute;
        right: 0;
    }
    .button-summer-collection {
        width: 318px;
        height: 68px;
        padding: 0;
        text-align: center;
        line-height: 30px;
        font-size: 24.48px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
        background-color: #ffffff;
        color: #3c6b58;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border: none;
        margin-left: 0px;
    }
    .section__heading_flower_club {
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 5px;
        text-transform: capitalize;
        color: #111111;
        position: relative;
    }
    .flower-margin-top {
        margin-top: 125px;
    }
}

.best_flower_image_text {
    padding-left: 5px;
    /* padding-right: 20px; */
}

.dropdown6 {
    position: relative;
    display: inline-block;
}

.dropdown-content6 {
    display: none;
    position: absolute;
    background-color: white;
    width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 3;
    margin-left: -15px;
}

.dropdown6:hover .dropdown-content6 {
    display: block;
}

.gl-label-enjoy {
    /* margin-bottom: 8px; */
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
}

.enjoy-email {
    width: 100%;
    background-color: white;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    opacity: 0.7;
    font-style: normal;
    color: #ffffff;
    border: 1px solid white;
    background-clip: padding-box;
    padding: 0 18px;
    height: 45px;
}

.flower-first-row-text {
    font-size: 26px;
    color: black;
    font-weight: bold;
}

.redData {
    border-color: red;
}

._2aT659,
._24OSh7 {
    font-size: 16px;
    font-size: 1.06667vw;
    font-family: 'Helvetica Neue';
    line-height: 1em;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 1em;
    height: 2.5em;
    color: #1f1f1f;
    background-color: #fff;
    border-radius: 2.5em;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    -webkit-transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), transform .25s cubic-bezier(.165, .84, .44, 1), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer;
}

._2KScOi {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    fill: currentColor;
    height: 1em;
    width: auto;
    max-width: 1.2em;
    pointer-events: none;
}

svg {
    display: block;
    width: 100%;
}

.eYUDqF {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

._33E7Zx {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
}

._2FgJ1j {
    font-family: GillSans, Helvetica, Arial, sans-serif;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #666;
    -webkit-transition: color .6s cubic-bezier(.165, .84, .44, 1);
    transition: color .6s cubic-bezier(.165, .84, .44, 1);
}

._8rUS5i {
    width: 13px;
    height: auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    fill: #929292;
    -webkit-transition: fill .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: fill .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: fill .6s cubic-bezier(.165, .84, .44, 1), transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: fill .6s cubic-bezier(.165, .84, .44, 1), transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
}

._2X1NSl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

._2G98bq,
.UlovPR {
    -webkit-transition: opacity .2s cubic-bezier(.445, .05, .55, .95), background-color .6s cubic-bezier(.165, .84, .44, 1);
    /* transition: opacity .2s cubic-bezier(.445,.05,.55,.95),background-color .6s cubic-bezier(.165,.84,.44,1); */
}

._1ln7gh {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

._1oLE-k input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    z-index: -1;
    position: absolute;
}

.bubble {
    font-family: SangbleuSans, Helvetica, Arial, sans-serif;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: -.02em;
    text-transform: capitalize;
    border: 1px solid grey;
    padding: 8px;
    border-radius: 36px;
    cursor: pointer;
    margin: 10px;
}

._2aT659,
._24OSh7 {
    font-size: 16px;
    font-size: 1.06667vw;
    font-family: SangbleuSans, Helvetica, Arial, sans-serif;
    line-height: 1em;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 1em;
    height: 2.5em;
    color: #1f1f1f;
    background-color: #fff;
    border-radius: 2.5em;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    -webkit-transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: background .2s cubic-bezier(.445, .05, .55, .95), color .2s cubic-bezier(.445, .05, .55, .95), box-shadow .2s cubic-bezier(.445, .05, .55, .95), transform .25s cubic-bezier(.165, .84, .44, 1), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer;
}

._2KScOi {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    fill: currentColor;
    height: 1em;
    width: auto;
    max-width: 1.2em;
    pointer-events: none;
}

svg {
    display: block;
    width: 100%;
}

.eYUDqF {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.light_grey_bubble {
    background-color: lightgrey;
}

.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover {
    background-color: #000;
}

.clearAll {
    cursor: pointer;
    border: 1px solid grey;
    padding: 3px;
    font-size: 13px;
    border-radius: 10px;
}

.bg_no_product {
    height: 400px;
    width: 500px;
}

.pad_10 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
}

.info_div_top {
    background-color: white;
    border-right: 1px #636161;
    border-left: 1px #636161;
    border-top: 1px #636161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    height: 178px;
}

.info_div_bottom {
    height: 112px;
    border-bottom: 1px #636161;
    border-right: 1px #636161;
    border-left: 1px #636161;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.u-s-m-b-10px {
    margin-bottom: 10px
}

.flow-small-text {
    font-family: 'Helvetica Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    margin-bottom: 8px;
    display: block;
    color: black;
}

.enjoy-email-text {
    font-size: 27px;
    font-style: normal;
    font-weight: bold;
    font-family: 'Helvetica Nueue !important';
    text-transform: capitalize;
    line-height: 30px;
    margin-right: 33px;
    margin-top: -7px;
}

.unique-offer-text {
    font-style: normal;
    color: black;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}

hr.line1 {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.margin-unique-offering {
    margin-left: 200px;
    margin-right: 200px;
}

.circle {
    border-radius: 50%;
    margin: 0.15em;
    font-size: 3em;
}

.footer-line {
    color: white;
    text-decoration: underline !important;
}

.button-sign-flower {
    border: none;
    width: 170px;
    height: 45px;
    padding: 0;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fddfe7;
    color: #3c6b58;
}

.margin-e-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.padding-top-10 {
    padding-top: 7px;
}

@media screen and (min-width: 992px) {
    .mar-30-both {
        margin-left: 30px;
        margin-right: 30px;
    }
    .width-input {
        width: 152px !important;
    }
    .button-sign-enjoy {
        border: none;
        width: 170px;
        height: 45px;
        padding: 0;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 17px;
        background-color: #bbd4dc;
        color: black;
    }
    .width-email {
        width: 230px;
    }
    .mar-email {
        margin-left: 90px;
    }
    .slider-margin {
        margin-left: -36px;
    }
    .header-logo {
        margin-top: 9px;
    }
    .f24jj {
        margin-top: 20px;
        top: 0;
        right: 0;
        /* z-index: 999;*/
        position: absolute;
        bottom: 0;
        width: 430px;
        margin-right: var(--viewport-margin-lvp);
    }
    ._3_iMj {
        top: 20px;
        right: 30px;
        width: 350px;
        /*z-index: ;*/
        position: absolute;
        position: -webkit-sticky;
        position: sticky;
        overflow-y: hidden;
        overflow-x: hidden;
        background-color: #ffffff;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        -ms-scroll-chaining: none;
        overscroll-behavior-y: contain;
        min-height: 500px;
        margin-left: 50px;
    }
    ._3q1lj,
    ._2J2vE ._3q1lj {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.detailPanelContainer,
.detailPanelContainer .detail-panel,
.detailPanelContainer .detail-panel .location-flow,
.detailPanelContainer .detail-panel .location-flow .react-tabs,
.detailPanelContainer .detail-panel .location-flow .react-tabs .react-tabs__tab-panel--selected {
    height: 100%;
}

._3q1lj {
    padding-top: 25px;
    height: 100%;
}

.b9zld {
    padding: 0 25px;
    position: relative;
    height: 100%;
}

.b9zld ._1luBX {
    font-family: 'Helvetica Heue';
    font-size: 30px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 41px;
    text-align: left;
    color: #000000;
    margin-top: 0;
    max-width: 100%;
    margin-bottom: 10px;
    text-transform: capitalize;
}

._2iEmV._2jDNa {
    -ms-flex-align: center;
    align-items: center;
}

._2iEmV {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    width: 100%;
    margin: 1em 0;
}

._3GgWK {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 65px;
    box-sizing: border-box;
    margin: 0 0 5px;
    padding: 0;
    background: var(--grayscale-white);
    /* border: 1px solid var(--grayscale-light); */
    border-radius: 3px;
    text-align: left;
    cursor: pointer;
}

._2jvQB {
    overflow: hidden;
    width: 80px;
    height: 65px;
}

._3vyL6 {
    -ms-flex-positive: 2;
    flex-grow: 2;
    position: relative;
    border-sizing: border-box;
}

.WPMJi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

._3GgWK del.yb7aP,
._3GgWK p.yb7aP,
._3GgWK span.yb7aP {
    display: block;
    font-size: 15px;
    /* letter-spacing: .00625rem; */
    color: black;
    line-height: 20px;
    font-weight: bold;
}

._3GgWK ._1CqdI {
    font-size: .875rem;
}

._2roD6,
._1CqdI {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.8;
    padding-right: 4px;
}

.WPMJi ._2P6Ss,
._1CqdI,
._2XLZU {
    color: var(--text-base-color);
}

._3GgWK ._1Zw48 {
    font-size: .75rem;
    padding-left: 4px;
    color: var(--brand-primary-lighter);
}

._3GgWK ._1CqdI {
    font-size: .875rem;
}

._2roD6,
._1CqdI {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.8;
    padding-right: 4px;
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 10px 0 !important;
}

.rating-show-more {
    color: #1d708a;
    line-height: 17px;
    font-size: 16px;
    text-decoration-line: underline;
    margin-left: -15px;
}

.review-modal-button {
    background-color: #1d708a;
    color: white;
    height: 50px;
    width: 235px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 22px;
    border: none;
}

.mt-10-top {
    margin-top: 10px;
}

.closeButton {
    position: absolute;
    top: 14px;
    right: 14px;
    border: none;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
}

.inputData {
    width: 40px;
    height: 40px
}

.flex-row {
    flex-direction: row!important;
}

.d-flex {
    display: flex!important;
}

.fb-footer {
    margin-left: 30px;
    height: 26px;
    margin-top: -14px;
}

.insta-footer {
    color: white;
    font-size: 25px;
}

.toast_style {
    background-color: #1d708a;
}

.mar-email {
    margin-left: 90px;
}

.error_news {
    border-color: red;
}

.example1 {
    position: relative;
    padding: 0;
    width: 550px;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 40px;
    border: 2px solid black;
}

form.example1 input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 90%;
    background: #f1f1f1;
}

form.example1 button {
    float: left;
    width: 10%;
    padding: 10px;
    background: #1d708a;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form.example1 button:hover {
    background: #8AB77D;
}

form.example1::after {
    content: "";
    clear: both;
    display: table;
}

.margin-enjoy-data {
    margin-left: 100px;
    margin-right: 100px;
}

.margin-left-data {
    margin-left: 40px;
}

.forgot-passwd {
    width: 355px;
    height: 365px;
    margin-left: -60px;
    margin-top: -18px;
    margin-bottom: -18px;
}

.blink-error {
    border: 1px solid red;
}

.wt-tt {
    width: 151px;
}

.pad-level {
    padding-bottom: 10px;
}

.cont_bx {
    width: 100%;
    padding: 10px 0px;
    font-size: 17px;
    border-bottom: 1px dashed #e2e2e2;
}.tv-dialog {
    background-color: var(--tv-color-popup-background,#fff);
    border-radius: 3px;
    box-shadow: 0 2px 4px #0003;
    box-sizing: border-box;
    display: inline-block;
    min-width: 280px;
    position: relative;
    text-align: left;
    transition-property: none;
}

.tv-tabbed-dialog {
    /* background-color: #fff; */
    color: #434651;
}

.tv-tabbed-dialog__header {
    border-bottom: none!important;
    display: flex;
    margin-bottom: -1px;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    z-index: 6;
}

.tv-dialog__section--title {
    padding-right: 70px;
}

.tv-dialog__section {
    border-bottom: 1px solid #e0e3eb;
    padding: 30px;
}

.tv-screener-search {
    border-bottom: 1px solid #f0f3fa;
    height: 40px;
    position: relative;
}

.tv-tabs.i-loaded {
    padding: 0;
}

.tv-tabbed-dialog__tabs {
    flex-shrink: 1;
    height: 53px;
    width: 100%;
}

.tv-tabs {
    -webkit-tap-highlight-color: transparent;
    display: flex;
    height: 53px;
    line-height: 53px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.tv-dialog__grab {
    cursor: grab;
}

.tv-tabs__scroll-wrap {
    -webkit-overflow-scrolling: touch;
    display: block;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 100px;
    position: relative;
    -webkit-transform: translateZ(0);
    white-space: nowrap;
    width: 100%;
}
.tv-tabs.i-loaded .tv-tabs__scroll-box {
    padding: 0 16px;
}

.tv-tabs__scroll-box {
    display: flex;
    position: relative;
}

.tv-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    color: #131722;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 53px;
    line-height: 53px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    transition: color .35s ease;
    -webkit-user-select: none;
    user-select: none;
}

.tv-tabs__tab.i-active, .tv-tabs__tab:active {
    color: #2962ff;
}


/* third section */

.tv-dialog__scroll-wrap.i-scrollable {
    overflow: hidden;
}

.tv-dialog__scroll-wrap {
    position: relative;
}
.tv-dialog__scroll-wrap-inner {
    padding-bottom: 0;
    position: relative;
}

.tv-screener-dialog {
    overflow: auto;
}

.tv-screener-dialog__wrap--2col {
    position: relative;
}

.tv-screener-dialog__wrap {
    min-height: 100%;
}

.tv-screener-dialog__wrap--2col .tv-screener-dialog__filter-field {
    width: 100%;
}

.tv-screener-dialog__filter-field {
    align-items: center;
    border-bottom: 1px solid #f0f3fa;
    box-sizing: border-box;
    display: flex;
    float: left;
    height: 55px;
    overflow: hidden;
    padding: 0 2px;
    position: relative;
    width: 100%;
}

.tv-screener-dialog__filter-field-title {
    box-sizing: border-box;
    font-size: 13px;
    padding-right: 20px;
    position: relative;
    width: 15%;
}

.tv-screener-dialog__filter-field-content {
    height: 55px;
    margin-left: 0px;
    position: relative;
    width: 85%;
}

.tv-screener-dialog__selectbox-container {
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
}

.tv-screener-dialog__filter-field-content--left, .tv-screener-dialog__filter-field-content--middle, .tv-screener-dialog__filter-field-content--right {
    display: inline-block;
}

.js-hidden {
    display: none!important;
}

/* button, select {
    text-transform: none;
} */
/* button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
} */

/* select:not(:-internal-list-box) {
    overflow: visible !important;
} */

/* .tv-screener-dialog__selectbox-container {
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
} */
.tv-screener-dialog__filter-field-content--middle {
    margin-left: 20px;
}
.tv-screener-dialog__filter-field-content--left, .tv-screener-dialog__filter-field-content--middle, .tv-screener-dialog__filter-field-content--right {
    display: inline-block;
}

/* .tv-screener-dialog__selectbox-caption--no-value, .tv-screener-dialog__selectbox-option--no-value .tv-screener-dialog__selectbox-option-wrap {
    color: #a3a6af!important;
} */

/* .tv-screener-dialog__selectbox-container {
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
} */

.tv-screener-dialog__filter-field-text {
    background-color: initial;
    border: 1px solid #d1d4dc;
    border-radius: 2px;
    color: #434651;
    font-size: 12px!important;
    height: 25px;
    padding: 0 6px;
    width: 120px;
}
.tv-screener-dialog__filter-field-content--middle{
    margin-left: 20px;
}

.tv-screener-dialog__filter-field-content--right {
    margin-left: 35px;
}

.tv-screener-dialog__filter-field-content--left, .tv-screener-dialog__filter-field-content--middle, .tv-screener-dialog__filter-field-content--right {
    display: inline-block;
}

.tv-screener-dialog__filter-between-input {
    background-color: initial;
    border: 1px solid #d1d4dc;
    border-radius: 2px;
    color: #434651;
    font-size: 12px!important;
    height: 25px;
    padding: 0 6px;
    width: 103px;
    width: 50px;
}

.tv-screener-dialog__filter-between-separator {
    margin-left: 5px;
    padding: 0 6px;
}

.tv-screener-dialog__filter-field-reset {
    cursor: pointer;
    margin-left: 30px;
    visibility: hidden;
    white-space: nowrap;
}

.tv-screener-dialog__selectbox-dropdown-toggle {
    display: inline-block;
    height: 16px;
    margin: 6px 0 0 5px;
    transition: transform .35s ease;
    vertical-align: top;
    width: 16px;
}

.tv-screener-dialog__selectbox-dropdown-toggle svg {
    stroke: #9db2bd;
    stroke-width: 1.5px;
    display: block;
    margin: 5px 0 0 2px;
}

.tv-screener-dialog__filter-field-reset {
    cursor: pointer;
    margin-left: 30px;
    visibility: hidden;
    white-space: nowrap;
}

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
body.react-confirm-alert-body-element {
  overflow: hidden;
}

.react-confirm-alert-blur {
  filter: url(#gaussian-blur);
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

.react-confirm-alert-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  opacity: 0;
  -webkit-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  -moz-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  -o-animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
  animation: react-confirm-alert-fadeIn 0.5s 0.2s forwards;
}

.react-confirm-alert-body {
  font-family: Arial, Helvetica, sans-serif;
  width: 400px;
  padding: 30px;
  text-align: left;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 20px 75px rgba(0, 0, 0, 0.13);
  color: #666;
}

.react-confirm-alert-svg {
  position: absolute;
  top: 0;
  left: 0;
}

.react-confirm-alert-body > h1 {
  margin-top: 0;
}

.react-confirm-alert-body > h3 {
  margin: 0;
  font-size: 16px;
}

.react-confirm-alert-button-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

.react-confirm-alert-button-group > button {
  outline: none;
  background: #333;
  border: none;
  display: inline-block;
  padding: 6px 18px;
  color: #eee;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}

@-webkit-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes react-confirm-alert-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}