html,
body {
  height: 100%;
  font-family: "Inter", sans-serif !important;
}

.floatleft {
  float: left
}

.floatright {
  float: right
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px
}

/* Shipping Tabs Styling */
.shipping-method-tabs {
  display: flex;
  background: #f1f3f6;
  border-radius: 50px;
  padding: 5px;
  margin-bottom: 20px;
}

.slider-wrapper {
    height: 400px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.shipping-method-tabs .tab-item {
  flex: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  border-radius: 50px;
  font-weight: bold;
  color: #333;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shipping-method-tabs .tab-item.active {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.shipping-method-tabs .tab-item i {
  margin-right: 8px;
  font-size: 1.2em;
}


.aligncenter {
  display: block;
  margin: 0 auto 15px
}

a:focus {
  outline: 0px solid
}

img {
  max-width: 100%;
  height: auto
}

.fix {
  overflow: hidden
}

p {
  margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px;
  color: #2c2c2c;
  line-height: 1.35;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #2c2c2c;
}

a:hover {
  color: #043dc4;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0 none;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.clear {
  clear: both
}

body {
  color: #222;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
}

.container {
  max-width: 1170px;
}

.container {
  padding-right: calc(var(--bs-gutter-x) * .625);
  padding-left: calc(var(--bs-gutter-x) * .625);
}

.row {
  --bs-gutter-x: 30px;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mt-10 {
  margin: 10px 0 0 0;
}

.mt-20 {
  margin: 20px 0 0 0;
}

.mt-30 {
  margin: 30px 0 0 0;
}

.mt-40 {
  margin: 40px 0 0 0;
}

.mt-50 {
  margin: 50px 0 0 0;
}

.mt-60 {
  margin: 60px 0 0 0;
}

.mb-20 {
  margin: 0 0 20px 0;
}

.mb-30 {
  margin: 0 0 30px 0;
}

.mb-60 {
  margin: 0 0 60px 0;
}

.mb-80 {
  margin: 0 0 80px 0;
}

.mb-90 {
  margin: 0 0 90px 0;
}

.bg-gray {
  background: #fff;
}

.bg-blue {
  background: #043dc4
}

.bg-white {
  background: #fff;
}

.bg-black {
  background: #232F3E;
}

.bg-orange {
  background: #FF6A00;
}

.bg-yellow {
  background: #FFC833;
}

.bg-brown {
  background: #E54545;
}

#scrollUp {
  background: #043dc4 none repeat scroll 0 0;
  bottom: 30px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 18px;
  height: 40px;
  line-height: 38px;
  right: 20px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: 40px;
}

#scrollUp:hover {
  background: #043dc4;
}

/*------------------------------------
    02. header-area css 
--------------------------------------*/
.wrapper header {
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
}

.logo {
  margin: 0px !important;
  text-align: center;
}

.logo a > img{
    width:100%;
}

/*--- top-search-area start ---*/
.top-search-area {
  margin: 27px 0;
  position: relative;
}

.top-search-area .search-form-input .nice-select {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #f3f3f3 none repeat scroll 0 0;
  border-bottom: medium none;
  -o-border-image: none;
  border-image: none;
  border-radius: 25px 0 0 25px;
  border-right: 1px solid #cdcdcd;
  border-top: medium none;
  color: #000000;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  padding: 0 21px;
  position: absolute;
  top: 0;
  width: 174px;
  z-index: 9;
}

.top-search-area .search-form-input .nice-select .list {
  height: 320px;
  overflow-y: auto;
  margin: 0;
}

.top-search-area .search-form-input .nice-select .list li {
  font-size: 13px;
  padding: 0 28px;
}

.search-form-input input {
  border: 1px solid #818182;
  border-radius: 25px;
  height: 45px;
  padding: 10px 55px 10px 15px;
  position: relative;
  width: 100%;
}

.search-form-input .top-search-btn {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  height: 41px;
  position: absolute;
  right: 2px;
  top: 2px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
  font-size: 21px;
}

.search-form-input .top-search-btn:hover {
  background: #043dc4;
}

.home-two-shearch .search-form-input input {
  border: 2px solid #ff6a00;
  border-radius: 5px;
  height: 45px;
  padding: 10px 130px 10px 185px;
  position: relative;
  width: 100%;
}

/*----- home-two-shearch css ------*/
.top-search-area.home-two-shearch {
  margin: 0 0 30px;
}

.top-search-area.home-two-shearch .search-form-input .nice-select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000000;
  height: 43px;
  left: 0px;
  line-height: 43px;
  padding: 0 21px;
  position: absolute;
  top: 0;
  width: 164px;
  z-index: 9;
}

.top-search-area.home-two-shearch .search-form-input .nice-select:before {
  background: #A1A1A1 none repeat scroll 0 0;
  content: "";
  height: 25px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

.top-search-area.home-two-shearch .search-form-input .top-search-btn {
  background: #ff6a00 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 5px 5px 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 45px;
  line-height: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 120px;
}

.top-search-area.home-two-shearch .search-form-input .top-search-btn:hover {
  background: #222222;
}

/*-------- shearch-three css ------------*/
.shearch-three .search-form-input .top-search-btn {
  background: #043dc4 none repeat scroll 0 0;
  color: #fff;
}

.shearch-three .search-form-input .top-search-btn:hover {
  color: #fff;
}

/*------ shearch-fore ------*/
.shearch-fore .search-form-input {
  border: 2px solid #e54545;
  border-radius: 25px;
}

.top-search-area.shearch-fore .search-form-input .nice-select {
  background: transparent;
}

.top-search-area.shearch-fore .search-form-input .nice-select {
  border: medium none;
  top: 2px;
  width: 154px;
}

.top-search-area.shearch-fore .search-form-input input {
  padding: 10px 55px 10px 168px;
}

.shearch-fore .search-form-input .top-search-btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #333333;
  font-size: 22px;
  top: 6px;
}

.shearch-fore .search-form-input .top-search-btn:hover {
  color: #E54545;
}

.top-search-area.shearch-fore .search-form-input .nice-select:before {
  background: #a1a1a1 none repeat scroll 0 0;
  content: "";
  height: 25px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

/*----------------------------------------- 
   03. header-cart-box css
-------------------------------------------*/
.header-cart-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
  margin: 25px 0;
  position: relative;
  gap:18px;
}

.dropdown-toggle:after {
  display: none;
}

.btn-group .btn-link {
  border: 0 none;
  color: #222222;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  overflow: hidden;
  padding: 12px 0;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: capitalize;
  background-color: transparent;
}

/*---  setting-account css ----*/
.setting-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding-right: 20px;
  position: relative;
}

.setting-account:after {
  background: #818182 none repeat scroll 0 0;
  content: "";
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}

.header-cart-box .btn-group .btn-link {
  color: #818182;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  padding: 5px 0;
  text-decoration: none;
  background-color: transparent;
}

.btn-group .dropdown-menu {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaecee;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: auto !important;
  margin: 0;
  padding: 0 20px;
  position: absolute;
  right: 0 !important;
  text-align: left;
}

.btn-group .dropdown-menu li>a {
  border-bottom: 1px solid #eeeeee;
  border-radius: 0;
  color: #222222;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: inherit;
  line-height: 24px;
  padding: 12px 0;
  text-align: left;
  text-transform: capitalize;
}

.btn-group .dropdown-menu li>a:hover {
  color: #043dc4;
}

/*-- header-cart-box-2 css --*/
.header-cart-box .setting-account.home-two-setting .btn-group .btn-link {
  color: #333333;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-cart-box.header-cart-box-2 {
  margin: 0 0 30px;
}

.header-cart-box .setting-account.home-two-setting .btn-group .btn-link:hover {
  color: #FF6A00;
}

.home-two-setting .btn-group .dropdown-menu li>a:hover {
  color: #FF6A00;
}

.header-cart-box-2 .setting-account:after {
  background: #333333 none repeat scroll 0 0;
}

/*--- cart-box-fore ---*/
.header-cart-box.header-cart-box-fore .setting-account .btn-group .btn-link {
  color: #333333;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#top-shopoing-cart .shopping-cart.shopping-cart-fore i {
  color: #333333;
}

#top-shopoing-cart .shopping-cart.shopping-cart-fore .top-cart-total {
  color: #333333;
}

.home-3 .btn-group .dropdown-menu li>a:hover {
  color: #FFC833;
}

.header-cart-box-fore .btn-group .dropdown-menu li>a:hover {
  color: #E54545;
}

.home-4 .setting-account:after {
  background: #333333;
}

.home-4 .header-cart-box {
  margin: 30px 0 20px;
}

/*------------------------------------
   04. top-shopoing-cart css 
-------------------------------------*/
#top-shopoing-cart .shopping-cart i {
  color: #818182;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
  vertical-align: middle;
}

#top-shopoing-cart .item-text-number {
  background: #e64545 none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  height: 16px;
  left: 20px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 1px;
  vertical-align: top;
  width: 16px;
}

#top-shopoing-cart .top-cart-total {
  color: #818182;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  margin-left: 16px;
  padding: 5px 0;
  text-align: left;
  text-transform: capitalize;
  vertical-align: top;
}

#top-shopoing-cart .dropdown-menu {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaecee;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 11px 0 0;
  padding: 10px 20px 30px !important;
  right: 0 !important;
  top: 100%;
  -webkit-transform: translate3d(0px, 47px, 0px) !important;
  transform: translate3d(0px, 47px, 0px) !important;
  width: 350px;
}

#top-shopoing-cart .dropdown-menu:after {
  border-bottom-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

#top-shopoing-cart .dropdown-menu:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  right: 25px;
  top: -15px;
  z-index: 98;
}

#top-shopoing-cart .dropdown-menu li.single-cart {
  margin: 0;
  max-height: 300px;
  overflow: auto;
}

#top-shopoing-cart .dropdown-menu li.single-cart {
  border-bottom: 1px solid #ebebeb;
  display: block;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
}

#top-shopoing-cart .dropdown-menu .cart-info {
  float: left;
}

#top-shopoing-cart .dropdown-menu .cart-img {
  float: left;
  margin-right: 8px;
}

#top-shopoing-cart .dropdown-menu .cart-info>a {
  font-size: 14px;
}

#top-shopoing-cart .dropdown-menu .cart-info .cart-quantity {
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
  margin: 0;
}

#top-shopoing-cart .dropdown-menu .cart-info .cart-price {
  color: #e64545;
  display: block;
  font-size: 20px;
  font-weight: 600;
  padding-top: 2px;
  margin: 0;
}

#top-shopoing-cart .mini-cart-sub .cart-remove {
  background: #eaeaea none repeat scroll 0 0;
  border: medium none;
  border-radius: 500%;
  color: #000000;
  cursor: pointer;
  float: right;
  font-size: 18px;
  height: 20px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 20px;
}

#top-shopoing-cart .mini-cart-sub .cart-remove:hover {
  background: #043dc4;
  color: #fff;
}

#top-shopoing-cart .cart-total-box {
  padding: 20px 0;
}

#top-shopoing-cart .cart-total-box h5 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

#top-shopoing-cart .cart-total-box h5:last-child {
  margin-bottom: 0px;
}

#top-shopoing-cart .cart-total-box h5 span {
  color: #e64545;
  font-size: 18px;
  font-weight: 600;
}

.cart-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#top-shopoing-cart p {
  margin: 0;
}

#top-shopoing-cart p.cart-button a {
  background: #043dc4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 20px;
  color: #ffffff;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 5px;
  padding: 0 33px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#top-shopoing-cart p.cart-button a:hover {
  background: #E64545;
}

/*------- home-2 css ----------*/
#top-shopoing-cart .top-cart-total.home-two {
  color: #333333;
}

#top-shopoing-cart .shopping-cart.home-two i {
  color: #333;
}

#top-shopoing-cart .home-two .item-text-number {
  background: #FF6A00;
}

#top-shopoing-cart .dropdown-menu .mini-cart-2 .cart-info>a:hover {
  color: #FF6A00;
}

#top-shopoing-cart .mini-cart-sub.mini-cart-2 .cart-remove:hover {
  background: #FF6A00 none repeat scroll 0 0;
}

#top-shopoing-cart .dropdown-menu .mini-cart-2 .cart-info .cart-price {
  color: #FF6A00;
}

#top-shopoing-cart .mini-cart-2 .cart-total-box h5 span {
  color: #FF6A00;
}

#top-shopoing-cart .mini-cart-2 p.cart-button a {
  background: #FF6A00;
}

#top-shopoing-cart .mini-cart-2 p.cart-button a:hover {
  background: #222222;
}

/*--- home-three css ---*/
#top-shopoing-cart .home-three .item-text-number {
  background: #FFC833;
}

#top-shopoing-cart .mini-cart-sub.mini-cart-3 .cart-remove:hover {
  background: #FFC833 none repeat scroll 0 0;
}

#top-shopoing-cart .mini-cart-3 p.cart-button a {
  background: #FFC833;
  color: #333;
}

#top-shopoing-cart .mini-cart-3 p.cart-button a:hover {
  background: #E64545;
  color: #fff;
}

/*--- home-fore css ---*/
#top-shopoing-cart .mini-cart-sub.mini-cart-fore .cart-remove:hover {
  background: #E54545 none repeat scroll 0 0;
}

#top-shopoing-cart .mini-cart-sub.mini-cart-fore p.cart-button a {
  background: #E54545;
}

#top-shopoing-cart .mini-cart-sub.mini-cart-fore p.cart-button a:hover {
  background: #222222;
}

/*---------------------------
   05. main-menu-area css 
-----------------------------*/
.sticky-header.sticky {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #f4f4f4 none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
  left: 0;
  margin: auto;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.home-2 .sticky-header.sticky .logo {
  margin: 8px 0;
}

.home-2 .sticky-header.sticky .main-menu.main-menu-style-2 {
  margin: 8px 0;
}

.home-2 .sticky-header.sticky .top-box-lang.top-box-lang-2 {
  margin: 8px 0;
}

.home-3 .sticky .main-menu.menu-style-3 ul>li>a {
  color: #222222;
}

.home-3 .sticky .top-box-lang.top-box-lang-3 ul li button {
  color: #222222;
}

.home-3 .sticky .mean-container a.meanmenu-reveal span {
  background: #333333 none repeat scroll 0 0;
}

.border--top {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu ul>li {
  display: inline-block;
  position: relative;
}

.main-menu ul>li>a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 16px 18px;
}

.main-menu ul>li:first-child a {
  padding-left: 0;
}

/*--- dorpdown-menu css ---*/
.main-menu ul>li>ul.dorpdown-menu,
.main-menu ul>li>ul.mega-menu {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.12);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 120%;
  visibility: hidden;
  width: 180px;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-menu ul>li>ul.dorpdown-menu {
  padding: 10px 0;
}

.main-menu ul>li>ul.dorpdown-menu li {
  display: block;
}

.main-menu ul>li>ul.dorpdown-menu li>a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 15px;
}

