html, body {
  height: 100%;
  margin: 0
}
.owl-carousel .owl-item img {
  width: auto
}
.owl-dots {
  text-align: center
}
.owl-carousel button.owl-dot {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background-color: #cbcbc2;
  border-radius: 100%
}
.owl-carousel button.owl-dot.active {
  background-color: #de3d35
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 36%;
  left: -60px;
  width: 29px;
  height: 51px;
  opacity: 0.5;
  background-image: url(../images/icons/left-arrow.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 29px auto;
  text-indent: -999px;
  transition: all ease 0.4s;
  transform: translateY(-36%);
  z-index: 1
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
  display: none
}
.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -60px;
  background-image: url(../images/icons/right-arrow.png)
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
  opacity: 1
}
.cart-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 142px;
  background: #ffffff;
  border-left: 1px solid #d6d6d6;
  height: 100%;
  padding: 16px;
  transition: all ease 0.4s;
  z-index: 11
}
.sidebar-open {
  padding-right: 142px
}
.added-cart-btns {
  transition: all ease 0.4s
}
.sidebar-open .added-cart-btns {
  padding-right: 0
}
.slidebar-body {
  transition: all ease 0.4s
}
.sidebar-hide {
  transform: translateX(100%)
}
.remove-sidebar {
  display: inline-block;
  background: #ffffff;
  border-radius: 5px;
  color: #7f7f7f;
  border: 1px solid #d3d3d3;
  position: fixed;
  top: 25px;
  right: 10px;
  z-index: 999;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center
}
.remove-sidebar.active {
  transform: rotate(180deg)
}
.cart-sidebar .text-one {
  display: block;
  font-size: 14px;
  line-height: normal
}
.billing-info .select2-container {
  width: 100% !important
}
.cart-sidebar .text-three {
  line-height: normal
}
.cart-sidebar h5 span {
  font-size: 15px
}
.sidebar-price.subtotal-price {
  margin-bottom: 15px
}
.sidebar-product {
  margin-bottom: 20px;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  text-align: center;
  border-radius: 5px;
  position: relative;
  min-height: 80px;
  align-items: center;
  display: flex;
  cursor: pointer
}
.sidebar-product img {
  padding: 8px 10px
}
.cart-sidebar .btn.white-btn {
  min-width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
  padding: 10px 15px
}
.btn.sidebar-cart-btn:hover {
  opacity: 0.8;
  background: #83b916;
  color: #ffffff
}
.popover {
  border: none;
  max-width: 300px;
  min-width: 300px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3)
}
.sidebar-product-info .row {
  margin: 0 -5px
}
.sidebar-product-info .col-4 {
  padding: 0 5px
}
.sidebar-product-info h4 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px
}
.sidebar-info-price {
  color: #048361;
  font-size: 16px
}
.remove-link {
  font-size: 14px;
  color: #cf7575;
  cursor: pointer
}
.remove-link:hover {
  color: #c42424
}
.slidebar-body header .navbar-toggler {
  right: 45px;
  transition: all ease 0.4s
}
.sidebar-open header .navbar-toggler {
  right: 15px
}
.added-cart-info {
  padding: 10px 0;
  background: #fcfbf1;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 4
}
.cart-info-check {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  color: #f37404
}
.cart-info-image {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 10px;
  margin: 0 10px;
  background: #ffffff;
  min-height: 50px;
  border: 2px solid #048361;
  border-radius: 5px;
  border-color: #f7ad7d
}
.cart-info-image img {
  width: 50px
}
.cart-inner-info {
  display: inline-block;
  vertical-align: middle
}
.cart-inner-info h6 {
  margin-bottom: 0
}
.cart-inner-info .text-three {
  max-width: 330px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cart-info-inner {
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #dddcd4;
  padding-right: 20px;
  margin-right: 20px
}
.cart-sub-total {
  display: inline-block;
  vertical-align: middle
}
.cart-sub-total h5 {
  font-size: 16px;
  margin-bottom: 0
}
.cart-sub-total span {
  display: inline-block;
  margin-left: 11px;
  font-size: 16px
}
.btn.btn-one {
  background-color: #f43d3d;
  color: #ffffff;
  border-color: #f43d3d
}
.btn.white-btn {
  background-color: #ffffff;
  color: #a75353;
  border-color: #d6a9a9
}
.btn.white-btn:hover {
  background-color: #fcfcfc;
  color: #c42424;
  border-color: #d6a9a9
}
.btn.white-btn:focus {
  background-color: #ffffff;
  color: #d6a9a9;
  border-color: #d6a9a9
}
.btn.btn-one:hover {
  background-color: #c42424;
  color: #ffffff;
  border-color: #c42424
}
.btn.btn-one:focus {
  background-color: #c42424;
  border-color: #c42424;
  color: #ffffff
}
.btn.grey-btn {
  background-color: #ffffff;
  color: #343434;
  border-color: #e5e5e5
}
.btn.grey-btn:hover {
  color: #c42424;
  border-color: #d6a9a9
}
.no-product-image {
  text-align: center
}
.no-product-image img {
  max-height: 500px
}
.product-details-div .carousel-item {
  text-align: center;
  border: 1px solid #eeeeee
}
.product-details-div a.heart-icon {
  right: 35px
}
.product-details-div .carousel-item img, .product-details-div .carousel-item video {
  width: 100%;
  object-fit: contain;
  height: 100%
}
.product-details-div .carousel-item img {
  background: #ffffff
}
.product-details-div .carousel-item video {
  background: #000000
}
.product-details-div .carousel-indicators {
  position: static;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  margin: 0
}
.product-details-div .carousel-indicators li {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding: 10px;
  border-radius: 0.2rem;
  position: relative
}
.product-details-div .carousel-indicators li.active {
  border-color: #f4bd3c
}
.product-details-div .carousel-indicators li img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block
}
.product-details-div .carousel a .icon {
  font-size: 80px;
  line-height: 120px;
  color: #ebebeb
}
.product-details-div .carousel-control-next, .product-details-div .carousel-control-prev {
  top: 40%;
  bottom: auto;
  transform: translateY(-50%)
}
.product-details-div h5 {
    color: #636363;
    font-size: 22px;
    font-weight: 300;
}
.video-preview {
  margin: auto;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: url(../images/video-preview.png) no-repeat 50% 50%;
  background-size: cover
}
.product-details-div .out-of-stock {
  left: 25px;
  z-index: 2
}
.carousel-control-next, .carousel-control-prev {
  opacity: 0.9
}
.product-details-div .heart-icon, .product-details-div a.heart-icon {
  z-index: 2
}
.product-details-div iframe.full-iframe {
  min-height: 500px
}
.product-details-div .zoom {
  height: auto;
  display: block
}
.product-details-div .zoom-main {
  display: block;
  height: auto;
  margin-bottom: 30px
}
.product-details-div .zoom-main img, .carousel-item .zoom img {
  height: 455px
}
.product-details-div .zoom-main iframe {
  height: 500px
}
.product-details-div .zoom-main .video-preview {
  width: 100%
}
.product-details-div .zoom-thumb {
  height: auto
}
.product-details-div .zoom .zoom-thumb a {
  height: 70px;
  width: 70px;
  position: relative
}
.product-details-div .zoom-click[data-type="1"]:before {
  content: "\F40C";
  display: inline-block;
  font: normal normal normal 24px / 1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #f13943
}
.product-details-div .zoom-click[data-type="1"]:hover:before {
  opacity: 0.8
}
.product-information {
  border-top: 1px solid #eeeeee;
  padding: 50px 0 0 0;
}
.product-information.specifications {
  border-top: 0;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #eeeeee;
  margin-top: 25px;
}
.product-information h2 {
  font-weight: 400;
}
.product-information h3 {
  color: #ad3302;
  font-weight: 400;
  margin-bottom: 25px;
}
.product-information p {
  line-height: 22px;
}
.product-information .note {
  color: #d77103;
}
.tabs-meta-text {
  font-size: 17px;
  padding: 10px 0 10px 0;
  color: #707070;
}
.tabs-meta-text strong {
  font-weight: 400;
  color: #999999;
  font-size: 16px;
}
.tabs-meta-text a {
  color: #932929;
  display: inline-block
}
.tabs-meta-text a:hover {
  color: #ad3302;
}
.product-attributes {
  padding: 25px 30px 10px 30px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  position: relative;
}
.product-attributes .attr-heading {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 0 10px;
  background-color: #ad3302;
  color: #fff;
  border-radius: 5px 0 5px 0;
  border: 1px solid #eeeeee;
  font-size: 14px;
}
.product-attributes .attr-heading i {
  color: #ffffff;
}
.logo img {
  transition: all ease 0.4s
}
.header-bottom .navbar-nav li ul li {
  position: static
}
.header-bottom .navbar-nav li ul li ul {
  top: 0 !important
}
.dropdown-toggle:after {
  content: "\54";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  border: none;
  vertical-align: middle;
  margin-top: -2px
}
.address-listing-view.billing-form {
  padding: 25px 25px 0
}
.address-listing-view .col-lg-6 {
  margin-bottom: 25px
}
.quantity-box .select2-container {
  width: 120px !important
}
.select2-container--default .selection .select2-selection--single {
  display: block;
  width: 100%;
  height: 45px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  line-height: 30px
}
.select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px
}
.select2-container--default .selection .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 7px 6px 0 6px;
  border-block-color: #8e8e8e !important
}
.select2-container--default.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  border-width: 0 6px 7px 6px
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  box-shadow: none;
  outline: none
}
.select2-results__option {
  padding: 6px 10px
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #f7f7f7 !important
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c42424 !important;
  color: white
}
.select2-container--default .selection .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f2f2f2 !important;
  color: #ffea00 !important
}
.nice-select .list {
  color: #262626;
  z-index: 5
}
.addToListScroll {
  max-height: 250px;
  overflow: auto
}
.mobile-header {
  display: none;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 6
}
.add-after {
  display: none
}
.mobile-header .btn {
  font-size: 14px
}
.mobile-header .cart-item-right .btn-link {
  font-size: 12px
}
.cart-dropdown a.btn.btn-block {
  font-size: 14px
}
.mobile-header a.wishlist {
  color: #ee1783
}
.mobile-header a#my-account {
  color: #d45854
}
.custom-alert {
  background: #f9f6e6;
  color: #5b6773
}
a:hover, a:focus {
  color: #84b917
}
.custom-alert strong {
  color: #39758a;
  display: inline-block;
  margin-right: 5px
}
.custom-alert.process strong {
  color: #d3753c
}
.custom-alert img {
  display: inline-block;
  margin-right: 5px
}
.custom-alert.success strong {
  color: #4f9a26
}
.s3upload-progress-div {
  display: none
}
.product-progress.progress.s3upload-progress {
  height: 15px;
  background-color: #eaeaea
}
.progress-span-value {
  display: block
}
.review-by-user-pic {
  float: left;
  width: 50px
}
#searchCatalogError {
  position: absolute;
  top: 15px;
  right: 50%;
  z-index: 2;
  transform: translateX(50%)
}
.review-by-user-pic img {
  border-radius: 100%
}
.review-by-user-name {
  display: inline-block;
  padding: 4px 0 0 10px;
  font-weight: 500
}
.review-date {
  color: #8e8e8e;
  font-weight: 400;
  display: block
}
.product-rating {
  color: #b8b8b8;
  font-size: 30px
}
.product-rating i {
  color: #b8b8b8
}
.product-rating i.active-star {
  color: #fdc730
}
.review-box i.mdi-star {
  color: #b8b8b8
}
.review-box i.mdi-star.active-star {
  color: #fdc730
}
.reviews-view i.mdi-star {
  color: #b8b8b8
}
.reviews-view i.mdi-star.active-star {
  color: #fdc730
}
.review-by-user {
  border-bottom: 1px solid #dee2e6
}
.review-by-user:last-child {
  border-bottom: none
}
.review-by-user .review-by-user:last-child {
  margin-bottom: 0 !important
}
.btn-circle {
  text-align: center;
  display: inline-block;
  color: #666666;
  position: relative;
  top: 3px
}
.btn-circle:hover {
  opacity: 0.9;
  color: #7c7c7c
}
.btn-circle i {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  width: 38px;
  height: 38px;
  color: #7c7c7c;
  border: 1px solid #d3d1cd;
  background: #ffffff;
  border-radius: 100%
}
.btn-circle i.mdi-border-color {
  line-height: 42px;
  color: #f59105;
  font-size: 16px
}
.btn-circle span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding-top: 5px
}
.btn-circle i.mdi-delete {
  color: #ef5362;
  font-size: 15px
}
.product-pricing {
  display: block;
  width: 100%
}
.product-pricing p {
  display: block;
  width: 100%
}
.product-pricing p .price {
  color: #f37404;
  font-size: inherit
}
.order-info .product-pricing p {
  margin-bottom: 0
}
.store-unit-prices {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #5b9efc;
  line-height: 18px;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid #cecece;
  position: relative;
  top: -1px
}
.group-alert-info {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  line-height: 19px;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 100%;
  background: #e7ad43;
  border: 1px solid #e7ad43;
  position: relative;
  top: 1px;
  margin-right: 5px
}
.store-unit-prices:hover {
  background: #f8f8f8
}
.hover-box .dropdown {
  float: right
}
.choose-group .group-row:last-child {
  border-bottom: none !important
}
.backToTop {
  position: fixed;
  bottom: 15px;
  right: -50px;
  transition: all ease 0.3s;
  z-index: 13
}
.backToTop.active {
  right: 15px
}
.backToTop a {
  display: block;
  width: 40px;
  height: 40px;
  padding: 6px;
  border-radius: 100%;
  box-shadow: 0 0 25px rgba(41, 51, 72, 0.3);
  background-color: #c42424
}
.backToTop a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  z-index: 1
}
.backToTop a:hover {
  background-color: #f37404
}
.main-wrapper {
  min-height: 100%;
  margin-bottom: -260px
}
footer, .push {
  min-height: 260px
}
.dropdown-item.active, .dropdown-item:active {
  color: #e95424;
  background-color: #fef9f1;
}
.my-order-list-products {
  display: none
}
.my-order-bottom {
  padding: 10px 15px;
  background: #fafafa;
  border-top: 1px solid #e2e2e2
}
.login-title .form-control, .login-form .form-control {
  padding-left: 42px
}
.modal-footer .btn, .login-template .modal-footer .btn {
  min-width: 150px;
  padding: 10px 15px
}
.status-steps-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 7px;
  background-color: rgba(255, 179, 17, 0.25);
  opacity: 0;
  z-index: 1
}
.checkout-count {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px solid #cecece;
  border-radius: 100%;
  text-align: center;
  line-height: 25px;
  background: #f3f3f3;
  margin-right: 13px
}
.checkout-table .product-img {
  display: inline-flex;
  width: 80px;
  min-width: 80px
}
.checkout-table .product-other-info a.product-title {
  font-size: 16px;
  display: block
}
.status-steps-progress.right {
  left: auto;
  right: 0
}
.placed .status-steps-progress.left, .dispatched .status-steps-progress, .delivered .status-steps-progress {
  opacity: 1
}
.placed .placed-step .status-steps-sepeartor:before, .dispatched .placed-step .status-steps-sepeartor:before, .dispatched .dispatched-step .status-steps-sepeartor:before, .delivered .status-steps-sepeartor:before {
  background: #2eb638
}
.placed .dispatched-step .status-steps-sepeartor:before, .dispatched .delivered-step .status-steps-sepeartor:before {
  background: #ffb311
}
.placed .delivered-step .status-steps-sepeartor:before {
  background: #32c1c5
}
.dispatched .status-steps-progress.left, .delivered .status-steps-progress {
  background-color: rgba(46, 182, 56, 0.35)
}
.delivered .product-status-wrap .text-right {
  color: #0aa616
}
.product-status-steps {
  margin-top: 15px;
  position: relative;
  display: block
}
.product-status-steps .row {
  margin: 0
}
.product-status-steps .col-4 {
  padding: 0
}
.status-reports {
  padding: 15px;
  overflow: hidden;
  border-top: 1px solid #dee2e6
}
.product-status-steps .text-center .status-steps-sepeartor:before {
  left: 0;
  right: 0;
  margin: 0 auto
}
.product-status-steps .text-right .status-steps-sepeartor:before {
  left: auto;
  right: 0
}
.status-steps-sepeartor {
  height: 7px;
  background-color: #f3f3f3;
  background-image: url(../images/icon30@1x.png);
  background-position: 0 0;
  background-repeat: repeat;
  position: relative
}
.status-steps-sepeartor:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e2e2e2;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}
.status-steps-title {
  padding-top: 10px;
  color: #515151;
  font-size: 14px
}
.shipping-summary {
  display: block;
  padding: 15px;
  background: #ffffff;
  border-top: 1px solid #e2e2e2
}
.shipping-summary h6 {
  color: #080808
}
.grand-total {
  background: #f8f9fa
}
textarea.form-control {
  height: 150px
}
.login-template .delivery-address-info .btn {
  min-width: 100%
}
.saved-list {
  position: relative;
  margin-right: -17px;
  margin-top: 10px;
  left: -5px !important;
  width: 270px
}
.saved-list:before {
  position: absolute;
  right: 6%;
  top: -6px;
  width: 13px;
  height: 13px;
  background: #ffffff;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.15);
  transform: rotate(45deg);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  z-index: -1
}
.saved-list .dropdown-item {
  background: #ffffff
}
.carousel-indicators {
  z-index: 2
}
.returns-policy {
  padding: 15px;
  background: #fffeef;
  color: #000000;
  font-size: 16px;
  border-top: 1px solid #e2e2e2;
  text-align: right
}
.slick-slide img.img-fluid {
  height: 270px;
  object-fit: cover
}
.modal-title {
  color: #ffffff
}
.product-card {
  position: relative
}
.product-card .link-one {
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
  display: block
}
.product-card h6 {
  margin-top: 7px
}
.out-of-stock {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  background: #ffffff;
  padding: 5px 8px;
  font-size: 12px;
  color: #c42424;
  border: 1px solid red;
  border-color: #c42424
}
.product-slider .out-of-stock {
  left: 10px
}
.summary-lisitng {
  display: flex;
  padding: 11px 15px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}
