/* model cart in total */
 .checkout-totals {
     margin-top: 20px;
     padding: 15px;
     background: #f9f9f9;
     border-radius: 5px;
     width: 100%;
 }

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

 .totals-table tr {
     border-bottom: 1px solid #eee;
 }

 .totals-table tr:last-child {
     border-bottom: none;
 }

 .totals-table td {
     padding: 8px 0;
 }

 .totals-table .label {
     text-align: left;
     font-weight: 500;
     color: #555;
 }

 .totals-table .value {
     text-align: right;
     font-weight: 400;
 }

 .totals-table .discount {
     color: #d00;
 }

 .totals-table .grand-total .label {
     font-weight: 700;
     font-size: 1.1em;
     color: #333;
 }

 .totals-table .grand-total .value {
     font-weight: 700;
     font-size: 1.1em;
     color: #000;
 }

 /* model cart in total */

 @charset "UTF-8";

 .ls-10 {
     letter-spacing: 0.01em !important
 }

 .ls-0 {
     letter-spacing: 0 !important
 }

 .ls-n-10 {
     letter-spacing: -0.01em !important
 }

 .ls-n-15 {
     letter-spacing: -0.015em !important
 }

 .ls-n-20 {
     letter-spacing: -0.02em !important
 }

 .ls-n-25 {
     letter-spacing: -0.025em !important
 }

 .bg-gray {
     background-color: #f4f4f4 !important
 }

 .bg-dark {
     background-color: #222529 !important
 }

 .bg-dark2 {
     background-color: #2f3946 !important
 }

 .bg-primary {
     background-color: #08C !important
 }

 .bg-secondary {
     background-color: #ff7272 !important
 }

 .text-dark {
     color: #222529 !important
 }

 .text-primary {
     color: #08C !important
 }

 .text-secondary {
     color: #ff7272 !important
 }

 .text-body {
     color: #777 !important
 }

 .font1 {
     font-family: "Open Sans", sans-serif !important
 }

 .font2 {
     font-family: Poppins, sans-serif !important
 }

 .font3 {
     font-family: "Segoe Script", "Savoye LET" !important
 }

 .font4 {
     font-family: Oswald, sans-serif !important
 }

 @media (min-width:992px) {
     .d-lg-none {
         display: none !important
     }

     .d-lg-block {
         display: block !important
     }

     .w-lg-max {
         flex: 1;
         -ms-flex: 1;
         max-width: 100%
     }
 }

 @media (max-width:767px) {
     .w-md-100 {
         width: 100% !important
     }

     .w-md-50 {
         width: 50% !important
     }
 }

 @media (max-width:575px) {
     .w-sm-100 {
         width: 100% !important
     }

     .w-sm-50 {
         width: 50% !important
     }
 }

 @media (max-width:479px) {
     .w-xs-100 {
         width: 100% !important
     }
 }

 @media (max-width:400px) {
     .w-xxs-100 {
         width: 100% !important
     }
 }

 .round-images img {
     border-radius: 50% !important
 }

 .box-shadow-none {
     box-shadow: none !important
 }

 .text-transform-none {
     text-transform: none
 }

 .line-height-1 {
     line-height: 1 !important
 }

 .title-decorate:after,
 .title-decorate:before {
     content: "";
     top: 50%;
     height: 1px;
     background-color: rgba(0, 0, 0, 0.08);
     flex: 1
 }

 .title-decorate:before {
     margin-right: 2rem
 }

 .title-decorate:after {
     margin-left: 2rem
 }

 .mt-1 {
     margin-top: 1rem !important
 }

 .mt-2 {
     margin-top: 2rem !important
 }

 .mt-3 {
     margin-top: 3rem !important
 }

 .mt-4 {
     margin-top: 4rem !important
 }

 .mt-5 {
     margin-top: 5rem !important
 }

 .mt-6 {
     margin-top: 6rem !important
 }

 .mt-7 {
     margin-top: 7rem !important
 }

 .mt-8 {
     margin-top: 8rem !important
 }

 .mt-9 {
     margin-top: 9rem !important
 }

 .mt-10 {
     margin-top: 10rem !important
 }

 .mb-1 {
     margin-bottom: 1rem !important
 }

 .mb-2 {
     margin-bottom: 2rem !important
 }

 .mb-3 {
     margin-bottom: 3rem !important
 }

 .mb-4 {
     margin-bottom: 4rem !important
 }

 .mb-5 {
     margin-bottom: 5rem !important
 }

 .mb-6 {
     margin-bottom: 6rem !important
 }

 .mb-7 {
     margin-bottom: 7rem !important
 }

 .mb-8 {
     margin-bottom: 8rem !important
 }

 .mb-9 {
     margin-bottom: 9rem !important
 }

 .mb-10 {
     margin-bottom: 10rem !important
 }

 @media (min-width:576px) {
     .mt-sm-0 {
         margin-top: 0rem !important
     }

     .mt-sm-1 {
         margin-top: 1rem !important
     }

     .mt-sm-2 {
         margin-top: 2rem !important
     }

     .mt-sm-3 {
         margin-top: 3rem !important
     }

     .mt-sm-4 {
         margin-top: 4rem !important
     }

     .mt-sm-5 {
         margin-top: 5rem !important
     }

     .mt-sm-6 {
         margin-top: 6rem !important
     }

     .mt-sm-7 {
         margin-top: 7rem !important
     }

     .mt-sm-8 {
         margin-top: 8rem !important
     }

     .mt-sm-9 {
         margin-top: 9rem !important
     }

     .mt-sm-10 {
         margin-top: 10rem !important
     }

     .mb-sm-0 {
         margin-bottom: 0rem !important
     }

     .mb-sm-1 {
         margin-bottom: 1rem !important
     }

     .mb-sm-2 {
         margin-bottom: 2rem !important
     }

     .mb-sm-3 {
         margin-bottom: 3rem !important
     }

     .mb-sm-4 {
         margin-bottom: 4rem !important
     }

     .mb-sm-5 {
         margin-bottom: 5rem !important
     }

     .mb-sm-6 {
         margin-bottom: 6rem !important
     }

     .mb-sm-7 {
         margin-bottom: 7rem !important
     }

     .mb-sm-8 {
         margin-bottom: 8rem !important
     }

     .mb-sm-9 {
         margin-bottom: 9rem !important
     }

     .mb-sm-10 {
         margin-bottom: 10rem !important
     }
 }

 @media (min-width:768px) {
     .mt-md-0 {
         margin-top: 0rem !important
     }

     .mt-md-1 {
         margin-top: 1rem !important
     }

     .mt-md-2 {
         margin-top: 2rem !important
     }

     .mt-md-3 {
         margin-top: 3rem !important
     }

     .mt-md-4 {
         margin-top: 4rem !important
     }

     .mt-md-5 {
         margin-top: 5rem !important
     }

     .mt-md-6 {
         margin-top: 6rem !important
     }

     .mt-md-7 {
         margin-top: 7rem !important
     }

     .mt-md-8 {
         margin-top: 8rem !important
     }

     .mt-md-9 {
         margin-top: 9rem !important
     }

     .mt-md-10 {
         margin-top: 10rem !important
     }

     .mb-md-0 {
         margin-bottom: 0rem !important
     }

     .mb-md-1 {
         margin-bottom: 1rem !important
     }

     .mb-md-2 {
         margin-bottom: 2rem !important
     }

     .mb-md-3 {
         margin-bottom: 3rem !important
     }

     .mb-md-4 {
         margin-bottom: 4rem !important
     }

     .mb-md-5 {
         margin-bottom: 5rem !important
     }

     .mb-md-6 {
         margin-bottom: 6rem !important
     }

     .mb-md-7 {
         margin-bottom: 7rem !important
     }

     .mb-md-8 {
         margin-bottom: 8rem !important
     }

     .mb-md-9 {
         margin-bottom: 9rem !important
     }

     .mb-md-10 {
         margin-bottom: 10rem !important
     }
 }

 @media (min-width:992px) {
     .mt-lg-0 {
         margin-top: 0rem !important
     }

     .mt-lg-1 {
         margin-top: 1rem !important
     }

     .mt-lg-2 {
         margin-top: 2rem !important
     }

     .mt-lg-3 {
         margin-top: 3rem !important
     }

     .mt-lg-4 {
         margin-top: 4rem !important
     }

     .mt-lg-5 {
         margin-top: 5rem !important
     }

     .mt-lg-6 {
         margin-top: 6rem !important
     }

     .mt-lg-7 {
         margin-top: 7rem !important
     }

     .mt-lg-8 {
         margin-top: 8rem !important
     }

     .mt-lg-9 {
         margin-top: 9rem !important
     }

     .mt-lg-10 {
         margin-top: 10rem !important
     }

     .mb-lg-0 {
         margin-bottom: 0rem !important
     }

     .mb-lg-1 {
         margin-bottom: 1rem !important
     }

     .mb-lg-2 {
         margin-bottom: 2rem !important
     }

     .mb-lg-3 {
         margin-bottom: 3rem !important
     }

     .mb-lg-4 {
         margin-bottom: 4rem !important
     }

     .mb-lg-5 {
         margin-bottom: 5rem !important
     }

     .mb-lg-6 {
         margin-bottom: 6rem !important
     }

     .mb-lg-7 {
         margin-bottom: 7rem !important
     }

     .mb-lg-8 {
         margin-bottom: 8rem !important
     }

     .mb-lg-9 {
         margin-bottom: 9rem !important
     }

     .mb-lg-10 {
         margin-bottom: 10rem !important
     }
 }

 @media (min-width:1200px) {
     .mt-xl-0 {
         margin-top: 0rem !important
     }

     .mt-xl-1 {
         margin-top: 1rem !important
     }

     .mt-xl-2 {
         margin-top: 2rem !important
     }

     .mt-xl-3 {
         margin-top: 3rem !important
     }

     .mt-xl-4 {
         margin-top: 4rem !important
     }

     .mt-xl-5 {
         margin-top: 5rem !important
     }

     .mt-xl-6 {
         margin-top: 6rem !important
     }

     .mt-xl-7 {
         margin-top: 7rem !important
     }

     .mt-xl-8 {
         margin-top: 8rem !important
     }

     .mt-xl-9 {
         margin-top: 9rem !important
     }

     .mt-xl-10 {
         margin-top: 10rem !important
     }

     .mb-xl-0 {
         margin-bottom: 0rem !important
     }

     .mb-xl-1 {
         margin-bottom: 1rem !important
     }

     .mb-xl-2 {
         margin-bottom: 2rem !important
     }

     .mb-xl-3 {
         margin-bottom: 3rem !important
     }

     .mb-xl-4 {
         margin-bottom: 4rem !important
     }

     .mb-xl-5 {
         margin-bottom: 5rem !important
     }

     .mb-xl-6 {
         margin-bottom: 6rem !important
     }

     .mb-xl-7 {
         margin-bottom: 7rem !important
     }

     .mb-xl-8 {
         margin-bottom: 8rem !important
     }

     .mb-xl-9 {
         margin-bottom: 9rem !important
     }

     .mb-xl-10 {
         margin-bottom: 10rem !important
     }
 }

 @media (min-width:1600px) {
     .mt-xxl-0 {
         margin-top: 0rem !important
     }

     .mt-xxl-1 {
         margin-top: 1rem !important
     }

     .mt-xxl-2 {
         margin-top: 2rem !important
     }

     .mt-xxl-3 {
         margin-top: 3rem !important
     }

     .mt-xxl-4 {
         margin-top: 4rem !important
     }

     .mt-xxl-5 {
         margin-top: 5rem !important
     }

     .mt-xxl-6 {
         margin-top: 6rem !important
     }

     .mt-xxl-7 {
         margin-top: 7rem !important
     }

     .mt-xxl-8 {
         margin-top: 8rem !important
     }

     .mt-xxl-9 {
         margin-top: 9rem !important
     }

     .mt-xxl-10 {
         margin-top: 10rem !important
     }

     .mb-xxl-0 {
         margin-bottom: 0rem !important
     }

     .mb-xxl-1 {
         margin-bottom: 1rem !important
     }

     .mb-xxl-2 {
         margin-bottom: 2rem !important
     }

     .mb-xxl-3 {
         margin-bottom: 3rem !important
     }

     .mb-xxl-4 {
         margin-bottom: 4rem !important
     }

     .mb-xxl-5 {
         margin-bottom: 5rem !important
     }

     .mb-xxl-6 {
         margin-bottom: 6rem !important
     }

     .mb-xxl-7 {
         margin-bottom: 7rem !important
     }

     .mb-xxl-8 {
         margin-bottom: 8rem !important
     }

     .mb-xxl-9 {
         margin-bottom: 9rem !important
     }

     .mb-xxl-10 {
         margin-bottom: 10rem !important
     }
 }

 .m-b-1 {
     margin-bottom: 0.4rem !important
 }

 .m-b-2 {
     margin-bottom: 0.8rem !important
 }

 .m-b-3 {
     margin-bottom: 1.6rem !important
 }

 .m-b-4 {
     margin-bottom: 2.4rem !important
 }

 .m-b-5 {
     margin-bottom: 4.8rem !important
 }

 .owl-carousel {
     display: none;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
     position: relative;
     z-index: 1
 }

 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     touch-action: manipulation;
     -moz-backface-visibility: hidden
 }

 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0px, 0px, 0px)
 }

 .owl-carousel .owl-item,
 .owl-carousel .owl-wrapper {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0)
 }

 .owl-carousel .owl-item {
     position: relative;
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none
 }

 .owl-carousel .owl-item img {
     display: block;
     width: 100%
 }

 .owl-carousel .owl-dots.disabled,
 .owl-carousel .owl-nav.disabled {
     display: none
 }

 .owl-carousel .owl-dot,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-nav .owl-prev {
     cursor: pointer;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
     background: none;
     color: inherit;
     border: 0;
     padding: 0 !important;
     font: inherit
 }

 .owl-carousel.owl-loaded {
     display: block
 }

 .owl-carousel.owl-loading {
     opacity: 0;
     display: block
 }

 .owl-carousel.owl-hidden {
     opacity: 0
 }

 .owl-carousel.owl-refresh .owl-item {
     visibility: hidden
 }

 .owl-carousel.owl-drag .owl-item {
     touch-action: pan-y;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel.owl-grab {
     cursor: move;
     cursor: grab
 }

 .owl-carousel.owl-rtl {
     direction: rtl
 }

 .owl-carousel.owl-rtl .owl-item {
     float: right
 }

 .no-js .owl-carousel {
     display: block
 }

 .owl-carousel .animated {
     animation-duration: 1000ms;
     animation-fill-mode: both
 }

 .owl-carousel .owl-animated-in {
     z-index: 0
 }

 .owl-carousel .owl-animated-out {
     z-index: 1
 }

 .owl-carousel .fadeOut {
     animation-name: fadeOut
 }

 @keyframes fadeOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .owl-height {
     transition: height 500ms ease-in-out
 }

 .owl-carousel .owl-item {}

 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     transition: opacity 400ms ease
 }

 .owl-carousel .owl-item .owl-lazy:not([src]),
 .owl-carousel .owl-item .owl-lazy[src^=""] {
     max-height: 0
 }

 .owl-carousel .owl-item img.owl-lazy {
     transform-style: preserve-3d
 }

 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000
 }

 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url("../images/owl.video.play.png") no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     transition: transform 100ms ease
 }

 .owl-carousel .owl-video-play-icon:hover {
     transform: scale(1.3, 1.3)
 }

 .owl-carousel .owl-video-playing .owl-video-play-icon,
 .owl-carousel .owl-video-playing .owl-video-tn {
     display: none
 }

 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     transition: opacity 400ms ease
 }

 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%
 }

 .owl-theme .owl-nav {
     margin: 0;
     text-align: center;
     -webkit-tap-highlight-color: transparent;
     color: #222529;
     font-size: 3rem
 }

 .owl-theme .owl-nav [class*=owl-] {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: #222529;
     margin: 0;
     font-size: 3rem;
     padding: 4px 7px;
     background: transparent;
     display: inline-block;
     cursor: pointer;
     border-radius: 3px
 }

 .owl-theme .owl-nav [class*=owl-] i:before {
     margin: 0;
     width: auto
 }

 .owl-theme .owl-nav [class*=owl-]:not(.disabled):hover {
     background: transparent;
     color: #222529;
     text-decoration: none
 }

 .owl-theme .owl-nav .owl-prev {
     left: 0
 }

 .owl-theme .owl-nav .owl-next {
     right: 0
 }

 .owl-theme .owl-nav .disabled {
     opacity: 0.5;
     cursor: default
 }

 .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 2.5rem
 }

 .owl-theme .owl-dots {
     line-height: 1;
     text-align: center;
     -webkit-tap-highlight-color: transparent
 }

 .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
     *display: inline
 }

 .owl-theme .owl-dots .owl-dot span {
     position: relative;
     width: 15px;
     height: 15px;
     margin: 2px 2px;
     background: transparent;
     display: block;
     -webkit-backface-visibility: visible;
     transition: all 0.3s ease;
     border: 2px solid rgba(0, 0, 0, 0.4);
     border-radius: 50%
 }

 .owl-theme .owl-dots .owl-dot span:before {
     content: "";
     display: block;
     width: 0.7rem;
     height: 0.7rem;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -0.35rem;
     margin-left: -0.35rem;
     background-color: #08C;
     opacity: 0;
     visibility: hidden;
     transform: scale(0);
     transition: all 0.3s;
     border-radius: 50%
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     border-color: #08C;
     background: transparent
 }

 .owl-theme .owl-dots .owl-dot.active span:before {
     opacity: 1;
     visibility: visible;
     transform: scale(1)
 }

 .owl-theme.owl-theme-light .owl-dots .owl-dot span {
     border-color: #fff;
     background: transparent
 }

 .owl-theme.owl-theme-light .owl-dots .owl-dot span:before {
     border-color: #fff
 }

 .owl-theme.owl-theme-light .owl-dots .owl-dot.active span,
 .owl-theme.owl-theme-light .owl-dots .owl-dot:hover span {
     border-color: #08C;
     background: transparent
 }

 .owl-theme.owl-theme-light .owl-dots .owl-dot.active span:before {
     border-color: #08C
 }

 .mfp-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1042;
     overflow: hidden;
     position: fixed;
     background: #fff;
     opacity: 0.4
 }

 .mfp-wrap {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1043;
     position: fixed;
     outline: none !important;
     -webkit-backface-visibility: hidden
 }

 .mfp-container {
     text-align: center;
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0 8px;
     box-sizing: border-box;
     overflow-y: auto
 }

 .mfp-container:before {
     content: "";
     display: inline-block;
     height: 100%;
     vertical-align: middle
 }

 .mfp-align-top .mfp-container:before {
     display: none
 }

 .mfp-content {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 auto;
     text-align: left;
     z-index: 1045
 }

 .mfp-ajax-holder .mfp-content,
 .mfp-inline-holder .mfp-content {
     width: 100%;
     cursor: auto
 }

 .mfp-ajax-cur {
     cursor: progress
 }

 .mfp-zoom-out-cur,
 .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: -moz-zoom-out;
     cursor: -webkit-zoom-out;
     cursor: zoom-out
 }

 .mfp-zoom {
     cursor: pointer;
     cursor: -webkit-zoom-in;
     cursor: -moz-zoom-in;
     cursor: zoom-in
 }

 .mfp-auto-cursor .mfp-content {
     cursor: auto
 }

 .mfp-arrow,
 .mfp-close,
 .mfp-counter,
 .mfp-preloader {
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none
 }

 .mfp-loading.mfp-figure {
     display: none
 }

 .mfp-hide {
     display: none !important
 }

 .mfp-preloader {
     color: #CCC;
     position: absolute;
     top: 50%;
     width: auto;
     text-align: center;
     margin-top: -0.8em;
     left: 8px;
     right: 8px;
     z-index: 1044
 }

 .mfp-preloader a {
     color: #CCC
 }

 .mfp-preloader a:hover {
     color: #FFF
 }

 .mfp-s-ready .mfp-preloader {
     display: none
 }

 .mfp-s-error .mfp-content {
     display: none
 }

 button.mfp-arrow,
 button.mfp-close {
     overflow: visible;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
     display: block;
     outline: none;
     padding: 0;
     z-index: 1046;
     box-shadow: none;
     touch-action: manipulation
 }

 button::-moz-focus-inner {
     padding: 0;
     border: 0
 }

 .mfp-close {
     width: 44px;
     height: 44px;
     line-height: 44px;
     position: absolute;
     top: 0;
     right: 0;
     text-decoration: none;
     text-align: center;
     opacity: 0.65;
     padding: 0 0 18px 10px;
     color: #FFF;
     font-style: normal;
     font-size: 28px;
     font-family: Arial, Baskerville, monospace
 }

 .mfp-close:focus,
 .mfp-close:hover {
     opacity: 1
 }

 .mfp-close:active {
     top: 1px
 }

 .mfp-close-btn-in .mfp-close {
     color: #333
 }

 .mfp-iframe-holder .mfp-close,
 .mfp-image-holder .mfp-close {
     color: #FFF;
     right: -6px;
     text-align: right;
     padding-right: 6px;
     width: 100%
 }

 .mfp-counter {
     position: absolute;
     top: 0;
     right: 0;
     color: #CCC;
     font-size: 12px;
     line-height: 18px;
     white-space: nowrap
 }

 .mfp-arrow {
     position: absolute;
     opacity: 0.65;
     margin: 0;
     top: 50%;
     margin-top: -55px;
     padding: 0;
     width: 90px;
     height: 110px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .mfp-arrow:active {
     margin-top: -54px
 }

 .mfp-arrow:focus,
 .mfp-arrow:hover {
     opacity: 1
 }

 .mfp-arrow:after,
 .mfp-arrow:before {
     content: "";
     display: block;
     width: 0;
     height: 0;
     position: absolute;
     left: 0;
     top: 0;
     margin-top: 35px;
     margin-left: 35px;
     border: medium inset transparent
 }

 .mfp-arrow:after {
     border-top-width: 13px;
     border-bottom-width: 13px;
     top: 8px
 }

 .mfp-arrow:before {
     border-top-width: 21px;
     border-bottom-width: 21px;
     opacity: 0.7
 }

 .mfp-arrow-left {
     left: 0
 }

 .mfp-arrow-left:after {
     border-right: 17px solid #FFF;
     margin-left: 31px
 }

 .mfp-arrow-left:before {
     margin-left: 25px;
     border-right: 27px solid #3F3F3F
 }

 .mfp-arrow-right {
     right: 0
 }

 .mfp-arrow-right:after {
     border-left: 17px solid #FFF;
     margin-left: 39px
 }

 .mfp-arrow-right:before {
     border-left: 27px solid #3F3F3F
 }

 .mfp-iframe-holder {
     padding-top: 40px;
     padding-bottom: 40px
 }

 .mfp-iframe-holder .mfp-content {
     line-height: 0;
     width: 100%;
     max-width: 900px
 }

 .mfp-iframe-holder .mfp-close {
     top: -40px
 }

 .mfp-iframe-scaler {
     width: 100%;
     height: 0;
     overflow: hidden;
     padding-top: 56.25%
 }

 .mfp-iframe-scaler iframe {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
 }

 img.mfp-img {
     width: auto;
     max-width: 100%;
     height: auto;
     display: block;
     line-height: 0;
     box-sizing: border-box;
     padding: 40px 0 40px;
     margin: 0 auto
 }

 .mfp-figure {
     line-height: 0
 }

 .mfp-figure:after {
     content: "";
     position: absolute;
     left: 0;
     top: 40px;
     bottom: 40px;
     display: block;
     right: 0;
     width: auto;
     height: auto;
     z-index: -1;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #444
 }

 .mfp-figure small {
     color: #BDBDBD;
     display: block;
     font-size: 12px;
     line-height: 14px
 }

 .mfp-figure figure {
     margin: 0
 }

 .mfp-bottom-bar {
     margin-top: -36px;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     cursor: auto
 }

 .mfp-title {
     text-align: left;
     line-height: 18px;
     color: #F3F3F3;
     word-wrap: break-word;
     padding-right: 36px
 }

 .mfp-image-holder .mfp-content {
     max-width: 100%
 }

 .mfp-gallery .mfp-image-holder .mfp-figure {
     cursor: pointer
 }

 @media (max-width:800px) and (orientation:landscape),
 screen and (max-height:300px) {
     .mfp-img-mobile .mfp-image-holder {
         padding-left: 0;
         padding-right: 0
     }

     .mfp-img-mobile img.mfp-img {
         padding: 0
     }

     .mfp-img-mobile .mfp-figure:after {
         top: 0;
         bottom: 0
     }

     .mfp-img-mobile .mfp-figure small {
         display: inline;
         margin-left: 5px
     }

     .mfp-img-mobile .mfp-bottom-bar {
         background: rgba(0, 0, 0, 0.6);
         bottom: 0;
         margin: 0;
         top: auto;
         padding: 3px 5px;
         position: fixed;
         box-sizing: border-box
     }

     .mfp-img-mobile .mfp-bottom-bar:empty {
         padding: 0
     }

     .mfp-img-mobile .mfp-counter {
         right: 5px;
         top: 3px
     }

     .mfp-img-mobile .mfp-close {
         top: 0;
         right: 0;
         width: 35px;
         height: 35px;
         line-height: 35px;
         background: rgba(0, 0, 0, 0.6);
         position: fixed;
         text-align: center;
         padding: 0
     }
 }

 @media (max-width:900px) {
     .mfp-arrow {
         -webkit-transform: scale(0.75);
         transform: scale(0.75)
     }

     .mfp-arrow-left {
         -webkit-transform-origin: 0;
         transform-origin: 0
     }

     .mfp-arrow-right {
         -webkit-transform-origin: 100%;
         transform-origin: 100%
     }

     .mfp-container {
         padding-left: 6px;
         padding-right: 6px
     }
 }

 .mfp-fade.mfp-bg {
     opacity: 0;
     -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
     transition: all 0.15s ease-out
 }

 .mfp-fade.mfp-bg.mfp-ready {
     opacity: 0.8
 }

 .mfp-fade.mfp-bg.mfp-removing {
     opacity: 0
 }

 .mfp-fade.mfp-wrap .mfp-content {
     opacity: 0;
     -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
     transition: all 0.15s ease-out
 }

 .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     opacity: 1
 }

 .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     opacity: 0
 }

 .bootstrap-touchspin .input-group-btn-vertical {
     position: absolute;
     right: 0;
     height: 100%;
     z-index: 11
 }

 .bootstrap-touchspin.input-group {
     max-width: 68px;
     padding-right: 20px;
     margin-bottom: 0
 }

 .bootstrap-touchspin .form-control {
     text-align: center;
     margin-bottom: 0;
     height: 4.2rem;
     max-width: 46px;
     padding: 1.1rem 1rem
 }

 .bootstrap-touchspin .form-control:not(:focus) {
     border-color: #ccc
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn {
     position: absolute;
     right: 0;
     height: 2rem;
     padding: 0;
     width: 2rem;
     text-align: center;
     font-size: 1.2rem
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn:before {
     position: relative;
     margin: 0;
     width: auto;
     line-height: 1;
     width: auto;
     top: -0.1rem;
     margin-right: -0.2rem
 }

 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
     border-radius: 0;
     top: 0
 }

 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
     border-radius: 0;
     bottom: 0
 }

 /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
 .noUi-target,
 .noUi-target * {
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-user-select: none;
     -ms-touch-action: none;
     touch-action: none;
     -ms-user-select: none;
     -moz-user-select: none;
     user-select: none;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .noUi-target {
     position: relative;
     direction: ltr
 }

 .noUi-base,
 .noUi-connects {
     width: 100%;
     height: 100%;
     position: relative;
     z-index: 1
 }

 .noUi-connects {
     overflow: hidden;
     z-index: 0
 }

 .noUi-connect,
 .noUi-origin {
     will-change: transform;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     -ms-transform-origin: 0 0;
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0
 }

 html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
     left: auto;
     right: 0
 }

 .noUi-vertical .noUi-origin {
     width: 0
 }

 .noUi-horizontal .noUi-origin {
     height: 0
 }

 .noUi-handle {
     position: absolute
 }

 .noUi-state-tap .noUi-connect,
 .noUi-state-tap .noUi-origin {
     -webkit-transition: transform 0.3s;
     transition: transform 0.3s
 }

 .noUi-state-drag * {
     cursor: inherit !important
 }

 .noUi-horizontal {
     height: 0.3rem
 }

 .noUi-horizontal .noUi-handle {
     width: 1.1rem;
     height: 1.1rem;
     left: -0.55rem;
     top: -0.3em
 }

 .noUi-vertical {
     width: 0.3rem;
     height: 150px
 }

 .noUi-vertical .noUi-handle {
     width: 1.1rem;
     height: 1.1rem;
     left: -0.4rem;
     top: -0.5rem
 }

 html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
     right: -0.55rem;
     left: auto
 }

 .noUi-target {
     background: #dfdfdf;
     border-radius: 0
 }

 .noUi-connects {
     border-radius: 0
 }

 .noUi-connect {
     background: #000
 }

 .noUi-draggable {
     cursor: ew-resize
 }

 .noUi-vertical .noUi-draggable {
     cursor: ns-resize
 }

 .noUi-handle {
     border-radius: 50%;
     background: #000;
     cursor: pointer
 }

 [disabled] .noUi-connect {
     background: #B8B8B8
 }

 [disabled].noUi-handle,
 [disabled] .noUi-handle,
 [disabled].noUi-target {
     cursor: not-allowed
 }

 .noUi-pips,
 .noUi-pips * {
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .noUi-pips {
     position: absolute;
     color: #999
 }

 .noUi-value {
     position: absolute;
     white-space: nowrap;
     text-align: center
 }

 .noUi-value-sub {
     color: #ccc;
     font-size: 10px
 }

 .noUi-marker {
     position: absolute;
     background: #CCC
 }

 .noUi-marker-sub {
     background: #AAA
 }

 .noUi-marker-large {
     background: #AAA
 }

 .noUi-pips-horizontal {
     padding: 10px 0;
     height: 80px;
     top: 100%;
     left: 0;
     width: 100%
 }

 .noUi-value-horizontal {
     -webkit-transform: translate(-50%, 50%);
     transform: translate(-50%, 50%)
 }

 .noUi-rtl .noUi-value-horizontal {
     -webkit-transform: translate(50%, 50%);
     transform: translate(50%, 50%)
 }

 .noUi-marker-horizontal.noUi-marker {
     margin-left: -1px;
     width: 2px;
     height: 5px
 }

 .noUi-marker-horizontal.noUi-marker-sub {
     height: 10px
 }

 .noUi-marker-horizontal.noUi-marker-large {
     height: 15px
 }

 .noUi-pips-vertical {
     padding: 0 10px;
     height: 100%;
     top: 0;
     left: 100%
 }

 .noUi-value-vertical {
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%, 0);
     padding-left: 25px
 }

 .noUi-rtl .noUi-value-vertical {
     -webkit-transform: translate(0, 50%);
     transform: translate(0, 50%)
 }

 .noUi-marker-vertical.noUi-marker {
     width: 5px;
     height: 2px;
     margin-top: -1px
 }

 .noUi-marker-vertical.noUi-marker-sub {
     width: 10px
 }

 .noUi-marker-vertical.noUi-marker-large {
     width: 15px
 }

 .noUi-tooltip {
     display: block;
     position: absolute;
     border: 1px solid #D9D9D9;
     border-radius: 3px;
     background: #fff;
     color: #000;
     padding: 5px;
     text-align: center;
     white-space: nowrap
 }

 .noUi-horizontal .noUi-tooltip {
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     left: 50%;
     bottom: 120%
 }

 .noUi-vertical .noUi-tooltip {
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     top: 50%;
     right: 120%
 }

 .countdown-rtl {
     direction: rtl
 }

 .countdown-holding span {
     color: #888
 }

 .countdown-row {
     width: 100%;
     text-align: center
 }

 .countdown-row:after {
     content: "";
     display: table;
     clear: both
 }

 .countdown-show1 .countdown-section {
     width: calc(100% - 20px)
 }

 .countdown-show2 .countdown-section {
     width: calc(50% - 20px)
 }

 .countdown-show3 .countdown-section {
     width: calc(33.3% - 20px)
 }

 .countdown-show4 .countdown-section {
     width: calc(25% - 20px)
 }

 .countdown-show5 .countdown-section {
     width: calc(20% - 20px)
 }

 .countdown-show6 .countdown-section {
     width: calc(16.66% - 20px)
 }

 .countdown-show7 .countdown-section {
     width: calc(14.285% - 20px)
 }

 .countdown-section {
     position: relative;
     display: block;
     float: left;
     font-size: 75%;
     text-align: center;
     margin-left: 10px;
     margin-right: 10px
 }

 .countdown-amount {
     font-size: 200%
 }

 .countdown-period {
     display: block
 }

 .countdown-descr {
     display: block;
     width: 100%
 }

 .countdown-separator .countdown-section:not(:last-child):after {
     content: ":";
     display: inline-block;
     font-size: 30px;
     line-height: 1;
     position: absolute;
     left: 100%;
     margin-left: 8px;
     top: 50%;
     transform: translateY(-50%);
     -ms-transform: translateY(-50%)
 }

 .alert {
     display: flex;
     align-items: center;
     font-family: Poppins, sans-serif;
     margin-bottom: 2rem;
     padding: 1.6rem 1.5rem;
     border-radius: 0
 }

 .alert i {
     font-size: 1.7em;
     width: 3.9rem
 }

 .alert.icon-sm i {
     font-size: 1.1em;
     width: 2.9rem
 }

 .alert .pixel-icon {
     height: 16px;
     background-repeat: no-repeat;
     background-position: 0 0;
     margin-bottom: 1px
 }

 .alert .alert-wrapper h4 {
     letter-spacing: -0.05em;
     margin-bottom: 1.4rem
 }

 .alert .alert-wrapper p {
     line-height: 2.4rem;
     margin-bottom: 2rem
 }

 .alert .alert-wrapper ul {
     margin: 2rem 0 0 2.5rem;
     list-style: disc
 }

 .alert .alert-wrapper li {
     line-height: 2.5rem
 }

 .alert .alert-wrapper .btn {
     text-transform: none;
     font-weight: 400;
     font-size: 1.3rem;
     padding: 0.533rem 0.933rem
 }

 .alert .alert-close {
     z-index: 2;
     padding: 0.95rem 0 0.95rem 2.5rem;
     cursor: pointer;
     width: 1em;
     height: 1em;
     color: #000;
     background: transparent url(../images/elements/alert/close.svg) center/1em auto no-repeat;
     border: 0;
     border-radius: 0;
     opacity: 0.5;
     transition: opacity 0.2s;
     margin-left: auto
 }

 .alert .alert-close:hover {
     opacity: 1
 }

 .alert.alert-intro {
     font-size: 1.5rem
 }

 .alert-rounded {
     border-radius: 5px
 }

 .alert.alert-default {
     background-color: #f2f2f2;
     border-color: #eaeaea;
     color: #737373
 }

 .alert.alert-default .alert-link {
     color: #4c4c4c
 }

 .alert.alert-dark {
     background-color: #3a3f45;
     border-color: #0b0c0e;
     color: #d5d8dc
 }

 .alert.alert-dark .alert-link {
     color: #fff
 }

 .alert.alert-primary {
     background-color: #0088cc;
     border-color: #007ebd;
     color: #fff
 }

 .alert.alert-secondary {
     background-color: #e36159;
     border-color: #e1554c;
     color: #fff
 }

 .alert.alert-tertiary {
     background-color: #2baab1;
     border-color: #299fa5;
     color: #fff
 }

 .alert.alert-quaternary {
     background-color: #383f48;
     border-color: #323840;
     color: #fff
 }

 .alert.alert-sm {
     padding: 0.5rem 1rem
 }

 .alert.alert-lg {
     padding: 2rem
 }

 @keyframes maskUp {
     0% {
         transform: translate(0, 100%)
     }

     to {
         transform: translate(0, 0)
     }
 }

 @keyframes maskRight {
     0% {
         transform: translate(-100%, 0)
     }

     to {
         transform: translate(0, 0)
     }
 }

 @keyframes maskDown {
     0% {
         transform: translate(0, -100%)
     }

     to {
         transform: translate(0, 0)
     }
 }

 @keyframes maskLeft {
     0% {
         transform: translate(100%, 0)
     }

     to {
         transform: translate(0, 0)
     }
 }

 .maskUp {
     animation-name: maskUp
 }

 .maskRight {
     animation-name: maskRight
 }

 .maskDown {
     animation-name: maskDown
 }

 .maskLeft {
     animation-name: maskLeft
 }

 @keyframes fadeInUpShorter {
     0% {
         opacity: 0;
         transform: translate(0, 50px)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInUpShorter {
     animation-timing-function: ease-out;
     animation-name: fadeInUpShorter
 }

 @keyframes fadeInUpBig {
     0% {
         opacity: 0;
         transform: translate(0, 2000px)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInUpBig {
     animation-timing-function: ease-out;
     animation-name: fadeInUpBig
 }

 @keyframes fadeInLeftShorter {
     0% {
         opacity: 0;
         transform: translate(50px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInLeftShorter {
     animation-timing-function: ease-out;
     animation-name: fadeInLeftShorter
 }

 @keyframes fadeInLeftBig {
     0% {
         opacity: 0;
         transform: translate(2000px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInLeftBig {
     animation-timing-function: ease-out;
     animation-name: fadeInLeftBig
 }

 @keyframes fadeInRightShorter {
     0% {
         opacity: 0;
         transform: translate(-50px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInRightShorter {
     animation-timing-function: ease-out;
     animation-name: fadeInRightShorter
 }

 @keyframes fadeInRightBig {
     0% {
         opacity: 0;
         transform: translate(-2000px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInRightBig {
     animation-timing-function: ease-out;
     animation-name: fadeInRightBig
 }

 .fadeIn {
     animation-name: fadeIn
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeInDownShorter {
     0% {
         opacity: 0;
         transform: translate(0, -50px)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInDownShorter {
     animation-name: fadeInDownShorter;
     animation-timing-function: ease-out
 }

 @keyframes fadeInDownBig {
     0% {
         opacity: 0;
         transform: translate(0, -2000px)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInDownBig {
     animation-name: fadeInDownBig;
     animation-timing-function: ease-out
 }

 @keyframes flash {

     0%,
     50%,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 .flash {
     animation-name: flash
 }

 @keyframes shake {

     0%,
     to {
         transform: translateX(0);
         opacity: 1
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         transform: translateX(-10px)
     }

     20%,
     40%,
     60%,
     80% {
         transform: translateX(10px)
     }
 }

 .shake {
     animation-name: shake
 }

 @keyframes tada {
     0% {
         transform: scale(1)
     }

     10%,
     20% {
         transform: scale(0.9) rotate(-3deg)
     }

     30%,
     50%,
     70%,
     90% {
         transform: scale(1.1) rotate(3deg)
     }

     40%,
     60%,
     80% {
         transform: scale(1.1) rotate(-3deg)
     }

     to {
         transform: scale(1) rotate(0);
         opacity: 1
     }
 }

 .tada {
     animation-name: tada
 }

 @keyframes pulse {
     0% {
         transform: scale(1)
     }

     50% {
         transform: scale(1.1)
     }

     to {
         transform: scale(1);
         opacity: 1
     }
 }

 .pulse {
     animation-name: pulse
 }

 @keyframes swing {
     0% {
         transform: rotate(0)
     }

     20% {
         transform: rotate(15deg)
     }

     40% {
         transform: rotate(-10deg)
     }

     60% {
         transform: rotate(5deg)
     }

     80% {
         transform: rotate(-5deg)
     }

     to {
         transform: rotate(0);
         opacity: 1
     }
 }

 .swing {
     animation-name: swing
 }

 @keyframes wobble {
     0% {
         transform: translateX(0%)
     }

     15% {
         transform: translateX(-25%) rotate(-5deg)
     }

     30% {
         transform: translateX(20%) rotate(3deg)
     }

     45% {
         transform: translateX(-15%) rotate(-3deg)
     }

     60% {
         transform: translateX(10%) rotate(2deg)
     }

     75% {
         transform: translateX(-5%) rotate(-1deg)
     }

     to {
         transform: translateX(0%);
         opacity: 1
     }
 }

 .wobble {
     animation-name: wobble
 }

 @keyframes blurIn {
     0% {
         opacity: 0;
         filter: blur(20px);
         transform: scale(1.3)
     }

     to {
         opacity: 1;
         filter: blur(0);
         transform: none
     }
 }

 .blurIn {
     animation-name: blurIn
 }

 @keyframes dotPulse {
     0% {
         opacity: 1;
         transform: scale(0.2)
     }

     to {
         opacity: 0;
         transform: scale(1)
     }
 }

 .dotPulse {
     animation-name: dotPulse;
     animation-iteration-count: infinite;
     animation-duration: 4s
 }

 @keyframes slideInUp {
     0% {
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         transform: translateZ(0)
     }
 }

 @keyframes slideInDown {
     0% {
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         transform: translateZ(0)
     }
 }

 @keyframes slideInLeft {
     0% {
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         transform: translateZ(0)
     }
 }

 @keyframes slideInRight {
     0% {
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         transform: translateZ(0)
     }
 }

 @keyframes flipInX {
     0% {
         animation-timing-function: ease-in;
         opacity: 0;
         transform: perspective(400px) rotateX(90deg)
     }

     to {
         transform: perspective(400px)
     }
 }

 @keyframes flipInY {
     0% {
         animation-timing-function: ease-in;
         opacity: 0;
         transform: perspective(400px) rotateY(-90deg)
     }

     to {
         transform: perspective(400px)
     }
 }

 @keyframes brightIn {
     0% {
         animation-timing-function: ease-in;
         filter: brightness(0%)
     }

     to {
         filter: brightness(100%)
     }
 }

 @keyframes bounce {

     0%,
     20%,
     50%,
     80%,
     to {
         transform: translateY(0);
         opacity: 1
     }

     40% {
         transform: translateY(-30px)
     }

     60% {
         transform: translateY(-15px)
     }
 }

 .bounce {
     animation-name: bounce
 }

 @keyframes bounceIn {
     0% {
         opacity: 0;
         transform: scale(0.3)
     }

     50% {
         opacity: 1;
         transform: scale(1.05)
     }

     70% {
         transform: scale(0.9)
     }

     to {
         transform: scale(1)
     }
 }

 .bounceIn {
     animation-name: bounceIn
 }

 @keyframes bounceInUp {
     0% {
         opacity: 0;
         transform: translateY(2000px)
     }

     60% {
         transform: translateY(-30px)
     }

     80% {
         transform: translateY(10px)
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 .bounceInUp {
     animation-name: bounceInUp
 }

 @keyframes bounceInDown {
     0% {
         opacity: 0;
         transform: translateY(-2000px)
     }

     60% {
         transform: translateY(30px)
     }

     80% {
         transform: translateY(-10px)
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 .bounceInDown {
     animation-name: bounceInDown
 }

 @keyframes bounceInLeft {
     0% {
         opacity: 0;
         transform: translateX(-2000px)
     }

     60% {
         transform: translateX(30px)
     }

     80% {
         transform: translateX(-10px)
     }

     to {
         transform: translateX(0);
         opacity: 1
     }
 }

 .bounceInLeft {
     animation-name: bounceInLeft
 }

 @keyframes bounceInRight {
     0% {
         opacity: 0;
         transform: translateX(2000px)
     }

     60% {
         transform: translateX(-30px)
     }

     80% {
         transform: translateX(10px)
     }

     to {
         transform: translateX(0);
         opacity: 1
     }
 }

 .bounceInRight {
     animation-name: bounceInRight
 }

 @keyframes rotateIn {
     0% {
         transform-origin: center center;
         transform: rotate(-200deg);
         opacity: 0
     }

     to {
         transform: rotate(0);
         opacity: 1
     }
 }

 .rotateIn {
     animation-name: rotateIn
 }

 @keyframes rotateInUpLeft {
     0% {
         opacity: 0;
         transform: rotate(90deg);
         transform-origin: left bottom
     }

     to {
         opacity: 1;
         transform: rotate(0)
     }
 }

 .rotateInUpLeft {
     animation-name: rotateInUpLeft
 }

 @keyframes rotateInDownLeft {
     0% {
         opacity: 0;
         transform: rotate(-90deg);
         transform-origin: left bottom
     }

     to {
         opacity: 1;
         transform: rotate(0)
     }
 }

 .rotateInDownLeft {
     animation-name: rotateInDownLeft
 }

 @keyframes rotateInUpRight {
     0% {
         opacity: 0;
         transform: rotate(-90deg);
         transform-origin: right bottom
     }

     to {
         opacity: 1;
         transform: rotate(0)
     }
 }

 .rotateInUpRight {
     animation-name: rotateInUpRight
 }

 @keyframes rotateInDownRight {
     0% {
         opacity: 0;
         transform: rotate(90deg);
         transform-origin: right bottom
     }

     to {
         opacity: 1;
         transform: rotate(0)
     }
 }

 .rotateInDownRight {
     animation-name: rotateInDownRight
 }

 .brightIn {
     animation-name: brightIn
 }

 @keyframes customSVGLineAnimTwo {
     0% {
         stroke-dasharray: 820;
         stroke-dashoffset: 500
     }

     to {
         stroke-dasharray: 1120;
         stroke-dashoffset: 500
     }
 }

 .customSVGLineAnimTwo {
     animation-name: customSVGLineAnimTwo
 }

 .appear-animate {
     opacity: 0
 }

 .appear-animation-visible {
     opacity: 1
 }

 .banner {
     position: relative;
     font-size: 1.6rem
 }

 .banner figure {
     margin: 0
 }

 .banner img {
     width: 100%;
     object-fit: cover
 }

 .banner h1,
 .banner h2,
 .banner h3,
 .banner h4,
 .banner h5,
 .banner h6 {
     line-height: 1
 }

 .banner .container:not(.banner-content) {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0
 }

 .ibanner {
     font-size: 10px
 }

 aside .banner {
     font-size: 1.6rem
 }

 .banner-layer {
     position: absolute;
     left: 6%;
     right: 6%
 }

 .banner-content {
     position: relative
 }

 .banner-layer-top {
     top: 7%
 }

 .banner-layer-bottom {
     bottom: 5%
 }

 .banner-layer-space {
     left: 0;
     right: 0;
     padding: 1em 1.5625em
 }

 .banner-layer-left {
     right: auto
 }

 .banner-layer-right {
     left: auto
 }

 .banner-layer-center {
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%)
 }

 .banner-layer-middle {
     top: 50%;
     transform: translateY(-50%)
 }

 .bg-img {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover
 }

 .banner-h-100 {
     height: 100vh
 }

 @media (max-width:1199px) {
     .banner {
         font-size: 1.4rem
     }

     .ibanner {
         font-size: 1rem
     }
 }

 @media (max-width:767px) {
     .banner-md-vw-small {
         font-size: 1.8vw
     }

     .banner-md-vw {
         font-size: 2.3vw
     }

     .banner-md-vw-large {
         font-size: 3vw
     }
 }

 @media (max-width:575px) {
     .banner-md-vw-small {
         font-size: 2.3vw
     }

     .banner-sm-vw {
         font-size: 1.2rem
     }

     .banner-sm-vw-large {
         font-size: 4vw
     }
 }

 .breadcrumb-nav {
     color: #8e8e8e;
     border-bottom: 0
 }

 .breadcrumb {
     margin-bottom: 0;
     padding: 1rem 0;
     border-radius: 0;
     background-color: transparent
 }

 .breadcrumb-item {
     font-size: 12px;
     letter-spacing: -0.01em;
     line-height: 24px;
     text-transform: uppercase
 }

 .breadcrumb-item+.breadcrumb-item {
     padding-left: 1.5rem
 }

 .breadcrumb-item+.breadcrumb-item:before {
     color: inherit;
     padding-right: 1.1rem;
     content: "";
     font-size: 12px;
     font-family: "porto";
     vertical-align: middle;
     margin-top: -2px
 }

 .breadcrumb-item a:not(:first-child) {
     margin-left: 5px
 }

 .breadcrumb-item.active,
 .breadcrumb-item a {
     color: inherit
 }

 .btn {
     transition: all 0.3s;
     text-transform: uppercase;
     padding: 1em 1.6em;
     border-radius: 0;
     font-size: 1.4rem;
     font-weight: 700;
     font-family: Poppins, sans-serif;
     line-height: 1.429
 }

 .btn:focus {
     box-shadow: none
 }

 a.btn.disabled {
     pointer-events: auto;
     cursor: not-allowed
 }

 .btn-xs {
     padding: 0.2em 0.5em;
     font-size: 1.1rem
 }

 .btn-sm {
     padding: 0.5em 1em;
     font-size: 1.1rem
 }

 .btn-md {
     padding: 1em 1.2em;
     font-size: 1.2rem
 }

 .btn-lg {
     padding: 1em 2.15em;
     font-size: 1.4rem
 }

 .btn-xl {
     padding: 1.125em 2.75em;
     font-size: 1.125em
 }

 .btn-icon-left i {
     padding-right: 0.7rem
 }

 .btn-icon-right i {
     padding-left: 0.7rem
 }

 .btn-primary {
     border-color: #08C;
     background-color: #08C;
     color: #fff;
     box-shadow: none
 }

 .btn-primary.focus,
 .btn-primary:focus,
 .btn-primary:hover {
     border-color: #00a3f5;
     background-color: #00a3f5;
     color: #fff;
     box-shadow: none
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
     border-color: #08C;
     background-color: #08C;
     color: #fff
 }

 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
     border-color: #005e8c;
     background-color: #006699;
     color: #fff
 }

 .btn-secondary {
     border-color: #ff7272;
     background-color: #ff7272;
     color: #fff;
     box-shadow: none
 }

 .btn-secondary.focus,
 .btn-secondary:focus,
 .btn-secondary:hover {
     border-color: #ff9b9b;
     background-color: #ff9b9b;
     color: #fff;
     box-shadow: none
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
     border-color: #ff7272;
     background-color: #ff7272;
     color: #fff
 }

 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {
     border-color: #ff3232;
     background-color: #ff3f3f;
     color: #fff
 }

 .btn-outline {
     border-color: #ccc;
     background-color: transparent;
     background-image: none;
     color: #ccc
 }

 .btn-outline.focus,
 .btn-outline:hover {
     border-color: #999;
     background-color: transparent;
     color: #999;
     box-shadow: none
 }

 .btn-outline.disabled,
 .btn-outline:disabled {
     background-color: transparent;
     color: #ccc
 }

 .btn-outline:not(:disabled):not(.disabled).active,
 .btn-outline:not(:disabled):not(.disabled):active,
 .show>.btn-outline.dropdown-toggle {
     border-color: #999;
     background-color: transparent;
     color: #999
 }

 .btn-outline-primary {
     border-color: #08C;
     background-color: transparent;
     background-image: none;
     color: #08C
 }

 .btn-outline-primary.focus,
 .btn-outline-primary:hover {
     border-color: #08C;
     background-color: #08C;
     color: #fff;
     box-shadow: none
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
     background-color: transparent;
     color: #08C
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-primary.dropdown-toggle {
     border-color: #08C;
     background-color: #08C;
     color: #fff
 }

 .btn-outline-secondary {
     border-color: #ff7272;
     background-color: transparent;
     background-image: none;
     color: #ff7272
 }

 .btn-outline-secondary.focus,
 .btn-outline-secondary:hover {
     border-color: #ff7272;
     background-color: #ff7272;
     color: #fff;
     box-shadow: none
 }

 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
     background-color: transparent;
     color: #ff7272
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-secondary.dropdown-toggle {
     border-color: #ff7272;
     background-color: #ff7272;
     color: #fff
 }

 .btn-dark {
     border-color: #222529;
     background-color: #222529;
     color: #fff;
     box-shadow: none
 }

 .btn-dark.focus,
 .btn-dark:focus,
 .btn-dark:hover {
     border-color: #34393f;
     background-color: #34393f;
     color: #fff;
     box-shadow: none
 }

 .btn-dark.disabled,
 .btn-dark:disabled {
     border-color: #222529;
     background-color: #222529;
     color: #fff
 }

 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {
     border-color: #050606;
     background-color: #0b0c0d;
     color: #fff
 }

 .btn-gray {
     border-color: #f4f4f4;
     background-color: #f4f4f4;
     color: #222529;
     box-shadow: none
 }

 .btn-gray.focus,
 .btn-gray:focus,
 .btn-gray:hover {
     border-color: #08C;
     background-color: #08C;
     color: #fff;
     box-shadow: none
 }

 .btn-gray.disabled,
 .btn-gray:disabled {
     border-color: #f4f4f4;
     background-color: #f4f4f4;
     color: #222529
 }

 .btn-gray:not(:disabled):not(.disabled).active,
 .btn-gray:not(:disabled):not(.disabled):active,
 .show>.btn-gray.dropdown-toggle {
     border-color: #d4d4d4;
     background-color: #dbdbdb;
     color: #222529
 }

 .btn-default:hover {
     background-color: #dedede;
     border-color: #dedede
 }

 .btn-link {
     padding-top: 0;
     padding-bottom: 0;
     color: #08C;
     font-family: "Open Sans", sans-serif;
     font-size: 13px;
     letter-spacing: 0;
     text-transform: initial
 }

 .btn-link:focus,
 .btn-link:hover {
     color: #08C;
     text-decoration: underline
 }

 .btn-rounded {
     border-radius: 7px
 }

 .btn-ellipse {
     border-radius: 2rem
 }

 .btn-social-login {
     display: flex;
     margin-right: 10px;
     margin-left: 10px;
     background-color: #08C;
     font-family: Poppins, sans-serif;
     text-decoration: none;
     text-transform: uppercase
 }

 .btn-social-login i,
 .btn-social-login span {
     color: #fff
 }

 .btn-social-login i {
     margin-top: -1px;
     padding-right: 6px
 }

 .btn-facebook {
     background: #3a589d
 }

 .btn-gplus {
     background: #dd4e31
 }

 .btn-twitter {
     background: #1aa9e1
 }

 .btn-warning {
     color: #fff
 }

 .btn-warning:hover {
     color: #fff
 }

 .btn-outline-warning:hover {
     color: #fff
 }

 .owl-dots .owl-dot,
 .owl-nav .owl-next,
 .owl-nav .owl-prev {
     outline: none
 }

 a:focus {
     outline: none
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(359deg)
     }
 }

 .mfp-container .mfp-preloader,
 .porto-loading-icon {
     content: "";
     display: inline-block;
     width: 40px;
     height: 40px;
     margin: 0 auto;
     border: 2px solid transparent;
     border-radius: 50%;
     border-top-color: #08C;
     border-image: none;
     text-indent: -9999px;
     -webkit-animation: spin 0.75s infinite linear;
     animation: spin 0.75s infinite linear;
     z-index: 3
 }

 .mfp-container .mfp-preloader:before,
 .porto-loading-icon:before {
     position: absolute;
     top: -2px;
     right: 0;
     left: -2px;
     width: inherit;
     height: inherit;
     border: inherit;
     border-radius: inherit;
     border-top-color: inherit;
     content: "";
     -webkit-animation: spin 1.5s infinite ease;
     animation: spin 1.5s infinite ease
 }

 .card {
     margin-bottom: 3rem;
     border: 1px solid #ddd;
     border-radius: 0;
     font-size: 1.4rem
 }

 .card-header {
     margin: 0;
     padding: 1.2rem 1.5rem;
     border-radius: 0;
     border-color: #ddd;
     background-color: #f5f5f5;
     color: #000;
     font-weight: 700;
     line-height: 1.5;
     text-transform: uppercase
 }

 .card-header:after {
     display: block;
     clear: both;
     content: ""
 }

 .card-header .card-edit {
     margin-top: 0.1rem;
     float: right;
     color: #08C;
     font-size: 1.3rem;
     font-weight: 400;
     text-transform: capitalize
 }

 .card-body {
     min-height: 135px;
     padding: 2rem 1.5rem;
     border-top: 0;
     border-radius: 0
 }

 .card-body a {
     text-decoration: underline
 }

 .card-body h4 {
     margin-bottom: 0.7rem;
     color: #666
 }

 .card.card-accordion {
     margin-bottom: 0.5rem;
     padding: 0;
     border: 0
 }

 .card.card-accordion .card-header {
     cursor: pointer;
     position: relative;
     padding-left: 0;
     padding-right: 25px;
     background: transparent;
     font-family: Poppins, sans-serif;
     font-size: 1.6rem;
     font-weight: 600;
     letter-spacing: -0.025em;
     overflow: hidden;
     text-overflow: ellipsis;
     text-transform: none;
     white-space: nowrap
 }

 .card.card-accordion .card-header:after {
     content: "";
     position: absolute;
     top: 50%;
     right: 10px;
     transform: translateY(-50%);
     font-family: "porto";
     transition: 0.35s
 }

 .card.card-accordion .card-header.collapsed:after {
     content: "";
     transition: 0.35s
 }

 .card.card-accordion .card-body {
     min-height: 0;
     padding: 0
 }

 .card.card-accordion p {
     margin-bottom: 0.4rem;
     padding: 1.3rem 0;
     letter-spacing: 0
 }

 .card-accordion.accordion-boxed {
     border: 1px solid #ddd
 }

 .card-accordion.accordion-boxed .card-header {
     border: 0;
     padding-left: 1.5rem;
     background-color: #f5f5f5
 }

 .card-accordion.accordion-boxed p {
     padding: 1.5rem
 }

 .card-accordion.accordion-boxed i {
     margin-right: 1rem
 }

 .count-container {
     margin-bottom: 4rem
 }

 .count-wrapper {
     margin-bottom: 0.9rem;
     color: #222529;
     font: 400 2.8rem/1 Poppins, sans-serif;
     text-transform: uppercase
 }

 .count-title {
     margin-bottom: 0;
     color: #777;
     font: 600 1.6rem/1 "Open Sans", sans-serif
 }

 @media (min-width:992px) {
     .count-wrapper {
         font-size: 3.6rem
     }
 }

 .feature-box {
     color: #7b858a;
     font-size: 1.5rem;
     line-height: 2;
     margin-bottom: 4rem
 }

 .feature-box i {
     display: inline-block;
     margin-bottom: 2.2rem;
     color: #08C;
     font-size: 5rem;
     line-height: 1
 }

 .feature-box i:before {
     margin: 0
 }

 .feature-box h3 {
     margin-bottom: 2rem;
     font-size: 1.6rem;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.1;
     letter-spacing: 0
 }

 .feature-box p {
     margin-bottom: 0
 }

 .feature-box.border-top-primary {
     border-bottom: 1px solid #dfdfdf;
     border-left: 1px solid #ececec;
     border-right: 1px solid #ececec;
     box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05)
 }

 .feature-box.border-top-primary .feature-box-content {
     border-top: 4px solid #08C;
     padding: 30px 20px 10px 20px
 }

 .feature-box-content {
     color: #7b858a;
     font-size: 1.5rem;
     line-height: 1.9;
     padding-left: 10px;
     padding-right: 10px
 }

 .feature-rounded i {
     width: 80px;
     height: 80px;
     border-radius: 500px;
     font-size: 35px;
     line-height: 80px
 }

 .flag {
     display: inline-block;
     width: 16px;
     height: 11px;
     margin-top: -1px;
     margin-right: 6px;
     margin-left: 1px;
     vertical-align: middle;
     line-height: 0;
     background: url(../images/flags.png) no-repeat
 }

 .flag.flag-ad {
     background-position: -16px 0
 }

 .flag.flag-ae {
     background-position: -32px 0
 }

 .flag.flag-af {
     background-position: -48px 0
 }

 .flag.flag-ag {
     background-position: -64px 0
 }

 .flag.flag-ai {
     background-position: -80px 0
 }

 .flag.flag-al {
     background-position: -96px 0
 }

 .flag.flag-am {
     background-position: -112px 0
 }

 .flag.flag-an {
     background-position: -128px 0
 }

 .flag.flag-ao {
     background-position: -144px 0
 }

 .flag.flag-ar {
     background-position: -160px 0
 }

 .flag.flag-as {
     background-position: -176px 0
 }

 .flag.flag-at {
     background-position: -192px 0
 }

 .flag.flag-au {
     background-position: -208px 0
 }

 .flag.flag-aw {
     background-position: -224px 0
 }

 .flag.flag-az {
     background-position: -240px 0
 }

 .flag.flag-ba {
     background-position: 0 -11px
 }

 .flag.flag-bb {
     background-position: -16px -11px
 }

 .flag.flag-bd {
     background-position: -32px -11px
 }

 .flag.flag-be {
     background-position: -48px -11px
 }

 .flag.flag-bf {
     background-position: -64px -11px
 }

 .flag.flag-bg {
     background-position: -80px -11px
 }

 .flag.flag-bh {
     background-position: -96px -11px
 }

 .flag.flag-bi {
     background-position: -112px -11px
 }

 .flag.flag-bj {
     background-position: -128px -11px
 }

 .flag.flag-bm {
     background-position: -144px -11px
 }

 .flag.flag-bn {
     background-position: -160px -11px
 }

 .flag.flag-bo {
     background-position: -176px -11px
 }

 .flag.flag-br {
     background-position: -192px -11px
 }

 .flag.flag-bs {
     background-position: -208px -11px
 }

 .flag.flag-bt {
     background-position: -224px -11px
 }

 .flag.flag-bv {
     background-position: -240px -11px
 }

 .flag.flag-bw {
     background-position: 0 -22px
 }

 .flag.flag-by {
     background-position: -16px -22px
 }

 .flag.flag-bz {
     background-position: -32px -22px
 }

 .flag.flag-ca {
     background-position: -48px -22px
 }

 .flag.flag-catalonia {
     background-position: -64px -22px
 }

 .flag.flag-cd {
     background-position: -80px -22px
 }

 .flag.flag-cf {
     background-position: -96px -22px
 }

 .flag.flag-cg {
     background-position: -112px -22px
 }

 .flag.flag-ch {
     background-position: -128px -22px
 }

 .flag.flag-ci {
     background-position: -144px -22px
 }

 .flag.flag-ck {
     background-position: -160px -22px
 }

 .flag.flag-cl {
     background-position: -176px -22px
 }

 .flag.flag-cm {
     background-position: -192px -22px
 }

 .flag.flag-cn {
     background-position: -208px -22px
 }

 .flag.flag-co {
     background-position: -224px -22px
 }

 .flag.flag-cr {
     background-position: -240px -22px
 }

 .flag.flag-cu {
     background-position: 0 -33px
 }

 .flag.flag-cv {
     background-position: -16px -33px
 }

 .flag.flag-cw {
     background-position: -32px -33px
 }

 .flag.flag-cy {
     background-position: -48px -33px
 }

 .flag.flag-cz {
     background-position: -64px -33px
 }

 .flag.flag-de {
     background-position: -80px -33px
 }

 .flag.flag-dj {
     background-position: -96px -33px
 }

 .flag.flag-dk {
     background-position: -112px -33px
 }

 .flag.flag-dm {
     background-position: -128px -33px
 }

 .flag.flag-do {
     background-position: -144px -33px
 }

 .flag.flag-dz {
     background-position: -160px -33px
 }

 .flag.flag-ec {
     background-position: -176px -33px
 }

 .flag.flag-ee {
     background-position: -192px -33px
 }

 .flag.flag-eg {
     background-position: -208px -33px
 }

 .flag.flag-eh {
     background-position: -224px -33px
 }

 .flag.flag-england {
     background-position: -240px -33px
 }

 .flag.flag-er {
     background-position: 0 -44px
 }

 .flag.flag-es {
     background-position: -16px -44px
 }

 .flag.flag-et {
     background-position: -32px -44px
 }

 .flag.flag-eu {
     background-position: -48px -44px
 }

 .flag.flag-fi {
     background-position: -64px -44px
 }

 .flag.flag-fj {
     background-position: -80px -44px
 }

 .flag.flag-fk {
     background-position: -96px -44px
 }

 .flag.flag-fm {
     background-position: -112px -44px
 }

 .flag.flag-fo {
     background-position: -128px -44px
 }

 .flag.flag-fr {
     background-position: -144px -44px
 }

 .flag.flag-ga {
     background-position: -160px -44px
 }

 .flag.flag-gb {
     background-position: -176px -44px
 }

 .flag.flag-gd {
     background-position: -192px -44px
 }

 .flag.flag-ge {
     background-position: -208px -44px
 }

 .flag.flag-gf {
     background-position: -224px -44px
 }

 .flag.flag-gg {
     background-position: -240px -44px
 }

 .flag.flag-gh {
     background-position: 0 -55px
 }

 .flag.flag-gi {
     background-position: -16px -55px
 }

 .flag.flag-gl {
     background-position: -32px -55px
 }

 .flag.flag-gm {
     background-position: -48px -55px
 }

 .flag.flag-gn {
     background-position: -64px -55px
 }

 .flag.flag-gp {
     background-position: -80px -55px
 }

 .flag.flag-gq {
     background-position: -96px -55px
 }

 .flag.flag-gr {
     background-position: -112px -55px
 }

 .flag.flag-gs {
     background-position: -128px -55px
 }

 .flag.flag-gt {
     background-position: -144px -55px
 }

 .flag.flag-gu {
     background-position: -160px -55px
 }

 .flag.flag-gw {
     background-position: -176px -55px
 }

 .flag.flag-gy {
     background-position: -192px -55px
 }

 .flag.flag-hk {
     background-position: -208px -55px
 }

 .flag.flag-hm {
     background-position: -224px -55px
 }

 .flag.flag-hn {
     background-position: -240px -55px
 }

 .flag.flag-hr {
     background-position: 0 -66px
 }

 .flag.flag-ht {
     background-position: -16px -66px
 }

 .flag.flag-hu {
     background-position: -32px -66px
 }

 .flag.flag-ic {
     background-position: -48px -66px
 }

 .flag.flag-id {
     background-position: -64px -66px
 }

 .flag.flag-ie {
     background-position: -80px -66px
 }

 .flag.flag-il {
     background-position: -96px -66px
 }

 .flag.flag-im {
     background-position: -112px -66px
 }

 .flag.flag-in {
     background-position: -128px -66px
 }

 .flag.flag-io {
     background-position: -144px -66px
 }

 .flag.flag-iq {
     background-position: -160px -66px
 }

 .flag.flag-ir {
     background-position: -176px -66px
 }

 .flag.flag-is {
     background-position: -192px -66px
 }

 .flag.flag-it {
     background-position: -208px -66px
 }

 .flag.flag-je {
     background-position: -224px -66px
 }

 .flag.flag-jm {
     background-position: -240px -66px
 }

 .flag.flag-jo {
     background-position: 0 -77px
 }

 .flag.flag-jp {
     background-position: -16px -77px
 }

 .flag.flag-ke {
     background-position: -32px -77px
 }

 .flag.flag-kg {
     background-position: -48px -77px
 }

 .flag.flag-kh {
     background-position: -64px -77px
 }

 .flag.flag-ki {
     background-position: -80px -77px
 }

 .flag.flag-km {
     background-position: -96px -77px
 }

 .flag.flag-kn {
     background-position: -112px -77px
 }

 .flag.flag-kp {
     background-position: -128px -77px
 }

 .flag.flag-kr {
     background-position: -144px -77px
 }

 .flag.flag-kurdistan {
     background-position: -160px -77px
 }

 .flag.flag-kw {
     background-position: -176px -77px
 }

 .flag.flag-ky {
     background-position: -192px -77px
 }

 .flag.flag-kz {
     background-position: -208px -77px
 }

 .flag.flag-la {
     background-position: -224px -77px
 }

 .flag.flag-lb {
     background-position: -240px -77px
 }

 .flag.flag-lc {
     background-position: 0 -88px
 }

 .flag.flag-li {
     background-position: -16px -88px
 }

 .flag.flag-lk {
     background-position: -32px -88px
 }

 .flag.flag-lr {
     background-position: -48px -88px
 }

 .flag.flag-ls {
     background-position: -64px -88px
 }

 .flag.flag-lt {
     background-position: -80px -88px
 }

 .flag.flag-lu {
     background-position: -96px -88px
 }

 .flag.flag-lv {
     background-position: -112px -88px
 }

 .flag.flag-ly {
     background-position: -128px -88px
 }

 .flag.flag-ma {
     background-position: -144px -88px
 }

 .flag.flag-mc {
     background-position: -160px -88px
 }

 .flag.flag-md {
     background-position: -176px -88px
 }

 .flag.flag-me {
     background-position: -192px -88px
 }

 .flag.flag-mg {
     background-position: -208px -88px
 }

 .flag.flag-mh {
     background-position: -224px -88px
 }

 .flag.flag-mk {
     background-position: -240px -88px
 }

 .flag.flag-ml {
     background-position: 0 -99px
 }

 .flag.flag-mm {
     background-position: -16px -99px
 }

 .flag.flag-mn {
     background-position: -32px -99px
 }

 .flag.flag-mo {
     background-position: -48px -99px
 }

 .flag.flag-mp {
     background-position: -64px -99px
 }

 .flag.flag-mq {
     background-position: -80px -99px
 }

 .flag.flag-mr {
     background-position: -96px -99px
 }

 .flag.flag-ms {
     background-position: -112px -99px
 }

 .flag.flag-mt {
     background-position: -128px -99px
 }

 .flag.flag-mu {
     background-position: -144px -99px
 }

 .flag.flag-mv {
     background-position: -160px -99px
 }

 .flag.flag-mw {
     background-position: -176px -99px
 }

 .flag.flag-mx {
     background-position: -192px -99px
 }

 .flag.flag-my {
     background-position: -208px -99px
 }

 .flag.flag-mz {
     background-position: -224px -99px
 }

 .flag.flag-na {
     background-position: -240px -99px
 }

 .flag.flag-nc {
     background-position: 0 -110px
 }

 .flag.flag-ne {
     background-position: -16px -110px
 }

 .flag.flag-nf {
     background-position: -32px -110px
 }

 .flag.flag-ng {
     background-position: -48px -110px
 }

 .flag.flag-ni {
     background-position: -64px -110px
 }

 .flag.flag-nl {
     background-position: -80px -110px
 }

 .flag.flag-no {
     background-position: -96px -110px
 }

 .flag.flag-np {
     background-position: -112px -110px
 }

 .flag.flag-nr {
     background-position: -128px -110px
 }

 .flag.flag-nu {
     background-position: -144px -110px
 }

 .flag.flag-nz {
     background-position: -160px -110px
 }

 .flag.flag-om {
     background-position: -176px -110px
 }

 .flag.flag-pa {
     background-position: -192px -110px
 }

 .flag.flag-pe {
     background-position: -208px -110px
 }

 .flag.flag-pf {
     background-position: -224px -110px
 }

 .flag.flag-pg {
     background-position: -240px -110px
 }

 .flag.flag-ph {
     background-position: 0 -121px
 }

 .flag.flag-pk {
     background-position: -16px -121px
 }

 .flag.flag-pl {
     background-position: -32px -121px
 }

 .flag.flag-pm {
     background-position: -48px -121px
 }

 .flag.flag-pn {
     background-position: -64px -121px
 }

 .flag.flag-pr {
     background-position: -80px -121px
 }

 .flag.flag-ps {
     background-position: -96px -121px
 }

 .flag.flag-pt {
     background-position: -112px -121px
 }

 .flag.flag-pw {
     background-position: -128px -121px
 }

 .flag.flag-py {
     background-position: -144px -121px
 }

 .flag.flag-qa {
     background-position: -160px -121px
 }

 .flag.flag-re {
     background-position: -176px -121px
 }

 .flag.flag-ro {
     background-position: -192px -121px
 }

 .flag.flag-rs {
     background-position: -208px -121px
 }

 .flag.flag-ru {
     background-position: -224px -121px
 }

 .flag.flag-rw {
     background-position: -240px -121px
 }

 .flag.flag-sa {
     background-position: 0 -132px
 }

 .flag.flag-sb {
     background-position: -16px -132px
 }

 .flag.flag-sc {
     background-position: -32px -132px
 }

 .flag.flag-scotland {
     background-position: -48px -132px
 }

 .flag.flag-sd {
     background-position: -64px -132px
 }

 .flag.flag-se {
     background-position: -80px -132px
 }

 .flag.flag-sg {
     background-position: -96px -132px
 }

 .flag.flag-sh {
     background-position: -112px -132px
 }

 .flag.flag-si {
     background-position: -128px -132px
 }

 .flag.flag-sk {
     background-position: -144px -132px
 }

 .flag.flag-sl {
     background-position: -160px -132px
 }

 .flag.flag-sm {
     background-position: -176px -132px
 }

 .flag.flag-sn {
     background-position: -192px -132px
 }

 .flag.flag-so {
     background-position: -208px -132px
 }

 .flag.flag-somaliland {
     background-position: -224px -132px
 }

 .flag.flag-sr {
     background-position: -240px -132px
 }

 .flag.flag-ss {
     background-position: 0 -143px
 }

 .flag.flag-st {
     background-position: -16px -143px
 }

 .flag.flag-sv {
     background-position: -32px -143px
 }

 .flag.flag-sx {
     background-position: -48px -143px
 }

 .flag.flag-sy {
     background-position: -64px -143px
 }

 .flag.flag-sz {
     background-position: -80px -143px
 }

 .flag.flag-tc {
     background-position: -96px -143px
 }

 .flag.flag-td {
     background-position: -112px -143px
 }

 .flag.flag-tf {
     background-position: -128px -143px
 }

 .flag.flag-tg {
     background-position: -144px -143px
 }

 .flag.flag-th {
     background-position: -160px -143px
 }

 .flag.flag-tibet {
     background-position: -176px -143px
 }

 .flag.flag-tj {
     background-position: -192px -143px
 }

 .flag.flag-tk {
     background-position: -208px -143px
 }

 .flag.flag-tl {
     background-position: -224px -143px
 }

 .flag.flag-tm {
     background-position: -240px -143px
 }

 .flag.flag-tn {
     background-position: 0 -154px
 }

 .flag.flag-to {
     background-position: -16px -154px
 }

 .flag.flag-tr {
     background-position: -32px -154px
 }

 .flag.flag-tt {
     background-position: -48px -154px
 }

 .flag.flag-tv {
     background-position: -64px -154px
 }

 .flag.flag-tw {
     background-position: -80px -154px
 }

 .flag.flag-tz {
     background-position: -96px -154px
 }

 .flag.flag-ua {
     background-position: -112px -154px
 }

 .flag.flag-ug {
     background-position: -128px -154px
 }

 .flag.flag-um {
     background-position: -144px -154px
 }

 .flag.flag-us {
     background-position: -160px -154px
 }

 .flag.flag-uy {
     background-position: -176px -154px
 }

 .flag.flag-uz {
     background-position: -192px -154px
 }

 .flag.flag-va {
     background-position: -208px -154px
 }

 .flag.flag-vc {
     background-position: -224px -154px
 }

 .flag.flag-ve {
     background-position: -240px -154px
 }

 .flag.flag-vg {
     background-position: 0 -165px
 }

 .flag.flag-vi {
     background-position: -16px -165px
 }

 .flag.flag-vn {
     background-position: -32px -165px
 }

 .flag.flag-vu {
     background-position: -48px -165px
 }

 .flag.flag-wales {
     background-position: -64px -165px
 }

 .flag.flag-wf {
     background-position: -80px -165px
 }

 .flag.flag-ws {
     background-position: -96px -165px
 }

 .flag.flag-xk {
     background-position: -112px -165px
 }

 .flag.flag-ye {
     background-position: -128px -165px
 }

 .flag.flag-yt {
     background-position: -144px -165px
 }

 .flag.flag-za {
     background-position: -160px -165px
 }

 .flag.flag-zanzibar {
     background-position: -176px -165px
 }

 .flag.flag-zm {
     background-position: -192px -165px
 }

 .flag.flag-zw {
     background-position: -208px -165px
 }

 @font-face {
     font-family: "porto";
     src: url("../fonts/porto.eot?64334846");
     src: url("../fonts/porto.eot?64334846#iefix") format("embedded-opentype"), url("../fonts/porto.woff2?64334846") format("woff2"), url("../fonts/porto.woff?64334846") format("woff"), url("../fonts/porto.ttf?64334846") format("truetype"), url("../fonts/porto.svg?64334846#porto") format("svg");
     font-style: normal;
     font-weight: normal;
     font-display: swap
 }

 [class*=" icon-"]:before,
 [class^=icon-]:before {
     font-family: "porto";
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .icon-cart-thick:before {
     content: ""
 }

 .icon-check-circle:before {
     content: ""
 }

 .icon-envelop:before {
     content: ""
 }

 .icon-business-book:before {
     content: ""
 }

 .icon-long-arrow-right:before {
     content: ""
 }

 .icon-percent-shape:before {
     content: ""
 }

 .icon-sale-label:before {
     content: ""
 }

 .icon-help-circle:before {
     content: ""
 }

 .icon-sale-discount:before {
     content: ""
 }

 .icon-shipping-truck:before {
     content: ""
 }

 .icon-user-3:before {
     content: ""
 }

 .icon-long-arrow-alt:before {
     content: ""
 }

 .icon-map-location:before {
     content: ""
 }

 .icon-phone-call:before {
     content: ""
 }

 .icon-tablet:before {
     content: ""
 }

 .icon-spin1:before {
     content: ""
 }

 .icon-spin2:before {
     content: ""
 }

 .icon-spin3:before {
     content: ""
 }

 .icon-spin4:before {
     content: ""
 }

 .icon-spin5:before {
     content: ""
 }

 .icon-spin6:before {
     content: ""
 }

 .icon-firefox:before {
     content: ""
 }

 .icon-chrome:before {
     content: ""
 }

 .icon-opera:before {
     content: ""
 }

 .icon-ie:before {
     content: ""
 }

 .icon-phone:before {
     content: ""
 }

 .icon-down-dir:before {
     content: ""
 }

 .icon-cart:before {
     content: ""
 }

 .icon-up-dir:before {
     content: ""
 }

 .icon-mode-grid:before {
     content: ""
 }

 .icon-mode-list:before {
     content: ""
 }

 .icon-compare:before {
     content: ""
 }

 .icon-wishlist:before {
     content: ""
 }

 .icon-search:before {
     content: ""
 }

 .icon-left-dir:before {
     content: ""
 }

 .icon-right-dir:before {
     content: ""
 }

 .icon-down-open:before {
     content: ""
 }

 .icon-left-open:before {
     content: ""
 }

 .icon-right-open:before {
     content: ""
 }

 .icon-up-open:before {
     content: ""
 }

 .icon-angle-left:before {
     content: ""
 }

 .icon-angle-right:before {
     content: ""
 }

 .icon-angle-up:before {
     content: ""
 }

 .icon-angle-down:before {
     content: ""
 }

 .icon-down:before {
     content: ""
 }

 .icon-left:before {
     content: ""
 }

 .icon-right:before {
     content: ""
 }

 .icon-up:before {
     content: ""
 }

 .icon-angle-double-left:before {
     content: ""
 }

 .icon-angle-double-right:before {
     content: ""
 }

 .icon-angle-double-up:before {
     content: ""
 }

 .icon-angle-double-down:before {
     content: ""
 }

 .icon-mail:before {
     content: ""
 }

 .icon-location:before {
     content: ""
 }

 .icon-skype:before {
     content: ""
 }

 .icon-right-open-big:before {
     content: ""
 }

 .icon-left-open-big:before {
     content: ""
 }

 .icon-down-open-big:before {
     content: ""
 }

 .icon-up-open-big:before {
     content: ""
 }

 .icon-cancel:before {
     content: ""
 }

 .icon-user:before {
     content: ""
 }

 .icon-mail-alt:before {
     content: ""
 }

 .icon-fax:before {
     content: ""
 }

 .icon-lock:before {
     content: ""
 }

 .icon-company:before {
     content: ""
 }

 .icon-city:before {
     content: ""
 }

 .icon-post:before {
     content: ""
 }

 .icon-country:before {
     content: ""
 }

 .icon-calendar:before {
     content: ""
 }

 .icon-doc:before {
     content: ""
 }

 .icon-mobile:before {
     content: ""
 }

 .icon-clock:before {
     content: ""
 }

 .icon-chat:before {
     content: ""
 }

 .icon-tag:before {
     content: ""
 }

 .icon-folder:before {
     content: ""
 }

 .icon-folder-open:before {
     content: ""
 }

 .icon-forward:before {
     content: ""
 }

 .icon-reply:before {
     content: ""
 }

 .icon-cog:before {
     content: ""
 }

 .icon-cog-alt:before {
     content: ""
 }

 .icon-wrench:before {
     content: ""
 }

 .icon-quote-left:before {
     content: ""
 }

 .icon-quote-right:before {
     content: ""
 }

 .icon-gift:before {
     content: ""
 }

 .icon-dollar:before {
     content: ""
 }

 .icon-euro:before {
     content: ""
 }

 .icon-pound:before {
     content: ""
 }

 .icon-rupee:before {
     content: ""
 }

 .icon-yen:before {
     content: ""
 }

 .icon-rouble:before {
     content: ""
 }

 .icon-try:before {
     content: ""
 }

 .icon-won:before {
     content: ""
 }

 .icon-bitcoin:before {
     content: ""
 }

 .icon-ok:before {
     content: ""
 }

 .icon-chevron-left:before {
     content: ""
 }

 .icon-chevron-right:before {
     content: ""
 }

 .icon-export:before {
     content: ""
 }

 .icon-star:before {
     content: ""
 }

 .icon-star-empty:before {
     content: ""
 }

 .icon-plus-squared:before {
     content: ""
 }

 .icon-minus-squared:before {
     content: ""
 }

 .icon-plus-squared-alt:before {
     content: ""
 }

 .icon-minus-squared-alt:before {
     content: ""
 }

 .icon-truck:before {
     content: ""
 }

 .icon-lifebuoy:before {
     content: ""
 }

 .icon-pencil:before {
     content: ""
 }

 .icon-users:before {
     content: ""
 }

 .icon-video:before {
     content: ""
 }

 .icon-menu:before {
     content: ""
 }

 .icon-desktop:before {
     content: ""
 }

 .icon-doc-inv:before {
     content: ""
 }

 .icon-circle:before {
     content: ""
 }

 .icon-circle-empty:before {
     content: ""
 }

 .icon-circle-thin:before {
     content: ""
 }

 .icon-mini-cart:before {
     content: ""
 }

 .icon-paper-plane:before {
     content: ""
 }

 .icon-attention-alt:before {
     content: ""
 }

 .icon-info:before {
     content: ""
 }

 .icon-compare-link:before {
     content: ""
 }

 .icon-cat-default:before {
     content: ""
 }

 .icon-cat-computer:before {
     content: ""
 }

 .icon-cat-couch:before {
     content: ""
 }

 .icon-cat-garden:before {
     content: ""
 }

 .icon-cat-gift:before {
     content: ""
 }

 .icon-cat-shirt:before {
     content: ""
 }

 .icon-cat-sport:before {
     content: ""
 }

 .icon-cat-toys:before {
     content: ""
 }

 .icon-tag-line:before {
     content: ""
 }

 .icon-bag:before {
     content: ""
 }

 .icon-search-1:before {
     content: ""
 }

 .icon-plus:before {
     content: ""
 }

 .icon-minus:before {
     content: ""
 }

 .icon-search-2:before {
     content: ""
 }

 .icon-bag-1:before {
     content: ""
 }

 .icon-online-support:before {
     content: ""
 }

 .icon-shopping-bag:before {
     content: ""
 }

 .icon-us-dollar:before {
     content: ""
 }

 .icon-shipped:before {
     content: ""
 }

 .icon-list:before {
     content: ""
 }

 .icon-money:before {
     content: ""
 }

 .icon-shipping:before {
     content: ""
 }

 .icon-support:before {
     content: ""
 }

 .icon-bag-2:before {
     content: ""
 }

 .icon-grid:before {
     content: ""
 }

 .icon-bag-3:before {
     content: ""
 }

 .icon-direction:before {
     content: ""
 }

 .icon-home:before {
     content: ""
 }

 .icon-magnifier:before {
     content: ""
 }

 .icon-magnifier-add:before {
     content: ""
 }

 .icon-magnifier-remove:before {
     content: ""
 }

 .icon-phone-1:before {
     content: ""
 }

 .icon-clock-1:before {
     content: ""
 }

 .icon-heart:before {
     content: ""
 }

 .icon-heart-1:before {
     content: ""
 }

 .icon-earphones-alt:before {
     content: ""
 }

 .icon-credit-card:before {
     content: ""
 }

 .icon-action-undo:before {
     content: ""
 }

 .icon-envolope:before {
     content: ""
 }

 .icon-chart:before {
     content: ""
 }

 .icon-category-home:before {
     content: ""
 }

 .icon-category-motors:before {
     content: ""
 }

 .icon-category-music:before {
     content: ""
 }

 .icon-category-gifts:before {
     content: ""
 }

 .icon-category-electronics:before {
     content: ""
 }

 .icon-category-fashion:before {
     content: ""
 }

 .icon-category-hot-deals:before {
     content: ""
 }

 .icon-tag-percent:before {
     content: ""
 }

 .icon-joystick:before {
     content: ""
 }

 .icon-category-furniture:before {
     content: ""
 }

 .icon-category-garden:before {
     content: ""
 }

 .icon-category-lanterns-lighting:before {
     content: ""
 }

 .icon-category-mechanics:before {
     content: ""
 }

 .icon-category-motorcycles:before {
     content: ""
 }

 .icon-category-sound-video:before {
     content: ""
 }

 .icon-category-steering:before {
     content: ""
 }

 .icon-category-external-accessories:before {
     content: ""
 }

 .icon-category-fluids:before {
     content: ""
 }

 .icon-category-internal-accessories:before {
     content: ""
 }

 .icon-category-chains:before {
     content: ""
 }

 .icon-category-frames:before {
     content: ""
 }

 .icon-category-pedals:before {
     content: ""
 }

 .icon-category-saddle:before {
     content: ""
 }

 .icon-category-tools:before {
     content: ""
 }

 .icon-search-3:before {
     content: ""
 }

 .icon-secure-payment:before {
     content: ""
 }

 .icon-user-2:before {
     content: ""
 }

 .icon-wishlist-2:before {
     content: ""
 }

 .icon-gift-2:before {
     content: ""
 }

 .icon-edit:before {
     content: ""
 }

 .icon-chef:before {
     content: ""
 }

 .icon-smiling-girl:before {
     content: ""
 }

 .icon-tshirt:before {
     content: ""
 }

 .icon-boy-broad-smile:before {
     content: ""
 }

 .icon-smiling-baby:before {
     content: ""
 }

 .icon-bars:before {
     content: ""
 }

 .icon-twitter:before {
     content: ""
 }

 .icon-facebook:before {
     content: ""
 }

 .icon-spinner:before {
     content: ""
 }

 .icon-instagram:before {
     content: ""
 }

 .icon-check-empty:before {
     content: ""
 }

 .icon-check:before {
     content: ""
 }

 .icon-shopping-cart:before {
     content: ""
 }

 .icon-phone-2:before {
     content: ""
 }

 .icon-percent-circle:before {
     content: ""
 }

 .icon-pulley:before {
     content: ""
 }

 .icon-password-lock:before {
     content: ""
 }

 .icon-pin:before {
     content: ""
 }

 .icon-rotulo:before {
     content: ""
 }

 .icon-comida-organica:before {
     content: ""
 }

 .icon-estrela:before {
     content: ""
 }

 .icon-fazer-compras:before {
     content: ""
 }

 .icon-gluten:before {
     content: ""
 }

 .icon-arrow-forward-right:before {
     content: ""
 }

 form {
     margin-bottom: 3.5rem
 }

 form h2 {
     margin-top: 3.4rem;
     margin-bottom: 2.3rem
 }

 .form-group {
     margin-bottom: 1.4rem
 }

 .form-group .form-control,
 .form-group .select-custom {
     margin-bottom: 0
 }

 .form-group .form-control+.form-control {
     margin-top: 1rem
 }

 .form-group-sm {
     max-width: 480px;
     margin-bottom: 0.9rem
 }

 .form-control {
     padding-left: 1.2rem;
     height: 46px;
     margin-bottom: 1rem;
     transition: all 0.3s;
     border: 1px solid #dfdfdf;
     border-radius: 0;
     background-color: #fff;
     color: #777;
     font-family: "Open Sans", sans-serif;
     font-size: 1.2rem;
     font-weight: 400;
     line-height: 1.5
 }

 .form-control:focus {
     border-color: #dfdfdf;
     background-color: #fff;
     color: #777;
     box-shadow: none
 }

 .form-control-sm {
     height: 4.6rem;
     padding: 0.8rem 1.2rem
 }

 select.form-control:not([size]):not([multiple]) {
     height: 6rem
 }

 select.form-control-sm:not([size]):not([multiple]) {
     padding: 0;
     padding-left: 1.2rem;
     height: 3.7rem;
     font-size: 1.4rem;
     letter-spacing: -0.013em
 }

 .main .form-control:-ms-input-placeholder,
 .main .form-control::-moz-placeholder,
 .main .form-control::-ms-input-placeholder,
 .main .form-control::-webkit-input-placeholder,
 .main .form-control::placeholder {
     font-family: Poppins, sans-serif
 }

 textarea.form-control {
     padding-top: 0.8rem;
     min-height: 151px;
     border-color: #ebebeb
 }

 .form-footer {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 2rem;
     margin-bottom: 3.5rem;
     font-size: 1.2rem;
     vertical-align: middle
 }

 .form-footer .form-footer-right {
     margin-right: 0;
     margin-left: auto
 }

 .form-footer .form-footer-right .btn {
     margin: 0
 }

 .form-footer .btn {
     margin-right: 3rem
 }

 .forget-pass {
     line-height: 1.3
 }

 label {
     margin: 0 0 0.6rem;
     color: #222529;
     font-family: Poppins, sans-serif;
     font-size: 1.2rem;
     font-weight: 700
 }

 .required-field>label:after {
     margin: 0 0 0 0.45rem;
     color: #e02b27;
     font-size: 1.2rem;
     content: "*"
 }

 .required {
     color: #e02b27
 }

 .required+.form-footer {
     margin-top: 0.8rem
 }

 .select-custom {
     position: relative;
     margin-bottom: 1rem;
     background: #fff
 }

 .select-custom select {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     position: relative;
     z-index: 1;
     background: transparent
 }

 .select-custom select:focus {
     background: transparent
 }

 @media (-ms-high-contrast:active),
 (-ms-high-contrast:none) {
     .select-custom select::-ms-expand {
         display: none
     }

     .select-custom select:focus::-ms-value {
         background: transparent;
         color: currentColor
     }
 }

 .select-custom:after {
     display: inline-block;
     position: absolute;
     top: 50%;
     right: 1.9rem;
     transform: translateY(-50%);
     font-family: "porto";
     font-size: 1.6rem;
     content: "";
     padding-bottom: 2px;
     font-weight: 400
 }

 .select-custom .form-control,
 .select-custom .form-control-sm {
     padding-right: 4rem
 }

 .form-group-custom-control {
     margin-top: 1.3rem
 }

 .form-group-custom-control .custom-control {
     margin-top: 0;
     margin-bottom: 2rem
 }

 .form-group-custom-control .custom-radio {
     margin-bottom: 2.2rem;
     padding-left: 2.9rem
 }

 .form-group-custom-control+.form-group-custom-control {
     margin-top: -0.5rem
 }

 .form-group-custom-control .custom-control-label {
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     letter-spacing: 0;
     text-transform: initial;
     color: #777777;
     font-size: 13px
 }

 .custom-control {
     position: relative;
     margin-top: 3rem;
     margin-bottom: 3rem;
     padding-left: 3rem
 }

 .custom-control-label {
     position: static;
     margin-bottom: 0
 }

 .custom-control-label:after,
 .custom-control-label:before {
     top: 0;
     left: 0;
     width: 2rem;
     height: 2rem;
     line-height: 2rem
 }

 .custom-control-label:before {
     border: 1px solid #ccc;
     background-color: #fff
 }

 .custom-radio .custom-control-label:after {
     top: 4px;
     left: 0.4rem;
     width: 1.2rem;
     height: 1.2rem;
     border-radius: 50%
 }

 .custom-radio .custom-control-input {
     position: absolute;
     z-index: 333;
     opacity: 0;
     left: 4px;
     top: 3px
 }

 .custom-radio .custom-control {
     padding-left: 2.9rem
 }

 .custom-checkbox .custom-control-label:after {
     top: 0;
     left: 4px
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label:before {
     background-color: transparent
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
     background: none;
     color: #222529;
     content: "";
     font-family: "porto"
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
     background-color: #08C
 }

 .custom-control-input:focus~.custom-control-label:before {
     box-shadow: none
 }

 .custom-radio .custom-control-label:before {
     background-color: transparent !important
 }

 .custom-radio .custom-control-input:checked~.custom-control-label:after {
     background-image: none;
     background-color: #08C
 }

 .form-control-tooltip {
     position: relative;
     padding-right: 4rem
 }

 .form-control-tooltip .input-tooltip {
     display: inline-block;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     transition: all 0.3s;
     color: #777;
     font-size: 2.4rem
 }

 .form-control-tooltip .input-tooltip:focus,
 .form-control-tooltip .input-tooltip:hover {
     color: #000
 }

 .form-input {
     padding: 1rem 1.2rem;
     border: 1px solid #ddd;
     border-radius: 2px
 }

 .form-wide {
     width: 100%
 }

 @media (min-width:768px) {

     .form-footer,
     form {
         margin-bottom: 4rem
     }

     form h2 {
         margin-top: 4.4rem
     }
 }

 @media (min-width:992px) {

     .form-footer,
     form {
         margin-bottom: 5rem
     }
 }

 .info-box {
     display: flex;
     align-items: center;
     width: 100%;
     color: #222529
 }

 .info-box i {
     color: inherit;
     font-size: 3.7rem;
     text-align: center
 }

 .info-box i:before {
     width: auto;
     margin: 0 0.1em
 }

 .info-box h4 {
     color: inherit;
     margin-bottom: 0;
     font-size: 1.4rem;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.1
 }

 .info-box p {
     margin-bottom: 0;
     font-size: 1.3rem;
     line-height: 1.6
 }

 .info-box .porto-info {
     font-size: 1.6rem;
     display: flex;
     align-items: center;
     color: #2f6473
 }

 .info-box.with-icon p:before {
     float: left;
     content: "";
     color: #5bc0de;
     font-family: "Font Awesome 5 Free";
     font-size: 2rem;
     font-weight: 900;
     line-height: 1;
     margin-right: 5px;
     margin-top: 3px
 }

 .info-box-icon-left {
     justify-content: center
 }

 .info-box-icon-left i {
     line-height: 0;
     margin-right: 1.5rem
 }

 .info-box-icon-right {
     justify-content: center
 }

 .info-box-icon-right .info-box-content {
     text-align: right
 }

 .info-box-icon-right i {
     line-height: 0;
     margin-left: 1.5rem
 }

 .info-box-icon-top {
     flex-direction: column;
     align-items: unset;
     justify-content: center
 }

 .info-box-icon-top .info-box-content {
     text-align: center
 }

 .info-box-icon-top i {
     line-height: 0;
     margin-bottom: 1.5rem
 }

 .info-box-img {
     flex-direction: column
 }

 .info-box-img .info-desc {
     font-size: 1.6rem;
     color: #777
 }

 .overlay,
 .overlay-visible {
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     color: #fff;
     transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s
 }

 .overlay {
     padding-top: 10rem;
     background: rgba(0, 0, 0, 0.3);
     opacity: 0
 }

 a>.overlay {
     cursor: pointer
 }

 figure:hover .overlay {
     padding-top: 0;
     opacity: 1
 }

 .overlay a:hover {
     color: #fff;
     text-decoration: underline
 }

 .overlay a.social-link {
     border-color: #fff
 }

 .overlay .social-link:hover {
     color: #fff;
     text-decoration: none
 }

 figure:hover .overlay-visible {
     background: rgba(0, 136, 204, 0.9);
     padding-bottom: 9rem
 }

 .overlay-transparent {
     background: transparent
 }

 .overlay-effect1,
 .overlay-effect2,
 .overlay-effect3,
 .overlay-effect4 {
     overflow: hidden
 }

 .overlay-effect1 .banner,
 .overlay-effect1 figure,
 .overlay-effect2 .banner,
 .overlay-effect2 figure,
 .overlay-effect3 .banner,
 .overlay-effect3 figure,
 .overlay-effect4 .banner,
 .overlay-effect4 figure {
     position: relative
 }

 .overlay-effect1 figure:after,
 .overlay-effect2 figure:after,
 .overlay-effect3 figure:after,
 .overlay-effect4 figure:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #222529;
     opacity: 0;
     transition: opacity 0.3s, background 0.3s, transform 0.3s
 }

 .overlay-effect1:hover figure:after,
 .overlay-effect2:hover figure:after,
 .overlay-effect3:hover figure:after,
 .overlay-effect4:hover figure:after {
     opacity: 0.2
 }

 .overlay-effect2 figure:before,
 .overlay-effect4 figure:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: #fff;
     opacity: 0.2;
     transition: opacity 0.5s ease, transform 0.5s ease
 }

 .overlay-zoom {
     overflow: hidden
 }

 .overlay-zoom img {
     transition: transform 0.3s
 }

 .overlay-zoom:hover img {
     transform: scale(1.08)
 }

 .overlay-effect1:hover figure:after {
     transform: scale(1, 1);
     visibility: visible;
     opacity: 0;
     transition: transform 0.5s linear, opacity 0.5s linear
 }

 .overlay-effect1 figure:after {
     transform: scale(0, 1);
     opacity: 0.4;
     background-color: #fff;
     visibility: hidden
 }

 .overlay-effect2:hover figure:after,
 .overlay-effect2:hover figure:before {
     opacity: 0;
     transform: none
 }

 .overlay-effect2 figure:after {
     transform: translateX(-100%);
     background-color: #fff;
     opacity: 0.2;
     transition: transform 0.9s ease, opacity 0.9s ease
 }

 .overlay-effect2 figure:before {
     transform: translateX(100%);
     transition: transform 0.9s ease, opacity 0.9s ease
 }

 .overlay-effect3:hover figure:after {
     top: 100%;
     left: -100%;
     transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)
 }

 .overlay-effect3 figure:after {
     left: 50%;
     width: 120%;
     height: 60px;
     background-color: #fff;
     transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
     transition: 0.5s linear, top 0.5s linear, left 0.5s linear
 }

 .overlay-effect4:hover figure:after,
 .overlay-effect4:hover figure:before {
     transform: scale(1, 1)
 }

 .overlay-effect4 figure:after {
     transform: scale(0, 1);
     background-color: #fff
 }

 .overlay-effect4 figure:before {
     transform: scale(1, 0);
     transition: transform 0.3s
 }

 .overlay-opacity img {
     transition: 0.3s
 }

 .overlay-opacity:hover img {
     filter: opacity(0.9)
 }

 .overlay-contentIn {
     overflow: hidden
 }

 .overlay-contentIn .banner-content,
 .overlay-contentIn .banner-layer {
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s
 }

 .overlay-contentIn:hover .banner-content,
 .overlay-contentIn:hover .banner-layer {
     opacity: 1;
     visibility: visible
 }

 .overlay-contentOut {
     overflow: hidden
 }

 .overlay-contentOut .banner-content,
 .overlay-contentOut .banner-layer {
     opacity: 1;
     visibility: visible;
     transition: opacity 0.3s
 }

 .overlay-contentOut:hover .banner-content,
 .overlay-contentOut:hover .banner-layer {
     opacity: 0;
     visibility: hidden
 }

 .particle-effect {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .snowfall {
     background-image: url(../images/effects/s1.png), url(../images/effects/s2.png), url(../images/effects/s3.png);
     animation: snow 10s linear infinite
 }

 @keyframes snow {
     0% {
         background-position: 0px 0px, 0px 0px, 0px 0px
     }

     50% {
         background-position: 500px 500px, 100px 300px, -200px 250px
     }

     to {
         background-position: 400px 800px, 300px 600px, -200px 400px
     }
 }

 .sparkle {
     background-image: url(../images/effects/sparkle1.png), url(../images/effects/sparkle2.png);
     animation: sparkle 60s linear infinite
 }

 @keyframes sparkle {
     0% {
         background-position: 0px 0px, 0px 0px, 0px 0px
     }

     to {
         background-position: -500px -1000px, -400px -400px, 300px 300px
     }
 }

 @keyframes kenBurnsToRight {
     0% {
         transform: scale(1.2)
     }

     to {
         transform: scale(1)
     }
 }

 @keyframes kenBurnsToLeft {
     0% {
         transform: scale(1.2)
     }

     to {
         transform: scale(1)
     }
 }

 .kenBurnsToRight {
     animation-name: kenBurnsToRight;
     animation-timing-function: linear;
     animation-fill-mode: both;
     transform-origin: right
 }

 .kenBurnsToLeft {
     animation-name: kenBurnsToLeft;
     animation-timing-function: linear;
     animation-fill-mode: both;
     transform-origin: left
 }

 .kenBurnsToLeftTop {
     animation-name: kenBurnsToLeft;
     animation-timing-function: linear;
     animation-fill-mode: both;
     transform-origin: left top
 }

 .kenBurnsToRightTop {
     animation-name: kenBurnsToRight;
     animation-timing-function: linear;
     animation-fill-mode: both;
     transform-origin: right top
 }

 .cta h3 {
     letter-spacing: -0.05em;
     margin-bottom: 1rem
 }

 .cta p {
     font-size: 1.6rem;
     margin-bottom: 0
 }

 .cta-simple {
     align-items: center;
     text-align: center;
     padding: 3.2rem 5.5rem
 }

 .cta-border {
     border: 1px solid #dfdfdf;
     border-radius: 1rem
 }

 .cta-outline {
     border-width: 3px
 }

 .cta-outline .btn {
     position: relative;
     border-radius: 6px;
     color: #f7f7f7;
     padding: 8px 1.6rem 7px;
     text-transform: capitalize;
     font-weight: 400
 }

 .cta-outline.blue {
     border-color: #5472d2
 }

 .cta-outline.blue h3 {
     color: #5472d2
 }

 .cta-outline.blue .btn {
     box-shadow: 0 5px #3253bc;
     background-color: #5472d2;
     transition: none
 }

 .cta-outline.blue .btn:hover {
     top: 3px;
     box-shadow: 0 2px #3253bc
 }

 .cta-outline.red {
     border-color: #f4524d
 }

 .cta-outline.red h3 {
     color: #f4524d
 }

 .cta-outline.red .btn {
     box-shadow: 0 5px #f11f18;
     background-color: #f4524d;
     transition: none
 }

 .cta-outline.red .btn:hover {
     top: 3px;
     box-shadow: 0 2px #f11f18
 }

 .cta-outline.cyan {
     border-color: #4cadc9
 }

 .cta-outline.cyan h3 {
     color: #4cadc9
 }

 .cta-outline.cyan .btn {
     box-shadow: 0 5px #338faa;
     background-color: #4cadc9;
     transition: none
 }

 .cta-outline.cyan .btn:hover {
     top: 3px;
     box-shadow: 0 2px #338faa
 }

 .cta-outline.dark {
     border-color: #50485b
 }

 .cta-outline.dark h3 {
     color: #50485b
 }

 .cta-outline.dark .btn {
     box-shadow: 0 5px #342f3c;
     background-color: #50485b;
     transition: none
 }

 .cta-outline.dark .btn:hover {
     top: 3px;
     box-shadow: 0 2px #342f3c
 }

 .cta-3Ds.blue {
     box-shadow: 0 5px #3253bc
 }

 .cta-3Ds.red {
     box-shadow: 0 5px #f11f18
 }

 .cta-3Ds.cyan {
     box-shadow: 0 5px #338faa
 }

 .cta-3Ds.dark {
     box-shadow: 0 5px #342f3c
 }

 .cta-bg {
     border-color: transparent
 }

 .cta-bg h3 {
     color: #fff
 }

 .cta-bg p {
     color: rgba(255, 255, 255, 0.7)
 }

 .cta-bg.blue {
     background-color: #5472d2
 }

 .cta-bg.red {
     background-color: #f4524d
 }

 .cta-bg.cyan {
     background-color: #4cadc9
 }

 .cta-bg.dark {
     background-color: #50485b
 }

 .cta-bg.light {
     background-color: #f2f2f2;
     border-color: #dfdfdf
 }

 .cta-bg.light h3,
 .cta-bg.light p {
     color: #1d2127
 }

 .modal form {
     margin: 0
 }

 .modal form .form-group {
     max-width: 480px
 }

 .modal form .form-control {
     max-width: 100%
 }

 .modal-body {
     padding: 1.5rem
 }

 .modal-content {
     border-radius: 0;
     box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35)
 }

 .modal-footer,
 .modal-header {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     height: 80px;
     padding-right: 1.5rem;
     padding-left: 1.5rem
 }

 .modal-title {
     font-weight: 400
 }

 .close {
     font-size: 2.2rem
 }

 @media (min-width:576px) {
     .modal-content {
         margin-top: 20px;
         margin-bottom: 20px
     }

     .modal-body {
         max-height: calc(100vh - 210px);
         padding-top: 2rem;
         overflow-y: auto
     }

     .modal-body,
     .modal-footer,
     .modal-header {
         padding-right: 2em;
         padding-left: 2rem
     }
 }

 @media (min-width:992px) {
     .modal-dialog {
         max-width: 800px
     }

     .modal-body,
     .modal-footer,
     .modal-header {
         padding-right: 3rem;
         padding-left: 3rem
     }
 }

 @media (max-width:479px) {

     .modal-open,
     .modal-open .modal {
         padding-right: 0 !important
     }
 }

 .page-header {
     padding: 5.5rem 0;
     color: #222529;
     background-color: #f4f4f4;
     text-align: center
 }

 .page-header .breadcrumb {
     padding-top: 0.5rem;
     padding-bottom: 0
 }

 .page-header .breadcrumb a {
     color: #08C
 }

 .page-header .breadcrumb a:hover {
     text-decoration: underline
 }

 .page-header .breadcrumb .breadcrumb-item:last-child:before {
     padding-right: 0.8rem
 }

 .breadcrumb-nav+.page-header {
     margin-top: -2rem
 }

 .page-header h1,
 .page-title {
     margin-bottom: 0.4rem;
     font-size: 2.8rem;
     font-weight: 700;
     letter-spacing: -0.05em;
     color: #222529
 }

 @media (min-width:768px) {
     .breadcrumb-nav+.page-header {
         margin-top: -3rem
     }
 }

 @media (min-width:992px) {
     .breadcrumb-nav+.page-header {
         margin-top: -4rem
     }
 }

 .toolbox {
     flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     justify-content: space-between;
     -ms-flex-pack: justify;
     margin-bottom: 1rem;
     font-size: 1.2rem;
     line-height: 1.5
 }

 .toolbox .select-custom:after {
     right: 1.5rem;
     font-size: 1.6rem;
     color: #222529
 }

 .toolbox .select-custom .form-control {
     max-width: 160px;
     padding-right: 2.5rem;
     padding-left: 0.8rem;
     font-size: 1.3rem;
     padding-top: 1px
 }

 .toolbox label {
     margin: 1px 1.1rem 0 0;
     color: #777;
     font-size: 1.3rem;
     font-weight: 400;
     font-family: "Open Sans", sans-serif
 }

 .toolbox .form-control {
     display: inline-block;
     margin-bottom: 0;
     padding: 0 0.8rem;
     color: #777
 }

 .toolbox .form-control:focus {
     color: #777
 }

 .toolbox select.form-control:not([size]):not([multiple]) {
     height: 34px
 }

 .toolbox .toolbox-show .select-custom:after {
     right: 1rem
 }

 .toolbox,
 .toolbox-item,
 .toolbox-left,
 .toolbox-right {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center
 }

 .toolbox-item {
     margin-bottom: 10px
 }

 .toolbox-item:not(:last-child) {
     margin-right: 10px
 }

 .toolbox-item.layout-modes {
     margin-top: -1px
 }

 .toolbox-item.toolbox-sort {
     margin-right: 1.5rem
 }

 .toolbox-item .select-custom {
     margin-bottom: 0
 }

 .toolbox-pagination {
     border-top: 1px solid #efefef;
     padding-top: 2.5rem;
     margin-bottom: 3.5rem
 }

 .pagination {
     flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     color: #706f6c;
     font-size: 1.4rem;
     font-weight: 600;
     font-family: Poppins, sans-serif
 }

 .page-item:not(:first-child) {
     margin-left: 0.5rem
 }

 .page-item.active .page-link {
     color: #706f6c;
     background-color: transparent;
     border-color: #08C
 }

 .page-item.disabled {
     display: none
 }

 .page-link {
     border: 1px solid #ccc;
     padding: 0 0.5em;
     min-width: 2.2em;
     color: inherit;
     line-height: 2.1em;
     text-align: center
 }

 .page-link:focus,
 .page-link:hover {
     color: #706f6c;
     background-color: transparent;
     border-color: #08C;
     box-shadow: none
 }

 .page-link i {
     font-size: 2rem
 }

 .page-link-btn,
 span.page-link {
     border: 0
 }

 .layout-btn {
     display: inline-block;
     width: 1.2em;
     color: #000;
     font-size: 16px;
     line-height: 34px;
     text-align: center
 }

 .layout-btn:not(:last-child) {
     margin-right: 4px
 }

 .layout-btn.active {
     color: #08C
 }

 @media (min-width:992px) {
     .toolbox-pagination {
         margin-bottom: 0
     }
 }

 @media (max-width:991px) {
     aside .toolbox-item {
         display: block
     }

     aside .toolbox-item:after {
         content: normal
     }

     .toolbox:not(.toolbox-pagination) {
         padding: 10px;
         background-color: #f4f4f4;
         margin-bottom: 2rem
     }

     .toolbox:not(.toolbox-pagination) .toolbox-item {
         margin-bottom: 0
     }

     .toolbox label {
         font-size: 11px;
         font-weight: 600;
         color: #222529
     }

     .toolbox .select-custom .form-control {
         font-size: 11px;
         font-weight: 600;
         max-width: 140px;
         text-transform: uppercase;
         color: #222529
     }
 }

 @media (max-width:767px) {
     .toolbox label {
         display: none
     }

     .toolbox .select-custom:after {
         padding: 0
     }
 }

 @media (max-width:575px) {
     .toolbox .layout-modes {
         display: none
     }

     .toolbox .toolbox-show,
     .toolbox .toolbox-sort {
         margin-right: 0
     }

     .toolbox .select-custom .form-control {
         max-width: 132px
     }
 }

 .minipopup-area {
     position: fixed;
     right: 20px;
     bottom: 20px;
     font-size: 1.1em;
     text-align: center;
     z-index: 20002
 }

 .minipopup-box {
     position: absolute;
     right: -100px;
     text-align: left;
     margin: auto auto 20px;
     padding: 20px;
     line-height: 1.4;
     box-shadow: 0 1px 30px rgba(0, 0, 0, 0.08);
     word-break: break-word;
     transform: translateY(-100%);
     width: 300px;
     z-index: 1000;
     background: #fff;
     opacity: 0;
     transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out
 }

 .minipopup-box.active {
     right: 0;
     opacity: 1
 }

 .minipopup-box .product {
     display: flex;
     align-items: center;
     margin-bottom: 20px
 }

 .minipopup-box figure {
     max-width: 60px;
     margin-right: 10px;
     margin-bottom: 0
 }

 .minipopup-box .product-detail {
     font-family: Poppins, sans-serif;
     font-weight: 500
 }

 .minipopup-box .product-detail .product-name {
     display: inline-block;
     color: #222529;
     font-size: 12px;
     font-weight: 700;
     line-height: 1.4em
 }

 .minipopup-box .product-detail .product-name:hover {
     color: #08C
 }

 .minipopup-box .product-detail p {
     font-size: 12px;
     letter-spacing: -0.025em;
     margin-top: 0.5rem;
     margin-bottom: 0
 }

 .minipopup-box .product-action .btn {
     min-width: 120px;
     letter-spacing: 0.025em;
     font-size: 11.2px;
     padding: 11.2px 22.4px
 }

 .minipopup-box .product-action .btn.viewcart {
     background-color: #efefef;
     color: #000
 }

 .minipopup-box .product-action .btn.checkout {
     float: right
 }

 .wishlist-popup {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-width: 4px 0 0;
     font-weight: 600;
     line-height: 1.5;
     padding: 15px 20px;
     width: 250px;
     border-radius: 0;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.35s, visibility 0.35s;
     z-index: 100
 }

 .wishlist-popup .wishlist-popup-msg {
     font-weight: 600;
     line-height: 1.6;
     text-align: center
 }

 .wishlist-popup.active {
     opacity: 1;
     visibility: visible;
     z-index: 1071
 }

 .login-popup .mfp-content {
     margin-top: 2.1rem;
     max-width: 872px;
     background-color: #fff
 }

 .login-popup .btn-regist {
     margin-top: 3.6rem;
     font-size: 1.6rem;
     letter-spacing: -0.025em
 }

 .login-popup .form-footer-right {
     margin-bottom: 0.6rem
 }

 .login-popup .form-input {
     height: 42px
 }

 .login-popup .container {
     padding: 3.9rem 3.6rem 4.7rem
 }

 .login-popup .title {
     font-size: 2.2rem;
     font-weight: 700;
     letter-spacing: -0.01em;
     line-height: 1.45;
     margin-bottom: 0.9rem
 }

 .login-popup form {
     display: block
 }

 .login-popup label {
     color: #777;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     font-weight: 500;
     line-height: 1.57;
     margin-bottom: 0.6rem
 }

 .login-popup .form-footer {
     margin: 1rem 0 2.1rem
 }

 .login-popup .form-footer .custom-control {
     margin: 0 0 0 auto;
     font-size: 1.3rem;
     padding-left: 2.5rem
 }

 .login-popup .forget-password {
     color: #222529;
     font-size: 1.4rem;
     font-family: "Open Sans", sans-serif;
     font-weight: 600
 }

 .login-popup .btn-block {
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 1.5;
     padding: 1.5rem 2.4rem;
     letter-spacing: -0.02em
 }

 .login-popup .form-control {
     padding-left: 2.5rem
 }

 .login-popup .form-control:hover {
     outline: none
 }

 .login-popup .custom-control-label {
     margin-top: 2px;
     font-size: 1.2rem
 }

 .newsletter-popup {
     position: relative;
     max-width: 740px;
     margin-right: auto;
     margin-left: auto;
     padding: 64px 40px;
     border-radius: 0;
     box-shadow: 0 0 50px rgba(0, 0, 0, 0.12)
 }

 .mfp-bg {
     background-color: #777777
 }

 button.mfp-close {
     position: absolute;
     top: 0;
     right: 0;
     overflow: visible;
     opacity: 0.65;
     cursor: pointer;
     background: transparent;
     border: 0;
     text-indent: -9999px;
     transform: rotateZ(45deg);
     color: #838383
 }

 button.mfp-close:hover {
     opacity: 1
 }

 .mfp-image-holder button.mfp-close {
     width: 41px;
     color: #fff;
     text-align: left
 }

 button.mfp-close:after {
     content: "";
     position: absolute;
     height: 17px;
     top: 12px;
     left: 20px;
     border-left: 1px solid
 }

 button.mfp-close:before {
     content: "";
     position: absolute;
     width: 17px;
     top: 20px;
     left: 12px;
     border-top: 1px solid
 }

 .newsletter-popup-content {
     max-width: 357px
 }

 .newsletter-popup-content .form-control {
     height: auto;
     padding: 7px 12px 9px 22px;
     border-radius: 3rem 0 0 3rem;
     font-size: 1.36rem;
     line-height: 2.4;
     border: none;
     background-color: #f4f4f4
 }

 .newsletter-popup-content .form-control::placeholder {
     position: relative;
     top: 2px;
     color: #999
 }

 .newsletter-popup-content .btn {
     margin-left: -1px;
     padding: 0 32px 0 25px;
     border-radius: 0 3rem 3rem 0;
     font-size: 1.28rem;
     font-family: "Open Sans", sans-serif;
     letter-spacing: 0;
     text-align: center;
     text-transform: uppercase
 }

 .logo-newsletter {
     display: inline-block;
     max-width: 111px;
     height: auto
 }

 .newsletter-popup h2 {
     margin: 24px 0 5px;
     color: #313131;
     font-size: 1.8rem;
     font-weight: 700;
     text-transform: uppercase
 }

 .newsletter-popup p {
     font-size: 1.4rem;
     line-height: 1.85;
     letter-spacing: -0.02em;
     margin-bottom: 2.4rem
 }

 .newsletter-popup form {
     margin: 0 0 2.7rem
 }

 .newsletter-popup .custom-control {
     margin: 0 0 4px 1px;
     padding-left: 2.5rem
 }

 .newsletter-subscribe {
     font-size: 1.1rem;
     text-align: left
 }

 .newsletter-subscribe .checkbox {
     margin: 1.5rem 0
 }

 .newsletter-subscribe input {
     margin-right: 0.5rem;
     vertical-align: middle
 }

 .newsletter-subscribe label {
     margin-top: 0.2rem;
     color: inherit;
     font-size: 1.2rem;
     font-weight: 400;
     font-family: "Open Sans", sans-serif;
     text-transform: none
 }

 .mfp-newsletter.mfp-removing {
     transition: opacity 0.35s ease-out;
     opacity: 0
 }

 .mfp-ready .mfp-preloader {
     display: none
 }

 .mfp-zoom-out-cur .mfp-bg {
     opacity: 0.8;
     background-color: #0b0b0b
 }

 .mfp-zoom-out-cur .mfp-counter {
     color: #fff
 }

 .mfp-zoom-out-cur .mfp-arrow-right:before {
     border-left: 0
 }

 .mfp-zoom-out-cur .mfp-arrow-left:before {
     border-right: 0
 }

 .login-popup.mfp-bg,
 .mfp-ajax-product.mfp-bg {
     opacity: 0.6;
     background-color: transparent
 }

 .mfp-ajax-product .product-single-container {
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
 }

 .mfp-wrap .mfp-content {
     transition: all 0.35s ease-out;
     opacity: 0
 }

 .login-popup.mfp-wrap .mfp-content {
     max-width: 525px
 }

 .mfp-ajax-product.mfp-wrap .mfp-content {
     max-width: 931px
 }

 .mfp-wrap.mfp-ready .mfp-content {
     opacity: 1
 }

 .mfp-wrap.mfp-removing .mfp-content {
     opacity: 0
 }

 .mfp-ajax-product {
     z-index: 1058
 }

 .mfp-bg.login-popup,
 .mfp-bg.mfp-newsletter,
 .mfp-wrap.login-popup,
 .mfp-wrap.mfp-newsletter {
     z-index: 1058
 }

 @media (max-width:991px) {
     .mfp-container {
         padding: 0.6rem
     }
 }

 @media (max-width:479px) {
     .minipopup-area {
         right: 10px
     }

     .minipopup-box {
         width: 290px
     }

     .newsletter-popup {
         padding: 54px 30px
     }
 }

 @media (min-width:768px) {
     .login-popup .col-md-6 {
         padding: 0 2rem
     }

     .login-popup .col-md-6:first-child {
         border-right: 1px solid #f5f6f6
     }
 }

 .product-intro.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots {
     margin: 0
 }

 .product-intro.owl-carousel.owl-theme .owl-dots {
     top: -58px;
     position: absolute;
     right: 0
 }

 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot span {
     position: relative;
     display: block;
     width: 14px;
     height: 14px;
     border: 2px solid;
     background: none;
     margin: 5px 2px;
     border-radius: 7px;
     border-color: rgba(0, 68, 102, 0.4);
     transition: opacity 0.2s
 }

 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
     background: none;
     border-color: #08C
 }

 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:before,
 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:before {
     display: none
 }

 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:after,
 .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:after {
     content: "";
     position: absolute;
     left: 3px;
     bottom: 3px;
     right: 3px;
     top: 3px;
     border-radius: 10px;
     background-color: #08C
 }

 .product-intro.owl-carousel.owl-theme .owl-nav {
     color: #333;
     font-size: 2.4rem
 }

 .product-intro.owl-carousel.owl-theme .owl-nav .owl-next,
 .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
     opacity: 0;
     transition: opacity 0.2s, transform 0.4s;
     top: 30%;
     width: 30px
 }

 .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
     text-align: left;
     left: -30px;
     padding-right: 30px;
     transform: translateX(-10px)
 }

 .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
     text-align: right;
     right: -30px;
     padding-left: 30px;
     transform: translateX(10px)
 }

 .product-intro.owl-carousel.owl-theme:hover .owl-next,
 .product-intro.owl-carousel.owl-theme:hover .owl-prev {
     transform: translateX(0);
     opacity: 1
 }

 .product-panel {
     margin-bottom: 3.5rem
 }

 .product-panel .section-title {
     color: #313131;
     padding-bottom: 1rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
     margin-bottom: 2.4rem
 }

 .product-panel .section-title h2 {
     font-weight: 700;
     font-size: 1.6rem;
     font-family: "Open Sans", sans-serif;
     letter-spacing: -0.01em;
     line-height: 22px;
     text-transform: uppercase
 }

 .tooltiptext {
     visibility: hidden;
     position: absolute;
     background-color: #333;
     color: #fff;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     letter-spacing: 0.01em;
     text-align: center;
     padding: 1rem 0.7rem;
     z-index: 1;
     opacity: 0;
     transition: opacity 0.3s;
     bottom: 125%;
     left: 50%;
     transform: translateX(-50%)
 }

 figure .porto-loading-icon {
     position: absolute
 }

 .product-default {
     color: #777;
     margin-bottom: 2rem;
     transition: box-shadow 0.3s ease-in-out
 }

 .product-default a {
     color: inherit;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .product-default a:hover {
     color: #08C;
     text-decoration: none
 }

 .product-default figure {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin-bottom: 1.6rem
 }

 .product-default figure>a:first-child {
     width: 100%;
     height: 100%
 }

 .product-default figure img {
     transition: opacity 0.3s ease-in-out;
     height: auto;
     width: 100%
 }

 .product-default figure img:last-child {
     opacity: 0;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     left: 0
 }

 .product-default figure img:first-child {
     opacity: 1;
     position: relative
 }

 .product-default .label-group {
     position: absolute;
     top: 0.8rem;
     left: 0.8rem
 }

 .product-default .product-label {
     display: block;
     text-align: center;
     margin-bottom: 5px;
     text-transform: uppercase;
     padding: 5px 11px;
     color: #fff;
     font-weight: 600;
     font-size: 10px;
     line-height: 1;
     border-radius: 12px
 }

 .product-default .product-label.label-hot {
     background-color: #2ba968
 }

 .product-default .product-label.label-sale {
     background-color: #da5555
 }

 .product-default .product-label.label-number {
     display: flex;
     position: relative;
     padding: 0;
     margin-left: auto;
     margin-right: auto;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     font-size: 1.6rem;
     background-color: #08C;
     color: #fff
 }

 .product-default .product-label.label-number span {
     margin-left: 1px
 }

 .product-default .product-details {
     display: flex;
     display: -ms-flexbox;
     padding: 0 0.8rem;
     flex-direction: column;
     -ms-flex-direction: column;
     align-items: center;
     -ms-flex-align: center;
     justify-content: center;
     -ms-flex-pack: center
 }

 .product-default .category-wrap {
     width: 100%;
     white-space: nowrap
 }

 .product-default .category-list {
     text-align: center;
     font-weight: 400;
     font-size: 1rem;
     font-family: "Open Sans", sans-serif;
     line-height: 1.7;
     opacity: 0.8;
     text-transform: uppercase;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .product-default .product-title {
     max-width: 100%;
     font-weight: 400;
     font-size: 1.5rem;
     font-family: Poppins, sans-serif;
     line-height: 1.35;
     letter-spacing: 0.005em;
     margin-bottom: 0.4rem
 }

 .product-default .product-title a {
     display: block
 }

 .product-default .title-wrap .product-title {
     text-overflow: ellipsis;
     overflow: hidden;
     width: calc(100% - 20px);
     margin-bottom: 0.5rem
 }

 .product-default .title-wrap .btn-icon-wish {
     margin-top: -2px
 }

 .product-default .product-action {
     position: relative;
     margin-bottom: 1.5rem;
     color: #333;
     text-align: center
 }

 .product-default .btn-add-cart,
 .product-default .btn-icon-wish,
 .product-default .btn-quickview {
     border: 1px solid #f4f4f4;
     background: #f4f4f4;
     color: #6f6e6b;
     line-height: 34px
 }

 .product-default .btn-icon-wish,
 .product-default .btn-quickview {
     display: inline-block;
     position: absolute;
     top: 0;
     margin: 0 2px;
     width: 36px;
     height: 36px;
     font-size: 1.6rem;
     text-align: center;
     opacity: 0;
     transition: all 0.25s ease
 }

 .product-default .btn-icon-wish.checked,
 .product-default .btn-quickview.checked {
     color: #e27c7c
 }

 .product-default .btn-icon-wish.checked i:before,
 .product-default .btn-quickview.checked i:before {
     content: ""
 }

 .product-default .btn-icon-wish:hover,
 .product-default .btn-quickview:hover {
     color: #333
 }

 .product-default .btn-icon-wish {
     left: 0
 }

 .product-default .btn-icon-wish.added-wishlist i:before {
     content: "";
     color: #da5555
 }

 .product-default .btn-quickview {
     font-size: 1.4rem;
     right: 0
 }

 .product-default:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i {
     display: none
 }

 .product-default .btn-add-cart {
     display: inline-block;
     padding: 0 1.4rem;
     font-size: 1.2rem;
     font-weight: 600;
     font-family: Poppins, sans-serif;
     text-align: center;
     vertical-align: top;
     cursor: pointer;
     transition: all 0.25s ease
 }

 .product-default .btn-add-cart i {
     font-size: 1.5rem;
     line-height: 32px
 }

 .product-default .btn-add-cart i:before {
     margin: 0 4px 0 0;
     font-weight: 800
 }

 .product-default.product-unfold .btn-add-cart i {
     display: inline-block
 }

 .product-default.product-unfold .btn-icon-wish,
 .product-default.product-unfold .btn-quickview {
     position: relative
 }

 .product-default.product-unfold:hover .product-action a.btn-quickview {
     right: 0
 }

 .product-default.product-unfold:hover .product-action a.btn-icon-wish {
     left: 0
 }

 .product-default:hover {
     z-index: 1;
     box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.08);
     transition: box-shadow 0.3s ease-in-out
 }

 .product-default:hover figure img:first-child {
     opacity: 0;
     transition: opacity 0.3s ease-in-out
 }

 .product-default:hover figure img:last-child {
     opacity: 1;
     transition: opacity 0.3s ease-in-out
 }

 .product-default:hover .btn-add-cart {
     background: #2b2b2d;
     border-color: #2b2b2d;
     color: #fff
 }

 .product-default:hover .btn-add-cart.product-type-simple i {
     display: inline-block
 }

 .product-default:hover .product-action a {
     opacity: 1
 }

 .product-default:hover .product-action a.btn-icon-wish {
     left: -40px
 }

 .product-default:hover .product-action a.btn-quickview {
     right: -40px
 }

 .tooltip-top:after {
     content: "";
     position: absolute;
     top: 96%;
     left: 50%;
     margin-left: -6px;
     border-width: 6px;
     border-style: solid;
     border-color: #333 transparent transparent transparent
 }

 .old-price {
     text-decoration: line-through;
     font-size: 1.4rem;
     letter-spacing: 0.005em;
     color: #999;
     margin-right: 3px
 }

 .product-price {
     color: #222529;
     font-size: 1.8rem;
     line-height: 1
 }

 .price-box {
     margin-bottom: 1.4rem;
     font-weight: 600;
     font-family: "Open Sans", sans-serif;
     line-height: 1
 }

 .ratings-container {
     line-height: 1;
     margin: 0 0 12px 1px;
     cursor: pointer;
     position: relative;
     display: inline-block
 }

 .ratings-container .product-ratings,
 .ratings-container .ratings {
     position: relative;
     display: inline-block;
     font-size: 11px;
     letter-spacing: 0.1em;
     font-family: "Font Awesome 5 Free";
     font-weight: 900
 }

 .ratings-container .product-ratings {
     height: 11px
 }

 .ratings-container .product-ratings:before {
     content: "";
     color: rgba(0, 0, 0, 0.16)
 }

 .ratings-container .product-ratings:hover .tooltiptext {
     visibility: visible;
     opacity: 1
 }

 .ratings-container .ratings {
     position: absolute;
     top: 0;
     left: 0;
     white-space: nowrap;
     overflow: hidden
 }

 .ratings-container .ratings:before {
     content: "";
     color: #6a6a6d
 }

 .product-select-group {
     display: flex;
     display: -ms-flexbox
 }

 .product-select {
     margin: 0 4px 0 0;
     cursor: pointer
 }

 .product-select.type-image {
     width: 32px;
     height: 32px;
     background-size: contain;
     border: 1px solid rgba(0, 0, 0, 0.09)
 }

 .product-select.type-image.checked,
 .product-select.type-image.hover {
     border: 1px solid #08C
 }

 .product-select.type-check {
     margin: 5px;
     overflow: visible;
     display: block;
     position: relative;
     width: 12px;
     height: 12px;
     border-radius: 50%
 }

 .product-select.type-check:after {
     content: "";
     background-color: transparent;
     border: 1px solid black;
     position: absolute;
     left: -3px;
     top: -3px;
     border-radius: 50%;
     width: 18px;
     display: block;
     height: 18px
 }

 .product-select.type-check.checked:before {
     font-size: 8px;
     content: "";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     -webkit-font-smoothing: antialiased;
     text-indent: 0;
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     color: #fff;
     height: 12px;
     line-height: 12px;
     margin-top: -6px;
     text-align: center
 }

 .product-nav-filter {
     display: flex;
     align-items: center
 }

 .product-nav-thumbs a,
 .product-nav-thumbs span {
     margin-right: 0.6rem;
     width: 32px;
     height: 32px;
     text-indent: -9999px;
     background-repeat: no-repeat;
     background-size: cover;
     background-color: transparent !important;
     border: 1px solid #e9e9e9;
     transition: border-color 0.35s
 }

 .product-nav-thumbs a:hover,
 .product-nav-thumbs span:hover {
     border-color: #1d70ba
 }

 .product-nav-dots {
     padding-top: 2px
 }

 .product-nav-dots a,
 .product-nav-dots span {
     display: block;
     width: 1.6rem;
     height: 1.6rem;
     border-radius: 50%;
     border: 0.2rem solid #fff;
     margin-right: 0.6rem;
     transition: box-shadow 0.35s ease;
     box-shadow: 0 0 0 0.1rem #999
 }

 .product-nav-dots a.active,
 .product-nav-dots a:hover,
 .product-nav-dots span.active,
 .product-nav-dots span:hover {
     box-shadow: 0 0 0 0.1rem #222529
 }

 .product-single-qty {
     display: inline-block;
     max-width: 104px;
     vertical-align: middle
 }

 .product-single-qty .bootstrap-touchspin.input-group {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     max-width: none;
     padding-right: 0
 }

 .product-single-qty .bootstrap-touchspin .form-control {
     width: 2.7em;
     height: 36px;
     padding: 10px 2px;
     color: #222529;
     font-size: 1.4rem;
     font-family: Poppins, sans-serif;
     text-align: center
 }

 .product-single-qty .bootstrap-touchspin .form-control,
 .product-single-qty .bootstrap-touchspin .form-control:not(:focus),
 .product-single-qty .btn-outline:not(:disabled):not(.disabled):active {
     border-color: #dae2e6
 }

 .product-single-qty .btn {
     width: 2.2em;
     padding: 0
 }

 .product-single-qty .btn.btn-down-icon:hover:after,
 .product-single-qty .btn.btn-down-icon:hover:before,
 .product-single-qty .btn.btn-up-icon:hover:after,
 .product-single-qty .btn.btn-up-icon:hover:before {
     background-color: #08C
 }

 .product-single-qty .btn.btn-outline {
     border-color: #e7e7e7
 }

 .product-single-qty .btn.btn-down-icon:after,
 .product-single-qty .btn.btn-up-icon:after,
 .product-single-qty .btn.btn-up-icon:before {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 9px;
     height: 1px;
     margin-left: -0.55rem;
     background: #222529;
     content: ""
 }

 .product-single-qty .btn.btn-up-icon:before {
     transform: rotate(90deg)
 }

 .product-single-qty .horizontal-quantity::-webkit-inner-spin-button,
 .product-single-qty .horizontal-quantity::-webkit-outer-spin-button {
     -webkit-appearance: none
 }

 .config-swatch-list {
     margin: 1.5rem 0 0;
     padding: 0;
     font-size: 0;
     list-style: none
 }

 .config-swatch-list li a {
     position: relative;
     display: block;
     width: 2.8rem;
     height: 2.8rem;
     margin: 3px 6px 3px 0;
     box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2)
 }

 .config-swatch-list li .color-panel {
     display: inline-block;
     width: 1.7rem;
     height: 1.7rem;
     border: 1px solid #fff;
     transition: all 0.3s;
     margin-right: 1.5rem
 }

 .config-swatch-list li span:last-child {
     cursor: pointer
 }

 .config-swatch-list li:hover span:last-child {
     color: #08C
 }

 .config-swatch-list li.active a:before {
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     color: #fff;
     font-family: "porto";
     font-size: 1.1rem;
     line-height: 1;
     content: ""
 }

 .config-swatch-list a:focus .color-panel,
 .config-swatch-list a:hover .color-panel,
 .config-swatch-list li.active .color-panel {
     box-shadow: 0 0 0 0.1rem #dfdfdf
 }

 .modal#addCartModal {
     width: 340px;
     top: calc((100% - 320px) / 2);
     left: calc((100% - 320px) / 2);
     padding: 10px !important;
     overflow: hidden
 }

 .modal#addCartModal .modal-dialog {
     margin: 0
 }

 .modal#addCartModal .modal-content {
     margin: 0;
     border: none;
     box-shadow: none
 }

 .add-cart-box {
     padding: 19px 10px 20px !important;
     border-top: 4px solid #08C;
     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)
 }

 .add-cart-box h4 {
     font-weight: 500;
     color: #08C;
     margin-bottom: 1.8rem
 }

 .add-cart-box img {
     margin: 0 auto 10px;
     width: 120px
 }

 .add-cart-box .btn-actions {
     display: flex;
     display: -ms-flexbox;
     justify-content: space-around;
     -ms-flex-pack: distribute
 }

 .add-cart-box .btn-actions .btn-primary {
     width: 140px;
     padding: 8px 0;
     font: 500 16px "Open Sans", sans-serif;
     border: none;
     cursor: pointer
 }

 .add-cart-box .btn-actions .btn-primary:active,
 .add-cart-box .btn-actions .btn-primary:active:focus,
 .add-cart-box .btn-actions .btn-primary:focus {
     outline: none;
     border: none;
     box-shadow: none
 }

 .divide-line>.col-1:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-1:nth-child(12n) {
     border-right: none
 }

 .divide-line>.col-2:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-2:nth-child(6n) {
     border-right: none
 }

 .divide-line>.col-3:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-3:nth-child(4n) {
     border-right: none
 }

 .divide-line>.col-4:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-4:nth-child(3n) {
     border-right: none
 }

 .divide-line>.col-5:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-5:nth-child(2n) {
     border-right: none
 }

 .divide-line>.col-6:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-6:nth-child(2n) {
     border-right: none
 }

 .divide-line>.col-7:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-7:nth-child(1n) {
     border-right: none
 }

 .divide-line>.col-8:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-8:nth-child(1n) {
     border-right: none
 }

 .divide-line>.col-9:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-9:nth-child(1n) {
     border-right: none
 }

 .divide-line>.col-10:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-10:nth-child(1n) {
     border-right: none
 }

 .divide-line>.col-11:nth-child(n) {
     border-right: 1px solid rgba(0, 0, 0, 0.09);
     border-bottom: 1px solid rgba(0, 0, 0, 0.09)
 }

 .divide-line>.col-11:nth-child(1n) {
     border-right: none
 }

 .divide-line:not(.up-effect) .product-default .btn-quickview {
     width: calc(100% - 30px);
     margin: 0 15px
 }

 .divide-line:not(.up-effect) .product-default .product-details {
     padding: 0 1.5rem
 }

 .divide-line.up-effect {
     margin-top: -2rem
 }

 .divide-line.up-effect .product-default {
     padding-top: 5rem;
     margin: 0;
     transition: 0.3s
 }

 .divide-line.up-effect .product-default .product-action {
     transition: 0.3s;
     opacity: 0
 }

 .divide-line.up-effect .product-default:hover {
     padding-top: 1rem;
     padding-bottom: 4rem
 }

 .divide-line.up-effect .product-default:hover .product-action {
     opacity: 1
 }

 .divide-line .product-default {
     margin-bottom: 0
 }

 .divide-line .product-default:hover {
     box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1)
 }

 .divide-line .product-default:hover figure {
     box-shadow: none
 }

 .inner-quickview figure {
     position: relative
 }

 .inner-quickview figure .btn-quickview {
     position: absolute;
     padding: 0.8rem 1.4rem;
     bottom: 0;
     left: 0;
     width: 100%;
     height: auto;
     color: #fff;
     background-color: #08C;
     font-size: 1.3rem;
     font-weight: 400;
     letter-spacing: 0.025em;
     font-family: Poppins, sans-serif;
     text-transform: uppercase;
     visibility: hidden;
     opacity: 0;
     transform: none;
     margin: 0;
     border: none;
     line-height: 1.82;
     transition: padding-top 0.2s, padding-bottom 0.2s;
     z-index: 2
 }

 .inner-quickview figure .btn-quickview:hover {
     color: #fff;
     opacity: 1
 }

 .inner-quickview .product-details {
     align-items: flex-start;
     -ms-flex-align: start
 }

 .inner-quickview .category-wrap,
 .inner-quickview .title-wrap {
     display: flex;
     display: -ms-flexbox;
     justify-content: space-between;
     -ms-flex-pack: justify;
     align-items: center;
     -ms-flex-align: center;
     width: 100%
 }

 .inner-quickview .category-wrap .btn-icon-wish,
 .inner-quickview .title-wrap .btn-icon-wish {
     transform: none;
     opacity: 1;
     width: auto;
     height: auto;
     border: none;
     overflow: visible;
     font-size: 1.5rem;
     line-height: 0
 }

 .inner-quickview .category-list {
     text-align: left
 }

 .inner-quickview .category-wrap .btn-icon-wish {
     font-size: 1.6rem;
     padding-top: 1px
 }

 .inner-quickview:hover .btn-quickview {
     visibility: visible;
     opacity: 0.85
 }

 .inner-icon {
     position: relative;
     margin-bottom: 1.9rem
 }

 .inner-icon:not(.product-widget) .product-details {
     padding: 0
 }

 .inner-icon .category-list {
     text-align: left;
     text-overflow: ellipsis;
     overflow: hidden;
     width: calc(100% - 20px)
 }

 .inner-icon .product-title {
     font-family: Poppins, sans-serif;
     letter-spacing: -0.01em
 }

 .inner-icon .ratings-container {
     margin-left: 0
 }

 .inner-icon .price-box {
     margin-bottom: 1.5rem;
     font-family: "Open Sans", sans-serif
 }

 .inner-icon .btn-icon-group {
     z-index: 2
 }

 .inner-icon .btn-icon-wish,
 .inner-icon .btn-quickview {
     top: auto
 }

 .inner-icon .btn-icon-wish {
     left: auto;
     right: 0
 }

 .inner-icon:not(.product-widget):hover {
     box-shadow: none
 }

 .inner-icon:not(.product-widget):hover figure .btn-quickview {
     padding-top: 1.2rem;
     padding-bottom: 1.3rem;
     transition: padding-top 0.2s, padding-bottom 0.2s, opacity 0.2s
 }

 .inner-icon .btn-add-cart,
 .inner-icon .btn-icon-wish,
 .inner-icon .btn-quickview {
     background-color: transparent
 }

 .inner-icon figure {
     position: relative
 }

 .inner-icon figure .btn-icon-group {
     position: absolute;
     top: 1.5rem;
     right: 1.5rem
 }

 .inner-icon figure .btn-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #ddd;
     border-radius: 50%;
     margin: 0 0 5px;
     width: 36px;
     height: 36px;
     padding: 0;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s, background-color 0.3s, color 0.3s, border-color 0.3s;
     transform: none
 }

 .inner-icon figure .btn-icon i:not(.fa):before {
     font-weight: 400
 }

 .inner-icon figure .btn-icon .fa {
     font-size: 12px;
     font-weight: 600
 }

 .inner-icon figure .btn-icon i {
     font-size: 1.6rem;
     margin-bottom: 0
 }

 .inner-icon figure .btn-icon i:before {
     margin: 0
 }

 .inner-icon figure .btn-icon i.icon-bag {
     font-size: 1.8rem
 }

 .inner-icon figure .btn-icon:hover {
     background-color: #08C;
     border-color: #08C;
     color: #fff
 }

 .inner-icon:hover .btn-icon {
     background-color: #fff;
     border-color: #ddd;
     color: black;
     visibility: visible;
     opacity: 1;
     overflow: hidden
 }

 .left-details .product-details {
     -ms-flex-align: start;
     align-items: flex-start
 }

 .left-details .btn-add-cart,
 .left-details .btn-icon-wish,
 .left-details .btn-quickview {
     background-color: #f4f4f4;
     border-color: #f4f4f4;
     color: black
 }

 .left-details .btn-icon-wish,
 .left-details .btn-quickview {
     transform: none
 }

 .left-details .btn-add-cart {
     margin-left: 0;
     padding: 0 1.5rem
 }

 .hidden-description {
     position: relative
 }

 .hidden-description:hover figure {
     box-shadow: none
 }

 .hidden-description:hover .btn-add-cart {
     background-color: #f4f4f4;
     position: absolute
 }

 .hidden-description:hover .product-details {
     opacity: 1;
     transform: translateY(0)
 }

 .hidden-description:hover .product-action a.btn-quickview {
     left: 0
 }

 .hidden-description figure {
     margin-bottom: 0
 }

 .hidden-description figure .btn-icon-group {
     top: 1rem;
     right: 1rem
 }

 .hidden-description .product-details {
     position: absolute;
     width: 100%;
     bottom: 46px;
     background-color: #fff;
     border-top: 1px solid rgba(0, 0, 0, 0.09);
     opacity: 0;
     transform: translateY(5px);
     transition: all 0.3s ease
 }

 .hidden-description.product-default .product-details {
     padding: 1rem
 }

 .hidden-description .product-action {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     margin-bottom: 0
 }

 .hidden-description .btn-quickview {
     transform: none;
     background-color: #08C;
     color: #fff;
     width: 50%;
     margin: 0;
     border: none;
     height: 45px;
     left: 0;
     font-size: 1.3rem;
     font-weight: 400;
     letter-spacing: 0.025em;
     font-family: Poppins, sans-serif;
     text-transform: uppercase;
     line-height: 45px
 }

 .hidden-description:hover .product-action .btn-quickview {
     opacity: 0.85
 }

 .hidden-description:hover .product-action .btn-quickview:hover {
     opacity: 1;
     color: #fff
 }

 .hidden-description .btn-add-cart {
     position: absolute;
     z-index: 3;
     justify-content: center;
     margin: 0;
     width: 50%;
     height: 45px;
     border: none;
     background: #f4f4f4;
     font-size: 1.3rem;
     font-weight: 400;
     letter-spacing: 0.025em;
     font-family: Poppins, sans-serif;
     text-transform: uppercase;
     line-height: 45px
 }

 .hidden-description .btn-add-cart:hover {
     background-color: #0085c7;
     color: #fff
 }

 .full-width {
     padding-left: 10px;
     padding-right: 10px;
     margin: 0;
     display: flex;
     flex-wrap: wrap
 }

 .full-width [class*=col-] {
     padding-right: 10px;
     padding-left: 10px
 }

 .no-gaps {
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     padding-right: 0
 }

 .no-gaps [class*=col-] {
     padding-right: 0;
     padding-left: 0
 }

 .no-gaps .product-details {
     padding: 0 1rem
 }

 .no-gaps .product-default {
     margin-bottom: 0
 }

 .no-gaps .product-default:nth-child(2n) figure>a:first-child:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(33, 37, 41, 0.01)
 }

 .inner-icon-inline figure .btn-icon-group {
     display: flex;
     flex-direction: row
 }

 .inner-icon-inline figure .btn-icon {
     margin-left: 5px
 }

 .product-overlay figure {
     margin: 0
 }

 .product-overlay figure>a:first-child:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(27, 27, 23, 0);
     transition: all 0.25s
 }

 .product-overlay figure .btn-icon-group,
 .product-overlay figure .btn-quickview {
     z-index: 1
 }

 .product-overlay figure .btn-icon {
     border-color: #fff;
     border-width: 2px;
     color: #fff;
     background-color: #4d4d4a;
     opacity: 0
 }

 .product-overlay figure .btn-icon-wish {
     position: relative
 }

 .product-overlay figure .btn-add-cart i {
     display: inline-block
 }

 .product-overlay .product-details {
     align-items: center;
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     opacity: 0;
     transform: scale(0.8);
     transition: all 0.4s
 }

 .product-overlay .product-details .product-category,
 .product-overlay .product-details .product-price,
 .product-overlay .product-details .product-title a {
     color: #fff
 }

 .product-overlay .product-details a:hover {
     color: #08C
 }

 .product-overlay .product-details .ratings-container .product-ratings:before {
     color: rgba(255, 255, 255, 0.6)
 }

 .product-overlay .product-details .ratings-container .ratings:before {
     color: #fff
 }

 .product-overlay .product-details .price-box {
     margin-bottom: 0
 }

 .product-overlay .product-details .category-list {
     text-align: center;
     width: 100%
 }

 .product-overlay:hover figure,
 .product-overlay:nth-child(2n):hover figure {
     box-shadow: none
 }

 .product-overlay:hover figure>a:first-child:after,
 .product-overlay:nth-child(2n):hover figure>a:first-child:after {
     background-color: rgba(27, 27, 23, 0.6)
 }

 .product-overlay:hover figure .btn-icon,
 .product-overlay:hover figure .btn-quickview,
 .product-overlay:nth-child(2n):hover figure .btn-icon,
 .product-overlay:nth-child(2n):hover figure .btn-quickview {
     opacity: 0.85;
     visibility: visible
 }

 .product-overlay:hover figure .btn-icon:hover,
 .product-overlay:hover figure .btn-quickview:hover,
 .product-overlay:nth-child(2n):hover figure .btn-icon:hover,
 .product-overlay:nth-child(2n):hover figure .btn-quickview:hover {
     opacity: 1
 }

 .product-overlay:hover figure .btn-icon,
 .product-overlay:nth-child(2n):hover figure .btn-icon {
     border-color: #fff;
     border-width: 2px;
     color: #fff;
     background-color: #4d4d4a;
     opacity: 0.85
 }

 .product-overlay:hover .product-details,
 .product-overlay:nth-child(2n):hover .product-details {
     opacity: 1;
     transform: scale(1)
 }

 .overlay-dark figure {
     margin: 0
 }

 .overlay-dark figure>a:first-child:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(27, 27, 23, 0.3);
     transition: all 0.25s
 }

 .overlay-dark figure .btn-icon-group,
 .overlay-dark figure .btn-quickview {
     z-index: 1
 }

 .overlay-dark figure .btn-icon {
     border-color: #fff;
     border-width: 2px;
     color: #fff;
     background-color: #4d4d4a;
     opacity: 0;
     margin-left: 8px
 }

 .overlay-dark figure .btn-quickview {
     border: 2px solid #fff;
     background-color: #4d4d4a;
     border-radius: 2rem;
     padding: 1rem 2.3rem;
     width: auto;
     height: auto;
     left: 50%;
     bottom: 50%;
     transform: translate(-50%, 50%);
     opacity: 0;
     transition: all 0.1s
 }

 .overlay-dark .product-details {
     position: absolute;
     width: 100%;
     left: 2rem;
     bottom: 4rem;
     opacity: 0;
     transform: translateY(10px);
     transition: all 0.4s
 }

 .overlay-dark .product-details .product-category,
 .overlay-dark .product-details .product-price,
 .overlay-dark .product-details .product-title a {
     color: #fff
 }

 .overlay-dark .product-details a:hover {
     color: #08C
 }

 .overlay-dark .product-details .ratings-container .product-ratings:before {
     color: rgba(255, 255, 255, 0.6)
 }

 .overlay-dark .product-details .price-box {
     margin-bottom: 0
 }

 .overlay-dark:hover figure,
 .overlay-dark:nth-child(2n):hover figure {
     box-shadow: none
 }

 .overlay-dark:hover figure>a:first-child:after,
 .overlay-dark:nth-child(2n):hover figure>a:first-child:after {
     background-color: rgba(27, 27, 23, 0.7)
 }

 .overlay-dark:hover figure .btn-icon,
 .overlay-dark:hover figure .btn-quickview,
 .overlay-dark:nth-child(2n):hover figure .btn-icon,
 .overlay-dark:nth-child(2n):hover figure .btn-quickview {
     opacity: 0.85
 }

 .overlay-dark:hover figure .btn-icon:hover,
 .overlay-dark:hover figure .btn-quickview:hover,
 .overlay-dark:nth-child(2n):hover figure .btn-icon:hover,
 .overlay-dark:nth-child(2n):hover figure .btn-quickview:hover {
     background-color: #4d4d4a;
     opacity: 1
 }

 .overlay-dark:hover figure .btn-icon,
 .overlay-dark:nth-child(2n):hover figure .btn-icon {
     border-color: #fff;
     border-width: 2px;
     color: #fff;
     background-color: #4d4d4a;
     opacity: 0.85
 }

 .overlay-dark:hover .product-details,
 .overlay-dark:nth-child(2n):hover .product-details {
     opacity: 1;
     transform: translateY(0)
 }

 .creative-grid {
     margin-left: -10px;
     margin-right: -10px
 }

 .creative-grid .product-default {
     padding: 0 10px 20px;
     margin-bottom: 0
 }

 .creative-grid .product-default .btn-add-cart i {
     display: inline-block
 }

 .creative-grid figure {
     height: 100%
 }

 .creative-grid figure img {
     height: 100%;
     object-fit: cover
 }

 .creative-grid .overlay-dark figure .btn-quickview {
     padding: 8px 15px;
     max-width: 128px;
     max-height: 41px;
     border-radius: 5rem
 }

 .creative-grid .inner-icon:not(.product-widget):hover figure .btn-quickview {
     padding-top: 7px
 }

 .creative-grid .grid-height-1-2 {
     height: 300px
 }

 .creative-grid .grid-height-1 {
     height: 600px
 }

 .creative-grid .grid-col-sizer {
     width: 25%
 }

 .creative-grid .btn-icon-wish {
     position: relative
 }

 .inner-btn figure .btn-icon-group {
     top: auto;
     left: auto;
     right: 1.5rem;
     bottom: 1.5rem
 }

 .inner-btn figure .btn-icon {
     position: relative;
     margin-bottom: 0
 }

 .inner-btn figure .btn-quickview {
     background-color: #fff
 }

 .inner-btn figure .btn-quickview i {
     font-size: 1.4rem
 }

 .inner-btn figure .btn-add-cart i {
     display: inline-block
 }

 .quantity-input .product-details {
     align-items: center
 }

 .quantity-input .product-single-qty {
     margin: 0 0 1rem
 }

 .quantity-input .btn-add-cart {
     margin: 0 0 1rem 2px
 }

 .quantity-input .btn-add-cart:hover {
     background-color: #08C;
     border-color: #08C;
     color: #fff
 }

 .quantity-input .category-list {
     text-align: center
 }

 .product-list {
     display: flex;
     display: -ms-flexbox;
     align-items: center
 }

 .product-list:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i {
     display: block
 }

 .product-list .product-action {
     margin-bottom: 0
 }

 .product-list:hover .btn-icon {
     padding-right: 0.8rem;
     transition: 0.35s
 }

 .product-list:hover .btn-icon i {
     opacity: 1;
     transition: 0.35s
 }

 .product-list:hover .btn-icon span {
     padding-left: 1.3rem;
     transition: 0.35s
 }

 .product-list figure {
     max-width: 250px;
     margin-right: 1.2rem;
     margin-bottom: 0
 }

 .product-list figure img {
     object-fit: cover;
     height: 100%
 }

 .product-list .product-details {
     padding-top: 3px;
     max-width: calc(100% - 270px)
 }

 .product-list .product-title {
     margin-bottom: 0.6rem;
     font-weight: 600;
     font-size: 1.8rem;
     font-family: "Open Sans", sans-serif
 }

 .product-list .ratings-container {
     margin: 0 0 10px 0px
 }

 .product-list .product-description {
     display: -webkit-box;
     margin-bottom: 1.6rem;
     max-width: 100%;
     font-weight: 400;
     font-size: 1.4rem;
     font-family: "Open Sans", sans-serif;
     line-height: 24px;
     overflow: hidden;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical
 }

 .product-list .price-box {
     margin-bottom: 1.6rem
 }

 .product-list .category-list {
     margin-bottom: -1px
 }

 .product-list .btn-add-cart {
     margin: 0 3px 5px 0;
     padding: 0 1.4rem;
     background-color: #08C;
     border-color: #08C;
     color: #fff
 }

 .product-list .btn-icon {
     position: relative;
     transition: 0.35s
 }

 .product-list .btn-icon i {
     position: absolute;
     display: inline-block;
     opacity: 0;
     left: 8px;
     transition: 0.35s
 }

 .product-list .btn-icon i:before {
     margin: 0;
     line-height: 1;
     font-weight: 800
 }

 .product-list .btn-icon i.fa {
     top: 26%
 }

 .product-list .btn-icon span {
     display: inline-block;
     transition: 0.35s
 }

 .product-list .btn-icon-wish,
 .product-list .btn-quickview {
     position: static;
     opacity: 1;
     background-color: #f4f4f4;
     border: 1px solid #f4f4f4;
     color: #333333;
     margin: 0 0 5px;
     line-height: 32px
 }

 .product-list .btn-icon-wish {
     position: relative
 }

 .product-list:hover {
     box-shadow: none
 }

 .product-list:hover figure {
     box-shadow: none
 }

 .product-list:hover .product-action a.btn-icon-wish {
     left: 0
 }

 .product-widget {
     display: flex;
     display: -ms-flexbox;
     margin-bottom: 1.6rem
 }

 .product-widget figure {
     max-width: 84px;
     margin-right: 1rem;
     margin-bottom: 0
 }

 .product-widget figure img {
     object-fit: cover;
     height: 100%
 }

 .product-widget .ratings-container {
     margin-bottom: 1rem
 }

 .product-widget .product-details {
     margin-bottom: 2px;
     max-width: calc(100% - 104px)
 }

 .product-widget .product-title {
     margin-bottom: 0.5rem;
     font-size: 1.4rem
 }

 .product-widget .price-box {
     margin-bottom: 0
 }

 .product-widget .product-price {
     font-size: 1.5rem
 }

 .product-widget .old-price {
     font-size: 1.2rem
 }

 .product-widget:hover,
 .product-widget:hover figure {
     box-shadow: none
 }

 .row-joined.product-nogap .product-details {
     padding: 0 1rem
 }

 .row-joined.product-nogap .product-details .category-wrap {
     position: relative
 }

 .product-quick-view {
     padding: 3rem;
     background-color: #fff
 }

 .product-quick-view .product-single-filter label {
     margin-right: 0
 }

 .product-quick-view .product-single-details .product-title {
     width: 100%
 }

 .product-quick-view .view-cart {
     padding: 13px 10px;
     font-size: 0.8em;
     font-weight: 700;
     text-transform: uppercase;
     text-decoration: underline
 }

 .product-quick-view .product-single-details .product-single-filter:last-child {
     margin-left: -1px
 }

 .image-bg-white {
     filter: brightness(1.08)
 }

 .post-slider>.owl-stage-outer,
 .products-slider>.owl-stage-outer {
     margin: -10px -20px;
     padding: 10px 20px
 }

 @media (max-width:1280px) {

     .post-slider>.owl-stage-outer,
     .products-slider>.owl-stage-outer {
         margin: -10px -15px;
         padding: 10px 15px
     }
 }

 .modal-backdrop.show {
     opacity: 0
 }

 @media (max-width:1200px) {
     .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
         left: 10px
     }

     .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
         right: 10px
     }
 }

 @media (max-width:1159px) {
     .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
         left: -30px
     }

     .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
         right: -30px
     }
 }

 @media (max-width:1000px) {
     .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
         left: 10px
     }

     .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
         right: 10px
     }
 }

 @media (min-width:576px) {
     .divide-line>.col-sm-1:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-1:nth-child(12n) {
         border-right: none
     }

     .divide-line>.col-sm-2:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-2:nth-child(6n) {
         border-right: none
     }

     .divide-line>.col-sm-3:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-3:nth-child(4n) {
         border-right: none
     }

     .divide-line>.col-sm-4:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-4:nth-child(3n) {
         border-right: none
     }

     .divide-line>.col-sm-5:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-5:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-sm-6:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-6:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-sm-7:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-7:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-sm-8:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-8:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-sm-9:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-9:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-sm-10:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-10:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-sm-11:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-sm-11:nth-child(1n) {
         border-right: none
     }
 }

 @media (min-width:768px) {
     .divide-line>.col-md-1:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-1:nth-child(12n) {
         border-right: none
     }

     .divide-line>.col-md-2:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-2:nth-child(6n) {
         border-right: none
     }

     .divide-line>.col-md-3:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-3:nth-child(4n) {
         border-right: none
     }

     .divide-line>.col-md-4:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-4:nth-child(3n) {
         border-right: none
     }

     .divide-line>.col-md-5:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-5:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-md-6:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-6:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-md-7:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-7:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-md-8:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-8:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-md-9:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-9:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-md-10:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-10:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-md-11:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-md-11:nth-child(1n) {
         border-right: none
     }

     .product-quick-view .product-single-details {
         position: absolute;
         right: 0;
         height: 100% !important;
         overflow-y: auto
     }

     .product-quick-view .product-single-details::-webkit-scrollbar {
         height: 10px;
         width: 3px
     }

     .product-quick-view .product-single-details::-webkit-scrollbar-thumb {
         background: #ebebeb;
         border-radius: 10px;
         position: absolute
     }

     .product-quick-view .product-single-details::-webkit-scrollbar-track {
         background: #fff;
         border-radius: 10px;
         margin: 8px;
         width: 100%
     }
 }

 @media (min-width:992px) {
     .divide-line>.col-lg-1:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-1:nth-child(12n) {
         border-right: none
     }

     .divide-line>.col-lg-2:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-2:nth-child(6n) {
         border-right: none
     }

     .divide-line>.col-lg-3:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-3:nth-child(4n) {
         border-right: none
     }

     .divide-line>.col-lg-4:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-4:nth-child(3n) {
         border-right: none
     }

     .divide-line>.col-lg-5:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-5:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-lg-6:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-6:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-lg-7:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-7:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-lg-8:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-8:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-lg-9:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-9:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-lg-10:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-10:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-lg-11:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-lg-11:nth-child(1n) {
         border-right: none
     }
 }

 @media (min-width:1200px) {
     .divide-line>.col-xl-1:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-1:nth-child(12n) {
         border-right: none
     }

     .divide-line>.col-xl-2:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-2:nth-child(6n) {
         border-right: none
     }

     .divide-line>.col-xl-3:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-3:nth-child(4n) {
         border-right: none
     }

     .divide-line>.col-xl-4:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-4:nth-child(3n) {
         border-right: none
     }

     .divide-line>.col-xl-5:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-5:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-xl-6:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-6:nth-child(2n) {
         border-right: none
     }

     .divide-line>.col-xl-7:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-7:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-xl-8:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-8:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-xl-9:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-9:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-xl-10:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-10:nth-child(1n) {
         border-right: none
     }

     .divide-line>.col-xl-11:nth-child(n) {
         border-right: 1px solid rgba(0, 0, 0, 0.09);
         border-bottom: 1px solid rgba(0, 0, 0, 0.09)
     }

     .divide-line>.col-xl-11:nth-child(1n) {
         border-right: none
     }

     .col-xl-7col .product-default .product-title,
     .col-xl-8col .product-default .product-title {
         font-size: 1.3rem
     }

     .col-xl-7col .old-price,
     .col-xl-8col .old-price {
         font-size: 1.2rem
     }

     .col-xl-7col .product-price,
     .col-xl-8col .product-price {
         font-size: 1.5rem
     }
 }

 @media (max-width:575px) {
     .product-list {
         flex-direction: column;
         -ms-flex-direction: column
     }

     .product-list figure {
         max-width: none;
         margin-right: 0;
         margin-bottom: 2rem
     }

     .product-list .product-details {
         max-width: none;
         width: 100%
     }

     .product-list:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i {
         display: block
     }

     .product-list .product-action>a {
         padding: 0;
         width: 34px;
         height: 34px
     }

     .product-list .product-action>a i {
         display: inline-block
     }

     .product-list .btn-icon {
         margin-right: 1px
     }

     .product-list .btn-icon i {
         position: static;
         opacity: 1
     }

     .product-list .btn-icon:hover {
         padding: 0
     }

     .product-list .btn-icon span {
         display: none
     }

     .product-list .btn-icon:not(.product-type-simple) i {
         margin-top: 1.1rem
     }

     .product-quick-view {
         padding: 2rem
     }

     .product-quick-view .product-single-details .product-title {
         font-size: 2.6rem
     }
 }

 @media (max-width:479px) {
     .product-price {
         font-size: 1.3rem
     }

     .product-quick-view {
         padding: 2rem
     }
 }

 .product-category-panel {
     margin-bottom: 35px
 }

 .product-category-panel .owl-carousel {
     margin-top: -10px;
     padding-top: 10px
 }

 .product-category-panel .owl-carousel .owl-nav button.owl-next,
 .product-category-panel .owl-carousel .owl-nav button.owl-prev {
     width: 30px;
     font-size: 24px;
     color: #333;
     line-height: 22px
 }

 .product-category-panel .owl-carousel .owl-nav button.owl-prev {
     left: -41px
 }

 .product-category-panel .owl-carousel .owl-nav button.owl-next {
     right: -41px
 }

 .product-category-panel .section-title {
     padding-bottom: 1rem;
     border-bottom: 1px solid #dbdbdb;
     margin-bottom: 2.5rem
 }

 .product-category-panel .section-title h2 {
     font-weight: 700;
     font-size: 1.6rem;
     line-height: 1.2;
     font-family: "Open Sans", sans-serif;
     letter-spacing: -0.05em;
     color: #282d3b;
     text-transform: uppercase
 }

 .product-category {
     color: #1d2127;
     margin-bottom: 2rem;
     position: relative
 }

 .product-category a:hover {
     color: inherit
 }

 .product-category img {
     width: 100%
 }

 .product-category figure {
     margin-bottom: 0;
     position: relative
 }

 .product-category figure:after {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: transparent;
     transition: all 0.3s;
     z-index: 1;
     content: ""
 }

 .product-category:hover figure:after {
     background-color: rgba(27, 27, 23, 0.15)
 }

 .owl-item>.product-category {
     margin-bottom: 0
 }

 .category-content {
     padding: 2rem;
     display: flex;
     display: -ms-flex-box;
     flex-direction: column;
     -ms-flex-direction: column;
     align-items: center;
     -ms-flex-align: center
 }

 .category-content h3 {
     font-weight: 700;
     font-size: 1.5rem;
     line-height: 1.35;
     font-family: "Open Sans", sans-serif;
     letter-spacing: -0.005em;
     margin-bottom: 1rem;
     text-transform: uppercase
 }

 .category-content span {
     font-weight: 400;
     font-size: 10.2px;
     line-height: 1.8;
     font-family: "Open Sans", sans-serif;
     letter-spacing: normal;
     margin-top: -10px;
     text-transform: uppercase;
     opacity: 0.7;
     color: #1d2127
 }

 .category-content span mark {
     padding: 0;
     background-color: transparent;
     color: inherit
 }

 .content-center-bottom .category-content,
 .content-center .category-content,
 .content-left-bottom .category-content,
 .content-left-center .category-content {
     padding: 20.4px 25.5px;
     position: absolute;
     width: 100%;
     transform: translateY(-50%);
     z-index: 2
 }

 .content-center-bottom .category-content h3,
 .content-center-bottom .category-content span,
 .content-center .category-content h3,
 .content-center .category-content span,
 .content-left-bottom .category-content h3,
 .content-left-bottom .category-content span,
 .content-left-center .category-content h3,
 .content-left-center .category-content span {
     color: #fff
 }

 .content-center .category-content,
 .content-left-center .category-content {
     left: 0;
     top: 50%
 }

 .content-left-center .category-content {
     align-items: flex-start
 }

 .content-left-bottom .category-content {
     align-items: flex-start;
     left: 0;
     bottom: 0;
     transform: none
 }

 .content-center-bottom figure {
     min-height: 90px
 }

 .content-center-bottom .category-content {
     bottom: 0;
     transform: none;
     padding: 20.4px 0
 }

 .content-center-bottom .category-content h3,
 .content-center-bottom .category-content span {
     margin-bottom: 0;
     color: #1d2127
 }

 .overlay-lighter figure:after {
     background-color: rgba(27, 27, 23, 0)
 }

 .overlay-lighter:hover figure:after {
     background-color: rgba(27, 27, 23, 0.15)
 }

 .overlay-darker figure:after {
     background-color: rgba(27, 27, 23, 0.25)
 }

 .overlay-darker:hover figure:after {
     background-color: rgba(27, 27, 23, 0.4)
 }

 .overlay-light figure:after {
     background-color: rgba(27, 27, 23, 0.75)
 }

 .overlay-light:hover figure:after {
     background-color: rgba(27, 27, 23, 0.6)
 }

 .hidden-count .category-content span {
     max-height: 10px;
     transition: all 0.5s;
     transform: translateY(20%);
     opacity: 0
 }

 .hidden-count:hover .category-content span {
     max-height: 30px;
     transform: none;
     opacity: 0.7
 }

 .creative-grid .product-category {
     margin-bottom: 0;
     padding-bottom: 2rem
 }

 .creative-grid .product-category.content-left-bottom .category-content {
     margin-bottom: 20px
 }

 .creative-grid .product-category figure {
     height: 100%
 }

 .creative-grid .product-category figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     padding: 0
 }

 .height-600 {
     height: 600px
 }

 .height-400 {
     height: 400px
 }

 .height-300 {
     height: 300px
 }

 .height-200 {
     height: 200px
 }

 @media (min-width:1199px) {
     .col-5col-1 {
         flex: 0 0 20%;
         max-width: 20%
     }
 }

 @media (max-width:767px) {
     .height-600 {
         height: 400px
     }

     .height-300 {
         height: 200px
     }
 }

 @media (max-width:450px) {
     .content-center-bottom .category-content {
         padding: 16.8px 21px;
         text-align: center;
         flex-wrap: wrap
     }
 }

 @media (max-width:400px) {
     .content-center-bottom .category-content {
         padding-bottom: 1rem
     }
 }

 @media (max-width:1200px) {

     .product-category-panel .owl-carousel .owl-nav button.owl-next,
     .product-category-panel .owl-carousel .owl-nav button.owl-prev {
         width: 15px
     }

     .product-category-panel .owl-carousel .owl-nav button.owl-next {
         right: -18px
     }

     .product-category-panel .owl-carousel .owl-nav button.owl-prev {
         left: -18px
     }
 }

 @media (max-width:1159px) {

     .product-category-panel .owl-carousel .owl-nav button.owl-next,
     .product-category-panel .owl-carousel .owl-nav button.owl-prev {
         width: 30px
     }

     .product-category-panel .owl-carousel .owl-nav button.owl-next {
         right: -41px
     }

     .product-category-panel .owl-carousel .owl-nav button.owl-prev {
         left: -41px
     }
 }

 @media (max-width:1024px) {

     .product-category-panel .owl-carousel .owl-nav button.owl-next,
     .product-category-panel .owl-carousel .owl-nav button.owl-prev {
         width: 15px
     }

     .product-category-panel .owl-carousel .owl-nav button.owl-next {
         right: -18px
     }

     .product-category-panel .owl-carousel .owl-nav button.owl-prev {
         left: -18px
     }
 }

 .testimonial-owner {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-content: center
 }

 .testimonial-owner figure {
     max-width: 40px;
     margin-right: 25px;
     margin-bottom: 2rem
 }

 .testimonial-owner figure.max-width-none {
     max-width: none;
     margin: 0
 }

 .testimonial-owner h4 {
     display: block;
     margin-bottom: 0.5rem;
     padding-top: 0.7rem;
     color: #111;
     font-size: 1.4rem;
     text-transform: uppercase
 }

 .testimonial-owner span {
     display: block;
     color: #666;
     font-size: 1.2rem;
     text-transform: uppercase;
     letter-spacing: 0.045em;
     line-height: 1.2;
     font-weight: 600
 }

 .testimonial blockquote {
     position: relative;
     margin: 0 0 0 15px;
     padding: 1rem 2rem;
     color: #08C
 }

 .testimonial blockquote:after,
 .testimonial blockquote:before {
     position: absolute;
     font-family: "Playfair Display";
     font-size: 5rem;
     font-weight: 900;
     line-height: 1
 }

 .testimonial blockquote:before {
     top: 0;
     left: -0.4em;
     content: "“"
 }

 .testimonial blockquote p {
     margin-bottom: 0;
     font-family: inherit;
     font-style: normal;
     font-size: 14px;
     line-height: 24px;
     color: #62615e
 }

 .testimonial.blockquote-both blockquote:after {
     display: block;
     content: "”";
     right: 0;
     bottom: -5px;
     line-height: 24px
 }

 .testimonial.owner-center>p,
 .testimonial.owner-center blockquote {
     text-align: center
 }

 .testimonial.owner-center .testimonial-title {
     text-align: center
 }

 .testimonial.owner-center .testimonial-owner {
     justify-content: center
 }

 .testimonial.owner-center .testimonial-owner span {
     text-align: center
 }

 .testimonial.owner-center .testimonial-owner figure,
 .testimonial.owner-center .testimonial-owner img {
     margin-left: auto;
     margin-right: auto
 }

 .testimonial.testimonial-border {
     border: 1px solid;
     border-top-color: #dfdfdf;
     border-bottom-color: #dfdfdf;
     border-left-color: #ececec;
     border-right-color: #ececec;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04)
 }

 .testimonial.testimonial-border-bottom .testimonial-owner {
     border-top: 1px solid #f2f2f2
 }

 .testimonial.inner-blockquote figure {
     margin-top: 15px;
     margin-bottom: 10px
 }

 .testimonial.inner-blockquote blockquote {
     padding: 6px 20px
 }

 .testimonial.inner-blockquote .testimonial-title {
     margin-top: 28px
 }

 .testimonial .testimonial-arrow-down {
     border-left: 11px solid transparent;
     border-right: 11px solid transparent;
     border-top: 8px solid #CCC;
     height: 0;
     margin: 0 0 0 40px;
     width: 0
 }

 @media (max-width:480px) {
     .testimonial blockquote:before {
         left: -15px
     }
 }

 .social-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     color: #fff;
     background-color: #08C;
     font-size: 14px;
     line-height: 3.2rem;
     text-align: center;
     text-decoration: none;
     opacity: 1
 }

 .social-icon+.social-icon {
     margin-left: 0.6rem
 }

 .social-icons .social-icon:focus,
 .social-icons .social-icon:hover {
     color: #fff;
     text-decoration: none;
     opacity: 0.85
 }

 .social-icon.social-facebook {
     background-color: #3b5a9a
 }

 .social-icon.social-twitter {
     background-color: #1aa9e1
 }

 .social-icon.social-instagram {
     background-color: #7c4a3a
 }

 .social-icon.social-linkedin {
     background-color: #0073b2
 }

 .social-icon.social-gplus {
     background-color: #dd4b39
 }

 .social-icon.social-mail {
     background-color: #dd4b39
 }

 .nav-tabs {
     margin: 0;
     border: 0;
     border-bottom: 1px solid #e7e7e7;
     padding-bottom: 2px
 }

 .nav-tabs .nav-item {
     margin-bottom: -3px
 }

 .nav-tabs .nav-item:not(:last-child) {
     margin-right: 3.5rem
 }

 .nav-tabs .nav-item .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
     border-bottom-color: #08C;
     color: #08C
 }

 .nav-tabs .nav-link {
     padding: 1.2rem 0;
     border: 0;
     border-bottom: 2px solid transparent;
     color: #282d3b;
     font-weight: 700;
     font-size: 1.4rem;
     line-height: 1;
     font-family: Poppins, sans-serif;
     text-transform: uppercase
 }

 .nav-tabs .nav-link:hover {
     color: #08C
 }

 .tabs .tab-content {
     border: 1px solid #eee;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
     padding: 1.5rem
 }

 .tabs .nav-tabs {
     border-bottom: 0
 }

 .tabs .nav-tabs .nav-item .nav-link.active,
 .tabs .nav-tabs .nav-item.show .nav-link {
     border-top-color: #08C;
     color: #08C;
     background: #fff
 }

 .tabs .nav-tabs .nav-item:not(:last-child) {
     margin-right: 0.1rem
 }

 .tabs .nav-tabs .nav-link {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top: 3px solid #eee;
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: none;
     background: #f4f4f4;
     text-transform: none;
     font-weight: 400;
     line-height: 2.4rem;
     margin-bottom: -1px;
     padding: 0.8rem 1.6rem
 }

 .tabs .nav-tabs .nav-link:focus,
 .tabs .nav-tabs .nav-link:hover {
     border-top-color: #08C
 }

 .tabs .tab-pane p:last-child {
     line-height: 2.4rem
 }

 .tabs-bottom .nav-tabs .nav-item .nav-link.active,
 .tabs-bottom .nav-tabs .nav-item.show .nav-link {
     border-top: none;
     border-bottom-color: #08C
 }

 .tabs-bottom .nav-tabs .nav-item:not(:last-child) {
     margin-right: 0.1rem
 }

 .tabs-bottom .nav-tabs .nav-link {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 3px solid #eee;
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-top: none;
     margin-top: -1px
 }

 .tabs-bottom .nav-tabs .nav-link:focus,
 .tabs-bottom .nav-tabs .nav-link:hover {
     border-bottom-color: #08C
 }

 .tabs-left {
     border-top: 1px solid #eee
 }

 .tabs-left .tab-content {
     border-top: 0
 }

 .tabs-left .nav-tabs .nav-item .nav-link.active,
 .tabs-left .nav-tabs .nav-item.show .nav-link {
     border-left: 3px solid #08C
 }

 .tabs-left .nav-tabs .nav-item:not(:last-child) {
     margin-right: 0.1rem
 }

 .tabs-left .nav-tabs .nav-link {
     border: 0;
     border-left: 3px solid #eee;
     margin-right: -1px
 }

 .tabs-left .nav-tabs .nav-link:focus,
 .tabs-left .nav-tabs .nav-link:hover {
     border-left-color: #08C
 }

 .tabs-right {
     border-top: 1px solid #eee
 }

 .tabs-right .tab-content {
     border-top: 0
 }

 .tabs-right .nav-tabs .nav-item .nav-link.active,
 .tabs-right .nav-tabs .nav-item.show .nav-link {
     border-right: 3px solid #08C
 }

 .tabs-right .nav-tabs .nav-item:not(:last-child) {
     margin-right: 0
 }

 .tabs-right .nav-tabs .nav-link {
     border: 0;
     border-right: 3px solid #eee
 }

 .tabs-right .nav-tabs .nav-link:focus,
 .tabs-right .nav-tabs .nav-link:hover {
     border-right-color: #08C
 }

 .nav-justified .nav-link {
     flex-basis: 0;
     flex-grow: 1;
     text-align: center
 }

 .tabs-vertical {
     display: flex
 }

 .tabs-vertical .nav-tabs {
     flex-flow: column nowrap;
     width: 27.8%;
     border: 0
 }

 .tabs-vertical .tab-content {
     flex: 1
 }

 .tabs-vertical .nav-link:last-child {
     border-bottom: 1px solid #eee !important
 }

 .tabs-secondary .nav-tabs .nav-item .nav-link.active,
 .tabs-secondary .nav-tabs .nav-item.show .nav-link {
     border-top-color: #ff7272;
     color: #ff7272
 }

 .tabs-secondary .nav-tabs .nav-link:focus,
 .tabs-secondary .nav-tabs .nav-link:hover {
     border-top-color: #ff7272;
     color: #ff7272
 }

 .tabs-secondary.tabs-bottom .nav-tabs .nav-item .nav-link.active,
 .tabs-secondary.tabs-bottom .nav-tabs .nav-item.show .nav-link {
     border-bottom-color: #ff7272
 }

 .tabs-secondary.tabs-bottom .nav-tabs .nav-link:focus,
 .tabs-secondary.tabs-bottom .nav-tabs .nav-link:hover {
     border-bottom-color: #ff7272
 }

 .tabs-secondary.tabs-left .nav-tabs .nav-item .nav-link.active,
 .tabs-secondary.tabs-left .nav-tabs .nav-item.show .nav-link {
     border-left-color: #ff7272
 }

 .tabs-secondary.tabs-left .nav-tabs .nav-link:focus,
 .tabs-secondary.tabs-left .nav-tabs .nav-link:hover {
     border-left-color: #ff7272
 }

 .tabs-secondary.tabs-right .nav-tabs .nav-item .nav-link.active,
 .tabs-secondary.tabs-right .nav-tabs .nav-item.show .nav-link {
     border-right-color: #ff7272
 }

 .tabs-secondary.tabs-right .nav-tabs .nav-link:focus,
 .tabs-secondary.tabs-right .nav-tabs .nav-link:hover {
     border-right-color: #ff7272
 }

 .tabs-tertiary .nav-tabs .nav-item .nav-link.active,
 .tabs-tertiary .nav-tabs .nav-item.show .nav-link {
     border-top-color: #2baab1;
     color: #2baab1
 }

 .tabs-tertiary .nav-tabs .nav-link:focus,
 .tabs-tertiary .nav-tabs .nav-link:hover {
     border-top-color: #2baab1;
     color: #2baab1
 }

 .tabs-tertiary.tabs-bottom .nav-tabs .nav-item .nav-link.active,
 .tabs-tertiary.tabs-bottom .nav-tabs .nav-item.show .nav-link {
     border-bottom-color: #2baab1
 }

 .tabs-tertiary.tabs-bottom .nav-tabs .nav-link:focus,
 .tabs-tertiary.tabs-bottom .nav-tabs .nav-link:hover {
     border-bottom-color: #2baab1
 }

 .tabs-tertiary.tabs-left .nav-tabs .nav-item .nav-link.active,
 .tabs-tertiary.tabs-left .nav-tabs .nav-item.show .nav-link {
     border-left-color: #2baab1
 }

 .tabs-tertiary.tabs-left .nav-tabs .nav-link:focus,
 .tabs-tertiary.tabs-left .nav-tabs .nav-link:hover {
     border-left-color: #2baab1
 }

 .tabs-tertiary.tabs-right .nav-tabs .nav-item .nav-link.active,
 .tabs-tertiary.tabs-right .nav-tabs .nav-item.show .nav-link {
     border-right-color: #2baab1
 }

 .tabs-tertiary.tabs-right .nav-tabs .nav-link:focus,
 .tabs-tertiary.tabs-right .nav-tabs .nav-link:hover {
     border-right-color: #2baab1
 }

 .tabs-dark .nav-tabs .nav-item .nav-link.active,
 .tabs-dark .nav-tabs .nav-item.show .nav-link {
     border-top-color: #222529;
     color: #222529
 }

 .tabs-dark .nav-tabs .nav-link:focus,
 .tabs-dark .nav-tabs .nav-link:hover {
     border-top-color: #222529;
     color: #222529
 }

 .tabs-dark.tabs-bottom .nav-tabs .nav-item .nav-link.active,
 .tabs-dark.tabs-bottom .nav-tabs .nav-item.show .nav-link {
     border-bottom-color: #222529
 }

 .tabs-dark.tabs-bottom .nav-tabs .nav-link:focus,
 .tabs-dark.tabs-bottom .nav-tabs .nav-link:hover {
     border-bottom-color: #222529
 }

 .tabs-dark.tabs-left .nav-tabs .nav-item .nav-link.active,
 .tabs-dark.tabs-left .nav-tabs .nav-item.show .nav-link {
     border-left-color: #222529
 }

 .tabs-dark.tabs-left .nav-tabs .nav-link:focus,
 .tabs-dark.tabs-left .nav-tabs .nav-link:hover {
     border-left-color: #222529
 }

 .tabs-dark.tabs-right .nav-tabs .nav-item .nav-link.active,
 .tabs-dark.tabs-right .nav-tabs .nav-item.show .nav-link {
     border-right-color: #222529
 }

 .tabs-dark.tabs-right .nav-tabs .nav-link:focus,
 .tabs-dark.tabs-right .nav-tabs .nav-link:hover {
     border-right-color: #222529
 }

 .tabs-simple .tab-content {
     border: 0;
     box-shadow: none;
     padding: 3rem 0
 }

 .tabs-simple .nav-tabs .nav-item .nav-link.active,
 .tabs-simple .nav-tabs .nav-item.show .nav-link {
     border-bottom-color: #555;
     color: #777
 }

 .tabs-simple .nav-tabs .nav-item:not(:last-child) {
     margin-right: 0.1rem
 }

 .tabs-simple .nav-tabs .nav-link {
     border: 0;
     border-bottom: 3px solid #eee;
     text-transform: none;
     font-weight: 400;
     font-size: 16px;
     line-height: 2.4rem;
     margin-bottom: -1px;
     color: #777;
     background: none;
     padding: 15px 30px;
     margin-bottom: 1.5rem
 }

 .tabs-simple .nav-tabs .nav-link:focus,
 .tabs-simple .nav-tabs .nav-link:hover {
     border-bottom-color: #555
 }

 .tabs-with-icon .nav-tabs .nav-link {
     display: flex;
     flex-direction: column;
     align-items: center;
     background: none;
     margin-bottom: 1rem
 }

 .tabs-with-icon .icon-content {
     position: relative;
     height: 75px;
     width: 75px;
     line-height: 75px;
     text-align: center;
     font-size: 3rem;
     border: 1px solid #dfdfdf;
     border-radius: 50%;
     margin-bottom: 1.5rem
 }

 .tabs-with-icon .icon-content:after {
     content: "";
     border: 5px solid #f4f4f4;
     border-radius: 50%;
     display: block;
     height: 100%;
     padding: 1px;
     position: absolute;
     top: 0;
     width: 100%;
     transform: scale(1.2);
     transition: transform 0.3s
 }

 .tabs-with-icon .icon-content:hover:after {
     transform: scale(1.3)
 }

 .product-single-tabs.product-tabs-list .product-desc-content p {
     margin-bottom: 1.3rem
 }

 .product-single-tabs.product-tabs-list .product-desc-content ol,
 .product-single-tabs.product-tabs-list .product-desc-content ul {
     padding-left: 5.8rem;
     margin-bottom: 2rem
 }

 .product-single-tabs.product-tabs-list .product-desc-content li:before {
     left: 2.4rem
 }

 .product-slider-tab .tab-content {
     position: relative
 }

 .product-slider-tab .tab-content>.tab-pane {
     display: block !important;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     height: 0 !important;
     opacity: 0;
     z-index: -1;
     transition: visibility 0.3s, opacity 0.3s
 }

 .product-slider-tab .tab-content>.tab-pane:not(.active) {
     overflow: hidden;
     visibility: hidden
 }

 .product-slider-tab .tab-content>.active {
     position: relative;
     height: auto !important;
     opacity: 1;
     z-index: auto
 }

 @media (min-width:992px) {
     .product-single-tabs.product-tabs-list {
         padding-bottom: 2px
     }

     .product-single-tabs.product-tabs-list .col-lg-2 {
         -ms-flex: 0 0 21.4%;
         flex: 0 0 21.4%;
         max-width: 21.4%
     }

     .product-single-tabs.product-tabs-list .col-lg-10 {
         -ms-flex: 0 0 78.6%;
         flex: 0 0 78.6%;
         max-width: 78.6%
     }

     .product-single-tabs.product-tabs-list .nav.nav-tabs {
         flex-direction: column;
         border: none
     }

     .product-single-tabs.product-tabs-list .nav.nav-tabs .nav-item {
         margin-right: 0;
         margin-bottom: 0.8rem;
         border-bottom: 1px solid #e7e7e7
     }

     .product-single-tabs.product-tabs-list .nav.nav-tabs .nav-link {
         display: inline-block;
         padding: 1.4rem 0 1.5rem;
         margin-bottom: -1px
     }

     .product-single-tabs.product-tabs-list .tab-pane {
         padding-top: 0.5rem
     }

     .product-single-tabs.product-tabs-list .tab-content {
         padding-left: 0.9rem
     }
 }

 @media (max-width:479px) {
     .nav-tabs .nav-item:not(:last-child) {
         margin-right: 2.5rem
     }
 }

 .tooltip {
     font-family: "Open Sans", sans-serif;
     font-size: 1.3rem
 }

 .tooltip.show {
     opacity: 1
 }

 .tooltip .arrow {
     width: 1rem;
     height: 1rem
 }

 .bs-tooltip-auto[x-placement^=top],
 .bs-tooltip-top {
     padding: 1rem 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow:before,
 .bs-tooltip-top .arrow:before {
     margin-left: -0.5rem;
     border-width: 1rem 1rem 0;
     border-top-color: #ddd
 }

 .bs-tooltip-auto[x-placement^=right],
 .bs-tooltip-right {
     padding: 0 1rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow,
 .bs-tooltip-right .arrow {
     width: 1rem;
     height: 2rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow:before,
 .bs-tooltip-right .arrow:before {
     border-width: 1rem 1rem 1rem 0;
     border-right-color: #ddd
 }

 .bs-tooltip-auto[x-placement^=bottom],
 .bs-tooltip-bottom {
     padding: 1rem 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow:before,
 .bs-tooltip-bottom .arrow:before {
     margin-left: -0.5rem;
     border-width: 0 1rem 1em;
     border-bottom-color: #ddd
 }

 .bs-tooltip-auto[x-placement^=left],
 .bs-tooltip-left {
     padding: 0 1rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow,
 .bs-tooltip-left .arrow {
     width: 1rem;
     height: 1rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow:before,
 .bs-tooltip-left .arrow:before {
     border-width: 1rem 0 1rem 1rem;
     border-left-color: #ddd
 }

 .tooltip-inner {
     max-width: 270px;
     padding: 1.2rem 1.5rem;
     border: 1px solid #ddd;
     border-radius: 0.1rem;
     background-color: #f4f4f4;
     color: #777;
     text-align: left
 }

 .heading-bottom-border {
     border-bottom: solid #dbdbdb;
     padding-bottom: 1rem
 }

 h1.heading-bottom-border {
     border-bottom: 5px solid #222529
 }

 h2.heading-bottom-border,
 h3.heading-bottom-border {
     border-bottom-width: 2px
 }

 h4.heading-bottom-border,
 h5.heading-bottom-border,
 h6.heading-bottom-border {
     border-bottom-width: 1px
 }

 .heading-bottom-border.double {
     border-bottom: double #dbdbdb
 }

 .heading-middle-border {
     display: flex;
     align-items: center
 }

 .heading-middle-border.left:after,
 .heading-middle-border.right:before {
     content: "";
     border-top: 1px solid #dbdbdb;
     flex: 1
 }

 .heading-middle-border.left:after {
     margin-left: 1rem
 }

 .heading-middle-border.right:before {
     margin-right: 1rem
 }

 .heading-middle-border.sm:after,
 .heading-middle-border.sm:before {
     border-width: 2px
 }

 .heading-middle-border.md:after,
 .heading-middle-border.md:before {
     border-width: 3px
 }

 .heading-middle-border.lg:after,
 .heading-middle-border.lg:before {
     border-width: 5px
 }

 .product-countdown-container {
     display: flex;
     position: absolute;
     padding: 1rem 0.7rem 0.9rem;
     justify-content: center;
     flex-wrap: wrap;
     left: 1rem;
     right: 1rem;
     bottom: 1rem;
     opacity: 0.7;
     letter-spacing: -0.01em;
     visibility: visible;
     text-transform: uppercase;
     font-family: Oswald, sans-serif;
     transition: opacity 0.3s ease;
     background: #08C;
     z-index: 6
 }

 .product-countdown-container .product-countdown-title {
     display: inline-block;
     color: #fff;
     font-size: 11px;
     font-weight: 400;
     margin-bottom: 0;
     margin-right: 3px
 }

 .product-countdown-container .product-countdown {
     position: relative;
     left: auto;
     right: auto;
     bottom: auto;
     z-index: 6;
     line-height: 1;
     opacity: 1;
     color: #fff
 }

 .product-countdown-container .product-countdown .countdown-amount {
     display: block;
     padding-bottom: 2px;
     font-weight: 400;
     font-size: 1.3rem;
     line-height: 1;
     margin-bottom: 0;
     text-transform: uppercase
 }

 .product-default:not(.count-down):hover .product-countdown,
 .product-default:not(.count-down):hover .product-countdown-container {
     opacity: 0;
     visibility: hidden
 }

 .countdown-type1 {
     padding: 5rem 0
 }

 .countdown-type1 .countdown-amount {
     font-size: 1.7rem;
     color: #da7940;
     font-weight: 700
 }

 .countdown-type1 .countdown-period {
     font-size: 1.7rem;
     color: #2e353e;
     font-weight: 700;
     padding: 0 4px
 }

 .countdown-type1 .countdown-section {
     display: flex;
     padding: 0 7px
 }

 .countdown-type1 .countdown-row {
     display: flex;
     justify-content: center;
     flex-wrap: wrap
 }

 .countdown-type1 .countdown-row .countdown-section {
     width: auto
 }

 .countdown-type2 {
     padding: 5rem 0
 }

 .countdown-type2 .countdown-amount {
     font-size: 3.8rem;
     color: #b3642a;
     font-weight: 600
 }

 .countdown-type2 .countdown-period {
     font-size: 1.4rem;
     color: #b3642a;
     font-weight: 600;
     padding: 0 4px
 }

 .countdown-type2 .countdown-section {
     display: flex;
     align-items: baseline
 }

 .countdown-type2 .countdown-row {
     display: flex;
     justify-content: center;
     flex-wrap: wrap
 }

 .countdown-type2 .countdown-row .countdown-section {
     width: auto
 }

 .countdown-parallax {
     padding: 9.5rem 0 8.4rem
 }

 .countdown-parallax .countdown-type3 .countdown-amount {
     font-size: 5.6rem;
     color: #fff
 }

 .countdown-parallax .countdown-type3 .countdown-period {
     font-size: 1.7rem;
     color: #fff
 }

 .countdown-parallax .countdown-type3 .countdown-row {
     display: flex;
     justify-content: center;
     flex-wrap: wrap
 }

 .countdown-parallax .countdown-type3 .countdown-row .countdown-section {
     width: auto;
     padding: 0 1.5rem
 }

 @media (max-width:479px) {
     .countdown-type1 .countdown-section {
         padding: 0;
         margin: 0 4px
     }
 }

 .section-elements {
     text-align: center;
     padding: 8rem 0 10rem
 }

 .section-elements h2 {
     font-size: 3.6rem;
     letter-spacing: -0.05em;
     margin-bottom: 0.2rem
 }

 .section-elements p {
     font-size: 1.6rem;
     letter-spacing: -0.05em;
     line-height: 26px
 }

 .section-elements .icon-box {
     display: block;
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
     padding: 2.8rem 0;
     background: linear-gradient(135deg, #0169fe 0, #383f48 100%);
     position: relative;
     overflow: hidden;
     text-align: center;
     margin-bottom: 3rem
 }

 .section-elements .icon-box i {
     font-size: 3.2rem;
     color: #0169fe;
     position: relative
 }

 .section-elements .icon-box i:last-child {
     font-size: 6.4rem;
     position: absolute;
     top: -1.8rem;
     opacity: 0.08;
     right: -1.8rem;
     color: #777
 }

 .section-elements .icon-box h5 {
     position: relative;
     font-size: 1.2rem;
     font-weight: 600;
     text-transform: uppercase;
     margin: 1.2rem 0 0
 }

 .section-elements .icon-box:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: auto;
     background: #fff
 }

 .section-elements .icon-box:hover:before {
     top: 0.8rem;
     left: 0.8rem;
     right: 0.8rem;
     bottom: 0.8rem;
     transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 0.2s
 }

 html {
     overflow-x: hidden;
     font-size: 62.5%;
     font-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }

 body {
     color: #777;
     background: #fff;
     font-size: 1.4rem;
     font-weight: 400;
     line-height: 1.4;
     font-family: "Open Sans", sans-serif;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     overflow-x: hidden
 }

 body:not(.loaded)>:not(.loading-overlay) {
     visibility: hidden !important;
     transition: none !important
 }

 body:not(.loaded)>:not(.loading-overlay) * {
     visibility: hidden !important;
     transition: none !important
 }

 ::-moz-selection {
     background-color: #08C;
     color: #fff
 }

 ::selection {
     background-color: #08C;
     color: #fff
 }

 p {
     margin-bottom: 1.5rem
 }

 ol,
 ul {
     margin: 0 0 2.25rem;
     padding: 0;
     list-style: none
 }

 b,
 strong {
     font-weight: 700
 }

 em,
 i {
     font-style: italic
 }

 hr {
     max-width: 1730px;
     margin: 5.5rem auto 5.2rem;
     border: 0;
     border-top: 1px solid #e7e7e7
 }

 sub,
 sup {
     font-size: 70%
 }

 sup {
     font-size: 50%
 }

 sub {
     bottom: -0.25em
 }

 img {
     display: block;
     max-width: 100%;
     height: auto
 }

 button:focus {
     outline: none
 }

 body.modal-open {
     padding-right: 0 !important
 }

 @keyframes rotating {
     0% {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(360deg)
     }
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(359deg)
     }
 }

 @keyframes bouncedelay {

     0%,
     80%,
     to {
         -webkit-transform: scale(0);
         transform: scale(0)
     }

     40% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @-webkit-keyframes bouncedelay {

     0%,
     80%,
     to {
         -webkit-transform: scale(0);
         transform: scale(0)
     }

     40% {
         transform: scale(1)
     }
 }

 .loading-overlay {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     transition: all 0.5s ease-in-out;
     background: #fff;
     opacity: 1;
     visibility: visible;
     z-index: 999999
 }

 .loaded>.loading-overlay {
     opacity: 0;
     visibility: hidden
 }

 .bounce-loader {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 70px;
     margin: -9px 0 0 -35px;
     transition: all 0.2s;
     text-align: center;
     z-index: 10000
 }

 .bounce-loader .bounce1,
 .bounce-loader .bounce2,
 .bounce-loader .bounce3 {
     display: inline-block;
     width: 18px;
     height: 18px;
     border-radius: 100%;
     background-color: #CCC;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
     -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
     animation: 1.4s ease-in-out 0s normal both infinite bouncedelay
 }

 .bounce-loader .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s
 }

 .bounce-loader .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s
 }

 .custom-scrollbar,
 .mobile-cart>div,
 .mobile-sidebar {
     -webkit-overflow-scrolling: touch
 }

 .custom-scrollbar::-webkit-scrollbar,
 .mobile-cart>div::-webkit-scrollbar,
 .mobile-sidebar::-webkit-scrollbar {
     height: 10px;
     width: 6px
 }

 .custom-scrollbar::-webkit-scrollbar-thumb,
 .mobile-cart>div::-webkit-scrollbar-thumb,
 .mobile-sidebar::-webkit-scrollbar-thumb {
     background: #e5e5e5;
     border-radius: 10px;
     position: absolute
 }

 .custom-scrollbar::-webkit-scrollbar-track,
 .mobile-cart>div::-webkit-scrollbar-track,
 .mobile-sidebar::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 10px;
     margin: 8px;
     width: 100%
 }

 .load-more-overlay.loading:after,
 .loading:not(.load-more-overlay) {
     animation: spin 650ms infinite linear;
     border: 2px solid #fff;
     border-radius: 32px;
     border-top: 2px solid rgba(0, 0, 0, 0.4) !important;
     border-right: 2px solid rgba(0, 0, 0, 0.4) !important;
     border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;
     content: "";
     display: block;
     height: 20px;
     top: 50%;
     margin-top: -10px;
     left: 50%;
     margin-left: -10px;
     right: auto;
     position: absolute;
     width: 20px;
     z-index: 3
 }

 .load-more-overlay {
     position: relative
 }

 .load-more-overlay.loading:after {
     content: ""
 }

 .load-more-overlay:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #fff;
     opacity: 0.8;
     z-index: 3
 }

 .popup-loading-overlay {
     position: relative
 }

 .popup-loading-overlay.porto-loading-icon:before {
     content: ""
 }

 .popup-loading-overlay:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #fff;
     opacity: 0.8
 }

 .col-6.fade.in {
     opacity: 1;
     transition: opacity 0.5s
 }

 .col-6.fade {
     opacity: 0;
     transition: opacity 0.5s
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(359deg)
     }
 }

 @media (max-width:767px) {
     html {
         font-size: 9px
     }
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-bottom: 1.8rem;
     color: #222529;
     font-weight: 700;
     line-height: 1.1;
     font-family: Poppins, sans-serif
 }

 .h1,
 h1 {
     font-size: 3.6rem;
     font-weight: 400;
     line-height: 1.223
 }

 .h2,
 h2 {
     font-size: 3rem;
     line-height: 1.5
 }

 .h3,
 h3 {
     font-size: 2.5rem;
     line-height: 1.28
 }

 .h4,
 h4 {
     font-size: 2rem;
     line-height: 1.35
 }

 .h5,
 h5 {
     font-size: 1.4rem;
     line-height: 1.429
 }

 .h6,
 h6 {
     font-size: 1.3rem;
     line-height: 1.385;
     font-weight: 600
 }

 a {
     transition: all 0.3s;
     color: #08C;
     text-decoration: none
 }

 a:focus,
 a:hover {
     color: #08C;
     text-decoration: none
 }

 .heading {
     margin-bottom: 3rem;
     color: #222529
 }

 .heading .title {
     margin-bottom: 1.6rem
 }

 .heading p {
     letter-spacing: -0.015em
 }

 .heading p:last-child {
     margin-bottom: 0
 }

 .light-title {
     margin-bottom: 2rem;
     font-weight: 300
 }

 .section-title {
     text-transform: uppercase;
     font-size: 1.8rem
 }

 .section-sub-title {
     font-size: 1.6rem;
     text-transform: uppercase
 }

 @media (min-width:768px) {

     .h1,
     h1 {
         font-size: 4.5rem
     }

     .h2,
     h2 {
         font-size: 2.5rem
     }

     .heading {
         margin-bottom: 4rem
     }
 }

 @media (min-width:992px) {

     .h1,
     h1 {
         font-size: 5rem
     }

     .h2,
     h2 {
         font-size: 3rem
     }

     .heading {
         margin-bottom: 5rem
     }
 }

 .page-wrapper {
     position: relative;
     left: 0;
     transition: all 0.25s
 }

 .main {
     flex: 1 1 auto
 }

 .row {
     margin-left: -10px;
     margin-right: -10px
 }

 [class*=col-] {
     padding-left: 10px;
     padding-right: 10px
 }

 .row-sparse {
     margin-left: -15px;
     margin-right: -15px
 }

 .row-sparse>[class*=col-] {
     padding-left: 15px;
     padding-right: 15px
 }

 .row-sm {
     margin-left: -6px;
     margin-right: -6px
 }

 .row-sm>[class*=col-] {
     padding-left: 6px;
     padding-right: 6px
 }

 .row-joined {
     margin-left: 0;
     margin-right: 0
 }

 .row-joined>[class*=col-] {
     padding-left: 0;
     padding-right: 0
 }

 .gutter-sm {
     margin-left: -10px;
     margin-right: -10px
 }

 .gutter-sm>* {
     padding-left: 10px;
     padding-right: 10px
 }

 .container :not(.sticky-header)>.container,
 .container :not(.sticky-header)>.container-fluid {
     padding-left: 0;
     padding-right: 0
 }

 .ajax-overlay {
     display: flex;
     display: -ms-flexbox;
     align-items: center;
     -ms-flex-align: center;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 0.8;
     background-color: #0b0b0b;
     z-index: 1055
 }

 @media (max-width:1280px) {
     .container-fluid {
         padding-left: 20px;
         padding-right: 20px
     }
 }

 @media (min-width:1220px) {
     .container {
         max-width: 1200px
     }
 }

 @media (min-width:1200px) {
     .col-xl-5col {
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%
     }

     .col-xl-5col-2 {
         -ms-flex: 0 0 40%;
         flex: 0 0 40%;
         max-width: 40%
     }

     .col-xl-7col {
         -ms-flex: 0 0 14.2857%;
         flex: 0 0 14.2857%;
         max-width: 14.2857%
     }

     .col-xl-8col {
         -ms-flex: 0 0 12.5%;
         flex: 0 0 12.5%;
         max-width: 12.5%
     }

     .row-xl-tight {
         margin-left: -5px;
         margin-right: -5px
     }

     .row-xl-tight>[class*=col-] {
         padding-left: 5px;
         padding-right: 5px
     }
 }

 @media (min-width:992px) {
     .container {
         padding-left: 10px;
         padding-right: 10px
     }

     .row-lg {
         margin-left: -15px;
         margin-right: -15px
     }

     .row-lg [class*=col-] {
         padding-left: 15px;
         padding-right: 15px
     }
 }

 @media (max-width:991px) {
     .container {
         max-width: none
     }

     .mmenu-active .page-wrapper,
     .sidebar-opened .page-wrapper {
         left: 260px
     }
 }

 @media (min-width:768px) {
     .row-md-tight {
         margin-left: -5px;
         margin-right: -5px
     }

     .row-md-tight>[class*=col-] {
         padding-left: 5px;
         padding-right: 5px
     }
 }

 .cols-1>* {
     max-width: 100%;
     flex: 0 0 100%
 }

 .cols-2>* {
     max-width: 50%;
     flex: 0 0 50%
 }

 .cols-3>* {
     max-width: 33.3333%;
     flex: 0 0 33.3333%
 }

 .cols-4>* {
     max-width: 25%;
     flex: 0 0 25%
 }

 .cols-5>* {
     max-width: 20%;
     flex: 0 0 20%
 }

 .cols-6>* {
     max-width: 16.6667%;
     flex: 0 0 16.6667%
 }

 .cols-7>* {
     max-width: 14.2857%;
     flex: 0 0 14.2857%
 }

 .cols-8>* {
     max-width: 12.5%;
     flex: 0 0 12.5%
 }

 @media (min-width:480px) {
     .cols-xs-1>* {
         max-width: 100%;
         flex: 0 0 100%
     }

     .cols-xs-2>* {
         max-width: 50%;
         flex: 0 0 50%
     }

     .cols-xs-3>* {
         max-width: 33.3333%;
         flex: 0 0 33.3333%
     }

     .cols-xs-4>* {
         max-width: 25%;
         flex: 0 0 25%
     }

     .cols-xs-5>* {
         max-width: 20%;
         flex: 0 0 20%
     }

     .cols-xs-6>* {
         max-width: 16.6667%;
         flex: 0 0 16.6667%
     }

     .cols-xs-7>* {
         max-width: 14.2857%;
         flex: 0 0 14.2857%
     }

     .cols-xs-8>* {
         max-width: 12.5%;
         flex: 0 0 12.5%
     }
 }

 @media (min-width:576px) {
     .cols-sm-1>* {
         max-width: 100%;
         flex: 0 0 100%
     }

     .cols-sm-2>* {
         max-width: 50%;
         flex: 0 0 50%
     }

     .cols-sm-3>* {
         max-width: 33.3333%;
         flex: 0 0 33.3333%
     }

     .cols-sm-4>* {
         max-width: 25%;
         flex: 0 0 25%
     }

     .cols-sm-5>* {
         max-width: 20%;
         flex: 0 0 20%
     }

     .cols-sm-6>* {
         max-width: 16.6667%;
         flex: 0 0 16.6667%
     }

     .cols-sm-7>* {
         max-width: 14.2857%;
         flex: 0 0 14.2857%
     }

     .cols-sm-8>* {
         max-width: 12.5%;
         flex: 0 0 12.5%
     }
 }

 @media (min-width:768px) {
     .cols-md-1>* {
         max-width: 100%;
         flex: 0 0 100%
     }

     .cols-md-2>* {
         max-width: 50%;
         flex: 0 0 50%
     }

     .cols-md-3>* {
         max-width: 33.3333%;
         flex: 0 0 33.3333%
     }

     .cols-md-4>* {
         max-width: 25%;
         flex: 0 0 25%
     }

     .cols-md-5>* {
         max-width: 20%;
         flex: 0 0 20%
     }

     .cols-md-6>* {
         max-width: 16.6667%;
         flex: 0 0 16.6667%
     }

     .cols-md-7>* {
         max-width: 14.2857%;
         flex: 0 0 14.2857%
     }

     .cols-md-8>* {
         max-width: 12.5%;
         flex: 0 0 12.5%
     }
 }

 @media (min-width:992px) {
     .cols-lg-1>* {
         max-width: 100%;
         flex: 0 0 100%
     }

     .cols-lg-2>* {
         max-width: 50%;
         flex: 0 0 50%
     }

     .cols-lg-3>* {
         max-width: 33.3333%;
         flex: 0 0 33.3333%
     }

     .cols-lg-4>* {
         max-width: 25%;
         flex: 0 0 25%
     }

     .cols-lg-5>* {
         max-width: 20%;
         flex: 0 0 20%
     }

     .cols-lg-6>* {
         max-width: 16.6667%;
         flex: 0 0 16.6667%
     }

     .cols-lg-7>* {
         max-width: 14.2857%;
         flex: 0 0 14.2857%
     }

     .cols-lg-8>* {
         max-width: 12.5%;
         flex: 0 0 12.5%
     }
 }

 @media (min-width:1200px) {
     .cols-xl-1>* {
         max-width: 100%;
         flex: 0 0 100%
     }

     .cols-xl-2>* {
         max-width: 50%;
         flex: 0 0 50%
     }

     .cols-xl-3>* {
         max-width: 33.3333%;
         flex: 0 0 33.3333%
     }

     .cols-xl-4>* {
         max-width: 25%;
         flex: 0 0 25%
     }

     .cols-xl-5>* {
         max-width: 20%;
         flex: 0 0 20%
     }

     .cols-xl-6>* {
         max-width: 16.6667%;
         flex: 0 0 16.6667%
     }

     .cols-xl-7>* {
         max-width: 14.2857%;
         flex: 0 0 14.2857%
     }

     .cols-xl-8>* {
         max-width: 12.5%;
         flex: 0 0 12.5%
     }
 }

 @media (min-width:1600px) {
     .cols-xxl-1>* {
         max-width: 100%;
         flex: 0 0 100%
     }

     .cols-xxl-2>* {
         max-width: 50%;
         flex: 0 0 50%
     }

     .cols-xxl-3>* {
         max-width: 33.3333%;
         flex: 0 0 33.3333%
     }

     .cols-xxl-4>* {
         max-width: 25%;
         flex: 0 0 25%
     }

     .cols-xxl-5>* {
         max-width: 20%;
         flex: 0 0 20%
     }

     .cols-xxl-6>* {
         max-width: 16.6667%;
         flex: 0 0 16.6667%
     }

     .cols-xxl-7>* {
         max-width: 14.2857%;
         flex: 0 0 14.2857%
     }

     .cols-xxl-8>* {
         max-width: 12.5%;
         flex: 0 0 12.5%
     }
 }

 .owl-carousel .owl-nav .disabled {
     opacity: 0.5;
     cursor: default
 }

 .owl-carousel .owl-dots .owl-dot span {
     width: 16px;
     height: 16px;
     border-width: 2px
 }

 .owl-carousel .owl-dots .owl-dot span:before {
     margin: 0;
     width: 8px;
     height: 8px;
     transform: translate(-50%, -50%)
 }

 .owl-carousel .owl-dots .owl-dot.active span:before,
 .owl-carousel .owl-dots .owl-dot:hover span:before {
     transform: translate(-50%, -50%)
 }

 .owl-carousel.dots-m-0 .disabled+.owl-dots {
     margin: 0
 }

 .owl-carousel.dots-mt-1 .disabled+.owl-dots {
     margin-top: 1rem
 }

 .owl-carousel.nav-big .owl-nav {
     font-size: 3.7rem
 }

 .owl-carousel.nav-big .owl-nav i {
     padding: 4px 7px
 }

 .owl-carousel.nav-large .owl-nav {
     font-size: 4.5rem
 }

 .owl-carousel.nav-large .owl-nav i {
     padding: 4px 2px
 }

 .owl-carousel.nav-image-center .owl-nav button {
     top: 35%
 }

 .owl-carousel.show-nav-hover .owl-nav {
     opacity: 0;
     transition: opacity 0.2s, color 0.2s
 }

 .owl-carousel.show-nav-hover:hover .owl-nav {
     opacity: 1
 }

 .owl-carousel .owl-nav .owl-prev {
     left: 1vw
 }

 .owl-carousel .owl-nav .owl-next {
     right: 1vw
 }

 @media (min-width:992px) {
     .owl-carousel.nav-outer .owl-prev {
         left: -1.7vw
     }

     .owl-carousel.nav-outer .owl-next {
         right: -1.7vw
     }

     .owl-carousel.nav-outer.nav-large .owl-prev {
         left: -2.3vw
     }

     .owl-carousel.nav-outer.nav-large .owl-next {
         right: -2.3vw
     }
 }

 .owl-carousel.nav-top .owl-nav .owl-next,
 .owl-carousel.nav-top .owl-nav .owl-prev {
     top: -4px
 }

 .owl-carousel.nav-top .owl-nav .owl-prev {
     left: unset;
     right: 3rem
 }

 .owl-carousel.nav-top .owl-nav .owl-next {
     right: 0
 }

 .owl-carousel.dots-top .owl-dots {
     position: absolute;
     right: 0;
     bottom: 100%;
     margin: 0 0 3.4rem
 }

 .owl-carousel.dots-small .owl-dots span {
     width: 14px;
     height: 14px
 }

 .owl-carousel.dots-small .owl-dots span:before {
     width: 4px;
     height: 4px
 }

 .owl-carousel.dots-simple .owl-dots .owl-dot.active span:before {
     background-color: #222529
 }

 .owl-carousel.dots-simple .owl-dots .owl-dot span {
     margin: 1px 1px 2px 0px;
     border: none
 }

 .owl-carousel.dots-simple .owl-dots .owl-dot span:before {
     opacity: 1;
     visibility: visible;
     background-color: #D6D6D6
 }

 .owl-carousel.images-center img {
     width: auto;
     margin: auto
 }

 .dots-left .owl-dots {
     text-align: left
 }

 .owl-carousel-lazy {
     display: block
 }

 .owl-carousel-lazy .category-slide:first-child,
 .owl-carousel-lazy .home-slide:first-child,
 .owl-carousel-lazy .owl-item:first-child .category-slide,
 .owl-carousel-lazy .owl-item:first-child .home-slide {
     display: block
 }

 .owl-carousel-lazy:not(.owl-loaded)>:not(:first-child) {
     display: none
 }

 .category-slide,
 .home-slide {
     width: 100%
 }

 div.slide-bg {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover
 }

 img.slide-bg {
     object-fit: cover;
     object-position: center top
 }

 .owl-carousel.dot-inside .owl-dots {
     position: absolute;
     right: 3.6rem;
     left: 3.6rem;
     bottom: 4.1rem;
     text-align: center
 }

 .owl-carousel:not(.owl-loaded) {
     flex-wrap: nowrap;
     overflow: hidden
 }

 .owl-carousel:not(.owl-loaded)[class*=cols-]:not(.gutter-no) {
     margin-left: -10px !important;
     margin-right: -10px !important;
     width: auto
 }

 .owl-carousel:not(.owl-loaded).row {
     display: flex
 }

 .noUi-target {
     background: #eee
 }

 .noUi-handle {
     background: #08C
 }

 .noUi-connect {
     background: none;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.38) inset
 }

 .sticky-header {
     transition: left 0.25s
 }

 .sticky-header.fixed {
     display: flex;
     position: fixed;
     right: 0;
     left: 0;
     width: 100%;
     padding: 0;
     background: #fff;
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
     z-index: 1040
 }

 .sticky-header.fixed .logo {
     max-width: 89px
 }

 .sticky-header.header-middle.fixed {
     height: 60px
 }

 .sticky-header.deprecated-sticky:not(.fixed) .cart-dropdown,
 .sticky-header.deprecated-sticky:not(.fixed) .logo {
     display: none
 }

 .sticky-header.deprecated-sticky.fixed .main-nav {
     width: auto
 }

 .main .sticky-header:not(.fixed)>.container {
     padding-left: 0;
     padding-right: 0
 }

 .main .sticky-header.fixed {
     min-height: 38px;
     padding-top: 15px;
     padding-bottom: 15px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     z-index: 997
 }

 .main .sticky-header.fixed .container {
     margin: 0 auto
 }

 .main .sticky-header.toolbox.fixed {
     padding: 1.5rem;
     padding-right: 1.5rem !important;
     background-color: #f4f4f4;
     margin: 0 !important
 }

 .main .sticky-header.toolbox.fixed .toolbox-left {
     margin-right: 3rem
 }

 .mmenu-active .sticky-header.fixed,
 .sidebar-opened .sticky-header.fixed:not(.sticky-header) {
     left: 260px;
     transition: left 0.25s
 }

 .sticky-navbar {
     display: flex;
     position: fixed;
     left: 0;
     right: 0;
     top: 100%;
     width: 100%;
     background-color: #fff;
     border-top: 1px solid #e7e7e7;
     opacity: 0;
     visibility: hidden;
     transition: all 0.25s;
     z-index: 997
 }

 .sticky-navbar.fixed {
     opacity: 1;
     visibility: visible;
     transform: translateY(-100%)
 }

 .mmenu-active .sticky-navbar.fixed,
 .sidebar-opened .sticky-navbar.fixed {
     left: 260px;
     transition: all 0.25s
 }

 .sticky-navbar .sticky-info {
     flex: 0 0 20%;
     max-width: 20%;
     padding: 1rem 0
 }

 .sticky-navbar .sticky-info:not(:last-child) {
     border-right: 1px solid #e7e7e7
 }

 .sticky-navbar .sticky-info a {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     color: #222529;
     font-family: Poppins, sans-serif;
     font-size: 9px;
     font-weight: 600;
     text-transform: uppercase
 }

 .sticky-navbar .sticky-info i {
     font-size: 27px;
     font-weight: 400
 }

 .sticky-navbar .sticky-info i span {
     font-style: normal;
     right: -4px;
     top: 3px
 }

 @media (min-width:576px) {
     .sticky-navbar {
         display: none
     }
 }

 @media (max-width:991px) {
     .sidebar-opened .sticky-header.fixed {
         left: 260px;
         transition: left 0.25s
     }

     .main .sticky-header.toolbox.fixed .toolbox-left {
         margin-right: 0
     }
 }

 header {
     position: relative
 }

 header .container,
 header .container-fluid {
     display: flex;
     display: -ms-flexbox;
     align-items: center;
     -ms-flex-align: center;
     justify-content: space-between;
     -ms-flex-pack: justify;
     position: relative
 }

 header p {
     margin-bottom: 0
 }

 header a {
     color: inherit
 }

 .header-middle {
     color: #222529
 }

 .header-center,
 .header-left,
 .header-right {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center
 }

 .header-center,
 .header-right {
     margin-left: auto
 }

 .header-bottom .header-center {
     width: 100%
 }

 .header-bottom:not(.fixed) .header-left,
 .header-bottom:not(.fixed) .header-right {
     display: none
 }

 .header-bottom .header-right {
     padding-right: 2.6rem;
     color: #222529
 }

 .header-bottom.fixed .header-center {
     margin-left: 4.7rem;
     width: auto
 }

 .header-bottom.fixed .main-nav .float-right {
     display: none
 }

 .header-bottom.fixed .logo {
     max-width: 89px
 }

 .header-bottom.fixed .header-search-inline.header-search {
     margin-right: 2.3rem
 }

 .header-bottom.fixed .header-search-inline.header-search i {
     font-size: 2.3rem
 }

 .header-bottom.fixed .header-search-inline.header-search .header-search-wrapper {
     display: flex;
     position: absolute;
     margin-top: 10px;
     border: 5px solid #08C
 }

 .header-bottom.fixed .header-search-inline.header-search:not(.show) .header-search-wrapper {
     display: none
 }

 .header-bottom.fixed .header-search-inline.header-search .header-search-inline .btn:after,
 .header-bottom.fixed .header-search-inline.header-search .search-toggle {
     display: block
 }

 .header-transparent {
     position: absolute;
     right: 0;
     left: 0;
     z-index: 1040
 }

 .logo {
     max-width: 111px
 }

 .header-contact {
     align-items: center;
     text-transform: uppercase
 }

 .header-contact i {
     margin-right: 1.1rem;
     font-size: 2.9rem
 }

 .header-contact img {
     margin-right: 0.7rem
 }

 .header-contact h6 {
     margin: 0;
     font-size: 1.1rem;
     line-height: 1.3;
     color: #777
 }

 .header-contact a {
     display: block;
     font-size: 1.8rem;
     font-weight: 700;
     white-space: nowrap
 }

 .mobile-menu-toggler {
     border: 0;
     background: transparent;
     color: #222529;
     padding: 1rem 0.5rem;
     margin-right: 0.5rem;
     font-size: 20px;
     line-height: 0;
     cursor: pointer
 }

 .badge-circle {
     position: absolute;
     top: 1px;
     right: 0;
     width: 1.6rem;
     border-radius: 50%;
     color: #fff;
     background: #ff5b5b;
     font-weight: 600;
     font-size: 1.1rem;
     line-height: 1.6rem;
     font-family: "Open Sans", sans-serif;
     text-align: center
 }

 header .social-icon {
     border-radius: 50%;
     font-size: 13px;
     width: 2.6rem;
     height: 2.6rem;
     line-height: 2.6rem
 }

 header .social-icon:not(:hover):not(:active):not(:focus) {
     background-color: transparent
 }

 header .social-icon+.social-icon {
     margin-left: 3px
 }

 header .separator {
     height: 20px;
     border-left: 1px solid rgba(0, 0, 0, 0.04);
     margin: 0 14px
 }

 .top-notice {
     position: relative;
     padding: 0.9rem 2rem 1.1rem;
     font-size: 1.3rem;
     line-height: 2;
     letter-spacing: 0.025em
 }

 .top-notice h5 {
     color: inherit;
     font-size: inherit;
     font-weight: 500
 }

 .top-notice small {
     font-size: 0.8461em;
     letter-spacing: 0.025em;
     opacity: 0.5
 }

 .top-notice a {
     color: inherit;
     font-weight: 700
 }

 .top-notice .category {
     display: inline-block;
     padding: 0.3em 0.8em;
     background: #0075af;
     font-size: 1rem
 }

 .top-notice .mfp-close {
     top: 50%;
     transform: translateY(-50%) rotateZ(45deg) translateZ(0);
     color: inherit;
     opacity: 0.7;
     z-index: 10
 }

 .top-notice .mfp-close:hover {
     opacity: 1
 }

 .header-icon:not(:last-child) {
     margin-right: 2.2rem
 }

 .header-icon i {
     font-size: 2.7rem
 }

 .header-icon:hover {
     color: #222529
 }

 .minicart-icon {
     display: inline-block;
     vertical-align: middle;
     width: 25px;
     height: 20px;
     border: 2px solid #222529;
     border-radius: 0 0 5px 5px;
     position: relative;
     opacity: 0.9;
     margin: 6px 3px 0;
     z-index: 1
 }

 .minicart-icon:before {
     content: "";
     position: absolute;
     border: 2px solid;
     border-color: inherit;
     border-bottom: none;
     border-radius: 10px 10px 0 0;
     left: 50%;
     top: -8px;
     margin-left: -7px;
     width: 15px;
     height: 11px
 }

 .cart-count {
     z-index: 1
 }

 @media (min-width:992px) {
     .mobile-menu-toggler {
         display: none
     }
 }

 @media (max-width:991px) {
     .main-nav {
         display: none
     }

     .minicart-icon {
         width: 24px
     }

     .header-search i {
         font-size: 2.4rem
     }
 }

 @media (max-width:767px) {
     .header .separator {
         display: none
     }

     .logo {
         max-width: 100px
     }
 }

 @media (max-width:575px) {
     .top-notice {
         line-height: 1.5
     }

     .logo {
         max-width: 90px
     }

     .header-icon:not(:last-child) {
         margin-right: 1.2rem
     }
 }

 .dropdownmenu-wrapper {
     position: relative;
     background-color: #fff
 }

 .dropdown-toggle i {
     font-size: 2.8rem
 }

 .dropdown-toggle:not(.dropdown-arrow):after {
     display: none
 }

 .dropdown-arrow:after {
     content: "";
     border: 0;
     margin: -5px 2px 0 11px;
     font-size: 15px;
     font-family: porto;
     width: auto;
     height: auto
 }

 .dropdown-arrow .badge-circle {
     top: 3px;
     left: 19px;
     z-index: 2
 }

 .cart-dropdown a:focus,
 .cart-dropdown a:hover {
     color: inherit
 }

 .cart-dropdown .mobile-cart {
     display: block;
     position: fixed;
     top: 0;
     bottom: 0;
     right: 0;
     left: auto;
     width: 300px;
     margin: 0;
     transform: translate(340px);
     transition: transform 0.2s ease-in-out 0s;
     background-color: #fff;
     z-index: 1050;
     border: none;
     border-radius: 0;
     box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15)
 }

 .cart-opened .cart-dropdown .mobile-cart {
     transform: none
 }

 .cart-dropdown .mobile-cart .btn-close {
     position: absolute;
     left: -4.2rem;
     top: 0.7rem;
     font-size: 3.3rem;
     color: #fff;
     font-weight: 300
 }

 .cart-product-info {
     color: #696969
 }

 .cart-opened .cart-overlay {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.4);
     z-index: 1050
 }

 .header-dropdowns {
     display: flex;
     display: -ms-flexbox;
     align-items: center;
     -ms-flex-align: center
 }

 .header-menu:before {
     content: "";
     display: block;
     position: absolute;
     left: 50%;
     width: 0;
     height: 0;
     z-index: 1151;
     margin-left: -9px;
     margin-top: -1rem;
     border-width: 0 9px 10px;
     border-style: solid;
     border-color: transparent transparent #fff;
     visibility: hidden;
     opacity: 1;
     transform: translateY(-1rem)
 }

 .header-dropdown {
     position: relative;
     line-height: 1.5;
     padding: 5px 0
 }

 .header-dropdown>a {
     padding: 0 5px
 }

 .header-dropdown>a:after {
     content: "";
     font-family: "porto";
     font-weight: 400;
     margin-left: 0.5rem
 }

 .header-dropdown img {
     display: inline-block;
     max-width: none;
     margin: -2px 6px 0 1px
 }

 .header-dropdown ul {
     position: absolute;
     top: -300rem;
     z-index: 1150;
     min-width: 100%;
     margin: 0;
     padding: 0.5rem 0;
     background: #fff;
     box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
     transition: transform 0.2s ease-out;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-1rem)
 }

 .header-dropdown ul a {
     display: block;
     padding: 0.5em 7px;
     color: #777;
     white-space: nowrap
 }

 .header-dropdown ul a:hover {
     background: #f4f4f4
 }

 .header-dropdown+.header-dropdown {
     margin-left: 1.4rem
 }

 .header-dropdown:hover .header-menu:before,
 .header-dropdown:hover ul {
     top: 100%;
     opacity: 1;
     visibility: visible;
     transform: none
 }

 .cart-dropdown .dropdownmenu-wrapper {
     padding: 2rem;
     overflow-y: auto;
     height: 100%
 }

 .cart-dropdown .dropdownmenu-wrapper:before {
     right: 28px;
     left: auto
 }

 .cart-dropdown .dropdownmenu-wrapper:after {
     right: 29px;
     left: auto
 }

 .cart-dropdown .product {
     display: -ms-flexbox;
     display: flex;
     margin: 0 !important;
     padding: 2rem 0;
     -ms-flex-align: center;
     align-items: center;
     border-bottom: 1px solid #e6ebee;
     box-shadow: none !important;
     font-family: Poppins, sans-serif
 }

 .cart-dropdown .product-image-container {
     position: relative;
     max-width: 80px;
     width: 100%;
     margin: 0;
     margin-left: auto;
     border: 1px solid #f4f4f4
 }

 .cart-dropdown .product-image-container a:after {
     display: none
 }

 .cart-dropdown .product-title {
     padding-right: 1.5rem;
     margin-bottom: 1.1rem;
     font-size: 1.4rem;
     line-height: 19px;
     color: #222529;
     font-weight: 500
 }

 .cart-dropdown .product-title a {
     color: #222529
 }

 .cart-dropdown .product-details {
     margin-bottom: 3px;
     font-size: 1.3rem
 }

 .cart-dropdown .btn-remove {
     position: absolute;
     top: -11px;
     right: -9px;
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
     color: inherit;
     background-color: #fff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
     text-align: center;
     line-height: 2rem;
     font-size: 1.8rem;
     font-weight: 500
 }

 .cart-dropdown .btn-remove span {
     display: block;
     margin-top: 1px
 }

 .cart-dropdown .btn-remove:focus,
 .cart-dropdown .btn-remove:hover {
     color: #08C
 }

 .sticky-header .cart-dropdown {
     margin-top: 0;
     margin-bottom: 0
 }

 .dropdown-cart-header,
 .dropdown-cart-total {
     font-weight: 700;
     line-height: 38px
 }

 .dropdown-cart-header {
     margin-bottom: 1.7rem
 }

 .dropdown-cart-total {
     display: flex;
     align-items: center;
     margin-top: 1.5rem;
     margin-bottom: 1.4rem;
     font-size: 1.3rem;
     font-family: Poppins, sans-serif
 }

 .dropdown-cart-total .cart-total-price {
     margin-left: auto;
     font-size: 1.5rem
 }

 .dropdown-cart-header {
     font-size: 2rem;
     font-family: Poppins, sans-serif
 }

 .dropdown-cart-header a:hover {
     text-decoration: underline
 }

 .dropdown-cart-action .btn {
     padding: 1.3rem 2.5rem 1.4rem;
     border-radius: 0.2rem;
     color: #fff;
     height: auto;
     font-size: 1.2rem;
     font-weight: 600;
     font-family: Poppins, sans-serif;
     letter-spacing: 0.025em;
     border-color: transparent
 }

 .dropdown-cart-action .btn:last-child:hover {
     color: #fff
 }

 .dropdown-cart-action .view-cart {
     margin: 1rem 0;
     background: #e7e7e7;
     color: #222529
 }

 .dropdown-cart-action .view-cart:focus,
 .dropdown-cart-action .view-cart:hover {
     background: #f1f1f1;
     color: #222529
 }

 .compare-dropdown .dropdown-toggle {
     text-transform: uppercase
 }

 .compare-dropdown .dropdown-toggle i {
     margin-top: -0.2rem;
     margin-right: 0.2rem
 }

 .compare-dropdown .dropdown-toggle i:before {
     margin: 0
 }

 .compare-dropdown .dropdown-toggle:after {
     display: none
 }

 .compare-products {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .compare-products .product {
     position: relative;
     margin: 0;
     padding: 0.5rem 0;
     box-shadow: none !important
 }

 .compare-products .product:hover {
     box-shadow: none
 }

 .compare-products .product-title {
     margin: 0;
     color: #696969;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.35;
     text-transform: uppercase
 }

 .compare-products .btn-remove {
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     top: 50%;
     right: 0;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 2.3rem;
     height: 2.3rem;
     margin-top: -1.2rem;
     padding: 0.5rem 0;
     color: #777;
     font-size: 1.3rem;
     line-height: 1;
     text-align: center;
     overflow: hidden
 }

 .compare-actions {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 2rem
 }

 .compare-actions .action-link {
     display: inline-block;
     color: #777;
     font-size: 1.1rem;
     text-transform: uppercase
 }

 .compare-actions .btn {
     min-width: 110px;
     margin-left: auto;
     padding: 0.9rem 1rem;
     border: 0;
     border-radius: 0.2rem;
     color: #fff;
     font-size: 1.2rem;
     font-weight: 400;
     letter-spacing: 0.025rem;
     text-align: center;
     text-transform: uppercase
 }

 .btn-remove {
     position: absolute;
     top: -10px;
     right: -8px;
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
     color: #474747;
     background-color: #fff;
     box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
     text-align: center;
     line-height: 2rem
 }

 .btn-remove:focus,
 .btn-remove:hover {
     color: #08C
 }

 .icon-cancel:before {
     content: "";
     font-family: "Font Awesome 5 Free";
     font-weight: 900
 }

 @media (min-width:992px) {

     .dropdown-expanded .header-menu:before,
     .dropdown-expanded>a {
         display: none
     }

     .dropdown-expanded li+li {
         margin-left: 3rem
     }

     .dropdown-expanded ul {
         position: static;
         display: flex;
         display: -ms-flexbox;
         padding: 0;
         border: 0;
         background-color: transparent;
         box-shadow: none;
         opacity: 1;
         visibility: visible
     }

     .dropdown-expanded ul a {
         padding: 0;
         color: inherit
     }

     .dropdown-expanded ul a:hover {
         background-color: transparent
     }

     .dropdown-expanded .header-menu ul {
         transform: none
     }
 }

 @media (max-width:575px) {
     .compare-dropdown {
         display: none
     }
 }

 @media (max-width:480px) {

     .cart-dropdown .dropdown-menu,
     .compare-dropdown .dropdown-menu {
         width: 262px
     }
 }

 .header-search {
     position: relative
 }

 .header-search form {
     margin: 0
 }

 .header-search .form-control,
 .header-search select {
     margin: 0;
     border: 0;
     color: inherit;
     font-size: 1.3rem;
     height: 100%;
     box-shadow: none
 }

 .header-search .form-control,
 .header-search .select-custom {
     background: #f4f4f4
 }

 @media (-ms-high-contrast:active),
 (-ms-high-contrast:none) {
     .header-search .form-control {
         flex: 1
     }
 }

 .header-search .form-control::placeholder {
     color: #a8a8a8
 }

 .header-search:not(.header-search-category) .form-control {
     border-radius: 5rem
 }

 .header-search:not(.header-search-category) .btn {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     background: transparent;
     border: 0;
     padding: 0 0.8em;
     color: #333
 }

 .search-toggle:after {
     content: "";
     position: absolute;
     right: calc(50% - 10px);
     bottom: -10px;
     border: 10px solid transparent;
     border-bottom-color: #08C
 }

 .header-search:not(.show) .search-toggle:after {
     display: none
 }

 .header-search-category .form-control {
     border-radius: 5rem 0 0 5rem
 }

 .header-search-category .btn {
     border-radius: 0 5rem 5rem 0
 }

 .header-search-wrapper {
     display: flex;
     display: -ms-flexbox;
     position: absolute;
     right: -2.3rem;
     z-index: 999;
     margin-top: 10px;
     color: #8d8d8d;
     box-sizing: content-box;
     height: 40px;
     border-radius: 5rem;
     border: 5px solid #08C
 }

 .header-search-wrapper:after {
     display: block;
     clear: both;
     content: ""
 }

 .header-search:not(.show) .header-search-wrapper {
     display: none
 }

 .header-search-wrapper .select-custom {
     margin: 0;
     width: 13rem;
     flex: 0 0 13rem
 }

 .header-search-wrapper .select-custom:after {
     font-size: 1.4rem;
     line-height: 0;
     margin-top: 1px;
     right: 13px
 }

 .header-search-wrapper select {
     width: 100%;
     border-left: 1px solid #fff;
     padding-left: 15px;
     padding-right: 14px;
     line-height: 36px;
     letter-spacing: 0.005em;
     color: inherit;
     -moz-appearance: none;
     -webkit-appearance: none
 }

 .header-search-wrapper select:focus {
     outline: none
 }

 .header-search-wrapper .btn {
     position: relative;
     padding: 0 0 3px 0;
     border: 0;
     border-left: 1px solid #fff;
     min-width: 40px;
     color: #222529;
     font-size: 16px;
     background: #f4f4f4
 }

 .header-search-wrapper .btn:before {
     display: inline-block;
     margin-top: 5px;
     font-weight: 800
 }

 .header-search-popup .form-control {
     min-width: 266px;
     padding: 4px 22px;
     font-size: 1.4rem;
     line-height: 20px
 }

 .header-search-popup .form-control:focus {
     border: #e7e7e7
 }

 .header-search-inline .form-control {
     min-width: 21rem;
     padding: 1rem 2rem
 }

 @media (min-width:992px) {

     .header-search-inline .btn:after,
     .header-search-inline .search-toggle {
         display: none
     }

     .header-search-inline.header-search .header-search-wrapper {
         display: flex;
         display: -ms-flex;
         position: static;
         margin: 0;
         border-width: 0
     }
 }

 @media (max-width:767px) {
     .header-search .form-control {
         min-width: 17rem
     }
 }

 @media (max-width:575px) {
     .header-search-wrapper {
         left: 15px;
         right: 15px
     }
 }

 .menu,
 .menu li,
 .menu ol,
 .menu ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .menu {
     font-size: 12px;
     font-weight: 600;
     line-height: 1.5
 }

 .menu:after {
     display: block;
     clear: both;
     content: ""
 }

 .menu .show>.megamenu,
 .menu .show>ul {
     opacity: 1
 }

 .menu li>a {
     display: block;
     padding: 0.8rem 1.8rem;
     transition: 0.2s ease-out;
     color: #777
 }

 .menu li.active>a,
 .menu li.show>a,
 .menu li:hover>a {
     background: #f4f4f4
 }

 .menu>li {
     float: left;
     position: relative;
     margin-right: 2.8rem
 }

 .menu>li>a {
     padding: 1rem 0;
     font-size: 13px;
     font-weight: 400;
     color: #555
 }

 .menu>li.active>a,
 .menu>li.show>a,
 .menu>li:hover>a {
     color: #08C;
     background: transparent
 }

 .menu>li>.sf-with-ul:before {
     content: "";
     position: absolute;
     z-index: 1000;
     left: 50%;
     bottom: 0;
     margin-left: -14px;
     border: 10px solid;
     border-color: transparent transparent #fff;
     opacity: 0
 }

 .menu>li.show>.sf-with-ul:before {
     opacity: 1;
     visibility: visible
 }

 .menu .megamenu {
     display: none;
     position: absolute;
     z-index: 999;
     background-color: #fff;
     box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);
     border: 1px solid #eee;
     border-top: 3px solid #08C;
     left: 15px;
     padding: 10px 20px;
     width: 580px
 }

 .menu .megamenu.megamenu-3cols {
     width: 600px
 }

 .menu .megamenu .row>div {
     padding-top: 1.5rem
 }

 .menu .megamenu img {
     width: 300px;
     height: 100%;
     object-fit: cover
 }

 .menu .megamenu .submenu {
     margin: 0;
     padding-top: 0;
     border-top: none;
     display: block;
     position: static;
     box-shadow: none;
     min-width: 0
 }

 .menu .megamenu .submenu a {
     padding: 7px 8px 8px 0
 }

 .menu .megamenu .submenu li:hover a {
     text-decoration: underline;
     background: transparent
 }

 .menu .nolink {
     cursor: default;
     display: inline-block;
     padding-bottom: 11px;
     font-weight: 700;
     color: #333
 }

 .menu ul {
     display: none;
     position: absolute;
     min-width: 200px;
     padding: 5px 0;
     border-top: 3px solid #08C;
     top: 100%;
     left: 0;
     z-index: 101;
     background-color: #fff;
     box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1)
 }

 .menu ul.custom-scrollbar {
     max-height: 80vh;
     overflow-y: auto
 }

 .menu ul ul {
     top: -5px;
     left: 100%
 }

 .menu ul li {
     position: relative
 }

 .menu ul li:hover ul {
     display: block
 }

 .menu.sf-arrows .sf-with-ul+ul>li {
     position: relative
 }

 .menu.sf-arrows .sf-with-ul:after {
     position: absolute;
     right: 1rem;
     content: "";
     font-family: "porto"
 }

 .menu.sf-arrows>li>.sf-with-ul:after {
     content: "";
     position: static;
     margin-left: 5px;
     font-weight: 400
 }

 .main-nav .menu {
     text-transform: uppercase;
     font-size: 12px
 }

 .main-nav .menu>li {
     margin-right: 35px
 }

 .main-nav .menu>li>a {
     font-size: 12px;
     font-weight: 700;
     padding: 19px 0
 }

 .main-nav .menu>li:first-child>a {
     padding-left: 0
 }

 .main-nav .menu>li:not(.float-right)+li.float-right,
 .main-nav .menu>li:not(.float-right):last-child {
     margin-right: 0
 }

 .main-nav .menu.sf-arrows ul {
     border-top: none
 }

 .main-nav .menu>li>ul {
     left: -15px
 }

 .main-nav .menu .megamenu {
     top: 100%;
     left: -15px;
     border-top: none
 }

 .main-nav .menu .megamenu img {
     height: 100%;
     object-fit: cover
 }

 .tip {
     display: inline-block;
     position: relative;
     margin: -2px 0 0 1rem;
     padding: 3px 4px;
     border-radius: 2px;
     color: #fff;
     font-family: "Open Sans", sans-serif;
     font-size: 1rem;
     line-height: 1;
     text-transform: uppercase;
     vertical-align: middle;
     z-index: 1
 }

 .tip:before {
     position: absolute;
     top: 50%;
     right: 100%;
     left: auto;
     margin-top: -3px;
     border: 3px solid transparent;
     border-width: 3px 2px 0 2px;
     content: ""
 }

 .tip-new {
     background-color: #0fc567
 }

 .tip-new:not(.tip-top):before {
     border-right-color: #0fc567
 }

 .tip-new.tip-top:before {
     border-top-color: #0fc567
 }

 .tip-hot {
     background-color: #eb2771
 }

 .tip-hot:not(.tip-top):before {
     border-right-color: #eb2771
 }

 .tip-hot.tip-top:before {
     border-right-color: #eb2771
 }

 .tip-top {
     position: absolute;
     top: 0;
     left: 50%;
     margin-top: 6px;
     margin-left: -2px;
     transform: translate(-50%)
 }

 .tip-top:before {
     top: 100%;
     right: 70%;
     margin: 0
 }

 .menu-banner {
     height: 100%
 }

 .menu-banner figure {
     margin-bottom: 0;
     height: 100%
 }

 .menu-banner .banner-content {
     position: absolute;
     top: 50%;
     left: 2rem;
     transform: translateY(-50%)
 }

 .menu-banner h4 {
     font-size: 2.7rem;
     font-weight: 600;
     line-height: 1;
     color: #485156;
     margin-bottom: 3.5rem
 }

 .menu-banner h4 span {
     font-size: 3.1rem;
     font-weight: 700
 }

 .menu-banner h4 b {
     font-size: 3.2rem;
     color: #f4762a;
     font-family: Oswald, sans-serif
 }

 .menu-banner h4 i {
     position: absolute;
     top: 33.5%;
     font-family: Oswald, sans-serif;
     font-size: 1.8rem;
     font-style: normal;
     transform: translateY(-50%) rotate(-90deg)
 }

 .menu-banner .btn {
     font-family: Oswald, sans-serif;
     border-radius: 1px;
     font-weight: 300;
     color: #fff
 }

 .menu-banner.menu-banner-2 {
     max-height: 317px
 }

 .menu-banner.menu-banner-2 figure img {
     object-position: center 80%
 }

 .menu-banner.menu-banner-2 .banner-content {
     top: 10px;
     left: auto;
     right: 10px;
     transform: none
 }

 .menu-banner.menu-banner-2 .banner-content b {
     color: #08C
 }

 .menu-banner.menu-banner-2 i {
     position: absolute;
     font-style: normal;
     font-size: 108px;
     font-weight: 800;
     line-height: 1;
     letter-spacing: 0.02em;
     color: #fff;
     top: 58px;
     left: -58px;
     transform: rotate(-90deg)
 }

 .menu-banner.menu-banner-2 .btn {
     position: absolute;
     bottom: 10px;
     padding: 8px 32px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 2px;
     font-weight: 300
 }

 .mobile-menu-container {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     max-width: 260px;
     background-color: #1d1e20;
     font-size: 1.2rem;
     line-height: 1.5;
     z-index: 1051;
     transform: translateX(-100%);
     transition: transform 0.25s;
     overflow-y: auto
 }

 .mmenu-active .mobile-menu-container {
     transform: translateX(0)
 }

 .mobile-menu-container .social-icons {
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     margin-bottom: 0
 }

 .mobile-menu-container .social-icon+.social-icon {
     margin-left: 1.2rem
 }

 .mobile-menu-container .search-wrapper {
     display: flex;
     position: relative;
     align-items: center;
     padding-left: 1.5rem;
     padding-right: 1.5rem
 }

 .mobile-menu-container .search-wrapper .form-control {
     background: #282e36;
     border: 0;
     line-height: 22px;
     padding: 8px 12px;
     height: 38px
 }

 .mobile-menu-container .search-wrapper .btn {
     position: absolute;
     right: 28px
 }

 .mobile-menu-wrapper {
     position: relative;
     padding: 4.7rem 0 3rem
 }

 .mobile-menu-close {
     position: absolute;
     top: 1.2rem;
     right: 2.1rem;
     padding: 0.4rem;
     color: #fff;
     line-height: 1;
     cursor: pointer;
     z-index: 9;
     font-size: 1.3rem
 }

 .mobile-menu-overlay {
     display: block;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     transition: all 0.25s;
     background: #000;
     opacity: 0;
     visibility: hidden;
     z-index: 1050
 }

 .mmenu-active .mobile-menu-overlay {
     opacity: 0.35;
     visibility: visible
 }

 .mmenu-active .sidebar-product {
     display: none
 }

 .mmenu-active .mobile-sidebar {
     display: none
 }

 .mobile-nav {
     margin: 0 0 2rem;
     padding: 0
 }

 .mobile-menu {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .mobile-menu li ul {
     display: none
 }

 .mobile-menu>li>a {
     text-transform: uppercase
 }

 .mobile-menu li {
     display: block;
     position: relative
 }

 .mobile-menu li:not(:last-child) {
     border-bottom: 1px solid #242527
 }

 .mobile-menu li a {
     display: block;
     position: relative;
     margin-left: 1.1rem;
     margin-right: 1.1rem;
     padding: 1rem 0 1.1rem 0.7rem;
     color: #fff;
     font-size: 1.3rem
 }

 .mobile-menu li a:focus,
 .mobile-menu li a:hover {
     color: #fff;
     text-decoration: none
 }

 .mobile-menu li.active>a,
 .mobile-menu li.open>a {
     color: #fff;
     background-color: #282e36
 }

 .mobile-menu li>div {
     padding-left: 1rem
 }

 .mobile-menu li ul {
     margin: 0;
     padding: 0
 }

 .mobile-menu li ul li a {
     padding-left: 2.5rem
 }

 .mobile-menu li ul ul li a {
     padding-left: 3.5rem
 }

 .mmenu-btn {
     display: block;
     position: absolute;
     top: 46%;
     right: 0.5rem;
     width: 3rem;
     height: 3rem;
     margin-top: -1.5rem;
     text-align: center;
     border-radius: 0;
     outline: none;
     font-weight: bold;
     background-color: transparent;
     color: #fff;
     font-size: 1.7rem;
     line-height: 3rem;
     cursor: pointer
 }

 .open>.mmenu-btn:after {
     content: ""
 }

 .mmenu-btn:after {
     display: inline-block;
     margin-top: -2px;
     font-family: "porto";
     content: ""
 }

 .open>a>.mmenu-btn:after {
     content: ""
 }

 footer {
     font-size: 1.3rem;
     line-height: 24px
 }

 footer .container {
     position: relative
 }

 footer p {
     color: inherit
 }

 footer a {
     color: inherit
 }

 footer .social-icon {
     border-radius: 50%;
     width: 4rem;
     height: 4rem;
     font-size: 1.8rem;
     line-height: 4rem
 }

 footer .social-icon:not(:hover):not(:active):not(:focus) {
     background: transparent
 }

 footer .payment-icons {
     margin-right: 2px
 }

 footer .payment-icons .payment-icon {
     display: inline-block;
     vertical-align: middle;
     margin: 1px;
     width: 56px;
     height: 32px;
     background-color: #d6d3cc;
     background-size: 80% auto;
     background-repeat: no-repeat;
     background-position: center;
     transition: opacity 0.25s;
     filter: invert(1);
     border-radius: 4px
 }

 footer .payment-icons .payment-icon:hover {
     opacity: 0.7
 }

 footer .payment-icons .payment-icon.paypal {
     background-size: 85% auto;
     background-position: 50% 48%
 }

 footer .payment-icons .payment-icon.stripe {
     background-size: 60% auto
 }

 footer .widget {
     margin-bottom: 3rem
 }

 footer .widget-title {
     color: #fff;
     font-size: 1.6rem;
     font-weight: 600;
     text-transform: uppercase;
     margin: 0 0 1.7rem
 }

 footer .tagcloud a {
     padding: 0.6em;
     margin: 0 0.8rem 0.8rem 0;
     border: 1px solid #313438;
     color: inherit;
     font-size: 11px;
     background: transparent
 }

 footer .tagcloud a:hover {
     border-color: #fff;
     background: transparent
 }

 footer .contact-info {
     margin: 0;
     padding: 0
 }

 footer .contact-info li {
     position: relative;
     margin-bottom: 1rem;
     line-height: 1.4
 }

 footer .contact-info-label {
     display: block;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
     margin-bottom: 1px
 }

 .footer-ribbon {
     position: absolute;
     top: 0;
     margin: -16px 0 0;
     padding: 10px 20px 6px;
     color: #fff;
     font-size: 1.6em;
     z-index: 101;
     background-color: #0088cc;
     font-family: "Shadows Into Light", sans-serif;
     font-weight: 400
 }

 .footer-ribbon:before {
     content: "";
     display: block;
     height: 0;
     position: absolute;
     top: 0;
     width: 7px;
     right: 100%;
     border-right: 10px solid #005580;
     border-top: 16px solid transparent
 }

 #scroll-top {
     height: 40px;
     position: fixed;
     right: 15px;
     width: 40px;
     z-index: 9999;
     bottom: 0;
     color: #fff;
     background-color: #43494e;
     font-size: 16px;
     text-align: center;
     line-height: 1;
     padding: 11px 0;
     visibility: hidden;
     opacity: 0;
     border-radius: 0 0 0 0;
     transition: all 0.3s, margin-right 0s;
     transform: translateY(40px)
 }

 #scroll-top>i {
     position: absolute;
     height: 24px;
     line-height: 24px;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto
 }

 #scroll-top>i:before {
     font-weight: 700;
     font-size: 2rem
 }

 #scroll-top:focus,
 #scroll-top:hover {
     background-color: #3a4045
 }

 #scroll-top.fixed {
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
     color: #FFF;
     width: 49px;
     height: 48px;
     right: 10px;
     text-align: center;
     text-decoration: none;
     z-index: 996;
     transition: background 0.3s ease-out;
     background: rgba(64, 64, 64, 0.75)
 }

 #scroll-top.fixed:hover {
     color: #08C
 }

 @media (max-width:575px) {
     footer {
         margin-bottom: 68px
     }

     #scroll-top {
         display: none
     }
 }

 .flag {
     margin-top: -2px
 }

 .header {
     border-bottom: 1px solid #f4f4f4
 }

 .header-top {
     padding: 8px 0;
     font-size: 1.1rem;
     font-weight: 600;
     letter-spacing: 0.025em;
     line-height: 24px
 }

 .header-top a {
     color: inherit
 }

 .header-top .dropdown-expanded li+li {
     margin-left: 0
 }

 .header-top .dropdown-expanded a {
     padding-left: 11px;
     padding-right: 12px
 }

 .header-middle {
     display: flex;
     padding: 2.7rem 0;
     border-top: 1px solid #e7e7e7
 }

 .header-bottom .container:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 10px;
     right: 10px;
     border-top: 1px solid #f4f4f4;
     flex: 0 0 100%;
     -ms-flex: 0 0 100%
 }

 .header-bottom.fixed .main-nav .float-right {
     display: block
 }

 .top-notice h5 {
     margin-bottom: 1px;
     margin-right: 4px
 }

 .top-notice h5 b {
     letter-spacing: 0.04em
 }

 .header-dropdown {
     padding: 4px 0
 }

 .header-dropdown .dropdown-toggle:after {
     font-size: 17px
 }

 .header-dropdown .badge-circle {
     left: 21px
 }

 .header-dropdown img {
     margin-top: -1px
 }

 .dropdown-arrow .badge-circle {
     top: 1px;
     left: 23px
 }

 .dropdown-arrow:after {
     border: 0;
     margin: 0 0 0 15px;
     font-size: 17px
 }

 .cart-dropdown {
     margin-left: -2px
 }

 .cart-dropdown a.dropdown-toggle {
     display: flex;
     align-items: center;
     min-height: 38px
 }

 .cart-dropdown a.dropdown-toggle:hover {
     color: inherit
 }

 .header-search form {
     padding-left: 11px
 }

 .header-search .select-custom {
     min-width: 129px;
     flex: 0 0 129px
 }

 .header-search .select-custom select {
     border-right: 1px solid #fff
 }

 .header-search .btn {
     border-left: none
 }

 .header-contact {
     margin-right: 28px;
     margin-left: 1.2rem
 }

 .header-contact h6 {
     margin-top: 1px;
     margin-left: 1px
 }

 .header-icon:not(:last-child) {
     margin-top: -2px;
     margin-right: 2.2rem
 }

 .main-nav .menu>li>a {
     border-top: 3px solid transparent;
     border-bottom: 3px solid transparent;
     padding: 17px 0;
     letter-spacing: -0.01em
 }

 .main-nav .menu>li.active>a,
 .main-nav .menu>li>a:hover {
     border-top-color: #08C
 }

 .main-nav .menu>li.float-right a:hover {
     border-top-color: transparent
 }

 .main-nav .menu>li.float-right:last-child {
     margin-right: 8px
 }

 .main-nav .menu .tip-top {
     right: -5px;
     top: 5px;
     left: auto;
     font-size: 9px;
     padding: 2px;
     margin-left: 10px;
     margin-top: 0;
     transform: none
 }

 .footer-middle {
     padding: 6.5rem 0 2.3rem
 }

 .footer-bottom {
     padding: 2.7rem 0;
     border-top: 1px solid #313438
 }

 .footer {
     letter-spacing: 0.005em
 }

 .footer .widget li {
     color: #a8a8a8
 }

 .footer .widget-title {
     letter-spacing: normal
 }

 .footer .social-icons {
     display: flex;
     align-items: center
 }

 .footer .social-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 2px;
     width: 40px;
     height: 40px;
     box-shadow: none;
     font-size: 1.5rem;
     line-height: 3.8rem;
     border-radius: 50%;
     border: 1px solid #313438
 }

 .footer .social-icon:not(:hover):not(:active):not(:focus) {
     background-color: transparent;
     border-color: #313438;
     color: #fff
 }

 .footer .social-icon:hover {
     border-color: transparent
 }

 .footer .social-icon+.social-icon {
     margin-left: 0.5rem
 }

 .footer .contact-info {
     margin-bottom: 3rem
 }

 .footer .contact-info li {
     position: relative;
     margin-bottom: 1rem;
     line-height: 1.4
 }

 .footer .contact-info li:last-child {
     margin-bottom: 0.4rem
 }

 .footer .contact-info-label {
     display: block;
     margin-bottom: 0;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase
 }

 .footer .tagcloud {
     margin-top: -0.3em;
     margin-bottom: -0.3846em
 }

 .footer .tagcloud a {
     display: inline-block;
     margin: 0.3846em 0.3846em 0.3846em 0;
     padding: 0.5em 0.6em 0.65em;
     border-radius: 0;
     font-size: 11px !important;
     font-weight: 400;
     border: 1px solid #313438;
     color: #a8a8a8;
     background: none;
     text-transform: none
 }

 .footer .tagcloud a:hover {
     border-color: #fff;
     color: #fff;
     background: transparent
 }

 .footer .widget-newsletter p {
     margin-top: -3px;
     margin-bottom: 1.3rem;
     line-height: 1.9;
     color: #a8a8a8
 }

 .footer .widget-newsletter .form-control {
     height: 4.4rem;
     padding: 0.8rem 2.4rem;
     border: 0;
     border-radius: 5rem;
     background: #292c30;
     color: #777;
     font-size: inherit
 }

 .footer .widget-newsletter .form-control::placeholder {
     color: #999999
 }

 .footer .widget-newsletter .btn {
     padding: 1.2rem 2.7rem;
     border-radius: 5rem;
     font-size: inherit;
     font-family: "Open Sans", sans-serif
 }

 .footer-copyright {
     color: #777;
     font-size: 0.9em;
     line-height: 24px;
     letter-spacing: 0.065px
 }

 .coupon-sale-text {
     position: relative;
     display: inline-block;
     padding: 5px 8px;
     transform: rotate(-2deg)
 }

 .coupon-sale-text i {
     position: absolute;
     left: -2.25em;
     top: 50%;
     transform: translateY(-50%) rotate(-90deg);
     font-size: 0.65em;
     font-style: normal;
     opacity: 0.6;
     letter-spacing: 0
 }

 .coupon-sale-text b {
     display: inline-block;
     padding: 5px 8px;
     font-size: 1.6em;
     background-color: #fff
 }

 .coupon-sale-text em {
     font-size: 2em;
     font-style: normal
 }

 .btn-lg {
     padding: 1.07em 2.76em
 }

 .btn-light {
     background: #fff;
     border-color: #fff
 }

 .btn-black {
     background: #0e0f11;
     border-color: #0e0f11
 }

 .product-default .btn-add-cart i {
     display: none
 }

 @media (max-width:1199px) {
     .header-top .dropdown-expanded a {
         padding-left: 5px;
         padding-right: 5px
     }
 }

 @media (max-width:767px) {
     .minicart-icon {
         width: 22px;
         height: 18px
     }
 }

 @media (max-width:575px) {

     .cart-dropdown,
     .header-icon {
         padding: 0
     }

     .header-search {
         display: none
     }
 }

 @media (max-width:479px) {
     .header-icon:not(:last-child) {
         margin-right: 1.5rem;
         margin-bottom: 3px
     }

     .sticky-header .cart-dropdown {
         margin-bottom: 4px
     }
 }

 @media (min-width:992px) and (max-width:1199px) {
     .dropdown-expanded li:not(:first-child) {
         margin-left: 1.3rem
     }
 }

 .about .feature-box h3 {
     margin-bottom: 1.2rem;
     text-transform: none;
     font-weight: 600;
     font-size: 18px;
     line-height: 20px;
     color: #21293c
 }

 .about .feature-box i {
     margin-bottom: 1.3rem;
     font-size: 5.5rem
 }

 .about .feature-box p {
     line-height: 27px
 }

 .page-header-bg {
     padding: 8.3rem 0 8.7rem
 }

 .page-header-bg h1 {
     color: #1e3636;
     font-size: 3.6rem;
     font-weight: 900;
     margin-bottom: 2.4rem;
     letter-spacing: 0
 }

 .page-header-bg h1 span {
     display: block;
     color: #1e3636;
     font-size: 0.5em;
     font-weight: 700;
     line-height: 1.2;
     font-family: Poppins, sans-serif;
     letter-spacing: 0
 }

 .page-header-bg .btn {
     padding: 11px 29px;
     font-family: Oswald, sans-serif;
     font-weight: inherit;
     font-size: inherit;
     letter-spacing: 0;
     z-index: 3
 }

 .subtitle {
     color: #21293c;
     font-size: 1.9rem
 }

 .about-section {
     padding: 1rem 0 2.5rem;
     color: #7b858a;
     font-size: 1.5rem;
     line-height: 1.8
 }

 .about-section .subtitle {
     margin-bottom: 1.7rem
 }

 .about-section p {
     margin-bottom: 2rem;
     font-weight: 400;
     font-size: 14px;
     line-height: 24px
 }

 .about-section .lead {
     font-family: Poppins, sans-serif;
     color: #21293c;
     font-size: 1.8rem;
     line-height: 1.5;
     font-weight: 400
 }

 .features-section {
     padding: 5.1rem 0 2rem
 }

 .features-section .subtitle {
     margin-bottom: 1.7rem
 }

 .features-section h3 {
     font-family: Poppins, sans-serif
 }

 .features-section .feature-box {
     padding: 3rem 4rem
 }

 .testimonials-section {
     padding: 5.1rem 0 7rem
 }

 .testimonials-section .subtitle {
     margin-bottom: 5.2rem
 }

 .testimonials-carousel blockquote {
     margin-bottom: 0
 }

 .testimonials-carousel.owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 0.5rem
 }

 .testimonial-title {
     display: block;
     margin-bottom: 2px;
     font-size: 1.6rem;
     text-transform: uppercase;
     color: #2b2b2d
 }

 .counters-section {
     padding: 5rem 0 2.4rem
 }

 .count-container .count-wrapper {
     color: #0087cb;
     font-size: 3.2rem;
     font-weight: 800;
     line-height: 3.2rem;
     font-family: "Open Sans", sans-serif
 }

 .count-container span:not(.count-to) {
     font-size: 1.9rem
 }

 .count-container .count-title {
     color: #7b858a;
     font-size: 1.4rem;
     font-weight: 600
 }

 .team-info figure {
     position: relative
 }

 .team-info:hover .prod-full-screen {
     opacity: 1
 }

 .team-info .prod-full-screen {
     display: flex;
     width: 30px;
     height: 30px;
     align-items: center;
     justify-content: center;
     background-color: #222529;
     border-radius: 50%;
     bottom: 5px;
     right: 5px
 }

 .team-info .prod-full-screen i {
     color: #fff
 }

 .owl-carousel.images-left img {
     width: auto
 }

 @media (min-width:992px) {
     .counters-section .col-md-4 {
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%
     }
 }

 @media (min-width:768px) {
     .about-section {
         padding-top: 3.1rem;
         padding-bottom: 4.5rem
     }
 }

 @media (min-width:576px) {
     .testimonial blockquote {
         margin-left: 85px;
         padding: 2rem 3rem 1.5rem 2rem
     }
 }

 .sidebar-shop {
     font-size: 1.3rem
 }

 .sidebar-shop .product-widget .product-title {
     margin-bottom: 0.4rem;
     font-family: "Open Sans", sans-serif
 }

 .sidebar-shop .product-widget .product-details {
     margin-bottom: 1px
 }

 .sidebar-shop .widget {
     padding: 2rem;
     border: 1px solid #e7e7e7
 }

 .sidebar-shop .widget:after {
     display: block;
     clear: both;
     content: ""
 }

 .sidebar-shop .widget:not(:last-child) {
     border-bottom: 0
 }

 .sidebar-shop .widget-title {
     margin: 0;
     color: #313131;
     font-family: Poppins, sans-serif;
     font-size: 1.5rem;
     font-weight: 600;
     line-height: 1.4;
     text-transform: uppercase
 }

 .sidebar-shop .widget-title a {
     display: block;
     position: relative;
     color: inherit
 }

 .sidebar-shop .widget-title a:focus,
 .sidebar-shop .widget-title a:hover {
     text-decoration: none
 }

 .sidebar-shop .widget-title a:after,
 .sidebar-shop .widget-title a:before {
     display: inline-block;
     position: absolute;
     top: 50.4%;
     right: 2px;
     width: 10px;
     height: 2px;
     margin-top: -1px;
     transition: all 0.35s;
     background: #222529;
     content: ""
 }

 .sidebar-shop .widget-title a.collapsed:after {
     transform: rotate(-90deg)
 }

 .sidebar-shop .widget-body {
     padding: 1.5rem 0 0.7rem
 }

 .sidebar-shop .widget-featured {
     position: relative;
     padding-bottom: 0.5rem
 }

 .sidebar-shop .widget-featured .widget-body {
     padding-top: 1.5rem
 }

 .sidebar-shop .widget-featured .product-sm:last-child {
     margin-bottom: 0
 }

 .sidebar-shop .widget-featured .ratings-container {
     margin-left: 0
 }

 .widget-featured-products .product-widget {
     margin-bottom: 1.6rem
 }

 .widget-featured-products .product-widget figure {
     margin-right: 1.2rem;
     max-width: 84px;
     flex-shrink: 0
 }

 .widget-featured-products .product-widget .ratings-container {
     margin-bottom: 1.2rem;
     margin-top: 2px
 }

 .widget .owl-carousel .owl-nav {
     position: absolute;
     top: -3.5rem;
     right: 1px;
     line-height: 0
 }

 .widget .owl-carousel .owl-nav button.owl-next,
 .widget .owl-carousel .owl-nav button.owl-prev {
     padding: 0 0.4rem !important;
     border-radius: 0;
     color: #222529;
     font-size: 1.8rem;
     line-height: 1;
     background-color: transparent
 }

 .widget .owl-carousel .owl-nav i:before {
     width: auto;
     margin: 0
 }

 .cat-list {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .cat-list li {
     position: relative;
     margin-bottom: 1.3rem;
     font-size: 14px;
     font-weight: 500
 }

 .cat-list li:last-child {
     margin-bottom: 0
 }

 .cat-list li a {
     color: #777;
     font-weight: 500
 }

 .cat-list li a:focus,
 .cat-list li a:hover {
     color: #08C
 }

 .cat-list .products-count {
     margin-left: 3px;
     font-size: 13px;
     font-weight: 500
 }

 .cat-sublist {
     margin-top: 1.3rem;
     margin-left: 1.4rem
 }

 span.toggle {
     cursor: pointer;
     display: inline-block;
     text-align: center;
     position: absolute;
     right: -5px;
     top: -3px;
     margin: 0;
     padding: 0;
     width: 24px;
     height: 24px;
     line-height: 23px;
     font-family: "Porto";
     font-weight: 900;
     color: #222529
 }

 span.toggle:before {
     content: ""
 }

 .collapsed span.toggle:before {
     content: ""
 }

 .config-size-list {
     margin: 0;
     padding: 0;
     font-size: 0;
     list-style: none
 }

 .config-size-list li {
     display: -ms-inline-flexbox;
     display: inline-flex
 }

 .config-size-list a {
     display: block;
     position: relative;
     min-width: 32px;
     text-align: center;
     margin: 3px 6px 3px 0;
     padding: 4px 8px;
     transition: all 0.3s;
     border: 1px solid #e9e9e9;
     color: #777;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.6rem;
     text-decoration: none
 }

 .config-size-list a.active,
 .config-size-list a:focus,
 .config-size-list a:hover {
     border-color: #08C;
     background-color: #08C;
     color: #fff;
     text-decoration: none
 }

 .price-slider-wrapper {
     padding: 1.5rem 0.4rem 0.5rem 0.6rem
 }

 .filter-price-action {
     margin-top: 2.5rem;
     padding-bottom: 0.5rem
 }

 .filter-price-action .btn {
     padding: 5px 1.5rem 6px 1.5rem;
     font-size: 1.2rem;
     font-weight: 600;
     font-family: "Open Sans", sans-serif
 }

 .filter-price-action .filter-price-text {
     font-size: 1.2rem;
     line-height: 2
 }

 .widget-block {
     font-size: 1.5rem;
     line-height: 1.42
 }

 .widget-block h5 {
     margin-bottom: 1.5rem;
     color: #313131;
     font-size: 1.4rem;
     font-weight: 600;
     font-family: "Open Sans", sans-serif
 }

 .widget-block p {
     font-size: 1.4rem;
     line-height: 1.75;
     margin-bottom: 0
 }

 .widget-block .widget-title {
     padding-bottom: 3px
 }

 .widget .config-swatch-list {
     display: flex;
     flex-wrap: wrap;
     margin-top: 0.3rem
 }

 .widget .config-swatch-list li {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     margin: 0;
     font-size: 1.3rem
 }

 .widget .config-swatch-list li a {
     margin: 3px 6px 3px 0;
     box-shadow: none
 }

 .widget.widget-color .widget-body {
     padding-top: 0.6rem
 }

 .widget.widget-size .widget-body {
     padding-top: 1.1rem
 }

 .shop-toggle.sidebar-toggle {
     display: inline-flex;
     position: static;
     align-items: center;
     width: auto;
     height: 34px;
     background: #fff;
     padding: 0 8px;
     text-transform: uppercase;
     color: inherit;
     border: 1px solid #e7e7e7;
     cursor: pointer;
     margin-right: 1rem;
     margin-top: 0;
     z-index: 1
 }

 .shop-toggle.sidebar-toggle span {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: -0.05em;
     margin-left: 0.6rem;
     color: #222528
 }

 .sidebar-opened .shop-toggle.sidebar-toggle {
     z-index: 1
 }

 .sidebar-opened .shop-toggle.sidebar-toggle i:before {
     content: ""
 }

 .horizontal-filter {
     margin-bottom: 2rem;
     padding: 6px 0 0px;
     background-color: #f4f4f4
 }

 .horizontal-filter.filter-sorts {
     padding: 12px 12px 2px
 }

 .horizontal-filter.filter-sorts .select-custom select {
     border: none
 }

 .horizontal-filter:not(.filter-sorts) .toolbox-item:not(:last-child) {
     margin-right: 1.6rem
 }

 .horizontal-filter:not(.filter-sorts).toolbox label {
     margin: 0px 1rem 1px 0px;
     font-family: Poppins, sans-serif;
     letter-spacing: -0.025em
 }

 .horizontal-filter:not(.filter-sorts).toolbox .form-control {
     padding: 0 0.8rem 2px;
     color: #222529;
     font-family: "poppins"
 }

 .horizontal-filter:not(.filter-sorts).toolbox .select-custom .form-control {
     padding-right: 2.4rem
 }

 .horizontal-filter:not(.filter-sorts) .toolbox-item.toolbox-sort {
     margin-right: 3.2rem
 }

 .horizontal-filter .filter-price-form {
     font-family: "Open Sans", sans-serif;
     font-size: 1.36rem
 }

 .horizontal-filter .filter-price-form .btn {
     font-family: inherit;
     padding: 0.7rem 1.2rem;
     font-size: 1.2rem;
     font-weight: 400
 }

 .horizontal-filter .input-price {
     display: block;
     width: 50px;
     padding: 6px;
     line-height: 1.45;
     outline: none;
     border: 1px solid rgba(0, 0, 0, 0.09)
 }

 .horizontal-filter select {
     border: 0
 }

 .horizontal-filter:not(.filter-sorts) {
     background-color: #fff
 }

 .horizontal-filter:not(.filter-sorts) .layout-btn {
     width: 36px;
     border: 1px solid #dfdfdf;
     line-height: 34px
 }

 .horizontal-filter:not(.filter-sorts) .layout-btn.active {
     color: #222529;
     border-color: #222529
 }

 .horizontal-filter:not(.filter-sorts) .layout-btn:not(:last-child) {
     margin-right: 8px
 }

 .horizontal-filter .select-custom select {
     border: 1px solid #dfdfdf
 }

 .sort-menu-trigger {
     display: block;
     color: #313131;
     font-size: 12px;
     line-height: 1.4;
     text-transform: uppercase
 }

 .sort-list li {
     padding: 1rem 0;
     font-size: 12px;
     text-transform: uppercase
 }

 .sort-list li a {
     color: inherit;
     font-weight: 600
 }

 .sort-list li.active,
 .sort-list li:focus,
 .sort-list li:hover {
     color: #08C
 }

 .sort-list.cat-list li {
     margin-bottom: 0
 }

 .sort-list.cat-list li span.toggle {
     top: 5px
 }

 .filter-toggle span {
     margin-bottom: 2px;
     color: #777;
     font-size: 1.3rem;
     letter-spacing: -0.02em
 }

 .filter-toggle a {
     display: inline-block;
     position: relative;
     width: 46px;
     height: 26px;
     margin-left: 7px;
     border-radius: 13px;
     background: #e6e6e6;
     text-decoration: none
 }

 .filter-toggle a:before {
     position: absolute;
     left: 0;
     width: 42px;
     height: 22px;
     -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
     transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
     transition: all 0.3s linear;
     border-radius: 11px;
     background-color: #fff;
     content: ""
 }

 .filter-toggle a:after {
     position: absolute;
     left: 0;
     width: 22px;
     height: 22px;
     -webkit-transform: translate3d(2px, 2px, 0);
     transform: translate3d(2px, 2px, 0);
     transition: all 0.2s ease-in-out;
     border-radius: 11px;
     background-color: #fff;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
     content: ""
 }

 .filter-toggle.opened a {
     background-color: #08C
 }

 .filter-toggle.opened a:before {
     -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
     transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
 }

 .filter-toggle.opened a:after {
     -webkit-transform: translate3d(22px, 2px, 0);
     transform: translate3d(22px, 2px, 0)
 }

 .shop-off-canvas .mobile-sidebar {
     display: block;
     position: fixed;
     padding: 1.3rem 0.8rem 1.3rem 0.9rem;
     top: 0;
     bottom: 0;
     left: 0;
     width: 300px;
     margin: 0;
     transform: translate(-300px);
     transition: transform 0.2s ease-in-out 0s;
     background-color: #fff;
     z-index: 9999;
     overflow-y: auto
 }

 .shop-off-canvas .widget {
     border: none
 }

 .shop-off-canvas .widget:not(:last-child) {
     border-bottom: 1px solid #e7e7e7
 }

 .shop-off-canvas .sidebar-wrapper {
     width: 100% !important
 }

 .sidebar-opened .shop-off-canvas .mobile-sidebar {
     transform: none
 }

 .sidebar-opened .shop-off-canvas .sidebar-overlay {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: #000;
     opacity: 0.35;
     z-index: 9999
 }

 .sidebar-toggle {
     display: flex;
     position: static;
     margin-right: 0.8rem;
     margin-top: 0;
     padding: 0 1.1rem 0 3px;
     align-items: center;
     width: auto;
     height: 34px;
     text-transform: uppercase;
     line-height: 36px;
     color: inherit;
     border: 1px solid #dfdfdf;
     background: #fff;
     cursor: pointer
 }

 .sidebar-toggle span {
     margin-left: 0rem;
     font-size: 1.3rem;
     letter-spacing: -0.05em
 }

 .sidebar-toggle:hover span {
     color: #08C
 }

 .sidebar-opened .sidebar-toggle i:before {
     content: ""
 }

 .slide-content {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 11.4%;
     text-transform: uppercase
 }

 .boxed-slide-1 .slide-content {
     text-align: center
 }

 .boxed-slide-2 .slide-content {
     left: 6.8%;
     color: #222529
 }

 .boxed-slide-1 h4 {
     font-family: Oswald, sans-serif;
     font-size: 2.7rem;
     font-weight: 500;
     letter-spacing: -0.08em;
     margin-bottom: 0
 }

 .boxed-slide-1 h5 {
     font-family: "Open Sans", sans-serif;
     font-size: 3rem;
     font-weight: 800;
     letter-spacing: -0.025em;
     margin-top: -5px;
     margin-bottom: 0
 }

 .boxed-slide-1 span {
     display: block;
     position: relative;
     width: 100%;
     color: #222529;
     letter-spacing: 0.05em;
     font-weight: 700;
     margin-bottom: -6px;
     margin-top: 3px
 }

 .boxed-slide-1 span:before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 50px;
     height: 1px;
     background-color: #74b0bb
 }

 .boxed-slide-1 span:after {
     content: "";
     display: block;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 50px;
     height: 1px;
     background-color: #74b0bb
 }

 .boxed-slide-1 b {
     font-size: 3.6rem;
     font-weight: 800;
     color: #222529;
     letter-spacing: 0.025em
 }

 .boxed-slide-1 b i {
     font-weight: 500
 }

 .boxed-slide-1 p {
     font-size: 13px;
     font-weight: 700;
     color: #222529;
     letter-spacing: 0.03em;
     margin-top: -5px;
     margin-bottom: 2.2rem
 }

 .boxed-slide-2 h5 {
     font-family: "Open Sans", sans-serif;
     font-size: 1.8rem;
     font-weight: 800;
     margin-bottom: 0
 }

 .boxed-slide-2 h5 span {
     font-family: Oswald, sans-serif;
     font-size: 2.9rem
 }

 .boxed-slide-2 h5 i {
     font-family: Poppins, sans-serif;
     font-style: normal;
     font-size: 1.6rem;
     margin-left: -2px;
     margin-bottom: 5px
 }

 .boxed-slide-2 h4 {
     font-size: 3.2rem;
     font-weight: 800;
     font-family: "Open Sans", sans-serif;
     letter-spacing: -0.02em;
     margin-bottom: 3rem;
     margin-top: -3px
 }

 .boxed-slide-2 .btn {
     font-family: Oswald, sans-serif;
     font-size: 1.5rem;
     font-weight: 300;
     letter-spacing: 0.04em;
     padding: 9px 17.5px 13px;
     margin-bottom: 1.3rem
 }

 .btn-loadmore {
     box-shadow: none;
     padding: 1.3rem 3rem;
     border: 1px solid #e7e7e7;
     font-size: 1.2rem;
     font-family: "Open Sans", sans-serif;
     color: #555
 }

 .btn-loadmore:hover {
     border-color: #ccc
 }

 .category-banner {
     padding: 6.8rem 0
 }

 .category-banner .coupon-sale-text {
     font-family: "Open Sans", sans-serif
 }

 .category-banner h3 {
     font-size: 3em;
     margin-left: 1.8rem;
     margin-bottom: 1.6rem
 }

 .category-banner h4 {
     font-size: 1.125em;
     line-height: 1.7
 }

 .category-banner h5 {
     font-size: 1em
 }

 .category-banner .btn {
     font-size: 0.75em;
     letter-spacing: 0.01em;
     padding: 1em 1.6em;
     margin-left: 1.8rem
 }

 @media (min-width:992px) {
     .filter-sorts .toolbox-left {
         position: relative
     }

     .filter-sorts .toolbox-item.toolbox-sort {
         margin-left: 0;
         margin-right: 1rem;
         background-color: #fff
     }

     .filter-sorts select {
         border: 0;
         text-transform: uppercase
     }

     .filter-sorts .mobile-sidebar.sidebar-shop {
         left: 0;
         padding: 0;
         visibility: visible;
         z-index: 2
     }

     .sort-list {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         min-width: 220px;
         margin-top: 10px;
         padding: 10px 15px;
         background: #fff;
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
         z-index: 99
     }

     .sort-list:after,
     .sort-list:before {
         content: "";
         position: absolute;
         bottom: 100%;
         border-right: 10px solid transparent;
         border-bottom: 10px solid #fff;
         border-left: 10px solid transparent
     }

     .sort-list:before {
         left: 21px;
         z-index: 999
     }

     .sort-list:after {
         left: 20px;
         border-right-width: 11px;
         border-bottom: 11px solid #e8e8e8;
         border-left-width: 11px
     }

     .sort-menu-trigger {
         min-width: 140px;
         height: 34px;
         padding-left: 0.8rem;
         color: #777;
         line-height: 34px;
         z-index: 9
     }

     .sort-menu-trigger:focus,
     .sort-menu-trigger:hover {
         text-decoration: none
     }

     .toolbox-item.opened .sort-list {
         display: block
     }
 }

 .sidebar-toggle svg {
     stroke: #222529;
     fill: #fff;
     width: 28px
 }

 .product-ajax-grid+.bounce-loader {
     bottom: -1rem;
     top: auto
 }

 @media (min-width:992px) {
     .sidebar-toggle {
         display: none
     }
 }

 @media (max-width:991px) {
     .sort-menu-trigger {
         margin-bottom: 1.5rem;
         font-weight: 700
     }

     .shop-off-canvas .sidebar-wrapper {
         padding: 2rem
     }

     .shop-off-canvas .sidebar-toggle {
         margin-right: 0
     }

     .shop-off-canvas .toolbox {
         justify-content: flex-start
     }

     .shop-off-canvas .toolbox-right {
         margin-left: auto
     }

     .shop-off-canvas .toolbox .toolbox-item:not(:last-child) {
         margin-left: 0.7rem
     }

     .sidebar-toggle span {
         font-size: 11px;
         font-weight: 600;
         color: #222529
     }

     .sidebar-shop .widget {
         padding: 2rem 0;
         border: 0
     }

     .sidebar-shop .widget:first-child {
         padding-top: 0
     }

     .sidebar-shop .widget:not(:last-child) {
         border-bottom: 1px solid #e7e7e7
     }

     .horizontal-filter,
     .horizontal-filter.filter-sorts,
     .horizontal-filter:not(.filter-sorts) {
         padding: 10px;
         background-color: #f4f4f4
     }
 }

 @media (max-width:767px) {
     .category-content {
         padding: 1rem
     }

     .category-banner h3 {
         margin-left: -2px
     }

     .category-banner .btn {
         margin-left: 0
     }

     .horizontal-filter:not(.filter-sorts).toolbox .select-custom .form-control {
         padding-top: 3px
     }
 }

 @media (max-width:575px) {
     .home-slide1 {
         font-size: 2.5vw
     }

     .horizontal-filter.filter-sorts {
         justify-content: unset
     }

     .horizontal-filter .toolbox-item.toolbox-sort {
         margin-right: 0
     }

     .boxed-slide img {
         min-height: 250px
     }

     .horizontal-filter:not(.filter-sorts) .toolbox-item:not(:last-child) {
         margin-right: 0
     }
 }

 @media (max-width:479px) {
     .horizontal-filter {
         justify-content: stretch
     }

     .horizontal-filter:not(.filter-sorts) .toolbox-item.toolbox-sort {
         margin-right: 0;
         margin-left: 0
     }

     .sidebar-toggle {
         margin-right: 2px
     }
 }

 @media (min-width:992px) and (max-width:1200px) {
     .sidebar-shop .product-widget figure {
         max-width: 70px;
         margin-right: 1.5rem
     }
 }

 .cart-message {
     padding: 0.8rem 0 1.9rem 3px
 }

 .cart-message:before {
     content: "";
     position: relative;
     margin-right: 0.6rem;
     top: 2px;
     font-size: 20px;
     font-weight: 900;
     font-family: "Font Awesome 5 Free";
     color: #0cc485
 }

 .cart-message span {
     color: #222529;
     font-size: 1.6rem
 }

 .single-cart-notice {
     line-height: 24px;
     font-size: 1.6rem;
     color: #222529
 }

 .view-cart {
     padding: 14px 27px 13px;
     margin: 3px 0;
     height: 48px;
     font-family: "Open Sans", sans-serif
 }

 .add-cart {
     padding: 12px 27px 10px 26px;
     font-size: 1.4rem;
     font-weight: 700;
     letter-spacing: -0.015em;
     line-height: 24px
 }

 .add-cart:before {
     font-size: 1.8rem;
     line-height: 0;
     vertical-align: middle;
     margin-right: 8px;
     font-weight: 900
 }

 .add-wishlist {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 17px 8px;
     color: #222529;
     font-size: 1.2rem;
     font-weight: 700;
     font-family: Poppins, sans-serif;
     letter-spacing: -0.015em;
     text-transform: uppercase;
     white-space: nowrap
 }

 .add-wishlist i {
     margin-right: 4px;
     font-size: 1.6rem
 }

 .add-wishlist i:before {
     font-weight: 700
 }

 .added-wishlist i:before {
     content: "";
     color: #da5555
 }

 .add-compare:before {
     content: "";
     font-size: 1.8rem;
     font-family: "porto";
     margin-right: 6px
 }

 .product-widgets-container {
     margin-bottom: 3.8rem
 }

 .product-widgets-container .product-single-details {
     margin-bottom: 3px
 }

 .product-widgets-container .section-sub-title {
     margin-bottom: 1.6rem
 }

 .product-widgets-container figure {
     max-width: 75px;
     margin-right: 0.7rem
 }

 .product-widgets-container .product-details {
     margin-bottom: 2px
 }

 .product-widgets-container .ratings-container {
     margin-bottom: 1.2rem;
     margin-left: 0
 }

 .product-widgets-container .product-title {
     font-size: 1.4rem;
     font-family: "Open Sans", sans-serif
 }

 .product-widgets-container .product-price {
     font-size: 1.5rem
 }

 .product-single-container:not(.product-quick-view) .product-action .add-cart.added-to-cart:before {
     display: none
 }

 .product-single-container:not(.product-quick-view) .product-action .add-cart.added-to-cart:after {
     margin-left: 8px;
     font-family: "Font Awesome 5 Free";
     content: "";
     font-weight: 600;
     font-size: 1.6rem
 }

 .product-single-details {
     margin-bottom: 1.1rem
 }

 .product-single-details .product-action .add-cart {
     display: inline-flex;
     align-items: center
 }

 .product-single-details .product-action .add-cart:before {
     content: "";
     margin-top: -2px;
     font-family: "Porto";
     font-weight: 600;
     font-size: 1.8rem;
     margin-right: 7px
 }

 .sticky-sidebar .product-single-details {
     margin-bottom: 2.7rem
 }

 .product-single-details .product-title {
     margin-bottom: 1.1rem;
     color: #222529;
     font-size: 3rem;
     font-weight: 700;
     letter-spacing: -0.01em;
     width: calc(100% - 70px)
 }

 .product-single-details .product-nav {
     position: absolute;
     display: flex;
     top: 4px;
     right: 10px
 }

 .product-single-details .product-nav.top-0 {
     top: 0
 }

 .product-single-details .product-nav a {
     color: #222529
 }

 .product-single-details .product-nav .product-next,
 .product-single-details .product-nav .product-prev {
     float: left;
     margin-left: 2px
 }

 .product-single-details .product-nav .product-next.disabled>a,
 .product-single-details .product-nav .product-prev.disabled>a {
     color: #999;
     cursor: no-drop
 }

 .product-single-details .product-nav .product-next:hover .product-popup,
 .product-single-details .product-nav .product-prev:hover .product-popup {
     display: block
 }

 .product-single-details .product-nav a:hover {
     color: #333
 }

 .product-single-details .product-nav .product-link {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
     width: 28px;
     height: 28px;
     line-height: 23px;
     border: 2px solid #e7e7e7;
     border-radius: 14px;
     text-align: center;
     text-decoration: none;
     font-family: "porto"
 }

 .product-single-details .product-nav .product-prev .product-link:before {
     content: "";
     display: block
 }

 .product-single-details .product-nav .product-next .product-link:before {
     content: "";
     display: block
 }

 .product-single-details .product-nav .product-popup {
     position: absolute;
     top: 31px;
     display: none;
     right: 0;
     font-size: 13px;
     z-index: 999;
     width: 110px;
     box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
     text-align: center;
     background-color: #fff
 }

 .product-single-details .product-nav .product-popup:before {
     right: 36px;
     border-bottom: 7px solid #333;
     border-left: 7px solid transparent !important;
     border-right: 7px solid transparent !important;
     content: "";
     position: absolute;
     top: -5px
 }

 .product-single-details .product-nav .box-content {
     border-top: 3px solid #222529;
     display: block;
     padding: 10px 10px 11px
 }

 .product-single-details .product-nav .box-content>span {
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     display: block;
     padding-top: 5px;
     line-height: 1.4em;
     font-size: 12px;
     font-weight: 600;
     text-align: center;
     color: #797876
 }

 .product-single-details .product-nav .product-next .product-popup:before {
     right: 7px
 }

 .product-single-details .product-filters-container {
     padding-top: 2px;
     padding-bottom: 1.4rem
 }

 .product-single-details .product-filters-container+.price-box {
     margin-top: 2.2rem;
     margin-bottom: 0.8rem
 }

 .product-single-details .price-box {
     margin-bottom: 2.3rem;
     color: #222529;
     font-weight: 600;
     font-family: Poppins, sans-serif
 }

 .product-single-details .product-filtered-price {
     display: none;
     margin-bottom: 1.3rem;
     margin-top: 0.7rem
 }

 .product-single-details .new-price {
     color: #222529;
     font-size: 2.4rem;
     letter-spacing: -0.02em;
     vertical-align: middle;
     line-height: 0.8;
     margin-left: 3px
 }

 .product-single-details .product-price {
     color: #222529;
     font-size: 2.4rem;
     letter-spacing: -0.02em;
     vertical-align: middle;
     line-height: 0.8
 }

 .product-single-details .old-price {
     position: relative;
     top: 2px;
     color: #a7a7a7;
     font-size: 1.9rem;
     font-weight: 600;
     vertical-align: middle
 }

 .product-single-details .old-price+.product-price {
     margin-left: 0.4rem
 }

 .product-single-details .add-wishlist:before {
     margin-right: 0.3rem
 }

 .product-single-details .short-divider {
     width: 40px;
     height: 0;
     border-top: 2px solid #e7e7e7;
     margin: 0 0 2.2rem;
     text-align: left
 }

 .product-single-details .product-single-filter:last-child {
     display: none;
     margin-bottom: 1rem;
     margin-top: -2px
 }

 .product-single-details .divider+.product-action {
     margin-top: -0.5rem
 }

 .product-single-details .product-action+.divider {
     margin-top: 1.6rem
 }

 .product-single-details .ratings-container {
     margin-bottom: 2.1rem;
     display: flex;
     align-items: center
 }

 .product-single-details .ratings-container .product-ratings,
 .product-single-details .ratings-container .ratings {
     font-size: 1.3rem
 }

 .product-single-details .ratings-container .product-ratings {
     height: 14px;
     margin-left: -1px;
     margin-right: 1px
 }

 .product-single-details .ratings-container .product-ratings:before {
     color: #999
 }

 .product-single-details .ratings-container .ratings:before {
     color: #FD5B5A
 }

 .product-single-details .rating-link {
     color: #999;
     font-size: 1.3rem;
     font-weight: 400;
     padding-left: 1rem
 }

 .product-single-details .rating-link:hover {
     text-decoration: underline
 }

 .product-single-details .rating-link-separator {
     padding-left: 0.9rem;
     font-size: 1.3rem
 }

 .product-single-details .product-desc {
     margin-bottom: 1.8rem;
     font-size: 1.6rem;
     letter-spacing: -0.015em;
     line-height: 1.6875
 }

 .product-single-details .product-desc a {
     color: #222529
 }

 .product-single-details .product-action {
     padding: 1.5rem 0 1.6rem;
     border-top: 1px solid #e7e7e7
 }

 .product-single-details .container {
     align-items: center;
     -ms-flex-align: center
 }

 .product-single-details .container img {
     max-width: 5rem;
     max-height: 5rem;
     margin-right: 2rem
 }

 .product-single-details .product-single-qty {
     margin: 0.5rem 0.5rem 0.5rem 1px
 }

 .product-single-details .product-single-qty .form-control {
     height: 48px;
     font-size: 1.6rem;
     font-weight: 700
 }

 .product-single-details .clear-btn {
     display: inline-block;
     background-color: #f4f4f4;
     margin-top: -3px;
     margin-left: -3px;
     padding: 5px 8px;
     font-size: 1rem;
     color: #777
 }

 .product-single-details .clear-btn:hover {
     background-color: #08C;
     color: #fff
 }

 .product-filters-container select.form-control:not([size]):not([multiple]) {
     margin-bottom: 0;
     height: 42px;
     font-weight: 600
 }

 .product-filters-container .select-custom {
     max-width: 282px;
     width: 100%
 }

 .product-filters-container .select-custom:after {
     right: 1.5rem;
     color: #222529
 }

 .product-single-container .cart-sticky .sticky-header.fixed {
     top: 58px;
     box-shadow: none;
     border: 1px solid #e7e7e7;
     animation: none
 }

 main .sticky-header:not(.fixed) .sticky-detail,
 main .sticky-header:not(.fixed) .sticky-img {
     display: none
 }

 main .sticky-header:not(.fixed).container {
     padding-left: 0;
     padding-right: 0
 }

 main .sticky-header.fixed .container,
 main .sticky-header.fixed .container-fluid {
     display: flex;
     display: -ms-flexbox;
     align-items: center;
     -ms-flex-align: center;
     flex-wrap: wrap;
     -ms-flex-wrap: wrap
 }

 main .sticky-header.fixed .product-action {
     flex: 1;
     -ms-flex: 1;
     border: 0;
     margin: 0;
     padding: 0;
     min-width: 260px;
     text-align: right
 }

 main .sticky-header .sticky-img img {
     margin: 0;
     max-width: 60px;
     max-height: 60px
 }

 main .sticky-header .sticky-detail {
     display: flex;
     margin-bottom: 5px
 }

 main .sticky-header .product-title {
     margin-right: 2rem;
     margin-bottom: 0;
     font-size: 16px;
     font-weight: 600
 }

 main .sticky-header .price-box {
     margin: 0;
     color: #2b2b2d;
     font-family: "Oswald", "Poppins";
     font-weight: 400;
     line-height: normal
 }

 main .sticky-header .old-price {
     font-size: 1.4rem
 }

 main .sticky-header .product-price {
     font-size: 1.8rem
 }

 main .sticky-header .ratings-container {
     display: block;
     line-height: 24px
 }

 main .sticky-header .product-ratings:before {
     color: rgba(0, 0, 0, 0.16)
 }

 .product-both-info .row .col-lg-12 {
     margin-bottom: 12px
 }

 .product-both-info .product-single-details {
     margin-top: 0
 }

 .product-both-info .product-single-details .product-desc {
     border-bottom: 0
 }

 .product-both-info .product-single-gallery .label-group {
     left: 1.8rem
 }

 .single-info-list {
     margin-bottom: 1.7rem;
     padding: 0;
     font-size: 1.2rem;
     line-height: 1.5;
     letter-spacing: 0.005em;
     text-transform: uppercase
 }

 .single-info-list li {
     margin-bottom: 1rem;
     letter-spacing: 0.001em
 }

 .single-info-list li strong {
     color: #222529;
     letter-spacing: 0
 }

 .product-single-filter {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 1rem
 }

 .product-single-filter label {
     margin-right: 4.2rem;
     min-width: 5rem;
     margin-bottom: 0;
     color: #777;
     font-weight: 400;
     font-family: "Open Sans", sans-serif;
     letter-spacing: 0.005em;
     text-transform: uppercase
 }

 .product-single-filter .config-swatch-list {
     display: inline-flex;
     margin: 0
 }

 .product-single-filter .config-size-list li {
     margin-bottom: 0;
     margin-right: 0;
     color: #777
 }

 .product-single-filter .config-size-list li a {
     margin: 3px 6px 3px 0;
     min-width: 3.2rem;
     height: 2.6rem;
     border: 1px solid #eee;
     color: inherit;
     font-size: 1.1rem;
     font-weight: 500;
     line-height: 2.6rem;
     background-color: #fff
 }

 .product-single-filter .config-size-list li a:not(.disabled):hover {
     border-color: #08C;
     background-color: #08C;
     color: #fff
 }

 .product-single-filter .config-size-list li a.disabled {
     cursor: not-allowed;
     text-decoration: none;
     background-color: transparent;
     opacity: 0.5
 }

 .product-single-filter .config-size-list li a.filter-color {
     height: 2.8rem;
     min-width: 2.8rem
 }

 .product-single-filter .config-size-list li.active a {
     border-color: #08C;
     outline: none;
     color: #fff;
     background-color: #08C
 }

 .product-single-filter .config-size-list li.active a.filter-color:before {
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     font-family: "porto";
     font-size: 1.1rem;
     line-height: 1;
     content: ""
 }

 .product-single-filter .config-img-list li a {
     height: 100%
 }

 .product-single-filter .config-img-list li img {
     width: 30px;
     height: 30px
 }

 .product-single-filter.product-single-qty {
     max-width: 148px;
     max-height: 7.5rem;
     border-bottom: 0
 }

 .product-single-qty label {
     color: #222529;
     font-weight: 600;
     font-size: 1.5rem
 }

 .product-single-share {
     display: -ms-flexbox;
     display: flex;
     margin-top: 0.7rem;
     -ms-flex-align: center;
     align-items: center;
     flex-wrap: wrap;
     -ms-flex-wrap: wrap
 }

 .product-single-share label {
     margin-right: 1.2rem;
     margin-bottom: 0.5rem;
     color: #222529;
     font-weight: 600;
     font-size: 1.4rem;
     line-height: 1.1;
     font-family: "Open Sans", sans-serif;
     letter-spacing: 0.005em;
     text-transform: uppercase
 }

 .product-single-share .social-icons {
     margin-top: 2px
 }

 .product-single-share .social-icons.vertical {
     display: flex;
     flex-direction: column
 }

 .product-single-share .social-icons.vertical .social-icon {
     border-radius: 0
 }

 .product-single-share .social-icon {
     line-height: 2em;
     border: 2px solid transparent;
     margin: 0.2857em 1px 0.2857em 0
 }

 .product-single-share:not(.icon-with-color) .social-icon {
     border-radius: 50%
 }

 .product-single-share:not(.icon-with-color) .social-icon:not(:hover):not(:active):not(:focus) {
     color: #222529;
     background-color: transparent;
     border-color: #e7e7e7
 }

 .product-single-gallery {
     margin-bottom: 3.3rem
 }

 .product-single-gallery .sticky-slider:not(.sticked) {
     position: relative !important
 }

 .product-single-gallery a {
     display: block
 }

 .product-single-gallery img {
     display: block;
     width: 100%;
     max-width: none
 }

 .product-single-gallery .prod-thumbnail .owl-nav {
     font-size: 1.6rem;
     color: #08C
 }

 .product-single-gallery .prod-thumbnail .owl-nav .owl-prev {
     left: 1.5rem
 }

 .product-single-gallery .prod-thumbnail .owl-nav .owl-next {
     right: 1.5rem
 }

 .product-single-gallery .owl-nav {
     font-size: 2.8rem
 }

 .product-single-gallery .owl-nav .owl-prev {
     left: 2.5rem
 }

 .product-single-gallery .owl-nav .owl-next {
     right: 2.5rem
 }

 .product-single-gallery .owl-nav button {
     transition: opacity 0.5s
 }

 .product-single-gallery .product-item {
     position: relative;
     z-index: 2
 }

 .product-single-gallery .product-item:not(:last-child) {
     margin-bottom: 4px
 }

 .product-single-gallery .product-item:hover .prod-full-screen {
     opacity: 1
 }

 .product-single-gallery .product-single-grid {
     margin-bottom: 3.6rem
 }

 .product-single-gallery .label-group {
     position: absolute;
     z-index: 100;
     top: 1.1rem;
     left: 1.1rem
 }

 .product-single-gallery .product-label {
     display: block;
     text-align: center;
     margin-bottom: 5px;
     text-transform: uppercase;
     padding: 7px;
     color: #fff;
     font-weight: 600;
     font-size: 12px;
     font-weight: 700;
     line-height: 1;
     border-radius: 12px
 }

 .product-single-gallery .product-label.label-hot {
     background-color: #2ba968
 }

 .product-single-gallery .product-label.label-sale {
     background-color: #da5555
 }

 .product-single-gallery .product-label.label-new {
     background-color: #08c
 }

 .prod-thumbnail {
     display: flex;
     display: -ms-flexbox;
     margin: 8px 0 0;
     padding: 0 1px
 }

 .prod-thumbnail>.owl-dot {
     flex: 0 0 25%;
     max-width: 25%;
     padding: 4px
 }

 .prod-thumbnail.owl-theme .owl-nav [class*=owl-]:hover {
     color: #08C
 }

 .prod-thumbnail img {
     width: 100%;
     cursor: pointer
 }

 .prod-thumbnail .owl-dot.active img,
 .prod-thumbnail img:hover {
     border: 2px solid #21293c
 }

 .transparent-dots {
     position: absolute;
     top: 1.6rem;
     left: 2.6rem;
     width: 110px;
     margin: 0;
     padding: 0;
     z-index: 99
 }

 .transparent-dots .owl-dot {
     flex: 1;
     max-width: 108px;
     margin-bottom: 2px
 }

 .transparent-dots .owl-dot img {
     border: 0;
     border: 1px solid rgba(0, 0, 0, 0.1);
     transition: border-color 0.2s
 }

 .transparent-dots .owl-dot.active img,
 .transparent-dots .owl-dot:hover img {
     border: 1px solid #08C;
     transition: border-color 0.2s
 }

 .product-slider-container:not(.container) {
     position: relative;
     padding-left: 1px;
     padding-right: 1px
 }

 .product-slider-container:not(.container):hover .prod-full-screen {
     opacity: 1
 }

 .product-slider-container:not(.container) button.owl-next:not(.disabled),
 .product-slider-container:not(.container) button.owl-prev:not(.disabled) {
     opacity: 1
 }

 .prod-full-screen {
     position: absolute;
     right: 2rem;
     bottom: 1.7rem;
     transition: all 0.5s;
     outline: none;
     opacity: 0;
     z-index: 1
 }

 .prod-full-screen i {
     color: #000;
     font-size: 1.4rem;
     cursor: pointer
 }

 .product-single-tabs .tab-pane {
     padding-top: 3rem;
     padding-bottom: 3rem;
     color: #7b858a;
     line-height: 1.92
 }

 .product-single-tabs .sticky-header {
     height: auto
 }

 .product-single-tabs .nav.nav-tabs .nav-link {
     color: #818692
 }

 .product-single-tabs .nav.nav-tabs .nav-link.active {
     color: #222529
 }

 .product-single-tabs .nav.nav-tabs .nav-link {
     font-family: "Open Sans", sans-serif;
     font-size: 1.3rem
 }

 .product-single-tabs .nav.nav-tabs .nav-link.active,
 .product-single-tabs .nav.nav-tabs .nav-link:hover {
     border-bottom-color: #222529
 }

 .product-single-tabs .nav-item {
     font-size: 1.3rem
 }

 .scrolling-box .tab-pane+.tab-pane {
     margin-top: 3.5rem;
     border-top: 2px solid #dae2e6
 }

 .product-size-content {
     padding-top: 2rem;
     padding-bottom: 0.5rem
 }

 .product-size-content img {
     margin: 0 auto 2rem
 }

 .product-desc-content {
     margin-bottom: 2.5rem
 }

 .product-desc-content .feature-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 1.9rem;
     border-style: solid;
     border-width: 2px;
     width: 64px;
     height: 64px;
     line-height: 60px;
     border-radius: 60px;
     font-size: 28px;
     color: #08C;
     background: transparent;
     border-color: #08C
 }

 .product-desc-content .feature-box p {
     font-size: 14px;
     line-height: 27px;
     color: #4a505e;
     letter-spacing: 0
 }

 .product-desc-content .feature-box h3 {
     margin-bottom: 0.8rem;
     font-size: 1.4rem
 }

 .product-desc-content p {
     margin-bottom: 2.3rem;
     letter-spacing: 0.005em
 }

 .product-desc-content ol,
 .product-desc-content ul {
     margin-bottom: 2.4rem;
     padding-left: 7.4rem;
     letter-spacing: 0.005em;
     position: relative;
     padding-top: 2px
 }

 .product-desc-content li {
     margin-bottom: 9px;
     letter-spacing: 0
 }

 .product-desc-content li:before {
     content: "";
     position: absolute;
     left: 4rem;
     display: inline-block;
     margin-top: -2px;
     vertical-align: middle;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 1.8rem;
     color: #21293c;
     font-size: 1.6rem
 }

 .product-desc-content img.float-left,
 .product-desc-content img.float-right {
     max-width: 50%
 }

 .product-desc-content img {
     padding-top: 4px
 }

 .product-desc-content .feature-box i {
     display: inline-block;
     font-size: 2.8rem;
     float: none;
     margin-bottom: 0;
     margin-top: 3px
 }

 .product-desc-content .feature-box-content {
     margin-left: 0
 }

 .table.table-striped {
     margin-top: 2rem;
     margin-bottom: 5.9rem
 }

 .table.table-striped td,
 .table.table-striped th {
     padding: 1.1rem 1.2rem
 }

 .table.table-striped tr:nth-child(odd) {
     background-color: #f9f9f9
 }

 .product-tags-content h4 {
     margin: 0 0 2rem;
     font-size: 1.8rem;
     font-weight: 700;
     text-transform: uppercase
 }

 .product-tags-content form {
     margin-bottom: 2rem
 }

 .product-tags-content .form-group {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: stretch;
     align-items: stretch
 }

 .product-tags-content .form-control {
     margin-right: 10px
 }

 .product-tags-content .btn {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem
 }

 .product-reviews-content {
     padding-top: 2px;
     padding-bottom: 2.5rem;
     line-height: 1.92
 }

 .product-reviews-content .required {
     color: #222529
 }

 .product-reviews-content .reviews-title {
     margin-bottom: 1.6rem;
     font-size: 2rem;
     font-weight: 400
 }

 .product-reviews-content .reviews-title+p {
     padding-bottom: 0.4rem;
     letter-spacing: 0.005em
 }

 .product-reviews-content .ratings-container {
     margin: -3px -2px 0.5rem 0
 }

 .product-reviews-content .divider {
     border-top: 1px solid #e7e7e7;
     margin: 4rem 0
 }

 .product-reviews-content .comments .comment-block {
     padding-bottom: 2.3rem;
     background-color: #f5f7f7
 }

 .comment-container {
     display: flex;
     display: -ms-flexbox;
     padding: 29px 0 8px
 }

 .comment-container:not(:first-child) {
     border-top: 1px solid #e7e7e7
 }

 .comment-container .comment-avatar {
     flex: 1 0 auto;
     padding: 0 22px 5px 8px
 }

 .comment-container img {
     border-radius: 10rem
 }

 .comment-container .ratings-container {
     margin-bottom: 6px
 }

 .comment-container .product-ratings,
 .comment-container .ratings {
     font-size: 14px
 }

 .comment-container .product-ratings:before {
     color: #999
 }

 .comment-container .ratings:before {
     color: #FD5B5A
 }

 .comment-container .comment-info {
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     line-height: 1;
     letter-spacing: -0.02em
 }

 .comment-container .avatar-name {
     display: inline;
     font-family: inherit;
     font-size: inherit
 }

 .comment-container .comment-text {
     letter-spacing: -0.015em
 }

 .add-product-review {
     padding-top: 5px
 }

 .add-product-review .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
     top: 4px;
     left: 2px
 }

 .add-product-review form {
     padding: 3.5rem 2rem 3.3rem;
     border-radius: 3px;
     background-color: #f4f4f4
 }

 .add-product-review h3 {
     margin-bottom: 1.6rem;
     font-size: 2rem;
     font-weight: 400;
     letter-spacing: -0.01em
 }

 .add-product-review label {
     display: block;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     line-height: 1;
     margin-bottom: 1.1rem
 }

 .add-product-review .rating-stars {
     margin-bottom: 1rem
 }

 .add-product-review .form-control {
     margin-top: 1.4rem;
     margin-bottom: 1.6rem;
     font-size: 1.4rem;
     max-width: 100%;
     height: 37px
 }

 .add-product-review textarea.form-control {
     min-height: 170px
 }

 .add-product-review .btn {
     padding: 0.55em 1rem 0.5em;
     font-weight: 400;
     text-transform: none;
     font-family: "Open Sans", sans-serif
 }

 .add-product-review .custom-control-label {
     letter-spacing: 0.005em;
     line-height: 1.9
 }

 .add-product-review .custom-control-label:after,
 .add-product-review .custom-control-label:before {
     top: 6px;
     left: 0;
     width: 15px;
     height: 15px;
     font-size: 1.2rem;
     font-weight: 300
 }

 .add-product-review .custom-checkbox .custom-control-input:checked~.custom-control-label:before {
     background-color: #0075ff;
     border-color: #0075ff
 }

 .add-product-review .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
     color: #fff
 }

 .add-product-review .custom-control {
     padding-left: 2.2rem;
     margin-bottom: 1rem;
     margin-top: -6px
 }

 .rating-stars {
     display: flex;
     display: -ms-flexbox;
     position: relative;
     height: 14px;
     font-size: 1.4rem;
     margin-bottom: 2.8rem
 }

 .rating-stars a {
     color: #706f6c;
     text-indent: -9999px;
     letter-spacing: 1px;
     width: 16px
 }

 .rating-stars a:before {
     content: "";
     position: absolute;
     left: 0;
     height: 14px;
     line-height: 1;
     font-family: "Font Awesome 5 Free";
     text-indent: 0;
     overflow: hidden;
     white-space: nowrap
 }

 .rating-stars a.active:before,
 .rating-stars a:hover:before {
     content: "";
     font-weight: 900
 }

 .rating-stars .star-1 {
     z-index: 10
 }

 .rating-stars .star-2 {
     z-index: 9
 }

 .rating-stars .star-3 {
     z-index: 8
 }

 .rating-stars .star-4 {
     z-index: 7
 }

 .rating-stars .start-5 {
     z-index: 6
 }

 .rating-stars .star-1:before {
     width: 16px
 }

 .rating-stars .star-2:before {
     width: 32px
 }

 .rating-stars .star-3:before {
     width: 48px
 }

 .rating-stars .star-4:before {
     width: 64px
 }

 .rating-stars .star-5:before {
     content: ""
 }

 .products-section {
     padding-top: 3.8rem;
     padding-bottom: 3rem
 }

 .products-section .owl-carousel.dots-top .owl-dots {
     margin: 0px -2px 3.5rem
 }

 .products-section .owl-carousel.dots-top .owl-dots span {
     border-color: rgba(0, 68, 102, 0.4)
 }

 .products-section .owl-carousel.dots-top .owl-dot.active span {
     border-color: #08C
 }

 .products-section .product-title {
     margin-bottom: 4px
 }

 .products-section .price-box {
     margin-bottom: 1.4rem
 }

 .products-section h2 {
     font-family: "Poppins";
     padding-bottom: 1rem;
     border-bottom: 1px solid #e7e7e7;
     margin-bottom: 3.4rem;
     font-size: 1.8rem;
     line-height: 22px;
     letter-spacing: -0.01em;
     text-transform: uppercase
 }

 .products-section.pt-sm {
     padding-top: 2.5rem
 }

 .product-sidebar-right {
     margin-bottom: 1.7rem
 }

 .product-sidebar-right .product-single-gallery {
     margin-bottom: 2.7rem
 }

 .product-sidebar-right .product-single-details {
     margin-bottom: 0.6rem
 }

 .product-sidebar-right .product-desc-content p {
     margin-bottom: 1.3rem;
     letter-spacing: 0.005em
 }

 .product-sidebar-right .product-desc-content ul {
     margin-bottom: 2rem;
     padding-left: 5.8rem
 }

 .product-sidebar-right .product-desc-content li:before {
     left: 2.4rem
 }

 .products-section .container-fluid {
     padding-right: 20px;
     padding-left: 20px
 }

 .custom-product-filters .config-size-list li a {
     height: 28px;
     font-size: 13px;
     border: 1px solid #e9e9e9;
     color: #222529;
     background-color: #f4f4f4
 }

 .custom-product-filters .config-color-list img {
     width: 30px;
     height: 30px
 }

 .custom-product-filters .config-color-list li a {
     height: 100%
 }

 .single-product-custom-block .porto-heading {
     padding: 0.85em 2em;
     margin-bottom: 1.7rem;
     box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
     margin-right: 20px;
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     font-size: 1.2rem
 }

 .custom-product-single-share {
     position: absolute;
     top: 0;
     right: 0rem
 }

 .custom-product-single-share .social-icon {
     display: block;
     margin: 0;
     margin-bottom: 2px;
     border-radius: 0
 }

 .custom-product-single-tabs {
     padding: 7rem 0 3rem
 }

 .custom-product-single-tabs .add-product-review form {
     background-color: #f7f7f7
 }

 .custom-product-single-tabs .product-desc-content ol,
 .custom-product-single-tabs .product-desc-content ul {
     margin-bottom: 2rem;
     padding-left: 5.8rem
 }

 .custom-product-single-tabs .product-desc-content li:before {
     left: 2.4rem
 }

 .custom-product-single-tabs .product-desc-content p {
     margin-bottom: 1.3rem
 }

 .custom-product-single-tabs .nav.nav-tabs .nav-link {
     font-size: 1.5rem;
     padding: 1.1rem 0 1rem;
     margin-right: 1.5rem;
     background-color: transparent
 }

 .product-single-tab-two .product-desc-content p {
     margin-bottom: 1.3rem
 }

 .product-single-tab-two .product-desc-content ul {
     margin-bottom: 2rem;
     padding-left: 5.8rem
 }

 .product-single-tab-two .product-desc-content li:before {
     left: 2.4rem
 }

 .product-left-sidebar .product-single-details {
     margin-bottom: 0.8rem
 }

 .table.table-size tbody tr td,
 .table.table-size thead tr th {
     border: 0;
     color: #21293c;
     font-size: 1.4rem;
     letter-spacing: 0.005em;
     text-transform: uppercase
 }

 .table.table-size thead tr th {
     padding: 2.8rem 1.5rem 1.7rem;
     background-color: #f4f4f2;
     font-weight: 600
 }

 .table.table-size tbody tr td {
     padding: 1.1rem 1.5rem;
     background-color: #fff;
     font-weight: 700
 }

 .table.table-size tbody tr:nth-child(2n) td {
     background-color: #ebebeb
 }

 @media (max-width:1199px) {
     .transparent-dots {
         width: 90px
     }
 }

 @media (min-width:768px) {
     .custom-product-single-tabs .nav.nav-tabs .nav-item {
         margin-bottom: -3px
     }

     .custom-product-single-tabs .nav.nav-tabs .nav-link {
         padding: 1.1rem 0 1rem;
         font-size: 1.8rem;
         margin-right: 1.5rem
     }

     .products-section {
         padding-top: 4.8rem;
         padding-bottom: 3.6rem
     }

     .product-both-info .product-single-share {
         -ms-flex-pack: end;
         justify-content: flex-end
     }

     .add-product-review form {
         padding-left: 3rem;
         padding-right: 3rem
     }

     .product-both-info-bottom .col-md-4:last-child strong {
         order: 2;
         margin-left: 20px;
         margin-right: 0
     }
 }

 @media (min-width:992px) {
     .product-both-info .row .col-lg-12 {
         margin-bottom: 4px
     }

     .main-content .col-lg-7 {
         -ms-flex: 0 0 54%;
         flex: 0 0 54%;
         max-width: 54%
     }

     .main-content .col-lg-5 {
         -ms-flex: 0 0 46%;
         flex: 0 0 46%;
         max-width: 46%
     }

     .product-full-width {
         padding-right: 3.5rem
     }

     .product-full-width .product-single-details .product-title {
         font-size: 4rem
     }

     .table.table-size thead tr th {
         padding-top: 2.9rem;
         padding-bottom: 2.9rem
     }

     .table.table-size tbody tr td,
     .table.table-size thead tr th {
         padding-right: 4.2rem;
         padding-left: 3rem
     }
 }

 @media (min-width:1200px) {
     .product-both-info .product-single-share {
         margin-top: -13px
     }
 }

 @media (max-width:991px) {
     .single-product-custom-block {
         margin-right: 4rem
     }

     .single-product-custom-block .porto-heading {
         padding: 0.85em 1em;
         margin-bottom: 0.7rem;
         margin-right: 1rem
     }
 }

 @media (min-width:992px) and (max-width:1199px) {
     .product-all-icons.product-action .product-single-qty {
         margin-right: 50%;
         margin-bottom: 1.2rem
     }
 }

 @media (min-width:576px) {
     .product-tags-content .form-control {
         width: 250px
     }
 }

 @media (max-width:767px) {
     .product-size-content .table.table-size {
         margin-top: 3rem
     }
 }

 @media (max-width:575px) {
     .transparent-dots {
         width: 70px
     }

     .rating-stars a:before {
         line-height: 1.2
     }

     .ratings-container .product-ratings,
     .ratings-container .ratings {
         line-height: 1.2
     }
 }

 @media (max-width:480px) {
     .pg-vertical .product-thumbs-wrap {
         height: 165px
     }

     .pg-vertical .vertical-thumbs {
         max-width: 48px
     }

     .pg-vertical .product-slider-container {
         max-width: calc(100% - 53px)
     }

     .product-size-content .table.table-size td,
     .product-size-content .table.table-size th {
         padding-left: 1rem;
         padding-right: 0.5rem;
         font-size: 1.2rem
     }

     .product-reviews-content .reviews-title {
         font-size: 1.7rem
     }

     .custom-product-single-tabs .nav.nav-tabs .nav-item:not(:last-child) {
         margin-right: 0
     }

     .custom-product-single-tabs .nav.nav-tabs .nav-link {
         font-size: 1.4rem
     }
 }

 .product-transparent-image {
     padding: 2rem 0 1.2rem;
     margin-bottom: 2.3rem
 }

 .product-transparent-image .product-single-filter label {
     margin-right: 1.4rem
 }

 .product-transparent-image .add-wishlist {
     padding: 8px;
     margin-left: 0
 }

 .product-transparent-image .product-single-share {
     margin-top: 1.4rem
 }

 .product-transparent-image .product-filters-container {
     padding-top: 4px
 }

 .product-transparent-image .config-size-list li:not(.active):not(:hover) a {
     font-weight: 500;
     background-color: #f4f4f4;
     border: 1px solid #e9e9e9
 }

 .product-transparent-image .product-single-details .product-nav {
     top: 1.3rem
 }

 .product-transparent-image .popup-loading-overlay:after {
     background: transparent
 }

 .pg-vertical {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 1rem;
     position: sticky
 }

 .pg-vertical .product-slider-container {
     max-width: calc(100% - 138px)
 }

 .pg-vertical .vertical-thumbs {
     position: relative;
     padding-top: 3px;
     margin: auto 1rem auto 0;
     order: -1;
     max-width: 128px;
     width: 100%
 }

 .pg-vertical .product-thumbs-wrap {
     height: 405px;
     overflow: hidden
 }

 .pg-vertical .product-thumbs-wrap .owl-carousel .owl-item {
     width: auto;
     float: none
 }

 .pg-vertical .thumb-down,
 .pg-vertical .thumb-up {
     display: flex;
     width: 100%
 }

 .pg-vertical .thumb-down i:before,
 .pg-vertical .thumb-up i:before {
     font-weight: 500
 }

 .pg-vertical .thumb-up {
     margin-bottom: -1rem;
     padding-bottom: 3px
 }

 .pg-vertical .thumb-up.disabled {
     opacity: 0.5
 }

 .pg-vertical .thumb-down {
     margin-top: -1rem;
     padding-top: 3px
 }

 .pg-vertical .thumb-down.disabled {
     opacity: 0.5
 }

 .pg-vertical .owl-dot {
     position: relative
 }

 .pg-vertical .owl-dot:before {
     content: "";
     transition: border-color 0.2s;
     border: 1px solid transparent
 }

 .pg-vertical .owl-dot.active:before {
     border-color: #08C
 }

 .pg-vertical .product-thumbs {
     display: block;
     position: absolute;
     margin-top: 0;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }

 .pg-vertical .product-thumbs .owl-dot {
     margin-bottom: 1rem;
     flex: auto;
     max-width: none
 }

 .product-thumbs-wrap {
     position: relative;
     margin-bottom: 1.2rem;
     margin-top: 1.1rem
 }

 .product-thumbs-wrap img {
     display: block
 }

 .product-thumbs-wrap {
     flex-basis: 100%;
     max-width: 100%
 }

 .vertical-thumbs button {
     font-size: 3rem;
     background-color: transparent;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 2.4rem;
     border: 0;
     transition: opacity 0.3s, transform 0.3s;
     z-index: 1;
     -webkit-appearance: none;
     cursor: pointer
 }

 .owl-dot:before,
 .product-thumbs-wrap button {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0
 }

 .product-thumbs {
     transition: top 0.3s ease-out;
     display: flex
 }

 @media (max-width:767px) {
     .pg-vertical .product-thumbs-wrap {
         height: 288px
     }

     .pg-vertical .vertical-thumbs {
         max-width: 90px
     }

     .pg-vertical .product-slider-container {
         max-width: calc(100% - 100px)
     }
 }

 @media (max-width:576px) {
     .pg-vertical .product-thumbs-wrap {
         height: 265px
     }

     .pg-vertical .vertical-thumbs {
         max-width: 80px;
         margin-right: 0.5rem
     }

     .pg-vertical .product-slider-container {
         max-width: calc(100% - 90px)
     }
 }

 @media (max-width:480px) {
     .pg-vertical .product-thumbs-wrap {
         height: 133px
     }

     .pg-vertical .vertical-thumbs {
         max-width: 39px
     }

     .pg-vertical .product-slider-container {
         max-width: calc(100% - 53px)
     }
 }

 .product-full-width {
     margin-bottom: 2.9rem
 }

 .product-full-width .product-single-details {
     margin-bottom: 4.1rem
 }

 .product-full-width .pin-wrapper {
     position: relative
 }

 .product-full-width .product-nav {
     right: 2rem
 }

 .product-full-width .product-title {
     line-height: 1.1
 }

 .product-full-width .price-box {
     margin-bottom: 2.4rem
 }

 .product-full-width .single-info-list {
     margin-bottom: -4px
 }

 .product-full-width .product-filters-container {
     padding-bottom: 0.7rem
 }

 .product-full-width .product-single-filter .config-size-list a {
     height: 100%
 }

 .product-full-width .product-single-filter img {
     width: 30px;
     height: 30px
 }

 .product-full-width .product-single-filter label {
     margin-bottom: 0;
     margin-right: -1px
 }

 .product-full-width .transparent-dots {
     left: 1.6rem
 }

 .product-full-width .custom-product-single-share {
     right: -2.2rem
 }

 .product-full-width .custom-product-single-share:not(.icon-with-color) .social-icon {
     border-radius: 0
 }

 .product-full-width .add-wishlist {
     padding: 15px 5px;
     margin: 0 0 3.8rem -5px
 }

 .product-full-width .add-wishlist:before {
     margin-right: 0.3rem
 }

 .product-full-width .product-single-tabs .tab-pane {
     padding-bottom: 0.7rem
 }

 .product-full-width .product-desc-content {
     margin-bottom: 1.5rem
 }

 .product-full-width .product-desc-content ul {
     margin-top: 3.7rem;
     margin-bottom: 4.4rem;
     padding-left: 5rem
 }

 .product-full-width .product-desc-content li:before {
     left: 1.6rem
 }

 @media (max-width:1400px) and (min-width:576px) {
     .product-full-width .product-desc-content .col-xl-4 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }
 }

 @media (max-width:991px) {
     .product-full-width .custom-product-single-share {
         right: 1rem
     }
 }

 @media (max-width:480px) {
     .transparent-dots {
         top: 5px;
         left: 18px
     }
 }

 .product-single-info {
     margin-bottom: 5.6rem
 }

 .product-single-info .product-single-filter label {
     margin-right: 5.2rem;
     margin-bottom: 2px
 }

 .product-single-info .product-single-gallery {
     margin-bottom: 3.2rem
 }

 .product-single-info .promote li {
     display: flex;
     align-items: center
 }

 .product-single-info .widget-info i {
     margin: 1px 1.9rem 0 4px
 }

 .product-single-info .social-icons {
     margin-right: 1px
 }

 .product-single-info .social-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 2.9rem;
     height: 2.9rem;
     margin: 0.2857em 2px 0.2857em 0px;
     opacity: 0.9
 }

 .product-single-info .social-icon:hover {
     background-color: #222529;
     opacity: 0.8
 }

 .product-single-info .social-icon:not(:hover):not(:active):not(:focus) {
     color: #222529;
     background-color: #222529;
     color: #fff;
     border-color: #222529
 }

 @media (max-width:1200px) and (min-width:768px) {
     .product-both-info .product-single-share {
         margin-top: -1rem
     }
 }

 .product-both-info {
     padding-top: 1.2rem
 }

 .product-both-info .single-info-list li strong {
     font-size: 1.4rem
 }

 .product-both-info .product-desc {
     margin-bottom: 3.1rem
 }

 .product-both-info .short-divider {
     margin-bottom: 2rem
 }

 .product-both-info .product-filters-container {
     padding-bottom: 1px;
     margin-bottom: 0.4rem
 }

 .product-both-info .add-wishlist {
     padding: 13px 5px;
     margin-left: -5px
 }

 .product-both-info .product-single-qty label {
     font-family: "Open Sans", sans-serif
 }

 .product-both-info .product-single-filter label {
     margin-right: 3.3rem;
     margin-bottom: 1px
 }

 .product-both-info .product-single-filter:first-child {
     padding-bottom: 1.5rem;
     margin-bottom: 1.5rem;
     border-bottom: 1px solid #e7e7e7
 }

 .product-both-info .product-category {
     color: #4c4c4c;
     font-size: 14px;
     font-weight: 700;
     position: relative;
     line-height: 1.8
 }

 .product-both-info .single-info-list {
     margin-bottom: 1.4rem
 }

 .product-both-info .single-info-list li {
     margin-bottom: 0.6rem
 }

 .product-both-info-bottom {
     margin: 1.9rem 0 4rem;
     padding: 5.4rem 0 4.6rem
 }

 .product-both-info-bottom h3 {
     position: relative;
     display: flex;
     background-color: inherit;
     align-items: center
 }

 .product-both-info-bottom h3:after {
     content: "";
     border-top: 1px solid;
     flex: 1
 }

 .product-both-info-bottom p {
     margin-bottom: 2.4rem;
     line-height: 1.75
 }

 .product-both-info-bottom .heading {
     margin-bottom: 2.3rem;
     font-size: 2rem
 }

 .product-both-info-bottom strong {
     margin-right: 20px
 }

 .product-extended-page .product-desc-content p {
     margin-bottom: 1.3rem
 }

 .product-extended-page .product-desc-content ul {
     margin-bottom: 2rem;
     padding-left: 5.8rem
 }

 .product-extended-page .product-desc-content li:before {
     left: 2.4rem
 }

 .product-single-extended .short-divider {
     margin-bottom: 2rem
 }

 .product-single-extended .product-single-gallery {
     position: relative;
     margin-bottom: 2.9rem
 }

 .product-single-extended .product-single-gallery .owl-item:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: transparent;
     transition: background-color 1s
 }

 .product-single-extended .product-single-gallery .owl-item.center:before {
     background-color: rgba(0, 0, 0, 0.07)
 }

 .product-single-extended .owl-item.center .product-item:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: rgba(0, 0, 0, 0.07)
 }

 .product-single-extended .product-title {
     margin-bottom: 0.5rem;
     font-size: 3.8rem;
     line-height: 1.16
 }

 .product-single-extended .price-box {
     margin-top: 3px;
     margin-bottom: 2rem
 }

 .product-single-extended .product-price {
     font-size: 3rem
 }

 .product-single-extended .old-price {
     font-size: 2.4rem
 }

 .product-single-extended .old-price+.product-price {
     margin-left: 1.5rem
 }

 .product-single-extended .single-info-list {
     margin-bottom: 2.3rem
 }

 .product-single-extended .product-filters-container {
     padding-top: 2rem;
     padding-bottom: 0.7rem;
     border-top: 1px solid #e7e7e7
 }

 .product-single-extended .product-filters-container+.price-box {
     margin: 0;
     padding-top: 3px;
     padding-bottom: 1rem;
     border: 0
 }

 .product-single-extended .product-single-filter label {
     min-width: unset
 }

 .product-single-extended .widget-info li {
     display: flex;
     align-items: center;
     margin-bottom: 0.6rem
 }

 .product-single-extended .widget-info li:not(:last-child) {
     margin-right: 0.8rem
 }

 .product-single-extended .widget-info i {
     margin-right: 1.9rem;
     margin-top: 1px
 }

 .product-single-extended .widget-area .widget.widget-info {
     margin-bottom: 0
 }

 .product-single-header {
     margin-bottom: 2.5rem;
     padding-bottom: 1.4rem;
     border-bottom: 1px solid #dae2e6
 }

 .single-qty-wrapper {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center
 }

 .single-qty-wrapper label {
     margin-right: 1.3rem;
     margin-bottom: 0;
     color: #21293c;
     font-weight: 600;
     font-size: 1.5rem;
     line-height: 1.1;
     font-family: var(--shop-font-family);
     letter-spacing: 0.005em;
     text-transform: uppercase
 }

 .single-qty-wrapper .product-single-qty .horizontal-quantity {
     padding: 0.2rem;
     height: 24px;
     width: 36px;
     background-color: #f4f4f4;
     font-size: 1.3rem
 }

 .single-qty-wrapper .product-single-qty .btn {
     border-style: none
 }

 .product-desc .view-more {
     color: #08C;
     font-weight: 700;
     text-transform: uppercase
 }

 @media (min-width:576px) {
     .product-single-extended .product-title {
         width: 100%
     }
 }

 @media (min-width:768px) {
     .custom-products-section {
         padding-top: 4rem
     }
 }

 @media (min-width:992px) {
     .product-single-extended .product-single-share {
         margin-right: 10.1rem;
         margin-top: -1px
     }
 }

 @media (max-width:991px) {
     .product-single-row h2 {
         font-size: 3.5rem
     }
 }

 @media (max-width:767px) {
     .product-single-row {
         display: block
     }

     .product-single-row .single-row-bg {
         position: relative;
         left: 0;
         width: 100%;
         height: 50%
     }

     .product-single-row .single-row-entire {
         position: relative;
         height: 50%
     }

     .product-single-row .container {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         height: 50%
     }

     .product-single-extended .product-price {
         font-size: 2.4rem
     }

     .product-single-extended .product-title {
         font-size: 3rem
     }
 }

 @media (max-width:575px) {
     .product-single-row h2 {
         font-size: 3rem
     }

     .product-single-extended .single-qty-wrapper {
         width: 100%;
         margin-bottom: 2rem
     }

     .product-single-extended .widget-info li {
         margin-bottom: 1.8rem
     }
 }

 .sidebar-product .widget.widget-product-categories {
     margin-bottom: 3rem;
     padding: 1.8rem 1.5rem 1.3rem;
     border: 1px solid #e7e7e7
 }

 .sidebar-product .widget.widget-product-categories .widget-body {
     padding: 2px 0 0.5rem 1.4rem
 }

 .sidebar-product .widget.widget-product-categories .widget-body:after {
     display: block;
     clear: both;
     content: ""
 }

 .sidebar-product .widget.widget-product-categories .cat-list li {
     margin-bottom: 0.5rem
 }

 .sidebar-product .widget.widget-product-categories .cat-list li:last-child {
     margin-bottom: -2px
 }

 .sidebar-product .widget.widget-product-categories a {
     display: block;
     position: relative;
     padding: 4px 0;
     color: #7a7d82;
     font-weight: 600
 }

 .sidebar-product .widget.widget-product-categories .widget-title {
     color: #7a7d82;
     font-weight: 600;
     font-size: 14px;
     font-family: "Open Sans", sans-serif;
     line-height: 24px
 }

 .sidebar-product .widget-title a:after {
     content: "";
     display: inline-block;
     position: absolute;
     top: 46%;
     right: 2px;
     transform: translateY(-50%);
     transition: all 0.35s;
     font-family: "porto";
     font-size: 1.7rem;
     font-weight: 600;
     color: #222529
 }

 .sidebar-product .widget-title a.collapsed:after {
     content: ""
 }

 .sidebar-product .sidebar-toggle {
     position: fixed;
     padding-left: 10px;
     top: 50%;
     z-index: 9999;
     left: 0
 }

 .custom-sidebar-toggle {
     display: flex;
     position: fixed;
     padding: 0;
     align-items: center;
     justify-content: center;
     top: 20%;
     left: 0;
     width: 40px;
     height: 40px;
     transition: left 0.2s ease-in-out 0s;
     border: #dcdcda solid 1px;
     border-left-width: 0;
     background: #fff;
     font-size: 17px;
     line-height: 38px;
     text-align: center;
     cursor: pointer;
     z-index: 999;
     margin-top: 50px
 }

 .sidebar-opened .custom-sidebar-toggle {
     left: 260px;
     z-index: 9000
 }

 .sidebar-opened .custom-sidebar-toggle i:before {
     content: ""
 }

 .sidebar-product {
     margin-bottom: 2.8rem
 }

 .sidebar-product .widget:not(:last-child):not(.widget-info) {
     margin-bottom: 2.9rem
 }

 .sidebar-product .widget-info {
     margin: 0px 0 4.8rem
 }

 .sidebar-product .widget-info li {
     display: flex;
     align-items: center;
     margin-bottom: 2.2rem
 }

 .sidebar-product .widget-info i {
     margin: 1px 1.9rem 0 4px
 }

 .sidebar-product .widget-featured {
     padding-bottom: 3rem
 }

 .sidebar-product .widget-featured .widget-body {
     padding-top: 1.9rem
 }

 .sidebar-product .widget-featured .owl-carousel .owl-nav {
     top: -4.1rem
 }

 .sidebar-product .widget-title {
     margin: 0;
     text-transform: none;
     border-bottom-width: 1px;
     font-weight: 600;
     font-size: 1.5rem;
     line-height: 24px
 }

 .sidebar-product .widget-subtitle {
     color: #7a7d82;
     margin-bottom: 3rem;
     font-size: 1.3rem;
     font-weight: 400
 }

 .sidebar-product .widget-body {
     padding-left: 0;
     padding-top: 2.3rem
 }

 .sidebar-product .widget-body p {
     line-height: 27px;
     font-size: 1.3rem;
     color: #222529;
     letter-spacing: 0.01em;
     font-weight: 500;
     margin-bottom: 3rem
 }

 .sidebar-product .product-widget {
     margin-bottom: 1.3rem
 }

 .sidebar-product .product-widget figure {
     margin-right: 0.8rem;
     max-width: 75px
 }

 .sidebar-product .product-widget .widget-body {
     padding-top: 1.9rem
 }

 .sidebar-product .ratings-container {
     margin-left: 0;
     margin-bottom: 1.2rem
 }

 .sidebar-product .owl-carousel .owl-nav {
     top: -4.1rem;
     right: 1px
 }

 .sidebar-product .owl-carousel .owl-nav button.owl-next,
 .sidebar-product .owl-carousel .owl-nav button.owl-prev {
     font-size: 1.8rem
 }

 .widget-info ul {
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -ms-flex-align: center;
     justify-content: space-between;
     -ms-flex-pack: justify;
     flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     margin: 0
 }

 aside .widget-info ul {
     display: block
 }

 .widget-info li {
     margin-bottom: 2rem
 }

 .widget-info li:not(:last-child) {
     margin-right: 2.5rem
 }

 aside .widget-info li:not(:last-child) {
     border-bottom: 1px solid rgba(231, 231, 231, 0.8);
     padding-bottom: 2.2rem;
     margin-right: 0
 }

 .widget-info i {
     min-width: 40px;
     margin-right: 15px;
     color: #08C;
     font-size: 4rem;
     line-height: 1
 }

 .widget-info i:before {
     margin: 0
 }

 aside .widget-info i {
     margin-left: 7px
 }

 .widget-info h4 {
     display: inline-block;
     margin-bottom: 0;
     color: #6b7a83;
     font-weight: 600;
     font-size: 1.4rem;
     line-height: 1.286;
     font-family: "Open Sans", sans-serif;
     text-transform: uppercase
 }

 .product-single-collapse {
     line-height: 1.9;
     margin-bottom: 3.2rem;
     margin-top: -3px
 }

 .product-single-collapse p {
     margin-bottom: 1.3rem
 }

 .product-single-collapse .collapse-body-wrapper {
     padding-top: 3.1rem;
     padding-bottom: 2px
 }

 .product-single-collapse .product-desc-content {
     margin-bottom: 1.3rem
 }

 .product-single-collapse .product-desc-content ol,
 .product-single-collapse .product-desc-content ul {
     padding-left: 5.8rem;
     margin-bottom: 2rem
 }

 .product-single-collapse .product-desc-content li:before {
     left: 2.4rem
 }

 .product-collapse-title {
     margin: 0;
     font-size: 1.4rem;
     line-height: 1;
     text-transform: uppercase
 }

 .product-collapse-title a {
     display: flex;
     align-items: center;
     position: relative;
     padding: 1.4rem 1.5rem 1.5rem;
     border-bottom: 1px solid #ddd;
     color: inherit
 }

 .product-collapse-title a:focus,
 .product-collapse-title a:hover {
     color: inherit;
     text-decoration: none
 }

 .product-collapse-title a:before {
     content: "";
     margin-right: 1rem;
     font-family: "porto";
     font-size: 2rem;
     font-weight: 400
 }

 .product-collapse-title a:after {
     display: block;
     position: absolute;
     bottom: -0.2rem;
     left: 0;
     width: 100%;
     height: 0.2rem;
     transform-origin: left center;
     transform: scale(1, 1);
     transition: transform 0.4s;
     background-color: #08C;
     content: ""
 }

 .product-collapse-title a.collapsed:before {
     content: ""
 }

 .product-collapse-title a.collapsed:after {
     transform-origin: right center;
     transform: scale(0, 1)
 }

 .collapse-body-wrapper {
     padding: 3rem 0 1.5rem 2rem
 }

 .maga-sale-container {
     font-family: "Oswald";
     position: relative
 }

 .maga-sale-container .mega-content {
     margin: 1.1rem;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     text-align: center;
     border: 1px solid #f6f5f0
 }

 .maga-sale-container .mega-price-box {
     position: relative;
     display: flex;
     margin: 4.4rem 0.5rem 2.4rem 0;
     align-items: center;
     justify-content: center;
     color: #fff
 }

 .maga-sale-container .mega-price-box .price-big {
     font-size: 4rem;
     margin-right: 5px;
     z-index: 1
 }

 .maga-sale-container .mega-price-box .price-desc {
     display: flex;
     flex-direction: column;
     font-size: 1.4rem;
     line-height: 1.1;
     z-index: 1
 }

 .maga-sale-container .mega-price-box em {
     font-size: 1.8rem;
     font-style: unset
 }

 .maga-sale-container .mega-price-box:after,
 .maga-sale-container .mega-price-box:before {
     position: absolute;
     content: "";
     display: block;
     width: 94px;
     border: 0 solid #08C;
     border-width: 50px 0;
     border-bottom-color: transparent;
     border-radius: 50%
 }

 .maga-sale-container .mega-price-box:before {
     transform: rotate(-60deg);
     top: -34%
 }

 .maga-sale-container .mega-price-box:after {
     transform: rotate(120deg);
     margin-left: 8px;
     top: -41%
 }

 .maga-sale-container .mega-title {
     margin-left: 0.8rem;
     transform: scaleX(0.6);
     font-size: 3.8rem;
     letter-spacing: 0.07em;
     line-height: 1.1;
     color: #113952
 }

 .maga-sale-container .mega-subtitle {
     margin-left: 0.8rem;
     font-size: 1.6rem;
     letter-spacing: 0.17em;
     color: #113952
 }

 .custom-maga-sale-container {
     margin-bottom: 3.4rem
 }

 .custom-maga-sale-container .mega-price-box {
     margin: 4.2rem 0.8rem 3rem 0
 }

 .custom-maga-sale-container .mega-price-box .price-big {
     font-size: 4.7rem;
     margin-right: 5px;
     margin-top: 2px
 }

 .custom-maga-sale-container .mega-price-box .price-desc {
     font-size: 1.6rem
 }

 .custom-maga-sale-container .mega-price-box em {
     font-size: 2.2rem;
     margin-bottom: 1px;
     margin-top: 3px
 }

 .custom-maga-sale-container .mega-price-box:after,
 .custom-maga-sale-container .mega-price-box:before {
     width: 120px;
     border-width: 60px 0
 }

 .custom-maga-sale-container .mega-price-box:after {
     margin-left: 9px
 }

 .custom-maga-sale-container .mega-title {
     margin-left: 0;
     font-size: 4.4rem;
     white-space: nowrap;
     padding-top: 4px;
     margin-right: 1.5rem
 }

 .custom-maga-sale-container .mega-subtitle {
     font-size: 1.9rem;
     margin-left: 0;
     letter-spacing: 0.1em
 }

 @media (min-width:992px) {
     .main-content-wrap {
         overflow: hidden
     }

     .main-content-wrap .main-content {
         margin-left: -25%;
         transition: 0.15s linear
     }

     .main-content-wrap .sidebar-shop {
         left: -25%;
         transition: 0.15s linear;
         visibility: hidden;
         z-index: -1
     }

     .sidebar-opened .main-content-wrap>.sidebar-shop {
         left: 0;
         visibility: visible;
         z-index: 0
     }

     .sidebar-opened .main-content-wrap>.main-content {
         margin-left: 0
     }

     body:not(.sidebar-opened) .main-content-wrap>.main-content {
         max-width: 100%;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%
     }

     .sidebar-toggle {
         display: none
     }
 }

 @media (min-width:576px) {
     .sidebar-product .widget.widget-product-categories {
         padding: 2.4rem 3rem 2.5rem
     }
 }

 @media (max-width:1199px) {
     .maga-sale-container .mega-title {
         font-size: 3rem
     }

     .custom-maga-sale-container .mega-price-box:after,
     .custom-maga-sale-container .mega-price-box:before {
         width: 100px;
         border-width: 52px 0
     }

     .custom-maga-sale-container .mega-price-box .price-big {
         margin-top: -3px
     }

     .maga-sale-container .mega-title {
         margin-right: 0
     }
 }

 @media (max-width:991px) {
     .mobile-sidebar {
         display: block;
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
         width: 260px;
         padding: 2rem;
         margin: 0;
         transform: translate(-260px);
         transition: transform 0.2s ease-in-out 0s;
         background-color: #fff;
         z-index: 9999;
         overflow-y: auto
     }

     .sidebar-opened .mobile-sidebar {
         transform: none
     }

     .sidebar-opened .sidebar-overlay {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         background: #000;
         opacity: 0.35;
         z-index: 8999
     }
 }

 @media (max-width:575px) {
     .widget-info ul {
         display: block
     }
 }

 .product-single-grid {
     margin-bottom: 1.2rem
 }

 .product-single-grid .product-single-gallery .product-item {
     margin-bottom: 2rem
 }

 .product-single-grid .inner {
     position: relative
 }

 .product-single-grid .product-item:hover .prod-full-screen {
     opacity: 1
 }

 .product-single-grid .product-single-gallery .label-group {
     left: 1.8rem
 }

 .product-single-grid .product-single-details .short-divider {
     margin-bottom: 2.3rem
 }

 .product-single-grid .product-single-filter {
     margin-bottom: 0
 }

 .product-single-grid .product-single-filter:not(:last-child) {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem
 }

 .product-single-grid .product-single-filter:last-child {
     margin-bottom: 1.5rem;
     margin-top: -0.5rem
 }

 .product-single-grid .product-single-filter label {
     margin-right: 3.3rem;
     margin-bottom: 1px
 }

 .product-single-grid .product-single-filter:first-child {
     border-bottom: 1px solid #e7e7e7
 }

 .product-single-grid .product-single-filter .config-size-list a {
     height: 28px;
     font-size: 13px;
     border: 1px solid #e9e9e9;
     color: #222529;
     background-color: #f4f4f4
 }

 .product-single-grid .single-info-list {
     margin-top: 1.8rem;
     margin-bottom: 1.2rem
 }

 .product-center-vertical {
     padding-top: 2rem;
     padding-bottom: 2px
 }

 .product-center-vertical .product-single-gallery {
     margin-bottom: 2.3rem
 }

 .product-center-vertical .short-divider {
     margin-bottom: 2rem
 }

 .product-center-vertical .prod-thumbnail {
     margin: 8px -3px 0
 }

 .product-center-vertical .prod-thumbnail img {
     border: 1px solid #e7e7e7
 }

 .product-center-vertical .prod-thumbnail .active img,
 .product-center-vertical .prod-thumbnail img:hover {
     border: 1px solid #08C
 }

 .product-center-vertical .product-nav {
     right: 0;
     top: 0
 }

 .product-center-vertical .product-title {
     font-size: 2.4rem;
     line-height: 1.2
 }

 .product-center-vertical .product-desc {
     margin-bottom: 1.5rem
 }

 .product-center-vertical .product-category {
     line-height: 1.8
 }

 .product-center-vertical .single-info-list {
     margin-bottom: 2.4rem
 }

 .product-center-vertical .single-info-list li {
     margin-bottom: 0.6rem
 }

 .product-center-vertical .single-info-list strong {
     font-size: 1.4rem
 }

 .product-center-vertical .product-filters-container {
     padding-bottom: 0.5rem;
     margin-bottom: 0.5rem
 }

 .product-center-vertical .product-single-filter label {
     margin-right: 3.3rem;
     margin-bottom: 1px
 }

 .product-center-vertical .product-single-filter:first-child {
     border-bottom: 1px solid #e7e7e7;
     padding-bottom: 1.5rem;
     margin-bottom: 1.5rem
 }

 .product-center-vertical .product-filtered-price {
     margin-bottom: 1.3rem;
     margin-top: 1.25rem
 }

 .product-center-vertical .product-single-share .social-icon {
     margin-top: 2px;
     margin-bottom: 2px
 }

 .product-center-vertical .product-single-share .social-icon:not(:hover):not(:active):not(:focus) {
     background: #fff
 }

 .product-center-vertical .product-single-share:not(.icon-with-color) .social-icon {
     border-radius: 0
 }

 .product-center-vertical .social-icons {
     position: fixed;
     right: 1.6rem;
     top: 48.4%;
     z-index: 10;
     transform: translateY(-50%)
 }

 .product-center-vertical .product-qty-container label {
     font-size: 1.5rem;
     font-weight: 600
 }

 .product-center-vertical .product-single-qty label {
     font-family: "Open Sans", sans-serif
 }

 @media (min-width:992px) {
     .product-center-vertical .product-single-gallery {
         display: flex
     }

     .product-center-vertical .product-slider-container {
         width: calc(100% - 90px)
     }

     .product-center-vertical .prod-thumbnail {
         margin: 0
     }

     .product-center-vertical .prod-thumbnail>.owl-dot {
         flex: 1;
         max-width: 100%;
         margin: 10px 10px 0 0;
         padding: 0
     }

     .product-center-vertical .prod-thumbnail>.owl-dot:first-child {
         margin-top: 0
     }
 }

 @media screen and (min-width:1680px) {
     .product-center-vertical .prod-thumbnail {
         width: 110px
     }

     .product-center-vertical .product-slider-container {
         width: calc(100% - 110px)
     }
 }

 @media (max-width:991px) {
     .product-center-vertical .product-single-details .product-nav {
         right: 10px
     }
 }

 @media (max-width:991px) {
     .product-center-vertical .product-single-details .social-icons {
         right: 1.8rem
     }
 }

 .cart-table-container {
     margin-bottom: 2.5rem
 }

 .cart-table-container .input-group .form-control {
     height: 43px;
     border-color: rgba(0, 0, 0, 0.09)
 }

 .cart-table-container .btn-shop,
 .cart-table-container .btn-sm {
     border: none;
     background-color: #f4f4f4;
     color: #222529
 }

 .cart-table-container .btn-shop:hover,
 .cart-table-container .btn-sm:hover {
     color: #fff;
     background-color: #08C
 }

 .table.table-cart tr td,
 .table.table-cart tr th,
 .table.table-wishlist tr td,
 .table.table-wishlist tr th {
     vertical-align: middle
 }

 .table.table-cart tr th,
 .table.table-wishlist tr th {
     border: 0;
     color: #222529;
     font-weight: 700;
     line-height: 2.4rem;
     text-transform: uppercase
 }

 .table.table-cart tr td,
 .table.table-wishlist tr td {
     border-top: 1px solid #e7e7e7
 }

 .table.table-cart tr td.product-col,
 .table.table-wishlist tr td.product-col {
     padding: 2rem 0.8rem 1.8rem 0
 }

 .table.table-cart tr.product-action-row td,
 .table.table-wishlist tr.product-action-row td {
     padding: 0 0 2.2rem;
     border: 0
 }

 .table.table-cart .product-image-container,
 .table.table-wishlist .product-image-container {
     position: relative;
     width: 8rem;
     margin: 0
 }

 .table.table-cart .product-title,
 .table.table-wishlist .product-title {
     margin-bottom: 0;
     padding: 0;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     line-height: 1.75
 }

 .table.table-cart .product-title a,
 .table.table-wishlist .product-title a {
     color: inherit
 }

 .table.table-cart .product-single-qty,
 .table.table-wishlist .product-single-qty {
     margin: 0.5rem 4px 0.5rem 1px
 }

 .table.table-cart .product-single-qty .form-control,
 .table.table-wishlist .product-single-qty .form-control {
     height: 48px;
     width: 44px;
     font-size: 1.6rem;
     font-weight: 700
 }

 .table.table-cart .subtotal-price,
 .table.table-wishlist .subtotal-price {
     color: #222529;
     font-size: 1.6rem;
     font-weight: 600
 }

 .table.table-cart .btn-remove,
 .table.table-wishlist .btn-remove {
     right: -10px;
     font-size: 1.1rem
 }

 .table.table-cart tfoot td,
 .table.table-wishlist tfoot td {
     padding: 2rem 0.8rem 1rem
 }

 .table.table-cart tfoot .btn,
 .table.table-wishlist tfoot .btn {
     padding: 1.2rem 2.4rem 1.3rem 2.5rem;
     font-family: "Open Sans", sans-serif;
     font-size: 1.3rem;
     font-weight: 700;
     height: 43px;
     letter-spacing: -0.018em
 }

 .table.table-cart tfoot .btn+.btn,
 .table.table-wishlist tfoot .btn+.btn {
     margin-left: 1rem
 }

 .table.table-cart .bootstrap-touchspin.input-group,
 .table.table-wishlist .bootstrap-touchspin.input-group {
     margin-right: auto;
     margin-left: auto
 }

 .table.table-cart .product-title a,
 .table.table-cart .subtotal-price {
     display: block;
     margin-bottom: 1px
 }

 .table-cart tr th {
     padding: 1rem
 }

 .table-cart tr th.thumbnail-col {
     width: 16%
 }

 .table-cart tr th.product-col {
     width: 33%
 }

 .table-cart tr th.price-col {
     width: 14%
 }

 .table-cart td {
     padding: 2rem 1rem
 }

 i.cart-empty {
     font-size: 100px;
     color: #d3d3d4
 }

 .btn-edit:focus,
 .btn-edit:hover,
 .btn-move:focus,
 .btn-move:hover,
 .btn-remove:focus,
 .btn-remove:hover {
     color: #08C;
     text-decoration: none
 }

 .btn-edit {
     margin-right: 1rem;
     font-size: 1.3rem
 }

 .btn-move {
     font-size: 1.3rem;
     line-height: 2.5rem
 }

 .btn-move:focus,
 .btn-move:hover {
     text-decoration: underline
 }

 .qty-col {
     min-width: 98px
 }

 tbody .product-col {
     font-size: 0
 }

 .product-col .product-image-container {
     display: table-cell;
     padding-right: 1.8rem;
     margin-bottom: 0;
     vertical-align: middle
 }

 .product-col .product-image img {
     border: 1px solid #ccc
 }

 .product-col .product-title {
     margin-bottom: 1px;
     display: table-cell;
     vertical-align: middle
 }

 .cart-discount {
     margin-bottom: 4rem
 }

 .cart-discount h4 {
     margin-bottom: 1.2rem;
     font-size: 1.6rem;
     font-weight: 400
 }

 .cart-discount form {
     max-width: 420px
 }

 .cart-discount .input-group-append {
     margin-left: 3px
 }

 .cart-summary {
     margin-bottom: 3.6rem;
     padding: 2.4rem 3rem 3.4rem;
     border: 2px solid #e7e7e7;
     background: #fff
 }

 .cart-summary h3 {
     margin-bottom: 2.3rem;
     font-size: 1.6rem;
     letter-spacing: -0.01em
 }

 .checkout-progress-bar li a.active,
 .checkout-progress-bar li a:hover {
     color: #08C;
     opacity: 1
 }

 .table.table-totals {
     margin-bottom: 2.6rem
 }

 .table.table-totals .custom-radio .custom-control-input {
     width: 100px
 }

 .table.table-totals h4 {
     display: inline;
     margin-bottom: 0;
     font-size: 1.4rem;
     font-weight: 600;
     letter-spacing: -0.01em
 }

 .table.table-totals .form-control {
     line-height: 1.5
 }

 .table.table-totals .form-group {
     margin-bottom: 1.5rem
 }

 .table.table-totals .select2-container.select2-container--default .select2-selection--single {
     min-height: 37px
 }

 .table.table-totals .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 1.6
 }

 .table.table-totals tr td,
 .table.table-totals tr th {
     padding: 1rem;
     border: 0;
     letter-spacing: -0.01em;
     font-size: 14px;
     font-weight: 600;
     color: #222529;
     font-family: "poppins"
 }

 .table.table-totals tr td:last-child,
 .table.table-totals tr th:last-child {
     color: #777;
     text-align: right;
     font-weight: 400
 }

 .table.table-totals tbody tr {
     border-bottom: 1px solid #dcdcdc
 }

 .table.table-totals tfoot {
     border-top: 1px solid #ccc;
     color: #222529;
     font-size: 1.6rem;
     font-weight: 700
 }

 .table.table-totals tfoot tr td {
     padding-top: 1.3rem;
     padding-bottom: 1.6rem;
     vertical-align: middle;
     font-size: 1.6rem;
     padding-left: 1.2rem
 }

 .table.table-totals tfoot tr td:last-child {
     font-weight: 700;
     font-size: 22px;
     color: #222529
 }

 .table.table-totals tfoot b {
     font-size: 2.2rem
 }

 .checkout-methods .btn {
     font-family: "Open Sans", sans-serif;
     font-size: 1.5rem;
     letter-spacing: -0.015em;
     padding: 1em 0
 }

 .checkout-methods .btn i {
     margin-left: 1.2rem
 }

 .return-to-shop .btn {
     padding: 1.6rem 3.6rem;
     font-family: "Open Sans", sans-serif;
     font-size: 1.5rem;
     letter-spacing: -0.02em
 }

 .cart-summary form {
     margin-bottom: 1.6rem
 }

 .cart-summary .form-group-sm {
     max-width: none
 }

 .cart-summary .form-group-sm label {
     margin-top: 1.3rem;
     letter-spacing: 0;
     margin-bottom: 1.4rem;
     font-weight: 400;
     font-size: 1.4rem;
     color: #777;
     font-family: "Open Sans", sans-serif
 }

 .cart-summary .form-group-sm .form-control {
     height: 3.7rem;
     font-size: 1.4rem;
     letter-spacing: -0.012em
 }

 .cart-summary .btn-update-total {
     background-color: #f4f4f4;
     color: #222529;
     border: none;
     padding: 8px 12px;
     line-height: 1.5;
     font-family: "Open Sans", sans-serif
 }

 .cart-summary .btn-update-total:hover {
     color: #fff;
     background-color: #08C
 }

 @media (max-width:575px) {
     .cart-table-container {
         border-top: 4px solid #08C
     }

     .table.table-cart {
         border: 1px solid #e7e7e7;
         border-top: 0;
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05)
     }

     .table.table-cart,
     .table.table-cart tbody,
     .table.table-cart tfoot {
         display: block
     }

     .table.table-cart thead {
         display: none
     }

     .table.table-cart tr td {
         padding: 0.5rem 1rem;
         border-top: 0
     }

     .table.table-cart tr td.product-col {
         padding-bottom: 0.5rem
     }

     .table.table-cart .product-row {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding-top: 3rem;
         padding-bottom: 2.5rem;
         border-top: 2px solid #ddd
     }

     .table.table-cart .product-row:first-child {
         border-top: 0
     }

     .table.table-cart .product-col {
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-pack: center;
         justify-content: center;
         text-align: center
     }

     .table.table-cart .product-col .product-image-container {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         margin-right: 0;
         margin-bottom: 1rem
     }

     .table.table-cart tfoot {
         border-top: 2px solid #ddd
     }

     .table.table-cart tfoot tr {
         display: block;
         width: 100%
     }

     .table.table-cart tfoot tr td {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-align: start;
         align-items: center;
         padding: 3rem 0
     }

     .table.table-cart .cart-discount {
         margin-bottom: 2rem
     }

     .table.table-cart .cart-discount form {
         margin-bottom: 0
     }
 }

 @media (min-width:1200px) {
     .cart-table-container .input-group .form-control {
         width: 183px
     }
 }

 @media (max-width:767px) {
     .cart-table-container .cart-discount .form-control {
         max-width: 132px;
         margin-right: 0.4rem
     }

     .table.table-cart .cart-discount {
         margin-bottom: 1.5rem
     }
 }

 @media (max-width:479px) {
     .cart-summary {
         padding-left: 2rem;
         padding-right: 2rem
     }

     .table.table-cart .cart-discount {
         margin-bottom: 1.5rem
     }

     .cart-discount .input-group {
         flex-direction: column;
         align-items: center
     }

     .cart-table-container .cart-discount .form-control {
         margin: auto;
         margin-bottom: 1.5rem;
         max-width: none;
         width: 100%
     }
 }

 .checkout-progress-bar {
     margin: 4.7rem 0 2.1rem;
     font-size: 0;
     line-height: 1.4
 }

 .checkout-progress-bar li {
     display: inline-block;
     position: relative;
     margin-bottom: 3rem;
     color: #999;
     font-family: Poppins, sans-serif;
     font-size: 2rem;
     font-weight: 700;
     letter-spacing: -0.03em;
     text-align: center;
     vertical-align: top
 }

 .checkout-progress-bar li.prev {
     color: #222529
 }

 .checkout-progress-bar li a {
     color: #222524
 }

 .checkout-progress-bar li.active a {
     color: #08C
 }

 .checkout-progress-bar li.active a:hover {
     color: #08C
 }

 .checkout-progress-bar li.active+li a {
     color: #919292
 }

 .checkout-progress-bar li.active+li a:hover {
     color: #08C
 }

 .checkout-progress-bar li.disabled a {
     color: #919292
 }

 .checkout-progress-bar li:not(:first-child) {
     margin-left: 5.8rem
 }

 .checkout-progress-bar li:not(:first-child):before {
     position: absolute;
     left: -3.3rem;
     top: -0.8rem;
     content: "";
     color: #999;
     font-family: "porto";
     font-size: 3rem
 }

 .checkout-progress-bar li:last-child {
     pointer-events: none
 }

 .checkout-steps li {
     margin-bottom: 3rem
 }

 .checkout-steps li form {
     margin-top: 1.5rem;
     margin-bottom: 0;
     padding-bottom: 2rem;
     border-bottom: 1px solid #ccc
 }

 .checkout-steps li form:last-of-type {
     padding-bottom: 0.1rem;
     border-bottom: 0
 }

 .checkout-steps li form p {
     margin-bottom: 1rem;
     color: #777;
     font-size: 1.3rem
 }

 .checkout-steps li .form-footer {
     margin-top: 1rem;
     margin-bottom: 1rem
 }

 .step-title {
     margin-bottom: 0;
     color: #222529;
     font-size: 2.2rem
 }

 .step-title:after {
     display: block;
     clear: both;
     content: ""
 }

 .step-title .step-title-edit {
     margin-top: 0.4rem;
     float: right;
     font-size: 1.4rem
 }

 .form-coupon-toggle,
 .form-login-toggle {
     font-size: 13px;
     font-weight: 500;
     letter-spacing: -0.025em;
     line-height: 24px
 }

 .form-coupon-toggle a,
 .form-login-toggle a {
     color: #222524
 }

 .form-login-toggle {
     margin-bottom: 0.8rem
 }

 .form-coupon-toggle {
     margin-bottom: 2.3rem
 }

 .table-step-shipping {
     max-width: 600px
 }

 .table-step-shipping tr td {
     padding: 1.8rem 1.5rem;
     border: 0;
     border-bottom: 1px solid #ccc
 }

 .checkout-steps-action:after {
     display: block;
     clear: both;
     content: ""
 }

 .checkout-steps-action .btn {
     min-width: 70px;
     text-align: center
 }

 .order-summary {
     margin-bottom: 3rem;
     padding: 3rem;
     border: 2px solid #e7e7e7
 }

 .order-summary .custom-radio .custom-control-input {
     width: 102px
 }

 .order-summary h3 {
     margin-bottom: 1.9rem;
     font-size: 1.6rem;
     letter-spacing: -0.01em
 }

 .order-summary h4 {
     margin-bottom: 0;
     font-size: 1.4rem;
     font-weight: 600;
     letter-spacing: -0.01em;
     line-height: 19px
 }

 .order-summary .info-box p {
     padding: 11px 3px;
     list-style-position: inside;
     text-align: left;
     margin-bottom: 9px;
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
     color: #2f6473
 }

 .table-mini-cart {
     margin-bottom: 0
 }

 .table-mini-cart td,
 .table-mini-cart th,
 .table-mini-cart thead th,
 .table-mini-cart tr {
     border: 0;
     vertical-align: middle;
     color: #222529
 }

 .table-mini-cart td,
 .table-mini-cart th {
     padding: 1rem
 }

 .table-mini-cart td:last-child {
     text-align: right
 }

 .table-mini-cart tfoot tr,
 .table-mini-cart thead {
     border-bottom: 1px solid #e7e7e7
 }

 .table-mini-cart .price-col,
 .table-mini-cart .product-col {
     padding: 1.3rem 1rem 1.4rem
 }

 .table-mini-cart .product-col .product-image-container {
     max-width: 75px;
     padding-right: 1.5rem;
     vertical-align: top
 }

 .table-mini-cart .price-col {
     font-size: 1.4rem;
     font-weight: 400
 }

 .table-mini-cart .product-title {
     display: block;
     margin-bottom: 0;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     font-weight: 400
 }

 .table-mini-cart .cart-subtotal td,
 .table-mini-cart .cart-subtotal th,
 .table-mini-cart .cart-tax td,
 .table-mini-cart .cart-tax th {
     padding-top: 3rem;
     padding-bottom: 1.3rem
 }

 .table-mini-cart .order-shipping td {
     padding-top: 1.2rem;
     padding-bottom: 0.9rem
 }

 .table-mini-cart .order-shipping h4 {
     margin-bottom: 1.3rem
 }

 .table-mini-cart .order-shipping .custom-radio {
     margin: 0
 }

 .table-mini-cart .order-shipping .custom-radio label {
     width: 100%;
     font-size: 1.3rem;
     font-weight: 400
 }

 .table-mini-cart .order-shipping ul {
     margin-bottom: 2rem
 }

 .table-mini-cart .order-shipping li+li {
     margin-top: 1.5rem
 }

 .table-mini-cart .order-shipping .price {
     float: right;
     font-weight: 600
 }

 .table-mini-cart .order-total th {
     padding-top: 1.6rem;
     padding-bottom: 1.6rem
 }

 .table-mini-cart .order-total td {
     padding-top: 1.8rem;
     padding-bottom: 2.3rem
 }

 .table-mini-cart .order-total h4 {
     font-size: 1.6rem
 }

 .table-mini-cart .order-total .total-price {
     color: #222529;
     font-size: 2.2rem
 }

 .payment-methods {
     padding: 2rem 0.8rem 0;
     margin-bottom: 4.6rem;
     border-bottom: 1px solid #e7e7e7
 }

 .payment-methods h4 {
     margin-bottom: 1.5rem
 }

 .payment-methods ul {
     margin: 1.5rem 0 0
 }

 .payment-methods .custom-radio {
     margin: 0
 }

 .payment-methods li+li {
     margin-top: 1.5rem
 }

 .btn-place-order {
     width: 100%;
     margin-bottom: 0.6rem;
     padding: 1.4rem;
     font-family: "Open Sans", sans-serif
 }

 .login-form-container {
     padding-top: 3px;
     padding-bottom: 4px
 }

 .checkout-discount .feature-box,
 .login-form-container .feature-box {
     box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
     margin-bottom: 2.9rem
 }

 .checkout-discount .feature-box .feature-box-content,
 .login-form-container .feature-box .feature-box-content {
     border-top: 4px solid #e7e7e7;
     border-bottom: 1px solid #e7e7e7;
     border-left: 1px solid #ececec;
     border-right: 1px solid #ececec;
     padding: 1rem 2rem
 }

 .checkout-discount form,
 .login-form-container form {
     margin-bottom: 0;
     padding-top: 1.9rem;
     padding-bottom: 0.7rem
 }

 .checkout-discount form p,
 .login-form-container form p {
     margin-bottom: 1.6rem;
     font-size: 1.4rem
 }

 .checkout-discount form .btn,
 .login-form-container form .btn {
     margin-top: 1.8rem;
     padding: 0.9rem 4.7rem 1rem;
     letter-spacing: -0.01em;
     background-color: #f4f4f4;
     font-size: 1.3rem;
     font-family: "Open Sans", sans-serif
 }

 .checkout-discount form .btn:hover,
 .login-form-container form .btn:hover {
     background-color: #08C;
     color: #fff
 }

 .checkout-discount form .input-group,
 .login-form-container form .input-group {
     max-width: 480px
 }

 .checkout-discount .form-footer,
 .login-form-container .form-footer {
     margin-top: 1.4rem
 }

 .checkout-discount .custom-control,
 .login-form-container .custom-control {
     padding-left: 2.5rem
 }

 .checkout-discount .custom-control label,
 .login-form-container .custom-control label {
     font-size: 1.2rem
 }

 .checkout-discount .custom-control+a,
 .login-form-container .custom-control+a {
     margin-bottom: 3px;
     font-size: 14px;
     margin-left: 2rem
 }

 .checkout-discount h4,
 .login-form-container h4 {
     margin-bottom: 1rem;
     color: #777;
     font-family: "Open Sans", sans-serif;
     font-size: 1.3rem;
     font-weight: 400;
     letter-spacing: -0.025em
 }

 .checkout-discount h4 .btn,
 .login-form-container h4 .btn {
     vertical-align: bottom;
     border: 0
 }

 .checkout-discount .btn-toggle,
 .login-form-container .btn-toggle {
     padding: 0;
     color: #222529;
     letter-spacing: -0.025em
 }

 .checkout-discount .form-control {
     min-height: 33px
 }

 .checkout-discount .form-control,
 .checkout-discount .input-group-append {
     margin-top: 1rem;
     margin-bottom: 1rem
 }

 .checkout-discount h4 {
     margin-bottom: 2.6rem
 }

 .checkout-discount p {
     font-size: 1.4rem
 }

 .checkout-discount .feature-box {
     margin-bottom: 3.4rem
 }

 .checkout-discount .feature-box .feature-box-content {
     padding-top: 2.9rem
 }

 .checkout-discount form {
     padding-top: 1rem
 }

 .checkout-discount form .input-group {
     max-width: 319px
 }

 .checkout-discount form .btn {
     padding: 0 1rem 0 1.1rem;
     letter-spacing: -0.015em
 }

 .checkout-info-box {
     margin-bottom: 3rem;
     font-size: 1.3rem;
     line-height: 2.7rem
 }

 .checkout-info-box .step-title {
     margin-bottom: 1.8rem
 }

 .checkout-container {
     padding-bottom: 7px
 }

 .checkout-container .shipping-info {
     padding-bottom: 3px
 }

 .checkout-container .select-custom .form-control {
     font-size: 1.4rem
 }

 .checkout-container label {
     margin-bottom: 0.6rem;
     color: #777;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     font-weight: 400;
     letter-spacing: -0.01em
 }

 .checkout-container .checkout-discount .form-control {
     margin-right: 1.4rem;
     height: 33px;
     font-size: 1.2rem
 }

 .checkout-container .checkout-discount .btn.btn-sm {
     height: 33px
 }

 .checkout-container .step-title {
     letter-spacing: -0.01em
 }

 .checkout-container .form-control,
 .checkout-container select.form-control:not([size]):not([multiple]) {
     height: 49px
 }

 .checkout-container .form-group,
 .checkout-container .select-custom {
     margin-bottom: 1.7rem
 }

 .checkout-container .checkout-steps .custom-control-label:after,
 .checkout-container .checkout-steps .custom-control-label:before {
     top: 0px
 }

 .checkout-container .checkout-steps .select-custom:after {
     top: 66%
 }

 .checkout-container .custom-control {
     margin-top: 3.3rem;
     margin-bottom: 14px
 }

 .checkout-container .order-comments {
     padding-top: 6px
 }

 .checkout-container textarea.form-control {
     min-height: 125px
 }

 .checkout-container .order-summary {
     padding: 2.8rem 3.2rem 3.1rem;
     margin-top: 1px
 }

 .order-complete-container .address .title,
 .order-complete-container h4 {
     font-size: 2rem;
     font-weight: 700;
     text-transform: none
 }

 .cart-summary,
 .order-summary {
     position: relative
 }

 .cart-summary:before,
 .order-summary:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.5);
     opacity: 0;
     visibility: hidden
 }

 .cart-summary.loading:before,
 .order-summary.loading:before {
     opacity: 1;
     visibility: visible
 }

 .stripe-container .error {
     opacity: 0;
     transform: translateY(10px);
     transition: 0.2s
 }

 .stripe-container .error.visible {
     opacity: 1;
     transform: translateY(0)
 }

 .stripe-container .success {
     display: none;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     padding: 10px;
     text-align: center;
     pointer-events: none;
     overflow: hidden
 }

 .stripe-container .success .icon .border {
     stroke-dasharray: 251;
     stroke-dashoffset: 62.75;
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
     -webkit-animation: spin 1s linear infinite;
     animation: spin 1s linear infinite;
     stroke: #24b47e
 }

 .stripe-container .success .icon .checkmark {
     stroke-dasharray: 60;
     stroke-dashoffset: 60;
     -webkit-transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
     transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
     stroke: #24b47e
 }

 .stripe-container.submitting .success {
     display: flex
 }

 .stripe-container.submitting .success .message,
 .stripe-container.submitting .success .title,
 .stripe-container.submitting form {
     display: none
 }

 .stripe-container.submitted form {
     display: none
 }

 .stripe-container.submitted .success {
     display: flex
 }

 .stripe-container.submitted .success .border {
     stroke-dashoffset: 0
 }

 .stripe-container.submitted .success .checkmark {
     stroke-dashoffset: 0
 }

 @media (max-width:576px) {
     .checkout-container .order-summary {
         padding-left: 2rem;
         padding-right: 2rem
     }
 }

 @keyframes navItemArrow {
     0% {
         position: relative;
         right: -1px
     }

     50% {
         position: relative;
         right: 3px
     }

     to {
         position: relative;
         right: -1px
     }
 }

 .blog-section {
     padding-bottom: 1.6rem
 }

 .post {
     margin-bottom: 4.1rem
 }

 .post a {
     color: inherit
 }

 .post a:focus,
 .post a:hover {
     text-decoration: underline
 }

 .post .read-more {
     float: right
 }

 .post .read-more i:before {
     margin: 0
 }

 .post-media {
     position: relative;
     margin-bottom: 1.7rem;
     border-radius: 0;
     background-color: #ccc
 }

 .post-media .prod-full-screen {
     display: flex;
     width: 30px;
     height: 30px;
     align-items: center;
     justify-content: center;
     background-color: #08C;
     border-radius: 50%
 }

 .post-media .prod-full-screen i {
     color: #fff
 }

 .post-media:hover .prod-full-screen {
     opacity: 1
 }

 .post-media .post-date {
     position: absolute;
     top: 1rem;
     left: 1rem;
     width: 4.5rem;
     padding: 1rem 0.8rem 0.8rem;
     color: #fff;
     background: #222529;
     font-family: Poppins, sans-serif;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.05em
 }

 .post-media .day {
     display: block;
     font-size: 1.8rem;
     font-weight: 700;
     line-height: 1
 }

 .post-media .month {
     display: block;
     font-size: 1.12rem;
     line-height: 1;
     opacity: 0.6
 }

 .post-media img {
     width: 100%
 }

 .post-slider {
     margin-bottom: 3rem
 }

 .post-slider .owl-dots {
     position: absolute;
     right: 0;
     bottom: 0.25rem;
     left: 0;
     margin: 0 !important
 }

 .post-body {
     margin-left: 0;
     padding-bottom: 2.1rem;
     border: 0;
     line-height: 24px
 }

 .post-body .post-date {
     width: 40px;
     margin-right: 10px;
     float: left;
     text-align: center;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1)
 }

 .post-body .post-date .day {
     display: block;
     padding: 1.1rem 0.2rem;
     background-color: #f4f4f4;
     color: #08c;
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 1.375
 }

 .post-body .post-date .month {
     display: block;
     padding: 0.4rem 0.2rem 0.7rem;
     border-radius: 0 0 0.2rem 0.2rem;
     background-color: #08c;
     color: #fff;
     font-size: 1.2rem;
     line-height: 1.33;
     box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset
 }

 .post-title {
     margin-bottom: 1.3rem;
     color: #222529;
     font-family: "Open Sans", sans-serif;
     font-size: 1.8rem;
     font-weight: 700;
     line-height: 1.35
 }

 .post-content {
     font-size: 1.3rem
 }

 .post-content:after {
     display: block;
     clear: both;
     content: ""
 }

 .post-content p {
     margin-bottom: 7px
 }

 .post-comment {
     color: #999;
     font-size: 1rem;
     text-transform: uppercase
 }

 .post-meta>span {
     display: inline-block;
     margin-right: 1.5rem
 }

 .post-meta i {
     margin-right: 0.5rem
 }

 .post-meta i:before {
     margin: 0
 }

 .single {
     margin-bottom: 2.3rem
 }

 .single .post-media {
     margin-bottom: 3rem
 }

 .single .post-meta {
     margin-bottom: 2rem;
     margin-left: 49px
 }

 .single .post-meta a {
     color: #999;
     font-size: 1rem;
     text-transform: uppercase
 }

 .single .post-title {
     margin-bottom: -8px;
     font-size: 3rem;
     color: #08C;
     font-weight: 700;
     font-family: Poppins, sans-serif;
     line-height: 40px
 }

 .single h3 {
     font-size: 2rem;
     font-weight: 600
 }

 .single h3 i {
     margin-right: 7px;
     font-size: 2rem
 }

 .single .post-share {
     margin-bottom: 2.4rem
 }

 .single .post-share h3 {
     margin-bottom: 2.2rem;
     letter-spacing: -0.01em
 }

 .single .post-content {
     margin-bottom: 5.7rem
 }

 .single .post-content p {
     margin-bottom: 2rem;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 24px
 }

 .single .post-content h3 {
     margin-bottom: 2rem;
     color: #21293c;
     font-size: 18px;
     font-weight: 400;
     line-height: 27px
 }

 .single .social-icon {
     width: 29px;
     height: 29px
 }

 .single .social-icon+.social-icon {
     margin-left: 0.8rem
 }

 .post-share {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-bottom: 2.6rem;
     padding: 2.8rem 0
 }

 .post-share h3 {
     margin-right: 2rem
 }

 .post-share .social-icons {
     color: #fff
 }

 .post-author {
     margin-bottom: 2.2rem;
     padding-bottom: 2.7rem
 }

 .post-author:after {
     display: block;
     clear: both;
     content: ""
 }

 .post-author h3 {
     margin-bottom: 2rem;
     letter-spacing: -0.01em
 }

 .post-author figure {
     max-width: 80px;
     margin-right: 2rem;
     margin-bottom: 0;
     float: left
 }

 .post-author h4 {
     margin: 1rem;
     font-weight: 600;
     font-size: 1.6rem;
     letter-spacing: 0.03em;
     color: #08C;
     font-family: "Open Sans", sans-serif
 }

 .post-author .author-content {
     font-size: 1.3rem;
     line-height: 1.8
 }

 .post-author .author-content p:last-child {
     margin-bottom: 0;
     line-height: 1.7
 }

 .zoom-effect {
     position: relative;
     overflow: hidden
 }

 .zoom-effect img {
     transition: transform 0.2s
 }

 .zoom-effect:hover img {
     transform: scale(1.1, 1.1)
 }

 .post-date-in-media .post-media {
     margin-bottom: 1.9rem;
     overflow: hidden
 }

 .post-date-in-media .post-media img {
     transition: transform 0.2s
 }

 .post-date-in-media .post-media:hover img {
     transform: scale(1.1, 1.1)
 }

 .post-date-in-media .post-body {
     margin-left: 0;
     padding-bottom: 2rem;
     border: 0
 }

 .post-date-in-media .post-title {
     margin-bottom: 0.7rem;
     font-size: 1.7rem;
     font-family: Poppins, sans-serif;
     font-weight: 700
 }

 .post-date-in-media p {
     font-size: 1.3rem;
     line-height: 1.846
 }

 .post-date-in-media .post-comment {
     color: #999;
     font-size: 1rem;
     text-transform: uppercase
 }

 .comment-respond h3 {
     margin-bottom: 2.9rem;
     letter-spacing: -0.01em
 }

 .comment-respond h3+p {
     margin-bottom: 2.6rem
 }

 .comment-respond label {
     margin-bottom: 0.7rem;
     font-size: 1.4rem;
     font-family: "Open Sans", sans-serif
 }

 .comment-respond .form-control {
     height: 37px
 }

 .comment-respond .form-group {
     margin-bottom: 2rem
 }

 .comment-respond form {
     margin-bottom: 0;
     padding: 3rem;
     background-color: #f5f5f5
 }

 .comment-respond form p {
     margin-bottom: 2rem;
     line-height: 1.75
 }

 .comment-respond form textarea {
     margin-top: 1px;
     min-height: 170px
 }

 .comment-respond form .form-group-custom-control .custom-control-label {
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     line-height: 1.75;
     font-weight: 700;
     color: #222529
 }

 .comment-respond .form-group-custom-control {
     padding-top: 1px
 }

 .comment-respond .custom-control-label:after,
 .comment-respond .custom-control-label:before {
     width: 13px;
     height: 13px
 }

 .comment-respond .custom-checkbox .custom-control-label:after {
     top: 2px;
     left: 1px;
     font-weight: 300;
     font-size: 1.2rem
 }

 .comment-respond .custom-control-label:after,
 .comment-respond .custom-control-label:before {
     top: 5px;
     left: 0;
     width: 13px;
     height: 13px;
     line-height: 2rem
 }

 .comment-respond .custom-control {
     padding-left: 2.2rem
 }

 .comment-respond .btn-sm {
     letter-spacing: 0.01em
 }

 .related-posts {
     padding-top: 3.2rem;
     margin-bottom: 5rem
 }

 .related-posts h4 {
     margin-bottom: 1.4rem;
     font-size: 2rem;
     text-transform: uppercase;
     letter-spacing: -0.01em
 }

 .related-posts .post {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: 0
 }

 .related-posts .post p {
     margin-bottom: 1rem
 }

 .related-posts .post-body {
     padding-bottom: 0;
     border-bottom: 0
 }

 .related-posts .post-media {
     margin-bottom: 2rem
 }

 .related-posts .post-title {
     color: #0077b3;
     margin-bottom: 1rem;
     font-size: 16.8px
 }

 .related-posts .post-content {
     margin-left: 55px
 }

 .related-posts .read-more {
     float: left;
     color: #222529;
     font-size: 12.6px;
     font-weight: 600
 }

 .sidebar {
     position: relative;
     height: 100%;
     font-size: 1.3rem
 }

 .sidebar .widget {
     margin-bottom: 3.1rem
 }

 .sidebar .sidebar-wrapper {
     padding-bottom: 4.2rem
 }

 .sidebar .sidebar-wrapper .widget:last-child {
     margin-bottom: 0;
     padding-bottom: 3rem
 }

 .widget-post .widget-title {
     margin-bottom: 1.7rem
 }

 .widget-title {
     margin: 0.5rem 0 1.3rem;
     color: #313131;
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 1.2;
     text-transform: uppercase
 }

 .widget form {
     margin-bottom: 0
 }

 .list {
     padding: 0;
     list-style: none;
     font-size: 1.3rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
     margin-top: -8px;
     margin-bottom: 0
 }

 .list li {
     display: block;
     position: relative;
     margin: 0;
     padding: 6px 0 6px 15px;
     border-top: 1px solid rgba(0, 0, 0, 0.08);
     line-height: 24px
 }

 .list li:before {
     content: "";
     position: relative;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-left: -11px;
     margin-right: 6px;
     font-size: 7.2px;
     opacity: 0.7;
     vertical-align: middle
 }

 .list li:hover:before {
     animation: navItemArrow 0.6s linear infinite
 }

 .list li a {
     color: inherit
 }

 .list li:first-child {
     border-top-width: 0
 }

 .list .list {
     margin-top: 5px;
     margin-bottom: -6px;
     border-bottom: none
 }

 .list .list li:first-child {
     border-top-width: 1px
 }

 .widget.widget-categories .widget-title {
     margin-top: 1px;
     margin-bottom: 1.8rem
 }

 .tagcloud:after {
     display: block;
     clear: both;
     content: ""
 }

 .tagcloud a {
     margin: 0.4rem 0.4rem 0.4rem 0;
     padding: 0.4rem 0.8rem;
     line-height: 1;
     display: inline-block;
     text-decoration: none;
     font-size: 10.5px;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 10px;
     background-color: #222529;
     color: #fff
 }

 .simple-post-list {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .simple-post-list li {
     padding-bottom: 15px
 }

 .simple-post-list li:after {
     display: block;
     clear: both;
     content: ""
 }

 .simple-post-list li:last-child {
     padding-top: 15px;
     border-top: 1px dotted #ececec
 }

 .simple-post-list .post-media {
     width: 5rem;
     margin: 0 1rem 0 0;
     float: left;
     border-radius: 0;
     line-height: 0
 }

 .simple-post-list .post-media img {
     display: block;
     width: 100%;
     max-width: none;
     height: auto
 }

 .simple-post-list .post-info a {
     display: inline-block;
     margin-bottom: 2px;
     font-weight: 600;
     font-size: 14px;
     line-height: 18px;
     color: #08C
 }

 .simple-post-list .post-info a:hover {
     text-decoration-line: underline
 }

 .simple-post-list .post-info .post-meta {
     letter-spacing: 0.01em;
     font-size: 1.1rem
 }

 .comment-list {
     padding-bottom: 4px
 }

 .comments {
     position: relative
 }

 .comments .img-thumbnail {
     position: absolute;
     top: 0;
     padding: 0;
     border: 0
 }

 .comments .comment-block {
     padding: 2rem 2rem 3.5rem;
     margin-left: 11.5rem;
     position: relative
 }

 .comments .comment-block p {
     font-size: 0.9em;
     line-height: 21px;
     margin: 0;
     padding: 0
 }

 .comments .comment-block .date {
     color: #999;
     font-size: 0.9em
 }

 .comments .comment-by {
     display: block;
     padding: 0 0 4px 0;
     margin: 0;
     font-size: 1.3rem;
     line-height: 21px;
     letter-spacing: -0.005em;
     color: #999
 }

 .comments .comment-by strong {
     font-size: 1.4rem;
     letter-spacing: 0.005em;
     color: #7b858a
 }

 .comments .comment-footer {
     margin-top: 5px
 }

 .comments .comment-arrow {
     position: absolute;
     left: -15px;
     height: 0;
     top: 28px;
     width: 0;
     border-bottom: 15px solid transparent;
     border-top: 15px solid transparent;
     border-right: 15px solid #f4f4f4
 }

 .comments .comment-action {
     color: var(--primary-color)
 }

 @media (max-width:991px) {
     .sidebar.mobile-sidebar {
         position: fixed
     }
 }

 @media (max-width:767px) {
     .comment-respond .form-footer {
         margin-bottom: 3rem
     }
 }

 @media (max-width:767px) {
     .comment-respond .form-footer {
         margin-bottom: 2rem
     }
 }

 @media (max-width:575px) {
     .comment-respond form {
         padding: 1.5rem
     }
 }

 #map {
     height: 500px;
     margin-bottom: 5rem;
     background-color: #e5e3df
 }

 #map address {
     margin: 0;
     padding: 0.625rem 0.875rem;
     font-size: 1.3rem;
     font-style: normal;
     font-weight: 400;
     line-height: 1.5
 }

 #map a {
     display: inline-block;
     margin-top: 0.8rem;
     font-size: 1.2rem;
     text-transform: uppercase
 }

 .contact-us-container {
     padding-bottom: 6px
 }

 .contact-us-container h2 {
     font-size: 2.4rem;
     letter-spacing: -0.0425em
 }

 .contact-us-container p {
     letter-spacing: -0.025em;
     line-height: 2
 }

 .contact-us-container label {
     color: #777;
     font-size: 1.4rem;
     font-weight: 500
 }

 .contact-us-container input {
     border-color: #ebebeb
 }

 .contact-us-container .form-group {
     margin-bottom: 1.8rem
 }

 .contact-us-container .form-footer {
     margin-top: -2px
 }

 .contact-us-container .contact-info {
     border-bottom: 1px solid #eee
 }

 .contact-us-container .required {
     color: #ff7272
 }

 .contact-info {
     padding-top: 0.5rem
 }

 .contact-info>div {
     margin-bottom: 2.9rem
 }

 .contact-info .col-12 {
     margin-bottom: 4.7rem
 }

 .contact-info .feature-box .sicon-location-pin {
     margin-top: -2px
 }

 .contact-info .feature-box i {
     margin-bottom: 1.8rem;
     font-size: 4.5rem
 }

 .contact-info .feature-box h3 {
     margin-bottom: 0.4rem;
     font-size: 2rem;
     letter-spacing: -0.025em;
     text-transform: none;
     font-weight: 700
 }

 .contact-info .feature-box h5 {
     color: #777;
     font-weight: 400;
     letter-spacing: -0.025em
 }

 .dashboard-content .btn-link {
     display: inline;
     padding: 0;
     font-size: inherit;
     font-weight: 400;
     line-height: inherit;
     vertical-align: top;
     white-space: normal
 }

 .dashboard-content p {
     line-height: 1.75
 }

 .dashboard-content p:first-child {
     margin-top: -0.2rem;
     margin-bottom: 2.4rem
 }

 .dashboard-content .feature-box {
     padding-top: 3.5rem;
     margin-bottom: 2rem;
     border: 2px solid #e7e7e7
 }

 .dashboard-content .feature-box i {
     margin-bottom: 2.5rem;
     color: #d3d3d4;
     font-size: 6rem;
     transition: transform 0.35s
 }

 .dashboard-content .feature-box:hover i {
     transform: scale(1.15);
     transition: transform 0.35s
 }

 .widget-dashboard h2 {
     margin-top: -1px;
     margin-bottom: 1.5rem;
     font-size: 1.6rem
 }

 .widget-dashboard .nav-item:last-child {
     margin-right: 3.5rem
 }

 .widget-dashboard .list {
     border-bottom: none
 }

 .widget-dashboard .list a {
     padding: 1rem 0 1.1rem;
     color: #777;
     letter-spacing: -0.025em;
     font-size: 1.4rem
 }

 .widget-dashboard .list a:focus,
 .widget-dashboard .list a:hover {
     background: transparent
 }

 .widget-dashboard .list a.active {
     color: #222524;
     font-weight: 700
 }

 .widget-dashboard li:last-child a {
     border-bottom: 0
 }

 .widget-dashboard li {
     padding: 8px 0 8px 0
 }

 .widget-dashboard li:before {
     display: none
 }

 .account-container {
     margin-top: 4.2rem;
     margin-bottom: 4rem
 }

 .nav-tabs.list .nav-item {
     padding: 0
 }

 .nav-tabs.list .nav-item .nav-link {
     padding: 1.3rem 0 1.5rem;
     font-family: "Open Sans", sans-serif;
     text-transform: capitalize;
     font-size: 1.4rem;
     border: none
 }

 .nav-tabs.list .nav-item .nav-link:not(.active) {
     font-weight: 400;
     color: #777
 }

 .nav-tabs.list .nav-item .nav-link.active,
 .nav-tabs.list .nav-item .nav-link.address {
     font-weight: 700;
     color: #222529
 }

 @media (max-width:575px) {
     .dashboard-content .feature-box h3 {
         font-size: 1.3rem
     }
 }

 .account-content {
     margin-top: 2.1rem
 }

 .account-content label {
     margin-bottom: 0.7rem;
     color: #777;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     font-weight: 400
 }

 .account-content form {
     margin-bottom: 4px
 }

 .account-content .form-input {
     margin-bottom: 1.7rem;
     padding-top: 0.8rem;
     padding-bottom: 0.8rem;
     border-color: #e7e7e7;
     line-height: 32px
 }

 .account-content .form-group {
     margin-bottom: 1.7rem
 }

 .account-content .form-group p {
     font-size: 1.3rem;
     margin-top: 3px
 }

 .account-content .form-control {
     padding-top: 2px;
     padding-left: 1.2rem;
     font-size: 1.4rem;
     height: 50px;
     border-color: rgba(0, 0, 0, 0.09);
     letter-spacing: -0.015em
 }

 .account-content .btn {
     font-family: "Open Sans", sans-serif;
     font-size: 1.5rem
 }

 .change-password {
     padding: 2.6rem 3rem 2.2rem;
     border: 2px solid #e7e7e7
 }

 .change-password h3 {
     font-size: 1.6rem;
     font-family: "Open Sans", sans-serif
 }

 .change-password .btn {
     padding: 1.6rem 4.5rem 1.5rem;
     letter-spacing: -0.02em
 }

 .address h3 {
     font-size: 1.8rem
 }

 .address .title {
     margin-bottom: 2.9rem
 }

 .address label {
     margin-bottom: 1.1rem
 }

 .address .form-control {
     height: 37px
 }

 .address h4 {
     font-size: 1.7rem;
     letter-spacing: -0.016em
 }

 .address .heading {
     margin-bottom: 6px
 }

 .address .address-action {
     padding: 0.8rem 2.3rem 0.7rem;
     background: #f4f4f4;
     color: #222524;
     font-family: "Open Sans", sans-serif
 }

 .address .address-action:hover {
     background-color: #08C;
     color: #fff
 }

 .address select.form-control:not([size]):not([multiple]) {
     height: 37px
 }

 .address .select-custom {
     margin-bottom: 1.7rem
 }

 .address .select-custom:after {
     top: 72%;
     right: 1.5rem
 }

 .address .form-control {
     line-height: 1.5
 }

 .address.account-content h4 {
     font-size: 1.4rem;
     letter-spacing: 0
 }

 .address-box {
     display: inline-block;
     position: relative;
     margin-bottom: 2.9rem;
     width: 100%;
     transition: 0.3s border-color;
     font-size: 1.4rem;
     line-height: 3rem;
     vertical-align: top;
     word-wrap: break-word
 }

 .download-table-container .btn,
 .order-detail-container .btn,
 .order-table-container .btn {
     padding: 8px 12px;
     font-size: 14px;
     font-weight: 400
 }

 .custom-account-container {
     margin-bottom: 5.6rem
 }

 .download-table-container {
     padding-top: 3px
 }

 .download-table-container p {
     margin-bottom: 3.9rem
 }

 .download-table-container .btn {
     padding: 9px 24px 8px;
     background-color: #f4f4f4;
     color: #222529;
     border: none;
     font-weight: 700;
     font-family: "Open Sans", sans-serif
 }

 .download-table-container .btn:hover {
     color: #fff;
     background-color: #08C
 }

 .order-table-container .btn-dark {
     min-width: 200px;
     padding: 16px 0 15px;
     font-size: 15px;
     letter-spacing: -0.015em;
     text-align: center;
     font-family: "Open Sans", sans-serif;
     font-weight: 700
 }

 .account-sub-title {
     margin-top: 0.6rem;
     margin-bottom: 1.5rem;
     font-size: 2.2rem;
     letter-spacing: -0.01em
 }

 .account-sub-title i {
     font-size: 3.5rem;
     color: #d3d3d4
 }

 .table.table-downloads,
 .table.table-order {
     margin-bottom: 1px;
     font-size: 14px
 }

 .table.table-downloads thead th,
 .table.table-order thead th {
     border-top: none;
     border-bottom-width: 1px;
     padding: 1.3rem 1rem;
     font-weight: 700;
     color: #222524
 }

 .table.table-downloads tbody td,
 .table.table-order tbody td {
     vertical-align: middle
 }

 .order-old-price,
 .product-old-count {
     font-size: 0.9em;
     text-decoration: line-through
 }

 .order-new-price {
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.7)
 }

 .product-new-count {
     text-decoration: underline
 }

 .order-info {
     font-size: 1.4rem
 }

 .order-info .order-date,
 .order-info .order-id,
 .order-info .order-status {
     color: #000
 }

 .order-detail-container .title {
     font-size: 1.8rem;
     font-weight: 400;
     text-transform: uppercase
 }

 .table.table-order-detail th {
     font-weight: 600
 }

 .table.table-order-detail td,
 .table.table-order-detail th {
     padding: 1rem;
     font-size: 1.4rem;
     line-height: 24px
 }

 .table.table-order-detail thead th {
     border: none
 }

 .table.table-order-detail .product-title {
     display: inline;
     color: #08C;
     font-size: 1.4rem;
     font-weight: 400
 }

 .table.table-order-detail .product-count {
     color: #08C
 }

 .order-update {
     padding: 2rem;
     background-color: #f5f7f7
 }

 .order-update+.order-update {
     margin-top: 1rem
 }

 .order-update .order-update-time {
     font-weight: 700
 }

 .order-update p {
     margin-bottom: 0;
     font-weight: 300
 }

 .order-detail-container address {
     margin-bottom: 2rem;
     line-height: 1.75
 }

 .order-detail-container address p:last-child {
     margin-bottom: 0
 }

 @media (max-width:767px) {
     .table.table-order thead {
         display: none
     }

     .table.table-order td {
         display: block;
         border-top: none;
         text-align: center
     }

     .table.table-order .product-thumbnail img {
         display: inline
     }

     .table.table-order tbody tr {
         position: relative;
         display: block;
         padding: 10px 0
     }

     .table.table-order tbody tr:not(:first-child) {
         border-top: 1px solid #ddd
     }

     .table.table-order .product-remove {
         position: absolute;
         top: 12px;
         right: 0
     }
 }

 .wishlist-title {
     margin-top: 5.3rem;
     margin-bottom: 2.8rem
 }

 .wishlist-table-container {
     margin-bottom: 5.5rem
 }

 .wishlist-table-container .table-title {
     padding-top: 1rem;
     padding-bottom: 1rem;
     font-size: 1.3em;
     font-weight: 400;
     letter-spacing: -0.7px;
     line-height: 1.42857;
     text-transform: uppercase
 }

 .wishlist-table-container .btn {
     height: 42px;
     width: auto;
     padding: 0 25px !important;
     font-size: 13px;
     line-height: 42px;
     text-indent: 0
 }

 .wishlist-table-container .btn-quickview {
     margin-right: 6px;
     background: #f4f4f4;
     color: #222529;
     font-family: "Open Sans", sans-serif
 }

 .wishlist-table-container .btn-quickview:hover {
     background-color: #08C;
     color: #fff
 }

 .wishlist-table-container .btn-shop {
     font-weight: 600;
     text-transform: uppercase;
     min-width: 160px
 }

 .table.table-wishlist tr th {
     padding: 10px 5px 10px 16px
 }

 .table.table-wishlist tr th.thumbnail-col {
     width: 10%
 }

 .table.table-wishlist tr th.product-col {
     width: 29%
 }

 .table.table-wishlist tr th.price-col {
     width: 13%
 }

 .table.table-wishlist tr th.status-col {
     width: 19%
 }

 .table.table-wishlist tr td {
     padding: 20px 5px 23px 16px
 }

 .table.table-wishlist .product-price {
     color: inherit;
     font-size: 1.4rem;
     font-weight: 400
 }

 .table.table-wishlist .price-box {
     margin-bottom: 0
 }

 .table.table-wishlist .stock-status {
     color: #222529;
     font-weight: 600
 }

 .box-content .table-cart,
 .box-content .table-wishlist {
     margin-bottom: 15px;
     font-size: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     width: 100%;
     margin-bottom: 1em
 }

 .box-content .table-cart .wishlist-empty,
 .box-content .table-wishlist .wishlist-empty {
     margin-bottom: 1rem;
     text-align: center
 }

 .box-content .btn-go-shop {
     padding: 16px 0;
     margin-top: 2rem;
     border: none;
     text-transform: uppercase;
     text-align: center;
     min-width: 200px;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: -0.015em;
     background-color: #353a40;
     color: #fff
 }

 .box-content .btn-go-shop:hover {
     background-color: #08C;
     color: #fff
 }

 i.cart-empty,
 i.wishlist-empty {
     font-size: 100px;
     color: #d3d3d4
 }

 @media (max-width:1199px) {
     .wishlist-table-container .btn {
         width: 100%
     }

     .wishlist-table-container .btn:first-child {
         margin-bottom: 1rem
     }
 }

 @media (max-width:767px) {
     .wishlist-table-container {
         border-top: 4px solid #08C
     }

     .table.table-wishlist {
         border: 1px solid #e7e7e7;
         border-top: 0;
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05)
     }

     .table.table-wishlist,
     .table.table-wishlist tbody {
         display: block
     }

     .table.table-wishlist thead {
         display: none
     }

     .table.table-wishlist tr td {
         padding: 0.5rem 1rem;
         border-top: 0
     }

     .table.table-wishlist tr td.product-col {
         padding-bottom: 0.5rem
     }

     .table.table-wishlist .product-row {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 3rem 0;
         border-top: 2px solid #ddd
     }

     .table.table-wishlist .product-row:first-child {
         border-top: 0
     }

     .table.table-wishlist .product-col {
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-pack: center;
         justify-content: center;
         text-align: center
     }

     .table.table-wishlist .product-col .product-image-container {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         margin-right: 0;
         margin-bottom: 1rem
     }

     .table.table-wishlist .btn-shop {
         width: 100%
     }
 }

 .login-container {
     margin-top: 3.9rem
 }

 .login-container .heading .title {
     margin-bottom: 0;
     font-size: 2.2rem;
     letter-spacing: -0.01em
 }

 .login-container .custom-checkbox .custom-control-label:after {
     top: 1px
 }

 .login-container form {
     margin-bottom: 64px
 }

 .login-container form label {
     margin-bottom: 0.7rem;
     color: #777;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     font-weight: 400
 }

 .login-container form .form-input {
     margin-bottom: 1.7rem;
     padding-top: 0.8rem;
     padding-bottom: 0.8rem;
     border-color: #e7e7e7;
     line-height: 32px
 }

 .login-container form .btn {
     font-family: "Open Sans", sans-serif;
     font-size: 1.6rem
 }

 .login-container form .form-footer {
     margin-top: 1.8rem;
     margin-bottom: 2.8rem
 }

 .login-container .custom-checkbox {
     margin-top: 1px;
     padding-left: 2.5rem
 }

 .login-container .custom-checkbox .custom-control-label {
     margin-top: 2px;
     font-size: 1.2rem
 }

 .login-container .forget-password {
     font-size: 1.4rem;
     font-weight: 600
 }

 .login-container .forget-password:hover {
     text-decoration: underline
 }

 .login-container .col-md-6:first-child .form-footer {
     margin-top: 1.3rem
 }

 .reset-password-container {
     padding-top: 3.9rem;
     padding-bottom: 3rem
 }

 .reset-password-container .form-control {
     height: 37px
 }

 .reset-password-container .feature-box .feature-box-content {
     padding-bottom: 31px
 }

 .reset-password-container p {
     margin-bottom: 1.7rem;
     font-size: 1.4rem;
     line-height: 1.75
 }

 .reset-password-container label {
     margin-bottom: 0.7rem;
     color: inherit;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem
 }

 .reset-password-container input {
     line-height: 1.5
 }

 .reset-password-container .form-footer {
     margin-top: 1.5rem
 }

 .reset-password-container .form-footer a {
     margin-top: 5px;
     font-size: 1.4rem
 }

 .reset-password-container .form-footer a:hover {
     text-decoration: underline
 }

 .reset-password-container .form-footer .btn {
     padding: 0.8rem 1.2rem;
     font-family: "Open Sans", sans-serif;
     font-size: 1.4rem;
     line-height: 21px
 }

 @media (min-width:768px) {
     .login-container .col-md-6:first-child {
         padding-right: 3.4rem
     }

     .login-container .col-md-6:last-child {
         padding-left: 3.4rem
     }
 }

 @media (max-width:767px) {
     .login-container form {
         margin-bottom: 50px
     }
 }

 h1 {
     font-weight: 700;
     font-size: 3.6rem
 }

 p {
     font-family: Poppins, sans-serif
 }

 .anim-pane .anim-wrapper {
     float: left;
     display: flex;
     flex-direction: column
 }

 .anim-pane p {
     line-height: 2
 }

 .anim-pane .anim-play-btn {
     display: flex;
     align-items: center;
     margin: 1rem auto 0.5rem;
     font-size: 1.2rem;
     border-radius: 3px
 }

 .anim-pane i {
     font-size: 1.1rem
 }

 @media (max-width:479px) {
     .anim-pane .anim-play-btn {
         margin-bottom: 2.5rem
     }

     .anim-pane .anim-wrapper {
         float: none;
         align-items: center
     }
 }

 .button-type {
     border-right: 1px solid rgba(0, 0, 0, 0.06)
 }

 .button-type h4 {
     margin-bottom: 1rem
 }

 .button-type p {
     line-height: 2.4rem;
     margin-bottom: 0;
     padding-right: 1rem
 }

 .btn-list {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 0
 }

 .btn-list li {
     margin: 1rem 1rem 1rem 0
 }

 .info-box-wrapper h4 {
     font-weight: 700;
     font-size: 18.2px;
     line-height: 3.2rem;
     margin-bottom: 3px
 }

 .info-box-wrapper p {
     font-family: Poppins, sans-serif;
     font-size: 1.4rem;
     line-height: 2.4rem;
     color: #777
 }

 .info-box-wrapper .info-desc {
     font-size: 16px;
     line-height: 1;
     margin-bottom: 1rem;
     color: #999
 }

 .info-box-wrapper i {
     font-size: 5rem;
     color: #08C
 }

 .info-box-wrapper .info-box-img h4 {
     line-height: 2.7rem;
     margin-top: 1rem
 }

 @media (max-width:1199px) {
     .info-box {
         margin-bottom: 2rem
     }
 }

 .banners-page section>h3 {
     font-size: 3.2rem;
     letter-spacing: -1px
 }

 .banners-page section>p {
     font-family: "Lora";
     font-size: 15.4px;
     max-width: 70rem
 }

 .banners-page .banner .banner-subtitle {
     font-size: 1.3125em;
     color: rgba(34, 37, 41, 0.7);
     line-height: 1;
     font-weight: 500;
     letter-spacing: 0.125em;
     margin-bottom: 0.5rem
 }

 .banners-page .banner .banner-title {
     font-size: 4.5em;
     line-height: 1;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     margin-bottom: 0
 }

 .banners-page .banner h5 {
     font-size: 0.75em;
     vertical-align: top
 }

 .banners-page .banner h5 span {
     position: relative;
     font-size: 1.3rem;
     top: -10px;
     letter-spacing: -0.02em
 }

 .banners-page .banner b {
     position: relative;
     display: inline-block;
     padding: 4px 11px;
     transform: rotate(-2deg);
     font-size: 1.2em;
     margin: 1px 4px 0 7px;
     letter-spacing: -0.01em;
     background-color: #e36159;
     color: #fff
 }

 .banners-page .banner .box-border {
     max-width: 55%;
     margin-left: auto
 }

 .banners-page .banner .btn {
     font-size: 1em;
     font-weight: 700;
     letter-spacing: -0.025em;
     padding: 1em 3em
 }

 .banners-page .banner1 .banner-layer {
     right: unset;
     left: 3.5%
 }

 .banners-page .banner2 .banner-layer {
     left: unset;
     right: 3.5%
 }

 .banners-page .banner3 .banner-subtitle,
 .banners-page .banner4 .banner-subtitle {
     font-size: 1.375em;
     line-height: 1;
     font-weight: 600;
     letter-spacing: 0.2em;
     color: #222529
 }

 .banners-page .banner3 .banner-title,
 .banners-page .banner4 .banner-title {
     font-family: Playfair Display, sans-serif;
     font-size: 5.375em;
     text-transform: none;
     line-height: 1;
     letter-spacing: -0.05em;
     margin-bottom: 2.4rem
 }

 .banners-page .banner3 p,
 .banners-page .banner4 p {
     font-size: 1.375em;
     color: #777;
     line-height: 1.5;
     font-weight: 300;
     letter-spacing: -0.015em;
     max-width: fit-content
 }

 .banners-page .banner3 h5,
 .banners-page .banner4 h5 {
     font-size: 1.125em;
     vertical-align: top
 }

 .banners-page .banner3 h5 span,
 .banners-page .banner4 h5 span {
     position: relative;
     font-size: 1.8rem;
     top: -10px;
     letter-spacing: -0.02em
 }

 .banners-page .banner3 b,
 .banners-page .banner4 b {
     position: relative;
     display: inline-block;
     padding: 4px 11px;
     transform: none;
     font-size: 1.2em;
     margin: 1px 4px 0 7px;
     letter-spacing: -0.01em;
     background: none;
     color: #b93027
 }

 .banners-page .banner3 .banner-layer {
     right: unset;
     left: 11.5%
 }

 .banners-page .banner4 .banner-layer {
     left: unset;
     right: 11.5%
 }

 .banners-page .ken-banner {
     overflow: hidden
 }

 .banners-page .ken-banner>figure img {
     width: 1200px;
     height: auto;
     margin: 0 auto;
     object-fit: cover;
     object-position: center top
 }

 .banners-page .ken-banner h2 {
     font-family: "Nanum Brush Script", sans-serif;
     font-size: 6.8rem;
     font-weight: 300;
     line-height: 40px;
     color: #c59b9c;
     letter-spacing: 0.01em
 }

 .banners-page .ken-banner .btn-link {
     padding: 0;
     border: 0;
     color: #666;
     font-family: Poppins, sans-serif;
     font-size: 2.2rem;
     font-weight: 400;
     letter-spacing: 0.01em;
     text-decoration: none;
     white-space: nowrap
 }

 .banners-page .ken-banner .btn-link i {
     margin: 0 1px 0 5px;
     font-size: 0.7em;
     vertical-align: middle
 }

 .banners-page .ken-banner .btn-link:hover {
     color: #c59b9c
 }

 @media (max-width:1199px) {
     .banners-page .ken-banner .banner-media>img {
         margin-left: 0
     }
 }

 @media (max-width:767px) {
     .banners-page .ken-banner .wrapper:before {
         right: 71.5%
     }
 }

 @media (max-width:575px) {
     .banners-page .ken-banner .wrapper:before {
         right: 95%
     }
 }

 @media (max-width:479px) {
     .banners-page .ken-banner .wrapper:before {
         width: unset
     }
 }

 .banner-label {
     position: absolute;
     display: block;
     left: -30px;
     top: 20px;
     width: 120px;
     transform: rotate(-45deg);
     background: #08c;
     font-size: 1.4rem;
     color: #fff;
     text-align: center;
     z-index: 1;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     padding: 0.2rem
 }

 .customLineAnim {
     animation-name: customLineAnim;
     animation-fill-mode: both
 }

 @keyframes customLineAnim {
     0% {
         stroke-dasharray: 1600;
         stroke-dashoffset: 1600
     }

     to {
         stroke-dasharray: 2500;
         stroke-dashoffset: 1600
     }
 }

 .blog-type2 .post {
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -ms-flex-align: center;
     margin-bottom: 0
 }

 .blog-type2 .post-media {
     margin: 0
 }

 .blog-type2 .post-body {
     flex: 1;
     -ms-flex: 1;
     z-index: 1;
     position: relative;
     margin: 0px 0 0 -32px;
     padding: 3.6rem 3.6rem 3.3rem;
     border: 0;
     background-color: #fff
 }

 .blog-type2 .post-body .post-date {
     display: inline-block;
     float: none;
     width: auto;
     margin: 0 0 1rem;
     padding: 0.2rem 0.8rem;
     color: #fff;
     background-color: #222529;
     font-size: 1.1rem;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     box-shadow: none
 }

 .blog-type2 .post-title {
     margin-bottom: 0.8rem;
     font-size: 1.8rem;
     font-weight: 600;
     text-transform: uppercase
 }

 .blog-type2 .post-content {
     font-size: 1.3rem;
     letter-spacing: 0.03em;
     line-height: 1.9
 }

 .blog-type2 .post-content p {
     max-width: 250px;
     margin-bottom: 1.3rem;
     line-height: 1.7
 }

 .blog-type2 .read-more {
     float: left;
     color: #222529;
     font-size: 1.4rem;
     font-weight: 700;
     letter-spacing: -0.025em;
     text-transform: uppercase
 }

 .blog-type2 .read-more i {
     display: inline-block;
     margin-top: -0.2rem;
     line-height: 1;
     vertical-align: middle
 }

 .blog-type3 .post-slider>.owl-stage-outer {
     margin: -45px -40px;
     padding: 45px 40px
 }

 .blog-type3 .post a:focus,
 .blog-type3 .post a:hover {
     text-decoration: none
 }

 .blog-type3 .post .read-more {
     font-weight: 700;
     float: none;
     color: #08C;
     text-transform: uppercase
 }

 .blog-type3 .post-media {
     margin-bottom: 0.6rem
 }

 .blog-type3 .post-media .prod-full-screen {
     right: 5px;
     bottom: 5px
 }

 .blog-type3 .post-meta {
     margin-bottom: 1.8rem;
     font-size: 0.8em;
     text-transform: uppercase
 }

 .blog-type3 .post-meta>span {
     margin-right: 0.5rem
 }

 .blog-type3 .post-meta>span:not(.meta-date) {
     line-height: 1;
     color: #08C
 }

 .blog-type3 .post-meta>span:not(.meta-date):hover>a {
     border-bottom: 1px solid #08C
 }

 .blog-type3 .post-meta i {
     margin-right: 0.7rem
 }

 .blog-type3 .post-title {
     margin-bottom: 1.9rem;
     font-size: 2rem;
     font-family: Poppins, sans-serif;
     letter-spacing: -0.025em
 }

 .blog-type3 .post-title:hover {
     color: #08C
 }

 .blog-type3 .post-content p {
     margin-bottom: 1.5rem;
     line-height: 25px;
     letter-spacing: -0.028em;
     font-size: 1.4rem
 }

 .blog-type3 .post-box {
     padding: 2.4rem 1.9rem 0.3rem;
     box-shadow: 0 0 50px rgba(0, 0, 0, 0.07)
 }

 .blog-type4 {
     margin-top: 4.1rem;
     padding: 3.8rem 0 2.5rem
 }

 .blog-type4 .post {
     font-size: 1.6rem
 }

 .blog-type4 .post-body {
     padding-bottom: 1.2rem
 }

 .blog-type4 .post-media {
     flex: 1 0 26.7rem;
     max-width: 50%
 }

 .blog-type4 .post-title {
     margin-bottom: 1.1rem;
     font-size: 18px;
     font-weight: 600
 }

 .blog-type4 .post-content {
     font-size: 13px;
     font-weight: 400;
     font-family: "Open Sans", sans-serif
 }

 .blog-type4 .post-content p {
     margin-bottom: 1.3rem
 }

 .blog-type4 .post-comment {
     font-size: 10px;
     font-family: "Open Sans", sans-serif
 }

 .blog-type4 .post-comment i {
     margin-right: 5px;
     font-size: 13px
 }

 .blog-type4 .section-title {
     margin-bottom: 2.2rem
 }

 @media (min-width:576px) {
     .blog-type4 .post-body {
         margin-left: 1.7rem
     }
 }

 .blog-type4 .testimonial {
     padding: 2.4rem 0 3.3rem 2rem
 }

 .blog-type4 .testimonial figure {
     flex: 1 0 96px;
     max-width: 96px
 }

 .blog-type4 .testimonial .testi-content {
     padding-top: 8px
 }

 .blog-type4 .testimonial blockquote {
     padding: 16px 3rem 11px 2.2rem;
     font-size: 1.3rem;
     font-family: "Open Sans", sans-serif
 }

 .blog-type4 .testimonial blockquote:before {
     top: 1.2rem;
     left: -0.3em;
     font-size: 4rem
 }

 .blog-type4 .testimonial .testimonial-owner figure {
     margin-right: 4px
 }

 .blog-type4 .testimonial .testimonial-owner h4 {
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     text-transform: none;
     font-size: 15px;
     line-height: 1
 }

 .blog-type4 .testimonial .testi-author {
     margin-left: 32px;
     margin-top: 5px;
     font-family: "Open Sans", sans-serif;
     font-size: 13px
 }

 .testimonial-section .text-gray {
     color: #777
 }

 .testimonial-section blockquote {
     margin: 0
 }

 .testimonial-section:before {
     left: 0
 }

 .testimonial-section .testimonial-owner {
     font-family: Poppins, sans-serif
 }

 .testimonial-section .testimonial-owner .testimonial-title,
 .testimonial-section .testimonial-owner span {
     text-transform: capitalize
 }

 @media (max-width:767px) {
     .testimonial-section .testimonial {
         margin-bottom: 40px
     }
 }

 .testimonial-type1 {
     margin-bottom: 40px
 }

 .testimonial-type1 blockquote {
     padding: 0 4rem;
     font-family: Playfair Display, Georgia, serif
 }

 .testimonial-type1 blockquote:after,
 .testimonial-type1 blockquote:before {
     font-size: 80px;
     font-weight: 400
 }

 .testimonial-type1 blockquote:before {
     left: 0
 }

 .testimonial-type1 blockquote p {
     font-size: 24px;
     line-height: 30px;
     padding: 0 4.5rem
 }

 @media (max-width:1199px) {
     .testimonial-type1 blockquote p {
         padding: 0
     }
 }

 .testimonial-type1 .testimonial-owner {
     margin-top: 6px
 }

 .testimonial-type1.inner-blockquote figure {
     max-width: 62px
 }

 .testimonial-type1.inner-blockquote blockquote:before {
     left: 1%
 }

 .testimonial-type1.inner-blockquote blockquote:after {
     right: 1%
 }

 .testimonial-type1.inner-blockquote p {
     font-size: 17px
 }

 .testimonial-type2 {
     margin: 0 0 20px
 }

 .testimonial-type2>p {
     padding: 0 2rem
 }

 .testimonial-type3 {
     margin: 0 0 40px
 }

 .testimonial-type3 blockquote {
     font-family: Playfair Display, Georgia, serif
 }

 .testimonial-type3 blockquote:before {
     top: 15px;
     left: 6px;
     font-weight: 500
 }

 .testimonial-type3:not(.testimonial-color):before {
     top: 15px;
     left: 6px;
     font-weight: 500
 }

 .testimonial-type3:not(.testimonial-color) blockquote p {
     padding: 0 1rem
 }

 .testimonial-type3 .testimonial-owner {
     margin: 12px 0 0 8px
 }

 .testimonial-type3 .testimonial-owner figure {
     margin-right: 12px
 }

 .testimonial-type3 .testimonial-arrow-down {
     border-top-color: #f4f4f4;
     margin-left: 28px
 }

 .testimonial-type3.bg-blue blockquote {
     background-color: #0099e6
 }

 .testimonial-type3.bg-blue .testimonial-arrow-down {
     border-top-color: #0099e6
 }

 .testimonial-type3.bg-red blockquote {
     background-color: #e7766f
 }

 .testimonial-type3.bg-red .testimonial-arrow-down {
     border-top-color: #e7766f
 }

 .testimonial-type3.bg-green blockquote {
     background-color: #30bec6
 }

 .testimonial-type3.bg-green .testimonial-arrow-down {
     border-top-color: #30bec6
 }

 .testimonial-type3.bg-grey blockquote {
     background-color: #444c57
 }

 .testimonial-type3.bg-grey .testimonial-arrow-down {
     border-top-color: #444c57
 }

 .testimonial-type4 {
     margin: 0 0 40px
 }

 .testimonial-type4 blockquote {
     font-family: Poppins, sans-serif
 }

 .testimonial-type4 blockquote:before {
     font-size: 35px;
     top: 15px;
     left: 6px;
     font-weight: 500
 }

 .testimonial-type4 blockquote p {
     padding: 0 1rem
 }

 .testimonial-type4 .testimonial-owner {
     align-items: center;
     margin: 12px 0 15px 30px
 }

 .testimonial-type4 .testimonial-owner figure {
     margin-right: 12px
 }

 .testimonial-type5>p {
     padding: 6px 20px;
     font-size: 17px
 }

 .testimonial-type5 .testimonial-owner {
     padding-top: 15px
 }

 .testimonials-big-type .testimonial {
     display: flex
 }

 .testimonials-big-type .testimonial figure {
     margin-right: 3rem;
     width: 120px
 }

 .testimonials-big-type .testimonial img {
     min-width: 80px;
     border-radius: 50%
 }

 .testimonials-big-type .testimonial .testimonial-owner {
     max-width: 930px
 }

 .testimonials-big-type .testimonial blockquote {
     padding: 0;
     margin-left: 0
 }

 .testimonials-big-type .testimonial blockquote:before {
     top: -3rem;
     left: 0;
     font-size: 4rem
 }

 .testimonials-big-type .testimonial blockquote p {
     margin-bottom: 1.6rem;
     line-height: 2.6rem;
     color: #777
 }

 .testimonials-big-type .testimonial .meta {
     padding-top: 2.2rem
 }

 .testimonials-big-type .testimonial .testimonial-title {
     margin-bottom: 3px;
     font-size: 17px;
     font-weight: 600;
     text-transform: unset
 }

 .testimonial-color blockquote {
     padding: 4rem 6.4rem 4rem 7.2rem
 }

 .testimonial-color blockquote:after,
 .testimonial-color blockquote:before {
     font-size: 80px
 }

 .testimonial-color blockquote:before {
     left: 28px
 }

 .testimonial-color blockquote p {
     font-size: 17px
 }

 .testimonial-color .testimonial-arrow-down {
     left: 45px
 }

 .testimonial-bg .container {
     padding-top: 58px;
     padding-bottom: 58px
 }

 .owl-dots-simple.owl-theme .owl-dots {
     position: relative
 }

 .owl-dots-simple.owl-theme .owl-dots .owl-dot span {
     width: 8px;
     height: 8px;
     margin: 5px 4px;
     background: #D6D6D6;
     border: none;
     display: block;
     transition: opacity 0.2s;
     border-radius: 30px
 }

 .owl-dots-simple.owl-theme .owl-dots .owl-dot span:before {
     display: none
 }

 .owl-dots-simple.owl-theme .owl-dots .owl-dot.active span,
 .owl-dots-simple.owl-theme .owl-dots .owl-dot:hover span {
     background: #08C
 }

 .circle-icons .circle {
     display: inline-block;
     font-size: 32px;
     height: 6.4rem;
     width: 6.4rem;
     text-align: center;
     line-height: 6.4rem;
     border-radius: 50%;
     color: #fff;
     background: #08C;
     margin-bottom: 2rem
 }

 .fontawesome-icon-list>div {
     white-space: nowrap;
     overflow: hidden
 }

 .fontawesome-icon-list>div,
 .sample-icon-list>div {
     height: 32px;
     line-height: 32px;
     font-size: 11px;
     color: #222
 }

 .fontawesome-icon-list>div:hover,
 .sample-icon-list>div:hover {
     color: #08C
 }

 .fontawesome-icon-list>div:hover i,
 .sample-icon-list>div:hover i {
     font-size: 28px;
     vertical-align: -6px;
     color: #08C
 }

 .fontawesome-icon-list i,
 .sample-icon-list i {
     display: inline-block;
     background-image: none;
     font-size: 14px;
     margin-right: 4px;
     text-align: center;
     width: 32px
 }

 .category-box {
     border: 1px solid #ddd;
     border-radius: 6px;
     overflow: hidden;
     background: #fff;
 }

 .category-item {
     padding: 12px 15px;
     border-bottom: 1px solid #eee;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     transition: background 0.2s;
 }

 .category-item:hover {
     background: #f8f9fa;
 }

 .child-category {
     padding-left: 30px;
     background: #fdfdfd;
 }

 .sale-box {
     text-align: center;
     background: #000;
     color: #fff;
     font-weight: 600;
     padding: 15px;
     font-size: 14px;
 }

 .toggle-icon[aria-expanded="true"] {
     transform: rotate(90deg);
     transition: transform 0.3s ease;
 }

 .toggle-icon {
     transition: transform 0.3s ease;
 }