@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
:root {
    --primary: #00acee;
    --dark: #222222;
    --radius: 4px;
}

html { width:100%;height:100%;font-size:100%;overflow-x:hidden; }
body {
    font-size: .875rem;color: var(--dark);font-family: "Lato", sans-serif;
}

.bg-light { background-color: #F8F8F8 !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.text-primary { color: var(--primary) !important; }
.text-muted { color: #666666 !important; }
.text-999 { color: #999999 !important; }
.fs-18 { font-size:1.125rem; }
a, button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2ec2fb;
    --bs-btn-hover-border-color: #2ec2fb;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2ec2fb;
    --bs-btn-active-border-color: #2ec2fb;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
    padding: .45rem 1.5rem .625rem 1.5rem;
}
.btn-outline-dark {
  --bs-btn-color: var(--dark);
  --bs-btn-border-color: #999;
  --bs-btn-hover-bg: var(--dark);
  --bs-btn-hover-border-color: var(--dark);
  --bs-btn-active-bg: var(--dark);
  --bs-btn-active-border-color: var(--dark); 
}
img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

figure {
  padding: 0;
  margin: 0;
}


.section__title {
    font-size: 1.875rem; 
    font-weight: 300;  
    text-transform: uppercase;
}


/*--------------- navbar styles ---------------*/

.h_bottom_two {
  background: #ffffff;
  border-bottom: 0;
  border-top: 1px solid #ebebeb;
}
.h_bottom_two.sticky-header.sticky {
  background: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h_bottom_two {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .h_bottom_two {
    border-bottom: 0;
  }
}

.menu_two nav > ul > li > a {
  color: #222222;
}

.offcanvas_two .canvas_open a {
  color: #222222;
  border: 1px solid #222222;
}
.offcanvas_two .canvas_open a:hover {
  color: #00acee;
  border-color: #00acee;
}

/*home three css here*/
.header_three {
  background: #002859;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_three {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_three {
    padding-bottom: 0;
  }
}


/* 2.4 main menu css here */
.menu_position {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_menu {
    display: none;
  }
}

.main_menu nav > ul > li {
  display: inline-block;
  position: relative;
  margin-right: 35px;
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_menu nav > ul > li {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li {
    margin-right: 18px;
  }
}
.main_menu nav > ul > li:hover ul.sub_menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(600px) rotateX(0deg);
          transform: perspective(600px) rotateX(0deg);
}
.main_menu nav > ul > li:hover .mega_menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(600px) rotateX(0deg);
          transform: perspective(600px) rotateX(0deg);
}
.main_menu nav > ul > li:hover > a {
  color: #00acee;
}
.main_menu nav > ul > li > a {
  display: block;
  font-size: 14px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
 
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li > a {
    font-size: 13px;
  }
}
.main_menu nav > ul > li > a i {
  margin-left: 3px;
}
.main_menu nav > ul > li ul.sub_menu {
  position: absolute;
  min-width: 200px;
  padding: 24px 30px;
  background: #fff;
  border: 1px solid #ebebeb;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  left: 0;
  right: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 99;
  top: 100%;
  text-align: left;
}
.main_menu nav > ul > li ul.sub_menu li a {
  font-size: 13px;
  font-weight: 400;
  display: block;
  line-height: 32px;
  text-transform: capitalize;
  font-size: 13px;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
  color: #00acee;
}
.main_menu nav > ul > li.mega_items {
  position: static;
}
.main_menu nav > ul > li .mega_menu {
  position: absolute;
  min-width: 100%;
  padding: 25px 30px 30px 30px;
  background: #fff;
  border: 1px solid #ebebeb;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  left: 0;
  right: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 99;
  top: 100%;
  text-align: left;
}

.mega_menu_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mega_menu_inner > li > a {
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.mega_menu_inner > li > a:hover {
  color: #00acee;
}
.mega_menu_inner > li ul li {
  display: block;
}
.mega_menu_inner > li ul li a {
  font-size: 13px;
  font-weight: 400;
  display: block;
  line-height: 28px;
  text-transform: capitalize;
}
.mega_menu_inner > li ul li a:hover {
  color: #00acee;
}

/*main menu css end*/
.header_right_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
 

.header_configure_area {
display:flex; gap:15px;
align-items:center;
}


.header_wishlist a {
  display: block;
  height: 50px;
  position: relative;
  text-align: center;
  width: 50px;
  background:  #00acee;
  color: #ffffff;
  border-radius: 4px;
}
.header_wishlist a:hover {
  color: #222222;
}
.header_wishlist a i {
  font-size: 20px;
  line-height: 50px;
}
.header_wishlist a span.wishlist_count {
  background: #ffffff;
  color: #222222;
  font-size: 13px;
  height: 25px;
  left: -9px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 25px;
  z-index: 9;
  border-radius: 100%;
}
 
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_wishlist a span.wishlist_count {
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header_wishlist a span.wishlist_count {
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
  }
}
 

.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li:last-child {
  margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 0;
}
.offcanvas_main_menu li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.offcanvas_main_menu li a:hover {
  color: #00acee;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
}
.offcanvas_footer {
  margin-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.offcanvas_footer span a {
  font-size: 14px;
}
.offcanvas_footer span a:hover {
  color: #00acee;
}
.offcanvas_footer ul {
  margin-top: 20px;
}
.offcanvas_footer ul li {
  display: inline-block;
  margin-right: 4px;
}
.offcanvas_footer ul li:last-child {
  margin-right: 0;
}
.offcanvas_footer ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  font-size: 13px;
  color: #ffffff;
}
.offcanvas_footer ul li.facebook a {
  background: #3c5b9b;
}
.offcanvas_footer ul li.facebook a:hover {
  background: #00acee;
}
.offcanvas_footer ul li.twitter a {
  background: #1DA1F2;
}
.offcanvas_footer ul li.twitter a:hover {
  background: #00acee;
}
.offcanvas_footer ul li.pinterest a {
  background: #BD081B;
}
.offcanvas_footer ul li.pinterest a:hover {
  background: #00acee;
}
.offcanvas_footer ul li.google-plus a {
  background: #DD4D42;
}
.offcanvas_footer ul li.google-plus a:hover {
  background: #00acee;
}
.offcanvas_footer ul li.linkedin a {
  background: #010103;
}
.offcanvas_footer ul li.linkedin a:hover {
  background: #00acee;
}

.slinky-theme-default a:not(.back) {
  padding: 10px 0;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
}
.slinky-theme-default a:not(.back):hover {
  background: inherit;
  color: #00acee;
}

.canvas_close {
  position: absolute;
  top: 10px;
  right: 13px;
}
.canvas_close a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  line-height: 31px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
}
.canvas_close a:hover {
  background: #00acee;
  border-color: #00acee;
  color: #fff;
}
.canvas_open {
    position: absolute;
    right: 14px;
    top: 34px;
    z-index: 9;
}
.canvas_open a {
    font-size: 30px;
    color: #ffffff;
    width: 50px;
    height: 49px;
    display: block;
    line-height: 49px;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 3px;
}
.canvas_open a:hover {
  color: #00acee;
  border-color: #00acee;
}

.offcanvas_menu_two .canvas_close a:hover {
  background: #fcb700;
  border-color: #fcb700;
}
.offcanvas_menu_two .offcanvas_main_menu li a:hover {
  color: #fcb700;
}
.offcanvas_menu_two .offcanvas_footer span a:hover {
  color: #fcb700;
}

.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: rgba(34, 34, 34, 0.8);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  display: block;
  padding: 0 20px;
  left: 0;
  right: 0;
  border-top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .sticky-header.sticky {
    padding: 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-header.sticky {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-animation-name: inherit;
    animation-name: inherit;
    padding: 0;
    background: inherit;
    opacity: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-header.sticky {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-animation-name: inherit;
    animation-name: inherit;
    padding: 0;
    background: inherit;
    opacity: inherit;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky-header.sticky .main_menu nav ul li {
    margin-right: 12px;
  }
}

.sticky_header_area {
  display: none;
}

.sticky_header_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sticky_header_right .main_menu {
  margin-left: 0;
  margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky_header_right .main_menu {
    margin-right: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky_header_right .main_menu nav > ul > li {
    margin-right: 24px;
  }
}
.sticky_header_right .main_menu nav > ul > li > a {
  color: #222222;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky_header_right .main_menu nav > ul > li > a {
    font-size: 13px;
  }
}
.sticky_header_right .main_menu nav > ul > li > a.active {
  color: #00acee;
}
.sticky_header_right .main_menu nav > ul > li > a::before {
  display: none;
}
.sticky_header_right .main_menu nav > ul > li:hover > a {
  color: #00acee;
}

/*header top css here*/
.header_top {
  border-bottom: 1px solid #2f2f3b;
}
@media only screen and (max-width: 767px) {
  .header_top {
    display: none;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_top {
    display: none;
    border-bottom: 0;
  }
}


.single_categories_product {
    padding: 10px 10px 18px;
    position: relative;
    border: 1px solid #ebebeb;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 4px;
width:100%;
}
.single_categories_product:hover {
    border-color: var(--primary);
}


.product_tab_btn ul li a {
  font-size: 14px; 
  text-transform: uppercase;
  display: inline-block;
  font-weight: 500;
  position: relative;
  padding-bottom: 2px;
}
.product_tab_btn ul li a::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #00acee;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_tab_btn ul li a:hover {
  color: #00acee;
}
.product_tab_btn ul li a:hover::before {
  opacity: 1;
}
.product_tab_btn ul li a.active {
  color: #00acee;
}
.product_tab_btn ul li a.active::before {
  opacity: 1;
}
@media (max-width: 991px) {
  .product_tab_btn ul li a {
    font-size: 13px;
  }
}
 
.product_items { width:100%; }
.single_product {
  border-radius: 4px;
  background: #ffffff;
  padding-top: 20px;
}
.single_product:hover {
  -webkit-box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.07);
}
.single_product:hover .product_thumb a.secondary_img {
  opacity: 1;
  visibility: visible;
}
.single_product:hover .action_links {
  visibility: visible;
  opacity: 1;
  bottom: -55px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
}
.single_product:hover .quick_button {
  opacity: 1;
  visibility: visible;
}

.product_thumb {
  position: relative;
}
.product_thumb a.secondary_img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding:0 10px;
}
@media only screen and (max-width: 767px) {
  .product_thumb a img {
    width: 100%;
  }
}

.product_content_inner {
  padding: 10px 15px 20px;
}

.product_area li.wishlist {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 100;
}
.product_content h4,.product_content .product_name {
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 7px;
}
.product_content .product_name1{
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 7px;
}
.product_content h4 a:hover {
  color: #00acee;
  text-decoration: underline;
}
.product_content p.manufacture_product {
  margin-bottom: 7px;
  font-size: 14px;
  text-transform: capitalize;
}
.product_content p.manufacture_product a:hover {
  color: #00acee;
}
.offer-price {
  font-size: 1rem;
  color: #00acee;
  font-weight: 700;
}
.price_box span {
  font-size: 14px;
}
.price_box span.old_price {
  text-decoration: line-through;
  font-weight: 400;
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .price_box span.old_price {
    font-size: 13px;
  }
}
.price_box span.current_price {
  font-size: 18px;
  font-weight: 500;
  color: #00acee;
}
.original-price {
  font-size: 14px;
  color: #00acee;
}
.save-price { font-size: 12px;color: #00acee; }
.inclusive-taxes { font-size: 11px;color: #999;  }
.single_product .products_rating{margin-top:8px;}
.products_rating .fa-star{color:#00acee;}
.products_rating span{margin-left:5px;}
.quick_button {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quick_button a {
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  background: #00acee;
  color: #ffffff;
  border-radius: 2px;
}
.quick_button a:hover {
  background: #999;
}

.action_links .btn { height:2rem;border-radius: var(--radius); }


.product_rating ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product_rating ul li {
  line-height: 23px;
  margin-right: 3px;
}
.product_rating ul li:last-child {
  margin-right: 0;
}
.product_rating ul li a {
  font-size: 20px;
  color: #ffc600;
}
 

@media (min-width: 768px) {
  .product_content .product_content_inner .product_name {
    height: 36px;
  }
  .product_content .product_content_inner .product-tagline {
    min-height: 50px;
  }
  .product_items .product_content .product_content_inner .price_box {
    min-height: 80px;
  }
}


.banner_thumb {
  position: relative;
  overflow: hidden;
}
.banner_thumb::before {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
}
.banner_thumb:after {
  background: rgba(255, 255, 255, 0.6);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
  pointer-events: none;
}
.banner_thumb:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
}
.banner_thumb:hover::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
}


.footer_social ul li a {
  width: 41px;
  height: 41px;
  border-radius: 4px;
}
.footer_social ul li a:hover {
  background: #00acee;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_social ul li a {
    width: 37px;
    height: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_social ul li a {
    width: 35px;
    height: 35px;
  }
}
.footer_social ul li a.facebook {
  background: #3c5b9b;
}
.footer_social ul li a.facebook:hover {
  background: #00acee;
}
.footer_social ul li a.twitter {
  background: #40c1df;
}
.footer_social ul li a.twitter:hover {
  background: #00acee;
}
.footer_social ul li a.rss {
  background: #eb8314;
}
.footer_social ul li a.rss:hover {
  background: #00acee;
}
.footer_social ul li a.youtube {
  background: #db2d29;
}
.footer_social ul li a.youtube:hover {
  background: #00acee;
}
.footer_social ul li a.google {
  background: #ed3c32;
}
.footer_social ul li a.google:hover {
  background: #00acee;
}
.footer_social ul li a.instagram2 {
  background: #c619b8;
}
.footer_social ul li a.instagram2:hover {
  background: #00acee;
}



/*  07. footer area css here */
.footer_widgets {
  background: #23232b;
}

.footer_top {
  padding: 74px 0 72px;
  border-bottom: 1px solid #2f2f3b;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_top {
    padding: 55px 0 5px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_top {
    padding: 55px 0 6px;
  }
}

.footer_col_container {
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widgets_container {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .widgets_container {
    margin-bottom: 48px;
  }
}
.widgets_container.widget_menu {
  /* width: 20%; */
  width:33.3%; /* added by CZ */
  float: left;
  padding-right: 15px;
}
.widgets_container.widget_menu:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .widgets_container.widget_menu {
    margin-bottom: 51px;
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .widgets_container.widget_menu {
    margin-bottom: 51px;
    width: 100%;
    padding-left: 0;
  }
}
.widgets_container h3 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widgets_container h3 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widgets_container h3 {
    margin-bottom: 22px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .widgets_container h3 {
    margin-bottom: 22px;
  }
}

.footer_contact > p {
  font-size: 13px;
  line-height: 25px;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_contact > p {
    margin-bottom: 8px;
  }
  .footer_contact > p:last-child {
    margin-bottom: 0;
  }
}

.footer_menu ul li {
  margin-bottom: 12px;
}
.footer_menu ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_menu ul li {
    margin-bottom: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_menu ul li {
    margin-bottom: 14px;
  }
}
.footer_menu ul li a {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #999999;
}
.footer_menu ul li a:hover {
  color: #00acee;
}
@media only screen and (max-width: 767px) {
  .footer_menu ul li a {
    font-size: 13px;
    line-height: 18px;
  }
}


.search_container .form-control {
  border-color: #ebebeb;border-width:2px;height: 50px;
}
@media (max-width:991px){
.search_container .form-control { height:38px; }
}

.header_wishlist a {
  height: 50px;
  position: relative;
  width: 50px;
  background:  var(--primary);
  color: #ffffff;
  border-radius: var(--radius);
}
.header_wishlist a:hover {
  color: #222222;
} 
.header_wishlist a span.wishlist_count {
  background: #ffffff;
  color: #222222;
  font-size: 13px;
  height: 25px;
  left: -9px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 25px;
  z-index: 9;
  border-radius: 100%;
}
.canvas__btn {width:50px;height:50px; } 
@media (max-width:575px) {
.header_wishlist a, .canvas__btn { width:38px;height:38px; }
.header_wishlist a svg, .canvas__btn svg { width:18px;height:18px; }
}


.product_carousel .owl-stage, .categories_product_inner .owl-stage { display:flex; }
.product_carousel .owl-item, .categories_product_inner .owl-item { display:flex; }

.product_carousel .owl-nav ,.categories_column7  .owl-nav{
  position: absolute;
  top: -32px;
  right: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
 
 
}
/*@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_carousel .owl-nav {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .product_carousel .owl-nav {
    display: none;
  }
}*/
.product_carousel .owl-nav button  ,.categories_column7  .owl-nav button{
  font-size: 20px;background: #F8F8F8 !important; width: 28px;height:26px;
  -webkit-transition: 0.3s;margin-left:3px;
  transition: 0.3s;
}
.product_carousel .owl-nav button.disabled  ,.categories_column7  .owl-nav button.disabled{
  pointer-events:none;opacity:.65;
}
.product_carousel .owl-nav div:hover  ,.categories_column7  .owl-nav div:hover{
  color: #00acee;
}
@media (max-width:575px){
.product_carousel .owl-nav { position:static;display:block;text-align:center;margin-top:-10px; }
}


.slider__tab__content .tab-pane { display:block;height:0;visibilty:hidden; }
.slider__tab__content .tab-pane.show.active { height:auto;visibilty:visible; }



.single_blog {
  background: #ffffff;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single_blog:hover {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.blog_thumb a img {
  border-radius: 4px 4px 0 0;
}

.blog_content {
  padding: 20px 20px;
  text-align: left;
}
.blog_content h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .blog_content h4 {
    font-size: 14px;
  }
}
.blog_content h4 a:hover {
  color: #00acee;
  text-decoration: underline;
}
.blog_content .post_meta p {
  font-size: 14px;
  line-height: 20px;
}
.blog_content .post_meta p a {
  color: #00acee;
}
.blog_content .post_meta p a:hover {
  text-decoration: underline;
}
.blog_content .post_desc {
  margin-top: 14px;
}
.blog_content .post_desc p {
  font-size: 14px;
  line-height: 24px;
}
.blog_content .post_readmore {
  margin-top: 18px;
  padding-top: 18px;
  line-height: 20px;
  border-top: 1px solid #ebebeb;
}
.blog_content .post_readmore a:hover {
  color: #00acee;
  text-decoration: underline;
}
.blog_column4 .owl-nav { position:absolute;top:-53px;right:0; }

label.error {
  color: red;
}
.contact__wrapp .form-control { height:50px; }
.check_error label.error { position: absolute;top: 100%;left: 0; }