.summary-lisitng .subtotal-price {
  padding: 0
}
.coupon-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 13px 15px;
  border-bottom: 1px solid #e5e5e5
}
.coupon-form .form-control {
  height: 43px;
  display: inline-block;
  vertical-align: middle
}
.coupon-form .btn {
  height: 43px;
  margin-left: 10px
}
.delivery-address-info .btn {
  min-width: 100%;
  padding: 10px 20px
}
.order-place-btn {
  background-color: #fffeef;
  padding: 15px
}
.order-place-btn .text-two {
  padding-top: 10px
}
.address-info-wrap .normal-text {
  font-weight: 700
}
.address-info-wrap dl {
  margin-bottom: 6px;
  border-bottom: 1px solid #e5e5e5
}
.address-info-wrap dl:last-child {
  margin-bottom: 0;
  border-bottom: none
}
.how-to-order {
  border-radius: 5px;
  border: 1px solid #ffe8cf;
  margin-top: 15px;
  padding: 15px;
  background-color: #fdfaeb;
}
.how-to-order h4 {
  color: #6c757d;
}
.how-to-order a {
  font-size: 18px;
}
.how-to-order ul li::before {
    content: "S";
    color: #711414;
    font-family: "dripicons-v2";
    display: inline-block;
    width: 1.3em;
    margin-left: -1em;
}
.how-to-order ul {
  list-style-type: none;
}
.how-to-modal .how-to-order {
  border: none;
}
.how-to-modal .modal-body {
  background: #fdfaeb;
}
.how-to-link {
  font-size: 18px;
  padding-top: 10px;
  display: inline-block;
}  
.how-to-link-align {
  text-align: right;
}
body {
  font-family: "Poppins", sans-serif;
  background-color: #ffffff;
  color: #343434;
  font-size: 18px;
  line-height: 28px
}
.login-template .order-list .btn {
  padding: 12px 15px;
  min-width: 200px
}
.about-my-order-info .text-muted {
  font-size: 14px;
  padding-top: 13px
}
.review-order-bottom {
  margin-top: -1px;
  padding: 15px;
  background: #fffeef;
  border: 1px solid #e2e2e2
}
.review-order-bottom .subtotal-price {
  padding: 0;
  display: inline-block
}
.order-summary-title {
  padding: 14px 15px;
  background: #fffeef;
  color: #343434;
  border-bottom: 1px solid #e5e5e5
}
:-ms-input-placeholder {
  color: #0a8342;
  opacity: 1
}
:-moz-placeholder {
  color: #0a8342;
  opacity: 1
}
*:focus {
  outline: none;
  outline-offset: 0
}
a {
  color: #c42424;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  transition: all ease 0.4s
}
a:hover {
  color: #f37404;
  text-decoration: none
}
a:focus {
  color: #c42424;
  outline: none;
  outline-offset: 0
}
button, button:hover, button:focus {
  outline: none
}
img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none
}
iframe {
  display: block;
  width: 100%;
  border: none
}
h1 {
  color: #c95f00;
  font-size: 40px
}
h1 a {
  font-size: inherit;
  color: #c42424
}
h1 a:hover {
  color: #f37404
}
h1 a:focus {
  color: #c42424
}
h2 {
  color: #343434;
  font-size: 32px
}
h2 a {
  font-size: inherit;
  color: #c42424
}
h2 a:hover {
  color: #f37404
}
h2 a:focus {
  color: #c42424
}
h3 {
  color: #343434;
  font-size: 26px
}
h3 a {
  font-size: inherit;
  color: #c42424
}
h3 a:hover {
  color: #f37404
}
h3 a:focus {
  color: #c42424
}
h4 {
  color: #343434;
  font-size: 24px
}
h4 a {
  font-size: inherit;
  color: #c42424
}
h4 a:hover {
  color: #f37404
}
h4 a:focus {
  color: #c42424
}
h5 {
  color: #343434;
  font-size: 22px
}
h5 a {
  font-size: inherit;
  color: #c42424
}
h5 a:hover {
  color: #f37404
}
h5 a:focus {
  color: #c42424
}
h6 {
  color: #f37404;
  font-size: 18px
}
h6 a {
  font-size: inherit;
  color: #c42424
}
h6 a:hover {
  color: #f37404
}
h6 a:focus {
  color: #0a6a50
}
p s {
  color: #9f9f9f
}
.link-one {
  font-size: 12px;
  color: #343434
}
.link-one:hover {
  color: #c42424
}
.link-one:focus {
  color: #343434
}
.link-two {
  font-size: 12px;
  color: #4c4c4c
}
.link-two:hover {
  color: #048361
}
.link-two:focus {
  color: #4c4c4c
}
.text-one {
  font-size: 16px;
  color: #666666
}
.text-one a {
  font-size: 14px;
  color: #343434
}
.text-one a:hover {
  color: #048361
}
.text-two {
  font-size: 14px;
  color: #343434
}
.text-three {
  font-size: 16px;
  color: #343434
}
.main-container {
  margin: 0 auto;
  width: 1400px
}
.caption-img .img-fluid {
  object-fit: contain;
  width: 100%;
  height: 220px
}
.listing-card .slick-slide img {
  height: 190px;
  object-fit: cover
}
#permission-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff;
  display: none
}
#cartoverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#categoryoverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#loadShippingAddressPageOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#loadShippingMethodsPageOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#loadPaymentCardPageOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#loadReviewOrderPageOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#orderSummaryOrverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/ajax-loader.gif) no-repeat center;
  z-index: 99999;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
#modaloverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
.modal-body button.popup-close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #ffffff;
  border-radius: 100%;
  padding: 5px;
  border: 1px solid #dddddd;
  z-index: 9;
  opacity: 1
}
.modal-body button.popup-close:hover {
  opacity: 1 !important
}
.header-top {
  position: relative;
  border-bottom: 1px solid #eeeeee;
  border-bottom-color: #e5e5e5;
  background-color: #83010b;
}
.header-top .container {
  transition: all ease 0.4s
}
.sidemenu {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  line-height: normal;
  text-align: center
}
.sidemenu span {
  text-transform: uppercase;
  font-size: 9px;
  line-height: 20px;
  display: block;
  color: #d246a6
}
.sidemenu:hover span {
  color: #aa167c
}
.sidemenu i {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  border: 1px solid #048361;
  transition: all ease 0.4s;
  border-color: #048361;
  background: #ffffff
}
.sidemenu:hover {
  color: #0a6a50
}
.sidemenu:hover i {
  border-color: #0a6a50;
  background: #ffffff
}
.header-search {
  position: absolute;
  top: 130%;
  right: 0;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  width: 500px;
  padding: 15px;
  margin-top: 20px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  transition: all ease 0.4s
}
.header-search.open {
  opacity: 1;
  visibility: visible;
  top: 100%
}
.header-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto
}
.search-btn {
  background: transparent;
  border: none;
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
  font-size: 28px;
  color: #e76f51;
  padding: 0
}
.search-close {
  display: none
}
.header-search .select2-container {
  width: 170px !important;
  margin-right: -5px;
  border-right: 1px solid #e2e2e2
}
.search-box {
  position: relative;
  width: 300px;
  display: inline-block;
  vertical-align: middle
}
.search-box .form-control {
  border: none;
  font-size: 16px;
  background-color: #000000;
  padding-right: 50px;
  padding-left: 10px;
  min-height: 50px;
  min-width: 10px;
  background: #ffffff;
  transition: all ease 0.4s;
  border-radius: 0
}
.search-box .form-control:focus {
  box-shadow: none
}
.search-box .form-control:-ms-input-placeholder {
  opacity: 0.5;
  font-style: italic
}
.search-box .form-control:-moz-placeholder {
  opacity: 0.5;
  font-style: italic
}
.sidebar-left {
  font-family: "Gotham-Medium";
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-105%);
  bottom: 0;
  width: 299px;
  background: #ffffff;
  height: 100vh;
  z-index: 99;
  transition: all ease 0.4s;
  display: block !important;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15)
}
header .navbar-toggler {
  padding: 0;
  margin-left: 15px
}
header .navbar-toggler .navbar-toggler-icon {
  height: 2px;
  background-color: #000000;
  position: relative
}
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  height: 0
}
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
  top: -1px
}
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(-45deg);
  bottom: -1px
}
header .navbar-toggler .navbar-toggler-icon:after {
  content: "";
  height: 2px;
  width: 30px;
  background-color: #000000;
  position: absolute;
  top: -9px;
  left: 0;
  transition: all ease 0.4s
}
header .navbar-toggler .navbar-toggler-icon:before {
  content: "";
  height: 2px;
  width: 30px;
  background-color: #000000;
  position: absolute;
  bottom: -9px;
  left: 0;
  transition: all ease 0.4s
}
.sidebar-header {
  background-color: #048361;
  padding: 12px;
  display: flex;
  align-items: center
}
.sidebar-header .sidemenu {
  position: static;
  left: 0;
  transform: translateY(0);
  text-align: center
}
.sidebar-header .sidemenu i {
  border: none;
  font-size: 36px;
  color: #ffffff;
  background: #ebebeb
}
.sidebar-header .sidemenu:hover i {
  color: #ffffff
}
.sidebar-header .sidemenu span {
  color: #ffffff;
  padding-top: 0
}
.sidebar-header .sidemenu:hover span {
  color: #ffffff
}
.sidebar-title {
  padding-left: 22px;
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 21px;
  letter-spacing: 0.6px
}
.sidebar-title small {
  display: block;
  font-size: 17px
}
.sidebar-left.show {
  transform: translateX(0)
}
.sidebar-menu {
  padding-left: 0;
  overflow-y: auto
}
.close-sidebar {
  color: #e1ddb5;
  float: right
}
.sidebar-menu li {
  list-style: none
}
.sidebar-menu li a {
  font-size: 14px;
  color: #777777;
  padding: 13px 15px;
  line-height: normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.sidebar-menu li a.dropdown-toggle:after {
  content: "\56";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-size: 16px;
  border: none;
  float: right;
  line-height: 16px;
  margin-top: 2px;
  margin-right: -5px
}
.sidebar-menu li a:hover {
  color: #048361
}
.dropdown-menu {
  z-index: 99
}
.sidebar-menu .dropdown-menu {
  padding: 0;
  border: none;
  border-radius: 0;
  position: fixed !important;
  left: 299px !important;
  transform: none !important;
  min-width: 299px;
  height: 100%;
  margin-top: 0;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15)
}
.header-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  transition: all ease 0.4s;
  align-items: center;
  position: relative
}
.custom-dropdown {
  border-radius: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  padding: 0
}
.custom-dropdown h6 {
  background-color: #f7f7f7;
  color: #585858;
  padding: 16px 18px;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0
}
.mbl-full-view a {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle
}
.mbl-full-view a .mdi-border-color {
  margin-top: 9px !important
}
.custom-dropdown a.dropdown-item {
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  display: flex;
  color: #343434;
  flex-direction: row;
  white-space: normal
}
.custom-dropdown a.dropdown-item:hover {
  color: #c42424
}
.custom-dropdown a.all-folder {
  color: #8e8e8e
}
.custom-dropdown a.all-folder:hover {
  background-color: #ffffff;
  color: #c42424
}
.custom-dropdown a span {
  padding-left: 13px;
  margin-left: auto
}
.cart-dropdown.custom-dropdown h6 {
  color: #000000;
  padding: 13px 16px
}
.cart sup {
  border-radius: 50%;
  background-color: #c42424;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #f4f4f4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -11px;
  top: -4px;
  z-index: 1;
  padding-top: 3px;
  border-color: #ffffff
}
.cart.bell sup {
  right: -6px
}
.cart-items {
  max-height: 280px;
  overflow-y: auto
}
.custom-dropdown p {
  text-align: center;
  padding: 15px;
  margin-bottom: 0
}
.cart-item {
  display: flex;
  padding: 15px
}
.cart-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.cart-item-img {
  width: 100px
}
.cart-item-img img.img-fluid {
  width: 100px;
  object-fit: contain;
  height: 100px;
  border: 1px solid #e2e2e2;
  padding: 5px;
  background: #f1f1f1
}
.cart-item-right {
  padding-left: 15px
}
.cart-item-right h4 a {
  padding: 0;
  font-size: 16px;
  line-height: 21px;
  display: block;
  color: #c42424
}
.cart-item-right h4 a:hover {
  color: #fa712d
}
.cart-item-right .price {
  font-size: 16px;
  display: block;
  color: #f37404
}
.cart-item-right .price sup {
  font-size: 12px
}
.cart-item-right .btn-link {
  color: #ff2929;
  display: inline-block;
  padding: 5px 0 0;
  float: right
}
.cart-footer {
  background-color: #f7f7f7;
  padding: 15px;
  border-top: 1px solid #e8e8e8
}
.cart-dropdown {
  min-width: 480px
}
.cart-dropdown a {
  border-bottom: none
}
.header-search .nice-select {
  height: 50px;
  line-height: 50px;
  color: #6f6f6f
}
.header-right > ul {
    padding: 8px 0 0;
    margin: 0;
    list-style: none;
}
.header-right > ul > .nav-item {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
}
.header-right .nav-link.active, .header-right .nav-link:hover, .header-right .show .nav-link {
    background-color: #ffe244;
    border-radius: 30px;
    color: #2a623e;
}
.header-right .nav-link {
    padding: 0;
    font-size: 16px;
    color: #fff;
    padding: 7px 20px;
    background-color: transparent;
}
.banner-section .carousel-caption {
  top: 0;
  z-index: 1;
  max-width: 80%;
  padding: 50px 50px 40px 100px;
  right: 0;
  bottom: 0;
  left: auto;
  text-align: left;
  background: #e55837;
  background: linear-gradient(90deg, rgba(229, 88, 55, 0) 11%, rgba(229, 88, 55, 0.5971) 25%, rgba(229, 88, 55, 1) 45%, rgba(216, 44, 27, 1) 100%)
}
.banner-section .carousel-caption.two-slide {
  background: #31a5ff;
  background: linear-gradient(90deg, rgba(49, 165, 255, 0) 11%, rgba(49, 165, 255, 0.5971) 25%, rgba(49, 165, 255, 1) 45%, rgba(24, 120, 255, 1) 100%)
}
.banner-section .carousel-caption.three-slide {
  background: #73bb41;
  background: linear-gradient(90deg, rgba(115, 187, 65, 0) 11%, rgba(115, 187, 65, 0.5971) 25%, rgba(115, 187, 65, 1) 45%, rgba(91, 172, 51, 1) 100%)
}
.caption-inner {
  width: 75%;
  margin-left: auto
}
.banner-section .carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1
}
.banner-section .carousel-indicators li.active {
  position: relative
}
.banner-section .carousel-indicators li.active:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.custom-checkbox .custom-control-label:before {
  border-radius: 0.15rem
}
.mobile-header a.search-event {
  color: #ff0000
}
.btn {
  font-size: 15px;
  line-height: normal;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 25px;
  position: relative
}
.btn-lg {
  height: 58px;
  padding: 10px 40px 10px 30px
}
.icon-btn {
  padding: 14px 40px 14px 25px
}
.icon-btn i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}
.icon-btn img {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}
.btn i {
  margin-top: -1px;
  font-size: 20px;
  line-height: 20px
}
.btn i.dripicons-basket, .btn i.dripicons-direction {
  right: 15px;
  font-size: 18px
}
.btn-danger {
  background-color: #b7262e;
  border-color: #b7262e;
  color: #ffffff
}
.btn-success {
  background-color: #f0b800;
  border-color: #000000;
  color: #ffffff;
  background-color: #f0b800
}
.btn-dark {
  background-color: #032c6f;
  border-color: #032c6f;
  color: #feffcb
}
.product-btn {
  background-color: #fb5810;
  border-color: #fb5810;
  color: #ffffff
}
.product-btn:hover {
  background-color: #84b917;
  border-color: #84b917;
  color: #ffffff
}
.btn-warning {
  background-color: #fed522;
  border-color: #fed522;
  color: #000000
}
.banner-section .btn {
  margin-right: 20px
}
.news-section {
  background-color: #f2f2f2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0
}
.news-tagline {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.news-tagline strong {
  font-size: 17px;
  color: #ea2d1f
}
.news-tagline em {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6)
}
.news-tagline i {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6)
}
.card {
  border: none;
  border-radius: 0
}
.card-body h4 {
  font-size: 22px;
  line-height: 28px
}
.card-body p {
  color: #738396;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px
}
.btn-link {
  padding: 0;
  font-size: 12px;
  color: #84b917
}
.btn-link:hover, .btn-link:focus, .blog-section .card-body .btn-link:hover, .traning-left .btn-link:hover {
  text-decoration: none;
  color: #000000
}
.item-img {
  overflow: hidden;
  display: inline-block
}
.item-img img {
  transition: all ease 0.4s;
  object-fit: cover
}
.solution-card:hover .item-img img {
  transform: scale(1.1)
}
.products-section {
  padding: 50px 80px 35px;
  background-image: url(../images/products-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 20px
}
.fetaure-product-title {
  display: inline-block;
  font-size: 12px;
  color: #fe9c89;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  padding: 6px 25px
}
.product-title-box .btn-link {
  color: #fb8a10;
  float: right;
  margin-top: 3px
}
.products-right {
  padding-left: 40px
}
.products-right h2 {
  font-size: 60px;
  line-height: 65px;
  color: #fffa7a
}
.products-right h5 {
  font-size: 40px;
  line-height: 50px;
  color: #fffa7a
}
.products-right em {
  font-size: 22px;
  line-height: 30px;
  color: #d7d6b5;
  margin-bottom: 18px;
  display: block
}
.products-right p {
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 20px
}
.products-right hr {
  border-style: dotted;
  border-color: rgba(255, 255, 255, 0.6)
}
.caption-img {
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 20px;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center
}
.heart-icon, a.heart-icon {
  position: absolute;
  top: 15px;
  right: 13px;
  color: #f2625c;
  font-size: 18px;
  z-index: 0
}
.heart-icon:hover, a.heart-icon:hover {
  opacity: 0.7
}
.heart-icon.liked .mdi-heart-outline:before {
  content: "\F2D1"
}
.product-card {
  padding-bottom: 30px;
  padding-top: 15px
}
.product-card h3 {
  font-size: 15px;
  color: #ffffff;
  padding-top: 15px
}
.product-card h3 a {
  color: #ffffff
}
.product-card h3 a:hover {
  color: #fffa7a
}
.traning-section {
  background-image: url(../images/traning-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 80px
}
.traning-left h2 {
  font-size: 60px;
  line-height: 65px;
  color: #84b917
}
.traning-left em {
  font-size: 22px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.8)
}
.traning-left h4 {
  font-size: 30px;
  line-height: 33px;
  color: #ff7928
}
.traning-left p {
  font-size: 18px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.8)
}
.traning-left .btn-link {
  color: #84b917
}
.traning-left hr {
  border-style: dotted;
  border-color: rgba(0, 0, 0, 0.6)
}
.video-img {
  position: relative
}
.overaly-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.play-btn {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 2px;
  text-align: center
}
.play-btn i {
  font-size: 40px;
  background-color: #7fc145;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #ffffff
}
.video-card h5 {
  font-size: 16px;
  line-height: 22px
}
.video-card h5 a {
  color: rgba(0, 0, 0, 0.8)
}
.socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 5px;
  margin: 0;
  list-style-type: none
}
.socials li {
  padding-right: 8px
}
.socials li a {
  display: block;
  font-size: 30px;
  color: #596049;
  line-height: 18px
}
.socials li a:hover, .contact-info a:hover {
  color: #f1e34b
}
.contact-info {
  display: block;
  margin-left: auto
}
.contact-info a {
  font-size: 24px;
  color: #7e7f62
}
.filter-btn {
  background-color: #048361;
  display: none
}
.inner-banner {
  background-image: url(../images/inner-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 50px 0
}
.inner-banner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
  background: rgba(0, 0, 0, 0.6)
}
.inner-caption {
  position: relative;
  z-index: 2
}
.inner-caption h1 {
  color: #efdbbb;
  font-size: 40px
}
.inner-caption p {
  color: #ece4d7;
  font-style: italic
}
.listing-heading .btn-link {
  color: rgba(0, 0, 0, 0.5);
  text-underline-position: under
}
.listing-heading .btn-link:hover {
  color: #000000
}
.listing-card {
  background-color: #f4f5f7;
  padding: 40px 25px 20px;
  margin: 0 15px
}
.featured-list .slick-slide img.img-fluid {
  height: 230px;
  object-fit: cover;
  width: 100%
}
.featured-list .listing-card {
  min-height: 319px;
  padding: 15px 20px
}
.featured-list .listing-slick.responsive {
  margin: 0 -15px
}
.featured-list .listing-card .out-of-stock {
  position: static;
  display: inline-block
}
.featured-list .product-pricing .price {
  color: #e8872d;
  font-size: 18px
}
.featured-list .listing-card .overaly-box {
  top: 0;
  position: static
}
.featured-list .listing-card .btn {
  max-width: 200px
}
.listing-card .out-of-stock {
  left: 25px
}
.list-tag {
  font-size: 12px;
  line-height: 18px
}
.listing-card h3, .listing-card h4 {
  padding-top: 10px;
  color: #048361
}
.listing-card p {
  font-size: 16px;
  line-height: 25px;
  color: #000000
}
.price {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.7)
}
.price sup {
  font-size: 18px
}
.listing-card {
  position: relative
}
.listing-card .overaly-box {
  top: 10px;
  left: auto;
  right: 10px;
  bottom: auto;
  flex-direction: row
}
.listing-card .overaly-box a {
  margin: 0 8px
}
.listing-card .overaly-box .heart-icon {
  font-size: 24px;
  position: static
}
.plus-icon {
  font-size: 30px;
  line-height: 34px;
  color: #ff6600;
  border-radius: 4px;
  padding: 0 2px
}
.slick-prev, .slick-next {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 0px;
  z-index: 1;
  width: 50px;
  height: 35px
}
.slick-next {
  right: -80px;
  left: auto
}
.slick-prev {
  left: -80px;
  right: auto
}
.slick-prev:after, .slick-next:after {
  display: inline-block;
  vertical-align: middle;
  content: "V";
  font-family: "dripicons-v2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-size: 60px;
  color: #e5e5e5;
  border-color: #048361
}
.slick-prev:hover:after, .slick-next:hover:after {
  color: #c42424;
  border-color: #c42424
}
.slick-prev:after {
  content: "\55"
}
.filter-select {
  position: relative;
  width: 230px
}
select {
  background-image: url(../images/down-arrow.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none
}
.filter-select .form-control {
  border-color: #e2e2e2;
  height: 41px;
  padding-left: 60px;
  padding-right: 35px
}
.filter-select label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 8px;
  margin-bottom: 0;
  left: 10px;
  font-size: 14px
}
.filter-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 30px 0;
  margin-bottom: 0
}
.filter-tabs li {
  list-style: none;
  margin-right: 30px
}
.filter-tabs li a {
  font-size: 15px;
  text-transform: uppercase;
  padding: 7px 10px;
  border-bottom: 2px solid transparent
}
.filter-tabs li a:hover {
  color: #7eb24c
}
.filter-tabs li a.active {
  border-color: #7eb24c;
  color: #7eb24c
}
.product-listing .list-box .custom-control-input {
  cursor: pointer;
  z-index: 2
}
.product-listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  position: relative
}
.bg-grey {
  background-color: #f7f7f7
}
.product-listing .product-card {
  min-height: 370px;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px
}
.product-listing .list-box {
  width: 25%;
  padding: 10px
}
.product-listing .product-card:hover {
  border-color: #ef6b69
}
.product-listing .list-box .caption-img {
  width: 100%;
  border-radius: 0;
  height: 250px
}
.product-listing .list-box h3 a {
  color: #000000
}
.product-listing .list-box h3 a:hover {
  color: #7eb24c
}
.product-listing .list-box .price {
  font-size: 16px
}
.product-listing .list-box .price sup {
  font-size: 11px;
  top: -3px
}
.list-box .heart-icon {
  font-size: 24px;
  top: 8px
}
.view-box {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  color: #51bbda;
  font-size: 24px;
  display: inline-block;
  line-height: 40px;
  width: 43px;
  height: 43px;
  text-align: center;
  vertical-align: top
}
.view-box:hover {
  color: #f37404;
  border-color: #db955b
}
.list-box .add-cart-btn {
  background-color: #ffffff;
  border-radius: 0;
  padding: 10px 2px;
  min-width: 10px;
  border: 1px solid #e6e6e6
}
.list-box .add-cart-btn:hover {
  color: #f76330;
  border-color: #db955b
}
.list-box .add-cart-btn i {
  color: #ff6600
}
.list-box .add-cart-btn i {
  color: #ff6600
}
.review-avg {
  color: #c42424
}
.hover-box {
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: -150px;
  left: 0;
  right: 0;
  z-index: 0;
  transition: all ease 0.4s;
  width: 100%;
  z-index: -9;
  opacity: 0;
  visibility: hidden
}
.add-icon {
  color: #ff9800
}
.product-listing .product-card:hover .hover-box {
  bottom: 6px;
  z-index: 1;
  opacity: 1;
  visibility: visible
}
.breadcream-section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.breadcream-section .breadcrumb {
  background-color: transparent;
  padding-left: 0;
  margin-bottom: 0
}
.breadcream-section .breadcrumb .breadcrumb-item {
  color: #525252;
  font-size: 14px
}
.breadcream-section .active {
  color: #616161;
}
.breadcream-section ul {
    padding: 15px 0;
    margin: 0;
    list-style: none;
}
.breadcream-section ul li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 22px;
}
.detail-section {
  padding: 30px 15px 10px;
  background-color: #ffffff
}
.detail-right .price {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.9)
}
.detail-right .price sup {
  font-size: 24px
}
.review-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.product-code {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 0
}
.product-out-of-stock {
  color: #fc371d
}
.product-in-of-stock {
  color: #18ab30
}
.code-title strong {
  display: block
}
.code-title span {
  font-size: 16px;
  line-height: 24px;
  display: block
}
.quantity-box {
  padding: 8px 0
}
.quantity-box label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 24px;
  display: block;
  width: 100%
}
.quantity-box .form-control {
  width: 105px
}
.save-btn {
  color: rgba(0, 0, 0, 0.7)
}
.save-btn i {
  margin-top: 0;
  float: right;
  font-size: 20px;
  line-height: 20px
}
.safety-data {
  color: rgba(0, 0, 0, 0.7)
}
.safety-data:hover {
  color: #ff6600
}
.detail-tabs {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.detail-tabs .nav-tabs .nav-item {
  padding: 0 15px
}
.detail-tabs .nav-tabs {
  border-bottom: 2px solid #f5f5f5
}
.detail-tabs .nav-tabs .nav-item .nav-link {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  padding: 15px 18px
}
.detail-tabs .nav-tabs .nav-item .nav-link.active {
  border-color: #ecbfbf;
  color: #df5859
}
.detail-tabs .nav-tabs .nav-item .nav-link:hover {
  color: #df5859
}
.product-slider {
  position: relative;
  z-index: 0
}
.product-slider .slider-for {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 40px
}
.product-slider .slick-slide img {
  margin: 0 auto
}
.product-slider .slick-slide video {
  width: 100%;
  height: 450px;
  background: #000000
}
.product-slider .slider-nav {
  margin: 20px 0
}
.frntre-image {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 2px 6px;
  padding: 2px 4px;
  cursor: pointer;
  max-width: 65px
}
.slick-current .frntre-image {
  border-color: #fa712d
}
.listing-slick.responsive {
  margin: 0;
  z-index: 0
}
.product-slider .heart-icon {
  right: 20px;
  font-size: 24px;
  z-index: 1
}
.video-box .frntre-image {
  position: relative
}
.video-box .frntre-image:before {
  content: "";
  background-image: url(../images/play-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1
}
.remove-icon {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px
}
.checkout-section {
  padding: 30px 0
}
.checkout-table {
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.checkout-table tr th {
  border-bottom-width: 1px;
  font-weight: 500;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.04)
}
.folder-table tr th {
  padding: 15px
}
.folder-table tr td i {
  line-height: 14px;
  display: inline-block;
  vertical-align: middle
}
.folder-table tr:hover td {
  background-color: #f7f7f7
}
.checkout-table tr td {
  background-color: #ffffff;
  vertical-align: middle;
  padding: 15px
}
.checkout-table tr td:last-child, .checkout-table tr th:last-child {
  text-align: right
}
.checkout-table .form-control {
  width: 90px;
  height: 38px;
  font-size: 14px;
  line-height: 30px
}
.checkout-table .price {
  font-size: 15px
}
.item-detail {
  display: flex;
  align-items: center
}
.my-order-info .product-img {
  float: left;
  width: 80px
}
.my-order-info .item-detail {
  align-items: unset;
  display: block;
  border-bottom: 1px solid #dee2e6;
  padding: 0 0 20px;
  margin-bottom: 20px
}
.my-order-info .item-detail:last-child {
  padding: 0;
  margin: 0;
  border: none
}
.item-detail .product-img img {
  float: left;
  width: 80px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  object-fit: contain;
  height: 80px;
  padding: 5px
}
.my-order-info .product-other-info {
  max-width: 100%;
  display: block;
  overflow: hidden
}
.product-other-info {
  padding: 0 0 0 20px;
  max-width: 350px;
  white-space: normal
}
.product-other-info a.product-title {
  font-size: 20px
}
.product-other-info a.product-title:hover {
  color: #353535
}
.subtotal-price {
  color: #c95f00;
  padding: 6px 0;
  display: block
}
.total-price {
  font-size: 22px;
  color: rgba(0, 0, 0, 0.7)
}
.total-price strong {
  font-weight: normal;
  color: #048361
}
.checkout-table .table-footer td {
  background-color: #fffeef;
  padding: 15px
}
.continue-shopping span {
  display: block;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
  font-size: 15px
}
.shopping-two span { }
.continue-shopping .btn {
  min-width: 250px;
  padding: 13px 20px
}
.checkbox-overlay {
  position: absolute;
  top: 10px;
  left: 10px
}
.edit-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin-bottom: 0
}
.edit-options .btn {
  font-size: 14px
}
.edit-options .btn i {
  font-size: 18px
}
.edit-options .icon-btn {
  padding: 14px 40px 14px 15px
}
.edit-options .btn .dripicons-move {
  font-size: 15px
}
.edit-options .btn .dripicons-trash {
  font-size: 14px
}
.edit-options li {
  padding-left: 10px
}
.slick-prev:before, .slick-next:before, .mobile-view {
  display: none
}
.login-template {
  background-color: #f8f9fa;
  padding: 25px 0
}
.shadow-dark-80 {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04)
}
.rounded-12 {
  border-radius: 12px
}
.login-title h2 {
  font-size: 36px
}
.login-title p {
  text-align: center
}
.login-title p a {
  font-size: 18px
}
.form-control {
  height: 50px;
  border-radius: 4px;
  box-shadow: none;
  border-color: #e5e5e5;
  color: #343434;
  background-color: #ffffff
}
.form-control:focus {
  box-shadow: none;
  border-color: #c3a3a3;
  color: #343434;
  background-color: #fffaea
}
.login-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  font-size: 22px;
  z-index: 1;
  margin-bottom: 0;
  line-height: 20px;
  color: #eda56e
}
.login-template .form-group {
  position: relative
}
.empty-section {
  margin: 20px 0;
  text-align: center;
  border: 1px solid #efefef;
  padding: 50px 30px;
  background: #ffffff
}
.empty-section.style-two {
  padding: 30px
}
.empty-section h4 {
  margin-bottom: 15px;
  font-size: 36px;
  color: #d86108
}
.empty-section h5 {
  font-size: 24px
}
.add-address {
  border: 1px solid #e2e2e2;
  height: 100%;
  display: block;
  margin-bottom: 25px;
  padding: 103px 50px;
  font-weight: 700;
  border-radius: 4px;
  background: #ffffff;
  text-transform: uppercase
}
.add-address.style-two {
  height: auto;
  border-radius: 4px;
  background: #fcfcfc;
  padding: 124px 50px
}
.add-address i.mdi-plus-circle {
  font-size: 30px;
  color: #fdae25
}
.add-address span {
  display: block;
  line-height: 22px
}
.billing-step-title {
  font-size: 18px
}
.address-list {
  border: 1px solid #e2e2e2;
  display: block;
  border-radius: 4px;
  margin-bottom: 25px;
  overflow: hidden
}
.address-list.active {
  border: 1px solid #048361;
  border-color: #c42424
}
.delivery-address-title {
  padding: 11px 15px;
  background: #fcfcfc;
  border-bottom: 1px solid #e2e2e2
}
.forgot-password {
  font-size: 16px;
  line-height: normal
}
.forgot-password:hover {
  opacity: 0.8
}
.divide-circle {
  display: block;
  width: 40px;
  height: 40px;
  margin: 40px auto 0;
  color: #ffffff;
  background: #a9a9a9;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  border-radius: 100%
}
.delivery-address-info {
  padding: 15px;
  background: #ffffff
}
.address-info-wrap {
  word-break: break-word;
  min-width: 450px;
  max-width: 350px;
  padding-left: 15px;
  position: relative
}
.address-border-style:after {
  position: absolute;
  left: 0;
  top: 50%;
  border-left: 1px solid #e5e5e5;
  height: 118%;
  content: "";
  z-index: 1;
  transform: translateY(-50%)
}
.edit-btn {
  display: inline-block;
  vertical-align: top;
  float: right;
  padding-left: 20px
}
.edit-btn a {
  display: inline-block;
  padding: 1px 12px;
  background: #f9f9f9;
  border: 1px solid #d9d9da;
  border-radius: 4px;
  color: #4a4a4a
}
.edit-btn a:hover {
  background: #ececec
}
.edit-btn a i {
  color: #ff9202;
  top: 1px;
  margin-right: 3px;
  position: relative
}
.address-info-inner {
  display: inline-block;
  vertical-align: top;
  max-width: 250px
}
.address-info-wrap p i {
  float: left;
  font-size: 20px
}
.address-info-wrap p span {
  overflow: hidden;
  display: inline-block;
  padding-left: 5px
}
.address-info-wrap p .mdi-map-marker {
  color: #ed8c35
}
.address-info-wrap p .mdi-phone {
  margin-right: 6px;
  color: #4892e4
}
.address-info-wrap h5 {
  font-size: 20px;
  color: #d86108
}
.address-action-links {
  padding: 7px 15px;
  background: #fcfcfc;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  width: 100%
}
.address-radio-btn {
  padding: 10px 15px;
  background-color: #ffffff
}
.address-radio-btn label {
  font-size: 16px
}
.address-radio-btn label span {
  display: inline-block;
  margin-left: 4px
}
.address-action-links a {
  display: inline-block
}
.address-action-links a i {
  color: #ff9200
}
.address-action-links a:last-child {
  margin-left: 10px
}
.address-action-links a:last-child i {
  color: #f15560
}
.billing-pages .billing-process {
  background: #ffffff
}
.billing-steps {
  padding: 13px 15px;
  background: #fefefe;
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  margin-bottom: -1px;
  position: relative;
  display: flex
}
.billing-steps .checkout-loader {
  min-height: 60px
}
.billing-form {
  padding: 25px;
  border: 1px solid #e5e5e5
}
.billing-form .item-detail {
  align-items: start
}
#firstNameDiv, #lastNameDiv {
  display: none
}
.signup-wrap [type="button"] {
  margin-bottom: 7px
}
.signup-wrap h2 {
  font-size: 24px;
  margin-bottom: 15px
}
.mobile-toggle-btn {
  display: none;
  background: #ffffff;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #e5e5e5;
  margin: 25px 0;
  position: relative
}
.mobile-toggle-btn:after {
  content: "\F417";
  display: inline-block;
  font: normal normal normal 30px / 1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px
}
.mobile-toggle-btn.active:after {
  content: "\F376"
}
.order-summary-view {
  display: block
}
.orders-summary {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  margin-bottom: 25px
}
.order-info {
  padding: 1px 15px;
  background: #ffffff
}
.order-info:last-child {
  border-bottom: none
}
.product-name {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #84b916
}
.product-name a {
  color: #84b916
}
.procuct-qty {
  font-size: 14px
}
.merchant-info {
  border: 1px solid #e5e5e5
}
.merchant-info .order-info {
  padding: 15px
}
.merchant-info .order-info p i {
  font-size: 20px
}
.merchant-info .order-info p .mdi-map-marker {
  color: #ed8c35;
  float: left
}
.merchant-info .order-info p .mdi-phone {
  margin-right: 6px;
  color: #4892e4
}
.merchant-info .order-info p span {
  overflow: hidden;
  display: inline-block;
  padding-left: 5px
}
.order-info h3 {
  font-size: 20px;
  color: #343434;
  margin-bottom: 15px
}
.order-info h4 {
  font-size: 18px;
  color: #7d7d7d
}
.order-info p {
  margin-bottom: 10px
}
.order-info p:last-child {
  margin-bottom: 0
}
.contact-form {
  box-shadow: 0 10px 20px rgba(24, 24, 24, 0.08)
}
.contact-left {
  background-color: #ffffff;
  padding: 60px
}
.contact-left h6 {
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  opacity: 0.7
}
.contact-title {
  font-size: 52px;
  color: #ee3e1c;
  line-height: 90px
}
.contact-right {
  background-color: #333333;
  padding: 50px
}
.contact-left .form-control {
  height: 45px
}
.contact-left textarea.form-control {
  height: auto
}
.contact-left label {
  font-size: 15px;
  color: #585858
}
label {
  font-size: 14px;
  line-height: 24px
}
.info-title {
  color: #a7eb1c;
  font-size: 41px;
  line-height: 72px
}
.info-subtitle {
  text-transform: uppercase;
  font-size: 21px;
  line-height: 40px;
  color: #fdf5c3;
  padding-bottom: 5px
}
.contact-right p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  margin-bottom: 10px
}
.contact-right p a {
  color: rgba(255, 255, 255, 0.7)
}
.contact-right p a:hover {
  color: #fdf5c3
}
.contact-right p i {
  font-size: 20px;
  color: #858585;
  margin-right: 10px
}
.contact-right hr {
  margin: 30px 0 20px;
  border-top: 5px dotted rgba(255, 255, 255, 0.07)
}
.map-section {
  background-image: url(../images/map.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 702px;
  padding-top: 110px
}
.map-section h1 {
  font-size: 94px;
  line-height: 106px;
  color: #ffed73;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52)
}
.map-section p {
  font-size: 28px;
  line-height: 42px;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52);
  font-style: italic
}
.map-inner {
  max-width: 590px
}
.login-template .card {
  border: 1px solid #efefef
}
.user-pic {
  float: left
}
.my-details .inline-view {
  display: block;
  overflow: hidden;
  padding-left: 12px
}
.user-pic img, .my-avatar {
  width: 50px;
  border: 1px solid #dcdcdc;
  border-radius: 100%;
  object-fit: cover
}
.my-details h5 {
  font-size: 20px;
  margin: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.my-details p {
  color: #2f323d;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.my-account-menu {
  list-style: none;
  padding: 0;
  margin: 10px 0 0
}
.my-account-menu li {
  display: block;
  font-size: 15px
}
.my-account-menu li a {
  padding: 7px 0;
  border-top: 1px solid #e5e5e5;
  display: block
}
.my-account-menu li a i {
  font-size: 24px;
  float: left;
  width: 35px
}
.my-account-menu li a span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.my-order-list {
  border: 1px solid #dee2e6;
  margin-bottom: 25px;
  position: relative
}
.my-order-top {
  padding: 11px 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #dee2e6;
  overflow: hidden
}
.my-order-top.open {
  background-color: #fffeee
}
.login-template .my-order-top .btn, .login-template .product-other-info .btn, .my-order-bottom .btn {
  padding: 11px 40px 11px 25px;
  font-size: 13px
}
.login-template .my-order-top .btn i, .login-template .product-other-info .btn i, .my-order-bottom .btn i {
  font-size: 16px
}
.my-order-bottom .subtotal-price {
  display: inline-block;
  padding: 0
}
.order-status span {
  color: #fb9012
}
.my-order-info {
  background: #ffffff;
  padding: 15px
}
.text-green {
  color: #1a760b
}
.my-account-menu li a.active {
  color: #df5859
}
.password-btn {
  padding: 15px 20px;
  background: #fafafa;
  border-top: 1px solid #e1e1e1
}
.my-account-menu li a .mdi-textbox-password {
  color: #ff6060
}
.my-account-menu li a .mdi-file-document {
  color: #f7b313
}
.my-account-menu li a .mdi-credit-card {
  color: #42b638
}
.my-account-menu li a .mdi-google-maps {
  color: #43b8d4
}
.my-account-menu li a .mdi-check-circle {
  color: #84b916
}
.my-account-menu li a .mdi-swap-horizontal {
  color: #3ba2b8
}
.my-account-menu li a .mdi-inbox-multiple {
  color: #f59407
}
.dropdown-menu .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 20px;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent
}
.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0
}
.dropdown-menu li {
  position: relative
}
.nav-item .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0
}
.nav-item .submenu-left {
  right: 100%;
  left: auto
}
.dropdown-menu > li:hover {
  background-color: #f1f1f1
}
.header-bottom .navbar .navbar-nav .nav-link:hover {
  color: #c42424
}
.header-bottom .navbar .navbar-nav .dropdown-menu .nav-link:hover {
  border-radius: 0;
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.1)
}
.header-bottom .navbar .navbar-nav .show > .nav-link {
  color: #3d03ff
}
.header-bottom .navbar .navbar-nav li.dropdown-submenu a {
  border-top: none;
  border-left: none;
  border-right: none
}
.header-bottom .navbar .navbar-nav .dropdown-menu li a {
  color: #666666;
  background-color: #ffffff
}
.header-bottom .navbar .navbar-nav .dropdown-menu li a.active {
  color: #666666
}
.header-bottom .navbar .navbar-nav .dropdown-menu li a:hover {
  background: #fffece;
  color: #e17522;
  background-color: #fdf8f0
}
.header-bottom .navbar .navbar-nav .dropdown-menu li a:focus {
  background: #fffece;
  color: #edfa00;
  background-color: #e80000
}
.nav-link.dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
  position: relative;
  top: 2px;
}
.header-right > ul > .nav-item {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0px;
}
.header-right > ul > .nav-item .dropdown-menu {
  min-width: 220px;
  margin-top: 10px;
  padding: 0;
}
.header-right > ul > .nav-item .dropdown-menu .dropdown-item {
  padding: 6px 15px;
  font-size: 14px;
}
.header-right > ul > .nav-item .dropdown-menu .dropdown-item:hover {
  color: #e95424;
  background-color: #fef9f1;
}
.header-right > ul > .nav-item:last-child {
  padding-right: 0;
}
.dropdown-box {
  background-color: #f1f1f1;
  margin: 10px 0;
  padding: 10px;
  min-width: 200px
}
.dropdown-box .small {
  text-transform: uppercase;
  font-size: 12px;
  color: #8e8e8e
}
.dropdown-box a {
  padding: 0;
  color: #048361
}
.dropdown-box a span {
  color: #048361
}
.dropdown-box a:hover {
  background-color: transparent;
  color: #a75353
}
.modal-header {
  background-color: #6e3c3c
}
.product-modal .modal-header .close {
  color: #ffffff;
  opacity: initial;
  box-shadow: none;
  text-shadow: none
}
.product-modal .modal-content {
  border: none
}
.product-modal .modal-header {
  justify-content: center;
  padding: 10px
}
.product-modal .modal-title {
  font-size: 16px;
  color: #ffffff
}
#copyAndMoveModal .product-listing .list-box {
  width: 33.3333%
}
.product-modal .product-card h3 a {
  color: #000000
}
.product-modal .price {
  font-size: 16px
}
.product-modal .price sup {
  font-size: 80%;
  top: -6px
}
.bag-lists {
  border-radius: 4px;
  border: 1px solid #dbd9d9
}
.bag-item {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #dbd9d9
}
.bag-item h6 {
  margin-bottom: 0;
  font-size: 16px
}
.bag-item span {
  color: #343434;
  margin-left: auto
}
.bag-item span a {
  color: #666666
}
.bag-item span a:hover {
  color: #c42424
}
.bag-item:last-child {
  border-bottom: none
}
.product-modal .modal-footer {
  background-color: #f7f7f7
}
.items-lists {
  border: 1px solid #dbd9d9;
  border-radius: 4px;
  margin-top: 30px;
  margin-bottom: 20px
}
.items-lists .form-group {
  margin-bottom: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #dbd9d9
}
.items-lists .form-group:last-child {
  border-bottom: none
}
.shareURL-box {
  padding-top: 30px
}
.shareURL-box h6 {
  font-size: 16px;
  text-transform: uppercase
}
.shareURL-box p {
  border: 1px solid #dbd9d9;
  background-color: #f4f3e5;
  border-radius: 4px;
  padding: 20px
}
.view-my-order-info {
  margin-right: 3px
}
.view-my-order-info i {
  font-size: 20px
}
.view-my-order-info.open {
  color: #e25b2c
}
.view-my-order-info.open .mdi-plus-circle:before {
  content: "\F376"
}
.customer-message .view-my-order-info.open .mdi-plus-circle-outline:before {
  content: "\F376"
}
.container {
  max-width: 1520px
}
.news-main .ul-list {
  list-style: none;
  padding: 0;
  margin: 0
}
.news-main .ul-list li {
  padding: 10px 0 10px 40px;
  background: url(../images/li-check.png) no-repeat 5px 10px;
  font-size: 16px;
  line-height: 24px
}
.news-main .ul-list-two li {
  background: url(../images/li-check2.png) no-repeat 5px 10px
}
.news-main h5 {
  font-size: 30px
}
.news-main h6 {
  font-size: 20px;
  color: #33312c;
  line-height: 36px;
  font-weight: 500
}
.news-main p {
  font-size: 18px;
  font-weight: 400;
  color: #56524c;
  line-height: 30px
}
.padding-default {
  padding: 70px 30px
}
#coupon-error .close {
  line-height: 11px
}
.close-btn {
  font-size: 20px;
  float: right
}
.social-icons a + a {
  margin-left: 5px
}
.social-icons a {
  font-size: 20px
}
.news-cat span {
  background: #000000;
  padding: 4px 10px;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-flex;
  margin-right: 3px;
  border-radius: 3px
}
.news-cat span:hover {
  background: #84b917
}
.news-small-grid .news-list img {
  width: 100%;
  height: 200px;
  object-fit: cover
}
.media-img img {
  width: 200px;
  height: 200px;
  object-fit: cover
}
.first-news .news-list img {
  width: 100%;
  height: 428px;
  object-fit: cover
}
.media-body .news-info {
  position: static
}
.media-body .news-info h4 {
  font-size: 20px;
  font-weight: 400
}
.news-sidebar h4 {
  font-size: 18px;
  font-weight: 500
}
.news-sidebar .media-img img {
  width: 80px;
  height: 80px;
  object-fit: cover
}
.news-sidebar .media-body {
  padding: 0 0 0 15px
}
.news-sidebar .media-body h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px
}
.back-list-link {
  position: relative;
  padding-left: 10px
}
.back-list-link:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(310deg);
  z-index: 1
}
.back-list-link:hover:before {
  border-color: #007bff
}
.bg-light-gray {
  background: #fafafa
}
.editor-content ul, .editor-content ol {
  line-height: 30px
}
.bg-lime-green .carousel-control {
  position: absolute;
  top: 50%;
  z-index: 0
}
.bg-lime-green .carousel-control.left {
  left: -20px
}
.bg-lime-green .carousel-control.right {
  right: -20px
}
.bg-lime-green .carousel-control.left:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(310deg);
  z-index: 1
}
.bg-lime-green .carousel-control.right:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(130deg);
  z-index: 1
}
.bg-lime-green .carousel-caption {
  position: static;
  text-align: left
}
.bg-lime-green .carousel-caption h3 {
  font-size: 18px
}
.bg-lime-green .carousel-indicators {
  bottom: -50px
}
.bg-lime-green .carousel-indicators li {
  background-color: #929884;
  border-radius: 100%;
  width: 12px;
  height: 12px
}
.bg-lime-green .carousel-indicators li.active {
  background-color: #7cac1b
}
.bg-lime-green .carousel-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  min-height: inherit
}
.close-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1;
  display: inline-block;
  font-size: 20px;
  color: #ffffff
}
.close-modal:hover {
  color: #ffffff
}
.modal-header.bg-green .close-modal span:before, .modal-header.bg-green .close-modal span:after {
  background-color: #ffffff
}
.modal-footer.bg-light-gray {
  background-color: #f8f8f8
}
.gallery-list img {
  width: 100%;
  height: 250px;
  object-fit: cover
}
.gallery-list h3 {
  font-size: 18px;
  padding: 20px 0 0
}
.owl-height {
  min-height: 616px !important;
  transition: none
}
.gallery-popup-item {
  min-height: 616px
}
.gallery-popup-item .full-iframe, .owl-carousel .owl-item .gallery-popup-item img, .gallery-popup-item img {
  height: 500px;
  width: 100%;
  object-fit: cover
}
.bg-lime-green {
  padding: 50px 0
}
.bg-lime-green h4 {
  color: #7cac1b
}
.bg-lime-green h3, .bg-lime-green h3 a {
  color: #ffffff
}
.bg-lime-green h3.text-green {
  color: #7cac1b
}
.bg-lime-green h3 a:hover {
  color: #7cac1b
}
.bg-lime-green .carousel-control.right:before, .bg-lime-green .carousel-control.left:before {
  border-color: #5e6450
}
.bg-lime-green h6 {
  color: #bcbfb9;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px
}
h3.heading-title {
  font-size: 40px;
  margin-bottom: 15px;
  color: #ffc103
}
.dark-green {
  background-color: #161d05
}
.bg-lime-green .view-all-link {
  position: relative
}
.bg-lime-green .back-list-link {
  position: relative;
  padding-left: 10px;
  color: #7cac1b
}
.bg-lime-green .back-list-link:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #7cac1b;
  border-left: 2px solid #7cac1b;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(310deg);
  z-index: 1
}
.sidebar-dark {
  background-color: #182105
}
.sidebar-dark.news-sidebar .media-body h4, .sidebar-dark.news-sidebar .media-body h4 a {
  color: #ffffff
}
.sidebar-dark.news-sidebar .media-body h4 a:hover {
  color: #7cac1b
}
.text-green {
  color: #7cac1b
}
.swiper-button-next, .swiper-button-prev {
  transform: translateY(-50%);
  color: #e5e5e5;
  z-index: 1
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  color: #c42424
}
.swiper-button-next {
  right: -35px
}
.swiper-button-prev {
  left: -35px
}
.swiper-pagination-bullet {
  background-color: #929884;
  width: 12px;
  height: 12px;
  opacity: 1
}
.swiper-pagination-bullet-active {
  background-color: #7cac1b
}
.swiper-slide img {
  width: 100%;
  height: 250px;
  object-fit: cover
}
iframe.full-iframe {
  height: 400px
}
.full-iframe {
  width: 100%
}
.team-member-bio a {
  color: #84b917
}
.back-list-link {
  position: relative;
  padding-left: 20px
}
.back-list-link:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
  content: "";
  transform: translateX(-50%) translateY(-50%) rotate(310deg);
  z-index: 1
}
.back-list-link:hover:before {
  border-color: #007bff
}
.bg-light-gray {
  background: #fafafa
}
.career-types {
  background: #f9f9f9
}
.career-types .btn-lg {
  height: 50px
}
.career-list img {
  width: 100%;
  height: 250px;
  object-fit: cover
}
.career-list .text-orange, .text-orange {
  color: #ff871c
}
.career-list a.text-orange:hover, a.text-orange {
  color: #333333
}
.career-detail h2 {
  font-size: 40px
}
.career-detail h3 {
  margin: 20px 0
}
.career-detail h5 {
  line-height: 30px;
  margin-bottom: 20px
}
.career-detail hr {
  margin: 30px 0
}
.career-detail ul li {
  padding: 5px 0
}
.career-detail .form-group label {
  font-weight: 500
}
.career-detail .form-control {
  height: 50px
}
.career-detail textarea.form-control {
  height: 150px
}
.file-uploader input[type="file"] {
  display: block
}
.file-uploader input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 0
}
.file-uploader label {
  display: block;
  padding: 15px 50px 15px 15px;
  background: #fffaeb;
  color: #a0775a;
  word-break: break-all;
  border: 1px solid #e5e5e5;
  position: relative;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-weight: 300;
  font-size: 16px;
  text-align: left
}
.file-uploader label i {
  position: absolute;
  font-size: 30px;
  top: 5px;
  right: 10px;
  z-index: 0
}
.file-title {
  white-space: break-spaces;
  display: inline-block
}
.career-types .form-control {
  height: 50px
}
.career-types label {
  display: block
}
.career-list h4 a {
  color: #84b917
}
.career-list h4 a:hover {
  color: #669606
}
.career-main-info span {
  display: inline-block;
  padding-right: 20px
}
.career-list h4 {
  color: #333333
}
.career-list ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.career-list ul li {
  padding: 5px 0
}
.career-list ul li a {
  position: relative;
  display: inline-block
}
.career-list ul li a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333333;
  content: "";
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s
}
.career-list ul li a:hover:before {
  width: 0
}
.career-list .btn {
  padding: 10px 20px
}
.career-list .btn i {
  position: static;
  transform: none
}
.career-headings h2 {
  display: flex;
  align-items: center;
  color: #000000
}
.career-headings h2 span {
  display: inline-flex
}
.career-headings h2 .badge {
  background: #f9f9f9;
  border: 1px solid #cccccc;
  padding: 5px 8px;
  font-size: 18px;
  margin-left: 20px
}
.career-headings h2 .badge a {
  display: inline-flex;
  font-size: 16px;
  margin-left: 5px
}
.rows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.col-half {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px
}
.col-full {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px
}
.nav-item .submenu.show {
  display: block
}
.page-item.active .page-link {
  color: #ffffff;
  background: #6da205;
  border-color: #6da205
}
.modal-backdrop + .modal-backdrop {
  z-index: 9991
}
#NotifyMeModal, #addToListModal {
  z-index: 9992
}
.rows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.col-half {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  width: 100%
}
.col-full {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%
}
.img-w100 {
  width: 100%
}
.content-info {
  padding: 10px 0
}
.content-info, .content-info p {
  font-size: 18px;
  line-height: 36px
}
.btn-default {
  background: #ffffff;
  border: 1px solid #dee2e6
}
.btn-default:hover {
  background: #f8f8f8;
  border: 1px solid #dee2e6
}
.empty-pages .card-body h4 {
  color: #333333
}
.btn-outline {
  border: 1px solid #e5e5e5;
  color: #84b918
}
.btn-outline i {
  color: #fa7520
}
.btn-outline:hover {
  border-color: #84b918;
  background: #84b918;
  color: #ffffff
}
.btn-outline:hover i {
  color: #ffffff
}
.cart-dropdown a.btn-outline {
  border: 1px solid #e5e5e5
}
.cart-dropdown a.btn-outline:hover {
  border: 1px solid #84b918
}
.text-orange {
  color: #fa7520 !important
}
.check-mark-list li {
  list-style: none;
  background: url(../images/signup-check.png) no-repeat 0 5px;
  padding: 0 0 0 30px
}
.post-comment-area {
  display: block;
  position: relative
}
.leave-comment-box {
  display: block;
  padding-right: 140px;
  position: relative
}
.leave-comment-box.parent-comment-box {
  padding: 15px 155px 15px 15px;
  background-color: #fafafa;
  border-bottom: 1px solid #dee2e6
}
.parent-comment-box .post-comment-btn {
  top: 50%;
  right: 15px;
  transform: translateY(-50%)
}
.post-comment-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}
.post-comment-btn .btn {
  padding: 14px;
  min-width: 130px
}
.order-comments .comment-list:last-child {
  padding-bottom: 0;
  border: none
}
.comment-list {
  padding: 15px;
  border-bottom: 1px solid #e9ecef
}
.comment-list .comment-list {
  padding: 15px 0;
  border-bottom: none
}
.comment-user-pic {
  float: left width
}
.avatar {
  font-size: 1rem;
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  float: left
}
.comment-right {
  padding-left: 20px;
  overflow: hidden
}
.avatar .rounded-circle {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #dee2e6
}
.comment-right .btn-third {
  margin: 0 0 0 13px
}
.comment-right .btn-third i {
  font-size: 16px;
  margin-right: 4px;
  display: inline-block;
  position: relative;
  bottom: -1px
}
.comment-right .btn-third .mdi-star {
  color: #ff8d1d
}
.comment-right .btn-third .mdi-crown {
  color: #f32d1e
}
.comment-right h4 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
  color: #524646
}
.comment-list p {
  margin: 5px 0
}
.comment-reply {
  display: inline-block
}
.comment-reply i {
  color: #2c81ea
}
.comment-reply:hover, .comment-reply:focus {
  color: #5086c9
}
.inner-comments {
  display: block
}
.comment-right h4 .user-role {
  background: #f5f7c8;
  display: inline-block;
  padding: 5px 10px;
  color: #c7af7f;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 5px;
  border-radius: 0.125rem
}
.comment-right h4 .user-role.customer {
  background: #c1e0fd;
  color: #4d5a65
}
.rm-cmt {
  display: inline-block;
  margin: 0 40px
}
.rm-cmt i {
  color: #f15560
}
.btn-light {
  border: 1px solid #dee2e6
}
.text-primary {
  color: #84b917 !important
}
.text-primary:focus, .text-primary:hover, a.text-primary:focus, a.text-primary:hover {
  color: #84b917 !important
}
.kaptcha-refresh {
  font-size: 24px;
  border-radius: 100%;
  line-height: 45px;
  height: 45px;
  width: 45px;
  display: inline-block;
  text-align: center;
  background: #2f323d;
  color: #e0dcb5
}
.c2o-footer {
  font-family: "Helvetica";
  padding-top: 70px;
  background-color: #301414
}
.c2o-footer ul {
  padding: 0 10px;
  margin: 0;
  list-style: none
}
.c2o-footer ul li {
  padding-bottom: 10px
}
.c2o-footer ul.one-third {
  width: 50%
}
.c2o-footer ul li a {
  display: inline-block
}
.footer-inner-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding-left: 60px
}
.c2o-footer .footer-title {
  color: #c3a3a3;
  font-size: 22px
}
.c2o-footer .footer-title a {
  color: #9b9b9b;
  font-size: 22px;
  text-transform: capitalize
}
.c2o-footer .footer-title a:hover {
  color: #5d00ff
}
.c2o-social {
  display: inline-block;
  vertical-align: middle
}
.c2o-social a {
  color: #09ff00;
  margin-right: 10px;
  font-size: 30px;
  line-height: normal;
  display: inline-block
}
.c2o-social a:hover {
  opacity: 0.8
}
.c2o-footer h3 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 18px
}
.footer-call-link {
  display: inline-block;
  color: #4c00ff
}
.footer-call-link:hover {
  color: #f43d3d
}
.footer-newsletter .form-group {
  position: relative
}
.footer-newsletter .btn.btn-one {
  position: absolute;
  top: 0;
  right: -1px;
  text-transform: capitalize;
  min-width: 120px;
  padding: 11px 15px;
  font-size: 18px;
  height: 43px;
  border-radius: 0 0.25rem 0.25rem 0;
  border: none
}
.footer-newsletter .form-control {
  height: 43px;
  border: none;
  font-size: 15px;
  padding-right: 130px
}
.footer-newsletter p {
  font-size: 16px;
  color: #975c5c;
  line-height: 26px
}
footer .link-one {
  color: #855e5e;
  font-size: 16px
}
footer .link-one:hover {
  color: #db955b
}
.link-one:focus {
  color: #f43d3d
}
footer .link-one:focus {
  color: #db955b
}
.c2o-copyright {
  margin-top: 45px;
  padding: 25px 0;
  color: #666666;
  border-top: 1px solid #461616;
  font-size: 16px;
  border-top-color: #343434
}
.c2o-copyright ul {
  padding: 0;
  max-width: none
}
.c2o-copyright ul li {
  padding: 0
}
.c2o-copyright ul li a {
  color: #666666;
  font-size: 16px
}
.c2o-copyright ul li a:after {
  display: inline-block;
  content: "|";
  margin: 0 10px
}
.c2o-copyright ul li a:last-child:after {
  display: none
}
.c2o-copyright ul li a:hover {
  color: #c3a3a3
}
.subscribe-btn {
  display: inline-block;
  min-width: 135px;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border: none;
  transition: all ease 0.4s;
  border-radius: 4px
}
.subscribe-btn:hover {
  background-color: #7c151c
}
.team-management {
  padding-top: 45px
}
.theme-light-bg {
  background-color: #fffff4;
  border-bottom: 1px solid #e4e5db
}
.c2o-container-md {
  max-width: 1365px;
  margin: 0 auto;
  padding: 0 15px
}
.team-title {
  padding-top: 25px
}
.team-title h2 {
  margin-bottom: 15px;
  color: #343434;
  font-size: 32px
}
.team-item {
  padding-bottom: 30px;
  text-align: center;
  cursor: pointer
}
.team-item .text-one {
  color: #343434;
  font-size: 16px
}
.team-item img {
  border-radius: 5px;
  border: 7px solid #fefef3;
  height: 280px;
  object-fit: cover;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.team-item h5 {
  margin-top: 20px
}
.team-item h5 a {
  color: #c42424
}
.team-item h5 a:hover {
  color: #f37404
}
.team-bio {
  line-height: 32px
}
footer, .push {
  min-height: 260px
}
.team-modal-image > img {
  border: 10px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.team-modal-info {
  padding-top: 15px
}
.team-modal-info h5 {
  color: #666666;
  margin-bottom: 15px
}
.team-modal-info p {
  margin-bottom: 15px
}
.team-modal .modal-dialog {
  max-width: 1250px
}
.team-modal .modal-content {
  border: none
}
.team-modal .modal-body {
  padding: 30px
}
.modal-footer {
  background-color: #f9f9f9
}
.team-social {
  padding: 15px 0 15px 15px
}
.team-social a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-size: 20px
}
.team-social a:hover {
  opacity: 0.7
}
.c2o-gallery p {
  font-size: 16px;
  line-height: 28px
}
.gallery-main-item {
  overflow: hidden;
  padding: 25px 0;
  position: relative
}
.gallery-main-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1485px;
  height: 1px;
  margin: 0 auto;
  content: "";
  background-color: #e5e5e5;
  z-index: 1
}
.gallery-main-item.theme-light-bg:after {
  display: none
}
.gallery-title {
  margin-bottom: 15px
}
.gallery-title .btn.white-btn {
  min-width: 150px;
  font-size: 14px;
  text-transform: none
}
.gallery-title .back-btn {
  color: #c42424;
  font-size: 14px
}
.gallery-title .back-btn:hover {
  color: #f37404
}
.gallery-title-spacer {
  padding-left: 5px
}
.owl-carousel .gallery-item {
  margin: 7px 7px 5px
}
.gallery-item {
  margin-bottom: 25px
}
.gallery-item-image {
  display: block;
  position: relative;
  font-size: 18px
}
.gallery-main-image {
  width: 355px !important;
  height: 230px;
  object-fit: cover;
  padding: 9px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1
}
.gallery-item p {
  margin: 10px 0 0 9px
}
.gallery-categories {
  height: 100%;
  padding-left: 35px;
  margin-left: 11px;
  border-left: 1px solid #ebebeb
}
.gallery-categories h4 {
  margin-bottom: 25px
}
.gallery-categorie-item {
  margin-bottom: 27px;
  overflow: hidden
}
.gallery-categorie-item .c2o-image {
  float: left
}
.gallery-categorie-item .c2o-image img {
  width: 72px;
  height: 72px;
  object-fit: cover
}
.gallery-categorie-info {
  overflow: hidden;
  padding: 5px 0 0 15px
}
.gallery-categorie-info .link-one {
  font-size: 14px;
  color: #343434
}
.gallery-categorie-info .link-one:hover {
  color: #048361
}
.gallery-categorie-item h6 a {
  color: inherit
}
.gallery-categorie-item h6 a:hover {
  color: #048361
}
.back-btn {
  display: inline-block;
  margin-bottom: 5px
}
.back-btn i {
  display: inline-block;
  vertical-align: bottom;
  font-size: 18px
}
.gallery-modal .modal-body {
  padding: 0
}
.gallery-modal .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 39px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 100%;
  border: none;
  z-index: 9
}
.gallery-modal .btn-close:before, .gallery-modal .btn-close:after {
  position: absolute;
  top: 8px;
  left: 19px;
  content: " ";
  height: 24px;
  width: 2px;
  background-color: #333333
}
.gallery-modal .btn-close:before {
  transform: rotate(-45deg)
}
.gallery-modal .btn-close:after {
  transform: rotate(45deg)
}
.gallery-modal .modal-content {
  border: none
}
.gallery-modal .btn.white-btn {
  min-width: 245px;
  font-size: 14px;
  text-transform: none
}
.c2o-contact {
  padding: 60px 0 15px
}
.contact-inner {
  overflow: hidden;
  margin-bottom: 45px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16)
}
.contact-info {
  padding: 40px 90px 40px 40px
}
.contact-info p {
  line-height: 28px
}
.contact-info form {
  padding-top: 25px
}
.contact-info textarea.form-control {
  height: 140px
}
.contact-info .normal-btn {
  min-width: 260px;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize
}
.map-image, .map-image iframe {
  height: 100%
}
.map-image img {
  height: 100%;
  width: 100%;
  object-fit: cover
}
.contact-left-itemes {
  padding: 60px
}
.contact-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5
}
.contact-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}
.contact-icon {
  display: inline-block;
  vertical-align: middle;
  width: 102px;
  height: 102px;
  line-height: 96px;
  text-align: center;
  background-color: #e5d1be;
  border-radius: 100%
}
.contact-item-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px
}
.contact-item-info ul {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #585858;
  line-height: 40px;
  list-style: none
}
.our-contact {
  height: 100%;
  padding: 50px 60px;
  background-color: #f7f7f7;
  border-left: 1px solid #dedede
}
.our-contact h2 {
  margin-bottom: 15px
}
.our-contact ul {
  padding: 0;
  margin: 0;
  color: #343434;
  font-size: 14px;
  line-height: 28px;
  list-style: none
}
.our-contact-inner {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dedede
}
.our-contact-inner:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}
.c2o-blog-details {
  padding: 25px 0
}
.blog-details-image img {
  width: 100%;
  height: 545px;
  object-fit: cover
}
.blog-meta {
  background-color: #fffff4;
  border: 1px solid #dadada
}
.blog-detail-info {
  padding: 45px 65px
}
.blog-detail-info h3 {
  margin-bottom: 25px
}
.blog-detail-info h6 {
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}
.move-arrow {
  display: inline-block;
  margin-top: 30px
}
.blog-details {
  padding: 40px 0
}
.blog-details-inner ol, .blog-details-inner ul {
  margin: 0;
  color: #343434;
  font-size: 18px;
  line-height: 36px
}
.blog-details-inner ol li, .blog-details-inner ul li {
  padding: 5px 0
}
.blog-details-inner div {
  color: #343434;
  font-size: 18px;
  line-height: 36px
}
.related-post-wrapper {
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e2e2e2
}
.related-post-wrapper:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}
.related-post {
  height: 100%;
  padding-left: 30px;
  border-left: 1px solid #e2e2e2
}
.related-post-item {
  margin-bottom: 35px;
  overflow: hidden
}
.related-post-title {
  margin-bottom: 20px
}
.related-post-image {
  float: left
}
.related-post-image img {
  width: 160px;
  height: 104px;
  object-fit: cover;
  border-radius: 5px
}
.related-post-info {
  padding-left: 16px;
  overflow: hidden
}
.related-post-info h6 {
  line-height: 24px
}
.related-post-tags {
  padding: 10px 0 20px
}
.c2o-blog-list {
  padding-top: 40px
}
.blog-list-item {
  max-width: 1120px;
  margin: 0 auto 80px
}
.list-item-image img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.blog-normal-link {
  color: #c42424;
  font-size: 17px
}
.blog-normal-link:hover {
  color: #f37404
}
.blog-categorys-text {
  font-size: 18px;
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #585858
}
.blog-categorys-text a {
  margin-right: 32px;
  color: #666666;
  font-size: 16px
}
.blog-categorys-text a:last-child {
  margin-right: 0
}
.blog-categorys-text a {
  color: #727272;
  font-size: 16px
}
.related-post-info h6 a {
  color: #6e3c3c;
  font-size: 16px
}
.blog-categorys-text a:hover {
  color: #f37404
}
.related-post-info h6 a:hover {
  color: #f37404
}
.list-item-info {
  padding-left: 15px
}
.list-item-info p {
  line-height: 28px
}
.list-item-info h4 {
  margin-bottom: 15px
}
.list-item-link {
  font-size: 16px;
  color: #f19121
}
.list-item-link:hover {
  color: #ff3b07
}
.list-main-info .list-item-link img, .related-post-info .list-item-link img {
  position: relative;
  top: -1px
}
.list-item-link img {
  margin-left: 1px;
  transition: all ease 0.4s
}
.list-item-link:hover img {
  margin-left: 4px
}
.blog-list-main {
  background-color: #fffff4;
  margin-bottom: 40px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.blog-list-main .owl-carousel .owl-item img {
  width: 855px;
  display: inline-block
}
.blog-list-main .owl-carousel .owl-item .list-item-link img {
  width: 7px
}
.list-main-image img {
  width: 855px;
  height: 570px;
  object-fit: cover
}
.list-item-image img {
  width: 548px;
  height: 365px;
  object-fit: cover
}
.blog-list-main .owl-dots {
  padding-top: 0;
  text-align: center;
  position: absolute;
  left: 62.5%;
  bottom: 33px;
  z-index: 9
}
.blog-list-main .owl-carousel button.owl-dot {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background-color: #e4d9c9;
  border-radius: 100%
}
.blog-list-main .owl-carousel button.owl-dot.active {
  background-color: #f37404
}
.list-main-info {
  padding: 20px 50px 20px 40px
}
.list-main-info h6 {
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}
.list-main-info h4 {
  margin-bottom: 15px
}
.list-main-info h4 a {
  color: inherit
}
.c2o-careers {
  padding: 25px 0 20px
}
.c2o-careers .btn.btn-one {
  padding: 15px 20px
}
.c2o-careers .form-control, .c2o-careers .form-select {
  height: 50px;
  border-radius: 0
}
.c2o-careers label.text-one {
  padding-bottom: 8px
}
.c2o-careers select.form-select {
  background-image: url(../images/icons/select-arrow2.png);
  background-position: 100% 50%;
  background-size: 34px auto
}
.c2o-careers .normal-btn {
  padding: 15px
}
.c2o-careers .normal-btn:hover {
  background-color: #bb2e26
}
.c2o-job-details {
  padding: 25px 0
}
.c2o-job-details .normal-link {
  font-size: 14px;
  color: #c42424
}
.c2o-job-details .normal-link:hover {
  color: #f37404
}
.job-detail-inner {
  padding-right: 15px
}
.job-detail-inner h2.job-title {
  color: #ff7800;
  margin-bottom: 0;
  overflow: hidden
}
.job-detail-inner h2.job-title span {
  display: inline-block;
  vertical-align: sub
}
.job-detail-inner .job-meta-list {
  padding-bottom: 18px
}
.job-detail-inner p {
  padding-bottom: 18px
}
.job-item h6 a {
  color: #c42424
}
.job-item h6 a:hover {
  color: #f37404
}
.job-item p {
  line-height: 28px
}
.job-description {
  min-height: 300px
}
.job-description ul {
  line-height: 28px
}
.job-detail-right {
  height: 100%;
  padding-left: 40px;
  border-left: 1px solid #eaeaea
}
.job-detail-right > h4 {
  margin-bottom: 20px;
  color: #343434
}
.job-detail-right .job-item {
  padding: 30px 30px;
  margin-bottom: 30px;
  background-color: #ffffff
}
.job-detail-right .job-item h6 {
  margin-bottom: 0
}
.job-detail-right .job-item-info {
  padding: 0
}
.job-detail-right .job-meta-list {
  padding: 6px 0
}
.job-detail-right .job-meta-list-two {
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5
}
.job-item-info .text-two {
  color: #343434;
  font-size: 14px
}
.job-bottom-btn {
  padding: 15px 20px;
  margin-top: 35px;
  background-color: #fcfcfc;
  border: 1px solid #dadada;
  border-radius: 10px
}
.job-right-item h6, .job-bottom-btn h6 {
  color: #343434
}
.job-bottom-btn p {
  line-height: 30px;
  padding-bottom: 0
}
.job-detail-inner .btn-one {
  min-width: 230px;
  padding: 18px 20px;
  font-weight: 700
}
.file-uploader label {
  display: block;
  padding: 13px 50px 13px 15px;
  background: #fffaeb;
  color: #a0775a;
  word-break: break-all;
  border: 1px solid #e5e5e5;
  position: relative;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-weight: 300;
  font-size: 16px;
  text-align: left
}
.file-uploader label i {
  position: absolute;
  font-size: 22px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 0
}
.file-title {
  white-space: break-spaces;
  display: inline-block
}
.file-uploader input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 0
}
.c2o-jobs {
  padding: 30px 0
}
.jobs-main-title {
  display: inline-block;
  margin-right: 50px
}
.careers-showing {
  padding-bottom: 10px
}
.jobs-title .badge {
  display: inline-block;
  vertical-align: middle;
  padding: 9px 10px;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  min-width: 110px;
  text-align: left;
  border: 1px solid #d1d1d1;
  border-radius: 4px
}
.badge-close {
  display: inline-block;
  float: right;
  cursor: pointer
}
.job-item {
  margin-bottom: 40px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}