.main-menu ul>li>ul.mega-menu {
  padding: 20px;
  width: 630px;
  z-index: 99999;
}

.main-menu ul>li>ul.mega-menu li {
  display: block;
  float: left;
  padding: 0;
  width: 33.3333%;
}

.main-menu ul>li>ul.mega-menu li a {
  color: #333333;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-menu ul>li>ul.mega-menu li a:hover {
  color: #043dc4;
}

.main-menu ul>li>ul.mega-menu li ul li {
  display: block;
  padding: 0;
  width: 100%;
}

.main-menu ul>li>ul.mega-menu li ul li a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 0;
  margin: 0;
}

.main-menu ul>li:hover ul.dorpdown-menu,
.main-menu ul>li:hover ul.mega-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
}

/*--- main-menu-style-2 css ----*/
.main-menu.main-menu-style-2 {
  margin: 24px 0;
}

.top-box-lang.top-box-lang-2 {
  margin: 24px 0;
}

.main-menu.main-menu-style-2 ul>li>a:hover {
  color: #FF6A00;
}

/*--- menu-style-3 css ----*/
.main-menu.menu-style-3 ul>li>a {
  color: #545454;
}

.main-menu.menu-style-3 ul>li>a:hover {
  color: #FFC833;
}

.main-menu.menu-style-3 ul>li>ul.dorpdown-menu li>a {
  color: #222;
}

.main-menu.menu-style-3 ul>li>ul.dorpdown-menu li>a:hover {
  color: #FFC833;
}

/*------  mobile-menu css ------*/
.mean-container .mean-bar {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  min-height: 0;
  padding: 0;
}

.mean-container a.meanmenu-reveal {
  border: 0 none;
  color: #222222;
  margin-top: -38px;
  padding: 2px 0;
  position: absolute;
  right: 0 !important;
  left: 0 !important;
}

.home-3 .mean-container a.meanmenu-reveal {
  color: #FFC833;
}

.mean-container .mean-nav {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  margin-top: 0;
  position: absolute;
  width: 100%;
}

.home-2 .mean-container a.meanmenu-reveal {
  margin-top: -60px;
}

.home-3 .mean-container a.meanmenu-reveal span {
  background: #fff;
}

.home-3 .mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #FFC833;
}

/*--- top-box-lang css ----*/
.top-box-lang ul li button {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.top-box-lang ul li button:hover {
  color: #043dc4;
}

.top-box-lang ul li {
  display: inline-block;
}

.top-box-lang ul>li.currency {
  position: relative;
  margin-right: 20px;
  padding-right: 20px;
}

.top-box-lang ul>li.currency:after {
  background: #444444 none repeat scroll 0 0;
  content: "";
  height: 14px;
  margin-top: -7px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}

.top-box-lang .dropdown-menu li {
  display: block;
}

.top-box-lang .language img {
  margin-right: 5px;
}

.top-box-lang.top-box-lang-2 ul li button:hover {
  color: #FF6A00;
}

.top-box-lang-2 .btn-group .dropdown-menu li>a:hover {
  color: #FF6A00;
}

.top-box-lang.top-box-lang-3 ul li button {
  color: #fff;
}

.top-box-lang.top-box-lang-3 ul li button:hover {
  color: #FFC833;
}

.top-box-lang-3 .btn-group .dropdown-menu li>a:hover {
  color: #FFC833;
}

.top-box-lang.top-box-lang-4 ul li button:hover {
  color: #E54545;
}

.top-box-lang.top-box-lang-4 .btn-group .dropdown-menu li>a:hover {
  color: #E54545;
}

/*-----------------------------------------
   06. slider-main-area css
------------------------------------------*/
.slider-text-info.style-1,
.slider-text-info.style-2 {
  padding: 98px 0;
}

.slider-text-info .title-1,
.slider-text-info .title-2 {
  color: #222222;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.slider-text-info .slider-1-des p {
  color: #666666;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 17px;
  padding: 0;
  text-transform: uppercase;
}

.slider-text-info .slider-1-des p span {
  color: #043dc4;
  display: block;
  font-size: 60px;
}

.slider-text-info .slier-btn-1 a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #043dc4;
  border-radius: 3px;
  color: #043dc4;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  vertical-align: top;
}

.slider-text-info .slier-btn-1 a:hover {
  background: #043dc4;
  border-color: #043dc4;
  color: #fff;
}

.slider-text-info.style-2 .slider-1-des p span {
  color: #e64545;
}

.slider-text-info.style-2 .slier-btn-1 a {
  border: 2px solid #e64545;
  color: #e64545;
}

.slider-text-info.style-2 .slier-btn-1 a:hover {
  background: #e64545;
  border-color: #e64545;
  color: #fff;
}

.slider-active .owl-dots {
  bottom: 20px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.slider-active .owl-dots .owl-dot {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  width: 10px;
}

.slider-active .owl-dots .owl-dot.active {
  background: #043dc4 none repeat scroll 0 0;
}

.active .slider-wrapper .slider-text-animation * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-item.active .slider-text-animation h1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-text-animation h2 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.owl-item.active .slider-text-animation .slider-1-des {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-text-animation .slier-btn-1 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*--------- Home-2 slider css  -----------*/
.slider-text-info.style-3 .title-1,
.slider-text-info.style-4 .title-2 {
  color: #ffffff;
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}

.slider-text-info.style-3 p,
.slider-text-info.style-4 p {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 0;
  text-transform: capitalize;
}

.slider-text-info.style-3 .slier-btn-1 a,
.slider-text-info.style-4 .slier-btn-1 a {
  border: 2px solid #fff;
  color: #fff;
}

.slider-text-info.style-3 .slier-btn-1 a:hover,
.slider-text-info.style-4 .slier-btn-1 a:hover {
  background: #FF6A00;
  border: 2px solid #FF6A00;
  color: #fff;
}

.slider-text-info.style-4 .title-2 {
  font-size: 46px;
}

.slider-text-info.style-3 {
  padding: 93px 0 93px 0px;
}

.slider-text-info.style-4 {
  padding: 77px 0 77px 30px;
}

.slider-active-2 .owl-nav button {
  background: rgba(0, 0, 0, 0.3) !important;
  font-size: 20px !important;
  height: 60px;
  color: #fff !important;
  line-height: 60px !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.slider-active-2 .owl-nav button:hover {
  background: rgba(0, 0, 0, 0.5) !important;
}

.slider-active-2 .owl-nav button.owl-prev {
  left: 10px;
}

.slider-active-2 .owl-nav button.owl-next {
  right: 10px;
}

.slider-active-2 .owl-dots {
  padding: 5px 0 15px;
  text-align: center;
}

.slider-active-2 .owl-dots .owl-dot {
  background: #cecece none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  width: 10px;
}

.slider-active-2 .owl-dots .owl-dot.active {
  background: #FF6A00 none repeat scroll 0 0;
}

/*---- Home-3 slider css ----*/
.slider-text-info.style-5 {
  padding: 98px 0;
}

.slider-text-info.style-5 .title-1,
.slider-text-info.style-5 .title-2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}

.slider-text-info.style-5 .slider-1-des p {
  color: #fff;
}

.slider-text-info.style-5 .slider-1-des p span {
  color: #fff;
}

.slider-text-info.style-5 .slier-btn-1 a,
.slider-text-info.style-7 .slier-btn-1 a,
.slider-text-info.style-8 .slier-btn-1 a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}

.slider-text-info.style-8 .slier-btn-1 a:hover {
  background: #E54545;
  border: 2px solid #E54545;
  color: #fff;
}

.slider-text-info.style-5 .slier-btn-1 a:hover {
  background: #FFC833;
  border: 2px solid #FFC833;
  color: #333;
}

.slider-text-info.style-6 {
  padding: 110px 0;
}

.slider-text-info.style-6 .title-1 {
  color: #222222;
  font-size: 48px;
  line-height: 1;
}

.slider-text-info.style-6 .title-2 {
  color: #222222;
  font-size: 32px;
  font-weight: 500;
}

.slider-text-info.style-6 .slider-1-des p {
  color: #ff6a00;
  font-size: 40px;
  margin-top: 12px;
  text-transform: capitalize;
}

.slider-text-info.style-6 .slider-1-des p span {
  color: #666666;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  text-decoration: line-through;
  text-transform: uppercase;
}

.slider-text-info.style-6 .slier-btn-1 a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #FF6A00;
  color: #FF6A00;
}

.slider-text-info.style-6 .slier-btn-1 a:hover,
,
.slider-text-info.style-8 .slier-btn-1 a:hover {
  background: #FF6A00;
  border: 2px solid #FF6A00;
  color: #fff;
}

.slider-active.slier-3 .owl-dots {
  bottom: 0;
  padding: 10px 0 15px;
  position: inherit;
}

.slider-active.slier-3 .owl-dots .owl-dot {
  background: #cecece none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  width: 10px;
}

.slider-active.slier-3 .owl-dots .owl-dot.active {
  background: #000 none repeat scroll 0 0;
}

/*---- Home-4 slider css ----*/
.slider-text-info.style-7 .title-1,
.slider-text-info.style-7 .title-2 {
  color: #ffffff;
  font-size: 44px;
  line-height: 1;
}

.slider-text-info.style-7 .slider-1-des p {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  margin-top: 12px;
  text-transform: capitalize;
}

.slider-text-info.style-7 .slider-1-des p span {
  color: #e54545;
  display: inline;
  font-size: 22px;
}

.slider-text-info.style-7 .slier-btn-1 a:hover {
  background: #E54545;
  border: 2px solid #E54545;
  color: #fff;
}

.slider-text-info.style-8 .title-1,
.slider-text-info.style-8 .title-2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}

.slider-text-info.style-8 .slider-1-des p {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 17px;
  padding: 0;
  text-transform: uppercase;
}

.slider-text-info.style-8 .slider-1-des p span {
  color: #ffffff;
  display: block;
  font-size: 60px;
}

.slider-text-info.style-7 {
  padding: 115px 0;
}

.slider-text-info.style-8 {
  padding: 86px 0;
}

.slider-active-2.style-4 .owl-dots {
  padding: 5px 0 15px;
  text-align: center;
  position: absolute;
}

.slider-active-2.style-4 .owl-dots {
  bottom: 10px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.slider-active-2.style-4 .owl-dots .owl-dot.active {
  background: #E54545 none repeat scroll 0 0;
}

/*--------------------------------
   07. categories-toggler-menu css 
----------------------------------*/
.categories-toggler-menu {
  background: #e64545 none repeat scroll 0 0;
  color: #ffffff;
  padding: 15px 20px;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
}

.vertical-menu {
  width: 100%;
}

.vertical-menu-list {
  background: #ffffff none repeat scroll 0 0;
  border-color: #eaecee;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  display: block;
  padding: 20px 0 20px 10px;
}

.vertical-menu-list ul li {
  display: block;
  position: relative;
}

.vertical-menu-list ul li a {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 5px 20px 5px 10px;
  text-transform: none;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.vertical-menu-list ul li a span {
  float: right;
}

.vertical-menu-list ul li a:hover {
  color: #222222;
  background: #E9EAEF;
}

.vertical-menu-list ul li .right-sub-menu,
.vertical-menu-list ul li .right-sub-menu li ul.right-threed-sub,
.vertical-menu-list ul li .right-mega-menu {
  background: #fff;
  border: 1px solid #eaecee;
  -webkit-box-shadow: 1px 2px 4px 0.28px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 2px 4px 0.28px rgba(0, 0, 0, 0.07);
  left: 100%;
  position: absolute;
  top: 5px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 200px;
  z-index: 99;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 9;
}

.vertical-menu-list ul li .right-sub-menu li {
  position: relative;
}

.vertical-menu-list ul li .right-sub-menu li a {
  padding: 5px 15px;
}

.vertical-menu-list ul li .right-sub-menu li a:hover {
  background: none;
  color: #043dc4;
}

.vertical-menu-list ul li:hover .right-sub-menu,
.vertical-menu-list ul li .right-sub-menu li:hover ul.right-threed-sub,
.vertical-menu-list ul li:hover ul.right-mega-menu {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  top: 0;
}

.vertical-menu-list ul li .right-sub-menu li ul.right-threed-sub {
  width: 90px;
}

.vertical-menu-list ul li .right-mega-menu {
  padding: 15px 5px 20px;
  width: 530px;
}

.vertical-menu-list ul li .right-mega-menu li {
  float: left;
  padding: 0 15px;
  width: 50%;
}

.vertical-menu-list ul li .right-mega-menu li a {
  color: #043dc4;
  font-size: 15px;
  font-weight: 600;
  padding: 0;
  margin: 10px 0;
}

.vertical-menu-list ul li .right-mega-menu li a:hover {
  text-decoration: underline;
  background: none;
}

.vertical-menu-list ul li .right-mega-menu li ul li {
  display: block;
  padding: 0;
  width: 100%;
}

.vertical-menu-list ul li .right-mega-menu li ul li>a {
  color: #333333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding: 0;
}

.vertical-menu-list ul li .right-mega-menu li ul li>a:hover {
  background: none;
  color: #043dc4;
  text-decoration: none;
}

.vertical-menu-list ul li .right-mega-menu li.menu-benner-image {
  margin-top: 20px;
  width: 100%;
}

.categories-more-less {
  cursor: pointer;
}

.vertical-menu-list li a.more-default,
.vertical-menu-list li a.less-show {
  color: #043dc4;
}

.vertical-menu-list li a.more-default:hover,
.vertical-menu-list li a.less-show:hover {
  color: #043dc4;
}

.hide-child,
.vertical-menu-list ul li a.less-show {
  display: none;
}

.vertical-menu-list ul li.rx-change a.less-show {
  display: block;
}

.vertical-menu-list ul li.rx-change a.more-default {
  display: none;
}

.vertical-menu-list li.hide-child {
  display: none;
}

.vertical-menu>span {
  background: #f2f2f2 none repeat scroll 0 0;
  color: #363636;
  cursor: pointer;
  display: block;
  letter-spacing: 1.1px !important;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-left: 45px;
  position: relative;
  text-transform: uppercase;
}

/*---- home-2 all-categories-menu-2 -----*/
.slider-main-area .sub-col {
  padding: 0;
}

.slider-main-area .sub-col:nth-child(1) {
  padding-right: 10px;
}

.slider-main-area .sub-col:nth-child(2) {
  padding-right: 20px;
}

.all-categories-menu-2 .categories-toggler-menu {
  background: #ffffff none repeat scroll 0 0;
  color: #ff6a00;
}

.all-categories-menu-2 .vertical-menu-list {
  border: none;
  padding: 0 0 10px 10px;
}

.slider-main-area .row.sub-row {
  border: 1px solid #eaecee;
  margin-left: 0;
  margin-right: 0;
}

.all-categories-menu-2 .vertical-menu-list ul li .right-sub-menu li a:hover {
  color: #FF6A00;
}

.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li a {
  color: #FF6A00;
}

.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li a:hover {
  color: #FF6A00;
  text-decoration: underline;
}

.all-categories-menu-2 .vertical-menu-list ul>li .right-mega-menu li ul li>a {
  color: #333333;
}

.all-categories-menu-2 .vertical-menu-list ul li .right-mega-menu li ul li>a:hover {
  color: #FF6A00;
  text-decoration: none;
}

.all-categories-menu-2 .vertical-menu-list li a.more-default,
.all-categories-menu-2 .vertical-menu-list li a.less-show {
  color: #FF6A00;
}

/*----- categories-style-three css ------*/
.categories-toggler-menu.togoler-style-3,
.categories-toggler-menu.togoler-style-4 {
  background: #232f3e none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 7px 0;
  padding: 7px 20px;
  position: relative;
}

.categories-style-three .vertical-menu-list,
.categories-style-fore .vertical-menu-list {
  border-radius: 5px;
  padding: 10px 0 10px 10px;
  position: absolute;
  top: 90%;
  z-index: 999;
  display: none;
}

.categories-style-three .vertical-menu-list:before,
.categories-style-fore .vertical-menu-list:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  right: 84px;
  top: -20px;
  z-index: 99;
}

.categories-toggler-menu.togoler-style-3:hover {
  color: #FFC833;
}

.categories-style-three .vertical-menu-list ul li .right-mega-menu li a {
  color: #FFC833;
}

.categories-style-three .vertical-menu-list ul li .right-mega-menu li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  text-decoration: underline;
}

