@charset "utf-8";
/* ----------------------------------
Name: style.css
Version: 1.0
----------------------------------
Table of contents
Google Font
Body and Default Transitions
Typography
Icon
Background Color
Border Color
Margin
Padding
Custom
OWL Carousel
Button
Form Control
Portfolio and Photo Gallery
Video and Soundheader
Navbar
Header
Hero Section
Slider
Feature Box
Content
Team
Pricing Table
Contact
Blog
Subscribe
Counter
Clients
Timer
Testimonial
Footer
*/
/*====================================
Google Font
=====================================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");
/*====================================
Typography
=====================================*/
body {
  color: #222;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
}
body,
html {
  height: 100%;
}
/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
  margin: 0;
  padding: 0;
  font-weight: 600;
  line-height: normal;
}
a {
  color: #222;
  display: inline-block;
  text-decoration: none;
}
a:hover {
  color: #ee6c4d;
  text-decoration: none;
}
a,
a:hover {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
img {
  backface-visibility: hidden;
}
span {
  display: inline-block;
}
button {
  padding: 0;
  border: none;
  cursor: pointer;
}
button,
button:hover {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
button,
button:focus,
a:focus {
  outline: none;
  box-shadow: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.btn-primary:active:focus {
  box-shadow: none;
}
p {
  line-height: 25px;
  margin-bottom: 0px;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
input,
select,
textarea {
  padding: 10px 15px;
  border: 1px solid #e2e2e2;
  border-radius: 0;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid #e2e2e2;
  box-shadow: none;
}
.btn:focus,
.btn:active {
  outline: none;
  box-shadow: none;
}
/* body hidden class */
body.hidden {
  overflow-y: hidden;
  padding-right: 17px;
}
/* btn style 1 css */
.btn-style1 {
  background-color: #ee6c4d;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  font-weight: 500;
  border: 1px solid #ee6c4d;
  border-radius: 3px;
  text-transform: uppercase;
}
.btn-style1:hover {
  background-color: transparent;
  color: #222;
  border-color: #222;
}
/* btn style 2 css */
.btn-style2 {
  position: relative;
  background-color: #ee6c4d;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  font-weight: 500;
  border: 1px solid #ee6c4d;
  border-radius: 4px;
  overflow: hidden;
  z-index: 2;
}
.btn-style2:hover {
  color: #333;
}
.btn-style2:before {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.btn-style2:hover:before {
  width: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

/* mm-fullscreen-bg css */
.mm-fullscreen-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
.mm-fullscreen-bg.active {
  opacity: 1;
  visibility: visible;
}
.mm-fullscreen-bg,
.mm-fullscreen-bg.active {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

/* section padding css */
.section-t-padding {
  padding-top: 100px;
}
.section-b-padding {
  padding-bottom: 100px;
}
.section-tb-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* section title css */
.section-capture {
  margin-bottom: 60px;
  text-align: center;
}
.section-capture .section-title {
}
.section-capture .section-title h2 {
  color: #333;
  font-size: 40px;
  font-weight: 600;
}

/* container css */
.container {
  max-width: 1200px;
}
.container-fluid {
  padding: 0px 60px;
}
/* carousel button css */
.home2-cate-image.owl-carousel .owl-nav,
.testimonial2-bg .home2-testi .owl-nav {
  margin-top: 0;
}
.home2-cate-image.owl-carousel .owl-nav button,
.trending-pro .home2-trending .owl-nav button,
.testimonial2-bg .home2-testi .owl-nav button,
.featured-products .featured .owl-nav button {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  background-color: #ee6c4d;
  color: #fff;
  font-size: 20px;
  margin: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
}
.home2-category .home2-cate-image:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.home2-category .home2-cate-image .owl-nav button.owl-prev,
.home2-category .home2-cate-image .owl-nav button.owl-next,
.home2-category .home2-cate-image:hover .owl-nav button.owl-prev,
.home2-category .home2-cate-image:hover .owl-nav button.owl-next {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.home2-category .home2-cate-image:hover .owl-nav button.owl-prev {
  left: -10px;
}
.home2-category .home2-cate-image:hover .owl-nav button.owl-next {
  right: -10px;
}
.home2-cate-image.owl-carousel .owl-nav button:hover,
.trending-pro .home2-trending .owl-nav button:hover,
.testimonial2-bg .home2-testi .owl-nav button:hover,
.featured-products .featured .owl-nav button:hover {
  background-color: #fff;
  color: #ee6c4d;
}
.home2-cate-image.owl-carousel .owl-nav button.owl-prev,
.trending-pro .home2-trending .owl-nav button.owl-prev,
.testimonial2-bg .home2-testi .owl-nav button.owl-prev,
.featured-products .featured .owl-nav button.owl-prev {
  left: 10px;
}
.home2-cate-image.owl-carousel .owl-nav button.owl-next,
.trending-pro .home2-trending .owl-nav button.owl-next,
.testimonial2-bg .home2-testi .owl-nav button.owl-next,
.featured-products .featured .owl-nav button.owl-next {
  right: 10px;
}
.trending-pro .home2-trending .owl-nav button,
.testimonial2-bg .home2-testi .owl-nav button,
.featured-products .featured .owl-nav button {
  opacity: 1;
  visibility: visible;
}
.trending-pro .home2-trending .owl-nav button:hover,
.testimonial2-bg .home2-testi .owl-nav button:hover,
.featured-products .featured .owl-nav button:hover {
  background-color: #fff;
  color: #ee6c4d;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.trending-pro .home2-trending .owl-nav button.owl-prev,
.testimonial2-bg .home2-testi .owl-nav button.owl-prev,
.featured-products .featured .owl-nav button.owl-prev {
  left: -10px;
}
.trending-pro .home2-trending .owl-nav button.owl-next,
.testimonial2-bg .home2-testi .owl-nav button.owl-next,
.featured-products .featured .owl-nav button.owl-next {
  right: -10px;
}
/* top notification css */
.top-7 {
  background-color: #232323;
}
.top-7 ul.top-home {
  color: #929292;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-7 ul.top-home li.top-home-li {
  width: 33.33%;
}
/* top offer css */
.top-7 ul.top-home li.top-home-li .top-content p {
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
.top-7 ul.top-home li.top-home-li .top-content p span.top-c {
  font-weight: 600;
  animation: blinker 0.7s infinite;
}
@keyframes blinker {
  50% {
    color: #ee6c4d;
  }
}
/* call text css */
.top-7 ul.top-home li.top-home-li.call-area {
  text-align: center;
}
.top-7 ul.top-home li.top-home-li .call-text span.label {
  color: #fff;
  font-size: 14px;
}
.top-7 ul.top-home li.top-home-li .call-text a {
  color: #fff;
  font-size: 14px;
}
.top-7 ul.top-home li.top-home-li .call-text a:hover {
  color: #ee6c4d;
}

/* currency account css */
.top-7 ul.top-home li.top-home-li.currency-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-7 ul.top-home li.top-home-li ul.link-currency {
  position: relative;
  display: flex;
  align-items: center;
}
.top-7 ul.top-home li.top-home-li ul.link-currency li.currency-li {
  margin-left: 20px;
}
.top-7 ul.top-home li.top-home-li ul.link-currency li.currency-li:last-child {
  padding: 12px 0px;
}
.top-7 ul.top-home li.top-home-li ul.link-currency li.currency-li a {
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.top-7
  ul.top-home
  li.top-home-li
  ul.link-currency
  li.currency-li
  a[aria-expanded="true"] {
  color: #ee6c4d;
}
.top-7 ul.top-home li.top-home-li ul.link-currency li.currency-li a:hover {
  color: #ee6c4d;
}
.top-7 ul.top-home li.top-home-li ul.link-currency li.currency-li a i {
  font-size: 10px;
  margin-left: 5px;
}
.top-7
  ul.top-home
  li.top-home-li
  ul.link-currency
  li.currency-li
  a[aria-expanded="true"]
  i {
  transform: rotate(180deg);
}
.top-7
  ul.top-home
  li.top-home-li
  ul.link-currency
  li.currency-li
  ul.currency-ul {
  background-color: #fff;
  position: absolute;
  top: 100%;
  right: 0px;
  min-width: 70px;
  text-align: center;
  z-index: 5;
  box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
.top-7
  ul.top-home
  li.top-home-li
  ul.link-currency
  li.currency-li
  ul.currency-ul
  li.currency-text {
  padding: 10px 20px;
  border-top: 1px solid #ededed;
  line-height: 1;
}
.top-7
  ul.top-home
  li.top-home-li
  ul.link-currency
  li.currency-li
  ul.currency-ul
  li.currency-text
  a {
  color: #333;
  font-size: 14px;
  line-height: 1;
}
.top-7
  ul.top-home
  li.top-home-li
  ul.link-currency
  li.currency-li
  ul.currency-ul
  li.currency-text
  a:hover {
  color: #ee6c4d;
}

/* header top css */
.header-main-area {
  background-color: #fff;
}
.header-main-area.is-sticky {
  background-color: #ffffff;
}
@media (max-width: 1199px) {
  .header-main-area.is-sticky {
    background-color: #ffffff;
  }
}
.header-main-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 99;
  width: 100%;
  box-shadow: 0 0 15px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-150px);
  }
  100% {
    transform: translateY(0px);
  }
}
.header-main-area .header-main {
  position: relative;
  display: flex;
  align-items: center;
}
.header-main-area .header-main .header-element.logo {
  width: 16.67%;
}
.header-main-area .header-main .header-element.megamenu-content {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-main-area .header-main .header-element.right-block-box {
  width: 33.33%;
}
.header-main-area
  .header-main
  .header-element.right-block-box
  ul.shop-element
  li.nav-toggler {
  display: none;
  line-height: 0;
}
.header-main-area
  .header-main
  .header-element.right-block-box
  ul.shop-element
  li.search-wrap {
  position: relative;
}
.modal#search-modal .modal.fade {
  padding-right: 0px !important;
}
.modal#search-modal .modal-dialog {
  margin: 0px;
  max-width: 100%;
}
.modal#search-modal .modal-content {
  background-color: #fff;
  border: none;
  border-radius: 0px;
}
.modal#search-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}
.modal#search-modal .search-content {
  display: flex;
  align-items: center;
}
.modal#search-modal .search-content .search-engine {
  width: 100%;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.modal#search-modal .search-content .search-engine input {
  height: 40px;
  width: 100%;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
}
.modal#search-modal .search-content .search-engine .search-btn {
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
  width: 40px;
  background-color: #222;
  border: none;
  border-radius: 3px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal#search-modal .search-content button.close {
  float: none;
  display: block;
  background-color: transparent;
  color: #000;
  font-size: 18px;
  margin-left: 10px;
  opacity: 1;
  line-height: 0;
}
.modal#search-modal .search-content button.close:hover {
  color: #ee6c4d;
}
/* navbar-toggler css */
button.navbar-toggler {
  padding: 0;
  border: none;
}
button.navbar-toggler span.line {
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
}
button.navbar-toggler span.line,
button.navbar-toggler span.line::before,
button.navbar-toggler span.line::after {
  width: 18px;
  height: 2px;
  display: block;
  background-color: #333;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
button.navbar-toggler span.line::before,
button.navbar-toggler span.line::after {
  content: "";
  position: absolute;
}
button.navbar-toggler span.line::before {
  top: 6px;
}
button.navbar-toggler span.line::after {
  top: -6px;
}
/* right block css */
.right-block-box {
  display: flex;
  justify-content: flex-end;
}
.right-block-box ul.shop-element {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.right-block-box ul.shop-element li.side-wrap {
  margin-left: 30px;
}
.right-block-box ul.shop-element li.side-wrap a {
  display: flex;
  align-items: center;
  line-height: 1;
}
.right-block-box ul.shop-element li.side-wrap a span.icon {
  position: relative;
}
.right-block-box ul.shop-element li.side-wrap a span.icon i {
  font-size: 20px;
}
.right-block-box ul.shop-element li.side-wrap a span.icon span.count {
  background-color: #ee6c4d;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-weight: 600;
}
.right-block-box ul.shop-element li.side-wrap a span.text {
  color: #999;
  font-size: 14px;
  margin-left: 10px;
}

/* mini cart css */
.mini-cart {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 16px 26px -10px rgba(0, 0, 0, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}
.mini-cart.show {
  right: 0px;
  opacity: 1;
  visibility: visible;
}
.mini-cart,
.mini-cart.show {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mini-cart a.shopping-cart-close {
  position: absolute;
  top: 15px;
  right: 10px;
  line-height: 0px;
}
.mini-cart .cart-item-title p {
  padding: 10px 15px;
  font-weight: 600;
}
.mini-cart .cart-item-title p span.cart-count-item {
  color: #ee6c4d;
}
.mini-cart ul.cart-item-loop {
  max-height: calc(100% - 219px);
  overflow-y: auto;
  border-top: 1px solid #eee;
  scrollbar-width: thin;
  -webkit-scrollbar-width: thin;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar {
  width: 5px;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-track {
  background-color: #eee;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb:hover {
  background-color: #ee6c4d;
}
.mini-cart ul.cart-item-loop li.cart-item {
  display: flex;
  padding: 15px;
  border-top: 1px solid #eee;
}
.mini-cart ul.cart-item-loop li.cart-item:first-child {
  border-top: none;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-img {
  width: 60px;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title {
  width: calc(100% - 75px);
  margin-left: 15px;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 {
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
  line-height: 1;
}
.mini-cart
  ul.cart-item-loop
  li.cart-item
  .cart-title
  .cart-pro-info
  .cart-qty-price
  span.price-box {
  font-weight: 600;
}
.mini-cart ul.subtotal-title-area {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
.mini-cart ul.subtotal-title-area li.subtotal-info {
  padding: 10px 15px;
  border-top: 1px solid #eee;
}
.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles h6 {
  font-size: 14px;
  font-weight: 600;
}
.mini-cart
  ul.subtotal-title-area
  li.subtotal-info
  .subtotal-titles
  .subtotal-price {
  color: #ee6c4d;
  margin-top: 0;
  font-weight: 600;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns {
  padding: 15px;
  border-top: 1px solid #eee;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns {
  display: flex;
  flex-direction: column;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a {
  width: 100%;
  margin-top: 15px;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a:first-child {
  margin-top: 0;
}
/* header-bottom css */
.header-bottom-area {
  background-color: #fff;
  display: none;
}
.header-bottom-area .main-menu-area {
  position: relative;
}
.header-bottom-area .main-menu-area .main-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-bottom-area .main-menu-area .main-navigation .navbar-collapse {
  width: 75%;
}
.header-bottom-area .main-menu-area .main-navigation .img-hotline {
  width: 25%;
}
/* box-header css */
.main-menu-area .main-navigation .box-header {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  line-height: 0;
}
.main-menu-area .main-navigation .box-header button {
  font-size: 18px;
  background-color: transparent;
  line-height: 0;
}
/* main-menu css */
.megamenu-content .mainwrap ul.main-menu {
  display: flex;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
  font-size: 14px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  position: relative;
  padding: 42px 15px;
  font-weight: 600;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  a.link-title
  span::before {
  background-color: #ee6c4d;
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0px;
  width: 0;
  height: 1px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  a.link-title:hover
  span::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i {
  font-size: 14px;
  margin-left: 4px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  a.link-title
  span.sp-link-title {
  display: flex;
  align-items: center;
  position: relative;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  a.link-title
  span.sp-link-title
  span.hot {
  color: #fff;
  font-size: 10px;
  padding: 1px 4px;
  position: absolute;
  right: 10px;
  top: -15px;
  background-color: #ff0000;
  transform: translateX(100%);
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 3px;
  line-height: 1;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  a.link-title
  span.sp-link-title
  span.hot::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  border-left: 4px solid #ff0000;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  a.link-title.link-title-lg {
  display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title {
  padding-left: 0px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link:first-child
  a.link-title::after {
  display: none;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu.collapse:not(.show) {
  display: block;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.collapse:not(.show),
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu.collapse:not(.show) {
  display: flex;
  flex-wrap: wrap;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu {
  position: absolute;
  top: calc(100% + 20px);
  padding: 15px 0px;
  margin: 0 auto;
  background-color: #fff;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link:hover
  ul.dropdown-submenu {
  top: calc(100% + 0px);
  opacity: 1;
  visibility: visible;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu,
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link:hover
  ul.dropdown-submenu {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu {
  left: auto;
  min-width: 145px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu {
  width: 100%;
  left: 0px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu {
  width: 100%;
  left: 0px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu
  li.submenu-li {
  margin-top: 10px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu
  li.submenu-li:first-child {
  margin-top: 0px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu
  li.submenu-li
  a.submenu-link {
  padding: 0px 5px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu
  li.megamenu-li {
  width: 25%;
  padding: 0px 15px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu
  li.megamenu-li
  h2.sublink-title {
  font-size: 14px;
  margin-bottom: 10px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu
  li.megamenu-li
  a.sublink-title.sublink-title-lg {
  display: none;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu
  li.megamenu-li
  ul.dropdown-supmenu.collapse:not(.show) {
  display: block;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu
  li.megamenu-li
  ul.dropdown-supmenu
  li.supmenu-li {
  margin-top: 10px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu
  li.menu-banner {
  width: 33.33%;
  padding: 0px 15px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu
  li.menu-banner
  a {
  position: relative;
  overflow: hidden;
  display: block;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu
  li.menu-banner
  a.menu-banner-img
  img,
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu
  li.menu-banner
  a.menu-banner-img:hover
  img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu
  li.menu-banner
  a.menu-banner-img:hover
  img {
  transform: scale(1.1);
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.banner-menu
  li.menu-banner
  a.menu-banner-title {
  margin-top: 10px;
  text-align: center;
}
/* blog menu */
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li {
  position: relative;
  padding: 0px 15px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  a.g-l-link {
  width: 100%;
  padding: 0px 5px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  a.g-l-link
  i {
  float: right;
  font-size: 17px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  a.sub-link {
  display: none;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1.collapse:not(.show) {
  display: block;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1 {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translateX(100%);
  min-width: 145px;
  padding: 10px 0px;
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0 0 0 / 15%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1.ex-width {
  min-width: 200px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li:hover
  ul.blog-style-1 {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li
  a {
  width: 100%;
  padding: 5px 15px;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li
  a
  i {
  font-size: 17px;
  float: right;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li
  a.blog-sub-style {
  display: none;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li
  ul.grid-style.collapse:not(.show) {
  display: block;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li
  ul.grid-style {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px 0px;
  min-width: 155px;
  transform: translateX(100%);
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0 0 0 / 15%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li {
  position: relative;
}
.megamenu-content
  .mainwrap
  ul.main-menu
  li.menu-link
  ul.dropdown-submenu.sub-menu
  li.submenu-li
  ul.blog-style-1
  li:hover
  ul.grid-style {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* slider css */
.slider .home-slider .img-back {
  height: 650px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider .home-slider .img-back .h-s-content {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  width: 45%;
}
.slider .home-slider .img-back .h-s-content.slide-c-l {
  left: 10%;
}
.slider .home-slider .img-back .h-s-content.slide-c-r {
  right: 10%;
  text-align: right;
}
.slider .home-slider .img-back .h-s-content.slide-c-c {
  left: 10%;
  right: 10%;
  margin: 0 auto;
  text-align: center;
}
.slider .home-slider .owl-item.active .img-back .h-s-content span,
.slider .home-slider .owl-item.active .img-back .h-s-content h1,
.slider .home-slider .owl-item.active .img-back .h-s-content a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slider .home-slider .owl-item.active .img-back .h-s-content span {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-duration: 0.7s;
}
.slider .home-slider .owl-item.active .img-back .h-s-content h1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 1s;
}
.slider .home-slider .owl-item.active .img-back .h-s-content a {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
.slider .home-slider .img-back .h-s-content span {
  font-size: 20px;
  font-weight: 600;
}
.slider .home-slider .img-back .h-s-content h1 {
  font-size: 50px;
  margin-top: 12px;
}
.slider .home-slider .img-back .h-s-content a {
  margin-top: 19px;
}
/* slider navigation css */
.owl-theme .owl-nav {
  margin-top: 0px;
}
.slider .home-slider.owl-theme .owl-nav {
  margin-top: 0px;
}
.slider .home-slider .owl-nav button {
  background-color: #f5ab1e;
  color: #fff;
  border: 2px solid #f5ab1e;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  font-size: 18px;
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 100%;
}
.slider .home-slider .owl-nav button.owl-prev {
  left: 30px;
}
.slider .home-slider .owl-nav button.owl-next {
  right: 30px;
}
.slider .home-slider .owl-nav button:hover {
  background-color: transparent;
  color: #f5ab1e;
}
/* slider dot css */
.slider .home-slider .owl-dots {
  position: absolute;
  bottom: 10px;
  right: 0px;
  left: 0px;
  line-height: 0px;
}
.slider .home-slider .owl-dots button {
  margin-right: 10px;
}
.slider .home-slider .owl-dots button:last-child {
  margin-right: 0px;
}
.slider .home-slider .owl-dots button.owl-dot span {
  width: 6px;
  height: 6px;
  margin: 0px;
  background-color: #f5ab1e;
  border-radius: 50%;
}
.slider .home-slider .owl-dots button.owl-dot.active span,
.slider .home-slider .owl-dots button.owl-dot:hover span {
  background-color: #000000;
}
.slider .owl-theme .owl-nav .disabled {
  opacity: 1;
}
/* Banner grid css */
.t-banner1 .home-offer-banner {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}
.t-banner1 .home-offer-banner .o-t-banner {
  width: calc(50% - 30px);
  margin-left: 30px;
  position: relative;
}
.t-banner1 .home-offer-banner .o-t-banner a.image-b {
  display: block;
  overflow: hidden;
  position: relative;
}
.t-banner1 .home-offer-banner .o-t-banner a.image-b::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
  opacity: 0;
  visibility: hidden;
  filter: alpha(opacity=0);
  z-index: 1;
}
.t-banner1 .home-offer-banner .o-t-banner a.image-b::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::before {
  opacity: 1;
  visibility: visible;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.t-banner1 .home-offer-banner .o-t-banner:hover a.image-b img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.t-banner1 .home-offer-banner .o-t-banner a.image-b::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b img,
.t-banner1 .home-offer-banner .o-t-banner:hover a.image-b img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.t-banner1 .home-offer-banner .o-t-banner .o-t-content {
  width: 50%;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 30px;
}
.t-banner1 .home-offer-banner .o-t-banner .o-t-content h6 {
  font-size: 22px;
  color: #000;
}
.t-banner1 .home-offer-banner .o-t-banner .o-t-content a {
  margin-top: 21px;
}
.t-banner1 .home-offer-banner .o-t-banner .banner-color h6 {
  color: #000;
}
/* Category image css */
.category-img1 {
  background-color: #f7f7f7;
}
.category-img1 .home-category .h-cate {
  text-align: center;
}
.category-img1 .home-category .h-cate .c-img a {
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}
.category-img1 .home-category .h-cate .c-img a::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  transform: scale(0);
}
.category-img1 .home-category .h-cate .c-img a::before,
.category-img1 .home-category .h-cate:hover .c-img a::before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.category-img1 .home-category .h-cate:hover .c-img a::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.category-img1 .home-category .h-cate .c-img a img {
  border-radius: 100%;
}
.category-img1 .home-category .h-cate .c-img a span {
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 0px;
  left: 0px;

  opacity: 0;
  visibility: hidden;
}
.category-img1 .home-category .h-cate:hover .c-img a span {
  opacity: 1;
  visibility: visible;
}
.category-img1 .home-category .h-cate .c-img a span,
.category-img1 .home-category .h-cate:hover .c-img a span {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.category-img1 .home-category .h-cate span.cat-num {
  margin-top: 3px;
}
/* Carousel button css */
.home-category.owl-carousel .owl-nav {
  margin-top: 0;
}
.home-category.owl-carousel .owl-nav button,
.h-t-products1 .trending-products .owl-nav button,
.testimonial-bg1 .testi-m .owl-nav button {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  background-color: #f5ab1e;
  color: #fff;
  font-size: 20px;
  margin: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.category-img1 .home-category:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.category-img1 .home-category:hover .owl-nav button.owl-prev {
  left: -10px;
}
.category-img1 .home-category:hover .owl-nav button.owl-next {
  right: -10px;
}
.home-category.owl-carousel .owl-nav button:hover,
.h-t-products1 .trending-products .owl-nav button:hover,
.testimonial-bg1 .testi-m .owl-nav button:hover {
  background-color: #fff;
  color: #f5ab1e;
}
.home-category.owl-carousel .owl-nav button.owl-prev,
.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m .owl-nav button.owl-prev {
  left: 10px;
}
.home-category.owl-carousel .owl-nav button.owl-next,
.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m .owl-nav button.owl-next {
  right: 10px;
}
.h-t-products1 .trending-products .owl-nav button,
.testimonial-bg1 .testi-m .owl-nav button {
  opacity: 1;
  visibility: visible;
}
.h-t-products1 .trending-products .owl-nav button:hover,
.testimonial-bg1 .testi-m .owl-nav button:hover {
  background-color: #fff;
  color: #f5ab1e;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m .owl-nav button.owl-prev {
  left: -10px;
}
.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m .owl-nav button.owl-next {
  right: -10px;
}
/* Carousel Dots css */
.testimonial-bg1 .testi-m.owl-theme .owl-dots {
  margin-top: 30px;
  line-height: 0px;
}
.testimonial-bg1 .testi-m.owl-theme .owl-dots button {
  margin-right: 10px;
}
.testimonial-bg1 .testi-m.owl-theme .owl-dots button:last-child {
  margin-right: 0px;
}
.testimonial-bg1 .testi-m.owl-theme .owl-dots button.owl-dot span {
  width: 6px;
  height: 6px;
  margin: 0px;
  background-color: #f5ab1e;
  border-radius: 50%;
}
.testimonial-bg1 .testi-m.owl-theme .owl-dots .owl-dot.active span,
.testimonial-bg1 .testi-m.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #000;
}
/* Swiper button css */
.pro-tab-slider {
  position: relative;
}
.pro-tab-slider .swiper-buttons {
  height: calc(100%);
  height: -o-calc(100%);
  height: -ms-calc(100%);
  height: -moz-calc(100%);
  height: -webkit-calc(100%);
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}
.pro-tab-slider .swiper-buttons .content-buttons {
  height: 100%;
  position: relative;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
  background-color: #f5ab1e;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
  background-image: none;
  height: 30px;
  width: 30px;
  display: flex;
  border-radius: 50%;
  color: #fff;
  opacity: 1;
  z-index: 6;
  font-size: 20px;
  box-shadow: 0px 0px 12px 0px rgba(123, 190, 70, 0.1);
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:hover,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev:hover,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:focus {
  background-color: #fff;
  color: #f5ab1e;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  outline: none;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next {
  right: -30px;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
  left: -30px;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: 800;
}
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev:after {
  content: "\f104";
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: 800;
}
/* Trending Products css */
.tred-pro {
  position: relative;
}
.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 2px 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.tred-pro .Pro-lable span.p-text {
  left: 5px;
  background-color: #f5ab1e;
}
.tred-pro .Pro-lable span.p-discount {
  right: 5px;
  background-color: #e30514;
}
.tred-pro .pro-icn {
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: 0px;
}
.tred-pro .pro-icn a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.tred-pro .pro-icn a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.tred-pro .pro-icn a.w-c-q-icn i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.tred-pro .pro-icn a.w-c-q-icn:hover i {
  color: #f5ab1e;
}
.tred-pro:hover .pro-icn a.w-c-q-icn i {
  opacity: 1;
  visibility: visible;
}
.caption {
  padding-top: 15px;
}
.caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.caption h3 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.caption .rating {
  display: flex;
  margin-top: 12px;
}
.caption .rating i {
  color: #ccc;
  font-size: 14px;
  margin-right: 5px;
}
.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
  color: #f5ab1e;
}
.caption .rating i:last-child {
  margin-right: 0px;
}
.caption .pro-price {
  margin-top: 13px;
}
.caption .pro-price span.new-price {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 1;
}
.caption .pro-price span.old-price {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
/* additional image css */
.tred-pro .tr-pro-img a img {
  backface-visibility: hidden;
}
.tred-pro .tr-pro-img a img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.tred-pro:hover .tr-pro-img a img.additional-image {
  opacity: 1;
  visibility: visible;
}
.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


/* about page css */
.about-content .about-title {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.about-content .about-title h1 {
  font-size: 30px;
  line-height: 1;
}
.about-content .about-title p {
  margin-top: 18px;
}
.about-content .about-details {
  text-align: center;
}
.about-content .about-details {
  margin-top: 23px;
}
.about-content .about-details p {
  margin-top: 15px;
}
.about-content .about-details p:first-child {
  margin-top: 0px;
}
.about-counter {
  background-color: #f5ab1e;
}
.about-counter .text-center {
  display: flex;
  flex-wrap: wrap;
}
.about-counter .text-center .counter {
  width: 25%;
  border-right: 1px solid #fff;
}
.about-counter .text-center .counter:last-child {
  border: none;
}
.about-counter .text-center .count-title {
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1;
  text-align: center;
}
.about-counter .text-center .count-text {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 0;
  text-align: center;
}
/* billing page css */
.billing-area .billing-title h4 {
  font-size: 20px;
}
.billing-area .billing-address-1 {
  padding-top: 15px;
  margin-top: 12px;
  border-top: 1px solid #eee;
}
.billing-area .billing-address-1 ul.add-name {
  margin-left: -30px;
  display: flex;
  flex-wrap: wrap;
}
.billing-area .billing-address-1 ul.add-name li.billing-name {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-bottom: 15px;
}
.billing-area .billing-address-1 ul.add-name li.billing-name input {
  width: 100%;
  font-size: 13px;
  margin-top: 10px;
  border: 1px solid #eee;
}
.billing-area .billing-address-1 ul.billing-locatio {
  margin-left: -30px;
  display: flex;
  flex-wrap: wrap;
}
.billing-area .billing-address-1 ul.billing-locatio li.billing-info {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-bottom: 15px;
}
.billing-area .billing-address-1 ul.billing-locatio li.billing-info input {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  border: 1px solid #eee;
}
.billing-area .billing-address-1 ul.country-info {
  margin-left: -30px;
  display: flex;
  flex-wrap: wrap;
}
.billing-area .billing-address-1 ul.country-info li.billing-country {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-bottom: 22px;
}
.billing-area .billing-address-1 ul.country-info li.billing-country input {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  border: 1px solid #eee;
}
.billing-area .billing-address-1 ul.country-info li.billing-country select {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  border: 1px solid #eee;
}
.billing-area .next-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.billing-area .next-button a {
  background-color: #f5ab1e;
  color: #fff;
  font-weight: 600;
  padding: 7px 15px;
  border: 2px solid #f5ab1e;
  border-radius: 3px;

  line-height: 1;
}
.billing-area .next-button a:hover {
  background-color: transparent;
  color: #000;
}
/* cancellation page css */
.cancellation-title h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.cancellation-content ul.cancellation {
  list-style-type: unset;
}
.cancellation-content ul.cancellation li {
  margin-bottom: 15px;
}
/* cart page css */
.cart-area {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.cart-area:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.cart-area .cart-details .cart-item {
  padding: 13px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-area .cart-details .cart-item span.cart-head {
  font-size: 16px;
  font-weight: 700;
}
.cart-area .cart-details .cart-item span.c-items {
  border-bottom: 1px solid #000;
  margin-bottom: 3px;
}
.cart-area .cart-details .cart-all-pro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.cart-area .cart-details .cart-all-pro .cart-pro {
  width: 60%;
  margin-top: 20px;
  display: flex;
}
.cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image {
  margin-right: 15px;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size {
  margin-top: 10px;
  display: block;
  line-height: 1;
}
.cart-area
  .cart-details
  .cart-all-pro
  .cart-pro
  .pro-details
  span.pro-size
  span.size {
  font-weight: 600;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop {
  margin-top: 10px;
  display: block;
  line-height: 1;
}
.cart-area
  .cart-details
  .cart-all-pro
  .cart-pro
  .pro-details
  span.cart-pro-price {
  margin-top: 10px;
  display: block;
  line-height: 1;
}
.cart-area .cart-details .cart-all-pro .qty-item {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus {
  display: flex;
  align-items: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span {
  display: flex;
  border: 1px solid #eee;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span input {
  width: 50px;
  height: 30px;
  padding: 0px;
  text-align: center;
  border-top: none;
  border-bottom: none;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-cart,
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-wishlist {
  width: 40px;
  height: 40px;
  background-color: #f5ab1e;
  color: #fff;
  font-size: 16px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.cart-area .cart-details .cart-all-pro .qty-item .center a.pro-remove {
  color: #f5ab1e;
  margin-top: 15px;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-area .cart-details .cart-all-pro .all-pro-price {
  width: 20%;
  text-align: right;
}
.cart-area .cart-details .cart-all-pro .all-pro-price span {
  font-weight: 600;
}
.cart-area .cart-details .other-link {
  margin-top: 21px;
  padding: 15px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.cart-area .cart-details .other-link ul.c-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-total {
  background-color: #f7f7f7;
  position: sticky;
  top: 0px;
  padding: 15px;
}
.cart-total .cart-price {
  padding-top: 15px;
  padding-bottom: 14px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-total .cart-price span.total {
  font-weight: 600;
}
.cart-total .cart-info h4 {
  font-size: 14px;
  margin-top: 25px;
}
.cart-total .cart-info form {
  margin-top: 8px;
}
.cart-total .cart-info form label {
  font-size: 13px;
  margin-top: 15px;
}
.cart-total .cart-info form label:first-child {
  margin-top: 0px;
}
.cart-total .cart-info form select {
  width: 100%;
  background-color: #fff;
  padding: 8px 10px;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-top: 10px;
}
.cart-total .cart-info form input {
  width: 100%;
  background-color: #fff;
  padding: 8px 10px;
  font-size: 12px;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-top: 10px;
}
.cart-total .cart-info a.cart-calculate {
  width: 100%;
  margin-top: 25px;
}
.cart-total .shop-total {
  margin-top: 26px;
  padding: 14px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-total .shop-total span.total-amount {
  font-weight: 600;
}
.cart-total a.check-link {
  width: 100%;
  margin-top: 25px;
}
/* cart style-3 css */
.cart-style-3 {
  margin-top: 21px;
}
.cart-style-3 h2.cart-main-title {
  font-size: 24px;
}
.cart-style-3 .c-total {
  margin-top: 21px;
}
.cart-style-3 .c-total ul li.c-all-price {
  padding-top: 15px;
  padding-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.cart-style-3 .c-total ul li span {
  font-weight: 600;
}
.cart-style-3 .recive-details {
  margin-top: 15px;
}
.cart-style-3 .recive-details h4.recive-title {
  font-size: 14px;
}
.cart-style-3 .recive-details form {
  margin-top: 9px;
}
.cart-style-3 .recive-details form .form-1 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-left: -15px;
}
.cart-style-3 .recive-details form .form-1 ul li {
  width: calc(25% - 15px);
  margin-left: 15px;
}
.cart-style-3 .recive-details form .form-1 ul li label {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.cart-style-3 .recive-details form .form-1 ul li select {
  width: 100%;
  margin-top: 10px;
}
.cart-style-3 .recive-details form .form-1 ul li input {
  width: 100%;
  margin-top: 10px;
}
.cart-style-3 .recive-details form .form-1 ul li a {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.cart-style-3 .c-total .recive-details form .form-2 {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 25px;
}
.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: -15px;
}
.cart-style-3
  .c-total
  .recive-details
  form
  .form-2
  ul.recive-comments-area
  li.recive-comments {
  width: calc(50% - 15px);
  margin-left: 15px;
}
.cart-style-3
  .c-total
  .recive-details
  form
  .form-2
  ul.recive-comments-area
  li.recive-comments
  label {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.cart-style-3
  .c-total
  .recive-details
  form
  .form-2
  ul.recive-comments-area
  li.recive-comments
  textarea {
  width: 100%;
  margin-top: 10px;
}
.cart-style-3
  .c-total
  .recive-details
  form
  .form-2
  ul.recive-comments-area
  li.recive-comments
  a.btn-style1 {
  width: 50%;
  float: right;
  text-align: center;
}

/* empty cart css */
.empty-area .empty-start {
  text-align: center;
}
.empty-area .empty-start h2.empty-title {
  font-size: 26px;
  font-weight: 600;
}
.empty-area .empty-start h2.empty-title span.color-text {
  color: #f5ab1e;
}
.empty-area .empty-start span.empty-more {
  margin-top: 30px;
}
.empty-area .empty-start span.empty-more a {
  color: #f5ab1e;
  font-size: 16px;
  font-weight: 600;
}

/* cart login box css */
.register-area {
  max-width: 60%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-area .register-box {
  width: 50%;
  padding: 30px;
  border: 1px solid #eee;
}
.register-area .register-box h1 {
  font-size: 30px;
  text-align: center;
}
.register-area .register-box p {
  margin-top: 10px;
  text-align: center;
}
.register-area .register-box form {
  margin-top: 22px;
}
.register-area .register-box form input {
  width: 100%;
  padding: 10px 15px;
  margin-top: 20px;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.register-area .register-box form input:first-child {
  margin-top: 0px;
}
.register-area .register-box a.btn-style1 {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.register-area .register-account {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.register-area .register-account h4 {
  font-size: 16px;
  text-align: center;
}
.register-area .register-account a.ceate-a {
  position: relative;
  color: #f5ab1e;
  width: 100%;
  padding: 13px 25px;
  margin-top: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5ab1e;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account a.ceate-a::after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.register-area .register-account a.ceate-a:hover::after {
  opacity: 0.1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account .register-info a.terms-link span {
  color: #000;
  line-height: 1;
  font-size: 12px;
}
.register-area .register-account .register-info a.terms-link {
  color: #f5ab1e;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 600;
}
.register-area .register-account .register-info p {
  font-size: 13px;
  margin-top: 10px;
}
.register-area .register-account .register-info p a {
  color: #f5ab1e;
  font-weight: 600;
}

/* faq page css */
.faq-title {
  margin-bottom: 37px;
}
.faq-collapse .faq-title {
  margin-bottom: 45px;
}
.faq-title h1 {
  font-size: 30px;
  margin-bottom: 18px;
  text-align: center;
  line-height: 1;
}
.faq-title p {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.faq-box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.faq-box ul.faq-ul {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-top: -16px;
}
.faq-box ul.faq-ul li.faq-li {
  margin-top: 16px;
}
.faq-box ul.faq-ul li.faq-li h3 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.faq-box ul.faq-ul li.faq-li h3 span {
  color: #f5ab1e;
}
.faq-box ul.faq-ul li.faq-li span.faq-desc {
  padding-left: 20px;
  margin-top: 6px;
  line-height: 25px;
}
.faq-box a.btn-style1 {
  margin: 0 auto;
  margin-top: 22px;
}
/* collapse css */
.faq-start {
  margin-bottom: 30px;
}
.faq-start span {
  background-color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}
.faq-start a.collapse-title {
  background-color: #f5ab1e;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  display: block;
  font-weight: 600;
}
.faq-start .collapse-content {
  padding-top: 13px;
}
.faq-start .collapse-content p {
  margin-top: 14px;
}
.faq-start .collapse-content p:first-child {
  margin-top: 0px;
}
/* forgot password page css */
.forgat-password-area {
  width: 50%;
  margin: 0 auto;
}
.forgat-password-area h4.forgot-title {
  font-size: 20px;
  text-align: center;
}
.forgat-password-area .forgot-p {
  margin-top: 21px;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}
.forgat-password-area .forgot-p span.forgot {
  width: 100%;
  background-color: #f5ab1e;
  color: #fff;
  padding: 15px;
  text-align: center;
}
.forgat-password-area .forgot-p form {
  width: 100%;
  padding: 30px;
}
.forgat-password-area .forgot-p form input {
  width: 100%;
  font-size: 13px;
  border: 1px solid #eee;
  text-align: center;
}
.forgat-password-area .forgot-p a.forgot-link {
  width: 100%;
  background-color: #f5ab1e;
  color: #fff;
  padding: 15px;
  font-weight: 400;
  text-align: center;
}
.forgat-password-area .forgot-p a.forgot-link span {
  background-color: #000;
  border: 2px solid #000;
  border-radius: 5px;
  padding: 8px 10px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.forgat-password-area .forgot-p a.forgot-link span i {
  font-size: 18px;
  margin-left: 3px;
}
.forgat-password-area .forgot-p a.forgot-link span:hover {
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* order complete page css */
.order-area .order-price ul.total-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-area .order-price ul.total-order li:last-child {
  text-align: right;
}
.order-area .order-price ul.total-order li span.order-no {
  display: block;
  font-weight: 600;
}
.order-area .order-price ul.total-order li span.order-date {
  color: #bbbbbb;
  margin-top: 5px;
}
.order-area .order-price ul.total-order li span.total-price {
  display: block;
  text-align: right;
  font-weight: 600;
}
.order-area .order-price ul.total-order li span.amount {
  margin-top: 5px;
  text-align: right;
  font-weight: 600;
}
.order-area .order-details {
  margin-top: 24px;
  padding-top: 28px;
  border-top: 1px solid #eee;
  text-align: center;
}
.order-area .order-details span.order-i {
  font-size: 30px;
  line-height: 1;
}
.order-area .order-details span.order-s {
  display: block;
  margin-top: 8px;
}
.order-area .order-details a.tracking-link {
  margin-top: 24px;
}
.order-area .order-details a.tracking-link:hover {
  background-color: transparent;
  color: #000;
}
.order-area .order-delivery {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.order-area .order-delivery ul.delivery-payment {
  display: flex;
  flex-wrap: wrap;
  margin: -30px 0px 0px -30px;
}
.order-area .order-delivery ul.delivery-payment li {
  width: calc(50% - 30px);
  margin: 30px 0px 0px 30px;
  border-right: 1px solid #eee;
}
.order-area .order-delivery ul.delivery-payment li:last-child {
  border-right: none;
}
.order-area .order-delivery ul.delivery-payment li h5 {
  font-size: 16px;
}
.order-area .order-delivery ul.delivery-payment li p {
  margin-top: 6px;
}
.order-area .order-delivery ul.delivery-payment li.delivery p {
  font-weight: 600;
}
.order-area .order-delivery ul.delivery-payment li.pay p {
  color: #bbb;
}
.order-area .order-delivery ul.delivery-payment li span.order-span {
  display: block;
  margin-top: 9px;
}
.order-area
  .order-delivery
  ul.delivery-payment
  li
  span.order-span:first-of-type {
  margin-top: 7px;
}
.order-area .order-delivery ul.delivery-payment li span.p-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
  font-weight: 600;
}
/* track page css */
.track-area .track-price ul.track-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.track-area .track-price ul.track-order li h4 {
  font-size: 16px;
}
.track-area .track-price ul.track-order li span.track-status {
  font-size: 16px;
  font-weight: 600;
}
.track-area .track-main {
  margin-top: 30px;
  padding-top: 8px;
  border-top: 1px solid #eee;
}
.track-area .track-main .track {
  position: relative;
  height: 7px;
  display: flex;
  margin-bottom: 40px;
  margin-top: 40px;
}
.track-area .track-main .track:before {
  background-color: #ddd;
  content: "";
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  width: 100%;
  height: 7px;
}
.track-area .track-main .track .step {
  width: 25%;
  margin-top: -18px;
  text-align: center;
  position: relative;
}
.track-area .track-main .track .step.active:before {
  background-color: #f5ab1e;
}
.track-area .track-main .track .step::before {
  height: 7px;
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 18px;
}
.track-area .track-main .track .step.active .icon {
  background-color: #f5ab1e;
  color: #fff;
}
.track-area .track-main .track .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  border-radius: 100%;
  background: #ddd;
}
.track-area .track-main .track .step.active .text {
  font-weight: 400;
  color: #000;
}
.track-area .track-main .track .text {
  display: block;
  margin-top: 7px;
}
/* contact page css */
.map-area .map-title h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.map-area .map {
  display: flex;
}
.map-area .map iframe {
  width: 100%;
  height: 680px;
}
.map-area .map-details {
  display: flex;
  flex-wrap: wrap;
}
.map-area .map-details .contact-info {
  width: 50%;
}
.map-area .map-details .contact-info .contact-details h4 {
  font-size: 18px;
}
.map-area .map-details .contact-info .contact-details form {
  margin-top: 18px;
}
.map-area .map-details .contact-info .contact-details form label {
  display: block;
  margin-top: 15px;
}
.map-area .map-details .contact-info .contact-details form label:first-child {
  margin-top: 0px;
}
.map-area .map-details .contact-info .contact-details form input {
  width: 100%;
  border-radius: 4px;
  padding: 7px 15px;
  margin-top: 10px;
}
.map-area .map-details .contact-info .contact-details form textarea {
  width: 100%;
  resize: none;
  margin-top: 10px;
  border-radius: 4px;
}
.map-area .map-details .contact-info .contact-details a {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
}
.map-area .map-details .contact-info .contact-details a i {
  margin-left: 5px;
}
.map-area .map-details .contact-info .information {
  margin-left: 30px;
}
.map-area .map-details .contact-info .information h4 {
  font-size: 18px;
}
.map-area .map-details .contact-info .information p.info-description {
  margin-top: 16px;
}
.map-area .map-details .contact-info .information .contact-in {
  margin-top: 22px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
}
.map-area
  .map-details
  .contact-info
  .information
  .contact-in
  ul.info-details:first-child {
  margin-top: 0px;
}
.map-area
  .map-details
  .contact-info
  .information
  .contact-in
  ul.info-details
  li
  i {
  font-size: 20px;
  margin-right: 20px;
}
.map-area
  .map-details
  .contact-info
  .information
  .contact-in
  ul.info-details
  li
  h4 {
  font-size: 14px;
  line-height: 1;
}
.map-area
  .map-details
  .contact-info
  .information
  .contact-in
  ul.info-details
  li
  a {
  margin-top: 7px;
}
/* payment page css */
.payment-title h1 {
  font-size: 30px;
  margin-bottom: 37px;
  text-align: center;
}
.payment {
  margin-bottom: 30px;
  display: flex;
}
.payment span {
  background-color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}
.payment h4.payment-title {
  background-color: #f5ab1e;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  display: block;
  font-weight: 600;
}
.payment .payment-content {
  margin-top: 13px;
}
.payment .payment-content p {
  margin-top: 5px;
}
.payment .payment-content p:first-child {
  margin-top: 0px;
}
/* privacy policy page css */
.privacy-title h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.privacy-content ul {
  list-style-type: unset;
}
.privacy-content ul.privacy-policy li {
  margin-top: 5px;
}
.privacy-content ul.privacy-policy li:first-child {
  margin-top: 0px;
}
/* return page css */
.return-title h1 {
  font-size: 30px;
  margin-bottom: 37px;
  text-align: center;
}
.return {
  margin-bottom: 30px;
}
.return span {
  background-color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}
.return h4.return-title {
  background-color: #f5ab1e;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  display: block;
  font-weight: 600;
}
.return .return-content {
  margin-top: 13px;
}
.return .return-content p {
  margin-top: 5px;
}
.return .return-content p:first-child {
  margin-top: 0px;
}
/* terms conditions page css */
.terms-title h1 {
  font-size: 30px;
  margin-bottom: 31px;
  text-align: center;
}
.terms-content ul.terms-policy li:first-child {
  margin-top: 0px;
}
.terms-content ul.terms-policy li {
  margin-top: 16px;
}
.terms-content ul.terms-policy li h2 {
  font-size: 16px;
  color: #222;
}
.terms-content ul.terms-policy li h2 p {
  color: #f5ab1e;
}
.terms-content ul.terms-policy li p.trems-desc {
  padding-left: 20px;
  display: block;
  margin-top: 6px;
}
/* wishlist page css */
.wishlist-area {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.wishlist-area:last-child {
  border-bottom: none;
}
.wishlist-area .wishlist-details .wishlist-item {
  padding: 13px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-item span.wishlist-head {
  font-size: 16px;
  font-weight: 700;
}
.wishlist-area .wishlist-details .wishlist-item span.c-items {
  border-bottom: 1px solid #000;
  margin-bottom: 3px;
}
.wishlist-area .wishlist-details .wishlist-all-pro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro {
  width: 60%;
  margin-top: 20px;
  display: flex;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .wishlist-pro
  .wishlist-pro-image {
  margin-right: 15px;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .wishlist-pro
  .pro-details
  h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .wishlist-pro
  .pro-details
  span.all-size {
  font-size: 14px;
  margin-top: 8px;
  font-weight: 600;
  display: block;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .wishlist-pro
  .pro-details
  span.all-size
  span.pro-size {
  font-weight: 400;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .wishlist-pro
  .pro-details
  span.wishlist-text {
  margin-top: 8px;
  line-height: 1;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item {
  width: 20%;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist {
  color: #f5ab1e;
  margin-top: 7px;
  text-decoration: underline;
  display: block;
  text-align: center;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .qty-item
  a.add-wishlist:first-child {
  margin-top: 0px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price {
  width: 20%;
  text-align: right;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .all-pro-price
  span.new-price {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}
.wishlist-area
  .wishlist-details
  .wishlist-all-pro
  .all-pro-price
  span.old-price {
  color: #999;
}
.wishlist-area .wishlist-details .other-link {
  margin-top: 20px;
  padding: 15px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.wishlist-area .wishlist-details .other-link ul.c-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* sitemap page css */
.sit-map-area {
  display: flex;
  flex-wrap: wrap;
}
.sit-map-area ul.site-map-main {
  width: 33.33%;
  margin-top: 21px;
}
.sit-map-area ul.site-map-main:nth-child(1),
.sit-map-area ul.site-map-main:nth-child(2),
.sit-map-area ul.site-map-main:nth-child(3) {
  margin-top: 0px;
}
.sit-map-area ul.site-map-main li.site-main-title {
  position: relative;
  margin-left: 30px;
}
.sit-map-area ul.site-map-main li.site-main-title h4.title {
  line-height: 1;
}
.sit-map-area ul.site-map-main li.site-main-title h4.title a.site-title {
  position: relative;
  color: #f5ab1e;
  font-size: 18px;
  font-weight: 600;
}
.sit-map-area ul.site-map-main li.site-main-title h4.title a.site-title:before {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link {
  margin-top: 21px;
  margin-left: 30px;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  li.site-link {
  position: relative;
  margin-top: 5px;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  a.shop-main {
  position: relative;
  color: #f5ab1e;
  font-size: 16px;
  font-weight: 500;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  a.shop-main:before {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 8px;
  left: -20px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  li.fruit-link {
  margin-left: 30px;
  margin-top: 12px;
  line-height: 1;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  li.fruit-link:nth-child(2) {
  margin-top: 11px;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  li.fruit-link
  a {
  position: relative;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  li.fruit-link
  a:before {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 6px;
  left: -20px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  ul.site-main-link
  li.site-link
  a:before {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 8px;
  left: -20px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  h4.title
  a.site-title
  span.hot {
  color: #fff;
  font-size: 9px;
  padding: 2px 4px;
  position: absolute;
  right: 8px;
  top: -15px;
  background-color: #ee433f;
  transform: translateX(100%);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}
.sit-map-area
  ul.site-map-main
  li.site-main-title
  h4.title
  a.site-title
  span.hot::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  border-left: 4px solid #ee433f;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
/* fnf page css */
.fnf-area {
  text-align: center;
}
.fnf-area h1.fnf-title {
  font-size: 180px;
  line-height: 1;
}
.fnf-area h1.fnf-title span.color-font {
  color: #f5ab1e;
}
.fnf-area p {
  margin-top: 16px;
  margin-bottom: 22px;
  font-weight: 500;
}
.fnf-area form {
  width: 30%;
  position: relative;
  margin: 0 auto;
}
.fnf-area form input {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 25px;
}
.fnf-area a.submit {
  background-color: #f5ab1e;
  color: #fff;
  padding: 9px 25px;
  border-radius: 25px;
  border: 2px solid #f5ab1e;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}
.fnf-area a.submit:hover {
  background-color: transparent;
  color: #000;
}
.fnf-area a.back-home {
  margin-top: 30px;
  padding: 12px 25px;
  background-color: #f5ab1e;
  color: #fff;
  font-weight: 500;
  border: 2px solid #f5ab1e;
  border-radius: 25px;
}
.fnf-area a.back-home:hover {
  background-color: transparent;
  color: #000;
}
/* register page css */
.register-area {
  max-width: 60%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-area .register-box {
  width: 50%;
  padding: 30px;
  border: 1px solid #eee;
}
.register-area .register-box h1 {
  font-size: 30px;
  text-align: center;
}
.register-area .register-box p {
  margin-top: 10px;
  text-align: center;
}
.register-area .register-box form input {
  width: 100%;
  padding: 10px 15px;
  margin-top: 20px;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.register-area .register-box form input:first-child {
  margin-top: 0px;
}
.register-area .register-box a.btn-style1 {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.register-area .register-account {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.register-area .register-account h4 {
  font-size: 16px;
  text-align: center;
}
.register-area .register-account a.ceate-a {
  position: relative;
  color: #f5ab1e;
  width: 100%;
  padding: 13px 25px;
  margin-top: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5ab1e;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account a.ceate-a::after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.register-area .register-account a.ceate-a:hover::after {
  opacity: 0.1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account .register-info a.terms-link span {
  color: #000;
  line-height: 1;
  font-size: 12px;
}
.register-area .register-account .register-info a.terms-link {
  color: #f5ab1e;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 600;
}
.register-area .register-account .register-info p {
  font-size: 13px;
  margin-top: 10px;
}
.register-area .register-account .register-info p a {
  color: #f5ab1e;
  font-weight: 600;
}
/* login page css */
.login-area {
  max-width: 60%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-area .login-box {
  width: 50%;
  padding: 30px;
  border: 1px solid #eee;
}
.login-area .login-box h1 {
  font-size: 30px;
  text-align: center;
}
.login-area .login-box p {
  margin-top: 10px;
  text-align: center;
}
.login-area .login-box form {
  margin-top: 17px;
}
.login-area .login-box form label {
  margin-top: 15px;
}
.login-area .login-box form label:first-child {
  margin-top: 0px;
}
.login-area .login-box form input {
  width: 100%;
  padding: 10px 15px;
  font-size: 13px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.login-area .login-box a.btn-style1 {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.login-area .login-box a.re-password {
  color: #f5ab1e;
  margin-top: 25px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.login-area .login-account {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.login-area .login-account h4 {
  font-size: 16px;
  text-align: center;
}
.login-area .login-account a.ceate-a {
  position: relative;
  color: #f5ab1e;
  width: 100%;
  padding: 13px 25px;
  margin-top: 23px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5ab1e;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.login-area .login-account a.ceate-a::after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.login-area .login-account a.ceate-a:hover::after {
  opacity: 0.1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.login-area .login-account .login-info {
  margin-top: 24px;
}
.login-area .login-account .login-info a.terms-link span {
  color: #000;
  line-height: 1;
  font-size: 12px;
}
.login-area .login-account .login-info a.terms-link {
  color: #f5ab1e;
  font-size: 12px;
  font-weight: 600;
}
.login-area .login-account .login-info p {
  font-size: 13px;
  margin-top: 6px;
}
.login-area .login-account .login-info p a {
  color: #f5ab1e;
  font-weight: 600;
}
/* checkout style-1 css */
.checkout-area {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -30px;
}
.checkout-area .billing-area {
  width: calc(60% - 30px);
  margin-left: 30px;
  border: 1px solid #eee;
}
.checkout-area .billing-area form h2 {
  font-size: 24px;
}
.checkout-area .billing-area form {
  padding: 20px;
}
.checkout-area .billing-area form .billing-form {
  margin-top: 16px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul {
  width: 100%;
  margin-top: 15px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 {
  display: flex;
  flex-wrap: wrap;
}
.checkout-area .billing-area form .billing-form ul.billing-ul:first-child {
  margin-top: 0px;
}
.checkout-area
  .billing-area
  form
  .billing-form
  ul.billing-ul.input-2
  li.billing-li {
  width: calc(50% - 15px);
  margin-left: 15px;
}
.checkout-area
  .billing-area
  form
  .billing-form
  ul.billing-ul.input-2
  li.billing-li:first-child {
  margin-left: 0px;
  width: calc(50% - 0px);
  margin-left: 0px;
}
.checkout-area
  .billing-area
  form
  .billing-form
  ul.billing-ul
  li.billing-li
  input {
  width: 100%;
  margin-top: 10px;
}
.checkout-area
  .billing-area
  form
  .billing-form
  ul.billing-ul
  li.billing-li
  select {
  width: 100%;
  margin-top: 10px;
}
.checkout-area .billing-area .billing-details {
  border-top: 1px solid #eee;
}
.checkout-area .billing-area .billing-details form h2 {
  font-size: 24px;
}
.checkout-area .billing-area .billing-details ul.shipping-form {
  margin-top: 19px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.check-box {
  display: flex;
  align-items: center;
}
.checkout-area
  .billing-area
  .billing-details
  ul.shipping-form
  li.check-box
  input {
  margin-right: 5px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.comment-area {
  margin-top: 11px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li label {
  margin-bottom: 0px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li textarea {
  margin-top: 10px;
  width: 100%;
}
.checkout-area .order-area {
  width: calc(40% - 30px);
  margin-left: 30px;
  border: 1px solid #eee;
}
.checkout-area .order-area {
  position: sticky;
  top: 0px;
}
.checkout-area .order-area .check-pro h2 {
  background-color: #f5f5f5;
  padding: 10px 20px;
  font-size: 18px;
}
.checkout-area .order-area .check-pro ul.check-ul li {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img {
  width: 25%;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content {
  width: 75%;
  margin-left: 15px;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content a {
  display: block;
  font-weight: 400;
}
.checkout-area
  .order-area
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-code-blod {
  display: block;
  margin-top: 4px;
  font-weight: 600;
}
.checkout-area
  .order-area
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-code-blod
  span {
  font-weight: 500;
}
.checkout-area
  .order-area
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-price {
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px;
}
.checkout-area .order-area h2 {
  background-color: #f5f5f5;
  padding: 10px 20px;
  font-size: 18px;
}
.checkout-area .order-area ul.order-history {
  padding: 0px 20px;
}
.checkout-area .order-area ul.order-history li.order-details {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout-area .order-area ul.order-history li.order-details:first-child {
  margin-top: 0px;
  border: none;
}
.checkout-area .order-area ul.order-history li.order-details:last-child {
  padding-top: 15px;
  padding-bottom: 14px;
  margin-top: 14px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.checkout-area .order-area ul.order-history li.order-details:last-child span {
  font-weight: 600;
}
.checkout-area .order-area form {
  padding: 0px 20px;
}
.checkout-area .order-area form ul.order-form {
  margin-top: 20px;
}
.checkout-area .order-area form ul.order-form li {
  margin-top: 19px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.checkout-area .order-area form ul.order-form li:first-child {
  margin-top: 0px;
}
.checkout-area .order-area form ul.order-form li input {
  margin-right: 10px;
}
.checkout-area .order-area form ul.order-form label {
  margin-bottom: 0px;
}
.checkout-area .order-area form ul.order-form li.pay-icon a {
  font-size: 25px;
  margin-left: 10px;
}
.checkout-area .order-area form ul.order-form li.pay-icon a:first-child {
  margin-left: 0px;
}
.checkout-area .order-area .checkout-btn {
  padding: 28px 20px 20px 20px;
}
.checkout-area .order-area .checkout-btn a.btn-style1 {
  display: block;
  text-align: center;
}
/* checkout style-2 tab css */
.checkout-tab ul.nav.nav-tabs {
  margin-bottom: 22px;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout-tab ul.nav.nav-tabs li.nav-item {
  margin-left: 40px;
}
.checkout-tab ul.nav.nav-tabs li.nav-item:first-child {
  margin-left: 0px;
}
.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link {
  font-size: 18px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px rgb(0 0 0 / 15%);
  font-weight: 600;
  border: none;
}
.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link.active {
  color: #f5ab1e;
}
.checkout-style-2 .billing-area form h2 {
  font-size: 24px;
}
.checkout-style-2 .billing-area form .billing-form {
  margin-top: 16px;
}
.checkout-style-2 .billing-area form .billing-form ul.billing-ul {
  width: 100%;
  margin-top: 15px;
}
.checkout-style-2 .billing-area form .billing-form ul.billing-ul:first-child {
  margin-top: 0px;
}
.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 {
  display: flex;
  flex-wrap: wrap;
}
.checkout-style-2
  .billing-area
  form
  .billing-form
  ul.billing-ul.input-2
  li.billing-li {
  width: calc(50% - 15px);
  margin-left: 15px;
}
.checkout-style-2
  .billing-area
  form
  .billing-form
  ul.billing-ul.input-2
  li.billing-li:first-child {
  margin-left: 0px;
  width: calc(50% - 0px);
  margin-left: 0px;
}
.checkout-style-2
  .billing-area
  form
  .billing-form
  ul.billing-ul
  li.billing-li
  input {
  width: 100%;
  margin-top: 10px;
}
.checkout-style-2
  .billing-area
  form
  .billing-form
  ul.billing-ul
  li.billing-li
  select {
  width: 100%;
  margin-top: 10px;
}
.checkout-style-2
  .billing-area
  form
  .billing-form
  ul.billing-ul
  li.billing-li
  option {
  margin-top: 10px;
}
.checkout-style-2 .billing-area .billing-details form h2 {
  font-size: 24px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form {
  margin-top: 19px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li {
  margin-top: 9px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li.check-box {
  display: flex;
  align-items: center;
}
.checkout-style-2
  .billing-area
  .billing-details
  ul.shipping-form
  li.check-box
  input {
  margin-right: 5px;
}
.checkout-style-2
  .billing-area
  .billing-details
  ul.shipping-form
  li:first-child {
  margin-top: 0px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li label {
  margin-bottom: 0px;
}
.checkout-style-2 .billing-area .billing-details ul.shipping-form li textarea {
  margin-top: 10px;
  width: 100%;
}
.checkout-style-2 .order-area {
  margin-left: -20px;
}
.checkout-style-2 .order-area .check-pro {
  position: sticky;
  top: 0px;
  width: calc(50% - 30px);
  margin-left: 30px;
}
.checkout-style-2 .order-area .check-pro h2 {
  font-size: 24px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul {
  margin-top: 20px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li:last-child {
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content {
  margin-left: 15px;
}
.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content a {
  display: block;
  font-weight: 400;
}
.checkout-style-2
  .order-area
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-code-blod {
  display: block;
  margin-top: 4px;
  font-weight: 600;
}
.checkout-style-2
  .order-area
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-code-blod
  span {
  font-weight: 500;
}
.checkout-style-2
  .order-area
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-price {
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px;
}
.checkout-style-2 .order-area {
  display: flex;
  justify-content: space-between;
  margin-left: -30px;
}
.checkout-style-2 .order-area .order-history {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.checkout-style-2 .order-area .order-history h2 {
  font-size: 18px;
}
.checkout-style-2 .order-area .order-history .order-inf {
  margin-top: 23px;
}
.checkout-style-2 .order-area .order-history .order-inf .order-details {
  margin-top: 13px;
  padding-top: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  .order-details:first-child {
  margin-top: 0px;
}
.checkout-style-2 .order-area .order-history .order-inf .order-details span {
  font-size: 16px;
  font-weight: 500;
}
.checkout-style-2 .order-area .order-history .order-inf .order-details.last {
  padding-top: 13px;
  padding-bottom: 13px;
  margin-top: 12px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  .order-details.last
  span {
  font-weight: 600;
}
.checkout-style-2 .order-area .order-history .order-inf form .order-form {
  margin-top: 19px;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .order-checkbox {
  margin-top: 19px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .order-checkbox
  :first-child {
  margin-top: 0px;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .order-checkbox
  input {
  margin-right: 10px;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .order-checkbox
  label {
  margin-bottom: 0px;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .pay-icon {
  margin-top: 19px;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .pay-icon
  a {
  font-size: 25px;
  margin-left: 15px;
  line-height: 1;
}
.checkout-style-2
  .order-area
  .order-history
  .order-inf
  form
  .order-form
  .pay-icon
  a:first-child {
  margin-left: 0px;
}
.checkout-style-2 .order-area .order-history .order-inf a.btn-style1 {
  margin-top: 28px;
  display: block;
  text-align: center;
}
/* checkout style-3 css */
.check-3-start {
  margin-left: -30px;
  display: flex;
  align-items: flex-start;
}
.check-3 h2.style-3-title {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.check-3-start .check-out-3 {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  border: 1px solid #eee;
}
.check-3-start .check-out-3 .check-pro h2 {
  background-color: #f5f5f5;
  font-size: 18px;
  padding: 15px;
  line-height: 1;
}
.check-3-start .check-out-3 .check-pro ul.check-ul li {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content {
  margin-left: 15px;
}
.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content a {
  display: block;
  font-weight: 600;
}
.check-3-start
  .check-out-3
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-code-blod {
  display: block;
  margin-top: 4px;
  font-weight: 600;
}
.check-3-start
  .check-out-3
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-code-blod
  span {
  font-weight: 500;
}
.check-3-start
  .check-out-3
  .check-pro
  ul.check-ul
  li
  .check-content
  span.check-price {
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px;
}
.check-3-start .check-out-3 .check-pro form {
  padding: 20px;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li label {
  width: 100%;
  color: #333;
  font-size: 13px;
  margin-bottom: 0px;
  font-weight: 600;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li select {
  width: 100%;
  padding: 7px 10px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector {
  margin-top: 18px;
}
.check-3-start
  .check-out-3
  .check-pro
  form
  ul.style-3-check-pro.selector
  li
  span {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
  line-height: 1;
}
.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li {
  margin-top: 9px;
  display: flex;
  align-items: center;
}
.check-3-start
  .check-out-3
  .check-pro
  form
  ul.style-3-check-pro.selector
  li:first-child {
  margin-top: 0px;
}
.check-3-start
  .check-out-3
  .check-pro
  form
  ul.style-3-check-pro.selector
  li
  input {
  margin-right: 5px;
}
.check-3-start .check-out-3 .check-pro .pay-op {
  padding: 20px;
  border-top: 1px solid #eee;
}
.check-3-start .check-out-3 .check-pro .pay-op span {
  display: block;
  font-size: 13px;
  color: #333;
  font-weight: 600;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link {
  width: 100%;
  height: 45px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-1 {
  background-color: #ffc439;
  color: #000;
  margin-top: 14px;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-2 {
  background-color: #000;
  margin-top: 20px;
}
.check-3-start .check-out-3 .check-pro .pay-op a.pay-link i {
  margin-left: 5px;
}
.check-3-start .check-out-3 .check-add h2 {
  background-color: #f5f5f5;
  padding: 15px;
  font-size: 18px;
  line-height: 1;
}
.check-3-start .check-out-3 .check-add form {
  padding: 20px;
}
.check-3-start .check-out-3 .check-add form ul li {
  margin-top: 14px;
}
.check-3-start .check-out-3 .check-add form ul li:first-child {
  margin-top: 0px;
}
.check-3-start .check-out-3 .check-add form ul li label {
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 600;
}
.check-3-start .check-out-3 .check-add form ul li input {
  width: 100%;
  padding: 8px 13px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.check-3-start .check-out-3 .check-add form ul li select {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #eee;
  padding: 8px 13px;
  border-radius: 4px;
}
.check-3-start .check-out-3 .pay-method h2 {
  background-color: #f5f5f5;
  padding: 15px;
  font-size: 18px;

  line-height: 1;
}
.check-3-start .check-out-3 .pay-method .p-method ul li {
  border-bottom: 1px solid #eee;
}
.check-3-start .check-out-3 .pay-method .p-method ul li a {
  width: 100%;
  padding: 18px 24px;
}
.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal {
  display: flex;
  align-items: center;
}
.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal i {
  font-size: 22px;
  margin-right: 10px;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li {
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li:last-child {
  border-bottom: none;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li.order-total {
  background-color: #eee;
  padding: 15px 20px;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-name {
  font-weight: 500;
}
.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-price {
  font-weight: 600;
}
.check-3-start .check-out-3 .pay-method .order-summary .check-btn {
  padding: 30px 20px 20px 20px;
}
.check-3-start .check-out-3 .pay-method .order-summary .check-btn a.btn-style1 {
  width: 100%;
  text-align: center;
}
/* account page css */
.account-title h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.account-area {
  padding: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.account-area .account {
  width: 50%;
}
.account-area .account h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.account-area .account ul.page-name li.register-id a {
  color: #f5ab1e;
  margin-top: 5px;
  display: flex;
}
.account-area .account-detail {
  width: 50%;
}
.account-area .account-detail h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.account-area .account-detail ul.a-details li.mail-register {
  margin-top: 3px;
}
.order-details {
  margin-top: 30px;
}
.order-details h4 {
  font-size: 18px;
  margin-bottom: 19px;
}
.order-details p {
  padding: 15px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
/* address page css */
.address-title h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.account-link a {
  color: #f5ab1e;
  text-decoration: underline;
}
.add-area a.address-link {
  padding: 45px;
  margin-top: 30px;
  text-align: center;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.add-area a.address-link {
  color: #828282;
  text-align: center;
  display: block;
}
.add-area a.address-link:hover {
  color: #f5ab1e;
}
.add-area .address-link i {
  display: block;
  font-size: 40px;
  margin-bottom: 5px;
}
.add-area .add-title h4 {
  margin-top: 30px;
  font-size: 18px;

  line-height: 1;
}
.add-area .address-content ul.address-input {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.add-area .address-content ul.address-input li.type-add {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.add-area .address-content ul.address-input li.type-add label {
  margin-bottom: 5px;
}
.add-area .address-content ul.address-input li.type-add input {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.add-area .address-content ul.address-input li.type-add select {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.add-area .address-content label.check {
  margin-top: 30px;
  cursor: pointer;
}
.add-area .address-content .add-link {
  margin-top: 30px;
}
.add-area .address-content .add-link a:last-child {
  margin-left: 10px;
}
/* shipping page css */
.shipping-title h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.shipping {
  margin-bottom: 22px;
}
.shipping span {
  background-color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}
.shipping h4.shipping-title {
  background-color: #f5ab1e;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  margin-bottom: 24px;
  display: block;
  font-weight: 600;
}
.shipping .shipping-content p {
  margin-top: 15px;
}
.shipping .shipping-content p:first-child {
  margin-top: 0px;
}
/* header style-1 products css */
.header-style-pro {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.header-style-pro .header-pro {
  width: calc(25% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.header-style-pro .header-pro:nth-child(1),
.header-style-pro .header-pro:nth-child(2),
.header-style-pro .header-pro:nth-child(3),
.header-style-pro .header-pro:nth-child(4) {
  margin-top: 0px;
}

/* other page filter css */
.all-filter .categories-page-filter h4 {
  font-size: 16px;
  padding-bottom: 23px;
}
.all-filter .categories-page-filter a.filter-link {
  display: none;
}
.all-filter .categories-page-filter ul.all-option {
  height: 271px;
  padding-top: 30px;
  overflow: auto;
  padding-right: 7px;
  border-top: 1px solid #eee;
}
.all-filter .categories-page-filter ul.all-option.collapse:not(.show) {
  display: block;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.all-filter
  .categories-page-filter
  ul.all-option
  li.grid-list-option:first-child {
  margin-top: 0px;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option input {
  width: 19px;
  height: 16px;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option a {
  width: 100%;
  margin-left: 8px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.all-filter .price-filter h4 {
  font-size: 16px;
  padding-top: 28px;
  padding-bottom: 27px;
  line-height: 1;
}
.all-filter .price-filter a.filter-link {
  display: none;
}
.all-filter .price-filter ul.all-price {
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.all-filter .price-filter ul.all-price.collapse:not(.show) {
  display: block;
}
.all-filter .price-filter ul.all-price li.f-price {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.all-filter .price-filter ul.all-price li.f-price:first-child {
  margin-top: 0px;
}
.all-filter .price-filter ul.all-price li.f-price input {
  width: 18px;
  height: 16px;
  cursor: pointer;
}
.all-filter .price-filter ul.all-price li.f-price label {
  margin-bottom: 0px;
  margin-left: 9px;
  font-size: 13px;
  cursor: pointer;
  line-height: 1;
}
.all-filter .pro-size h4 {
  font-size: 16px;
  padding-top: 28px;
  padding-bottom: 27px;
  line-height: 1;
}
.all-filter .pro-size a.filter-link {
  display: none;
}
.all-filter .pro-size ul.all-size.collapse:not(.show) {
  display: block;
}
.all-filter .pro-size ul.all-size {
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.all-filter .pro-size ul.all-size li.choice-size {
  margin-top: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.all-filter .pro-size ul.all-size li.choice-size:first-child {
  margin-top: 0px;
}
.all-filter .pro-size ul.all-size li.choice-size input {
  width: 18px;
  height: 16px;
  cursor: pointer;
}
.all-filter .pro-size ul.all-size li.choice-size label {
  font-size: 13px;
  margin-left: 8px;
  margin-bottom: 0px;
  cursor: pointer;
  line-height: 1;
}
.all-filter .filter-tag h4 {
  font-size: 16px;
  padding-top: 27px;
  padding-bottom: 27px;
  line-height: 1;
}
.all-filter .filter-tag a.filter-link {
  display: none;
}
.all-filter .filter-tag ul.all-tag.collapse:not(.show) {
  display: block;
}
.all-filter .filter-tag ul.all-tag {
  padding-top: 15px;
  margin-right: -5px;
}
.all-filter .filter-tag ul.all-tag li.tag {
  display: inline-block;
  margin-top: 10px;
  margin-right: 5px;
}
.all-filter .filter-tag ul.all-tag li.tag a {
  padding: 9px 16px;
  color: #808080;
  font-size: 12px;
  border: 1px solid #eee;
  border-radius: 50px;
}
.all-filter .filter-tag ul.all-tag li.tag a:hover {
  background-color: #000;
  color: #fff;
}
.all-filter .vendor-filter h4 {
  font-size: 16px;
  padding-top: 28px;
  padding-bottom: 27px;
  line-height: 1;
  border-bottom: 1px solid #eee;
}
.all-filter .vendor-filter a.filter-link {
  display: none;
}
.all-filter .vendor-filter ul.all-vendor {
  padding-top: 30px;
}
.all-filter .vendor-filter ul.all-vendor.collapse:not(.show) {
  display: block;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor:first-child {
  margin-top: 0px;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor input {
  width: 18px;
  height: 16px;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor label {
  margin-bottom: 0px;
  margin-left: 8px;
  font-size: 13px;
  cursor: pointer;
  line-height: 1;
}
.all-filter .filter-banner a.grid-banner {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  display: block;
}
.all-filter .filter-banner a.grid-banner img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.all-filter .filter-banner a.grid-banner:hover img {
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* range price css */
.all-filter .price-filter ul.all-price .price-range {
  display: block;
}
.all-filter .price-filter ul.all-price .price-range .price-range-group {
  position: relative;
  margin-bottom: 30px;
}

/* group range (when using double range, we need to rely on some clever trick) */
.all-filter .price-filter ul.all-price .price-range .group-range {
  --range-min: 0%;
  --range-max: 100%;
  height: 2px;
  background: linear-gradient(
    to right,
    #e2e2e2 0%,
    #333333 0%,
    #333333 100%,
    #e2e2e2 100%
  );
}

/* first we revert the styling of range elements */
.all-filter .price-filter ul.all-price .price-range .range {
  width: 100%;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/* chrome, safari, edge, opera */
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .range::-webkit-slider-thumb {
  height: 12px;
  width: 4px;
  background: #333333;
  transform: translateY(-5px);
  border-radius: 5px;
  box-shadow: 0px 0px 0px 2px #333333;
  cursor: pointer;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  background: #333333;
  cursor: pointer;
}

/* firefox mozilla */
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-thumb {
  height: 12px;
  width: 4px;
  background: #333333;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 2px #333333;
  cursor: pointer;
}
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-progress,
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .range::-moz-range-progress {
  background-color: #333333;
}
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-track {
  background-color: #e2e2e2;
}

/* group range (when using double range, we need to rely on some clever trick) */
.all-filter .price-filter ul.all-price .price-range .group-range .range {
  height: 2px;
  pointer-events: none;
  vertical-align: top;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .group-range
  .range::-webkit-slider-runnable-track {
  background: none;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .group-range
  .range::-webkit-slider-thumb {
  pointer-events: auto;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .group-range
  .range::-moz-range-progress,
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .group-range
  .range::-moz-range-track {
  background: none;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .group-range
  .range::-moz-range-thumb {
  pointer-events: auto;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .group-range
  .range:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

/* input-prefix css */
.all-filter .price-filter ul.all-price .price-range .price-input-group {
  display: flex;
  align-items: center;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .price-range-input {
  flex: 1 0 0;
  min-width: 0;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix
  label.input-prefix-label {
  color: #333333;
  font-size: 11px;
  position: absolute;
  top: 0px;
  left: 0;
  transform: translateY(-100%);
  margin-bottom: 0px;
  opacity: 0.7;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix
  span.input-prefix-value {
  font-size: 13px;
}
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix
  .input-prefix-field {
  font-size: 13px;
  padding: 0px;
  width: 100%;
  text-align: end;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* chrome, safari, edge, opera */
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix
  .input-prefix-field::-webkit-outer-spin-button,
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix
  .input-prefix-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* firefox mozilla */
.all-filter
  .price-filter
  ul.all-price
  .price-range
  .price-input-group
  .input-prefix
  input.input-prefix-field[type="number"] {
  -moz-appearance: textfield;
}
.all-filter .price-filter ul.all-price .price-range .price-range-delimeter {
  color: #333333;
  font-size: 16px;
  margin: 0px 10px;
}

/* grid-list banner-button css */
.grid-list-banner {
  height: 262px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.grid-list-banner .grid-banner-content {
  width: 50%;
  margin-left: 30px;
}
.grid-list-banner .grid-banner-content h4 {
  font-size: 20px;
}
.grid-list-banner .grid-banner-content p {
  font-size: 13px;
  margin-top: 14px;
  color: #333;
}
/* list product css */
.list-product {
  margin-top: 30px;
}
.list-product .list-items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.list-product .list-items:last-child {
  border-bottom: none;
  margin: 0px;
  padding: 0px;
}
.list-product .list-items .tred-pro {
  width: 25%;
  position: relative;
}
.list-product .list-items .tred-pro .Pro-lable span.p-text,
.list-product .list-items .tred-pro .Pro-lable span.p-discount {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 2px 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.list-product .list-items .tred-pro .Pro-lable span.p-text {
  left: 5px;
  background-color: #f5ab1e;
}
.list-product .list-items .tred-pro .Pro-lable span.p-discount {
  right: 5px;
  background-color: #e30514;
}
.list-product .list-items .caption .pro-icn {
  position: unset;
  margin-top: 14px;
}
.list-product .list-items .caption .pro-icn a.w-c-q-icn i {
  background-color: #f5ab1e;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  border: 2px solid #f5ab1e;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.list-product .list-items .caption .pro-icn a.w-c-q-icn:hover i {
  background-color: transparent;
  color: #000;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.list-product .list-items .caption {
  width: calc(75% - 20px);
  margin-left: 20px;
  padding-top: 0px;
}
.list-product .list-items .caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.list-product .list-items .caption h3 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}
.list-product .list-items .caption p.list-description {
  font-size: 13px;
  margin-top: 8px;
  line-height: 21px;
}
.list-product .list-items .caption .rating {
  display: flex;
  margin-top: 14px;
}
.list-product .list-items .caption .rating i {
  color: #ccc;
  font-size: 14px;
  margin-right: 5px;
}
.list-product .list-items .caption .rating i.b-star,
.list-product .list-items .caption .rating i.c-star,
.list-product .list-items .caption .rating i.d-star,
.list-product .list-items .caption .rating i.e-star {
  color: #f5ab1e;
}
.list-product .list-items .caption .rating i:last-child {
  margin-right: 0px;
}
.list-product .list-items .caption .pro-price {
  margin-top: 15px;
}
.list-product .list-items .caption .pro-price span.new-price {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 1;
}
.list-product .list-items .caption .pro-price span.old-price {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
/* additional image css */
.list-product .list-items .tred-pro .tr-pro-img a img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image {
  opacity: 1;
  visibility: visible;
}
.list-product .list-items .tred-pro .tr-pro-img a img.additional-image,
.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.list-product p.list-all-page {
  margin: 0 auto;
  text-align: center;
  padding-top: 30px;
  font-weight: 700;
}
.list-all-page span.page-title {
  color: #000;
  display: block;
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}
.list-all-page .page-number {
  text-align: center;
  margin-top: 20px;
}
.list-all-page .page-number a {
  position: relative;
  margin-right: 5px;
}
.list-all-page .page-number a:after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.list-all-page .page-number a:hover:after,
.list-all-page .page-number a.active:after {
  opacity: 1;
  visibility: visible;
}
.list-all-page .page-number a:hover,
.list-all-page .page-number a.active {
  color: #f5ab1e;
}
.list-all-page .page-number a:last-child:after {
  display: none;
}
/* grid Products css */
.grid-list-area .grid-list-select {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-list-area .grid-list-select ul {
  display: flex;
  align-items: center;
}
.grid-list-area .grid-list-select ul.grid-list li a {
  font-size: 17px;
  margin-right: 10px;
}
.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-4-product .grid-list-select ul.grid-list li a.active,
.grid-2-product .grid-list-select ul.grid-list li a.active {
  color: #f5ab1e;
}
.grid-list-area .grid-list-select ul.grid-list-selector li label {
  font-weight: 600;
  margin-right: 10px;
}
.grid-list-area .grid-list-select ul.grid-list-selector select {
  min-width: 200px;
  padding: 6px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.grid-list-area .grid-pro ul.grid-product {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items {
  width: calc(33.33% - 30px);
  margin-left: 30px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro {
  position: relative;
  margin-top: 30px;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-text,
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-discount {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 2px 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-text {
  left: 5px;
  background-color: #f5ab1e;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-discount {
  right: 5px;
  background-color: #e30514;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: 0px;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:first-child,
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn
  i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:hover
  i {
  color: #f5ab1e;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn
  i {
  opacity: 1;
  visibility: visible;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption {
  padding-top: 15px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating {
  display: flex;
  margin-top: 14px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i {
  color: #ccc;
  font-size: 14px;
  margin-right: 5px;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.b-star,
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.c-star,
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.d-star,
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.e-star {
  color: #f5ab1e;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i:last-child {
  margin-right: 0px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price {
  margin-top: 16px;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .pro-price
  span.new-price {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 1;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .pro-price
  span.old-price {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
/* additional image css */
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .tr-pro-img
  a
  img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .tr-pro-img
  a
  img.additional-image {
  opacity: 1;
  visibility: visible;
}
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .tr-pro-img
  a
  img.additional-image,
.grid-list-area
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .tr-pro-img
  a
  img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items p {
  margin: 0 auto;
  padding-top: 30px;
  font-weight: 700;
}
/* 2-grid Products css */
.grid-2-product .grid-list-select {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-2-product .grid-list-select ul {
  display: flex;
  align-items: center;
}
.grid-2-product .grid-list-select ul.grid-list li a {
  font-size: 17px;
  margin-right: 15px;
}
.grid-2-product .grid-list-select ul.grid-list-selector li label {
  font-weight: 600;
  margin-right: 10px;
}
.grid-2-product .grid-list-select ul.grid-list-selector select {
  min-width: 200px;
  padding: 6px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.grid-2-product .grid-pro ul.grid-product {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro {
  position: relative;
  margin-top: 30px;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-text,
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-discount {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 2px 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-text {
  left: 5px;
  background-color: #f5ab1e;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-discount {
  right: 5px;
  background-color: #e30514;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: 0px;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:first-child,
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn
  i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:hover
  i {
  color: #f5ab1e;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn
  i {
  opacity: 1;
  visibility: visible;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption {
  padding-top: 15px;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating {
  display: flex;
  margin-top: 14px;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
  color: #ccc;
  font-size: 14px;
  margin-right: 5px;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.b-star,
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.c-star,
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.d-star,
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.e-star {
  color: #f5ab1e;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i:last-child {
  margin-right: 0px;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
  margin-top: 16px;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .pro-price
  span.new-price {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 1;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .pro-price
  span.old-price {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
/* additional image css */
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .tr-pro-img
  a
  img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .tr-pro-img
  a
  img.additional-image {
  opacity: 1;
  visibility: visible;
}
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .tr-pro-img
  a
  img.additional-image,
.grid-2-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .tr-pro-img
  a
  img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grid-2-product .grid-pro ul.grid-product li.grid-items p {
  margin: 0 auto;
  padding-top: 30px;
  font-weight: 700;
}
/* 4-grid Products css */
.grid-4-product .grid-list-select {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-4-product .grid-list-select ul {
  display: flex;
  align-items: center;
}
.grid-4-product .grid-list-select ul.grid-list li a {
  font-size: 17px;
  margin-right: 10px;
}
.grid-4-product .grid-list-select ul.grid-list-selector li label {
  font-weight: 600;
  margin-right: 10px;
}
.grid-4-product .grid-list-select ul.grid-list-selector select {
  min-width: 200px;
  padding: 6px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.grid-4-product .grid-pro ul.grid-product {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items {
  width: calc(25% - 30px);
  margin-left: 30px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro {
  position: relative;
  margin-top: 30px;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-text,
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-discount {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 2px 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-text {
  left: 5px;
  background-color: #f5ab1e;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .Pro-lable
  span.p-discount {
  right: 5px;
  background-color: #e30514;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: 0px;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:first-child,
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn
  i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .pro-icn
  a.w-c-q-icn:hover
  i {
  color: #f5ab1e;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .pro-icn
  a.w-c-q-icn
  i {
  opacity: 1;
  visibility: visible;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption {
  padding-top: 15px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating {
  display: flex;
  margin-top: 14px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
  color: #ccc;
  font-size: 14px;
  margin-right: 5px;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.b-star,
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.c-star,
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.d-star,
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i.e-star {
  color: #f5ab1e;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .rating
  i:last-child {
  margin-right: 0px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
  margin-top: 16px;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .pro-price
  span.new-price {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 1;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .caption
  .pro-price
  span.old-price {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
/* additional image css */
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .tr-pro-img
  a
  img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .tr-pro-img
  a
  img.additional-image {
  opacity: 1;
  visibility: visible;
}
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro
  .tr-pro-img
  a
  img.additional-image,
.grid-4-product
  .grid-pro
  ul.grid-product
  li.grid-items
  .tred-pro:hover
  .tr-pro-img
  a
  img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items p {
  margin: 0 auto;
  padding-top: 30px;
  font-weight: 700;
}
/* product page css */
.pro-page .pro-image .larg-image a.long-img {
  margin-bottom: 20px;
}
.pro-page .pro-image .larg-image a.long-img figure.zoom {
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: crosshair;
  margin-bottom: 0px;
}
.pro-page .pro-image .larg-image a.long-img figure.zoom img:hover {
  opacity: 0;
}
.pro-page .pro-image .larg-image a.long-img figure.zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider {
  position: relative;
  border-bottom: none;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a {
  padding: 0px;
  border: 1px solid transparent;
  margin-bottom: 1px;
}
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  li.nav-item
  a.active {
  border: 1px solid #f5ab1e;
  border-radius: 0px;
}
/* slider arro */
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button {
  background-color: transparent;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  margin: 0px;
}
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button.owl-prev {
  left: -10px;
}
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button.owl-next {
  right: -10px;
}
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button
  i {
  color: #232323;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button:hover
  i {
  color: #f5ab1e;
}
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button
  i,
.pro-page
  .pro-image
  .larg-image
  ul.nav.nav-tabs.pro-page-slider
  .owl-nav
  button:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.pro-page .pro-image .pro-info h4 {
  font-size: 18px;
  font-weight: 600;
}
.pro-page .pro-image .pro-info .rating {
  border-top: 1px solid #ededed;
  margin-top: 15px;
  padding-top: 19px;
}
.pro-page .pro-image .pro-info .rating i {
  color: #999;
}
.pro-page .pro-image .pro-info .rating i.d-star {
  color: #f5ab1e;
  margin-right: 2px;
}
.pro-page .pro-image .pro-info .pro-availabale {
  margin-top: 12px;
}
.pro-page .pro-image .pro-info .pro-availabale span.available {
  min-width: 105px;
  font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-availabale span.pro-instock {
  color: #f5ab1e;
  font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-price {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.pro-page .pro-image .pro-info .pro-price span.new-price {
  font-size: 16px;
  font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-price span.old-price {
  color: #999;
  margin-left: 5px;
}
.pro-page .pro-image .pro-info .pro-price .Pro-lable span.p-discount {
  background-color: #e30514;
  font-size: 13px;
  color: #fff;
  margin-left: 10px;
  padding: 2px 6px 2px 13px;
  transform: rotate(-35deg);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.pro-page .pro-image .pro-info span.pro-details {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 600;
}
.pro-page .pro-image .pro-info span.pro-details span.pro-number {
  color: #f5ab1e;
  font-weight: 600;
}
.pro-page .pro-image .pro-info p {
  margin-top: 9px;
  color: #999;
}
.pro-page .pro-image .pro-info .pro-items {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.pro-page .pro-image .pro-info .pro-items span.pro-size {
  font-size: 14px;
  font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight {
  display: flex;
  flex-wrap: wrap;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li {
  margin-left: 15px;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a {
  color: #adadad;
  border-bottom: 2px solid #adadad;
  padding: 2px 8px;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a.active,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a:hover {
  color: #000;
  border-color: #000;
  padding: 2px 8px;
}
.pro-page .pro-image .pro-info .product-color {
  display: flex;
  align-items: center;
  margin-top: 27px;
}
.pro-page .pro-image .pro-info .product-color span.color-label {
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.pro-page .pro-image .pro-info .product-color span.color {
  margin-left: 15px;
  line-height: 1;
  display: flex;
}
.pro-page .pro-image .pro-info .product-color span.color a {
  padding: 2px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 100%;
}
.pro-page .pro-image .pro-info .product-color span.color a.active,
.pro-page .pro-image .pro-info .product-color span.color a:hover {
  border-color: #333;
}
.pro-page .pro-image .pro-info .product-color span.color a span {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}
.pro-page .pro-image .pro-info .product-color span.color a:last-child {
  margin-right: 0px;
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(1) span {
  background-color: #5fa800;
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(2) span {
  background-color: #f5ab1e;
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(3) span {
  background-color: #b58555;
}
.pro-page .pro-image .pro-info .pro-qty {
  display: flex;
  align-items: center;
  margin-top: 27px;
}
.pro-page .pro-image .pro-info .pro-qty span.qty {
  font-weight: 700;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus {
  border: 1px solid #e2e2e2;
  border-radius: 25px;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus {
  margin-left: 15px;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus span {
  display: flex;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus span a {
  width: 40px;
  height: 35px;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus input {
  width: 50px;
  height: 35px;
  border-top: none;
  border-bottom: none;
  padding: 0;
  border-top: none;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pro-page .pro-image .pro-info .pro-btn {
  margin-top: 17px;
}
.pro-page .pro-image .pro-info .pro-btn a {
  margin-left: 5px;
  margin-top: 10px;
}
.pro-page .pro-image .pro-info .pro-btn a:first-child {
  margin-left: 0px;
}
.pro-page .pro-image .pro-info .share {
  margin-top: 27px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.pro-page .pro-image .pro-info .share ul.share-icn {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.pro-page .pro-image .pro-info .share ul.share-icn li {
  margin-left: 15px;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i {
  font-size: 18px;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-facebook {
  color: #3b5999;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-twitter {
  color: #55acee;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-instagram {
  color: #dd4b39;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-pinterest {
  color: #bd081c;
}
.pro-page .pro-image .pro-info .pay-img {
  margin-top: 22px;
}
.pro-page .pro-shipping .product-service {
  background-color: #f9f9f9;
  padding: 25px;
  margin-top: 30px;
}
.pro-page .pro-shipping .product-service:first-child {
  margin-top: 0px;
}
.pro-page .pro-shipping .product-service .icon-title {
  display: flex;
  align-items: center;
}
.pro-page .pro-shipping .product-service .icon-title span {
  color: #f5ab1e;
  font-size: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
}
.pro-page .pro-shipping .product-service .icon-title h4 {
  font-size: 16px;
  margin-left: 25px;
  font-weight: 600;
  text-transform: uppercase;
}
.pro-page .pro-shipping .product-service p {
  color: #8e8e8e;
  margin-top: 18px;
}
/* tab css */
.pro-page-content .pro-page-tab ul.nav.nav-tabs {
  border-bottom: none;
  justify-content: center;
  margin-bottom: 60px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item {
  margin-right: 60px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item:last-child {
  margin-right: 0px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link {
  color: #949494;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 50px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover {
  color: #000;
  border: 1px solid #000;
}
.pro-page-content .pro-page-tab .tab-content iframe {
  width: 100%;
}
/* description css */
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content h4 {
  font-size: 16px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .tab-1content
  ul.tab-description {
  list-style-type: unset;
  padding-left: 15px;
  margin-top: 18px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .tab-1content
  ul.tab-description
  li {
  margin-top: 5px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content {
  margin-top: 17px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content h4 {
  font-size: 16px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .tab-2content
  ul.tab-description {
  list-style-type: unset;
  padding-left: 15px;
  margin-top: 18px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .tab-2content
  ul.tab-description
  li {
  margin-top: 5px;
}
/* reviews css */
.pro-page-content .pro-page-tab .tab-content .tab-pane h4.reviews-title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews {
  border-top: 1px solid #eee;
  margin-top: 28px;
  padding-top: 30px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .customer-reviews
  span.p-rating
  i.e-star {
  color: #f5ab1e;
  font-size: 18px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .customer-reviews
  p.review-desck {
  font-size: 13px;
  margin-top: 9px;
  margin-bottom: 9px;
  line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews a {
  color: #f5ab1e;
  text-decoration: underline;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .customer-reviews
  h4.review-head {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .customer-reviews
  span.reviews-editor {
  font-weight: 500;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .customer-reviews
  span.reviews-editor
  span.review-name {
  font-weight: normal;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .customer-reviews
  p.r-description {
  margin-top: 10px;
  line-height: 1;
  font-size: 13px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form {
  margin-top: 24px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form h4 {
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form {
  margin-top: 12px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label {
  font-size: 14px;
  margin-top: 15px;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .review-form
  form
  label:first-child {
  margin-top: 0px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form input {
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  border: 1px solid #eee;
}
.pro-page-content
  .pro-page-tab
  .tab-content
  .tab-pane
  .review-form
  form
  textarea {
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  border: 1px solid #eee;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span {
  display: block;
  margin-top: 10px;
  line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span i {
  color: #ddd;
}
/* releted product css */
.pro-releted .section-title {
  text-align: center;
}
.pro-releted .section-title h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.tred-pro {
  position: relative;
}
.tred-pro .tr-pro-img a {
  display: block;
}
.tred-pro .tr-pro-img a img {
  backface-visibility: hidden;
}
.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount {
  position: absolute;
  top: 5px;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 2px 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.tred-pro .Pro-lable span.p-text {
  left: 5px;
  background-color: #f5ab1e;
}
.tred-pro .Pro-lable span.p-discount {
  right: 5px;
  background-color: #e30514;
}
.tred-pro .pro-icn {
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  text-align: center;
  margin: 0px;
}
.tred-pro .pro-icn a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.tred-pro .pro-icn a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.tred-pro .pro-icn a.w-c-q-icn i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.tred-pro .pro-icn a.w-c-q-icn:hover i {
  color: #f5ab1e;
}
.tred-pro:hover .pro-icn a.w-c-q-icn i {
  opacity: 1;
  visibility: visible;
}
.caption {
  padding-top: 15px;
}
.caption h3 {
  font-size: 14px;
  font-weight: 400;
}
.caption h3 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.caption .rating {
  display: flex;
  margin-top: 14px;
}
.caption .rating i {
  color: #ccc;
  font-size: 14px;
  margin-right: 5px;
}
.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
  color: #f5ab1e;
}
.caption .rating i:last-child {
  margin-right: 0px;
}
.caption .pro-price {
  margin-top: 16px;
}
.caption .pro-price span.new-price {
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 1;
}
.caption .pro-price span.old-price {
  color: #999;
  font-size: 14px;
  line-height: 1;
}
/* additional image css */
.tred-pro .tr-pro-img a img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.tred-pro:hover .tr-pro-img a img.additional-image {
  opacity: 1;
  visibility: visible;
}
.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* search page css */
.search-title {
  text-align: center;
  margin-bottom: 30px;
}
.search-title h3 {
  font-size: 30px;
  font-weight: 600;
}
.saerch-input form {
  position: relative;
}
.saerch-input form input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 25px;
}
.saerch-input form a.search-btn {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 0px;
  font-size: 18px;
  background-color: #000;
  padding: 6px 11px;
  color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
}
.saerch-input form a.search-btn:hover {
  background-color: #f5ab1e;
  border-color: #f5ab1e;
}
/* search product css */
.search-pro-area {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.search-pro-area .search-pro-items {
  width: calc(25% - 30px);
  margin-top: 30px;
  margin-left: 30px;
}
.search-pro-area .search-pro-items .search-img {
  position: relative;
}
.search-pro-area .search-pro-items .search-img .pro-icn {
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.search-pro-area
  .search-pro-items
  .search-img
  .pro-icn
  a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:first-child,
.search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:hover i {
  color: #f5ab1e;
}
.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn i {
  opacity: 1;
  visibility: visible;
}
.search-pro-area .search-pro-items .search-img a img.search-hover {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.search-pro-area .search-pro-items:hover .search-img a img.search-hover {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.search-pro-area .search-pro-items .search-caption h4 {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.search-pro-area .search-pro-items .search-caption h4 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-pro-area .search-pro-items .search-caption span.all-price {
  margin-top: 6px;
}
.search-pro-area
  .search-pro-items
  .search-caption
  span.all-price
  span.search-new-price {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.search-pro-area
  .search-pro-items
  .search-caption
  span.all-price
  span.search-old-price {
  color: #999;
  font-size: 12px;
  font-weight: 500;
}
/* search style-2 css */
.saerch-style-2-input form {
  position: relative;
}
.saerch-style-2-input form input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 25px;
}
.saerch-style-2-input form a.search-btn {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 0px;
  font-size: 18px;
  background-color: #f5ab1e;
  padding: 5px 10px;
  color: #fff;
  border-radius: 50%;
}
.saerch-style-2-input form a.search-btn:hover {
  background-color: #000;
}
.search-selector {
  margin-top: 30px;
  margin-bottom: 30px;
}
.search-selector ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-selector ul li.search-items {
  font-size: 15px;
  font-weight: 500;
}
.search-selector ul li.search-pro-select {
  display: flex;
  align-items: center;
}
.search-selector ul li.search-pro-select form select {
  padding: 8px 10px;
  border: 1px solid #eee;
}
.search-selector ul li.search-pro-select a {
  font-size: 20px;
  margin-right: 20px;
  line-height: 0;
}
.search-selector ul li.search-pro-select a:hover,
.search-selector ul li.search-pro-select a.active {
  color: #f5ab1e;
}
/* search left column css */
.search-category {
  position: sticky;
  top: 0px;
}
.search-category .select-category h4.search-cat-title {
  padding-bottom: 27px;
  font-size: 16px;
  line-height: 1;
  border-bottom: 1px solid #eee;
}
.search-category .select-category ul {
  height: 223px;
  overflow: auto;
  padding-right: 5px;
}
.search-category .select-category ul {
  max-height: calc(100% - 219px);
  overflow-y: auto;
  scrollbar-width: thin;
  -webkit-scrollbar-width: thin;
}
.search-category .select-category ul::-webkit-scrollbar {
  width: 4px;
}
.search-category .select-category ul::-webkit-scrollbar-track {
  background-color: #eee;
}
.search-category .select-category ul::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}
.search-category .select-category ul::-webkit-scrollbar-thumb:hover {
  background-color: #f5ab1e;
}
.search-category .select-category ul {
  padding-top: 25px;
}
.search-category .select-category ul li {
  margin-top: 5px;
}
.search-category .select-category ul li:first-child {
  margin-top: 0px;
}
.search-category .search-pro-color h4.search-cate-color {
  font-size: 16px;
  padding-top: 27px;
  padding-bottom: 28px;
  line-height: 1;
  border-bottom: 1px solid #eee;
}
.search-category .search-pro-color ul.select-cat-color {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 30px;
  margin-left: -10px;
  margin-top: -16px;
}
.search-category .search-pro-color ul.select-cat-color li {
  line-height: 0;
  margin-top: 16px;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-1,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-2,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-3,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-4,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-5,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-6,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-7,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-8,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-9,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-10,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-11,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-12,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-13,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-14,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-15,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-16,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-17,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-18 {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border-radius: 100%;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-1 {
  background-color: #86aab0;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-2 {
  background-color: #e32323;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-3 {
  background-color: #4f4f51;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-4 {
  background-color: #efe4d7;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-5 {
  background-color: #795548;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-6 {
  background-color: #cdd1c6;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-7 {
  background-color: #666;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-8 {
  background-color: #b3b8a8;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-9 {
  background-color: #e0b756;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-10 {
  background-color: #6f6963;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-11 {
  background-color: #9e9e9e;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-12 {
  background-color: #719297;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-13 {
  background-color: #b58555;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-14 {
  background-color: #6ca6b7;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-15 {
  background-color: #a2c4d4;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-16 {
  background-color: #bb9290;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-17 {
  background-color: #877666;
}
.search-category .search-pro-color ul.select-cat-color li a.cat-color-18 {
  background-color: #e2e2e2;
}
.search-category .search-pro h4 {
  padding-bottom: 28px;
  font-size: 16px;
  padding-top: 28px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  line-height: 1;
}
.search-category .search-pro .search-pro-main {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.search-category .search-pro .search-pro-main:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.search-category .search-pro .search-pro-main .search-main-caption {
  margin-left: 10px;
  overflow: hidden;
}
.search-category .search-pro .search-pro-main .search-main-caption a {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.search-category
  .search-pro
  .search-pro-main
  .search-main-caption
  span.search-all-price {
  margin-top: 5px;
}
.search-category
  .search-pro
  .search-pro-main
  .search-main-caption
  span.search-all-price
  span.search-n-p {
  color: #f5ab1e;
  font-weight: 600;
}
.search-category
  .search-pro
  .search-pro-main
  .search-main-caption
  span.search-all-price
  span.search-o-p {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}
/* search product css */
.style-2-search-pro-area {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.style-2-search-pro-area .search-pro-items {
  width: calc(33.33% - 30px);
  margin-top: 30px;
  margin-left: 30px;
}
.style-2-search-pro-area .search-pro-items:nth-child(1),
.style-2-search-pro-area .search-pro-items:nth-child(2),
.style-2-search-pro-area .search-pro-items:nth-child(3) {
  margin-top: 0px;
}
.style-2-search-pro-area .search-pro-items .search-img {
  position: relative;
}
.style-2-search-pro-area .search-pro-items .search-img a {
  position: relative;
  overflow: hidden;
}
.style-2-search-pro-area .search-pro-items .search-img a img {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.style-2-search-pro-area .search-pro-items .search-img:hover a img {
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.style-2-search-pro-area .search-pro-items .search-img .pro-icn {
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0px;
  text-align: center;
}
.style-2-search-pro-area
  .search-pro-items
  .search-img
  .pro-icn
  a.w-c-q-icn:first-child {
  transform: translateX(40px);
}
.style-2-search-pro-area
  .search-pro-items
  .search-img
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(-40px);
}
.style-2-search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:first-child {
  margin-right: 15px;
}
.style-2-search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  margin-left: 15px;
}
.style-2-search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:first-child,
.style-2-search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn:last-child {
  transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
  background-color: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}
.style-2-search-pro-area
  .search-pro-items
  .search-img
  .pro-icn
  a.w-c-q-icn:hover
  i {
  color: #f5ab1e;
}
.style-2-search-pro-area
  .search-pro-items
  .search-img:hover
  .pro-icn
  a.w-c-q-icn
  i {
  opacity: 1;
  visibility: visible;
}
.style-2-search-pro-area .search-pro-items .search-caption h4 {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.style-2-search-pro-area .search-pro-items .search-caption h4 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.style-2-search-pro-area .search-pro-items .search-caption span.all-price {
  margin-top: 6px;
}
.style-2-search-pro-area
  .search-pro-items
  .search-caption
  span.all-price
  span.search-new-price {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.style-2-search-pro-area
  .search-pro-items
  .search-caption
  span.all-price
  span.search-old-price {
  color: #999;
  font-size: 12px;
  font-weight: 500;
}
/* style-2 list search product css */
.style-2-list-search-pro-area {
  display: flex;
  flex-wrap: wrap;
}
.style-2-list-search-pro-area .search-pro-items {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
}
.style-2-list-search-pro-area .search-pro-items:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.style-2-list-search-pro-area .search-pro-items:nth-child(1) {
  margin-top: 0px;
}
.style-2-list-search-pro-area .search-pro-items .search-img {
  width: 25%;
}
.style-2-list-search-pro-area .search-pro-items .search-img a {
  position: relative;
  overflow: hidden;
  display: block;
}
.style-2-list-search-pro-area .search-pro-items .search-img a img {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.style-2-list-search-pro-area .search-pro-items:hover .search-img a img {
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn {
  margin-top: 11px;
}
.style-2-list-search-pro-area
  .search-pro-items
  .search-caption
  .pro-icn
  a.w-c-q-icn
  i {
  background-color: #f5ab1e;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 100%;
  border: 2px solid #f5ab1e;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.style-2-list-search-pro-area
  .search-pro-items
  .search-caption
  .pro-icn
  a.w-c-q-icn:hover
  i {
  background-color: transparent;
  color: #f5ab1e;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.style-2-list-search-pro-area .search-pro-items .search-caption {
  width: 75%;
  margin-left: 20px;
}
.style-2-list-search-pro-area .search-pro-items .search-caption h4 {
  font-size: 14px;
  font-weight: 400;
}
.style-2-list-search-pro-area .search-pro-items .search-caption h4 a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price {
  margin-top: 6px;
}
.style-2-list-search-pro-area
  .search-pro-items
  .search-caption
  span.all-price
  span.search-new-price {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.style-2-list-search-pro-area
  .search-pro-items
  .search-caption
  span.all-price
  span.search-old-price {
  color: #999;
  font-size: 12px;
  font-weight: 500;
}
.style-2-list-search-pro-area
  .search-pro-items
  .search-caption
  p.search-pro-desc {
  margin-top: 5px;
}
/* pagination css */
.all-page span.page-title {
  color: #333;
  display: block;
  text-align: center;
  margin-top: 30px;
  font-weight: 500;
}
.all-page .page-number {
  text-align: center;
  margin-top: 19px;
}
.all-page .page-number a {
  position: relative;
  margin-right: 5px;
}
.all-page .page-number a:after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
  opacity: 1;
  visibility: visible;
}
.all-page .page-number a:hover,
.all-page .page-number a.active {
  color: #f5ab1e;
}
.all-page .page-number a:last-child:after {
  display: none;
}
/* blog left-right column css */
.left-column {
  position: sticky;
  top: 0px;
}
.left-column .blog-search h4 {
  font-size: 16px;
}
.left-column .blog-search form {
  position: relative;
}
.left-column .blog-search form input {
  width: 100%;
  color: #aeaeae;
  font-size: 13px;
  padding: 8px 15px;
  margin-top: 23px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.left-column.style-1 .blog-search form input {
  margin-top: 23px;
  border-radius: 25px;
}
.left-column .blog-search form a {
  position: absolute;
  bottom: 35%;
  right: 15px;
  transform: translateY(50%);
  font-size: 16px;
  color: #999;
  line-height: 0;
}
.left-column .blog-head h4 {
  font-size: 18px;
  margin-top: 15px;
}
.left-column .blog-title h4 {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 23px;
  padding-top: 23px;
  border-top: 1px solid #eee;
}
.left-column .left-blog .blog-item {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.left-column .left-blog .blog-item:last-child {
  margin-bottom: 0px;
}
.left-column .left-blog .blog-item .l-blog-image {
  margin-right: 15px;
}
.left-column .left-blog .blog-item .l-blog-caption h4 {
  font-size: 14px;
  margin-top: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left-column.style-1 .left-blog .blog-item .l-blog-caption h4 a:hover,
.left-column.style-5 .left-blog .blog-item .l-blog-caption h4 a:hover {
  color: #f5ab1e;
}
.left-column.style-2 .left-blog .blog-item .l-blog-caption h4 a:hover,
.left-column.style-3 .left-blog .blog-item .l-blog-caption h4 a:hover {
  color: #5fa800;
}
.left-column.style-6 .left-blog .blog-item .l-blog-caption h4 a:hover {
  color: #73841b;
}
.left-column .blog-tag h4 {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 18px;
  padding-top: 23px;
  border-top: 1px solid #eee;
}
.left-column .blog-tag ul.tegs {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.left-column .blog-tag ul.tegs li {
  margin-top: 10px;
}
.left-column .blog-tag ul.tegs li a {
  color: #999;
  font-size: 12px;
  padding: 9px 16px;
  margin-left: 10px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.left-column .blog-tag ul.tegs li a:hover {
  background-color: #000;
  color: #fff;
}
.left-column .blog-tag.style-1 ul.tegs li a {
  border-radius: 25px;
}
/* right column css */
.right-area {
  margin-top: 28px;
  margin-bottom: -12px;
}
.right-c .right-area {
  margin-top: 0px;
}
.right-area .right-column-start h4 {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 32px;
  line-height: 1;
}
.right-area .right-column-start .archive-link h5 {
  display: inline;
  color: #fff;
  font-size: 14px;
  padding: 5px 15px;
  background-color: #f5ab1e;
  font-weight: 400;
  line-height: 1;
  border-radius: 5px;
}
.right-area.style-3 .right-column-start .archive-link h5 {
  background-color: #5fa800;
}
.right-area.style-6 .right-column-start .archive-link h5 {
  background-color: #73841b;
}
.right-area.style-7 .right-column-start .archive-link h5 {
  background-color: #cd7752;
}
.right-area .right-column-start .archive-link ul {
  margin-top: 29px;
}
.right-area .right-column-start .archive-link ul li {
  margin-top: 3px;
  width: 100%;
}
.right-area .right-column-start .archive-link ul li a {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-area .right-column-start .archive-link ul li:first-child {
  margin-top: 0px;
}
.right-area .right-column-start .archive-link ul li a i {
  font-size: 12px;
}
.right-area .b-Reply {
  margin-top: 22px;
}
.right-area.style-1 .b-Reply {
  margin-top: 16px;
}
.right-area.style-2 .b-Reply {
  margin-top: 16px;
}
.right-area.style-5 .b-Reply {
  margin-top: 16px;
}
.right-area .b-Reply h4 {
  font-size: 16px;

  line-height: 1;
}
.right-area .b-Reply form {
  margin-top: 17px;
}
.right-area.style-1 .b-Reply form {
  margin-top: 27px;
}
.right-area.style-2 .b-Reply form {
  margin-top: 27px;
}
.right-area.style-5 .b-Reply form {
  margin-top: 27px;
}
.right-area .b-Reply form input {
  width: 100%;
  padding: 8px 15px;
  margin-top: 16px;
}
.right-area .b-Reply form input:first-child {
  margin-top: 0px;
}
.right-area .b-Reply form a.Reply-link {
  background-color: #f5ab1e;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #f5ab1e;
}
.right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #f5ab1e;
}
.right-area .r-image {
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #eee;
}
/* full grid blog css */
.blog-style-1-full-grid {
  counter-reset: my-sec-counter;
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-top: -30px;
}
.blog-style-1-full-grid .blog-start {
  position: relative;
}
.blog-style-1-full-grid .blog-start .blog-post {
  margin-top: 15px;
  border: 1px solid #eee;
}
.blog-style-1-full-grid .blog-start:before,
.blog-style-1-full-grid .blog-start:after {
  background-color: #f5ab1e;
}
.blog-style-1-full-grid .blog-start:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  top: 0px;
  left: 15px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  border-radius: 0px 5% 25% 25%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.blog-style-1-full-grid .blog-start:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  border-radius: 20px 5px 0px 0px;
}
.blog-style-1-full-grid .blog-start {
  width: calc(33.33% - 30px);
  margin-top: 30px;
  margin-left: 30px;
  border-radius: 5px;
}
.blog-style-1-full-grid .blog-start .blog-image {
  display: flex;
}
.blog-style-1-full-grid .blog-start .blog-image a img,
.blog-style-1-left-grid .blog-start .blog-image a img,
.blog-style-1-right-grid .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.blog-style-1-full-grid .blog-start .blog-content {
  padding: 30px;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-style-1-full-grid .blog-start .blog-content span.blog-admin {
  display: block;
  margin-top: 7px;
  line-height: 1;
}
.blog-style-1-full-grid
  .blog-start
  .blog-content
  span.blog-admin
  span.blog-editor {
  color: #000;
  font-weight: 600;
}
.blog-style-1-full-grid .blog-start .blog-content p.blog-description {
  margin-top: 21px;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link span {
  color: #222;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover span {
  color: #f5ab1e;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link i {
  padding-left: 5px;
  font-size: 12px;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover i {
  padding-left: 10px;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link span,
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-full-grid .blog-start .blog-content a.read-link i,
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-date-comment {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-date-comment a {
  font-weight: 600;
}
/* left-right grid blog css */
.blog-style-1-left-grid,
.blog-style-1-right-grid {
  counter-reset: my-sec-counter;
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -20px;
}
.blog-style-1-left-grid .blog-start,
.blog-style-1-right-grid .blog-start {
  position: relative;
}
.blog-style-1-left-grid .blog-start .blog-post,
.blog-style-1-right-grid .blog-start .blog-post {
  margin-top: 15px;
  border: 1px solid #eee;
}
.blog-style-1-left-grid .blog-start:before,
.blog-style-1-left-grid .blog-start:after,
.blog-style-1-right-grid .blog-start:before,
.blog-style-1-right-grid .blog-start:after {
  background-color: #f5ab1e;
}
.blog-style-1-left-grid .blog-start:before,
.blog-style-1-right-grid .blog-start:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  top: 0px;
  left: 15px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  border-radius: 0px 5% 25% 25%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.blog-style-1-left-grid .blog-start:after,
.blog-style-1-right-grid .blog-start:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  border-radius: 20px 5px 0px 0px;
}
.blog-style-1-left-grid .blog-start,
.blog-style-1-right-grid .blog-start {
  width: calc(33.33% - 20px);
  margin-top: 30px;
  margin-left: 20px;
  border-radius: 5px;
}
.blog-style-1-left-grid .blog-start .blog-image,
.blog-style-1-right-grid .blog-start .blog-image {
  display: flex;
}
.blog-style-1-left-grid .blog-start .blog-content,
.blog-style-1-right-grid .blog-start .blog-content {
  padding: 30px;
}
.blog-style-1-left-grid .blog-start .blog-content .blog-date-comment,
.blog-style-1-right-grid .blog-start .blog-content .blog-date-comment {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
.blog-style-1-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-style-1-right-grid .blog-start .blog-content .blog-date-comment a {
  font-weight: 600;
}
.blog-style-1-left-grid .blog-start .blog-content .blog-title h6,
.blog-style-1-right-grid .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.blog-style-1-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-1-right-grid .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-style-1-left-grid .blog-start .blog-content p.blog-description,
.blog-style-1-right-grid .blog-start .blog-content p.blog-description {
  margin-top: 21px;
  font-size: 14px;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link,
.blog-style-1-right-grid .blog-start .blog-content a.read-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link span {
  color: #222;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover span {
  color: #f5ab1e;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link i {
  padding-left: 5px;
  font-size: 12px;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover i {
  padding-left: 10px;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link span,
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-left-grid .blog-start .blog-content a.read-link i,
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-style-1-left-grid .blog-start .blog-content span.blog-admin,
.blog-style-1-right-grid .blog-start .blog-content span.blog-admin {
  display: block;
  margin-top: 7px;
  line-height: 1;
}
.blog-style-1-left-grid
  .blog-start
  .blog-content
  span.blog-admin
  span.blog-editor,
.blog-style-1-right-grid
  .blog-start
  .blog-content
  span.blog-admin
  span.blog-editor {
  color: #000;
  font-weight: 600;
}
/* full blog list css */
.blog-style-1-list {
  counter-reset: my-sec-counter;
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -30px;
}
.blog-style-1-list .blog-start {
  position: relative;
}
.blog-style-1-list .blog-start .blog-post {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.blog-style-1-list .blog-start:before,
.blog-style-1-list .blog-start:after {
  background-color: #f5ab1e;
}
.blog-style-1-list .blog-start:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  top: 0px;
  left: 15px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  border-radius: 0px 5% 25% 25%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.blog-style-1-list .blog-start:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  border-radius: 20px 5px 0px 0px;
}
.blog-style-1-list .blog-start {
  width: calc(100% - 30px);
  margin-top: 30px;
  margin-left: 30px;
  border-radius: 5px;
}
.blog-style-1-list .blog-start .blog-image {
  width: 50%;
}
.blog-style-1-list .blog-start .blog-content {
  width: 50%;
  margin-left: 30px;
}
.blog-style-1-list .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.blog-style-1-list .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dfdfdf;
  margin-top: 23px;
  padding-top: 25px;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin i {
  margin-right: 5px;
}
.blog-style-1-list
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
  margin-left: 5px;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-date i {
  margin-right: 5px;
}
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-list .blog-start .blog-content .date-comm-adit a {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit a i {
  margin-right: 5px;
}
.blog-style-1-list .blog-start .blog-content p.blog-description {
  margin-top: 20px;
  color: #999;
}
.blog-style-1-list .blog-start .blog-content a.read-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}
.blog-style-1-list .blog-start .blog-content a.read-link span {
  color: #222;
}
.blog-style-1-list .blog-start .blog-content a.read-link:hover span {
  color: #f5ab1e;
}
.blog-style-1-list .blog-start .blog-content a.read-link i {
  padding-left: 5px;
  font-size: 12px;
}
.blog-style-1-list .blog-start .blog-content a.read-link:hover i {
  padding-left: 10px;
}
.blog-style-1-list .blog-start .blog-content a.read-link span,
.blog-style-1-list .blog-start .blog-content a.read-link:hover span,
.blog-style-1-list .blog-start .blog-content a.read-link i,
.blog-style-1-list .blog-start .blog-content a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* left-right blog list css */
.blog-style-1-left-list-blog,
.blog-style-1-right-blog {
  counter-reset: my-sec-counter;
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -30px;
}
.blog-style-1-left-list-blog .blog-start,
.blog-style-1-right-blog .blog-start {
  position: relative;
}
.blog-style-1-left-list-blog .blog-start .blog-post,
.blog-style-1-right-blog .blog-start .blog-post {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.blog-style-1-left-list-blog .blog-start:before,
.blog-style-1-left-list-blog .blog-start:after,
.blog-style-1-right-blog .blog-start:before,
.blog-style-1-right-blog .blog-start:after {
  background-color: #f5ab1e;
}
.blog-style-1-left-list-blog .blog-start:before,
.blog-style-1-right-blog .blog-start:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  top: 0px;
  left: 15px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  border-radius: 0px 5% 25% 25%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.blog-style-1-left-list-blog .blog-start:after,
.blog-style-1-right-blog .blog-start:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  border-radius: 20px 5px 0px 0px;
}
.blog-style-1-left-list-blog .blog-start,
.blog-style-1-right-blog .blog-start {
  width: calc(100% - 30px);
  margin-top: 30px;
  margin-left: 30px;
  border-radius: 5px;
}
.blog-style-1-left-list-blog .blog-start .blog-image,
.blog-style-1-right-blog .blog-start .blog-image {
  display: flex;
  width: 50%;
}
.blog-style-1-list .blog-start .blog-image a img,
.blog-style-1-left-list-blog .blog-start .blog-image a img,
.blog-style-1-right-blog .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.blog-style-1-left-list-blog .blog-start .blog-content,
.blog-style-1-right-blog .blog-start .blog-content {
  width: 50%;
  margin-left: 30px;
}
.blog-style-1-right-blog .blog-start .blog-content .blog-date,
.blog-style-1-left-list-blog .blog-start .blog-content .blog-date,
.blog-style-1-list .blog-start .blog-content .blog-date {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 600;
}
.blog-style-1-left-list-blog .blog-start .blog-content .blog-date-comment a,
.blog-style-1-right-blog .blog-start .blog-content .blog-date-comment a {
  font-weight: 600;
}
.blog-style-1-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-1-right-blog .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.blog-style-1-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-1-right-blog .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dfdfdf;
  margin-top: 23px;
  padding-top: 25px;
}
.blog-style-1-left-list-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-date
  i,
.blog-style-1-right-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-date
  i {
  margin-right: 5px;
}
.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a {
  font-size: 14px;
  font-weight: 600;
}
.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a i {
  margin-right: 5px;
}
.blog-style-1-left-list-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin,
.blog-style-1-right-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin,
.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-1-left-list-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin
  i,
.blog-style-1-right-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin
  i {
  margin-right: 5px;
}
.blog-style-1-left-list-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin
  span.blog-editor,
.blog-style-1-right-blog
  .blog-start
  .blog-content
  .date-comm-adit
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
  margin-left: 5px;
}
.blog-style-1-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-1-right-blog .blog-start .blog-content p.blog-description {
  margin-top: 20px;
  color: #999;
}
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link,
.blog-style-1-right-blog .blog-start .blog-content a.read-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link span {
  color: #222;
}
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover span {
  color: #f5ab1e;
}
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link i {
  padding-left: 5px;
  font-size: 12px;
}
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover i {
  padding-left: 10px;
}
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link span,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link i,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* full-left-right details blog css */
.blog-style-1-details .single-blog-content,
.blog-style-1-left-details .single-blog-content,
.blog-style-1-right-details .single-blog-content {
  margin-top: 33px;
}
.blog-style-1-details .single-blog-content .single-b-title h4,
.blog-style-1-left-details .single-blog-content .single-b-title h4,
.blog-style-1-right-details .single-blog-content .single-b-title h4 {
  font-size: 16px;
}
.blog-style-1-details .single-blog-content .date-edit-comments,
.blog-style-1-left-details .single-blog-content .date-edit-comments,
.blog-style-1-right-details .single-blog-content .date-edit-comments {
  margin-top: 23px;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -15px 0px 0px -30px;
}
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data {
  margin: 15px 0px 0px 30px;
}
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c {
  margin-left: 5px;
}
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c {
  margin-left: 5px;
}
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-1-left-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.blog-style-1-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.blog-style-1-right-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c {
  margin-left: 5px;
}
.blog-style-1-details .single-blog-content .blog-description,
.blog-style-1-left-details .single-blog-content .blog-description,
.blog-style-1-right-details .single-blog-content .blog-description {
  margin-top: 23px;
}
.blog-style-1-details .single-blog-content .blog-description p,
.blog-style-1-left-details .single-blog-content .blog-description p,
.blog-style-1-right-details .single-blog-content .blog-description p {
  margin-top: 2px;
  letter-spacing: 0.6px;
}
.blog-style-1-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.blog-style-1-left-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.blog-style-1-right-details
  .single-blog-content
  .blog-description
  .blog-image-description {
  margin-top: 22px;
}
.blog-style-1-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.blog-style-1-left-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.blog-style-1-right-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img {
  float: left;
  margin-right: 15px;
}
.blog-style-1-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.blog-style-1-left-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.blog-style-1-right-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description {
  font-size: 14px;
  font-weight: 600;
}
.blog-style-1-details
  .single-blog-content
  .blog-description
  p.color-description,
.blog-style-1-left-details
  .single-blog-content
  .blog-description
  p.color-description,
.blog-style-1-right-details
  .single-blog-content
  .blog-description
  p.color-description {
  background-color: #f7f7f7;
  font-size: 16px;
  color: #f5ab1e;
  margin: 23px 0px;
  padding: 30px;
  border-left: 1px solid #eee;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.blog-style-1-details .single-blog-content .blog-info,
.blog-style-1-left-details .single-blog-content .blog-info,
.blog-style-1-right-details .single-blog-content .blog-info {
  padding: 30px;
  margin-top: 22px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.blog-style-1-details .single-blog-content .blog-info i.fa-quote-left,
.blog-style-1-left-details .single-blog-content .blog-info i.fa-quote-left,
.blog-style-1-right-details .single-blog-content .blog-info i.fa-quote-left {
  font-size: 30px;
  color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .blog-info h6,
.blog-style-1-left-details .single-blog-content .blog-info h6,
.blog-style-1-right-details .single-blog-content .blog-info h6 {
  color: #f5ab1e;
  font-size: 16px;
  margin-top: 9px;
  font-weight: 500;
}
.blog-style-1-details .single-blog-content .b-link,
.blog-style-1-left-details .single-blog-content .b-link,
.blog-style-1-right-details .single-blog-content .b-link {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-style-1-details .single-blog-content .b-link .blog-tag a,
.blog-style-1-left-details .single-blog-content .b-link .blog-tag a,
.blog-style-1-right-details .single-blog-content .b-link .blog-tag a {
  background-color: #f5ab1e;
  padding: 5px 10px;
  color: #fff;
  border-radius: 4px;
}
.blog-style-1-details .single-blog-content .b-link .blog-tag a:hover,
.blog-style-1-left-details .single-blog-content .b-link .blog-tag a:hover,
.blog-style-1-right-details .single-blog-content .b-link .blog-tag a:hover {
  background-color: #000;
  color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social,
.blog-style-1-left-details .single-blog-content .blog-social,
.blog-style-1-right-details .single-blog-content .blog-social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.blog-style-1-details .single-blog-content .blog-social a.facebook,
.blog-style-1-details .single-blog-content .blog-social a.twitter,
.blog-style-1-details .single-blog-content .blog-social a.insta,
.blog-style-1-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-left-details .single-blog-content .blog-social a.facebook,
.blog-style-1-left-details .single-blog-content .blog-social a.twitter,
.blog-style-1-left-details .single-blog-content .blog-social a.insta,
.blog-style-1-left-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-right-details .single-blog-content .blog-social a.facebook,
.blog-style-1-right-details .single-blog-content .blog-social a.twitter,
.blog-style-1-right-details .single-blog-content .blog-social a.insta,
.blog-style-1-right-details .single-blog-content .blog-social a.pinterest {
  width: 35px;
  height: 35px;
  font-size: 14px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.blog-style-1-details .single-blog-content .blog-social a.facebook,
.blog-style-1-left-details .single-blog-content .blog-social a.facebook,
.blog-style-1-right-details .single-blog-content .blog-social a.facebook {
  background-color: #3b5999;
  color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a.twitter,
.blog-style-1-left-details .single-blog-content .blog-social a.twitter,
.blog-style-1-right-details .single-blog-content .blog-social a.twitter {
  background-color: #55acee;
  color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a.insta,
.blog-style-1-left-details .single-blog-content .blog-social a.insta,
.blog-style-1-right-details .single-blog-content .blog-social a.insta {
  background-color: #dd4b39;
  color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-left-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-right-details .single-blog-content .blog-social a.pinterest {
  background-color: #bd081c;
  color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a:hover,
.blog-style-1-left-details .single-blog-content .blog-social a:hover,
.blog-style-1-right-details .single-blog-content .blog-social a:hover {
  background-color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .blog-comments,
.blog-style-1-left-details .single-blog-content .blog-comments,
.blog-style-1-right-details .single-blog-content .blog-comments {
  margin-top: 23px;
}
.blog-style-1-details .single-blog-content .blog-comments h4,
.blog-style-1-left-details .single-blog-content .blog-comments h4,
.blog-style-1-right-details .single-blog-content .blog-comments h4 {
  font-size: 18px;
}
.blog-style-1-details .single-blog-content .blog-comments h4 span,
.blog-style-1-left-details .single-blog-content .blog-comments h4 span,
.blog-style-1-right-details .single-blog-content .blog-comments h4 span {
  color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info {
  margin-top: 23px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae {
  display: flex;
  margin-top: 24px;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply {
  margin-left: 50px;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply {
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type {
  margin-top: 0px;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man {
  width: 45px;
  height: 45px;
  background-color: #f5ab1e;
  color: #fff;
  margin-right: 15px;
  font-size: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content {
  width: calc(100% - 45px);
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result {
  display: block;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name {
  margin-top: 5px;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i {
  font-style: normal;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date {
  font-weight: 600;
  margin-top: 6px;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply {
  margin-left: 30px;
  color: #f5ab1e;
  font-weight: 500;
}
.blog-style-1-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.blog-style-1-left-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.blog-style-1-right-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title {
  font-weight: 600;
  color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .comments-form,
.blog-style-1-left-details .single-blog-content .comments-form,
.blog-style-1-right-details .single-blog-content .comments-form {
  margin-top: 24px;
  padding-top: 23px;
  border-top: 1px solid #eee;
}
.blog-style-1-details .single-blog-content .comments-form h4,
.blog-style-1-left-details .single-blog-content .comments-form h4,
.blog-style-1-right-details .single-blog-content .comments-form h4 {
  font-size: 18px;
}
.blog-style-1-details .single-blog-content .comments-form form,
.blog-style-1-left-details .single-blog-content .comments-form form,
.blog-style-1-right-details .single-blog-content .comments-form form {
  margin-top: 18px;
}
.blog-style-1-details .single-blog-content .comments-form form label,
.blog-style-1-left-details .single-blog-content .comments-form form label,
.blog-style-1-right-details .single-blog-content .comments-form form label {
  margin-top: 15px;
}
.blog-style-1-details
  .single-blog-content
  .comments-form
  form
  label:first-child,
.blog-style-1-left-details
  .single-blog-content
  .comments-form
  form
  label:first-child,
.blog-style-1-right-details
  .single-blog-content
  .comments-form
  form
  label:first-child {
  margin-top: 0px;
}
.blog-style-1-details .single-blog-content .comments-form form input,
.blog-style-1-left-details .single-blog-content .comments-form form input,
.blog-style-1-right-details .single-blog-content .comments-form form input {
  width: 100%;
  padding: 10px 15px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.blog-style-1-details .single-blog-content .comments-form form input:focus,
.blog-style-1-left-details .single-blog-content .comments-form form input:focus,
.blog-style-1-right-details
  .single-blog-content
  .comments-form
  form
  input:focus {
  border-color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .comments-form form textarea,
.blog-style-1-left-details .single-blog-content .comments-form form textarea,
.blog-style-1-right-details .single-blog-content .comments-form form textarea {
  width: 100%;
  margin-top: 10px;
  min-height: 100px;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
  resize: unset;
}
.blog-style-1-details .single-blog-content .comments-form form textarea:focus,
.blog-style-1-left-details
  .single-blog-content
  .comments-form
  form
  textarea:focus,
.blog-style-1-right-details
  .single-blog-content
  .comments-form
  form
  textarea:focus {
  border-color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-left-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-right-details .single-blog-content .comments-form a.btn-style1 {
  margin-top: 24px;
}
/* center blog css */
.cetner-blog-area {
  counter-reset: my-sec-counter;
  display: flex;
  flex-wrap: wrap;
}
.cetner-blog-area .blog-start {
  position: relative;
}
.cetner-blog-area .blog-start .blog-post {
  margin-top: 15px;
  border: 1px solid #eee;
}
.cetner-blog-area .blog-start:before,
.cetner-blog-area .blog-start:after {
  background-color: #f5ab1e;
}
.cetner-blog-area .blog-start:before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  top: 0px;
  left: 15px;
  width: 60px;
  height: 60px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  border-radius: 0px 5% 25% 25%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.cetner-blog-area .blog-start:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  border-radius: 20px 5px 0px 0px;
}
.cetner-blog-area .blog-start {
  width: 100%;
  margin-top: 30px;
  border-radius: 5px;
}
.cetner-blog-area .blog-start:nth-child(1) {
  margin-top: 0px;
}
.cetner-blog-area .blog-start .blog-image {
  display: flex;
}
.cetner-blog-area .blog-start .blog-content {
  padding: 30px;
}
.cetner-blog-area .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.cetner-blog-area .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cetner-blog-area .blog-start .blog-content span.blog-admin {
  display: block;
  margin-top: 7px;
  line-height: 1;
}
.cetner-blog-area .blog-start .blog-content span.blog-admin span.blog-editor {
  color: #000;
  font-weight: 600;
}
.cetner-blog-area .blog-start .blog-content p.blog-description {
  font-size: 14px;
  margin-top: 21px;
}
.cetner-blog-area .blog-start .blog-content a.read-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}
.cetner-blog-area .blog-start .blog-content a.read-link span {
  color: #222;
}
.cetner-blog-area .blog-start .blog-content a.read-link:hover span {
  color: #f5ab1e;
}
.cetner-blog-area .blog-start .blog-content a.read-link i {
  padding-left: 5px;
  font-size: 12px;
}
.cetner-blog-area .blog-start .blog-content a.read-link:hover i {
  padding-left: 10px;
}
.cetner-blog-area .blog-start .blog-content a.read-link span,
.cetner-blog-area .blog-start .blog-content a.read-link:hover span,
.cetner-blog-area .blog-start .blog-content a.read-link i,
.cetner-blog-area .blog-start .blog-content a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cetner-blog-area .blog-start .blog-content .blog-date-comment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
}
.cetner-blog-area .blog-start .blog-content .blog-date-comment a {
  font-size: 14px;
  font-weight: 600;
}
/* center blog right column btn css */
.right-area .b-Reply form a.btn-style1 {
  width: 100%;
  margin-top: 30px;
}
.center-right-area.style-3 .b-Reply form a.Reply-link-3 {
  background-color: #5fa800;
  width: 100%;
  position: relative;
  color: #fff;
  font-size: 13px;
  padding: 8px 25px;
  margin-top: 30px;
  border: 2px solid #5fa800;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 4px;
}
.right-area.style-5 .b-Reply form a.Reply-link {
  position: relative;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  background-color: #f5ab1e;

  font-weight: 600;
  border: 2px solid #f5ab1e;
  border-radius: 3px;
  border-color: #f5ab1e;
}
.right-area.style-5 .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #f5ab1e;
  border-color: #f5ab1e;
}
.center-right-area.style-6 .b-Reply form a.Reply-link-6 {
  position: relative;
  width: 100%;
  background-color: #73841b;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50px;
  border-color: #73841b;
}
/* style-2 blog pagination css */
.all-page span.page-title {
  color: #333;
  display: block;
  text-align: center;
  margin-top: 30px;
  font-weight: 500;
}
.all-page .page-number {
  text-align: center;
  margin-top: 19px;
}
.all-page .page-number a {
  position: relative;
  margin-right: 5px;
}
.all-page .page-number a:after {
  background-color: #5fa800;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
  opacity: 1;
  visibility: visible;
}
.all-page .page-number a:hover,
.all-page .page-number a.active {
  color: #5fa800;
}
.all-page .page-number a:last-child:after {
  display: none;
}
/* right column css */
.right-area.style-1 .right-column-start .archive-link ul li a:hover,
.right-area.style-5 .right-column-start .archive-link ul li a:hover {
  color: #f5ab1e;
}
.right-area.style-2 .right-column-start .archive-link ul li a:hover,
.center-right-area.style-3 .right-column-start .archive-link ul li a:hover,
.right-area.style-3 .right-column-start .archive-link ul li a:hover {
  color: #5fa800;
}
.center-right-area.style-6 .right-column-start .archive-link ul li a:hover {
  color: #73841b;
}
.right-area.style-7 .right-column-start .archive-link ul li a:hover {
  color: #cd7752;
}
.right-area .b-Reply form a.Reply-link {
  background-color: #5fa800;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #5fa800;
}
.right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #5fa800;
}
/* left-right-full grid blog css */
.full-blog-style-2,
.left-style-2-blog,
.right-style-2-blog {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-top: -30px;
}
.full-blog-style-2 .blog-start,
.left-style-2-blog .blog-start,
.right-style-2-blog .blog-start {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.full-blog-style-2 .blog-start .blog-image a,
.left-style-2-blog .blog-start .blog-image a,
.right-style-2-blog .blog-start .blog-image a {
  display: block;
}
.full-blog-style-2 .blog-start .blog-image a img,
.left-style-2-blog .blog-start .blog-image a img,
.right-style-2-blog .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.full-blog-style-2 .blog-start .blog-content,
.left-style-2-blog .blog-start .blog-content,
.right-style-2-blog .blog-start .blog-content {
  padding-top: 30px;
}
.full-blog-style-2 .blog-start .blog-content .blog-date-comment,
.left-style-2-blog .blog-start .blog-content .blog-date-comment,
.right-style-2-blog .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.right-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-style-2 .blog-start .blog-content .blog-date-comment a,
.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a {
  display: flex;
  align-items: center;
  line-height: 1;
}
.right-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-style-2-blog
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.full-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i {
  margin-right: 5px;
}
.full-blog-style-2 .blog-start .blog-content .blog-date-comment a,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a:hover,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a:hover {
  color: #5fa800;
}
.left-style-2-blog
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.full-blog-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.full-blog-style-2 .blog-start .blog-content .blog-title h6,
.left-style-2-blog .blog-start .blog-content .blog-title h6,
.right-style-2-blog .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 20px;
  padding-top: 13px;
  border-top: 1px solid #ededed;
}
.full-blog-style-2 .blog-start .blog-content .blog-title h6 a,
.left-style-2-blog .blog-start .blog-content .blog-title h6 a,
.right-style-2-blog .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.left-style-2-blog .blog-start .blog-content .blog-title h6 a:hover,
.right-style-2-blog .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.full-blog-style-2 .blog-start .blog-content p.blog-description,
.left-style-2-blog .blog-start .blog-content p.blog-description,
.right-style-2-blog .blog-start .blog-content p.blog-description {
  margin-top: 16px;
}
.full-blog-style-2 .blog-start .blog-content .more-blog,
.left-style-2-blog .blog-start .blog-content .more-blog,
.right-style-2-blog .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 14px;
  font-weight: 600;
}
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
.full-blog-style-2
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.left-style-2-blog
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.right-style-2-blog
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* left-right-full list blog css */
.full-blog-list-style-2 .blog-start {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.left-blog-list-style-2 .blog-start {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.right-blog-list-style-2 .blog-start {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.full-blog-list-style-2 .blog-start .blog-image,
.left-blog-list-style-2 .blog-start .blog-image,
.right-blog-list-style-2 .blog-start .blog-image {
  width: 50%;
}
.full-blog-list-style-2 .blog-start .blog-image a,
.left-blog-list-style-2 .blog-start .blog-image a,
.right-blog-list-style-2 .blog-start .blog-image a {
  display: block;
}
.full-blog-list-style-2 .blog-start .blog-image a img,
.left-blog-list-style-2 .blog-start .blog-image a img,
.right-blog-list-style-2 .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.full-blog-list-style-2 .blog-start .blog-content,
.left-blog-list-style-2 .blog-start .blog-content,
.right-blog-list-style-2 .blog-start .blog-content {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.left-blog-list-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.right-blog-list-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover {
  color: #5fa800;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.left-blog-list-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.right-blog-list-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i {
  margin-right: 5px;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 30px;
  padding-top: 23px;
  border-top: 1px solid #ededed;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.full-blog-list-style-2 .blog-start .blog-content p.blog-description,
.left-blog-list-style-2 .blog-start .blog-content p.blog-description,
.right-blog-list-style-2 .blog-start .blog-content p.blog-description {
  margin-top: 16px;
}
.full-blog-list-style-2 .blog-start .blog-content .more-blog,
.left-blog-list-style-2 .blog-start .blog-content .more-blog,
.right-blog-list-style-2 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 14px;
  font-weight: 600;
}
.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
.full-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.left-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.right-blog-list-style-2
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* left-right-full details blog css */
.style-2-full-blog-area .single-image {
  margin-bottom: 33px;
}
.style-2-right-blog-details .single-blog-content,
.style-2-left-blog-details .single-blog-content {
  margin-top: 33px;
}
.style-2-full-blog-area .single-blog-content .single-b-title h4,
.style-2-right-blog-details .single-blog-content .single-b-title h4,
.style-2-left-blog-details .single-blog-content .single-b-title h4 {
  font-size: 16px;
}
.style-2-full-blog-area .single-blog-content .date-edit-comments,
.style-2-right-blog-details .single-blog-content .date-edit-comments,
.style-2-left-blog-details .single-blog-content .date-edit-comments {
  margin-top: 23px;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -15px 0px 0px -30px;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data {
  margin: 15px 0px 0px 30px;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date {
  margin-right: 30px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c {
  margin-left: 5px;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit {
  margin-right: 30px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c {
  margin-left: 5px;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments {
  display: flex;
  align-items: center;
  line-height: 1;
}
.style-2-full-blog-area
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.style-2-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.style-2-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c {
  margin-left: 5px;
}
.style-2-full-blog-area .single-blog-content .blog-description,
.style-2-right-blog-details .single-blog-content .blog-description,
.style-2-left-blog-details .single-blog-content .blog-description {
  margin-top: 23px;
}
.style-2-full-blog-area .single-blog-content .blog-description p,
.style-2-right-blog-details .single-blog-content .blog-description p,
.style-2-left-blog-details .single-blog-content .blog-description p {
  margin-top: 1px;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-description
  .blog-image-description,
.style-2-right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.style-2-left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description {
  margin-top: 22px;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.style-2-right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.style-2-left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img {
  float: left;
  margin-right: 30px;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.style-2-right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.style-2-left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description {
  font-size: 15px;
  font-weight: 600;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-description
  p.color-description,
.style-2-right-blog-details
  .single-blog-content
  .blog-description
  p.color-description,
.style-2-left-blog-details
  .single-blog-content
  .blog-description
  p.color-description {
  background-color: #f7f7f7;
  font-size: 16px;
  color: #5fa800;
  margin: 22px 0px;
  padding: 30px;
  border-left: 1px solid #eee;
}
.style-2-full-blog-area .single-blog-content .blog-info,
.style-2-right-blog-details .single-blog-content .blog-info,
.style-2-left-blog-details .single-blog-content .blog-info {
  padding: 30px;
  margin-top: 22px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.style-2-full-blog-area .single-blog-content .blog-info i.fa-quote-left,
.style-2-right-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-2-left-blog-details .single-blog-content .blog-info i.fa-quote-left {
  font-size: 30px;
  color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .blog-info h6,
.style-2-right-blog-details .single-blog-content .blog-info h6,
.style-2-left-blog-details .single-blog-content .blog-info h6 {
  color: #5fa800;
  font-size: 16px;
  font-weight: 600;
  margin-top: 9px;
}
.style-2-full-blog-area .single-blog-content .b-link,
.style-2-right-blog-details .single-blog-content .b-link,
.style-2-left-blog-details .single-blog-content .b-link {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style-2-full-blog-area .single-blog-content .b-link a,
.style-2-right-blog-details .single-blog-content .b-link a,
.style-2-left-blog-details .single-blog-content .b-link a {
  background-color: #5fa800;
  padding: 5px 10px;
  color: #fff;
  border-radius: 4px;
}
.style-2-full-blog-area .single-blog-content .b-link a:hover,
.style-2-right-blog-details .single-blog-content .b-link a:hover,
.style-2-left-blog-details .single-blog-content .b-link a:hover {
  background-color: #000;
  color: #fff;
}
.style-2-full-blog-area .single-blog-content .blog-social,
.style-2-right-blog-details .single-blog-content .blog-social,
.style-2-left-blog-details .single-blog-content .blog-social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.style-2-full-blog-area .single-blog-content .blog-social a.facebook,
.style-2-full-blog-area .single-blog-content .blog-social a.twitter,
.style-2-full-blog-area .single-blog-content .blog-social a.insta,
.style-2-full-blog-area .single-blog-content .blog-social a.pinterest,
.style-2-right-blog-details .single-blog-content .blog-social a.facebook,
.style-2-right-blog-details .single-blog-content .blog-social a.twitter,
.style-2-right-blog-details .single-blog-content .blog-social a.insta,
.style-2-right-blog-details .single-blog-content .blog-social a.pinterest,
.style-2-left-blog-details .single-blog-content .blog-social a.facebook,
.style-2-left-blog-details .single-blog-content .blog-social a.twitter,
.style-2-left-blog-details .single-blog-content .blog-social a.insta,
.style-2-left-blog-details .single-blog-content .blog-social a.pinterest {
  width: 30px;
  height: 30px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.style-2-full-blog-area .single-blog-content .blog-social a.facebook,
.style-2-right-blog-details .single-blog-content .blog-social a.facebook,
.style-2-left-blog-details .single-blog-content .blog-social a.facebook {
  background-color: #3b5999;
  color: #fff;
}
.style-2-full-blog-area .single-blog-content .blog-social a.twitter,
.style-2-right-blog-details .single-blog-content .blog-social a.twitter,
.style-2-left-blog-details .single-blog-content .blog-social a.twitter {
  background-color: #55acee;
  color: #fff;
}
.style-2-full-blog-area .single-blog-content .blog-social a.insta,
.style-2-right-blog-details .single-blog-content .blog-social a.insta,
.style-2-left-blog-details .single-blog-content .blog-social a.insta {
  background-color: #dd4b39;
  color: #fff;
}
.style-2-full-blog-area .single-blog-content .blog-social a.pinterest,
.style-2-right-blog-details .single-blog-content .blog-social a.pinterest,
.style-2-left-blog-details .single-blog-content .blog-social a.pinterest {
  background-color: #bd081c;
  color: #fff;
}
.style-2-full-blog-area .single-blog-content .blog-social a:hover,
.style-2-right-blog-details .single-blog-content .blog-social a:hover,
.style-2-left-blog-details .single-blog-content .blog-social a:hover {
  background-color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .blog-comments,
.style-2-right-blog-details .single-blog-content .blog-comments,
.style-2-left-blog-details .single-blog-content .blog-comments {
  margin-top: 23px;
}
.style-2-full-blog-area .single-blog-content .blog-comments h4,
.style-2-right-blog-details .single-blog-content .blog-comments h4,
.style-2-left-blog-details .single-blog-content .blog-comments h4 {
  font-size: 18px;
}
.style-2-full-blog-area .single-blog-content .blog-comments h4 span,
.style-2-right-blog-details .single-blog-content .blog-comments h4 span,
.style-2-left-blog-details .single-blog-content .blog-comments h4 span {
  color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info {
  margin-top: 23px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae {
  margin-top: 24px;
  display: flex;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type {
  margin-top: 0px;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply {
  padding-left: 50px;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply {
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man {
  width: 45px;
  height: 45px;
  background-color: #5fa800;
  color: #fff;
  margin-right: 15px;
  font-size: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content {
  width: calc(100% - 45px);
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result {
  display: block;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name {
  margin-top: 5px;
  margin-bottom: 5px;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i {
  font-style: normal;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date {
  font-weight: 600;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply {
  color: #5fa800;
  margin-left: 30px;
  font-weight: 500;
}
.style-2-full-blog-area
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.style-2-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.style-2-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title {
  font-weight: 600;
  color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .comments-form,
.style-2-right-blog-details .single-blog-content .comments-form,
.style-2-left-blog-details .single-blog-content .comments-form {
  margin-top: 24px;
  padding-top: 23px;
  border-top: 1px solid #eee;
}
.style-2-full-blog-area .single-blog-content .comments-form h4,
.style-2-right-blog-details .single-blog-content .comments-form h4,
.style-2-left-blog-details .single-blog-content .comments-form h4 {
  font-size: 18px;
}
.style-2-full-blog-area .single-blog-content .comments-form form,
.style-2-right-blog-details .single-blog-content .comments-form form,
.style-2-left-blog-details .single-blog-content .comments-form form {
  margin-top: 18px;
}
.style-2-full-blog-area .single-blog-content .comments-form form label,
.style-2-right-blog-details .single-blog-content .comments-form form label,
.style-2-left-blog-details .single-blog-content .comments-form form label {
  margin-top: 15px;
}
.style-2-full-blog-area
  .single-blog-content
  .comments-form
  form
  label:first-child,
.style-2-right-blog-details
  .single-blog-content
  .comments-form
  form
  label:first-child,
.style-2-left-blog-details
  .single-blog-content
  .comments-form
  form
  label:first-child {
  margin-top: 0px;
}
.style-2-full-blog-area .single-blog-content .comments-form form input,
.style-2-right-blog-details .single-blog-content .comments-form form input,
.style-2-left-blog-details .single-blog-content .comments-form form input {
  width: 100%;
  padding: 10px 15px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.style-2-full-blog-area .single-blog-content .comments-form form input:focus,
.style-2-right-blog-details
  .single-blog-content
  .comments-form
  form
  input:focus,
.style-2-left-blog-details
  .single-blog-content
  .comments-form
  form
  input:focus {
  border-color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .comments-form form textarea,
.style-2-right-blog-details .single-blog-content .comments-form form textarea,
.style-2-left-blog-details .single-blog-content .comments-form form textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px 15px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 3px;
  resize: unset;
}
.style-2-full-blog-area .single-blog-content .comments-form form textarea:focus,
.style-2-right-blog-details
  .single-blog-content
  .comments-form
  form
  textarea:focus,
.style-2-left-blog-details
  .single-blog-content
  .comments-form
  form
  textarea:focus {
  border-color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .comments-form a.btn-style1,
.style-2-right-blog-details .single-blog-content .comments-form a.btn-style1,
.style-2-left-blog-details .single-blog-content .comments-form a.btn-style1 {
  margin-top: 24px;
  background-color: #5fa800;
  border-color: #5fa800;
}
.style-2-full-blog-area .single-blog-content .comments-form a.btn-style1:hover,
.style-2-right-blog-details
  .single-blog-content
  .comments-form
  a.btn-style1:hover,
.style-2-left-blog-details
  .single-blog-content
  .comments-form
  a.btn-style1:hover {
  background-color: transparent;
  color: #000;
  border-color: #5fa800;
}
/* center blog css */
.cetner-blog-style-2 {
  display: flex;
  flex-wrap: wrap;
}
.cetner-blog-style-2 .blog-start {
  width: 100%;
  margin-top: 30px;
}
.cetner-blog-style-2 .blog-start:nth-child(1) {
  margin-top: 0px;
}
.cetner-blog-style-2 .blog-start .blog-image a {
  display: block;
}
.cetner-blog-style-2 .blog-start .blog-content {
  padding-top: 30px;
}
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.cetner-blog-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment a {
  display: flex;
  align-items: center;
  line-height: 1;
}
.cetner-blog-style-2
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 20px;
  padding-top: 13px;
  border-top: 1px solid #ededed;
}
.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.cetner-blog-style-2 .blog-start .blog-content p.blog-description {
  margin-top: 16px;
}
.cetner-blog-style-2 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
  padding-left: 5px;
}
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
.cetner-blog-style-2
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* blog style-3 section title */
.section-title3 h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}
.section-title3 h2 span {
  position: relative;
}
.section-title3 h2 span::before,
.section-title3 h2 span::after {
  background-color: #5fa800;
  content: "";
  position: absolute;
  bottom: 50%;
  width: 10px;
  height: 2px;
}
.section-title3 h2 span::before {
  left: -25px;
}
.section-title3 h2 span::after {
  right: -25px;
}
/* style-3 blog css */
.full-blog-style-3,
.blog-style-3-left-grid,
.blog-style-3-right-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-top: -30px;
}
.full-blog-style-3 .blog-start,
.blog-style-3-left-grid .blog-start,
.blog-style-3-right-grid .blog-start {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.full-blog-style-3 .blog-start .blog-image,
.blog-style-3-left-grid .blog-start .blog-image,
.blog-style-3-right-grid .blog-start .blog-image {
  display: flex;
}
.full-blog-style-3 .blog-start .blog-image a::after,
.blog-style-3-left-grid .blog-start .blog-image a::after,
.blog-style-3-right-grid .blog-start .blog-image a::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-style-3 .blog-start:hover .blog-image a::after,
.blog-style-3-left-grid .blog-start:hover .blog-image a::after,
.blog-style-3-right-grid .blog-start:hover .blog-image a::after {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-style-3 .blog-start .blog-image a,
.blog-style-3-left-grid .blog-start .blog-image a,
.blog-style-3-right-grid .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.full-blog-style-3 .blog-start .blog-image a img,
.blog-style-3-left-grid .blog-start .blog-image a img,
.blog-style-3-right-grid .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.full-blog-style-3 .blog-start:hover .blog-image a img,
.blog-style-3-left-grid .blog-start:hover .blog-image a img,
.blog-style-3-right-grid .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.full-blog-style-3 .blog-start .blog-image a img,
.full-blog-style-3 .blog-start:hover .blog-image a img,
.blog-style-3-left-grid .blog-start .blog-image a img,
.blog-style-3-left-grid .blog-start:hover .blog-image a img,
.blog-style-3-right-grid .blog-start .blog-image a img,
.blog-style-3-right-grid .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-style-3 .blog-start .blog-content,
.blog-style-3-left-grid .blog-start .blog-content,
.blog-style-3-right-grid .blog-start .blog-content {
  padding-top: 30px;
}
.full-blog-style-3 .blog-start .blog-content .blog-date-comment,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.full-blog-style-3 .blog-start .blog-content .blog-date-comment a,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a,
.full-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.blog-style-3-left-grid
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.blog-style-3-right-grid
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a:hover,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a:hover {
  color: #5fa800;
}
.full-blog-style-3 .blog-start .blog-content .blog-date-comment a i,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a i,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a i,
.full-blog-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.blog-style-3-left-grid
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.blog-style-3-right-grid
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i {
  margin-right: 5px;
}
.full-blog-style-3 .blog-start .blog-content .blog-title h6,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 20px;
  padding-top: 13px;
  border-top: 1px solid #ededed;
}
.full-blog-style-3 .blog-start .blog-content .blog-title h6 a,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.full-blog-style-3 .blog-start .blog-content p.blog-description,
.blog-style-3-left-grid .blog-start .blog-content p.blog-description,
.blog-style-3-right-grid .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
  font-size: 14px;
}
.full-blog-style-3 .blog-start .blog-content .more-blog,
.blog-style-3-left-grid .blog-start .blog-content .more-blog,
.blog-style-3-right-grid .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 14px;
}
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-left-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-right-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-left-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-3-right-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
.full-blog-style-3
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.blog-style-3-left-grid
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.blog-style-3-right-grid
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
.all-page span.page-title {
  color: #333;
  display: block;
  text-align: center;
  margin-top: 30px;
  font-weight: 500;
}
/* full-left-right list blog css */
.full-blog-list-style-3,
.left-blog-list-style-3,
.right-blog-style-3 {
  display: flex;
  flex-wrap: wrap;
}
.full-blog-list-style-3 .blog-start,
.left-blog-list-style-3 .blog-start,
.right-blog-style-3 .blog-start {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
.full-blog-list-style-3 .blog-start .blog-image,
.left-blog-list-style-3 .blog-start .blog-image,
.right-blog-style-3 .blog-start .blog-image {
  display: flex;
  width: 50%;
}
.full-blog-list-style-3 .blog-start .blog-image a::after,
.left-blog-list-style-3 .blog-start .blog-image a::after,
.right-blog-style-3 .blog-start .blog-image a::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-list-style-3 .blog-start:hover .blog-image a::after,
.left-blog-list-style-3 .blog-start:hover .blog-image a::after,
.right-blog-style-3 .blog-start:hover .blog-image a::after {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-list-style-3 .blog-start .blog-image a,
.left-blog-list-style-3 .blog-start .blog-image a,
.right-blog-style-3 .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.full-blog-list-style-3 .blog-start .blog-image a img,
.left-blog-list-style-3 .blog-start .blog-image a img,
.right-blog-style-3 .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.full-blog-list-style-3 .blog-start:hover .blog-image a img,
.left-blog-list-style-3 .blog-start:hover .blog-image a img,
.right-blog-style-3 .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.full-blog-list-style-3 .blog-start .blog-image a img,
.full-blog-list-style-3 .blog-start:hover .blog-image a img,
.left-blog-list-style-3 .blog-start .blog-image a img,
.left-blog-list-style-3 .blog-start:hover .blog-image a img,
.right-blog-style-3 .blog-start .blog-image a img,
.right-blog-style-3 .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-list-style-3 .blog-start .blog-content,
.left-blog-list-style-3 .blog-start .blog-content,
.right-blog-style-3 .blog-start .blog-content {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.left-blog-list-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.right-blog-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover {
  color: #5fa800;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a i,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.left-blog-list-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.right-blog-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i {
  margin-right: 5px;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid #ededed;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6 a,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-list-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.full-blog-list-style-3 .blog-start .blog-content p.blog-description,
.left-blog-list-style-3 .blog-start .blog-content p.blog-description,
.right-blog-style-3 .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 17px;
  font-size: 14px;
}
.full-blog-list-style-3 .blog-start .blog-content .more-blog,
.left-blog-list-style-3 .blog-start .blog-content .more-blog,
.right-blog-style-3 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
  padding-left: 5px;
}
.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-3
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-3
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-3
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-3
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
.full-blog-list-style-3
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.left-blog-list-style-3
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.right-blog-style-3
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* style 3 full-left-right blog details css */
/* carousel dots css */
.blog-page .full-blog-details .single-image-carousel,
.left-blog-details .single-image-carousel,
.right-blog-details .single-image-carousel {
  position: relative;
}
.blog-page .full-blog-details .single-image-carousel .owl-dots,
.left-blog-details .single-image-carousel .owl-dots,
.right-blog-details .single-image-carousel .owl-dots {
  position: absolute;
  bottom: 10px;
  right: 0px;
  left: 0px;
  margin-top: 0px;
}
.blog-page
  .full-blog-details
  .single-image-carousel
  .owl-dots
  button.owl-dot
  span,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot span,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot span {
  background-color: #5fa800;
  width: 7px;
  height: 7px;
}
.blog-page
  .full-blog-details
  .single-image-carousel
  .owl-dots
  button.owl-dot
  :hover,
.blog-page
  .full-blog-details
  .single-image-carousel
  .owl-dots
  button.owl-dot.active
  span,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot.active span,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.right-blog-details
  .single-image-carousel
  .owl-dots
  button.owl-dot.active
  span {
  background-color: #000;
}
.full-blog-details .single-image-carousel .items,
.left-blog-details .single-image-carousel .items,
.right-blog-details .single-image-carousel .items {
  display: flex;
}
.full-blog-details .single-image-carousel a::after,
.left-blog-details .single-image-carousel a::after,
.right-blog-details .single-image-carousel a::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-details .single-image-carousel:hover a::after,
.left-blog-details .single-image-carousel:hover a::after,
.right-blog-details .single-image-carousel:hover a::after {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-details .single-image-carousel a,
.left-blog-details .single-image-carousel a,
.right-blog-details .single-image-carousel a {
  position: relative;
  overflow: hidden;
}
.full-blog-details .single-image-carousel:hover a img,
.left-blog-details .single-image-carousel:hover a img,
.right-blog-details .single-image-carousel:hover a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.full-blog-details .single-image-carousel a img,
.full-blog-details .single-image-carousel:hover a img,
.left-blog-details .single-image-carousel a img,
.left-blog-details .single-image-carousel:hover a img,
.right-blog-details .single-image-carousel a img,
.right-blog-details .single-image-carousel:hover a img {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.full-blog-details .single-blog-content,
.left-blog-details .single-blog-content,
.right-blog-details .single-blog-content {
  margin-top: 33px;
}
.full-blog-details .single-blog-content .single-b-title h4,
.left-blog-details .single-blog-content .single-b-title h4,
.right-blog-details .single-blog-content .single-b-title h4 {
  font-size: 16px;
}
.full-blog-details .single-blog-content .date-edit-comments,
.left-blog-details .single-blog-content .date-edit-comments,
.right-blog-details .single-blog-content .date-edit-comments {
  margin-top: 23px;
}
.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -15px 0px 0px -30px;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data {
  margin: 15px 0px 0px 30px;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c {
  margin-left: 5px;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c {
  margin-left: 5px;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c {
  margin-left: 5px;
}
.full-blog-details .single-blog-content .blog-description,
.left-blog-details .single-blog-content .blog-description,
.right-blog-details .single-blog-content .blog-description {
  margin-top: 23px;
}
.full-blog-details .single-blog-content .blog-description p,
.left-blog-details .single-blog-content .blog-description p,
.right-blog-details .single-blog-content .blog-description p {
  margin-top: 1px;
}
.full-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description {
  margin-top: 22px;
}
.full-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img {
  float: left;
  margin-right: 30px;
}
.full-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description {
  font-size: 15px;
  font-weight: 600;
}
.full-blog-details .single-blog-content .blog-description p.color-description,
.left-blog-details .single-blog-content .blog-description p.color-description,
.right-blog-details .single-blog-content .blog-description p.color-description {
  background-color: #f7f7f7;
  font-size: 16px;
  color: #5fa800;
  margin: 22px 0px;
  padding: 30px;
  border-left: 1px solid #eee;
}
.full-blog-details .single-blog-content .blog-info,
.left-blog-details .single-blog-content .blog-info,
.right-blog-details .single-blog-content .blog-info {
  padding: 30px;
  margin-top: 22px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.full-blog-details .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details .single-blog-content .blog-info i.fa-quote-left {
  font-size: 30px;
  color: #5fa800;
}
.full-blog-details .single-blog-content .blog-info h6,
.left-blog-details .single-blog-content .blog-info h6,
.right-blog-details .single-blog-content .blog-info h6 {
  color: #5fa800;
  font-size: 16px;
  margin-top: 9px;
  font-weight: 600;
}
.full-blog-details .single-blog-content .blog-comments h4,
.left-blog-details .single-blog-content .blog-comments h4,
.right-blog-details .single-blog-content .blog-comments h4 {
  font-size: 18px;
}
.full-blog-details .single-blog-content .blog-comments h4 span,
.left-blog-details .single-blog-content .blog-comments h4 span,
.right-blog-details .single-blog-content .blog-comments h4 span {
  color: #5fa800;
}
.full-blog-details .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info {
  margin-top: 22px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae {
  display: flex;
  margin-top: 24px;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply {
  padding-left: 50px;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply {
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type {
  margin-top: 0px;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man {
  width: 45px;
  height: 45px;
  background-color: #5fa800;
  color: #fff;
  margin-right: 15px;
  font-size: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content {
  width: calc(100% - 45px);
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result {
  display: block;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name {
  margin: 5px 0px;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i {
  font-style: normal;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date {
  font-weight: 600;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply {
  margin-left: 30px;
  color: #5fa800;
  font-weight: 500;
}
.full-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title {
  font-weight: 600;
  color: #5fa800;
}
.full-blog-details .single-blog-content .b-link,
.left-blog-details .single-blog-content .b-link,
.right-blog-details .single-blog-content .b-link {
  margin-top: 30px;
}
.full-blog-details .single-blog-content .b-link a,
.left-blog-details .single-blog-content .b-link a,
.right-blog-details .single-blog-content .b-link a {
  background-color: #5fa800;
  padding: 5px 10px;
  color: #fff;
  border-radius: 4px;
}
.full-blog-details .single-blog-content .b-link a:hover,
.left-blog-details .single-blog-content .b-link a:hover,
.right-blog-details .single-blog-content .b-link a:hover {
  background-color: #000;
  color: #fff;
}
.full-blog-details .single-blog-content .blog-social,
.left-blog-details .single-blog-content .blog-social,
.right-blog-details .single-blog-content .blog-social {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.full-blog-details .single-blog-content .blog-social a.facebook,
.full-blog-details .single-blog-content .blog-social a.twitter,
.full-blog-details .single-blog-content .blog-social a.insta,
.full-blog-details .single-blog-content .blog-social a.pinterest,
.left-blog-details .single-blog-content .blog-social a.facebook,
.left-blog-details .single-blog-content .blog-social a.twitter,
.left-blog-details .single-blog-content .blog-social a.insta,
.left-blog-details .single-blog-content .blog-social a.pinterest,
.right-blog-details .single-blog-content .blog-social a.facebook,
.right-blog-details .single-blog-content .blog-social a.twitter,
.right-blog-details .single-blog-content .blog-social a.insta,
.right-blog-details .single-blog-content .blog-social a.pinterest {
  width: 30px;
  height: 30px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.full-blog-details .single-blog-content .blog-social a.facebook,
.left-blog-details .single-blog-content .blog-social a.facebook,
.right-blog-details .single-blog-content .blog-social a.facebook {
  background-color: #3b5999;
  color: #fff;
}
.full-blog-details .single-blog-content .blog-social a.twitter,
.left-blog-details .single-blog-content .blog-social a.twitter,
.right-blog-details .single-blog-content .blog-social a.twitter {
  background-color: #55acee;
  color: #fff;
}
.full-blog-details .single-blog-content .blog-social a.insta,
.left-blog-details .single-blog-content .blog-social a.insta,
.right-blog-details .single-blog-content .blog-social a.insta {
  background-color: #dd4b39;
  color: #fff;
}
.full-blog-details .single-blog-content .blog-social a.pinterest,
.left-blog-details .single-blog-content .blog-social a.pinterest,
.right-blog-details .single-blog-content .blog-social a.pinterest {
  background-color: #bd081c;
  color: #fff;
}
.full-blog-details .single-blog-content .blog-social a:hover,
.left-blog-details .single-blog-content .blog-social a:hover,
.right-blog-details .single-blog-content .blog-social a:hover {
  background-color: #5fa800;
}
.full-blog-details .single-blog-content .blog-comments,
.left-blog-details .single-blog-content .blog-comments,
.right-blog-details .single-blog-content .blog-comments {
  margin-top: 23px;
}
.full-blog-details .single-blog-content .blog-comments h4,
.left-blog-details .single-blog-content .blog-comments h4,
.right-blog-details .single-blog-content .blog-comments h4 {
  font-size: 20px;
}
.full-blog-details .single-blog-content .blog-comments h4 span,
.left-blog-details .single-blog-content .blog-comments h4 span,
.right-blog-details .single-blog-content .blog-comments h4 span {
  color: #5fa800;
}
.full-blog-details .single-blog-content .comments-form,
.left-blog-details .single-blog-content .comments-form,
.right-blog-details .single-blog-content .comments-form {
  margin-top: 20px;
}
.full-blog-details .single-blog-content .comments-form h4,
.left-blog-details .single-blog-content .comments-form h4,
.right-blog-details .single-blog-content .comments-form h4 {
  font-size: 18px;
}
.full-blog-details .single-blog-content .comments-form form label,
.left-blog-details .single-blog-content .comments-form form label,
.right-blog-details .single-blog-content .comments-form form label {
  margin-top: 15px;
  margin-bottom: 5px;
}
.full-blog-details .single-blog-content .comments-form form input,
.left-blog-details .single-blog-content .comments-form form input,
.right-blog-details .single-blog-content .comments-form form input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.full-blog-details .single-blog-content .comments-form form input:focus,
.left-blog-details .single-blog-content .comments-form form input:focus,
.right-blog-details .single-blog-content .comments-form form input:focus {
  border-color: #5fa800;
}
.full-blog-details .single-blog-content .comments-form form textarea,
.left-blog-details .single-blog-content .comments-form form textarea,
.right-blog-details .single-blog-content .comments-form form textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
  resize: unset;
}
.full-blog-details .single-blog-content .comments-form form textarea:focus,
.left-blog-details .single-blog-content .comments-form form textarea:focus,
.right-blog-details .single-blog-content .comments-form form textarea:focus {
  border-color: #5fa800;
}
.full-blog-details .single-blog-content .comments-form a.btn-style1,
.left-blog-details .single-blog-content .comments-form a.btn-style1,
.right-blog-details .single-blog-content .comments-form a.btn-style1 {
  margin-top: 15px;
}
/* Blog css */
.details-blog-carousel .blog-start .blog-image {
  display: flex;
}
.details-blog-carousel .blog-start .blog-image a::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.details-blog-carousel .blog-start:hover .blog-image a::after {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.details-blog-carousel .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.details-blog-carousel .blog-start .blog-image a img {
  backface-visibility: hidden;
}
.details-blog-carousel .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.details-blog-carousel .blog-start .blog-image a img,
.details-blog-carousel .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.details-blog-carousel .blog-start .blog-content {
  padding-top: 27px;
}
.details-blog-carousel .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.details-blog-carousel .blog-start .blog-content .blog-date-comment a {
  display: flex;
  align-items: center;
}
.details-blog-carousel .blog-start .blog-content .blog-date-comment a:hover {
  color: #5fa800;
}
.details-blog-carousel .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.details-blog-carousel .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 15px;
  padding-top: 13px;
  border-top: 1px solid #ededed;
}
.details-blog-carousel .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.details-blog-carousel .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.details-blog-carousel .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
}
.details-blog-carousel .blog-start .blog-content .more-blog {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-blog-carousel .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 16px;
}
.details-blog-carousel .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.details-blog-carousel .blog-start .blog-content .more-blog a.read-link i,
.details-blog-carousel
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.details-blog-carousel
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
.details-blog-carousel
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* center blog css */
.cetner-blog-style-3 {
  display: flex;
  flex-wrap: wrap;
}
.cetner-blog-style-3 .blog-start {
  width: 100%;
  margin-top: 30px;
}
.cetner-blog-style-3 .blog-start:nth-child(1) {
  margin-top: 0px;
}
.cetner-blog-style-3 .blog-start .blog-image {
  display: flex;
}
.cetner-blog-style-3 .blog-start .blog-image a::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.cetner-blog-style-3 .blog-start:hover .blog-image a::after {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.cetner-blog-style-3 .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.cetner-blog-style-3 .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.cetner-blog-style-3 .blog-start .blog-image a img,
.cetner-blog-style-3 .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.cetner-blog-style-3 .blog-start .blog-content {
  padding-top: 30px;
}
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment {
  display: flex;
  justify-content: space-between;
}
.cetner-blog-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a {
  display: flex;
  align-items: center;
  line-height: 1;
}
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover {
  color: #5fa800;
}
.cetner-blog-style-3
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid #ededed;
}
.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover {
  color: #5fa800;
}
.cetner-blog-style-3 .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 17px;
  font-size: 14px;
}
.cetner-blog-style-3 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link {
  color: #5fa800;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
  padding-left: 5px;
}
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
.cetner-blog-style-3
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* right column css */
.center-right-area .right-column-start h4 {
  font-size: 16px;
  margin-bottom: 32px;
  line-height: 1;
}
.center-right-area .right-column-start .archive-link h5 {
  display: inline;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 22px;
  line-height: 1;
  font-weight: 400;
  border-radius: 5px;
}
.center-right-area.style-7 .right-column-start .archive-link h5 {
  background-color: #cd7752;
  color: #fff;
}
.center-right-area .right-column-start .archive-link h5 {
  background-color: #73841b;
  color: #fff;
}
.center-right-area.style-3 .right-column-start .archive-link h5 {
  background-color: #5fa800;
  color: #fff;
}
.right-area.style-2 .right-column-start .archive-link h5 {
  background-color: #5fa800;
  color: #fff;
}
.center-right-area .right-column-start .archive-link ul {
  margin-top: 29px;
}
.center-right-area .right-column-start .archive-link ul li {
  margin-top: 9px;
}
.center-right-area .right-column-start .archive-link ul li a i {
  font-size: 12px;
}
.center-right-area .right-column-start .archive-link ul li a:hover {
  color: #5fa800;
}
.center-right-area .b-Reply {
  margin-top: 22px;
}
.center-right-area .b-Reply h4 {
  margin-bottom: 27px;
  font-size: 16px;

  line-height: 1;
}
.center-right-area .b-Reply form input {
  width: 100%;
  padding: 8px 15px;
  margin-top: 16px;
}
.center-right-area .b-Reply form input:first-child {
  margin-top: 0px;
}
.center-right-area .b-Reply form a.Reply-link {
  background-color: #5fa800;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #5fa800;
}
.center-right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #5fa800;
}
.center-right-area .r-image {
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #eee;
}
/* blog style-5 right column css */
.right-area .right-column-start .archive-link ul li a:hover {
  color: #f5ab1e;
}
/* blog style-5 pagination css */
.all-page .page-number a:after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
  opacity: 1;
  visibility: visible;
}
.all-page .page-number a:hover,
.all-page .page-number a.active {
  color: #f5ab1e;
}
/* blog style-5 center blog right column css */
.right-area .b-Reply form a.Reply-link {
  background-color: #f5ab1e;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #f5ab1e;
}
.right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #f5ab1e;
}
/* blog style-5 full-left-right grid blog css */
.full-blog-style-5,
.left-blog-style-5,
.right-blog-style-5 {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -30px;
}
.full-blog-style-5 .blog-start,
.left-blog-style-5 .blog-start,
.right-blog-style-5 .blog-start {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.full-blog-style-5 .blog-start .blog-image a,
.left-blog-style-5 .blog-start .blog-image a,
.right-blog-style-5 .blog-start .blog-image a {
  display: block;
}
.full-blog-style-5 .blog-start .blog-content .blog-date-comment,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment {
  background-color: #f5ab1e;
  color: #fff;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}
.full-blog-style-5 .blog-start .blog-content .blog-date-comment a,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment a,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment a {
  color: #fff;
  display: flex;
  align-items: center;
}
.full-blog-style-5 .blog-start .blog-content .blog-date-comment a i,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment a i,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.full-blog-style-5 .blog-start .blog-content .blog-title h6,
.left-blog-style-5 .blog-start .blog-content .blog-title h6,
.right-blog-style-5 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 23px;
}
.full-blog-style-5 .blog-start .blog-content .blog-title h6 a,
.left-blog-style-5 .blog-start .blog-content .blog-title h6 a,
.right-blog-style-5 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-style-5 .blog-start .blog-content p.blog-description,
.left-blog-style-5 .blog-start .blog-content p.blog-description,
.right-blog-style-5 .blog-start .blog-content p.blog-description {
  margin-top: 16px;
}
.full-blog-style-5 .blog-start .blog-content .more-blog,
.left-blog-style-5 .blog-start .blog-content .more-blog,
.right-blog-style-5 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
  color: #f5ab1e;
  font-size: 14px;
  font-weight: 600;
}
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
.full-blog-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.left-blog-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.right-blog-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* full-left-right list blog css */
.full-blog-list-style-5,
.left-blog-list-style-5,
.right-blog-list-style-5 {
  display: flex;
  flex-wrap: wrap;
}
.full-blog-list-style-5 .blog-start,
.left-blog-list-style-5 .blog-start,
.right-blog-list-style-5 .blog-start {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
.full-blog-list-style-5 .blog-start .blog-image {
  width: 35%;
}
.left-blog-list-style-5 .blog-start .blog-image,
.right-blog-list-style-5 .blog-start .blog-image {
  width: 48%;
}
.full-blog-list-style-5 .blog-start .blog-image a,
.left-blog-list-style-5 .blog-start .blog-image a,
.right-blog-list-style-5 .blog-start .blog-image a {
  display: block;
}
.full-blog-list-style-5 .blog-start .blog-content {
  width: calc(65% - 30px);
  margin-left: 30px;
}
.left-blog-list-style-5 .blog-start .blog-content,
.right-blog-list-style-5 .blog-start .blog-content {
  width: calc(52% - 30px);
  margin-left: 30px;
}
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment {
  color: #222;
  display: flex;
  justify-content: space-between;
}
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-5
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.left-blog-list-style-5
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date,
.right-blog-list-style-5
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-5
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.left-blog-list-style-5
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i,
.right-blog-list-style-5
  .blog-start
  .blog-content
  .blog-date-comment
  span.blog-date
  i {
  margin-right: 5px;
}
.full-blog-list-style-5 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-5 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-5 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 23px;
}
.full-blog-list-style-5 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-5 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-5 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-list-style-5 .blog-start .blog-content p.blog-description,
.left-blog-list-style-5 .blog-start .blog-content p.blog-description,
.right-blog-list-style-5 .blog-start .blog-content p.blog-description {
  margin-top: 16px;
}
.full-blog-list-style-5 .blog-start .blog-content .more-blog,
.left-blog-list-style-5 .blog-start .blog-content .more-blog,
.right-blog-list-style-5 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link {
  color: #f5ab1e;
  font-size: 14px;
  font-weight: 600;
}
.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
.full-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.left-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor,
.right-blog-list-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* style-5 full-left-right details blog css */
.single-image-5 {
  margin-bottom: 33px;
}
.single-image-5 a img.image-xs {
  display: none;
}
.style-5-b-details .single-image {
  margin-bottom: 33px;
}
.style-5-left-blog-details .single-blog-content .full-image,
.style-5-right-blog-details .single-blog-content .full-image {
  display: none;
}
.blog-style-5-details .single-blog-content .single-b-title h4,
.style-5-left-blog-details .single-blog-content .single-b-title h4,
.style-5-right-blog-details .single-blog-content .single-b-title h4 {
  font-size: 16px;
}
.blog-style-5-details .single-blog-content .date-edit-comments,
.style-5-left-blog-details .single-blog-content .date-edit-comments,
.style-5-right-blog-details .single-blog-content .date-edit-comments {
  margin-top: 23px;
}
.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -15px 0px 0px -30px;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data {
  margin: 15px 0px 0px 30px;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.date
  span.blog-d-n-c {
  margin-left: 5px;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-edit
  span.blog-d-n-c {
  margin-left: 5px;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments {
  display: flex;
  align-items: center;
  line-height: 1;
}
.blog-style-5-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.style-5-left-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c,
.style-5-right-blog-details
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.comments
  span.blog-d-n-c {
  margin-left: 5px;
}
.blog-style-5-details .single-blog-content .blog-description,
.style-5-left-blog-details .single-blog-content .blog-description,
.style-5-right-blog-details .single-blog-content .blog-description {
  margin-top: 23px;
}
.blog-style-5-details .single-blog-content .blog-description p,
.style-5-left-blog-details .single-blog-content .blog-description p,
.style-5-right-blog-details .single-blog-content .blog-description p {
  margin-top: 5px;
}
.blog-style-5-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.style-5-left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description,
.style-5-right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description {
  margin-top: 22px;
  margin-bottom: 23px;
  display: flex;
  flex-wrap: wrap;
}
.blog-style-5-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img.b-image-1,
.style-5-left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img.b-image-1,
.style-5-right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img.b-image-1 {
  width: calc(50% - 30px);
  margin-right: 30px;
}
.blog-style-5-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img.b-image-2,
.style-5-left-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img.b-image-2,
.style-5-right-blog-details
  .single-blog-content
  .blog-description
  .blog-image-description
  img.b-image-2 {
  width: 50%;
}
.blog-style-5-details
  .single-blog-content
  .blog-description
  p.color-description,
.style-5-left-blog-details
  .single-blog-content
  .blog-description
  p.color-description,
.style-5-right-blog-details
  .single-blog-content
  .blog-description
  p.color-description {
  font-size: 16px;
  color: #f5ab1e;
  margin: 22px 0px;
  padding: 30px;
  border-left: 1px solid #ddd;
  background-color: #f7f7f7;
}
.blog-style-5-details .single-blog-content .blog-info,
.style-5-left-blog-details .single-blog-content .blog-info,
.style-5-right-blog-details .single-blog-content .blog-info {
  padding: 30px;
  margin-top: 22px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.blog-style-5-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-right-blog-details .single-blog-content .blog-info i.fa-quote-left {
  font-size: 30px;
  color: #f5ab1e;
}
.blog-style-5-details .single-blog-content .blog-info h6,
.style-5-left-blog-details .single-blog-content .blog-info h6,
.style-5-right-blog-details .single-blog-content .blog-info h6 {
  color: #f5ab1e;
  font-size: 16px;
  margin-top: 9px;
  font-weight: 600;
}
.blog-style-5-details .single-blog-content .b-link,
.style-5-left-blog-details .single-blog-content .b-link,
.style-5-right-blog-details .single-blog-content .b-link {
  margin-top: 30px;
}
.blog-style-5-details .single-blog-content .b-link a,
.style-5-left-blog-details .single-blog-content .b-link a,
.style-5-right-blog-details .single-blog-content .b-link a {
  background-color: #f5ab1e;
  padding: 5px 10px;
  color: #fff;
  border-radius: 4px;
}
.blog-style-5-details .single-blog-content .b-link a:hover,
.style-5-left-blog-details .single-blog-content .b-link a:hover,
.style-5-right-blog-details .single-blog-content .b-link a:hover {
  background-color: #000;
  color: #fff;
}
.blog-style-5-details .single-blog-content .blog-comments,
.style-5-left-blog-details .single-blog-content .blog-comments,
.style-5-right-blog-details .single-blog-content .blog-comments {
  margin-top: 28px;
}
.blog-style-5-details .single-blog-content .blog-comments h4,
.style-5-left-blog-details .single-blog-content .blog-comments h4,
.style-5-right-blog-details .single-blog-content .blog-comments h4 {
  font-size: 18px;
  line-height: 1;
}
.blog-style-5-details .single-blog-content .blog-comments h4 span,
.style-5-left-blog-details .single-blog-content .blog-comments h4 span,
.style-5-right-blog-details .single-blog-content .blog-comments h4 span {
  color: #f5ab1e;
}
.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info {
  margin-top: 27px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae {
  margin-top: 24px;
  display: flex;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-of-type {
  margin-top: 0px;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply {
  padding-left: 50px;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply {
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man {
  width: 45px;
  height: 45px;
  background-color: #f5ab1e;
  color: #fff;
  margin-right: 15px;
  font-size: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content {
  width: calc(100% - 45px);
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result {
  display: block;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name {
  margin-top: 5px;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i {
  font-style: normal;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date {
  margin-top: 6px;
  margin-bottom: 0px;
  font-weight: 600;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title {
  font-weight: 600;
  color: #f5ab1e;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.Reply-btn,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.Reply-btn,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.Reply-btn {
  width: 120px;
}
.blog-style-5-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.style-5-left-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.style-5-right-blog-details
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply {
  color: #f5ab1e;
  margin-left: 30px;
  font-weight: 500;
}
/* style-5 center blog css */
.cetner-blog-style-5 {
  display: flex;
  flex-wrap: wrap;
}
.cetner-blog-style-5 .blog-start {
  width: 100%;
  margin-top: 30px;
}
.cetner-blog-style-5 .blog-start:nth-child(1) {
  margin-top: 0px;
}
.cetner-blog-style-5 .blog-start .blog-image a {
  display: block;
}
.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment {
  background-color: #f5ab1e;
  color: #fff;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}
.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a {
  color: #fff;
  display: flex;
  align-items: center;
}
.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
  margin-right: 5px;
}
.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  margin-top: 23px;
}
.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cetner-blog-style-5 .blog-start .blog-content p.blog-description {
  margin-top: 16px;
}
.cetner-blog-style-5 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
  color: #f5ab1e;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
  padding-left: 5px;
}
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
.cetner-blog-style-5
  .blog-start
  .blog-content
  .more-blog
  span.blog-admin
  span.blog-editor {
  font-weight: 600;
}
/* style-6 left-right column css */
.right-area .right-column-start .archive-link ul li a:hover {
  color: #73841b;
}
/* style-6 center right column css */
.center-right-area .b-Reply form a.Reply-link {
  background-color: #73841b;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #73841b;
}
.center-right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #73841b;
}
/* pagination css */
.all-page .page-number a:after {
  background-color: #73841b;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
  opacity: 1;
  visibility: visible;
}
.all-page .page-number a:hover,
.all-page .page-number a.active {
  color: #73841b;
}
/* style-6 full-left-right 3 grid blog css */
.blog-style-6-3-grid,
.blog-style-6-left-3-grid,
.blog-style-6-right-3-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -30px;
}
.blog-style-6-3-grid .blog-start,
.blog-style-6-left-3-grid .blog-start,
.blog-style-6-right-3-grid .blog-start {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.blog-style-6-3-grid .blog-start .blog-image,
.blog-style-6-left-3-grid .blog-start .blog-image,
.blog-style-6-right-3-grid .blog-start .blog-image {
  position: relative;
  display: flex;
}
.blog-style-6-3-grid .blog-start .blog-image a,
.blog-style-6-left-3-grid .blog-start .blog-image a,
.blog-style-6-right-3-grid .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.blog-style-6-3-grid .blog-start .blog-image a img,
.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-style-6-3-grid .blog-start .blog-image .image-link,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link {
  position: absolute;
  bottom: 0px;
  left: 6px;
}
.blog-style-6-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a {
  background-color: #73841b;
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 3px;
  text-transform: uppercase;
}
.blog-style-6-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a:hover {
  background-color: #000;
}
.blog-style-6-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  padding-top: 23px;
}
.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a:hover {
  color: #73841b;
}
.blog-style-6-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-left-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-right-3-grid .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
}
.blog-style-6-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link {
  color: #73841b;
  font-size: 14px;
}
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-right-3-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-6-right-3-grid
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
/* style-6 full-left-right list blog css */
.full-blog-list-style-6,
.left-blog-list-style-6,
.right-blog-list-style-6 {
  display: flex;
  flex-wrap: wrap;
}
.full-blog-list-style-6 .blog-start,
.left-blog-list-style-6 .blog-start,
.right-blog-list-style-6 .blog-start {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.full-blog-list-style-6 .blog-start .blog-image,
.left-blog-list-style-6 .blog-start .blog-image,
.right-blog-list-style-6 .blog-start .blog-image {
  position: relative;
  display: flex;
  width: 50%;
}
.full-blog-list-style-6 .blog-start .blog-image a,
.left-blog-list-style-6 .blog-start .blog-image a,
.right-blog-list-style-6 .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.full-blog-list-style-6 .blog-start .blog-image a img,
.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-6 .blog-start .blog-image .image-link,
.left-blog-list-style-6 .blog-start .blog-image .image-link,
.right-blog-list-style-6 .blog-start .blog-image .image-link {
  position: absolute;
  bottom: 0px;
  left: 6px;
}
.full-blog-list-style-6 .blog-start .blog-image .image-link a,
.left-blog-list-style-6 .blog-start .blog-image .image-link a,
.right-blog-list-style-6 .blog-start .blog-image .image-link a {
  background-color: #73841b;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 3px;
  text-transform: uppercase;
}
.full-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.left-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.right-blog-list-style-6 .blog-start .blog-image .image-link a:hover {
  background-color: #000;
}
.full-blog-list-style-6 .blog-start .blog-content,
.left-blog-list-style-6 .blog-start .blog-content,
.right-blog-list-style-6 .blog-start .blog-content {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.full-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover {
  color: #73841b;
}
.full-blog-list-style-6 .blog-start .blog-content p.blog-description,
.left-blog-list-style-6 .blog-start .blog-content p.blog-description,
.right-blog-list-style-6 .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
  font-size: 14px;
}
.full-blog-list-style-6 .blog-start .blog-content .more-blog,
.left-blog-list-style-6 .blog-start .blog-content .more-blog,
.right-blog-list-style-6 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link {
  color: #73841b;
  font-size: 14px;
}
.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
}
.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-6
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-6
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.left-blog-list-style-6
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.right-blog-list-style-6
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
/* full-left-right blog details css */
.full-blog-details-style-6 .single-image,
.right-blog-details-style-6 .single-image,
.left-blog-details-style-6 .single-image {
  width: 100%;
  line-height: 0;
}
.full-blog-details-style-6 .single-image iframe,
.right-blog-details-style-6 .single-image iframe,
.left-blog-details-style-6 .single-image iframe {
  width: 100%;
}
.full-blog-details-style-6 .single-blog-content,
.left-blog-details-style-6 .single-blog-content,
.right-blog-details-style-6 .single-blog-content {
  margin-top: 33px;
}
.full-blog-details-style-6 .single-blog-content .single-b-title h4,
.left-blog-details-style-6 .single-blog-content .single-b-title h4,
.right-blog-details-style-6 .single-blog-content .single-b-title h4 {
  font-size: 16px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments {
  margin-top: 23px;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -15px 0px 0px -30px;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data {
  margin: 15px 0px 0px 30px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date {
  margin-right: 25px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.date
  span.blog-d-n-c,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.date
  span.blog-d-n-c,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.date
  span.blog-d-n-c {
  margin-left: 5px;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.blog-edit,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.blog-edit,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.blog-edit {
  margin-right: 25px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.blog-edit
  span.blog-d-n-c,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.blog-edit
  span.blog-d-n-c,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.blog-edit
  span.blog-d-n-c {
  margin-left: 5px;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.comments,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.comments,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.comments {
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.comments
  span.blog-d-n-c,
.left-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.comments
  span.blog-d-n-c,
.right-blog-details-style-6
  .single-blog-content
  .date-edit-comments
  span.comments
  span.blog-d-n-c {
  margin-left: 5px;
}
.full-blog-details-style-6 .single-blog-content .blog-description,
.left-blog-details-style-6 .single-blog-content .blog-description,
.right-blog-details-style-6 .single-blog-content .blog-description {
  margin-top: 24px;
}
.full-blog-details-style-6 .single-blog-content .blog-description p,
.left-blog-details-style-6 .single-blog-content .blog-description p,
.right-blog-details-style-6 .single-blog-content .blog-description p {
  margin-top: 4px;
  line-height: 22px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description,
.left-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description,
.right-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description {
  margin-top: 24px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.left-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.right-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description
  img {
  float: left;
  margin-right: 30px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.left-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.right-blog-details-style-6
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description {
  font-size: 14px;
  font-weight: 600;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-description
  p.color-description,
.left-blog-details-style-6
  .single-blog-content
  .blog-description
  p.color-description,
.right-blog-details-style-6
  .single-blog-content
  .blog-description
  p.color-description {
  background-color: #f7f7f7;
  font-size: 16px;
  color: #73841b;
  margin: 24px 0px;
  padding: 30px;
  border-left: 1px solid #ddd;
}
.full-blog-details-style-6 .single-blog-content .blog-info,
.left-blog-details-style-6 .single-blog-content .blog-info,
.right-blog-details-style-6 .single-blog-content .blog-info {
  padding: 30px;
  margin-top: 24px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.full-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left {
  font-size: 30px;
  color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .blog-info h6,
.left-blog-details-style-6 .single-blog-content .blog-info h6,
.right-blog-details-style-6 .single-blog-content .blog-info h6 {
  color: #73841b;
  font-size: 16px;
  margin-top: 9px;
  font-weight: 600;
}
.full-blog-details-style-6 .single-blog-content .last-video,
.right-blog-details-style-6 .single-blog-content .last-video,
.left-blog-details-style-6 .single-blog-content .last-video {
  margin-top: 30px;
  margin-right: -30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-details-style-6 .single-blog-content .last-video .video,
.right-blog-details-style-6 .single-blog-content .last-video .video,
.left-blog-details-style-6 .single-blog-content .last-video .video {
  width: 100%;
  margin-right: 30px;
  line-height: 0;
}
.full-blog-details-style-6 .single-blog-content .last-video .video iframe,
.right-blog-details-style-6 .single-blog-content .last-video .video iframe,
.left-blog-details-style-6 .single-blog-content .last-video .video iframe {
  width: 100%;
}
.full-blog-details-style-6 .single-blog-content .b-link,
.left-blog-details-style-6 .single-blog-content .b-link,
.right-blog-details-style-6 .single-blog-content .b-link {
  margin-top: 30px;
}
.full-blog-details-style-6 .single-blog-content .b-link a,
.left-blog-details-style-6 .single-blog-content .b-link a,
.right-blog-details-style-6 .single-blog-content .b-link a {
  background-color: #73841b;
  padding: 5px 10px;
  color: #fff;
  border: 2px solid #73841b;
  border-radius: 4px;
}
.full-blog-details-style-6 .single-blog-content .b-link a:hover,
.left-blog-details-style-6 .single-blog-content .b-link a:hover,
.right-blog-details-style-6 .single-blog-content .b-link a:hover {
  background-color: transparent;
  color: #000;
  border-color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .blog-social,
.left-blog-details-style-6 .single-blog-content .blog-social,
.right-blog-details-style-6 .single-blog-content .blog-social {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.full-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-6 .single-blog-content .blog-social a.insta,
.full-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.left-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.left-blog-details-style-6 .single-blog-content .blog-social a.insta,
.left-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.right-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.right-blog-details-style-6 .single-blog-content .blog-social a.insta,
.right-blog-details-style-6 .single-blog-content .blog-social a.pinterest {
  width: 30px;
  height: 30px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.full-blog-details-style-6 .single-blog-content .blog-social a,
.left-blog-details-style-6 .single-blog-content .blog-social a,
.right-blog-details-style-6 .single-blog-content .blog-social a {
  background-color: #f7f7f7;
  color: #222;
}
.full-blog-details-style-6 .single-blog-content .blog-social a:hover,
.left-blog-details-style-6 .single-blog-content .blog-social a:hover,
.right-blog-details-style-6 .single-blog-content .blog-social a:hover {
  background-color: #73841b;
  color: #fff;
}
.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
  margin-top: 25px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
  font-size: 20px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
  color: #73841b;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info {
  margin-top: 23px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae {
  display: flex;
  margin-top: 24px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-child,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-child,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-child {
  margin-top: 0px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply {
  padding-left: 50px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply {
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man {
  width: 45px;
  height: 45px;
  background-color: #73841b;
  color: #fff;
  margin-right: 15px;
  font-size: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content {
  width: calc(100% - 45px);
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result {
  display: block;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name {
  margin: 5px 0px;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i {
  font-style: normal;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date {
  font-weight: 600;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply {
  color: #73841b;
  margin-left: 30px;
  font-weight: 500;
}
.full-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.left-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.right-blog-details-style-6
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title {
  font-weight: 600;
  color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .comments-form,
.left-blog-details-style-6 .single-blog-content .comments-form,
.right-blog-details-style-6 .single-blog-content .comments-form {
  margin-top: 20px;
}
.full-blog-details-style-6 .single-blog-content .comments-form h4,
.left-blog-details-style-6 .single-blog-content .comments-form h4,
.right-blog-details-style-6 .single-blog-content .comments-form h4 {
  font-size: 18px;
}
.full-blog-details-style-6 .single-blog-content .comments-form form label,
.left-blog-details-style-6 .single-blog-content .comments-form form label,
.right-blog-details-style-6 .single-blog-content .comments-form form label {
  margin-top: 15px;
  margin-bottom: 5px;
}
.full-blog-details-style-6 .single-blog-content .comments-form form input,
.left-blog-details-style-6 .single-blog-content .comments-form form input,
.right-blog-details-style-6 .single-blog-content .comments-form form input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.full-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.right-blog-details-style-6
  .single-blog-content
  .comments-form
  form
  input:focus {
  border-color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .comments-form form textarea,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 3px;
  resize: unset;
}
.full-blog-details-style-6
  .single-blog-content
  .comments-form
  form
  textarea:focus,
.left-blog-details-style-6
  .single-blog-content
  .comments-form
  form
  textarea:focus,
.right-blog-details-style-6
  .single-blog-content
  .comments-form
  form
  textarea:focus {
  border-color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.left-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.right-blog-details-style-6 .single-blog-content .comments-form a.btn-style1 {
  margin-top: 15px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
  margin-top: 23px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
  font-size: 18px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
  color: #73841b;
}
/* Center blog css */
.cetner-blog-style-6 {
  display: flex;
  flex-wrap: wrap;
}
.cetner-blog-style-6 .blog-start {
  width: 100%;
  margin-top: 30px;
}
.cetner-blog-style-6 .blog-start:nth-child(1) {
  margin-top: 0px;
}
.cetner-blog-style-6 .blog-start .blog-image {
  position: relative;
  display: flex;
}
.cetner-blog-style-6 .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.cetner-blog-style-6 .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.cetner-blog-style-6 .blog-start .blog-image a img,
.cetner-blog-style-6 .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cetner-blog-style-6 .blog-start .blog-image .image-link {
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.cetner-blog-style-6 .blog-start .blog-image .image-link a {
  background-color: #73841b;
  color: #fff;
  padding: 3px 8px;
  font-size: 14px;
  border-radius: 3px;
  text-transform: uppercase;
}
.cetner-blog-style-6 .blog-start .blog-image .image-link a:hover {
  background-color: #000;
}
.cetner-blog-style-6 .blog-start .blog-content {
  padding-top: 23px;
}
.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a:hover {
  color: #73841b;
}
.cetner-blog-style-6 .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
  font-size: 14px;
}
.cetner-blog-style-6 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link {
  color: #73841b;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
  padding-left: 5px;
}
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
/* style-7 right column css */
.right-area .b-Reply form a.Reply-link {
  background-color: #5fa800;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #5fa800;
}
.right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #5fa800;
}
.center-right-area .right-column-start .archive-link ul li a:hover {
  color: #cd7752;
}
.left-column .left-blog .blog-item .l-blog-caption h4 a:hover {
  color: #cd7752;
}
/* style-7 center blog right column css */
.center-right-area .b-Reply form a.Reply-link {
  background-color: #cd7752;
  color: #fff;
  width: 100%;
  padding: 8px 15px;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  border: 2px solid #cd7752;
}
.center-right-area .b-Reply form a.Reply-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #cd7752;
}
/* style-7 full-left-right grid blog css */
.blog-style-7-3-grid,
.blog-style-7-left-grid-blog,
.blog-style-7-right-grid-blog {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -30px;
}
.blog-style-7-3-grid .blog-start,
.blog-style-7-left-grid-blog .blog-start,
.blog-style-7-right-grid-blog .blog-start {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
.blog-style-7-3-grid .blog-start .blog-image,
.blog-style-7-left-grid-blog .blog-start .blog-image,
.blog-style-7-right-grid-blog .blog-start .blog-image {
  position: relative;
  display: flex;
}
.blog-style-7-3-grid .blog-start .blog-image a,
.blog-style-7-left-grid-blog .blog-start .blog-image a,
.blog-style-7-right-grid-blog .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img {
  height: 255px;
  object-fit: cover;
}
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-style-7-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
  padding-top: 23px;
}
.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a:hover {
  color: #cd7752;
}
.blog-style-7-3-grid .blog-start .blog-content p.blog-description,
.blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
}
.blog-style-7-3-grid .blog-start .blog-content .more-blog,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link {
  color: #cd7752;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link
  i {
  font-size: 12px;
  padding-left: 5px;
}
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-7-right-grid-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link
  i,
.blog-style-7-right-grid-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-7-right-grid-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
/* pagination css */
.all-page .page-number a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
}
.all-page .page-number.style-1 a:after,
.all-page .page-number.style-5 a:after {
  background-color: #f5ab1e;
}
.all-page .page-number.style-2 a:after,
.all-page .page-number.style-3 a:after {
  background-color: #5fa800;
}
.all-page .page-number.style-6 a:after {
  background-color: #73841b;
}
.all-page .page-number.style-7 a:after {
  background-color: #cd7752;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
  opacity: 1;
  visibility: visible;
}
.all-page .page-number.style-1 a:hover,
.all-page .page-number.style-1 a.active,
.all-page .page-number.style-5 a:hover,
.all-page .page-number.style-5 a.active {
  color: #f5ab1e;
}
.all-page .page-number.style-2 a:hover,
.all-page .page-number.style-2 a.active,
.all-page .page-number.style-3 a:hover,
.all-page .page-number.style-3 a.active {
  color: #5fa800;
}
.all-page .page-number.style-7 a:hover,
.all-page .page-number.style-7 a.active {
  color: #cd7752;
}
.all-page .page-number a:last-child:after {
  display: none;
}
/* style-7 full-left-right list blog css */
.full-blog-list-style-7 .blog-start,
.blog-style-7-left-list-blog .blog-start,
.blog-style-7-right-list-blog .blog-start {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.full-blog-list-style-7 .blog-start .blog-image {
  width: 42%;
}
.blog-style-7-left-list-blog .blog-start .blog-image,
.blog-style-7-right-list-blog .blog-start .blog-image {
  width: 50%;
}
.full-blog-list-style-7 .blog-start .blog-image a,
.blog-style-7-left-list-blog .blog-start .blog-image a,
.blog-style-7-right-list-blog .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
  display: block;
}
.full-blog-list-style-7 .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img {
  width: 100%;
  height: 255px;
  object-fit: cover;
}
.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.full-blog-list-style-7 .blog-start .blog-image a img,
.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-7 .blog-start .blog-content {
  width: calc(58% - 30px);
  margin-left: 30px;
}
.blog-style-7-left-list-blog .blog-start .blog-content,
.blog-style-7-right-list-blog .blog-start .blog-content {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.full-blog-list-style-7 .blog-start .blog-content .blog-title h6,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a:hover {
  color: #cd7752;
}
.full-blog-list-style-7 .blog-start .blog-content p.blog-description,
.blog-style-7-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-list-blog .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
}
.full-blog-list-style-7 .blog-start .blog-content .more-blog,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link {
  color: #cd7752;
  font-size: 14px;
}
.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link
  i {
  font-size: 12px;
}
.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-7
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-7-right-list-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link
  i,
.blog-style-7-right-list-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-list-style-7
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-7-left-list-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i,
.blog-style-7-right-list-blog
  .blog-start
  .blog-content
  .more-blog
  a.read-link:hover
  i {
  margin-left: 8px;
}
/* style-7 full-left-right blog details css */
.full-blog-details-style-7 .single-blog-content,
.left-blog-details-style7 .single-blog-content,
.right-blog-details-style7 .single-blog-content {
  margin-top: 33px;
}
.full-blog-details-style-7 .single-blog-content .single-b-title h4,
.left-blog-details-style7 .single-blog-content .single-b-title h4,
.right-blog-details-style7 .single-blog-content .single-b-title h4 {
  font-size: 16px;
}
.full-blog-details-style-7 .single-blog-content .date-edit-comments,
.left-blog-details-style7 .single-blog-content .date-edit-comments,
.right-blog-details-style7 .single-blog-content .date-edit-comments {
  margin-top: 23px;
}
.full-blog-details-style-7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.left-blog-details-style7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap,
.right-blog-details-style7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -15px 0px 0px -30px;
}
.full-blog-details-style-7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.left-blog-details-style7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data,
.right-blog-details-style7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data {
  margin: 15px 0px 0px 30px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.full-blog-details-style-7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data
  i,
.left-blog-details-style7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data
  i,
.right-blog-details-style7
  .single-blog-content
  .date-edit-comments
  .blog-info-wrap
  span.blog-data
  i {
  margin-right: 5px;
}
.full-blog-details-style-7 .single-blog-content .blog-description,
.left-blog-details-style7 .single-blog-content .blog-description,
.right-blog-details-style7 .single-blog-content .blog-description {
  margin-top: 23px;
}
.full-blog-details-style-7 .single-blog-content .blog-description p,
.left-blog-details-style7 .single-blog-content .blog-description p,
.right-blog-details-style7 .single-blog-content .blog-description p {
  margin-top: 5px;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-description
  .blog-image-description,
.left-blog-details-style7
  .single-blog-content
  .blog-description
  .blog-image-description,
.right-blog-details-style7
  .single-blog-content
  .blog-description
  .blog-image-description {
  margin-top: 7px;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.left-blog-details-style7
  .single-blog-content
  .blog-description
  .blog-image-description
  img,
.right-blog-details-style7
  .single-blog-content
  .blog-description
  .blog-image-description
  img {
  float: left;
  margin-right: 15px;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.left-blog-details-style7
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description,
.right-blog-details-style7
  .single-blog-content
  .blog-description
  .blog-image-description
  p.bold-description {
  font-size: 15px;
  font-weight: 700;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-description
  p.color-description,
.left-blog-details-style7
  .single-blog-content
  .blog-description
  p.color-description,
.right-blog-details-style7
  .single-blog-content
  .blog-description
  p.color-description {
  background-color: #f7f7f7;
  font-size: 16px;
  color: #cd7752;
  margin: 22px 0px;
  padding: 30px;
  border-left: 1px solid #ddd;
}
.full-blog-details-style-7 .single-blog-content .blog-img,
.left-blog-details-style7 .single-blog-content .blog-img,
.right-blog-details-style7 .single-blog-content .blog-img {
  margin-left: -30px;
  margin-top: 22px;
  display: flex;
}
.full-blog-details-style-7 .single-blog-content .blog-img .b-image1,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 {
  width: calc(50% - 30px);
  margin-left: 30px;
  line-height: 0;
}
.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a {
  position: relative;
  overflow: hidden;
}
.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img:hover,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover,
.right-blog-details-style7
  .single-blog-content
  .blog-img
  .b-image1
  a
  img:hover {
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.full-blog-details-style-7 .single-blog-content .blog-info,
.left-blog-details-style7 .single-blog-content .blog-info,
.right-blog-details-style7 .single-blog-content .blog-info {
  padding: 30px;
  margin-top: 30px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.full-blog-details-style-7 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left {
  font-size: 30px;
  color: #cd7752;
}
.full-blog-details-style-7 .single-blog-content .blog-info h6,
.left-blog-details-style7 .single-blog-content .blog-info h6,
.right-blog-details-style7 .single-blog-content .blog-info h6 {
  color: #cd7752;
  font-size: 16px;
  margin-top: 9px;
  font-weight: 600;
}
.full-blog-details-style-7 .single-blog-content .b-link,
.left-blog-details-style7 .single-blog-content .b-link,
.right-blog-details-style7 .single-blog-content .b-link {
  margin-top: 30px;
}
.full-blog-details-style-7 .single-blog-content .b-link a,
.left-blog-details-style7 .single-blog-content .b-link a,
.right-blog-details-style7 .single-blog-content .b-link a {
  background-color: #cd7752;
  padding: 5px 10px;
  color: #fff;
  border: 2px solid #cd7752;
  border-radius: 4px;
}
.full-blog-details-style-7 .single-blog-content .b-link a:hover,
.left-blog-details-style7 .single-blog-content .b-link a:hover,
.right-blog-details-style7 .single-blog-content .b-link a:hover {
  background-color: transparent;
  color: #000;
  border-color: #cd7752;
}
.full-blog-details-style-7 .single-blog-content .blog-social,
.left-blog-details-style7 .single-blog-content .blog-social,
.right-blog-details-style7 .single-blog-content .blog-social {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.full-blog-details-style-7 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-7 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-7 .single-blog-content .blog-social a.insta,
.full-blog-details-style-7 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style7 .single-blog-content .blog-social a.facebook,
.left-blog-details-style7 .single-blog-content .blog-social a.twitter,
.left-blog-details-style7 .single-blog-content .blog-social a.insta,
.left-blog-details-style7 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style7 .single-blog-content .blog-social a.facebook,
.right-blog-details-style7 .single-blog-content .blog-social a.twitter,
.right-blog-details-style7 .single-blog-content .blog-social a.insta,
.right-blog-details-style7 .single-blog-content .blog-social a.pinterest {
  width: 30px;
  height: 30px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.full-blog-details-style-7 .single-blog-content .blog-social a,
.left-blog-details-style7 .single-blog-content .blog-social a,
.right-blog-details-style7 .single-blog-content .blog-social a {
  background-color: #cd7752;
  color: #222;
}
.full-blog-details-style-7 .single-blog-content .blog-social a:hover,
.left-blog-details-style7 .single-blog-content .blog-social a:hover,
.right-blog-details-style7 .single-blog-content .blog-social a:hover {
  background-color: #cd7752;
  color: #fff;
}
.full-blog-details-style-7 .single-blog-content .blog-comments,
.left-blog-details-style7 .single-blog-content .blog-comments,
.right-blog-details-style7 .single-blog-content .blog-comments {
  margin-top: 23px;
}
.full-blog-details-style-7 .single-blog-content .blog-comments h4,
.left-blog-details-style7 .single-blog-content .blog-comments h4,
.right-blog-details-style7 .single-blog-content .blog-comments h4 {
  font-size: 18px;
}
.full-blog-details-style-7 .single-blog-content .blog-comments h4 span,
.left-blog-details-style7 .single-blog-content .blog-comments h4 span,
.right-blog-details-style7 .single-blog-content .blog-comments h4 span {
  color: #cd7752;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info {
  margin-top: 23px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae {
  margin-top: 24px;
  display: flex;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-child,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-child,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae:first-child {
  margin-top: 0px;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.comment-reply {
  padding-left: 50px;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae.all-reply {
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-man {
  width: 45px;
  height: 45px;
  background-color: #cd7752;
  color: #fff;
  margin-right: 15px;
  font-size: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content {
  width: calc(100% - 45px);
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result {
  display: block;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name {
  margin: 5px 0px;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comment-name
  i {
  font-style: normal;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date {
  font-weight: 600;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span.comments-result.c-date
  a.Reply {
  color: #cd7752;
  margin-left: 30px;
  font-weight: 500;
}
.full-blog-details-style-7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.left-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title,
.right-blog-details-style7
  .single-blog-content
  .blog-comments
  .blog-comment-info
  ul.comments-arae
  li.comments-content
  span
  span.comments-title {
  font-weight: 600;
  color: #cd7752;
}
/* style-7 center blog css */
.center-blog-style-7 {
  display: flex;
  flex-wrap: wrap;
}
.center-blog-style-7 .blog-start {
  width: 100%;
  margin-top: 30px;
}
.center-blog-style-7 .blog-start:nth-child(1) {
  margin-top: 0px;
}
.center-blog-style-7 .blog-start .blog-image {
  position: relative;
  display: flex;
}
.center-blog-style-7 .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.center-blog-style-7 .blog-start:hover .blog-image a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.center-blog-style-7 .blog-start .blog-image a img,
.center-blog-style-7 .blog-start:hover .blog-image a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.center-blog-style-7 .blog-start .blog-content {
  padding-top: 23px;
}
.center-blog-style-7 .blog-start .blog-content .blog-title h6 {
  font-size: 16px;
}
.center-blog-style-7 .blog-start .blog-content .blog-title h6 a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.center-blog-style-7 .blog-start .blog-content .blog-title h6 a:hover {
  color: #cd7752;
}
.center-blog-style-7 .blog-start .blog-content p.blog-description {
  color: #999;
  margin-top: 16px;
}
.center-blog-style-7 .blog-start .blog-content .more-blog {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link {
  color: #cd7752;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i {
  font-size: 12px;
  padding-left: 5px;
}
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i,
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
  margin-left: 8px;
}
/* order history page css */
.order-histry-area .order-history {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -30px;
}
.order-histry-area .order-history .profile {
  width: calc(35% - 30px);
  margin-left: 30px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.order-histry-area .order-history .profile .order-pro {
  padding: 30px;
  display: flex;
  align-items: center;
}
.order-histry-area .order-history .profile .order-pro .pro-img img {
  border: 3px solid #eee;
  border-radius: 100%;
}
.order-histry-area .order-history .profile .order-pro .order-name {
  margin-left: 15px;
}
.order-histry-area .order-history .profile .order-pro .order-name h4 {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 1;
}
.order-histry-area .order-history .profile .order-pro .order-name span {
  font-size: 13px;
  color: #9da9b9;
  margin-top: 12px;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a {
  position: relative;
  width: 100%;
  padding: 15px 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  border-top: 1px solid #ddd;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a:after {
  background-color: #f5ab1e;
  content: "";
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 18px;
  width: 2px;
  height: 15px;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a.active:after {
  background-color: #fff;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a:hover {
  background-color: #f5f5f5;
  color: #333;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a.active {
  background-color: #f5ab1e;
  color: #fff;
  border-color: #f5ab1e;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a
  span.pro-count {
  background-color: #f5ab1e;
  width: 25px;
  height: 25px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.order-histry-area
  .order-history
  .profile
  .order-his-page
  ul.profile-ul
  li.profile-li
  a.active
  span.pro-count {
  background-color: #fff;
  color: #333;
}
.order-histry-area .order-history .order-info {
  width: calc(65% - 30px);
  margin-left: 30px;
}
.order-histry-area .order-history .order-info .table {
  border-top: 1px solid #eee;
}
.order-histry-area .order-history .order-info .table thead {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.order-histry-area .order-history .order-info .table thead tr th {
  padding-top: 11px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.order-histry-area .order-history .order-info .table tbody tr td {
  padding-top: 11px;
  padding-bottom: 10px;
}
.order-histry-area .order-history .order-info .table tbody tr td.canceled {
  color: #ff5252;
}
.order-histry-area .order-history .order-info .table tbody tr td.process {
  color: #50c6e9;
}
.order-histry-area .order-history .order-info .table tbody tr td.delayed {
  color: #ffb74f;
}
.order-histry-area .order-history .order-info .table tbody tr td.delivered {
  color: #43d9a3;
}
/* profile page css */
.order-histry-area .order-history .profile-form {
  width: calc(65% - 30px);
  margin-left: 30px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -30px;
  margin-top: 15px;
}
.order-histry-area
  .order-history
  .profile-form
  form
  ul.pro-input-label:first-child {
  margin-top: 0px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label li {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.order-histry-area
  .order-history
  .profile-form
  form
  ul.pro-input-label
  li
  label {
  font-size: 14px;
}
.order-histry-area
  .order-history
  .profile-form
  form
  ul.pro-input-label
  li
  input {
  width: 100%;
  border: 1px solid #eee;
  margin-top: 10px;
  border-radius: 5px;
}
.order-histry-area .order-history .profile-form form ul.pro-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #eee;
}
/* pro address css */
.order-histry-area .order-history .profile-address {
  width: calc(65% - 30px);
  margin-left: 30px;
}
.order-histry-area .order-history .profile-address form .pro-add-title h4 {
  font-size: 22px;
  color: #333;
  font-weight: 500;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
  line-height: 1;
}
.order-histry-area .order-history .profile-address form ul.add-label-input {
  margin-left: -30px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.order-histry-area .order-history .profile-address form ul.add-label-input li {
  width: calc(50% - 30px);
  margin-left: 30px;
}
.order-histry-area
  .order-history
  .profile-address
  form
  ul.add-label-input
  li
  label {
  font-size: 14px;
  color: #333;
}
.order-histry-area
  .order-history
  .profile-address
  form
  ul.add-label-input
  li
  input {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.order-histry-area
  .order-history
  .profile-address
  form
  ul.add-label-input
  li
  select {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.order-histry-area .order-history .profile-address form ul.pro-submit {
  margin-top: 30px;
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eee;
}
.order-histry-area .order-history .profile-address form ul.pro-submit li {
  display: flex;
  align-items: center;
}
.order-histry-area .order-history .profile-address form ul.pro-submit li input {
  margin-right: 5px;
}
.order-histry-area .order-history .profile-form form ul.pro-submit li {
  display: flex;
  align-items: center;
  line-height: 1;
}
.order-histry-area .order-history .profile-form form ul.pro-submit li input {
  margin-right: 5px;
}
/* profile wishlist page css */
.order-histry-area .order-history .profile-wishlist {
  width: calc(65% - 30px);
  margin-left: 30px;
}
/* tickets page css */
.order-histry-area .order-history .profile-tickets {
  width: calc(65% - 30px);
  margin-left: 30px;
}
.order-histry-area .order-history .profile-tickets .table {
  border-top: 1px solid #eee;
}
.order-histry-area .order-history .profile-tickets .table thead tr th {
  padding-top: 11px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td {
  padding-top: 11px;
  padding-bottom: 10px;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td.canceled {
  color: #ff5252;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td.process {
  color: #50c6e9;
}
.order-histry-area .order-history .profile-tickets .table tbody tr td.delayed {
  color: #ffb74f;
}
.order-histry-area
  .order-history
  .profile-tickets
  .table
  tbody
  tr
  td.delivered {
  color: #43d9a3;
}

/*------------------------------------------------------- New Added start -------------------------------------------------------*/
/* left column css */
.left-right-column {
  display: flex;
}
.left-right-column .left-column {
  width: 20%;
  padding-right: 30px;
}
.left-right-column .right-column {
  width: 80%;
}
/* title */
.left-section-title h4 {
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px solid #e2e2e2;
}
.left-section-title h4 span {
  color: #cd7752;
}
/* special products css */
a.responsive-collapse {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  display: none;
}
a.responsive-collapse span {
  color: #cd7752;
  margin-left: 5px;
  margin-right: auto;
}
.special-product .collapse,
.tred-product .collapse {
  display: block;
}
/* special and trending pro css */
.special-pro .h-t-pro,
.trening-left-pro .h-t-pro {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.special-pro .h-t-pro .tred-pro,
.trening-left-pro .h-t-pro .tred-pro {
  width: 33%;
}
.special-pro .h-t-pro .caption,
.trening-left-pro .h-t-pro .caption {
  width: 67%;
  padding-top: 0px;
  padding-left: 15px;
  text-align: left;
}
/* left banner css */
.left-banner .l-banner {
  position: relative;
}
.left-banner .l-banner a {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.left-banner .l-banner:hover a img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.left-banner .l-banner a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.left-banner .l-banner .left-banner-content {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 2;
}
.left-banner .l-banner .left-banner-content span.banner-head {
  color: #999;
  line-height: 1;
}
.left-banner .l-banner .left-banner-content h2 {
  margin-top: 3px;
  font-size: 20px;
}
.left-banner .l-banner .left-banner-content a {
  margin-top: 11px;
}
/* big sale css */
.left-deal-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.left-deal-bg::after {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.left-deal-bg .left-deal-c {
  position: relative;
  padding: 30px;
  text-align: center;
  z-index: 1;
}
.left-deal-bg .left-deal-c h2 {
  font-size: 22px;
  font-weight: 500;
}
.left-deal-bg .left-deal-c h2 span {
  color: #cd7752;
  font-size: 26px;
  font-weight: 700;
}
.left-deal-bg .left-deal-c h4 {
  text-transform: uppercase;
  letter-spacing: 5px;
}
.left-deal-bg .left-deal-c a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
/* brand css */
.home3-brand {
  margin-top: 20px;
}
/* left section padding */
.left-section-t-padding {
  padding-top: 30px;
}
.left-section-b-padding {
  padding-bottom: 30px;
}
.left-section-tb-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
/*------------------------------------------------------- New Added end -------------------------------------------------------*/

/*------------------------------------------------------- Comingsoon start -------------------------------------------------------*/
.coming-soon-area {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.coming-soon-area::before {
  background-color: #000000;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.5;
}
.coming-soon-area .comingsoon-main {
  text-align: center;
  width: 45%;
  margin: 0 auto;
}
.coming-soon-area .comingsoon-main .comingsoon-logo {
  margin-bottom: 53px;
  animation: fadeInDown;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.coming-soon-area .comingsoon-main .comingsoon-text h2.title {
  color: #ffffff;
  font-size: 62px;
  font-weight: 700;
  line-height: 1;
  animation: fadeInDown;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.coming-soon-area .comingsoon-main .comingsoon-text h2.title span {
  animation: blinker 1.5s infinite;
}
@keyframes blinker {
  50% {
    color: #f5ab1e;
  }
}
.coming-soon-area .comingsoon-main .comingsoon-text p {
  color: #ffffff;
  font-size: 16px;
  padding-top: 24px;
  margin: 0 auto;
  animation: fadeInDown;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.coming-soon-area .comingsoon-main .comingsoon-timer {
  margin-top: 49px;
  animation: fadeInUp;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.coming-soon-area .comingsoon-main .comingsoon-timer ul.contdown_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-timer
  ul.contdown_row
  li.countdown_section
  span.countdown_timer {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  display: block;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-timer
  ul.contdown_row
  li.countdown_section
  span.countdown_title {
  color: #ffffff;
  font-size: 18px;
  margin-top: 14px;
  font-weight: 400;
  line-height: 1;
}
.coming-soon-area .comingsoon-main .comingsoon-input {
  margin-top: 54px;
  animation: fadeInUp;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.coming-soon-area .comingsoon-main .comingsoon-input .comingsoon-form form {
  position: relative;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-input
  .comingsoon-form
  form
  input {
  width: 100%;
  padding: 14px 15px;
  border: none;
}
.coming-soon-area .comingsoon-main .comingsoon-input .comingsoon-form form a {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  border-left: 1px solid rgba(0, 0, 0, 10%);
  padding-left: 20px;
}
.coming-soon-area .comingsoon-main .comingsoon-social {
  margin-top: 60px;
  animation: fadeInUp;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.coming-soon-area .comingsoon-main .comingsoon-social ul.social-ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-social
  ul.social-ul
  li.social-li {
  margin-left: 30px;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-social
  ul.social-ul
  li.social-li:first-child {
  margin-left: 0px;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-social
  ul.social-ul
  li.social-li
  a {
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
}
.coming-soon-area
  .comingsoon-main
  .comingsoon-social
  ul.social-ul
  li.social-li
  a:hover {
  color: #f5ab1e;
}
/* category css */
.category-area .left-title-capture {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.category-area .left-title-capture .swiper-buttons {
  display: flex;
  align-items: center;
}
.category-area .left-title-capture .swiper-buttons a {
  background-color: transparent;
  color: #91b656;
  position: unset;
  transform: unset;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  /* border: 2px solid #91b656; */
}
/* .category-area .left-title-capture .swiper-buttons a:hover {
    background-color: #91b656;
    color: #fff;
} */
.category-area .category-collection .cat-item {
  border-radius: 4px;
  overflow: hidden;
}
.category-area .category-collection .cat-item .cat-title {
  position: relative;
  background-color: #f8f4f0;
  padding: 15px;
  text-align: center;
  border-top: 1px solid #ededed;
}
.category-area .category-collection .cat-item .cat-title span.title {
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
}
.category-area .category-collection .cat-item .cat-title a.cat-url {
  background-color: #91b656;
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  transform: translateY(30px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
}
.category-area .category-collection .cat-item:hover .cat-title a.cat-url {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.category-area .category-collection .cat-item .cat-title a.cat-url i {
  margin-left: 5px;
}
@media (max-width: 767px) {
  /* category css */
  .category-area .left-title-capture .swiper-buttons a {
    width: 35px;
    height: 35px;
  }
}

/*=====================================
    home product css
======================================*/
.home-product-slider {
  background-color: #fbf7f3;
}
.single-product-wrap {
  background-color: #ffffff;
}
/* home products css */
.single-product-wrap .product-img {
  position: relative;
  overflow: hidden;
}
.single-product-wrap .product-img a.pro-image img {
  backface-visibility: hidden;
}
.single-product-wrap .product-img a.pro-image img.additional-image {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}
.single-product-wrap:hover .product-img a.pro-image img.additional-image {
  opacity: 1;
  visibility: visible;
}
.single-product-wrap .product-img a.pro-image img.additional-image,
.single-product-wrap:hover .product-img a.pro-image img.additional-image {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.single-product-wrap .product-img .Pro-lable span.p-text,
.single-product-wrap .product-img .Pro-lable span.p-discount {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  top: 15px;
  left: 15px;
  color: #fff;
  padding: 8px 16px 8px 16px;
  border-radius: 5px;
  text-transform: uppercase;
}
.single-product-wrap .product-img .Pro-lable span.p-text {
  display: inline-table;
  background-color: #d33b3b;
}
.single-product-wrap .product-img .Pro-lable span.p-discount {
  background-color: #7aa32a;
}
/* product content css */
.single-product-wrap .product-content {
  padding: 26px 0px 15px;
  text-align: center;
}
.single-product-wrap .product-content h4.title {
  font-size: 18px;
  font-weight: 600;
}
.single-product-wrap .product-content h4.title a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-product-wrap .product-content .pro-price {
  margin-top: 8px;
}
.single-product-wrap .product-content .pro-price span.new-price {
  color: #d33b3b;
  font-weight: 700;
  line-height: 1;
}
.single-product-wrap .product-content .pro-price span.old-price {
  position: relative;
  color: #808080;
  margin-left: 10px;
  padding-left: 10px;
  font-weight: 700;
  line-height: 1;
}
.single-product-wrap .product-content .pro-price span.old-price::before {
  content: "~";
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: -6px;
}
.single-product-wrap .product-action {
  position: relative;
  z-index: 0;
}
.single-product-wrap .product-content .product-action {
  margin-top: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-product-wrap .product-content .product-action::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #0000000d;
  position: absolute;
  z-index: -1;
}
.single-product-wrap .product-action a {
  background-color: #ffffff;
  color: #808080;
  font-size: 14px;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(128 128 128 / 10%);
  border-radius: 100%;
}
.single-product-wrap .product-action a:hover {
  background-color: #d33b3b;
  color: #ffffff;
  border-color: #d33b3b;
}
.single-product-wrap .product-action a:first-child {
  margin-left: 0px;
}
.single-product-wrap .product-action a span {
  display: flex;
}
.single-product-wrap .product-content .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.single-product-wrap .product-content .rating i {
  color: #ccc;
  font-size: 16px;
  margin-right: 5px;
}
.single-product-wrap .product-content .rating i.b-star,
.single-product-wrap .product-content .rating i.c-star,
.single-product-wrap .product-content .rating i.d-star,
.single-product-wrap .product-content .rating i.e-star {
  color: #7aa32a;
}
.single-product-wrap .product-content .rating i:last-child {
  margin-right: 0px;
}
.single-product-wrap .pro-tab .collection-btn {
  text-align: center;
}
.home-product-slider .collection-btn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .home-product-slider .collection-btn {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .single-product-wrap .product-content {
    padding: 16px 0px 15px;
  }
  .home-product-slider .collection-btn {
    margin-top: 30px;
  }
}

/*=====================================
    background banner css
======================================*/
.banner-bg {
  position: relative;
}
.banner-bg::before {
  background-color: #fbf7f3;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 50%;
  z-index: -1;
}
.banner-bg .banner-bg-main {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15px 0px;
  margin-bottom: 65px;
  border-radius: 10px;
}
.banner-bg .banner-bg-main .banner-bg-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
  width: calc(25% - 30px);
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
  width: calc(41.67% - 30px);
  margin-left: 30px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
  width: calc(16.33% - 30px);
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text .section-capture {
  text-align: left;
  margin-bottom: 0px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text span.subtitle {
  background-color: #fff330;
  width: fit-content;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 31px;
  margin-bottom: 10px;
  border-radius: 25px;
}
.banner-bg
  .banner-bg-main
  .banner-bg-wrap
  .banner-text
  .section-capture
  .section-title
  h2 {
  color: #ffffff;
}
.banner-bg
  .banner-bg-main
  .banner-bg-wrap
  .banner-text
  .section-capture
  .section-title
  h2
  span {
  border: none;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
  text-align: center;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-image span.image {
  margin-bottom: -80px;
}
@media (max-width: 1399px) {
  .banner-bg .banner-bg-main {
    padding: 15px 50px;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
    width: calc(33.33% - 30px);
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    width: calc(25% - 30px);
  }
}
@media (max-width: 1199px) {
  .banner-bg .banner-bg-main {
    padding: 15px 30px;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
    width: calc(33.33% - 30px);
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    width: calc(25% - 30px);
  }
}
@media (max-width: 991px) {
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-text,
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    width: calc(50% - 30px);
    order: -1;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
    width: calc(100% - 30px);
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .banner-bg .banner-bg-main {
    padding: 15px 12px;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap {
    margin-left: -12px;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-text,
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    width: calc(50% - 12px);
    margin-left: 12px;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
    width: calc(100% - 12px);
    margin-left: 12px;
  }
}
@media (max-width: 479px) {
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-text,
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    width: calc(100% - 12px);
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
    align-items: center;
  }
  .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    align-items: center;
    margin-top: 24px;
  }
}

/*=====================================
    service css
======================================*/
.service-area .service-block {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgb(128 128 128 / 10%);
}
.service-area .service-block ul.home-service-ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -30px;
}
.service-area .service-block ul.home-service-ul li.home-service-li {
  width: calc(25% - 30px);
  margin-top: 30px;
  margin-left: 30px;
}
.service-area
  .service-block
  ul.home-service-ul
  li.home-service-li
  .service-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-area
  .service-block
  ul.home-service-ul
  li.home-service-li
  .service-main
  .service-icon
  span.icon {
  color: #d33b3b;
  font-size: 40px;
  display: flex;
  line-height: 1;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.service-area
  .service-block
  ul.home-service-ul
  li.home-service-li:hover
  .service-main
  .service-icon
  span.icon {
  transform: scaleX(-1);
}
.service-area
  .service-block
  ul.home-service-ul
  li.home-service-li
  .service-main
  .service-text {
  margin-left: 15px;
}
.service-area
  .service-block
  ul.home-service-ul
  li.home-service-li
  .service-main
  .service-text
  h4.title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.service-area
  .service-block
  ul.home-service-ul
  li.home-service-li
  .service-main
  .service-text
  p {
  color: #808080;
  margin-top: 6px;
}
@media (max-width: 1199px) {
  .service-area .service-block ul.home-service-ul li.home-service-li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .service-area .service-block ul.home-service-ul {
    margin-left: -12px;
  }
  .service-area .service-block ul.home-service-ul li.home-service-li {
    width: calc(50% - 12px);
    margin-left: 12px;
  }
}
@media (max-width: 479px) {
  .service-area .service-block ul.home-service-ul li.home-service-li {
    width: calc(100% - 12px);
  }
}

/*=====================================
    testimonials css
======================================*/
.testimonials-area .testimonials-block .testi-content {
  position: relative;
  padding: 0px 30px 25px;
}
.testimonials-area .testimonials-block .testi-content::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid rgb(128 128 128 / 10%);
  border-radius: 10px;
}
/*.testimonials-area .testimonials-block .testi-content::after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -30px;
    left: 0px;
    border-top: 15px solid #ff0000;
    border-right: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    width: 30px;
    height: 30px;
    margin: auto;
}*/
.testimonials-area .testimonials-block .testi-content span.testi-icon {
  color: #d33b3b;
  font-size: 50px;
  margin-bottom: 17px;
  display: flex;
  line-height: 1;
}
.testimonials-area .testimonials-block .testi-content .testimonials-review {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonials-area
  .testimonials-block
  .testi-content
  .testimonials-review
  span.testi-rating
  i {
  color: #7aa32a;
}
.testimonials-area
  .testimonials-block
  .testi-content
  .testimonials-review
  span.testi-title {
  font-size: 16px;
  font-weight: 600;
}
.testimonials-area .testimonials-block .testi-content p {
  color: #808080;
  margin-top: 20px;
}
.testimonials-area .testimonials-block .testi-author {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonials-area .testimonials-block .testi-author .author-img span.image {
  border: 10px solid #ffffff;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  border-radius: 100%;
}
.testimonials-area
  .testimonials-block
  .testi-author
  .author-img
  span.image
  img {
  width: 50px;
  border-radius: 100%;
}
.testimonials-area .testimonials-block .testi-author .author-content {
  margin-left: 15px;
}
.testimonials-area .testimonials-block .testi-author .author-content h4.title {
  color: #d33b3f;
  font-size: 18px;
  font-weight: 600;
}
.testimonials-area .testimonials-block .testi-author .author-content p {
  color: #808080;
  margin-top: 5px;
}

/*header-10-responsive-css*/
/*=====================================
laptop css
======================================*/
@media (max-width: 1599px) {
  .container-fluid {
    padding: 0px 30px;
  }
  .home8-slider .home-slider .slider-image .slider-text {
    left: 80px;
  }
  .header-main-area .header-main .header-element.megamenu-content {
    position: unset;
  }
  /* home banner css */
  .home-banner .banner-area .banner-item .banner-text span.sub-title {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .home-banner .banner-area .banner-item .banner-text h1.title {
    font-size: 36px;
  }
  .home-banner .banner-area .banner-item.banner-1 .banner-text a {
    margin-top: 34px;
  }
  .home-banner .banner-area .banner-item.banner-2 .banner-text a.video-btn {
    margin-top: 35px;
    width: 60px;
    height: 60px;
  }
  .home-banner
    .banner-area
    .banner-item.banner-2
    .banner-text
    a.video-btn:before,
  .home-banner
    .banner-area
    .banner-item.banner-2
    .banner-text
    a.video-btn:after {
    width: 60px;
    height: 60px;
  }
}

/*=====================================
laptop-3 css
======================================*/
@media (max-width: 1280px) {
  /* header css */
  .right-block-box ul.shop-element li.side-wrap a span.text {
    display: none;
  }
}

/*=====================================
idap-pro css
======================================*/
@media (max-width: 1199px) {
  /* body hidden class */
  body.hidden {
    overflow-y: hidden;
    padding-right: 0px;
  }
  /* home-2 container css */
  .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
  .container {
    max-width: 960px;
  }
  .container-fluid {
    padding: 0px 30px;
  }
  /* section padding css */
  .section-t-padding {
    padding-top: 80px;
  }
  .section-b-padding {
    padding-bottom: 80px;
  }
  .section-tb-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  /* section title css */
  .section-capture {
    margin-bottom: 40px;
  }
  .section-capture .section-title h2 {
    font-size: 30px;
  }
  /* top notification css */
  .top-7 ul.top-home li.top-home-li {
    width: 50%;
  }
  .top-7 ul.top-home li.top-home-li.t-content {
    display: none;
  }
  .top-7 ul.top-home li.top-home-li.call-area {
    text-align: left;
  }
  /* header top css */
  .header-main-area {
    padding: 15px 0;
  }
  .header-main-area .header-main .header-element.logo {
    width: 50%;
  }
  .header-main-area .header-main .header-element.megamenu-content {
    display: none;
  }
  .header-main-area .header-main .header-element.right-block-box {
    width: 50%;
  }
  .header-main-area
    .header-main
    .header-element.right-block-box
    ul.shop-element
    li.nav-toggler {
    display: block;
  }
  /* header-bottom css */
  .header-bottom-area {
    display: block;
  }
  .header-bottom-area .main-menu-area {
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    border-top: none;
  }
  .header-bottom-area .main-menu-area.active {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .header-bottom-area .main-menu-area,
  .header-bottom-area .main-menu-area.active {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  .header-bottom-area .main-menu-area .main-navigation .navbar-collapse {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 45px;
  }
  .header-bottom-area .main-menu-area .main-navigation .img-hotline {
    display: none;
  }
  .header-bottom-area
    .main-menu-area
    .main-navigation
    .navbar-collapse
    .megamenu-content {
    width: 100%;
  }
  /* box-header css */
  .main-menu-area .main-navigation .box-header {
    display: block;
  }
  /* main-menu css */
  .megamenu-content .mainwrap ul.main-menu {
    flex-direction: column;
  }
  .megamenu-content .mainwrap ul.main-menu li.menu-link {
    border-top: 1px solid #eee;
  }
  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    display: flex;
    padding: 10px 15px;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link:first-child
    a.link-title {
    padding-left: 15px;
  }
  .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    a.link-title
    span::before {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link.parent
    a.link-title.link-title-lg {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link.parent
    a.link-title.link-title-lg,
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link.parent
    a.link-title.link-title-lg[aria-expanded="false"] {
    color: #222;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link.parent
    a.link-title.link-title-lg[aria-expanded="true"] {
    color: #ee6c4d;
  }
  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title::after {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link:last-child
    a.link-title:before {
    display: none;
  }
  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i {
    margin-left: 0;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link.parent
    a.link-title.link-title-lg[aria-expanded="true"]
    i {
    transform: rotate(180deg);
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    a.link-title
    span.sp-link-title
    span.hot {
    top: -8px;
    right: 0;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu.collapse:not(.show),
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu.collapse:not(.show),
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.banner-menu.collapse:not(.show) {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu,
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu,
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.banner-menu {
    padding: 0;
    position: unset;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.submenu-li {
    margin-top: 0;
    border-top: 1px solid #eee;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.submenu-li
    a.submenu-link {
    display: block;
    padding: 10px 15px 10px 25px;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li {
    width: 100%;
    padding: 0 0;
    border-top: 1px solid #eee;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    h2.sublink-title {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    a.sublink-title.sublink-title-lg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px 10px 25px;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    a.sublink-title.sublink-title-lg,
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    a.sublink-title.sublink-title-lg[aria-expanded="false"] {
    color: #222;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    a.sublink-title.sublink-title-lg[aria-expanded="true"] {
    color: #ee6c4d;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    a.sublink-title.sublink-title-lg[aria-expanded="true"]
    i {
    transform: rotate(180deg);
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    ul.dropdown-supmenu.collapse:not(.show) {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    ul.dropdown-supmenu
    li.supmenu-li {
    margin-top: 0;
    border-top: 1px solid #eee;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li
    ul.dropdown-supmenu
    li.supmenu-li
    a {
    display: block;
    padding: 10px 15px 10px 30px;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.banner-menu
    li.menu-banner {
    width: 100%;
    padding: 0 0;
    border-top: 1px solid #eee;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.banner-menu
    li.menu-banner
    a.menu-banner-img {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.banner-menu
    li.menu-banner
    a.menu-banner-title {
    padding: 10px 15px 10px 25px;
    margin-top: 0px;
    text-align: left;
  }
  /* blog menu */
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li {
    padding: 0px;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    a.g-l-link {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    a.sub-link {
    display: block;
    padding: 10px 25px 10px 25px;
    font-weight: 400;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    a.sub-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    a.sub-link[aria-expanded="true"] {
    color: #ee6c4d;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    a.sub-link[aria-expanded="true"]
    i {
    transform: rotate(180deg);
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1 {
    position: unset;
    opacity: 1;
    visibility: visible;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1.collapse:not(.show) {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1 {
    width: 100%;
    padding: 0px;
    transform: unset;
    box-shadow: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    a.blog-sub-style {
    display: block;
    padding: 10px 35px;
    border-top: 1px solid #eee;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    a.blog-sub-style[aria-expanded="true"] {
    color: #ee6c4d;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    a.blog-sub-style[aria-expanded="true"]
    i {
    transform: rotate(270deg);
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    a.sub-style {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    a.blog-sub-style {
    font-size: 13px;
    padding: 10px 40px;
    border-top: 1px solid #eee;
    font-weight: 400;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    a
    i {
    font-size: 14px;
    transform: rotate(91deg);
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    ul.grid-style {
    width: 100%;
    padding: 0px;
    transform: unset;
    box-shadow: none;
    position: unset;
    opacity: 1;
    visibility: visible;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    ul.grid-style.collapse:not(.show) {
    display: none;
  }
  .megamenu-content
    .mainwrap
    ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    ul.blog-style-1
    li
    ul.grid-style
    li
    a {
    font-size: 13px;
    padding: 10px 50px;
    border-top: 1px solid #eee;
  }
}

/* banner css */
.home-banner-area .banner-block ul.banner-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -30px;
  margin-left: -30px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li {
  width: calc(33.33% - 30px);
  margin-top: 30px;
  margin-left: 30px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area {
  position: relative;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  a.banner-image {
  display: block;
  position: relative;
  overflow: hidden;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li:hover
  .banner-area
  a.banner-image
  img {
  transform: scale(1.1);
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  .banner-content {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 20px;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  .banner-content
  span.subtitle {
  margin-bottom: 17px;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  .banner-content
  h4.title {
  font-size: 18px;
  font-weight: 600;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  .banner-content
  h4.title
  span {
  display: block;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  .banner-content
  a.banner-btn {
  color: #eaab49;
  margin-top: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  .banner-content
  a.banner-btn:hover {
  color: #232323;
}
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li
  .banner-area
  a.banner-image
  img,
.home-banner-area
  .banner-block
  ul.banner-ul
  li.banner-li:hover
  .banner-area
  a.banner-image
  img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


/* footer style-2 products css */
.footer-style-2-pro {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.footer-style-2-pro .header-style-pro {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.footer-style-2-pro .header-style-pro:nth-child(1),
.footer-style-2-pro .header-style-pro:nth-child(2) {
  margin-top: 0px;
}
.footer-style-2-pro .header-style-pro .tred-pro {
  width: 35%;
}
.footer-style-2-pro .header-style-pro .caption {
  width: calc(65% - 20px);
  margin-left: 20px;
  padding-top: 0px;
}
.footer-style-2-pro .header-style-pro .caption h3 a {
  font-weight: 600;
  margin-bottom: 7px;
}
.footer-style-2-pro .pro-icn {
  position: unset;
  margin-top: 12px;
}
.footer-style-2-pro .pro-icn a.w-c-q-icn i {
  background-color: #fff;
  color: #333;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
  font-size: 16px;
  border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.footer-style-2-pro .pro-icn a.w-c-q-icn:hover i {
  background-color: #eaab49;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* footer css */
.footer-one .footer-content-area ul.footer-ul {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-top: -50px;
  justify-content: center;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li {
  margin-left: 30px;
  margin-top: 50px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info {
  width: calc(25% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-link {
  width: calc(16.66% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
  width: calc(25% - 30px);
}
/* logo css */
.footer-one .footer-content-area ul.footer-ul li.footer-li .logo-desc {
  padding-bottom: 13px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .desc {
  width: 80%;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .payment {
  margin-top: 21px;
}
/* footer link css */
.footer-one .footer-content-area ul.footer-ul li.footer-li h2.h-footer {
  color: #232323;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li a.h-footer {
  color: #eaab49;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  display: none;
  align-items: center;
  justify-content: space-between;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li
  ul.f-link-ul.collapse:not(.show) {
  display: block;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li
  ul.f-link-ul
  li.f-link-ul-li {
  margin-top: 9px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li
  ul.f-link-ul
  li.f-link-ul-li:first-child {
  margin-top: 22px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li
  ul.f-link-ul
  li.f-link-ul-li
  a {
  color: #232323;
  font-size: 14px;
  line-height: normal;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li
  ul.f-link-ul
  li.f-link-ul-li
  a:hover {
  color: #eaab49;
}
/* store info css */
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li {
  width: 85%;
  display: flex;
  margin-top: 17px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li:first-child {
  margin-top: 25px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .icon
  span
  i {
  color: #eaab49;
  font-size: 22px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .text {
  margin-left: 15px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .text
  p,
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .text
  a {
  color: #232323;
  font-size: 14px;
  margin-top: 3px;
  font-weight: 400;
  display: block;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .text
  p:first-child,
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .text
  a:first-child {
  margin-top: 0px;
}
.footer-one
  .footer-content-area
  ul.footer-ul
  li.footer-li.store-info
  ul.f-link-ul
  li.f-link-ul-li
  .text
  a:hover {
  color: #eaab49;
}

/* footer copyright css */
.footer-copyright {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #f2f2f2;
}
.footer-copyright ul.copyrighta-ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul {
  display: flex;
  align-items: center;
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul li.social-li {
  margin-left: 10px;
}
.footer-copyright
  ul.copyrighta-ul
  li.copyrighta-li
  ul.social-ul
  li.social-li:first-child {
  margin-left: 0px;
}
.footer-copyright
  ul.copyrighta-ul
  li.copyrighta-li
  ul.social-ul
  li.social-li
  a {
  color: #eaab49;
  font-size: 14px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
.footer-copyright
  ul.copyrighta-ul
  li.copyrighta-li
  ul.social-ul
  li.social-li
  a:hover {
  background-color: #eaab49;
  color: #ffffff;
}
@media (max-width: 1280px) {
  /* logo desc css */
  .footer-one .footer-content-area ul.footer-ul li.footer-li .desc {
    width: 100%;
  }
  /* store info css */
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li.store-info
    ul.f-link-ul
    li.f-link-ul-li {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  /* footer css */
  .footer-one .footer-content-area ul.footer-ul {
    margin-top: -40px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li {
    margin-top: 40px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info {
    width: calc(50% - 30px);
    order: -1;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-link {
    width: calc(33.33% - 30px);
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
    width: calc(50% - 30px);
    order: -1;
  }
}

@media (max-width: 767px) {
  /* footer css */
  .footer-one .footer-content-area ul.footer-ul {
    margin-top: -0px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li {
    margin-top: 0px;
    padding: 14px 0px;
    border-top: 1px solid #f2f2f2;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info,
  .footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
    padding: 0px;
    border: none;
    margin-bottom: 30px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li.footer-link {
    width: calc(100% - 30px);
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li .logo-desc {
    padding-bottom: 10px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li h2.h-footer {
    display: none;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li.store-info
    h2.h-footer {
    display: flex;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li a.h-footer {
    font-size: 14px;
    display: flex;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li
    ul.f-link-ul.collapse:not(.show) {
    display: none;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li
    ul.f-link-ul
    li.f-link-ul-li {
    margin-top: 9px;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li
    ul.f-link-ul
    li.f-link-ul-li:first-child {
    margin-top: 22px;
  }

  /* footer css */
  .footer-one .footer-content-area ul.footer-ul {
    margin-top: -0px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li {
    margin-top: 0px;
    padding: 14px 0px;
    border-top: 1px solid #f2f2f2;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info,
  .footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
    padding: 0px;
    border: none;
    margin-bottom: 30px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li.footer-link {
    width: calc(100% - 30px);
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li .logo-desc {
    padding-bottom: 10px;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li h2.h-footer {
    display: none;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li.store-info
    h2.h-footer {
    display: flex;
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li a.h-footer {
    font-size: 14px;
    display: flex;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li
    ul.f-link-ul.collapse:not(.show) {
    display: none;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li
    ul.f-link-ul
    li.f-link-ul-li {
    margin-top: 9px;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li
    ul.f-link-ul
    li.f-link-ul-li:first-child {
    margin-top: 22px;
  }
}

@media (max-width: 479px) {
  /* footer css */
  .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info,
  .footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
    width: calc(100% - 30px);
  }
  .footer-one .footer-content-area ul.footer-ul li.footer-li .payment {
    margin-top: 11px;
  }
  .footer-one
    .footer-content-area
    ul.footer-ul
    li.footer-li.store-info
    ul.f-link-ul
    li.f-link-ul-li:first-child {
    margin-top: 15px;
  }

  /* copyright css */
  .footer-copyright ul.copyrighta-ul {
    flex-direction: column;
  }
  .footer-copyright ul.copyrighta-ul li.copyrighta-li.social {
    margin-top: 14px;
  }
}

@media (max-width: 1199px){
/* banner css */
.home-banner-area .banner-block ul.banner-ul {
    margin-left: -15px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li {
    width: calc(33.33% - 15px);
    margin-left: 15px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content span.subtitle {
    margin-bottom: 7px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content a.banner-btn {
    margin-top: 8px;
}
/* banner css */
.home-banner-area .banner-block ul.banner-ul li.banner-li {
    width: calc(50% - 15px);
}


}

@media (max-width: 600px) {
    /* banner css */
    .home-banner-area .banner-block ul.banner-ul li.banner-li {
        width: calc(100% - 15px);
    } 
    .service-area .service-main ul.service-ul li.service-li {
        width: 100%;
    }
}
/* breadcrumb css */
.about-breadcrumb .about-back{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 5;
}
.about-breadcrumb .about-back .about-l ul.about-link{
    text-align: center;
}
.about-breadcrumb .about-back .about-l ul.about-link li.go-home a{
    font-size: 18px;
    color: #333;
    position: relative;
    font-weight: 500;
    padding-bottom: 10px;
}
.about-breadcrumb .about-back .about-l ul.about-link li.go-home a::after{
    background-color: #333;
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0px;
    width: 3px;
    height: 15px;
    margin: 0 auto;
}
.about-breadcrumb .about-back .about-l ul.about-link li.about-p {
    padding-top: 26px;
}
.about-breadcrumb .about-back .about-l ul.about-link li.about-p span{
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
/* about page css */
.about-content .about-title{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.about-content .about-title h1{
    font-size: 30px;
    line-height: 1;
}
.about-content .about-title p{
    margin-top: 18px;
}
.about-content .about-details {
    text-align: center;
}
.about-content .about-details {
    margin-top: 23px;
}
.about-content .about-details p{
    margin-top: 15px;
}
.about-content .about-details p:first-child {
    margin-top: 0px;
}
.about-counter{
    background-color: #f5ab1e;
}
.about-counter .text-center{
    display: flex;
    flex-wrap: wrap;
}
.about-counter .text-center .counter{
    width: 25%;
    border-right: 1px solid #fff;
}
.about-counter .text-center .counter:last-child{
    border: none;
}
.about-counter .text-center .count-title {
    color: #fff;
    font-size: 55px;
    font-weight:700;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}
.about-counter .text-center .count-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}
/*------------------------------------------------------- Comingsoon end -------------------------------------------------------*/