.job-meta {
  padding: 20px 25px;
  border-bottom: 1px solid #e2e2e2;
  background-color: #fcfcfc
}
.job-meta h3 {
  margin-bottom: 0;
  overflow: hidden
}
.job-meta h3 a {
  color: #c42424
}
.job-meta h3 a:hover {
  color: #f37404
}
.jobs-title {
  padding-bottom: 15px
}
.jobs-title h3 {
  color: #343434
}
.job-meta-list li, .careers-showing {
  font-size: 14px;
  color: #343434
}
.job-meta-list {
  padding: 0;
  margin: 0;
  color: #191919;
  list-style: none
}
.job-meta-list li {
  display: inline-block;
  padding: 6px 24px 6px 0
}
.job-meta-list li img {
  margin-right: 7px;
  vertical-align: sub;
  display: inline-block
}
.job-meta-list li:last-child {
  padding-right: 0
}
.job-meta-list li i {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px
}
.job-meta-list li .bi-briefcase-fill {
  color: #f5a129
}
.job-meta-list li .bi-pin-map-fill {
  color: #3aac6e
}
.job-meta-list li .bi-currency-dollar {
  color: #ff7233
}
.job-meta-list li .bi-calendar-check-fill {
  color: #30b4d2
}
.job-meta-list-two {
  font-size: 16px
}
.job-item-info {
  padding: 25px 25px 10px
}
.job-right-wrap {
  padding: 85px 0 0 40px;
  height: 95%;
  margin-left: 15px;
  position: relative
}
.job-right-wrap:before {
  position: absolute;
  top: 85px;
  left: 0;
  width: 1px;
  height: 90%;
  background-color: #e5e5e5;
  content: "";
  z-index: 1
}
.job-right-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5
}
.job-right-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}
.job-right-item ul {
  padding: 0;
  margin: 0;
  font-size: 16px;
  list-style: none
}
.job-right-item ul li {
  padding: 8px 0
}
.job-right-item ul li a {
  display: inline-block;
  text-decoration: underline
}
.job-right-item .link-one {
  color: #343434;
  font-size: 14px
}
.job-right-item .link-one:hover {
  color: #c42424
}
.page-link, .page-item.disabled .page-link {
  color: #c42424;
  border-color: #e33b3b
}
.page-item.active .page-link {
  background-color: #e33b3b;
  border-color: #e33b3b
}
.page-link:hover {
  color: #e33b3b
}
.c2o-news {
  padding: 25px 0
}
.c2o-news h4 a {
  color: #c42424
}
.c2o-news h4 a:hover {
  color: #f37404
}
.news-info h5 a {
  color: #975c5c
}
.news-info h5 a:hover {
  color: #f37404
}
.news-info p {
  line-height: 28px
}
.news-item {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #dadada;
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.15)
}
.news-item h6 a {
  color: #343434
}
.news-item h6 a:hover {
  color: #c42424
}
.news-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 25px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1
}
.news-date {
  color: #666666;
  font-size: 12px;
  text-transform: uppercase
}
.small-item .news-info {
  padding: 15px 20px
}
.small-item > img {
  width: 100%;
  height: 226px;
  object-fit: cover
}
.owl-carousel .small-item > img {
  width: 100% !important
}
.big-image {
  width: 100%;
  height: 475px;
  object-fit: cover
}
.bottom-item {
  padding: 0 0 30px;
  border: none;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: none
}
.bottom-item .news-info {
  position: static;
  padding: 0 0 0 22px;
  overflow: hidden
}
.bottom-item .news-image {
  float: left
}
.bottom-item .news-image img {
  width: 188px;
  height: 182px;
  object-fit: cover
}
.bottom-item .news-meta {
  margin-bottom: 5px
}
.bottom-item .news-date {
  padding-bottom: 8px
}
.news-stories {
  border-top: 1px solid #e2e2e2;
  padding-top: 20px;
  margin-top: 30px
}
.list-sidebar .news-stories {
  border-top: none;
  padding-top: 0;
  margin-top: 0
}
.news-stories h4 {
  margin-bottom: 20px
}
.storie-item {
  margin-bottom: 25px;
  overflow: hidden
}
.storie-item h6 {
  padding-left: 15px;
  overflow: hidden;
  color: #343434;
  font-size: 18px
}
.storie-item h6 a {
  color: #6e3c3c
}
.storie-item h6 a:hover {
  color: #c42424
}
.categories-right-info {
  padding-left: 15px;
  overflow: hidden
}
.storie-item .link-one {
  color: #6e3c3c;
  font-size: 16px
}
.storie-item .link-one:hover {
  color: #c42424
}
.storie-item .link-two {
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #343434
}
.storie-item .link-two:hover {
  color: #c42424
}
.storie-item h5 a {
  color: inherit
}
.storie-item h5 a:hover {
  color: #dd3a3a
}
.storie-image {
  float: left
}
.storie-image img {
  width: 92px;
  height: 75px;
  object-fit: cover
}
.news-details-right {
  height: 99%;
  padding-left: 30px;
  background-color: #ffffff;
  border-left: 1px solid #dadada
}
.news-details-image img {
  width: 100%;
  height: 650px;
  object-fit: cover
}
.news-details-inner {
  padding-right: 10px
}
.news-details-inner h2 {
  margin-bottom: 15px
}
.news-details-inner .normal-link {
  color: #c42424;
  font-size: 14px
}
.news-details-inner .normal-link:hover {
  color: #f37404
}
.news-details-info {
  padding-top: 25px
}
.news-details-inner h5 {
  line-height: 36px
}
.news-details-info p {
  line-height: 36px
}
.media-img img {
  width: 100%;
  height: 200px;
  object-fit: cover
}
.btn-third {
  display: inline-block;
  min-width: 75px;
  padding: 4px 15px;
  margin: 0 7px 10px 0;
  color: #4a4a4a;
  font-weight: 600;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  border: 1px solid #d7d7d7;
  text-transform: uppercase;
  border-radius: 4px;
  background-color: #f9f9f9;
  border-color: #d9d9da
}
.btn-third:hover {
  background-color: #ffffff;
  color: #c42424;
  border-color: #d6a9a9
}
.btn-third:focus {
  background-color: #ffffff;
  color: #4a4a4a;
  border-color: #c99b9e
}
.top-subtotal {
  float: right;
  text-align: right;
  margin-top: 20px;
  font-size: 18px
}
.top-subtotal span {
  display: inline-block;
  margin-left: 6px
}
.cart-details .table {
  background-color: #ffffff
}
.cart-details .table td, .cart-details .table th {
  font-weight: 500;
  padding: 18px;
  font-size: 18px
}
.cart-details .table-bordered thead td, .cart-details .table-bordered thead th {
  border-bottom-width: 1px
}
.cart-product-image {
  float: left
}
.cart-product-image img {
  width: 160px;
  height: 180px;
  object-fit: contain;
  border: 1px solid #eeeeee
}
.product-price {
  font-size: 20px
}
.cart-product-info {
  overflow: hidden;
  padding-left: 20px;
  max-width: 600px
}
.cart-product-info h6 a {
  color: #000000
}
.cart-product-info h6 a:hover {
  color: #c42424
}
.cart-product-info p {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px
}
.product-label {
  padding: 5px 0 8px;
  margin: 0;
  list-style: none
}
.product-label li {
  display: inline-block;
  padding: 3px 15px 3px 0;
  font-size: 12px;
  font-weight: 400;
  color: #585858
}
.product-label li span {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  padding: 6px;
  border: 1px solid #e2e2e2;
  background: #f7f7f7;
  line-height: normal;
  color: #343434;
  margin-right: 8px;
  font-weight: normal;
  border-radius: 3px
}
.quantity .form-control {
  width: 90px;
  height: 38px;
  display: inline-block;
  margin-left: 8px
}
.quantity label {
  text-transform: uppercase;
  font-size: 14px;
  color: #585858
}
.product-bottom-item {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 2px;
  padding-right: 25px
}
.product-bottom-item .remove-link {
  color: #393939;
  font-weight: normal
}
.product-bottom-item .remove-link:hover {
  color: #e5000f
}
.product-bottom-item .remove-link i {
  color: #ff8559
}
.cart-listing {
  margin: 0 -10px
}
.cart-listing .list-box {
  width: 25%
}
.default-tabs .nav-tabs {
  border-bottom: 2px solid #dfdfdf
}
.default-tabs .nav-tabs .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #323232;
  font-size: 16px
}
.default-tabs .nav-tabs .nav-item.show .nav-link, .default-tabs .nav-tabs .nav-link.active {
  border-bottom-color: #048361;
  color: #df5859;
  border-color: #ecbfbf
}
.default-tabs .nav-tabs .nav-item {
  margin-bottom: -2px;
  margin-right: 20px
}
.cart-details .default-tabs {
  padding: 20px 0
}
.sidebar-item {
  margin-bottom: 25px;
  background: #ffffff;
  border: 1px solid #e5e5e5
}
.sidebar-item h5 {
  background-color: #f9f9f9;
  padding: 14px 18px;
  color: #343434;
  font-size: 20px
}
.sidebar-item h5.sidebar-title-bg {
  background-color: #fffeef
}
.sidebar-item .subtotal-price {
  padding: 0;
  display: inline-block
}
.sidebar-btn {
  padding: 25px 18px;
  text-align: center;
  border-top: 1px solid #e5e5e5
}
.sidebar-btn h6 {
  font-size: 16px;
  margin-bottom: 13px
}
.similar-products-item {
  padding: 8px 0 10px;
  overflow: hidden;
  border-top: 1px solid #e5e5e5
}
.similar-products-image {
  float: left
}
.similar-products-image img {
  width: 110px;
  height: 100px;
  object-fit: contain
}
.similar-products-info {
  overflow: hidden;
  padding: 15px 0 0 15px
}
.similar-products-info h6 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px
}
.similar-products-info h6 a {
  color: #343434
}
.similar-products-info h6 a:hover {
  color: #c42424
}
.listing-heading p {
  margin-bottom: 0
}
.similar-product-price {
  color: #f37404
}
.cart-alert {
  font-size: 15px;
  padding-right: 50px
}
.cart-alert .close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1
}
.save-later-link {
  color: #343434
}
.save-later-link:hover {
  color: #c42424
}
.popover-body {
  font-family: "Helvetica"
}
.popover-body .subtotal-price {
  padding: 0;
  margin: 0
}
.post-overlay {
  display: none;
  height: 100px;
  width: 100%;
  background: url(../images/ajax-loader.gif) no-repeat 50% 50%
}
.normal-text {
  font-size: 18px;
  line-height: 28px
}
.address-title-bg {
  background-color: #fffeee
}
.checkout-items {
  position: relative
}
.billing-steps .text-one, .billing-steps .text-two {
  font-weight: 700
}
.checkout-items .ml-auto.text-three {
  position: relative;
  min-width: 450px;
  padding-left: 15px
}
.checkout-items .ml-auto.text-three:after {
  position: absolute;
  left: 0;
  top: 50%;
  border-left: 1px solid #e5e5e5;
  height: 185%;
  content: "";
  z-index: 1;
  transform: translateY(-50%)
}
#loadLoginPage .ml-auto.text-three:after {
  height: 190%
}
.payment-history {
  background-color: #ffffff;
  text-align: center
}
.table.payment-history th {
  background-color: #fafafa
}
.table.payment-history td, .table.payment-history th {
  font-weight: normal
}
.no-data-item {
  text-align: center
}
.no-data-item h6 {
  margin: 18px 0;
  font-weight: 700;
  text-transform: uppercase
}
.no-data-item .card-body {
  padding: 52px 20px
}
.checkout-loader {
  height: 100% !important
}
#coupon-error .alert {
  margin: 15px 15px 4px;
  font-size: 15px;
  line-height: normal
}
.add-card {
  height: 452px;
  display: flex;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}