.categories-style-three .vertical-menu-list ul li .right-mega-menu li ul li>a {
  color: #333333;
}

.categories-style-three .vertical-menu-list ul li .right-sub-menu li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #FFC833;
}

.categories-style-three .vertical-menu-list ul li .right-mega-menu li ul li>a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #FFC833;
  text-decoration: none;
}

.categories-style-three .vertical-menu-list li a.more-default,
.categories-style-three .vertical-menu-list li a.less-show {
  color: #FFC833;
}

/*----- categories-style-fore css ------*/
.categories-toggler-menu.togoler-style-4 {
  background: #E8EAEF none repeat scroll 0 0;
  color: #222;
  border-radius: 5px;
  position: relative;
}

.categories-toggler-menu.togoler-style-4:hover {
  background: #E54545;
  color: #fff;
}

.categories-style-fore .vertical-menu-list ul li .right-mega-menu li a {
  color: #E54545;
}

.categories-style-fore .vertical-menu-list ul li .right-sub-menu li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #E54545;
}

.categories-style-fore .vertical-menu-list ul li .right-mega-menu li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  text-decoration: underline;
}

.categories-style-fore .vertical-menu-list ul li .right-mega-menu li ul li>a {
  color: #333333;
}

.categories-style-fore .vertical-menu-list ul li .right-sub-menu li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #E54545;
}

.categories-style-fore .vertical-menu-list ul li .right-mega-menu li ul li>a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #E54545;
  text-decoration: none;
}

.categories-style-fore .vertical-menu-list li a.more-default,
.categories-style-fore .vertical-menu-list li a.less-show {
  color: #E54545;
}

.all-categories-menu-area.categories-style-three {
  position: relative;
}

/*---- cate-mobile-toggle ------ */
.vertical-menu>span {
  background: #043dc4 none repeat scroll 0 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-left: 45px;
  position: relative;
  text-transform: uppercase;
}

#cate-mobile-toggle {
  height: 100%;
  overflow-y: auto;
}

#cate-mobile-toggle>ul {
  padding: 22px 0 0;
}


input:read-only {
  background-color: #f1f1f1 !important;
  border: 1px solid #ccc;
  cursor: not-allowed;
}

.sidbar-style ul li {
  padding-top: 10px;
}

#cate-mobile-toggle>ul li>a {
  font-size: 15px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.sidebar-menu li:hover>a,
.sidebar-menu li.has-sub:hover>a,
.sidebar-menu li.has-sub.open>a {
  color: #043dc4;
}

.sidebar-menu .category-sub {
  padding-left: 10px;
}

#cate-mobile-toggle .category-sub li a {
  display: block;
  padding-left: 20px;
  position: relative;
}

#cate-mobile-toggle .category-sub>li>a:before {
  color: #043dc4;
  content: "";
  font-family: "Ionicons";
  font-size: 9px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-menu>span:after {
  content: "";
  font-family: "Ionicons";
  font-size: 27px;
  font-weight: normal;
  left: 16px;
  position: absolute;
}

.menu-hidden {
  display: none;
}

.category-menu ul.category-sub {
  display: none;
}

#cate-mobile-toggle>ul {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 20px 5px 20px 20px;
}

.sidbar-style>ul>li:first-child {
  padding-top: 0;
}

.sidebar-menu ul li {
  position: relative;
}

.sidbar-style li {
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
}

#cate-mobile-toggle>ul li>a {
  font-size: 15px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.category-menu.sidebar-menu .has-sub a span.holder:after,
.category-menu.sidebar-menu li.has-sub>a:after {
  content: "";
  font-family: "Ionicons";
  font-size: 14px;
  position: absolute;
  right: 20px;
}

.category-menu.sidebar-menu .has-sub.open a span.holder:after,
.category-menu.sidebar-menu li.has-sub.open>a:after {
  content: "";
}

/*-------------------------------------
   08. about-corporate-area css
--------------------------------------*/
.corporate-about-area .single-corporate-wrapper {
  border-bottom: 1px solid #ededed;
  padding: 17.5px 0;
}

.corporate-about-area {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaecee;
  overflow: hidden;
  padding: 5px 20px;
}

.corporate-about-area .single-corporate-wrapper h3 {
  color: #222222;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 3px;
  text-transform: capitalize;
}

.corporate-about-area .single-corporate-wrapper h3 i {
  color: #222222;
  font-size: 35px;
  font-weight: normal;
  margin-right: 10px;
  vertical-align: middle;
}

.corporate-about-area .single-corporate-wrapper h3 span {
  font-weight: 600;
}

.corporate-about-area .single-corporate-wrapper p {
  color: #222222;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.corporate-about-area .single-corporate-wrapper:last-child {
  border: medium none;
}

.about-corporate-area .col-0-sub {
  position: relative;
}

.about-corporate-area .col-0-sub:after {
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
  content: "";
  height: 36px;
  margin-top: -18px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}

.about-corporate-area .col-0-sub:last-child:after {
  display: none;
}

/*------------------------------
   09. box-product-area
-------------------------------*/
.box-product-area {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaecee;
  padding: 20px;
}

.secton-title {
  border-bottom: 1px solid #ededed;
  display: block;
  margin-bottom: 30px;
  position: relative;
  text-align: left;
}

.product-module-1 .secton-title {
  margin-bottom: 15px;
}

.secton-title h2,
.title-style-three h2 {
  color: #222222;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin: 0;
  padding-bottom: 11px;
  position: relative;
  text-transform: uppercase;
  vertical-align: top;
}

.secton-title h2:after {
  background: #043dc4 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 70px;
}

.secton-title.title-2 h2:after {
  background: #FF6A00 none repeat scroll 0 0;
}

.secton-title.title-3 {
  border: medium none;
}

.secton-title.title-3 h2:after {
  background: #ffc833 none repeat scroll 0 0;
}

.home-4 .secton-title h2:after {
  background: #e64545 none repeat scroll 0 0;
}

.single-product-module-1 {
  border-bottom: 1px solid #ededed;
  margin-bottom: 15px;
  overflow: hidden;
  padding-bottom: 15px;
}

.single-product-module-1:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.single-product-module-1 .product-thumb {
  display: table-cell;
  float: none;
  vertical-align: middle;
  width: 20%;
}

.single-product-module-1 .product-desc .product-name a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  padding: 0;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-product-module-1 .product-desc {
  display: table-cell;
  float: none;
  padding-left: 5px;
  padding-right: 35px;
  padding-top: 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 68.46%;
}

.single-product-module-1 .product-desc h4 {
  margin: 5px 0;
}

.single-product-module-1 .product-desc .price-box .new-price {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.single-product-module-1 .product-desc .price-box .old-price {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.single-product-module-1 .product-desc .btn-cart {
  background: #dedede none repeat scroll 0 0;
  color: #222222;
  height: 33px;
  line-height: 33px;
  width: 33px;
  font-weight: 14px;
  display: block;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}

.single-product-module-1 .product-desc .btn-cart:hover {
  background: #043dc4 none repeat scroll 0 0;
  color: #fff;
}

.home-4 .single-product-module-1 .product-desc .btn-cart:hover {
  background: #E64545 none repeat scroll 0 0;
}

.home-2 .single-product-module-1 .product-desc .btn-cart:hover {
  background: #FF6A00 none repeat scroll 0 0;
}

.single-product-module-1 .product-desc .shopping-btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.priduct-module-1-active .owl-nav button,
.deals-offer-active .owl-nav button,
.feategory-active .owl-nav button,
.prodict-active .owl-nav button,
.prodict-two-active .owl-nav button,
.product-category-active .owl-nav button,
.deals-offer-one-active .owl-nav button,
.from-blog .owl-nav button,
.prodict-active-4 .owl-nav button {
  border: 2px solid #999999 !important;
  border-radius: 50%;
  color: #777777 !important;
  font-size: 16px !important;
  height: 31px;
  left: auto !important;
  line-height: 28px;
  margin: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  right: 0;
  top: -72px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  vertical-align: top;
  width: 31px;
}

.priduct-module-1-active .owl-nav button:hover,
.deals-offer-active .owl-nav button:hover,
.feategory-active .owl-nav button:hover,
.prodict-active .owl-nav button:hover,
.prodict-two-active .owl-nav button:hover,
.product-category-active .owl-nav button:hover,
.deals-offer-one-active .owl-nav button:hover {
  background: #043dc4;
  border: 2px solid #043dc4 !important;
  color: #fff !important;
}

.home-2 .priduct-module-1-active .owl-nav button:hover,
.home-2 .feategory-active .owl-nav button:hover,
.home-2 .prodict-active .owl-nav button:hover,
.home-2 .product-category-active .owl-nav button:hover,
.home-2 .deals-offer-one-active .owl-nav button:hover,
.product-three-active .owl-nav button:hover {
  background: #FF6A00 !important;
  border: 2px solid #FF6A00 !important;
  color: #fff !important;
}

.home-3 .deals-offer-active .owl-nav button:hover,
.home-3 .prodict-active .owl-nav button:hover,
.product-three-active .owl-nav button:hover,
.from-blog .owl-nav button:hover {
  background: #FFC833 !important;
  border: 2px solid #FFC833 !important;
  color: #fff !important;
}

.home-4 .priduct-module-1-active .owl-nav button:hover,
.home-4 .deals-offer-one-active .owl-nav button:hover,
.from-blog .owl-nav button:hover,
.home-4 .prodict-active-4 .owl-nav button:hover,
.home-4 .feategory-active .owl-nav button:hover,
.home-4 .prodict-two-active .owl-nav button:hover,
.home-4 .product-category-active .owl-nav button:hover {
  background: #E54545 !important;
  border: 2px solid #E54545 !important;
  color: #fff !important;
}

.priduct-module-1-active .owl-nav button.owl-prev,
.feategory-active .owl-nav button.owl-prev,
.product-category-active .owl-nav button.owl-prev {
  right: 40px;
}

.priduct-module-1-active .owl-nav button {
  top: -60px;
}

/*-----------------------------------
   10. benner-area css 
-------------------------------------*/
.benner-area {
  margin-top: 30px;
}

.single-benner {
  border: 1px solid #eee;
  border-radius: 10px;
}

.single-benner img {
  border-radius: 10px;
  height: 150px;
  width: 100%;
  object-fit: contain;
}

/*-------------------------------------
   11. single-deals-offer css
---------------------------------------*/
.section-row {
  padding: 0 0 60px;
}

.box-module {
  background: #ffffff none repeat scroll 0 0;
  margin-top: 60px;
  padding: 20px;
}

.single-deals-offer .product-thumb {
  display: table-cell;
  float: none;
  width: 47.36%;
}

.single-deals-offer .product-thumb .product-image {
  display: block;
  position: relative;
}

.label-product {
  background: #94c341 none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding: 0;
  position: absolute;
  right: 10px;
  text-transform: capitalize;
  top: 10px;
  width: 40px;
  z-index: 4;
  text-align: center;
}

.label-sale {
  background: #e64545 none repeat scroll 0 0;
  left: 15px;
  right: auto;
  top: 10px;
}

.label-sale.labele-sale-2 {
  background: #ff6a00 none repeat scroll 0 0;
}

.single-deals-offer .product-info {
  display: table-cell;
  float: none;
  padding-left: 20px;
  padding-top: 0;
  vertical-align: middle;
  width: 52.64%;
}

.rating-box .rating li {
  color: #043dc4;
  font-size: 16px;
  margin-right: 2px;
}

.single-deals-offer .product-name a {
  font-size: 16px;
  font-weight: 400;
}

.single-deals-offer .price-box .new-price {
  color: #e64545;
  font-size: 18px;
}

.single-deals-offer .price-box .old-price {
  color: #999999;
  font-size: 16px;
  margin-left: 4px;
  padding-top: 1px;
  text-decoration: line-through;
}

.single-deals-offer .text-hurryup {
  color: #333333;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 25px;
}

.single-deals-offer {
  padding-bottom: 10px;
}

.countdown-deals {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
}

.countdown-deals span.cdown {
  margin-right: 10px;
}

.countdown-deals .time-count {
  background: #eaeaea none repeat scroll 0 0;
  border-radius: 5px;
  color: #222222;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  width: 60px;
}

.countdown-deals .cdown>p {
  font-size: 13px;
  margin: 5px 0 0 0;
  text-align: center;
  text-transform: uppercase;
}

.single-deals-offer .action-links .btn-cart {
  background: #222222 none repeat scroll 0 0;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 15px;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-deals-offer .action-links .btn-cart:hover {
  background: #043dc4;
}

.single-deals-offer.deals-offer-2 .action-links .btn-cart:hover {
  background: #FF6A00;
}

.single-deals-offer.deals-offer-3 .action-links .btn-cart:hover {
  background: #FFC833;
  color: #333;
}

.home-4 .single-deals-offer .action-links .btn-cart:hover {
  background: #E54545;
}

.deals-offer-active .col-lg-6 {
  max-width: 100%;
}

.deals-offer-active .owl-nav button,
.prodict-active .owl-nav button,
.prodict-two-active .owl-nav button,
.deals-offer-one-active .owl-nav button,
.from-blog .owl-nav button,
.prodict-active-4 .owl-nav button {
  right: 15px;
}

.deals-offer-active .owl-nav button.owl-prev,
.prodict-active .owl-nav button.owl-prev,
.prodict-two-active .owl-nav button.owl-prev,
.deals-offer-one-active .owl-nav button.owl-prev,
.from-blog .owl-nav button.owl-prev,
.prodict-active-4 .owl-nav button.owl-prev {
  right: 55px;
}

/*----- home-2 deals-offer-2 css -----*/
.deals-offer-2 .countdown-deals span.cdown {
  margin-right: 0;
}

.single-deals-offer.deals-offer-2 {
  padding-bottom: 30px;
}

.deals-offer-2 .countdown-deals {
  border: 1px solid #ededed;
  border-radius: 5px;
}

.deals-offer-2 .countdown-deals .cdown {
  padding: 12px 0;
  background: transparent;
  border-right: 1px solid #ededed;
  width: 80px;
  display: block;
}

.deals-offer-2 .countdown-deals .cdown:last-child {
  border: medium none;
}

.deals-offer-2 .countdown-deals .time-count {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #222222;
  display: inline;
  font-size: 18px;
  font-weight: 600;
  height: auto;
  line-height: 0;
  width: auto;
}

.deals-offer-2 .countdown-deals .cdown>p {
  margin: 5px 0 0 0;
}

/*----------------------------------------
   12. featured-categories-area css
------------------------------------------*/
.featured-categories-area .owl-container {
  margin: 0 -10px;
}

.feategory-active .owl-item {
  padding: 0 10px;
}

.fcategory-image>a {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 100%;
}

.fcategory-image img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.fcategory-content:hover .fcategory-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.fcategory-title>h3 {
  line-height: 15px;
  margin: 5px 0 20px;
  text-align: center;
}

.fcategory-title h3 a {
  font-size: 14px;
  font-weight: 600;
}

.tab-content .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  width: 100%;
}

.tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.fcategory-content:hover .fcategory-title h3 a {
  color: #043dc4;
}

.home-2 .fcategory-content:hover .fcategory-title h3 a {
  color: #FF6A00;
}

.feategory-active .owl-nav button {
  right: -10px;
}

.feategory-active .owl-nav button.owl-prev {
  right: 30px;
}

.home-4 .fcategory-content:hover .fcategory-title h3 a {
  color: #E64545;
}

/*--------------------------------------
   13. product-area css 
-----------------------------------------*/
.tabs-categorys-list li {
  display: inline-block;
  margin-right: 35px;
  vertical-align: top;
}

.tabs-categorys-list li a {
  color: #555;
  cursor: pointer;
  float: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 11px;
  position: relative;
  text-transform: uppercase;
}

.tabs-categorys-list li a.active {
  color: #222;
}

.tabs-categorys-list li a.active:after {
  background: #043dc4 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 70px;
}

.tabs-categorys-list.title-2 li a.active:after {
  background: #FF6A00;
}

.tabs-categorys-list.title-3 li a.active:after {
  background: #FFC833 none repeat scroll 0 0;
}

.home-4 .tabs-categorys-list li a.active:after {
  background: #E64545;
}

.sinle-product-item {
  box-shadow: 0 0 4px 0 #00000026 !important;
  border-radius: 32px;
  transition: background .25s ease, transform .25s ease;
}

.sinle-product-item:hover {
  transform: translateY(-2px);
}

.sinle-product-item .product-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 32px;
}