.think-you .my-order-top .btn {
  font-size: 14px
}
.think-you .my-order-info {
  overflow: hidden
}
.think-you .my-order-info + .my-order-info {
  border-top: 1px solid #dee2e6
}
.order-place-image {
  float: left
}
.order-place-info {
  overflow: hidden;
  padding: 11px 0 0 30px
}
.think-you .delivery-address-title {
  background: #fffeee
}
.tooltip-inner {
  background: #fefcf0;
  color: #575653;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 0px 35px 0px #dddddd;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  text-align: left;
}
.theme-text-color {
  color: #343434
}
#savedProductListTab .list-box .add-cart-btn {
  width: 78%
}
.search-clear-link {
  color: #048361;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  position: relative
}
.search-clear-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
  transition: all ease 0.4s;
  background: #048361
}
.search-clear-link:hover:after {
  width: 0
}
.search-badge {
  padding: 5px 10px;
  line-height: 18px;
  font-size: 13px;
  background: #ffffff;
  border: 1px solid #e0e2e4;
  position: relative;
  top: -3px;
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.15rem;
  min-width: 70px
}
.search-badge a {
  margin-left: 5px;
  float: right;
  display: block;
  margin-top: -2px
}
.quantity-control {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 22px;
  border: 1px solid #e5e5e5;
  width: 40px;
  height: 45px;
  color: #888888;
  line-height: 40px;
  text-align: center;
  background: #f7f7f7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.quantity-control.minus {
  font-size: 30px;
  border-radius: 4px 0 0 4px
}
.quantity-control.plus {
  border-radius: 0 4px 4px 0
}
.quantity-wrap .form-control {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 45px;
  margin: 0 -6px;
  padding: 7px;
  text-align: center;
  border-radius: 0
}
.quantity-wrap .form-control:focus {
  background: #ffffff;
  border-color: #ced4da
}
.popular-products {
  padding: 60px 0
}
.popular-products .product-listing .list-box {
  width: 25%
}
.popular-products .listing-heading .btn-link {
  color: rgba(0, 0, 0, 0.5);
  text-underline-position: under
}
.detail-tabs-meta {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #eaeaea
}
.tabs-meta-text {
  font-size: 16px
}
.tabs-meta-text a {
  color: #a4aab1;
  display: inline-block
}
.variant-meta .select2-container {
  width: 100% !important
}
.variant-meta .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
  top: 7px
}
.gallery-modal .owl-carousel .owl-nav button.owl-next, .gallery-modal .owl-carousel .owl-nav button.owl-prev {
  top: 50%;
  left: 10px;
  background-size: 13px auto;
  width: 45px;
  height: 45px;
  opacity: 1;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateY(-50%)
}
.gallery-modal .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 10px
}
.share-social-link {
  padding-bottom: 15px
}
.social-label {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase
}
.share-social-link a {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e3e3e3;
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 15px;
  background-color: #fcfcfc;
  margin-left: 8px
}
.share-social-link a:hover {
  background-color: #ffffff;
  border-color: #c42424
}
.share-social-link .social-icon {
  display: inline-block;
  margin-right: 3px;
  font-size: 18px
}
.share-social-link a.facebook {
  color: #2f5eaa
}
.share-social-link a.twitter {
  color: #1c91d6
}
.share-social-link a.linkedin {
  color: #0490c0
}
.tooltip.show {
  opacity: 1
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block
}
.blog-list-main .owl-nav {
  display: none !important
}
.card .blog-img img {
  width: 345px !important;
  height: 250px !important;
  border: 1px solid #f2f2f2;
  object-fit: cover;
  padding: 10px
}
.card-body p {
  margin-left: 0
}
.blog-header {
  padding-top: 20px
}
.jobs-submit {
  text-align: center;
  max-width: 770px;
  padding: 70px 0;
  margin: 0 auto
}
.jobs-submit-info {
  padding-top: 20px
}
.introduction-count {
  text-align: right;
  padding-top: 10px;
  font-size: 15px
}
.no-similar-jobs {
  height: 100%;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px
}
.search-filters {
  display: inline-block
}
.search-filters a {
  font-size: 16px
}
.header-search .select2-container--default .selection .select2-selection--single {
  height: 50px;
  font-size: 14px;
  background-color: #e5e5e5;
  border: none;
  border-radius: 0
}
.header-search .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  line-height: 36px
}
.header-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #666666
}
.select2-dropdown {
  font-size: 15px
}
.select2-container--open .select2-dropdown {
  border: 1px solid rgba(23, 23, 24, 0.08);
  background: #f7f7f7
}
.select2-results__option {
  padding: 5px 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-results {
  margin-left: -1px
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dbdbdb
}
.c2o-header {
  position: relative
}
#headerLoaderOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none
}
.no-data-wrap {
  padding: 80px 0;
  text-align: center
}
.list-item-info h2 {
  color: #343434;
  font-size: 32px
}
.list-item-info h2 a {
  color: #932929
}
.list-item-info h2 a:hover {
  color: #cf2c2c
}
.list-main-info h1 {
  font-size: 40px;
  color: #1555f7
}
.list-main-info h1 a {
  color: #c42424
}
.list-main-info h1 a:hover {
  color: #f37404
}
.list-main-info h2 {
  font-size: 32px;
  color: #6e3c3c
}
.list-main-info h2 a {
  color: #b8acdb
}
.list-main-info h5 {
  font-size: 22px;
  color: #343434
}
.blog-detail-info h1 {
  color: #eb5800;
  font-size: 40px
}
.news-details-inner h1 {
  font-size: 40px;
  color: #eb5800
}
.c2o-gallery h2 {
  color: #df5859;
  font-size: 32px
}
.gallery-title h3 {
  color: #343434;
  font-size: 26px
}
.gallery-title h6 {
  color: #343434;
  font-size: 18px
}
.gallery-title h6 a {
  color: #343434
}
.team-modal-info h1 {
  color: #eb5800;
  font-size: 40px
}
.team-title h2 {
  color: #343434;
  font-size: 32px
}
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all ease .4s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.menu-overlay.open {
  opacity: 1;
  visibility: visible;
}
.mtf-toggle {
  display: none;
  vertical-align: middle;
  margin-left: 13px;
  width: 40px;
  height: 36px;
  padding: 10px 10px;
  background: #fff;
  border-radius: 3px;
  position: relative;
  z-index: 2;
}
.toggle-separator {
  display: block;
  height: 3px;
  margin-top: 6px;
  background: #711414;
  position: relative;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.toggle-separator:before, .toggle-separator:after {
  position: absolute;
  top: -7px;
  right: 0;
  width: 100%;
  height: 3px;
  background: #711414;
  content: "";
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.toggle-separator::after {
  top: 7px;
}
.mtf-toggle.active .toggle-separator:before {
  -webkit-transform: translateY(7px) rotateZ(-45deg);
  -ms-transform: translateY(7px) rotateZ(-45deg);
  transform: translateY(7px) rotateZ(-45deg);
}
.mtf-toggle.active .toggle-separator:after {
  -webkit-transform: translateY(-7px) rotateZ(45deg);
  -ms-transform: translateY(-7px) rotateZ(45deg);
  transform: translateY(-7px) rotateZ(45deg);
}
.mtf-toggle.active .toggle-separator {
  background: 0;
}
.topbar {
  line-height: normal;
  background: #301414
}
.topbar strong {
  color: #84b917
}
.topbar p {
  padding-top: 12px;
  color: #e5d1be;
  font-size: 16px;
  margin: 0;
}
.taj-menu-link {
  display: none;
}  
.group-modal {
  padding: 20px;
  background: #f9f6e7
}
.group-modal p {
  display: table-cell;
  vertical-align: middle;
  line-height: 24px;
  padding-left: 20px
}
.group-modal p span {
  display: block;
  color: #d27343;
  padding-bottom: 10px;
  font-size: 22px
}
.group-modal-icon {
  display: table-cell;
  vertical-align: middle
}
.thank-you {
  padding-bottom: 20px
}
.thank-you-bottom {
  padding: 40px 0 0
}
.thank-you-item {
  text-align: left
}
.thank-you-item p {
  text-align: left;
  font-size: 16px;
  line-height: 26px
}
.thank-you-item-top {
  overflow: hidden;
  padding-bottom: 20px
}
.thank-you-item-top h3 {
  overflow: hidden;
  padding-left: 20px
}
.thank-you-icon {
  float: left
}
.bell-notifications {
  width: 320px;
  padding: 0;
  border-radius: 0;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  color: #6c757d;
  margin-top: 10px;
  margin-right: -14px
}
.bell-notifications:before {
  position: absolute;
  right: 6%;
  top: -6px;
  width: 13px;
  height: 13px;
  background: #ffffff;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.15);
  transform: rotate(45deg);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  z-index: -1
}
.bell-notifications li:first-child {
  background: #000000;
  color: #666666;
  display: block;
  padding: 0.675rem
}
.bell-notifications li:first-child a {
  float: right;
  color: #c42424
}
.bell-notifications li:hover {
  background-color: transparent
}
.notification-empty {
  padding: 1rem;
  text-align: center;
  border-top: 1px solid #d9e3e9
}
.notification-listing a {
  padding: 10px 20px 10px 30px;
  font-size: 13px;
  display: block;
  position: relative;
  line-height: 20px;
  border-top: 1px solid #e2e2e2
}
.notification-listing a:before {
  content: "\F1EF";
  display: inline-block;
  font: normal normal normal 24px / 1 "Material Design Icons";
  font-size: 24px;
  line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  z-index: 0
}
.email-date-time {
  display: block;
  color: #333230
}
.email-subject {
  display: block;
  font-weight: 600;
  word-break: break-word;
  color: #132750;
  white-space: normal
}
.notification-list {
  padding: 40px 0 20px
}
.notification-list p {
  font-size: 15px;
  color: #9d9b9b
}
.notification-list .table {
  border-spacing: 0 15px;
  white-space: nowrap;
  border-collapse: separate !important
}
.notification-list .table th {
  font-weight: 600;
  border: none;
  text-transform: uppercase;
  font-size: 0.8125rem !important;
  letter-spacing: 0.08em;
  padding: 0 0.75rem !important
}
.notification-list .table td, .notification-list .table th {
  padding: 0.75rem;
  vertical-align: middle;
  font-size: 0.9375rem;
  line-height: normal
}
.notification-list .table tbody tr {
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03)
}
.notification-list .table td {
  border-top: 1px solid #ececec;
  min-width: 130px;
  border-bottom: 1px solid #ececec;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s
}
.notification-list .table tr td:first-child {
  border-left: 1px solid #ececec
}
.notification-list .table tr td:last-child {
  border-right: 1px solid #ececec
}
.notification-list .table tbody tr:hover td {
  background: #fffcf6
}
.notification-list .custom-control {
  min-height: inherit;
  display: inline-block;
  margin-right: 40px
}
.notification-list .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0
}
.notification-list .custom-control-label {
  display: inline-block
}
.notification-list .notification-link {
  color: #12263e;
  position: relative;
  padding-left: 20px;
  display: inline-block
}
.notification-list .notification-link:before {
  content: "\F1EF";
  display: inline-block;
  font: normal normal normal 24px / 1 "Material Design Icons";
  font-size: 24px;
  line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
  z-index: 0;
  color: #788da8
}
.notification-list .btn-circle {
  top: 0
}
tr.unRead td {
  position: relative
}
.notification-btns {
  text-align: right
}
.notification-btns .btn {
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px
}
.notification-btns .btn i {
  margin: 0 6px 0 0;
  font-size: 13px;
  line-height: normal
}
.notification-btns .btn.btn-primary {
  background-color: #00a163;
  border-color: #00a163
}
.notification-btns .btn.btn-danger {
  border-color: #ef5362;
  background-color: #ef5362
}
.notification-btns .btn.btn-danger:hover {
  border-color: #ef5362;
  background-color: #e63757
}
.approve-purchase-orders {
  padding: 25px 0
}
.approve-purchase-orders .table {
  white-space: nowrap;
  border-collapse: separate !important;
  border-spacing: 0 10px
}
.approve-purchase-orders .table thead tr {
  box-shadow: none
}
.approve-purchase-orders .table thead tr:hover {
  background: transparent
}
.approve-purchase-orders .table th {
  padding: 0 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  color: #4d617a;
  border: none
}
.approve-purchase-orders .table td {
  position: relative;
  padding: 0.625rem 0.9375rem;
  background: transparent;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  vertical-align: middle;
  font-size: 17px
}
.approve-purchase-orders .table td:first-child {
  border-left: 1px solid #f2f2f2
}
.approve-purchase-orders .table td:last-child {
  border-right: 1px solid #f2f2f2
}
.approve-purchase-orders .table tr { }
.approve-purchase-orders .table tr:hover {
  background-color: rgba(0, 0, 0, 0.075)
}
.approve-purchase-orders .page-title h1 {
  margin: 9px 0 12px;
  color: #524646;
  font-weight: 400;
  font-size: 1.375rem
}
.order-by-name {
  display: block;
  color: #84b742;
  font-weight: 400;
  font-size: 20px
}
.order-by-email {
  display: block;
  color: #666666;
  font-size: 16px
}
.approve-purchase-orders .checkbox-column {
  position: relative
}
.approve-purchase-orders .custom-control {
  padding-left: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%)
}
.approve-purchase-orders .btn i {
  margin-right: 5px
}
.approve-purchase-orders .details-control {
  padding-left: 50px !important;
  cursor: pointer
}
.approve-purchase-orders .details-control:before {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  border: 2px solid white;
  border-radius: 100%;
  background: #84b832;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 17px;
  box-shadow: 0 0 3px #444444;
  content: "+"
}
.approve-purchase-orders tr.open .details-control:before {
  background: #f54836;
  color: #ffffff;
  content: "-";
  line-height: 13px
}
.approve-purchase-orders .po-details {
  position: relative;
  top: -11px;
  z-index: 1
}
.approve-purchase-orders .po-details td {
  display: none
}
.approve-purchase-orders .po-details.open td {
  display: table-cell
}
.approve-purchase-orders .po-details:hover {
  background: transparent !important
}
.approve-purchase-orders .product-images {
  float: left;
  width: 100px;
  height: 100px;
  background: #f7f7f7;
  border: 1px solid #ededed;
  text-align: center
}
.approve-purchase-orders .product-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  padding: 10px
}
.approve-purchase-orders .product-body {
  display: block;
  overflow: hidden;
  padding: 0 0 0 20px
}
.approve-purchase-orders .product-body h6 a {
  color: #524646
}
.product-body span.product-data {
  margin-right: 10px;
  color: #666666;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  padding-bottom: 5px
}
.tag-effect, .product-body span.product-data span.tag-effect {
  background: #f4f8fe;
  border: 1px solid #e7e7e7;
  color: #494a4c;
  padding: 0px 5px;
  border-radius: 3px;
  font-size: 11px;
  display: inline-block;
  line-height: 16px
}
.product-body span.product-data span {
  color: #8994a1;
  font-weight: normal
}
.product-orders-listing {
  padding: 5px 0
}
.approve-purchase-orders .btn {
  background: #ffffff;
  color: #84b917;
  border-color: #cfc5c6;
  font-weight: 600
}
.approve-purchase-orders .btn.btn-danger {
  color: #ce6375
}
.approve-purchase-orders .btn:hover, .approve-purchase-orders .btn:focus {
  background: #ffffff;
  border-color: #986c70;
  color: #84b917
}
.approve-purchase-orders .btn.btn-danger:hover, .approve-purchase-orders .btn.btn-danger:focus {
  color: #ce6375
}
.topbar-right-links {
  background: #301414;
  display: inline-block
}
.topbar-right-links ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.topbar-right-links ul li {
  margin-right: -5px;
  display: inline-block;
  vertical-align: middle
}
.topbar-right-links ul li:last-child {
  margin-right: 0
}
.topbar-right-links ul li a {
  padding: 11px 13px;
  color: #e5d1be;
  display: inline-block;
  border-right-width: 1px;
  font-size: 16px;
  border-right-style: solid
}
.topbar-right-links ul li a, .topbar-right-links ul li:first-child a {
  border-color: #6e3c3c
}
.topbar-right-links ul li:first-child a {
  border-left-width: 1px;
  border-left-style: solid
}
.topbar-right-links ul li a:hover, .topbar-right-links ul li:first-child a:hover {
  color: #f8e8c6;
  background: #e33b3b;
  border-color: #e33b3b
}
.topbar-right-links ul li i {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px
}
.topbar-right-links ul li img {
  margin-right: 6px
}
.topbar-left-links a {
  color: #e5d1be;
  font-size: 16px;
}
.topbar-menu {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none
}
.topbar-menu li {
  display: inline-block
}
.topbar-menu li a.dropdown-item {
  font-size: 16px;
  color: #e5d1be;
  display: inline-block;
  padding: 13px 15px
}
.topbar-menu li a.dropdown-item.dropdown-toggle {
  transition: none
}
.topbar-menu li.show a.dropdown-item, .topbar-menu li.show a.dropdown-item:hover, .topbar-menu li.show a.dropdown-item:focus {
  background-color: #e33b3b;
  color: #ffffff
}
.topbar-menu li.show a.dropdown-item.dropdown-toggle:after {
  color: #ffffff
}
.topbar-menu li a.dropdown-item:hover, .topbar-menu li a.dropdown-item:focus {
  background-color: #e33b3b;
  color: #f8e8c6
}
.topbar-menu .dropdown-menu {
  min-width: 240px;
  padding: 0;
  margin: 10px 0 0;
  border: 1px solid #e6dfdf;
  z-index: 999;
  border-color: #e5e5e5
}
.topbar-menu .dropdown-menu:before {
  position: absolute;
  top: -10px;
  left: 30px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e6dfdf;
  content: ""
}
.topbar-menu .dropdown-menu:after {
  position: absolute;
  top: -9px;
  left: 30px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  content: "";
  z-index: 1;
  border-block-color: #e5e5e5
}
.topbar-menu .dropdown-menu li {
  display: block
}
.topbar-menu .dropdown-menu li a.dropdown-item {
  color: #666666;
  display: block;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5
}
.topbar-menu .dropdown-menu li:first-child a.dropdown-item {
  border-radius: 0.25rem 0.25rem 0 0
}
.topbar-menu .dropdown-menu li:last-child a.dropdown-item {
  border-bottom: none;
  border-radius: 0 0 0.25rem 0.25rem
}
.topbar-menu .dropdown-menu li a.dropdown-item:hover, .topbar-menu .dropdown-menu li a.dropdown-item:focus {
  color: #ff8e00;
  background-color: #fdf8f0
}
.responsive-dots {
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  background: #e6e6e6;
  border-radius: 100%;
  text-align: center;
  line-height: 33px;
  font-size: 28px;
  color: #a2a2a2
}
.topbar-responsive-dropdown {
  display: none
}
.topbar-responsive-dropdown .dropdown-menu {
  padding: 0;
  min-width: 200px;
  line-height: normal
}
.topbar-responsive-dropdown .topbar-menu li {
  display: block
}
.topbar-responsive-dropdown .topbar-menu li a.dropdown-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 155px;
  display: block;
  float: left
}
.topbar-responsive-dropdown .topbar-menu .dropdown-menu {
  border: 1px solid #e6dfdf;
  right: 100% !important;
  left: auto !important;
  margin: 0;
  min-width: 200px
}
.topbar-responsive-dropdown .topbar-menu .dropdown-menu:before, .topbar-responsive-dropdown .topbar-menu .dropdown-menu:after {
  display: none
}
.topbar-responsive-dropdown .dropdown-menu:before {
  position: absolute;
  top: -10px;
  right: 6px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f0f0f0;
  content: ""
}
.topbar-responsive-dropdown .dropdown-menu:after {
  position: absolute;
  top: -9px;
  right: 6px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  content: "";
  z-index: 1;
  border-block-color: #ffffff
}
.footer-logo-wrap h5 {
  color: #8f7979;
  font-size: 18px
}
.footer-logo-wrap h5 i {
  color: #c7bfab
}
.footer-logo-wrap .img-fluid {
  border: 1px solid #313131;
}
.footer-location {
  display: flex;
  padding: 30px 0;
  color: #8f7979;
  font-size: 18px
}
.footer-location i {
  font-size: 26px;
  margin-right: 10px;
  color: #c7bfab;
  margin-top: 3px
}
.footer-socials {
  padding-top: 10px;
  font-size: 25px
}
.footer-socials a {
  color: #c3a3a3;
  display: inline-block;
  font-size: 21px;
  margin-right: 25px
}
.footer-socials a:hover {
  color: #f43c3d
}
.unsubscribed-wrap {
  background: #ffffff;
  border-radius: 8px;
  max-width: 800px;
  margin: 30px auto;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}
.unsubscribed-wrap .custom-control-label:before {
  width: 20px;
  height: 20px;
  left: -28px
}
.unsubscribed-wrap .form-check-label:after {
  margin: 0;
  top: 7px;
  left: -26px
}
.unsubscribed-wrap label.custom-control-label {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500
}
.unsubscribe-title {
  margin-bottom: 15px;
  line-height: 32px;
  font-size: 20px
}
.unsubscribe-box {
  padding: 35px 25px;
  border-bottom: 1px solid #e6e6e6
}
.uncheck-all {
  font-size: 18px;
  color: #0698c7;
  display: inline-block;
  margin-top: 25px
}
.uncheck-all:hover {
  color: #f49716
}
.unsubscribe-step-two .custom-control {
  margin: 10px 0
}
.unsubscribed-wrap .unsubscribe-step-two .form-check-label:after {
  top: 4px;
  left: -25px
}
.unsubscribed-wrap .unsubscribe-step-two .form-group label {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500
}
.btn.submit-unsubsribe {
  min-width: 160px
}
.count-circle {
  height: 21px;
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  background: #343434;
  color: #ffffff;
  font-size: 13px;
  line-height: 21px;
  padding: 0 6px;
  position: relative;
  top: -2px
}
.nav-link.active .count-circle {
  background: #ff8e00
}
.login-template-main {
  background-color: #f8f9fa
}
.sipc-newsletter {
    padding: 45px 20px 20px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: #301414;
}
.sipc-newsletter-inner {
  position: relative;
  text-align: center;
  z-index: 1;
}
.sipc-newsletter-inner h2 {
  font-size: 40px;
  color: #ffcf92;
  line-height: 44px;
  font-weight: 400;
}
.sipc-newsletter-inner h4 {
  font-weight: 300;
  margin-bottom: 20px;
  font-size: 20px;
  color: #e3d8c3;
  line-height: 28px;
}
.sipc-newsletter-inner .form-control {
  height: 55px;
  font-size: 18px;
  border: none;
  border-radius: 5px;
  background-color: #ffffff;
}
.sipc-newsletter-subscribe-btn:hover {
  background-color: #f37404;
  color: #ffffff;
}
.sipc-newsletter-subscribe-btn {
  display: block;
  width: 100%;
  padding: 14px 15px;
  border: none;
  font-size: 18px;
  margin-top: 20px;
  background-color: #c42424;
  color: #ffffff;
  border-radius: 5px;
}
.sipc-newsletter-inner p {
  font-size: 16px;
  line-height: 26px;
  color: #adacaa;
}
.breadcream-section-mobile {
  display: none;
  overflow: hidden;
}
.breadcream-section-mobile .swiper-slide {
  width: auto !important;
  padding: 15px 15px 15px 0;
}  
.breadcream-section-mobile .active {
    color: #616161;
}
.static-pages {
    font-size: 15px;
    padding-top: 150px;
}
.secondary-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    padding: 15px;
    text-align: center;
    background: #83010b;
    -webkit-box-shadow: 0 0 10px 0 #dddddd;
    box-shadow: 0 0 10px 0 #dddddd;
}
.secondary-header a img {
  width: 250px;
}
.static-pages .nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #83010b;
}
.static-pages dl, .static-pages ol, .static-pages ul {
    list-style: none;
}
.static-pages .card {
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.static-pages .nav-tabs li.active a.nav-link {
    color: #83010b;
    border-color: transparent transparent #83010b;
    background-color: transparent;
}
.static-pages .nav-tabs .nav-link {
    padding: 0 1rem 1rem 1rem;
}
.static-pages .nav-tabs .nav-link {
    color: #12263f;
}
.static-pages .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: transparent;
    color: #83010b;
}
.static-pages .nav-tabs .nav-link {
    border-color: transparent;
    background: none;
    border-width: 2px;
    font-weight: 500;
    border-top: none;
    border-left: none;
    border-right: none;
}