.sinle-product-item .product-thumb>a {
  display: block;
}

.sinle-product-item .product-thumb>a img.secondary-image {
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sinle-product-item:hover .product-thumb img.secondary-image {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.sinle-product-item .action-links {
  position: absolute;
  right: -10px;
  top: 10px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 5;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.sinle-product-item .action-links .action-btn {
  background: rgba(34, 34, 34, 0.6) none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 41px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sinle-product-item .action-links .action-btn:hover {
  background: #043dc4;
}

.home-2 .sinle-product-item .action-links .action-btn:hover {
  background: #FF6A00;
}

.home-3 .sinle-product-item .action-links .action-btn:hover {
  background: #FFC833;
  color: #333;
}

.home-4 .sinle-product-item .action-links .action-btn:hover {
  background: #E64545;
}

.sinle-product-item:hover .action-links {
  right: 6px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.sinle-product-item .add-to-cart .btn-cart {
  background: rgba(8, 121, 201, 0.7) none repeat scroll 0 0;
  border-radius: 0;
  bottom: -10px;
  color: #ffffff;
  left: 0;
  line-height: 40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  overflow: hidden;
  padding: 0 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 5;
}

.home-2 .sinle-product-item .add-to-cart .btn-cart {
  background: rgba(255, 106, 0, 0.7) none repeat scroll 0 0;
}

.home-3 .sinle-product-item .add-to-cart .btn-cart {
  background: rgba(35, 47, 62, 0.7) none repeat scroll 0 0;
}

.home-4 .sinle-product-item .add-to-cart .btn-cart {
  background: rgba(229, 69, 69, 0.7) none repeat scroll 0 0;
}

.sinle-product-item:hover .add-to-cart .btn-cart {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 0;
}

.sinle-product-item .add-to-cart .btn-cart:before {
  content: "";
  display: inline-block;
  font-family: "Ionicons";
  font-size: 22px;
  left: 0;
  line-height: inherit;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  vertical-align: top;
  width: 100%;
}

.sinle-product-item .add-to-cart .btn-cart span {
  display: block;
  line-height: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sinle-product-item .add-to-cart .btn-cart:hover span {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.sinle-product-item .add-to-cart .btn-cart:hover:before {
  top: 0;
}

.sinle-product-item .add-to-cart .btn-cart:hover {
  background: #043dc4 none repeat scroll 0 0;
}

.home-2 .sinle-product-item .add-to-cart .btn-cart:hover {
  background: #FF6A00 none repeat scroll 0 0;
}

.home-3 .sinle-product-item .add-to-cart .btn-cart:hover {
  background: #ffc833 none repeat scroll 0 0;
  color: #333;
}

.home-4 .sinle-product-item .add-to-cart .btn-cart:hover {
  background: #E64545 none repeat scroll 0 0;
}

.sinle-product-item .product-info {
  text-align: center;
  padding: 5px 0 5px;
}

.sinle-product-item .product-info .rating {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-name {
  display: block;
  margin-bottom: 15px;
  margin-top: 5px;
}

.product-name a {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  padding: 0 12px;
}

.product-name a:hover {
  color: #043dc4;
}

.price-box .new-price {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.price-box .old-price {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 4px;
  padding-top: 1px;
}

.prodict-active .col-lg-3,
.prodict-two-active .col-lg-3 {
  max-width: 100%;
}

.prodict-two-active .owl-nav button {
  top: -294px;
}

/*------------------------------
   14. brand-area css 
--------------------------------*/
.single-brand-itme img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-brand-itme img:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*-------------------------------------
   15. product-category-area css
--------------------------------------*/
.product-list-style {
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 20px;
}

.product-list-style:last-child {
  border: 0 none;
  margin: 0;
  padding-bottom: 5px;
}

.product-list-style .product-thumb {
  float: left;
  width: 33.54%;
}

.product-list-style .product-info {
  float: left;
  padding: 10px 0 0 10px;
  position: relative;
  text-align: left;
  width: 66.46%;
}

.product-category-active .owl-nav button {
  top: -75px;
}

.signup-newsletter-wrapper .secton-title {
  margin-bottom: 20px;
}

.social-follow {
  padding: 8px 0 0;
}

.product-category-inner>label {
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 24px;
  margin: 0;
  text-transform: none;
}

.product-category-inner .newleter-content {
  padding: 25px 0;
  position: relative;
}

.box-content .subscribe-email {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #777;
  border-radius: 25px;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  height: 46px;
  line-height: 30px;
  padding: 10px 20px;
  width: 100%;
}

.box-content.newleter-content .subscribe-btn {
  background: #043dc4 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  height: 36px;
  line-height: 38px;
  margin-top: 20px;
  padding: 0 22px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.home-4 .box-content.newleter-content .subscribe-btn {
  background: #E64545;
}

.home-4 .box-content.newleter-content .subscribe-btn:hover {
  background: #222;
}

.box-content.newleter-content .subscribe-btn:hover,
.box-content.newleter-content .subscribe-btn.btn-3:hover {
  background: #E64545;
  color: #fff;
}

.box-content.newleter-content .subscribe-btn.btn-3 {
  background: #FFC833 none repeat scroll 0 0;
}

.text-dontspam {
  font-size: 13px;
  line-height: 24px;
  margin: 0;
}

.social-link-follow li {
  margin-bottom: 5px;
  margin-right: 10px;
  display: inline-block;
}

.social-link-follow li a {
  background: #365493 none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  display: block;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 36px;
  z-index: 1;
}

.social-link-follow li a.twitter {
  background: #33ccff;
}

.social-link-follow li a.Google {
  background: #4086f4;
}

.social-link-follow li a.Youtube {
  background: #cb2027;
}

.social-link-follow li a.Flickrer {
  background: #f89a1e;
}

.social-link-follow li a:hover {
  background: #043dc4;
}

.home-3 .social-link-follow li a:hover {
  background: #FFC833;
  color: #333;
}

.home-4 .social-link-follow li a:hover {
  background: #E54545;
  color: #fff;
}

/*----------------------------------
   16. about-corporate-area css
------------------------------------*/
.single-corporate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-column-align: center;
  justify-items: center;
  padding: 38px 0;
}

.corporate-icon {
  color: #ffffff;
  font-size: 48px;
  line-height: 48px;
}

.corporate-text-des {
  padding-left: 15px;
}

.about-corporate-area .single-corporate .corporate-text-des h3 {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px;
  text-transform: capitalize;
}

.about-corporate-area .single-corporate .corporate-text-des p {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

/*----------------------------------
   17. footer-top css
-------------------------------------*/
.footer-top {
  background: #1a1a1a none repeat scroll 0 0;
  color: white;
  padding: 45px 0;
}

.footer-title h5 {
  color: #C4C4C4;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
}

.footer-contact li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.footer-contact li i {
  font-size: 13px;
}

.footer-contact li p {
  margin: 0;
  padding-left: 10px;
}

.home-blog .articles-inner .articles-image {
  float: left;
  width: 80px;
}

.home-blog .articles-inner .aritcles-content {
  overflow: hidden;
  padding-left: 18px;
}

.home-blog .articles-inner .aritcles-content .articles-date {
  color: #777777;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 10px;
}

.home-blog .articles-inner {
  overflow: hidden;
}

.home-blog .articles-inner:not(:first-child) {
  border-top: 1px solid #ededed;
  margin-top: 20px;
  padding-top: 20px;
}

.footer-content .footer-list li a {
  display: block;
  font-weight: 400;
  padding: 5px 0;
  color: white;
}

/*-- footer-bottom css ---*/
.footer-bottom {
  background: #1a1a1a none repeat scroll 0 0;
  padding: 15px 0;
}

.footer-copyright>p {
  color: #ffffff;
  margin: 0;
}

.footer-copyright>p a {
  color: #ffffff;
}

.footer-copyright>p a:hover {
  color: #043dc4;
}

.home-2 .footer-copyright>p a:hover {
  color: #FF6A00;
}

.home-3 .footer-copyright>p a:hover {
  color: #FFC833;
}

.home-4 .footer-copyright>p a:hover {
  color: #E54545;
}

.footer-payment {
  text-align: right;
}

.home-2 .footer-copyright>p a:hover {
  color: #FF6A00;
}

/*------------------------------------
    18. modal-wrapper css
-------------------------------------*/
.modal-wrapper .modal-dialog {
  margin: 28px auto;
  margin: 28px auto;
  margin: 1.75rem auto;
  max-width: 1000px;
}

.modal-wrapper .modal-body {
  padding: 48px 16px;
  padding: 48px 16px;
  padding: 3rem 1rem;
}

.modal-wrapper button.close {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #333333;
  border-radius: 3px;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: -32px;
  width: 30px;
}

#img-1>a {
  border: 1px solid #eaebee;
  display: block;
  overflow: hidden;
}

.single-product-active li a {
  border: 1px solid #eaebee;
  display: block;
}

.single-product-active {
  margin: 20px 0 0 0;
}

.single-product-active {
  display: block;
  padding: 0 19px;
}

.single-product-active .owl-nav button {
  font-size: 30px !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-product-active .owl-nav button:hover {
  color: #043dc4;
}

.single-product-active .owl-nav button.owl-prev {
  left: 0;
}

.single-product-active .owl-nav button.owl-next {
  right: 0;
}

.quick-view-content .product-info>p {
  font-size: 14px;
  margin: 15px 0;
}

.quick-view-content .price-box .new-price {
  font-size: 24px;
}

.quick-view-content .price-box .old-price {
  font-size: 16px;
  margin-left: 15px;
}

.list-unstyled {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 15px 0;
  padding: 15px 0;
}

.list-unstyled>li {
  line-height: 25px;
}

.list-unstyled li a {
  color: #239d60;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.list-unstyled li a:hover {
  text-decoration: underline;
}

.quick-view-content .quantity>label {
  display: inline-block;
  margin: 0 10px 0 0;
}

.cart-plus-minus {
  display: inline-block;
}

.cart-plus-minus .input-box {
  border: 1px solid #222222;
  height: 35px;
  text-align: center;
  width: 50px;
}

.quick-view-content .quantity {
  margin: 20px 0;
}

.quick-view-content .add-to-cart {
  background: #043dc4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 25px;
  color: #ffffff;
  display: block;
  height: 40px;
  padding: 0 25px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.quick-view-content .add-to-cart:hover {
  background: #222;
}

.quick-view-content .wishlist-compare-btn {
  margin: 20px 0 0 0;
}

.quick-view-content .wishlist-compare-btn>li {
  display: inline-block;
  margin: 0 15px 0 0;
}

/*--------------------------------
   19. newsletter-group-area css
----------------------------------*/
.newsletter-group-area .newletter-box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.newsletter-group-area .newletter-box-area .newletter-title {
  display: inline-block;
  margin-right: 25px;
  padding: 3.5px 0;
  vertical-align: top;
}

.newsletter-group-area .newletter-box-area .newletter-title>h2 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}

.newsletter-group-area .newletter-box-area .newletter-title p {
  color: #ffffff;
  display: block;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  text-transform: none;
}

.newsletter-group-area .newleter-content-box {
  padding: 7px 0;
  position: relative;
  width: 460px;
}

.newleter-content-inner {
  position: relative;
}

.newsletter-group-area .newleter-content-box input {
  background: #ffffff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #222;
  font-size: 13px;
  font-weight: 400;
  height: 46px;
  line-height: 30px;
  padding: 10px 125px 10px 20px;
  width: 100%;
}

.newsletter-group-area .newleter-content-box .newleter-btn {
  background: #222222 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0 3px 3px 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 46px;
  padding: 0 22px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: capitalize;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.newsletter-group-area .newleter-content-box .newleter-btn:hover {
  color: #FF6A00;
}

.social-link-area .social-link-follow {
  float: right;
  margin-top: 12px;
}

.social-link-area .social-link-follow li {
  display: inline-block;
  margin: 0 10px 0 0;
}

.social-link-area .social-link-follow a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.social-link-area .social-link-follow a:hover {
  background: #fff;
  border: 1px solid #ffffff;
  color: #FF6A00;
}

/*------------------------------
   20. product-area-style2 css
--------------------------------*/
.product-area-style2 {
  padding-left: 250px;
  position: relative;
}

.product-area-style2 .title-style-three {
  border: 0 none;
  left: 0;
  max-width: 250px;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product-area-style2 .title-style-three h2 {
  display: block;
  font-size: 22px;
}

.product-area-style2 .title-style-three .view-all-btn {
  background: #ff6a00 none repeat scroll 0 0;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block !important;
  font-size: 14px;
  line-height: 36px;
  padding: 0 18px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-area-style2 .title-style-three .view-all-btn:hover {
  background: #333;
}

.product-area-style2 .title-style-three.title-3-color .view-all-btn {
  background: #FFC833;
}

.product-area-style2 .title-style-three.title-3-color .view-all-btn:hover {
  background: #E64545;
  color: #fff;
}

.product-three-active .col-lg-3 {
  max-width: 100%;
}

.product-three-active .owl-nav button {
  background: #ffffff none repeat scroll 0 0 !important;
  border: 2px solid #777777 !important;
  border-radius: 50%;
  color: #777777 !important;
  height: 43px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 43px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.product-three-active .owl-nav button:hover {
  background: #FF6A00;
  border: 2px solid #FF6A00;
  color: #fff;
}

.product-three-active:hover .owl-nav button {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-three-active .owl-nav button.owl-next {
  right: 0;
}

.home-2 a:hover {
  color: #FF6A00;
}

/*-----------------------------------
   21. from-our-blog css
---------------------------------------*/
.from-blog-contend>h4 {
  margin: 0;
}

.from-blog-contend a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 17px;
  margin-top: 15px;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}

.from-blog-contend a:after {
  background: #dbdbdb none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 40px;
}

.from-blog .col-lg-6 {
  max-width: 100%;
}

.home-3 a:hover {
  color: #FFC833;
}

.single-from-blog {
  padding-bottom: 5px;
}

.home-4 a:hover {
  color: #E54545;
}

.prodict-active-4 .col-lg-3 {
  max-width: 100%;
}

/*--------------------------------------
   22. shop page css 
--------------------------------------*/
.other-page-categoriy .vertical-menu-list {
  display: none;
  position: absolute;
  z-index: 9;
  background: #fff;
}

.breadcrumb-item+.breadcrumb-item:before {
  color: #6c757d;
  content: "";
  display: inline-block;
  font-family: fontawesome;
  padding-left: 8px;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 8px;
  padding-right: 0.5rem;
}

.breadcrumb-item {
  display: inline-block;
}

.breadcrumb-area {
  border-bottom: 1px solid #dddddd;
  padding: 18px 0;
}

.breadcrumb-item.active {
  color: #043dc4;
}

.sidebar-categores-box {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaecee;
  margin-bottom: 30px;
  padding: 20px;
}

.sidebar-categores-box .secton-title {
  margin-bottom: 17px;
}

.shop .box-module,
.shop-fullwith .box-module {
  margin-top: 30px;
}

/*--- widget content ----*/
.ui-widget-content {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  height: 6px;
  margin: 25px 0 25px;
}

.ui-slider-range {
  background: #E64545 none repeat scroll 0 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #e64545 none repeat scroll 0 0;
  border: 2px solid #e64545;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  font-weight: normal;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.ui-widget-content .ui-state-default:hover {
  background: #fff;
}

.filter-price-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}

.filter-price-cont .input-type>input {
  border: medium none;
  padding: 0 8px 0 0;
  text-align: center;
  width: 50px;
}

.filter-group a:before {
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  font-family: "Ionicons";
  height: 15px;
  line-height: 13px;
  margin-right: 10px;
  text-align: center;
  width: 15px;
}

.filter-group a:hover:before {
  color: #043dc4;
}

.filter-group>a {
  display: block;
  padding: 5px 0;
}

.product-select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-show {
  margin-right: 20px;
}

.product-view-mode {
  margin-right: 20px;
}

.product-view-mode ul li {
  margin-right: 15px;
  margin-top: 4px;
}

.product-view-mode ul li a {
  display: block;
  font-size: 20px;
}

.product-view-mode ul li a:hover {
  color: #043dc4;
}

.product-view-mode ul li a.active {
  color: #043dc4;
}

.shop-products-wrapper .tab-content .tab-pane.active {
  display: block;
}

.shop-bar-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.shop-products-wrapper .tab-content .tab-pane {
  display: none;
  height: auto;
}

.shop-top-bar {
  background: #ffffff none repeat scroll 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid #eaecee;
}

.product-short,
.product-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-short>p,
.product-show p {
  margin: 5px 10px 0 0;
}

.product-short .nice-select,
.product-show .nice-select {
  height: 34px;
  line-height: 31px;
}

.product-short .nice-select {
  width: 168px;
}

.product-show .nice-select {
  width: 168px;
}

.product-show .nice-select {
  width: 76px;
}

.toolbar-amount>span {
  display: block;
  margin-top: 5px;
}

.product-layout-list .price-box .new-price {
  font-size: 18px;
}

.product-layout-list .product-des {
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 15px 0;
}

.product-layout-list .list-btn-cart {
  background: #043dc4 none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
  padding: 0 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  margin-top: 5px;
  cursor: pointer;
}

.product-layout-list .list-btn-cart:hover {
  background: #E64545;
}

.product-layout-list:hover .action-links {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  right: 6px;
  visibility: visible;
}

.product-layout-list {
  margin-bottom: 30px;
}

.shop-products-wrapper {
  margin-bottom: 60px;
}

.paginatoin-area {
  margin: 30px 0 0;
}

.pagination-box {
  float: right;
}

.pagination-box>li {
  display: inline-block;
  margin-right: 5px;
}

.pagination-box li a {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ededed;
  border-radius: 2px;
  color: #222222;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pagination-box li a:hover {
  background: #043dc4;
  color: #fff;
}

.pagination-box li a.active {
  background: #043dc4;
  color: #fff;
}

.paginatoin-area p {
  margin: 10px 0;
}

/*------------------------------------
   23. single-product-page css 
--------------------------------------*/
.sinlge-product-wrap .price-box {
  margin-top: 15px;
}

.sinlge-product-wrap .price-box .new-price {
  font-size: 28px;
}

.sinlge-product-wrap .price-box .old-price {
  font-size: 20px;
}

.sinlge-product-wrap .wishlist-compare-btn a {
  font-size: 16px;
}

.sinlge-product-wrap .wishlist-compare-btn a i {
  margin-right: 5px;
}

.sinlge-product-wrap .quick-view-content .add-to-cart {
  font-weight: 600;
  padding: 0 25px;
  text-transform: uppercase;
}

.product-info-detailed {
  background: #f5f7fa none repeat scroll 0 0;
  display: block;
  margin-bottom: 30px;
  margin-top: 60px;
  padding: 12px 0;
}

.discription-tab-menu .nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.discription-tab-menu ul li {
  margin-right: 10px;
}

.discription-tab-menu li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 25px;
  text-transform: uppercase;
}

.description-content>p {
  line-height: 24px;
}

.discription-tab-menu li a.active {
  color: #043dc4;
}

.form-review .table-striped li {
  display: inline-block;
  margin-right: 7px;
}

.table-name {
  width: 50%;
}

.review-wrap {
  margin-top: 30px;
}

.review-wrap>h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.review-wrap .control-label:before {
  color: #ff0000;
  content: "* ";
  font-weight: bold;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
}

.review-wrap .help-block {
  margin: 10px 0 0;
}

.button-review {
  background: #043dc4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  height: 40px;
  padding: 0 25px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.button-review:hover {
  background: #333;
}

.sinlge-product-wrap .tab-content .tab-pane.active {
  display: block;
}

.sinlge-product-wrap .tab-content .tab-pane {
  display: none;
  height: auto;
}

.related-products .prodict-two-active .owl-nav button {
  top: -70px;
}

/*---------------------------------------
   24. faequently-questions css 
----------------------------------------*/
.feequently-about-content {
  margin-bottom: 60px;
  margin-top: 60px;
}

.feequently-about-content>h4 {
  font-size: 20px;
}

.faequently-accordion {
  margin-bottom: 60px;
}

.faequently-accordion h4 a:before,
.faequently-tab-menu ul li a:before {
  color: #043dc4;
  content: "";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}

.faequently-accordion h4.open a:after,
.faequently-tab-menu ul li.active a:before {
  color: #043dc4;
  content: "";
  font-family: fontawesome;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}

.faequently-accordion h4.open a:before {
  display: none;
}

.faequently-accordion h4 {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 11.36px 0 rgb(0 0 0 / .12);
  line-height: 1.5;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin: 0 0 10px;
  padding: 0;
}

.faequently-accordion h4 a {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 15px 10px 15px 25px;
  position: relative;
}

.faequently-description {
  padding: 20px 25px;
  margin-bottom: 10px;
  background: #043dc426;
  font-weight: 500;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.faequently-accordion h4.open {
  margin-bottom: 0;
}

.faequently-accordion h4.open a {
  color: #043dc4;
}

.faequently-description>p {
  color: #333333;
  font-size: 14px;
}

/*------------------------------------
   25. checkout css 
--------------------------------------*/
.coupon-area {
  margin: 60px 0;
}

.checkout-area {
  padding-bottom: 30px;
}

.coupon-accordion h3:before {
  color: #1e85be;
  content: "";
  display: inline-block;
  font-family: "fontawesome";
  left: 1.5em;
  position: absolute;
  top: 1em;
}

.coupon-accordion>h3 {
  background: #ffffff none repeat scroll 0 0;
  border-top: 3px solid #1e85be;
  color: #515151;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 2em;
  padding: 1em 2em 1em 3.5em;
  position: relative;
}

.coupon-accordion h3 span.coupon {
  color: #ff5c00;
  cursor: pointer;
}

.coupon-accordion h3 span.coupon:hover {
  color: #043dc4;
}

.coupon-content,
.login-Register-info {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  margin: 2em 0;
}

.customer-login-register>h3 {
  line-height: 28px;
}

.coupon-content {
  display: none;
}

.coupon-info p.coupon-input {
  margin: 0 0 10px;
}

.frm-input {
  margin: 0 0 20px !important;
}

.coupon-info p.form-row-first {
  float: left;
  width: 47%;
}

.coupon-info p.form-row-last {
  float: right;
  width: 47%;
}

.coupon-info p.coupon-input>label {
  display: block;
  line-height: 2;
  margin-bottom: 5px;
}

.coupon-input>input,
.checkout-coupon>input,
.single-form-row>input,
.single-form-row textarea {
  border: 1px solid #DEDEDE;
  padding: 0 0 0 10px;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  height: 48px;
}

.single-form-row textarea {
  height: 100px;
  padding: 10px;
  line-height: 1.5;
}

.coupon-input .required {
  color: #ff0000;
}

.coupon-info .button-login,
.login-Register-info .button-login {
  margin: 5px 10px 0 0;
}

.coupon-info label span,
.login-Register-info label span {
  margin-left: 5px;
}

.checkout-coupon {
  margin: 0;
}

.checkout-coupon>input {
  width: auto;
}

.checkout-coupon .button-apply-coupon {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  line-height: 42px;
  margin-left: 5px;
  padding: 0 25px;
}

.checkout-coupon .button-apply-coupon:hover {
  background: #1a1a1a none repeat scroll 0 0;
}

.nice-select {
  float: inherit;
}

.account-create .creat-pass {
  color: #aa0000;
}

.account-create input.input-text {
  border-color: #aa0000;
}

.account-create,
.ship-box-info {
  display: none;
}

.login-Register-info .button-login {
  background: #043dc4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 600;
  height: 43px;
  letter-spacing: -.12px;
  padding: 12px 10px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login-Register-info .button-login:hover {
  background: #043dc4;
}

.lost-password {
  float: right;
  margin: 12px 0 0;
  color: #E64545;
}

.coupon-accordion .button-login {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  height: 40px;
  padding: 0 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.coupon-accordion .button-login:hover {
  background: #043dc4;
}

.login-register-area {
  padding: 60px 0 30px;
}

.checkout-page .lost-password {
  float: inherit;
}

/*-- checkbox-form --*/
.checkout-area h3.shoping-checkboxt-title {
  border-bottom: 1px solid #e7e4dd;
  font-size: 1.4em;
  font-weight: 400;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: none;
  width: 100%;
}

.checkbox-form .single-form-row {
  margin: 0 0 30px;
}

.single-form-row .required {
  border: 0 none;
  color: #ff0000;
  font-weight: 700;
  cursor: help;
}

.checkbox-form .nice-select {
  border-radius: 0;
}

.single-form-row.checkout-area {
  margin-bottom: 5px;
}

table.checkout-review-order-table {
  width: 100%;
}

.checkout-review-order-table thead th,
.checkout-review-order-table tbody td,
.checkout-review-order-table tfoot tr th,
.checkout-review-order-table tfoot tr td {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px solid #dcd8ce;
  border-right: medium none;
  border-top: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}

.checkout-review-order-table tfoot tr td {
  font-weight: 700;
}

.checkout-review-order-table tfoot tr.order-total td,
.checkout-review-order-table tfoot tr.order-total th {
  border-bottom: medium none;
  font-size: 18px;
}

.checkout-review-order-table tfoot tr.order-total td span {
  color: #E85757;
}

.payment_methods {
  margin-top: 15px;
}

.payment_methods>p {
  font-size: 15px;
  margin: 0;
}

.payment_methods label {
  font-size: 15px;
  margin: 0;
}

.checkout-review-order {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px;
}

.checkout-payment .button-continue-payment {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #ffffff;
  height: 40px;
  margin-top: 30px;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.checkout-payment .button-continue-payment:hover {
  background: #043dc4;
}

/*-------------------------------------
   26. shopping-cart css 
---------------------------------------*/
.table-content table {
  background: #ffffff none repeat scroll 0 0;
  border-color: #ebebeb;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

.table-content table {
  text-align: center;
}

thead {
  background-color: #f6f6f6;
}

.table-content table th {
  border-top: medium none;
  font-size: 15px;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
}

.table-content table td.plantmore-product-remove {
  font-size: 20px;
}

.table-content table td {
  border-top: medium none;
  font-size: 13px;
  padding: 5px 5px;
  vertical-align: middle;
}

.table-content table th,
.table-content table td {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.table-content table td {
  font-size: 15px;
}

.plantmore-product-quantity>input {
  text-align: center;
  width: 48px;
}

.cart-table .coupon-all {
  margin-top: 50px;
}

.cart-table .coupon {
  float: left;
}

.cart-table .coupon2 {
  float: right;
}

.cart-table .coupon input {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dddddd;
  border-radius: 0;
  color: #333333;
  font-size: 13px;
  height: 42px;
  padding: 10px;
  width: 120px;
  margin-right: 10px;
}

.cart-table .coupon-all input.button {
  background-color: #333333;
  border: 0 none;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  height: 42px;
  letter-spacing: 1px;
  line-height: 42px;
  padding: 0 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: inherit;
}

.cart-table .coupon-all input.button:hover {
  background-color: #043dc4;
}

.cart-page-total {
  padding-top: 50px;
  margin-bottom: 60px;
}

.cart-page-total>h2 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
}

.dire {
  padding: 20px 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 15px;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s;
}

.dire:hover {
  border-color: #333;
}

.dire input {
  margin-right: 15px !important;
  height: 18px;
  width: 18px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.dire label {
  margin-bottom: 0 !important;
  cursor: pointer;
  flex: 1;
}

/* Payment Box Styling */
.payment-box {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  transition: all 0.2s;
}

.payment-box:hover,
.payment-box.selected {
  border-color: #333;
}

.payment-box input[type="radio"] {
  margin-right: 15px;
  margin-top: 4px;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  cursor: pointer;
}

.payment-info {
  flex: 1;
}

.payment-title {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 5px;
  color: #333;
  display: block;
}

.payment-desc {
  font-size: 13px;
  color: #666;
  line-height: 1.4;
  margin-bottom: 0;
}

.cart-page-total>ul {
  border: 1px solid #dddddd;
}

.cart-page-total>ul>li {
  border-bottom: 1px solid #ebebeb;
  color: #252525;
  font-size: 30px;
  font-weight: 900;
  list-style: outside none none;
  padding: 10px 30px;
}

.cart-page-total ul>li>span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0 none;
}

.cart-page-total>a {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
  display: inline-block;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.u-hero__subtitle p {
  margin: 18px auto 28px !important;
  max-width: 820px !important;
  color: #6b6b6b !important;
  font-size: clamp(14px, 1.6vw, 18px) !important;
  line-height: normal !important;
}

.cart-page-total>a:hover {
  background-color: #043dc4;
  border: 1px solid #043dc4;
}

.plantmore-product-stock-status span.in-stock,
.plantmore-product-stock-status span.out-stock {
  color: #30b878;
  font-size: 12px;
  text-transform: capitalize;
}

.plantmore-product-stock-status span.out-stock {
  color: #eb3e32;
}

.plantmore-product-add-cart>a {
  background: #333333 none repeat scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  height: 41px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 180px;
}

.plantmore-product-add-cart>a:hover {
  background: #043dc4;
}

/*-----------------------------------------
   27. blog-area css 
-------------------------------------------*/
.single-blog-area {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e4dd;
  margin: 0 0 30px;
  padding: 0px;
  text-align: center;
  border-radius: 15px;
}

.post-category li {
  display: inline-block;
  color: #043dc4;
}

.post-category a {
  color: #043dc4;
  font-size: 14px;
  padding: 0 5px;
  text-decoration: underline;
}

.post-category a:hover {
  color: #4c4c4c;
}

.blog-titel h1 {
  font-size: 36px;
  letter-spacing: 0.05em;
  margin: 10px 0;
}

.blog-titel h1 a {
  color: #333333;
}

.blog-titel h1 a:hover {
  color: #043dc4;
}

.post-separator {
  margin: 0 5px;
}

.post-author,
.post-date {
  color: #333333;
  font-size: 12px;
}

.blog-content .post-separator {
  color: #333;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

.post-thumbnail {
  margin: 20px 0 30px;
  overflow: hidden;
  position: relative;
}

.postinfo-wrapper .readmore.button {
  background: #333 none repeat scroll 0 0;
  border-radius: 8px;
  color: #ffffff;
  display: inline-block;
  font-size: 0.857em;
  height: 40px;
  line-height: 40px;
  margin-bottom: 30px;
  padding: 0 35px;
  text-align: center;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.postinfo-wrapper .readmore.button:hover {
  background: #043dc4 none repeat scroll 0 0;
}

.social-comment .social-sharing {
  float: left;
}

.social-sharing .social-title {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #333333;
  float: left;
  font-size: 14px;
  line-height: 26px;
  margin: 0 20px 0 0;
  width: auto;
}

.social-icons {
  float: left;
}

.social-comment .social-icons>li {
  display: inline-block;
}

.social-comment {
  overflow: hidden;
}

.social-sharing .social-icons li a {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 100%;
  color: #353535;
  display: inline-block;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: center;
  width: 26px;
}

.social-sharing .social-icons li a:hover {
  background: #043dc4;
  color: #fff;
}

.social-comment .blog-comment {
  color: #333;
  float: right;
  font-size: 0.857em;
  font-weight: bold;
}

.social-comment .blog-comment:hover {
  color: #043dc4;
}

.post-thumbnail iframe {
  width: 100%;
}

.post-slider .owl-nav button {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  border-radius: 50%;
  color: #ffffff !important;
  font-size: 20px !important;
  height: 40px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-slider .owl-nav button:hover {
  background: #043dc4 !important;
}

.post-slider .owl-nav .owl-next {
  right: 10px;
  margin: auto;
}

.post-slider .owl-nav .owl-prev {
  left: 10px;
}

.post-slider .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 20%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.post-slider .owl-dots .owl-dot {
  background: #0D1718;
  border: 3px solid #0D1718;
  border-radius: 100%;
  display: inline-block;
  height: 14px;
  margin: 0 4px;
  width: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-slider .owl-dots .owl-dot:hover {
  background: #ffffff none repeat scroll 0 0;
  border: 3px solid #0D1718;
}

.post-slider .owl-dots .owl-dot.active {
  background: #ffffff none repeat scroll 0 0;
  border: 3px solid #96a1a3;
}

.post-slider:hover .owl-dots,
.post-slider:hover .owl-nav button {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.main-blog-wrap {
  margin-bottom: 60px;
}

.blog-audio iframe {
  vertical-align: middle;
  border: none;
  width: 100%;
  min-height: 300px;
}

.postinfo-wrapper p {
  font-size: 15px;
  line-height: normal;
  margin-top: -10px;
  padding: 0 30px;
  margin-bottom: 25px;
}

/*-- categories-blog-area css --*/
.single-categories-1 {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 20px;
}

.single-categories-1.tag-area {
  margin-top: 30px;
}

.single-categories-1 .blog-categorie-title {
  border-bottom: 1px solid #cccccc;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 20px;
  padding: 0 0 15px;
  position: relative;
}

.single-categories-1 .blog-categorie-title:after {
  background: #043dc4 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 70px;
}

.single-categories-blog li:not(:last-child) {
  line-height: 20px;
  margin-bottom: 10px;
}

.single-categories-blog li a {
  color: #333;
  font-size: 15px;
}

.single-categories-blog li a:hover {
  color: #043dc4;
}

.blog-search-form .form-input .input-text {
  border: 1px solid #ddd;
  color: #333333;
  font-size: 14px;
  height: 34px;
  padding: 0 40px 0 15px;
  width: 100%;
  background: transparent;
}

.blog-search-form {
  position: relative;
}

.tagcloud>a {
  border: 1px solid #333333;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 6px 10px;
}

.tagcloud>a:hover {
  border: 1px solid #043dc4;
  color: #043dc4;
}

.blog-search-form .form-input .blog-search-button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #333;
  height: 34px;
  outline: medium none;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog-search-form .form-input .blog-search-button:hover {
  color: #043dc4;
}

.single-categories-1.blog-search .categorie-title {
  margin-bottom: 30px;
}

.post-info {
  margin-bottom: 30px;
  text-align: left;
}

.postinfo-wrapper .post-info blockquote {
  border-left: 5px solid #043dc4;
  color: #666;
  font-size: 17px;
  font-style: italic;
  line-height: 26px;
  margin: 30px 0;
  padding: 0 0 0 10px;
}

.post-commet {
  border-bottom: 1px solid #e7e4dd;
  border-top: 1px solid #e7e4dd;
  color: #808080;
  font-size: 13px;
  margin: 0 0 30px;
  padding: 15px 0;
  text-align: left;
  text-transform: uppercase;
}

.post-commet a {
  color: #333;
  text-align: left;
  width: 100%;
}

.post-commet a:hover {
  color: #043dc4;
}

.blog-with-post .social-sharing {
  margin-bottom: 30px;
}

.comments-area.comments-reply-ara .comment-reply-title {
  border-bottom: 1px solid #e7e4dd;
  border-top: medium none;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px;
  padding: 0 0 20px;
  position: relative;
  text-transform: uppercase;
}

.comments-area.comments-reply-ara .comment-submit {
  background: #333333 none repeat scroll 0 0;
}

.comment-submit {
  margin-top: 10px;
}

.comments-area.comments-reply-ara .comment-submit:hover {
  background: #009e90;
}

.single-blog-related .relatedthumb {
  margin-bottom: 25px;
}

.single-blog-related h4 {
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
}

.single-blog-related h4 a {
  color: #333333;
}

.single-blog-related h4 a:hover {
  color: #009D8F;
}

.single-blog-related .post-date {
  color: #808080;
  font-size: 0.857em;
  letter-spacing: 0.05em;
  font-style: italic;
}

.blgo-relatedposts h3.relatedpost-title {
  display: block;
  font-size: 20px;
  margin: 0 0 30px;
  padding: 0 0 20px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  float: left;
  padding: 0 10px;
  width: 33.3333%;
}

.comment-input {
  margin: 0 -10px;
}

.comment-form-comment>label,
.comment-input label {
  color: #333;
  display: block;
  font-size: 14px;
  margin: 0 0 5px;
}

.comment-form-comment textarea {
  border: 1px solid #e5e5e5;
  font-size: 14px;
  height: 130px;
  padding: 10px;
  width: 100%;
}

.comment-input input {
  border: 1px solid #e5e5e5;
  height: 42px;
  width: 100%;
  padding: 0 0 0 10px;
  font-size: 14px;
}

.comment-form-area {
  margin-bottom: 60px;
}

.comment-form-submit .comment-submit {
  background: #333333 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.comment-form-submit .comment-submit:hover {
  background: #043dc4;
}

.ht-sidebar-three-instagram {
  float: left;
  margin: 0 -2px;
}

.ht-sidebar-three-instagram li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  padding: 0 2px 4px;
  width: 33.333%;
}

/*----- single-blog-post -------*/
.comments-area>h3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.comments-area .commentlist li .single-comment {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  margin: 0 0 20px;
  padding: 30px;
  width: 100%;
}

.comments-area .commentlist li .comment-avatar {
  float: left;
  margin-right: 20px;
}

.commentlist {
  padding: 0;
}

.comments-area .commentlist li .comment-info {
  border: medium none;
  overflow: hidden;
  position: relative;
}

.commentlist li {
  list-style: outside none none;
}

.comments-area .commentlist .comment-info a {
  color: #222222;
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.comments-area .commentlist .comment-info span.date {
  color: #222222;
  display: block;
  font-size: 13px;
  font-style: italic;
  line-height: 19px;
  margin-bottom: 15px;
}

.comments-area .commentlist li .comment-info .reply {
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}

.comments-area .commentlist li .comment-info .reply a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #043dc4;
  border-radius: 500px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #043dc4;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  height: 28px;
  line-height: 26px;
  padding: 0 20px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}

/*----------------------------------------
    28. My Account Page CSS
----------------------------------------*/
.dashboard-upper-info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin-bottom: 60px;
}

.dashboard-content .tab-pane:not(.active) {
  display: none;
}

.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
  border-right: 1px solid #ebebeb;
  padding: 30px 20px;
}

.user-name {
  position: relative;
}

.account-dashboard p {
  font-size: 14px;
  margin: 0;
}

.d-single-info a,
.account-login-form a {
  color: #333;
}

.d-single-info a:hover,
.account-login-form a:hover {
  color: #043dc4;
}

.dashboard-upper-info a.view-cart,
.view {
  color: #fff;
  font-size: 14px;
  padding: 7px 15px;
  border-radius: 8px;
  background: #043dc4;
}

.dashboard-upper-info a.view-cart:hover,
.view:hover {
  background: #222;
  color: #fff;
}

.view-cart {
  display: inline-block;
  font-size: 14px;
  padding-left: 5px;
}

.view-cart>i {
  margin-right: 5px;
}

.user-name span {
  color: #303030;
  font-size: 15px;
  font-weight: 600;
}

.dashboard-list li a {
  border-bottom: 1px solid #ebebeb;
  color: #222;
  display: block;
  font-size: 14px;
  padding: 12px 0;
}

.dashboard-list li a.active,
.dashboard-list li a:hover,
.view-cart:hover,
.dashboard-upper-info a:hover {
  color: #043dc4;
  font-weight: 500;
}

.dashboard-list li a.active:after {
  content: "\f105";
  font-family: FontAwesome;
  margin-left: 5px;
  -webkit-transition: 0.10s;
  transition: 0.10s;
}

.dashboard-content {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  padding: 20px;
}

.dashboard-content h3 {
  border-bottom: 1px solid #ebebeb;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 25px;
  padding-bottom: 15px;
  font-weight: 700;
}

.dashboard-content .table-responsive .table>tbody>tr>td,
.dashboard-content .table-responsive .table>tbody>tr>th,
.dashboard-content .table-responsive .table>tfoot>tr>td,
.dashboard-content .table-responsive .table>tfoot>tr>th,
.dashboard-content .table-responsive .table>thead>tr>td,
.dashboard-content .table-responsive .table>thead>tr>th {
  border: none;
}

.dashboard-content .table-responsive>.table>thead {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 1px solid #ebebeb;
}

.dashboard-content .table-responsive .table>thead>tr>th {
  font-size: 14px;
  font-weight: 600;
}

.dashboard-content .table-responsive .table>tbody>tr>td {
  color: #333333;
  font-size: 13px;
}

#dashboard a {
  color: #222;
}

#dashboard a:hover {
  color: #043dc4;
}

.billing-address {
  font-size: 16px;
  font-weight: 700;
  margin-top: 25px;
}

#address .view {
  display: inline-block;
  margin: 5px 0;
  font-size: 14px;
}

.register-form {
  padding: 40px;
}

.account-login-form {
  background: white none repeat scroll 0 0;
  -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
  padding: 30px 30px 20px;
}

.login-form-container {
  padding: 40px 60px;
  -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);
  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);
  background: #fff;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, .125);
  padding-bottom: 20px;
}

.input-radio .custom-radio input {
  width: auto;
  height: 11px;
}

.account-login-form input {
  background: #ebebeb none repeat scroll 0 0;
  border: 0 none;
  color: #7d7d7d;
  height: 35px;
  margin-bottom: 20px;
  padding: 8px 15px;
  width: 100%;
}

.example {
  display: block;
  color: #878787;
  font-size: 14px;
  margin-bottom: 20px;
}

.custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.login-form-container input[type="checkbox"] {
  margin: 0;
  position: relative;
  top: 3px;
  width: auto;
  height: 15px;
  margin-right: 10px;
}

.default-btn {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #434343;
  color: #fff;
  border: 0;
  padding: 8px 20px;
  cursor: pointer;
  margin: 20px 0;
  text-align: ;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

.default-btn:hover {
  background: #043dc4;
  color: #fff;
}

.account-login-form label {
  font-size: 15px;
  color: #333;
}

/*--------------------------------------
    29. about-page css 
----------------------------------------*/
.about-info-wrapper>h2 {
  font-weight: 600;
}

.section-titel-three {
  margin: 0px 0 20px;
  text-align: center;
}

.section-titel-three>h2 {
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
}

.read-more-btn>a {
  background: #333333 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.read-more-btn>a:hover {
  background: #043dc4;
}

.single-our-team {
  margin-top: 30px;
}

.our-team-image>img {
  width: 100%;
}

.About-us-team-area {
  padding: 60px 0;
}

.our-team-image {
  position: relative;
  overflow: hidden;
}

.team-social-link {
  bottom: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 10px 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
}

.team-social-link li {
  display: inline-block;
  margin: 0 3px;
}

.team-social-link li a {
  background: #043dc4 none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  display: block;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  width: 38px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-social-link li a:hover {
  background: #333;
}

.our-team-info {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 10px 0;
  text-align: center;
}

.our-team-info>h3 {
  color: #333333;
  font-size: 20px;
  margin-bottom: 5px;
}

.our-team-info>p {
  font-size: 16px;
  margin: 0;
}

.section-titel-three>p {
  margin: 0;
}

.single-our-team:hover .team-social-link {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

/*--  testimonial ---*/
.testimonials-area {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 90px 0;
}

.single-testimonial p {
  font-size: 20px;
  font-style: italic;
  margin: 20px 0 30px;
}

.single-testimonial h4 {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0;
}

.single-testimonial span {
  color: #666666;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  text-transform: uppercase;
}

.owl-carousel .owl-item .single-testimonial img {
  display: block;
  margin: 0 auto;
  width: auto;
}

.about-page .brand-logo-active {
  border-top: medium none;
}

/*---------------------------------------
    30. error-404 css 
----------------------------------------*/
.search-error-wrapper {
  padding: 90px 0;
  text-align: center;
}

.error404 .search-error-wrapper h1 {
  color: #043dc4;
  font-size: 160px;
  font-weight: 700;
  letter-spacing: 8px;
  line-height: 120px;
  margin: 15px 0 25px;
}

.error404 .search-error-wrapper h2 {
  font-size: 30px;
}

.error404 .search-error-wrapper p {
  font-size: 16px;
  font-weight: 300;
  margin: 10px auto 0px;
  text-align: center;
  width: 60%;
}

.error404 .search-error-wrapper .error-form .error-form-input {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e9e9e9;
  border-radius: 30px;
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 450px;
}

.error404 .search-error-wrapper .error-form .error-form-input .error-input-text {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  height: 100%;
  outline: medium none;
  padding-left: 20px;
  padding-right: 80px;
  width: 100%;
}

.error404 .search-error-wrapper .error-form .error-form-input .error-s-button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #4f4f4f;
  font-size: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.error404 .search-error-wrapper .error-form .error-form-input .error-s-button:hover {
  color: #043dc4;
}

.error404 .search-error-wrapper a.home-bacck-button {
  background: #000 none repeat scroll 0 0;
  border-radius: 35px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}

.error404 .search-error-wrapper a.home-bacck-button:hover {
  background: #333;
}

/*---------------------------------------
    31. contact-page css 
----------------------------------------*/
.contact-title>h3 {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-form {
  margin: 60px 0 0;
}

.contact-input {
  display: block;
  margin: 0 -10px;
  overflow: hidden;
}

.contact-inner {
  float: left;
  margin: 0 0 20px;
  padding: 0 10px;
  width: 50%;
}

.contact-inner.contact-message textarea,
.contact-inner.contact-message {
  width: 100%;
}

.contact-page-form .contact-inner>input,
.contact-inner.contact-message textarea {
  border: 1px solid #DEDEDE;
  color: #222222;
  font-size: 16px;
  border-radius: 8px;
  height: 48px;
  padding: 0 0 0 10px;
  width: 100%;
}

.contact-inner.contact-message textarea {
  height: 135px;
  padding: 15px;
}

.form-messege.error {
  color: #ff0000;
  font-style: italic;
  margin-top: 10px;
}

.form-messege.success {
  color: #008000;
  font-style: italic;
  margin-top: 10px;
}

.contact-submit-btn .submit-btn {
  background: #333333 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.contact-submit-btn .submit-btn:hover {
  background: #043dc4;
}

.table-hover tbody tr:hover {
  background-color: #F6F6F6;
}

.contact-infor {
  background: #f7f7f7 none repeat scroll 0 0;
  margin: 60px 0;
  border-radius: 8px;
  padding: 20px 30px;
}

.contact-dec>p,
.contact-address {
  margin-bottom: 20px;
}

.contact-address>ul {
  max-width: 380px;
}

.contact-address li {
  border-top: 1px solid #e4e4e4;
  font-size: 14px;
  padding: 8px 0;
}

.contact-address ul li i {
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}

.work-hours>h3 {
  font-size: 24px;
  margin: 0 0 5px;
}

/*--
    Coming soon
--------------------------------------*/
.mt-110 {
  margin-top: 110px;
}

.height-100vh {
  min-height: 100vh;
}

.comming-soon-area {
  padding: 60px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
  .comming-soon-area {
    padding: 40px 0;
  }
}

.comming-soon-area .comming-soon-wrap {
  position: relative;
  z-index: 99;
}

.comming-soon-area .comming-soon-wrap .comming-soon-top {
  margin: 0 0 54px;
}

@media only screen and (max-width: 767px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top {
    margin: 0 0 30px;
  }
}

.comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 12px;
  line-height: 1;
  margin: 58px 0 41px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {
    margin: 29px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {
    margin: 40px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {
    letter-spacing: 6px;
    margin: 30px 0 20px;
  }
}

@media only screen and (max-width: 479px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>h3 {
    letter-spacing: 4px;
    margin: 30px 0 20px;
  }
}

.comming-soon-area .comming-soon-wrap .comming-soon-top>p {
  color: #fff;
  font-size: 16px;
  width: 66%;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>p {
    width: 85%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>p {
    width: 82%;
  }
}

@media only screen and (max-width: 767px) {
  .comming-soon-area .comming-soon-wrap .comming-soon-top>p {
    width: 98%;
  }
}

.comming-soon-area.overlay {
  position: relative;
}

.comming-soon-area.overlay:before {
  background-color: #000;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 9;
}

.subscribe-area {
  position: relative;
  z-index: 99;
}

.subscribe-area>h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  margin: 0 0 14px;
}

@media only screen and (max-width: 767px) {
  .subscribe-area>h4 {
    letter-spacing: 2px;
  }
}

.subscribe-area .subscribe-form>form {
  position: relative;
}

.subscribe-area .subscribe-form>form .mc-news {
  display: none;
}

.subscribe-area .subscribe-form>form .clear {
  position: absolute;
  top: 0;
  right: 0;
}

.subscribe-area .subscribe-form>form .clear input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  color: #e0e0e0;
  cursor: pointer;
  font-weight: 700;
  padding: 2px 40px 2px 30px;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .subscribe-area .subscribe-form>form .clear input {
    padding: 2px 25px 2px 18px;
  }
}

.subscribe-area .subscribe-form>form .clear:hover input {
  color: #8f9495;
}

.subscribe-area .subscribe-form>form .clear:before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 35px;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 2px;
  left: 0;
}

@media only screen and (max-width: 479px) {
  .subscribe-area .subscribe-form>form .clear:before {
    height: 29px;
  }
}

.subscribe-area .subscribe-form>form input {
  background: transparent;
  border: 1px solid #eceff8;
  color: #fff;
  font-size: 14px;
  height: 55px;
  padding: 2px 146px 2px 40px;
  width: 100%;
  font-weight: 300;
  border-radius: 50px;
}

.subscribe-area .subscribe-form>form input::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}

.subscribe-area .subscribe-form>form input::-webkit-input-placeholder {
  color: #fff !important;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .subscribe-area .subscribe-form>form input {
    padding: 2px 117px 2px 20px;
    height: 50px;
  }
}

.subscribe-area.mt-110 {
  margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area.mt-110 {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-area.mt-110 {
    margin-top: 50px;
  }
}

.DateCountdown {
  position: relative;
}

.DateCountdown .time_circles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.DateCountdown .time_circles canvas {
  width: 100% !important;
  height: auto !important;
  position: absolute;
  left: 0;
  top: 0;
}

.DateCountdown .time_circles>div {
  margin-top: 86px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  position: static;
  width: 25% !important;
  z-index: 99;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .DateCountdown .time_circles>div {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .DateCountdown .time_circles>div {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .DateCountdown .time_circles>div {
    margin-top: 26px;
  }
}

@media only screen and (max-width: 479px) {
  .DateCountdown .time_circles>div {
    margin-top: 0px;
  }
}

.DateCountdown .time_circles>div>h4 {
  color: #fff;
  font-size: 18px !important;
  font-weight: 400;
  margin: 89px 0 0;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .DateCountdown .time_circles>div>h4 {
    margin: 64px 0 0;
  }
}

@media only screen and (max-width: 479px) {
  .DateCountdown .time_circles>div>h4 {
    font-size: 16px !important;
    margin: 25px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .DateCountdown .time_circles>div>h4 {
    font-size: 16px !important;
    margin: 50px 0 0;
  }
}

.DateCountdown .time_circles>div>span {
  color: #fff;
  display: block;
  font-size: 60px !important;
  font-weight: 400;
  line-height: 47px !important;
  margin-top: 16px;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .DateCountdown .time_circles>div>span {
    font-size: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .DateCountdown .time_circles>div>span {
    font-size: 30px !important;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 479px) {
  .DateCountdown .time_circles>div>span {
    font-size: 26px !important;
    margin-top: 12px;
  }
}

/* ====== CONTENEDOR ====== */
.u-features {
  max-width: 1180px;
  margin: 60px auto;
  padding: 0 16px;
  display: flex;
  gap: 28px;
  align-items: center;
  justify-content: space-between;
}

/* ====== TARJETA ====== */
.u-feature {
  flex: 1;
  min-width: 240px;
  background: #fff;
  height: 83px;
  border-radius: 16px;
  padding: 5px 5px;
  transition: background .25s ease, transform .25s ease;
  display: flex;
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(20, 20, 20, .06);
}

.u-feature:hover {
  transform: translateY(-2px);
}

.u-feature:hover .u-text,
.u-feature:hover .u-text .u-title,
.u-feature:hover .u-text .u-sub {
  color: #fff;
}

.primero:hover {
  background: #ff2d2d !important;
  color: white !important;
}

.segundo:hover {
  background: #7a2cff !important;
  color: white !important;
}

.tercero:hover {
  background: #57b279 !important;
  color: white !important;
}

.cuarto:hover {
  background: #ff6a2a !important;
  color: white !important;
}

/* ====== ICONO (badge) ====== */
.u-ico {
  width: 58px;
  height: 70px;
  border-radius: 25px 10px 30px 15px;
  display: grid;
  place-items: center;
  flex: 0 0 71px;
}

.u-svg {
  width: 34px;
  height: 34px;
  color: currentColor;
  /* el stroke del svg usa este color */
}

/* Colores tipo pastel + ícono con color fuerte */
.u-ico--red {
  background: #ffe7ea;
  color: #ff2d2d;
}

.u-ico--purple {
  background: #f0e7ff;
  color: #7a2cff;
}

.u-ico--green {
  background: #e2eee7;
  color: #57b279;
}

.u-ico--orange {
  background: #ffe9df;
  color: #ff6a2a;
}

/* ====== TEXTO ====== */
.u-text {
  line-height: 1.12;
}

.u-title {
  font-weight: 700;
  font-size: 16px;
  color: #2c2c2c;
}

.u-sub {
  margin-top: 4px;
  font-weight: 500;
  font-size: 12px;
  color: #8b8b8b;
}

@media (max-width: 1050px) {
  .u-features {
    flex-wrap: wrap;
    justify-content: center;
  }

  .u-feature {
    flex: 1 1 320px;
    max-width: 520px;
  }
}

.u-social {
  display: flex;
  gap: 10px;
  float: right;
  align-items: center;
}

.u-social__item {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  text-decoration: none;
  transition: all .25s ease;
}

.u-social__item:hover {
  transform: translateY(-2px);
  color: #999 !important;
}

.owl-carousel .owl-stage-outer {
  height: 410px;
}

.button_i{
    display:flex; 
    align-items:center; 
    gap:12px; 
    background:#e5e5e5; 
    border-radius:12px; 
    padding:10px 16px; 
    border:none; 
    color:#333; 
    cursor:pointer;
}

.result-title {
  color: #043dc4;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 25px !important;
}

.box {
  width: 100%;
  padding: 10px 30px;
}

.price {
  text-align: center;
  color: #e52424;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
}

.qty-pill {
  width: 100%;
  height: 42px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 14px;
}

.qty-btn {
  width: 56px;
  height: 100%;
  border: 0;
  background: transparent;
  font-size: 18px;
  color: #4a4a4a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  padding: 0;
}

.qty-input {
  flex: 1;
  height: 100%;
  border: 0;
  width: 50%;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  text-align: center;
  font-size: 14px;
  color: #222;
  outline: none;
  background: #fff;
  box-sizing: border-box;
}

/* Quitar flechitas del input number */
.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qty-input {
  -moz-appearance: textfield;
}

.add-to-cart {
  width: 85%;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 20px;
  cursor: pointer;
}

.contenedor {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
}

.pd5 {
  padding: 10px !important;
}

.product-title {
  background: #043dc4;
  width: 100%;
  padding: 12px 20px;
  font-size: 20px;
  font-weight: 600;
  margin: -20px 0px 20px 0px;
  color: white;
}

.product-title svg {
  margin-left: 15px;
  width: 20px;
}

.add-to-cart:active {
  transform: translateY(1px);
}

.u-buybar {
  display: flex;
  gap: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
  align-items: center;
}

/* ====== Quantity ====== */
.u-qty {
  display: flex;
  align-items: stretch;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  height: 44px;
}

.u-qty__btn {
  width: 44px;
  border: 0;
  background: #fff;
  color: #333;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background .2s ease;
}

.u-qty__btn:hover {
  background: #f2f2f2;
}

.u-qty__input {
  width: 54px;
  border: 0;
  outline: none;
  text-align: center;
  font-size: 15px;
  color: #222;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

/* quita flechitas si lo cambias a type=number */
.u-qty__input::-webkit-outer-spin-button,
.u-qty__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ====== Add to cart button ====== */
.u-addcart {
  height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 6px;
  background: #000;
  color: #fff;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.u-addcart__ico {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
}

.u-addcart__ico svg {
  width: 18px;
  height: 18px;
  color: #fff;
}

.u-addcart:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .22);
  background: #111;
}

.u-addcart:active {
  transform: translateY(0px);
}

.u-sku-bar {
  width: 100%;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.u-sku-left {
  display: flex;
  align-items: center;
  gap: 15px;
  white-space: nowrap;
}

.u-tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #23a6ff;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 3px 12px 3px 12px;
  border-radius: 4px 0 0 4px;
}

/* pico del tag */
.u-tag::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #23a6ff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.u-sku-code {
  font-weight: 700;
  font-size: 18px;
  color: #111;
  letter-spacing: .2px;
}

.u-copy {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #111;
  border-radius: 8px;
  transition: background .2s ease;
}

.u-copy:hover {
  background: #f2f2f2;
}

.u-copy svg {
  width: 20px;
  height: 20px;
}

/* right side */
.u-sku-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.u-benefit {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #444;
  font-size: 12px;
  line-height: 1.15;
  text-transform: uppercase;
  white-space: nowrap;
}

.u-benefit b {
  font-weight: 800;
}

.u-benefit svg {
  width: 22px;
  height: 22px;
  color: #1e96ff;
  flex: 0 0 auto;
}

.u-sep {
  width: 1px;
  height: 26px;
  background: #e7e7e7;
}

/* responsive */
@media (max-width: 820px) {
  .u-sku-bar {
    align-items: flex-start;
  }

  .u-sku-right {
    gap: 10px;
  }

  .u-sep {
    display: none;
  }

  .u-benefit {
    white-space: normal;
  }
}

.u-descbox {
  border: 1px solid #cfcfcf;
  background: #fff;
}

.u-descbox__title {
  background: #043dc4;
  /* azul barra */
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 16px;
  padding: 12px 16px;
  letter-spacing: .2px;
}

.u-descbox__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.u-descbox__list li {
  position: relative;
  padding: 10px 16px 10px 38px;
  /* espacio para bullet */
  font-size: 14px;
  color: #222;
  line-height: 1.45;
  border-top: 1px solid #eaeaea;
  /* separador */
}

/* Bullet azul */
.u-descbox__list li::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 18px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #19a6df;
}

.u-tagsbox {
  border: 1px solid #dcdcdc;
  background: #f3f3f3;
  margin-top: 20px;
}

/* ===== Header ===== */
.u-tagsbox__head {
  position: relative;
  padding: 0;
  padding-bottom: 5px;
  padding-top: 8px;
  padding-left: 10px;
  border-bottom: 2px solid #043dc4;
}

.u-tagsbox__title {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #043dc4;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 3px 12px;
  margin-left: 12px;
  top: -1px;
}

.u-tagsbox__title svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* Pico del título */
.u-tagsbox__title::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-right: 10px solid #043dc4;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

/* ===== Body ===== */
.u-tagsbox__body {
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

/* ===== Tag ===== */
.u-tag-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #cfcfcf;
  color: #0b3c74;
  font-size: 13px;
  text-decoration: none;
  border-radius: 2px;
  transition: background .2s ease, border .2s ease;
}

/* Flechita */
.u-tag-item::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid #9a9a9a;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.u-tag-item:hover {
  background: #eaf4ff;
  border-color: #1e9fff;
}

label {
  margin-bottom: 5px !important;
  font-weight: 500 !important;
}

.u-checks {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  gap: 5px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  color: #000;
}

.u-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  line-height: 1.4;
}

/* Ocultar checkbox nativo */
.u-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Caja custom */
.u-check__box {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1.5px solid #cfcfcf;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  transition: all .15s ease;
}

/* Check rojo */
.u-check input:checked+.u-check__box {
  background: #000;
  border-color: #000;
}

.u-check input:checked+.u-check__box::after {
  content: "";
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-top: -1px;
}

/* Texto */
.u-check__text {
  flex: 1;
}

/* Links */
.u-check__text a {
  color: #1e6bff;
  text-decoration: none;
}

.u-check__text a:hover {
  text-decoration: underline;
}

.u-about {
  padding: 46px 0;
  background: #fff;
  color: #111;
}

.u-about__wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 18px;

  display: grid;
  grid-template-columns: 1.05fr 1.95fr;
  gap: 42px;
  align-items: center;
}

/* LEFT */
.u-about__left {
  padding-right: 30px;
  border-right: 1px solid #e9e9e9;
  /* línea vertical */
}

.u-about__headline {
  margin: 0;
  line-height: 1;
  letter-spacing: .6px;
}

.u-about__we {
  display: block;
  font-weight: 800;
  font-size: clamp(34px, 3.2vw, 52px);
}

.u-about__brand {
  display: block;
  margin-top: 0px;
  font-weight: 900;
  font-size: clamp(34px, 3.2vw, 52px);
}

/* colores tipo imagen */
.u-about__brand-a {
  color: #111;
}

.u-about__brand-b {
  color: #26c7b7;
  margin-left: 6px;
}

/* RIGHT */
.u-about__kicker {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7a7a7a;
  margin-bottom: 12px;
}

.u-about__p {
  margin: 0 0 14px 0;
  color: #4a4a4a;
  font-size: 14px;
  line-height: normal;
  max-width: 650px;
}

.u-about__p b {
  color: #111;
  font-weight: 800;
}

/* ✅ Responsive */
@media (max-width: 860px) {
  .u-about__wrap {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .u-about__left {
    border-right: 0;
    padding-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    /* línea pasa abajo */
  }

  .u-about__p {
    max-width: 100%;
  }
}

.u-hero {
  background: #fff;
  color: #111;
  padding: clamp(28px, 5vw, 56px) 0;
}

.u-hero__wrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 18px;
  text-align: center;
}

.u-hero__title {
  margin: 0;
  font-weight: 900;
  margin-top: 60px;
  line-height: 1.05;
  padding-bottom: 15px;
  font-size: clamp(34px, 5.2vw, 50px);
}

.u-hero__subtitle {
  margin: 18px auto 28px;
  max-width: 820px;
  color: #6b6b6b;
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: normal;
}

/* Imagen grande con bordes redondeados */
.u-hero__media {
  border-radius: 18px;
  overflow: hidden;
  margin-top: 50px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.u-hero__img {
  width: 100%;
  height: clamp(240px, 38vw, 520px);
  object-fit: cover;
  display: block;
}

/* Ajuste en móviles para que no quede tan alto */
@media (max-width: 520px) {
  .u-hero__subtitle {
    margin-bottom: 20px;
  }

  .u-hero__img {
    height: 260px;
  }
}

.u-stats {
  background: #fff;
  padding: clamp(32px, 6vw, 64px) 0;
}

.u-stats__wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  text-align: center;
}

.u-stat__num {
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 900;
  color: #111;
  letter-spacing: -0.02em;
}

.u-stat__label {
  margin-top: -10px;
  font-size: 14px;
  color: #6b6b6b;
}

/* Responsive */
@media (max-width: 820px) {
  .u-stats__wrap {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }
}

@media (max-width: 420px) {
  .u-stats__wrap {
    grid-template-columns: 1fr;
  }
}

.u-mini-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Card */
.u-mini-card {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 14px 16px 12px;
}

.u-mini-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Icon box */
.u-mini-ico {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #fff;
  flex: 0 0 44px;
}

.u-mini-ico svg {
  width: 22px;
  height: 22px;
}

/* Colors */
.u-mini-ico--green {
  background: #8BC34A;
}

.u-mini-ico--blue {
  background: #043dc4;
}

.u-mini-ico--orange {
  background: #ff7a2f;
}

/* Numbers */
.u-mini-num {
  font-weight: 900;
  font-size: 22px;
  color: #1a1a1a;
  line-height: 1.1;
}

.u-mini-label {
  margin-top: 2px;
  font-size: 12px;
  color: #8a8a8a;
}

/* dotted divider */
.u-mini-dash {
  margin: 12px 0 10px;
  border-top: 1px dashed #dcdcdc;
}

/* footer link */
.u-mini-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6f6f6f;
  text-decoration: none;
  font-size: 12px;
  padding: 2px 0;
}

.u-mini-arrow {
  font-size: 16px;
  color: #6f6f6f;
}

.u-mini-card:hover {
  border-color: #d9d9d9;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
}

/* Responsive */
@media (max-width: 860px) {
  .u-mini-cards {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 520px) {
  .u-mini-cards {
    grid-template-columns: 1fr;
  }
}

.u-orders {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.u-order {
  background: #f2f4f7;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 40px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.u-order__title {
  font-size: 26px;
  font-weight: 600;
  color: #111;
  letter-spacing: -0.01em;
}

.u-order__meta {
  margin-top: 8px;
  font-size: 15px;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.u-order__meta b {
  font-weight: 700;
  color: #4b5563;
}

.u-order__sep {
  color: #b9c1cc;
}

.u-order__meta sup {
  font-size: 12px;
  vertical-align: super;
  margin-left: 2px;
}

.u-order__link {
  color: #043dc4;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.u-order__chev {
  font-size: 22px;
  line-height: 1;
  transform: translateY(1px);
}

.u-order__link:hover {
  text-decoration: underline;
}

/* ✅ Responsive */
@media (max-width: 720px) {
  .u-order {
    padding: 18px;
    flex-direction: column;
    align-items: flex-start;
  }

  .u-order__title {
    font-size: 22px;
  }

  .u-order__link {
    font-size: 16px;
  }
}


/* Layout base */
.u-od {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 18px 60px;
  color: #111;
}

.u-od__header {
  display: flex;
  align-items: center;
  gap: 14px;
}

.u-od__back {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: #111;
  font-size: 22px;
}

.u-od__title {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.u-od__sub {
  margin: 6px 0 0;
  color: #6b7280;
  font-size: 16px;
}

.u-od__hr {
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 18px 0 22px;
}

/* Cards */
.u-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 22px;
}

.u-od__topcard {
  margin-bottom: 16px;
}

.u-od__grid2 {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 22px;
  align-items: start;
}

.u-od__vsep {
  background: #e5e7eb;
  height: 100%;
}

.u-od__h,
.u-od__h2 {
  font-weight: 900;
  margin-bottom: 10px;
}

.u-od__h {
  font-size: 18px;
}

.u-od__h2 {
  font-size: 20px;
}

.u-od__text {
  color: #374151;
  line-height: 1.55;
  font-size: 15px;
}

.u-od__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 360px;
}

.u-od__row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #374151;
  font-size: 15px;
}

.u-od__row sup,
.u-prod__price sup {
  font-size: 10px;
  vertical-align: super;
  margin-left: 2px;
}

.u-od__row--total {
  margin-top: 6px;
  font-weight: 900;
  color: #111;
  font-size: 16px;
}

/* Alert */
.u-od__alert {
  border: 1px solid #2f6bff;
  background: #eef5ff;
  border-radius: 6px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1f2937;
  font-size: 14px;
  margin: 18px 0 18px;
}

.u-od__ainfo {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #2f6bff;
}

.u-od__ainfo svg {
  width: 20px;
  height: 20px;
}

/* Status card */
.u-od__statuscard {
  padding: 24px;
}

.u-od__blockhead {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}

.u-od__seller {
  color: #374151;
  font-size: 14px;
}

.u-od__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  text-align: center;
  padding: 10px 0 6px;
}

.u-step__ico {
  width: 44px;
  height: 44px;
  margin: 0 auto 0px;
  display: grid;
  place-items: center;
  color: #111;
}

.u-step__ico svg {
  width: 34px;
  height: 34px;
}

.u-step__name {
  font-weight: 800;
  font-size: 12px;
  color: #111827;
}

.u-step__date {
  margin-top: 0px;
  font-size: 13px;
  color: #111;
}

.u-od__line {
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 18px 0 18px;
}

/* Product row */
.u-prod {
  display: grid;
  grid-template-columns: 160px 1fr auto;
  gap: 16px;
  align-items: center;
}

.u-prod__img {
  width: 160px;
  height: 90px;
  object-fit: contain;
  background: #fff;
}

.u-prod__name {
  font-weight: 800;
  color: #111;
  font-size: 16px;
  line-height: 1.3;
}

.u-prod__qty {
  margin-top: 8px;
  color: #111;
  font-size: 13px;
}

.u-prod__price {
  font-weight: 900;
  font-size: 16px;
  color: #111;
  white-space: nowrap;
}

/* ✅ Responsive */
@media (max-width: 900px) {
  .u-od__title {
    font-size: 28px;
  }

  .u-od__grid2 {
    grid-template-columns: 1fr;
  }

  .u-od__vsep {
    display: none;
  }

  .u-od__rows {
    max-width: 100%;
  }

  .u-od__steps {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .u-prod {
    grid-template-columns: 120px 1fr;
  }

  .u-prod__price {
    grid-column: 2 / 3;
    justify-self: start;
  }
}

.u-addr-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 26px;
}

.u-addr-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 22px 26px;
  min-height: 150px;
}

.u-addr-title {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  margin-bottom: 8px;
}

.u-addr-line {
  font-size: 14px;
  color: #4b5563;
  margin-bottom: 18px;
}

.u-addr-actions {
  font-size: 14px;
  margin-bottom: 18px;
}

.u-addr-link {
  color: #2f6bff;
  text-decoration: none;
  font-weight: 500;
}

.u-addr-link:hover {
  text-decoration: underline;
}

.u-addr-sep {
  color: #9ca3af;
  padding: 0 8px;
}

/* Default radio row */
.u-addr-default {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #111;
}

/* hide native radio */
.u-addr-default input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* custom radio */
.u-addr-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #9ca3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* selected style (red dot like screenshot) */
.u-addr-default input:checked+.u-addr-radio {
  border-color: #e11d2e;
}

.u-addr-default input:checked+.u-addr-radio::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e11d2e;
}

/* responsive */
@media (max-width: 820px) {
  .u-addr-grid {
    grid-template-columns: 1fr;
  }
}

.u-descbox__content {
  padding: 15px;
}