.vertical-menu .vertical-menu-items ul {
  list-style:none
}
.vertical-menu .vertical-menu-items ul a {
  align-items:center;
  color:#1c1c25;
  display:flex;
  text-decoration:none;
  white-space:nowrap
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item {
  position:relative
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item a {
  padding:10px 20px;
  position:relative;
  font-weight:500;
  font-size:14px
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item a.with-child:after {
  content:"";
  font-family:remixicon;
  left:15px;
  position:absolute;
  transition:all .3s ease-in-out
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item:hover>a {
  color:var(--primary);
  font-weight:900
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item:hover>a:after {
  left:10px
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item:hover .mega-menu-items {
  opacity:1;
  transform:translateZ(0);
  visibility:visible
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items {
  background-color:#fff;
  border-radius:15px;
  box-shadow:0 0 30px #0000000d!important;
  box-sizing:border-box;
  opacity:0;
  padding:10px 0;
  position:absolute;
  top:-10px;
  right:102%;
  transform:translate3d(10px,0,0);
  transition:all .3s ease-in-out;
  visibility:hidden;
  min-width:200px
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item {
  position:relative
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item a {
  font-weight:500;
  font-size:14px
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item:hover>a {
  color:var(--primary);
  font-weight:700
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item:hover>a:after {
  left:10px
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item:hover .mega-menu-final-items {
  opacity:1;
  transform:translateZ(0);
  visibility:visible
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item .mega-menu-final-items {
  background-color:#fff;
  border-radius:15px;
  box-shadow:0 0 30px #0000000d!important;
  box-sizing:border-box;
  opacity:0;
  padding:10px 0;
  position:absolute;
  top:-10px;
  right:102%;
  transform:translate3d(10px,0,0);
  transition:all .3s ease-in-out;
  visibility:hidden;
  min-width:200px
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item .mega-menu-final-items .mega-menu-final-item a {
  font-size:14px;
  font-weight:400
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item .mega-menu-final-items .mega-menu-final-item a:after {
  content:none
}
.vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item .mega-menu-final-items .mega-menu-final-item:hover>a {
  color:var(--primary);
  font-weight:700
}
.nav {
  display:flex;
  flex-wrap:wrap;
  padding-right:0;
  margin-bottom:0;
  list-style:none
}
.nav a {
  display:block;
  padding:.5rem 1rem;
  color:#1c1c25;
  font-weight:500;
  font-size:17px;
  text-decoration:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
.nav a:hover {
  color:var(--primary);
  transition:all .3s ease
}
.phone-number a {
  text-decoration:none;
  color:#717171;
  font-size:17px;
  padding-left:.6rem
}
.phone-number i {
  padding-right:.6rem;
  border-right:solid 1px #c9c9c9;
  font-size:17px;
  color:#717171;
  line-height:16px
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .logo-container {
    margin-left:1.5rem
  }
  .logo-container .logo img {
    width:115px
  }
  .search-container form .search-field {
    font-size:14px
  }
  .search-container form button.search-button--popular-search {
    font-size:13px
  }
  .vertical-menu {
    margin-left:.75rem
  }
  .vertical-menu a {
    padding:.65rem 1.5rem;
    font-size:15px;
    border-radius:18px
  }
  .nav a {
    padding:.5rem .73rem;
    font-size:15px
  }
  .phone-number a {
    font-size:15px
  }
  .phone-number i {
    font-size:15px;
    line-height:14px
  }
}
.page-header-responsive {
  padding:10px .75rem;
  padding-bottom:0;
  position:relative;
  z-index:10
}
.page-header-responsive .page-header-responsive-row {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.page-header-responsive .logo img {
  width:initial!important;
  height:32px;
  margin-right:1rem
}
.page-header-responsive .user-helpers .user-helper {
  margin-left:17px
}
.page-header-responsive .user-helpers .user-helper:last-child {
  margin-left:0
}
.page-header-responsive .user-helpers .user-helper>i,
.page-header-responsive .user-helpers .user-helper>a i {
  font-size:22px
}
.page-header-responsive .user-helpers .user-helper>button i {
  font-size:22px
}
.page-header-responsive .user-helpers .user-helper.user-helper--user-account>a {
  text-decoration:none
}
.page-header-responsive .user-helpers .user-helper.user-helper--shoping-cart {
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  border-radius:16px;
  position:relative
}
.page-header-responsive .user-helpers .user-helper.user-helper--shoping-cart:hover {
  background-color:var(--primary)
}
.page-header-responsive .user-helpers .user-helper.user-helper--shoping-cart:hover i {
  color:#fff
}
.page-header-responsive .user-helpers .user-helper.user-helper--shoping-cart>a {
  text-decoration:none;
  position:absolute;
  width:40px;
  height:40px
}
.page-header-responsive .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  min-width:21px;
  min-height:21px;
  font-size:14px;
  top:-8px;
  right:-8px
}
.page-header-responsive .user-helpers .user-helper.user-helper--shoping-cart i {
  font-size:23px
}
.page-header-responsive .search-container form .search-field {
  font-size:15px;
  min-height:45px;
  border-radius:15px
}
.page-header-responsive .search-container form button {
  font-size:13px;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  border-radius:15px;
  font-weight:100
}
.page-header-responsive .search-container form button.search-button--popular-search {
  left:48px
}
.page-header-responsive .search-container form button i {
  font-size:20px
}
.page-header-responsive .search-container .dropdown-menu {
  margin-top:0!important
}
.page-header-responsive .search-container .dropdown-menu>.history .search-product-list ul li {
  width:100%;
  margin-right:0;
  margin-left:0
}
.page-header-responsive .search-container .dropdown-menu>.history .search-product-list ul li div a {
  width:70%
}
.navigation-container a.navigation-container--icon {
  width:40px;
  height:40px;
  background-color:#fff;
  border-radius:14px;
  text-decoration:none;
  color:#1c1c25
}
.navigation-container a.navigation-container--icon i {
  font-size:20px;
  line-height:16px;
  font-weight:900
}
.navigation-container.dropdown a[aria-expanded=true] {
  background-color:#1c1c25!important;
  border-bottom-left-radius:4px!important
}
.navigation-container.dropdown a[aria-expanded=true] i {
  color:#fff
}
.navigation-container .dropdown-menu {
  margin-top:.4rem!important
}
#search-container-backdrop {
  width:100%;
  height:100%;
  background-color:#000;
  position:fixed;
  top:0;
  right:0;
  opacity:.2;
  display:none;
  z-index:8
}
.header-two .page-header .page-header--middle {
  padding:15px 0 10px
}
.header-two .page-header .page-header--middle .logo-container {
  padding:0;
  margin-left:2rem
}
.header-two .page-header .page-header--middle .user-helpers {
  background-color:#fff;
  border-radius:15px;
  padding:8px 15px 8px 10px
}
 
 
 
 
.header-two .page-header .page-header--bottom {
  border-bottom:1px dashed #d7dde4;
  padding-bottom:5px
}
.header-two .page-header .page-header--bottom .vertical-menu {
  margin-left:15px!important
}
.header-two .page-header .page-header--bottom .vertical-menu:hover a.vertical-menu-title {
  background-color:initial;
  color:#1c1c25
}
.header-two .page-header .page-header--bottom .vertical-menu a.vertical-menu-title {
  border-radius:0;
  padding:0 0 0 28px;
  line-height:18px;
  border-left:dashed 1px #d4dbe2;
  background-color:initial
}
.header-two .page-header .page-header--bottom .vertical-menu a.vertical-menu-title:after {
  content:"";
  width:1px
}
.header-two .page-header .page-header--bottom .vertical-menu a.vertical-menu-title i {
  margin-left:7px
}
.header-two .page-header .page-header--bottom .vertical-menu .vertical-menu-items {
  top:initial;
  margin-top:20px
}
.header-two .page-header .page-header--bottom .nav a {
  color:#6f7881;
  font-weight:400;
  font-size:16px
}
.header-two .page-header .page-header--bottom .nav a:hover {
  color:var(--primary)
}
.header-two .page-header .page-header--bottom .phone-number i {
  border-right:dashed 1px #d4dbe2
}
.header-two .page-header .search-container form .search-field {
  border:none;
  min-height:50px;
  font-size:16px;
  font-weight:500;
  color:#74777c;
  border-radius:15px;
  padding:10px 20px 10px 10px;
  background-color:#ebeef3
}

.header-two .page-header .search-container form .dropdown-menu {
  margin-top:.1rem!important;
  width:100%;
  transform:translate3d(0,56px,0)!important;
  cursor:auto;
  background-color:#ebeef3
}
.header-two .page-header-responsive {
  padding:10px .75rem;
  padding-bottom:0!important
}
.header-two .page-header-responsive .user-helpers {
  background-color:#fff;
  border-radius:15px;
  padding:4px 15px 4px 5px
}
.header-two .page-header-responsive .user-helpers .user-helper>button,
.header-two .page-header-responsive .user-helpers .user-helper>a {
  padding:0
}
.header-two .page-header-responsive .user-helpers .user-helper>button i,
.header-two .page-header-responsive .user-helpers .user-helper>a i {
  font-size:18px
}
.header-two .page-header-responsive .user-helpers .user-helper:last-child {
  margin-left:10px
}
.header-two .page-header-responsive .search-container {
  border-bottom:1px dashed #d7dde4;
  padding-bottom:10px
}
.header-two .page-header-responsive .search-container form .search-field {
  border:none;
  min-height:42px;
  font-size:14px;
  font-weight:500;
  color:#74777c;
  border-radius:15px;
  padding:8px 16px 8px 8px;
  background-color:#ebeef3
}
.header-two .page-header-responsive .search-container form button.search-button--popular-search {
  width:initial;
  left:4px;
  background-color:#fff;
  height:34px;
  min-height:34px;
  border-radius:14px;
  padding:0 12px 0 8px;
  font-weight:700;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center
}
.header-two .page-header-responsive .search-container form button.search-button--popular-search i {
  padding-right:5px;
  font-size:12px
}
.header-two .page-header-responsive .search-container form .dropdown-menu {
  margin-top:.1rem!important;
  width:100%;
  transform:translate3d(0,56px,0)!important;
  cursor:auto;
  background-color:#ebeef3
}
.header-three {
  border-top:solid 4px var(--secondary)
}
.header-three .header-section {
  border-bottom:dashed 1px #dde2e7
}
.header-three .header-section .border-between-logo-nav {
  width:0;
  height:14px;
  border:dashed 1px #dde2e7
}
.header-three .nav .nav-item:first-child .nav-link {
  padding-right:0
}
.header-three .nav .nav-item .nav-link {
  font-size:16px;
  color:#334155
}
.header-three .nav .nav-item .nav-link:hover {
  opacity:.7
}
.header-three .navigation-container {
  padding-bottom:0
}
.header-three .logo-container {
  margin-left:0;
  padding:0
}
.header-three .logo-container .logo {
  position:relative
}
.header-three .logo-container .logo img {
  width:100px;
  position:relative;
  z-index:10
}
.header-three .logo-container .logo:after {
  content:"";
  width:20px;
  height:20px;
  background-color:#fff;
  border-radius:5px;
  box-shadow:0 2px 4px #0000000d!important;
  position:absolute;
  top:-6px;
  right:-5px;
  transform:translate(var(--translate-x),var(--translate-y)) rotate(var(--rotate)) skew(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
  animation:cube 5s ease-in-out infinite
}
.header-three .user-helpers {
  background-color:#fff;
  border-radius:15px;
  padding:6px 12px
}
.header-three .user-helpers .user-helper {
  margin-left:18px
}
.header-three .user-helpers .user-helper>button,
.header-three .user-helpers .user-helper>a {
  padding:0
}
.header-three .user-helpers .user-helper>button i,
.header-three .user-helpers .user-helper>a i {
  font-size:18px;
  color:#1c1c25;
  text-decoration:none
}
.header-three .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown {
  top:45px
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart {
  margin-left:0;
  background-color:rgba(var(--primary-rgb),1);
  width:initial;
  height:initial;
  min-width:initial;
  min-height:initial;
  position:relative;
  transition:all .3s ease
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link {
  position:initial;
  width:initial;
  height:initial;
  text-decoration:none;
  white-space:nowrap;
  font-size:14px;
  font-weight:300;
  border-radius:10px!important;
  padding:5px 15px;
  box-shadow:0 5px 10px rgba(var(--primary-rgb),.3)!important
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link:hover {
  opacity:1
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart i {
  font-size:25px;
  line-height:25px;
  color:#fff
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  position:initial;
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
  background-color:#fff6;
  border-radius:5px;
  font-size:15px;
  font-weight:700;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s ease;
  margin-right:6px
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart div.count-badage span {
  color:#fff
}
.header-three .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown {
  top:45px;
  left:-10px
}
@media (max-width: 768px) {
  .header-three {
    margin-bottom:0!important
  }
  .header-three .logo-container {
    margin-right:15px;
    padding:0
  }
  .header-three .logo-container .logo img {
    width:100px
  }
}
.header-four.header-four-sticky {
  position:sticky;
  top:0;
  right:0;
  left:0;
  z-index:999
}
.header-four.header-four-sticky.header-sticky .page-header .page-header--bottom {
  margin-top:-40px!important;
  opacity:0;
  overflow:hidden;
  transition:all ease .2s
}
.header-four.header-four-sticky.header-sticky .page-header-responsive .search-container {
  margin-top:-40px!important;
  display:none;
  overflow:hidden;
  transition:all ease .2s
}
.header-four .page-header {
  border-bottom:solid 1px #ebeef1;
  background-color:#fff;
  box-shadow:0 3px 8px #00000005
}
.header-four .page-header .search-container form button.search-button--icon {
  left:5px;
  background-color:#fff;
  height:40px;
  width:40px;
  min-height:40px;
  min-width:40px;
  border-radius:14px;
  padding:0 16px;
  font-weight:700;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center
}
.header-four .page-header .search-container form button.search-button--icon i {
  font-size:20px;
  font-weight:400!important
}
.header-four .page-header .search-container form button.search-button--popular-search {
  left:50px;
  background-color:#fff;
  height:40px;
  min-height:40px;
  border-radius:14px;
  padding:0 16px;
  font-weight:700;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center
}
.header-four .page-header .page-header--middle {
  background-color:#fff;
  z-index:2;
  position:relative
}
.header-four .page-header .page-header--middle .user-helpers {
  background:none;
  padding:0
}
.header-four .page-header .page-header--middle .user-helpers .user-helper {
  border-radius:0
}
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart {
  background:none!important
}
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link {
  position:initial;
  width:45px;
  height:45px;
  text-decoration:none;
  white-space:nowrap;
  font-size:14px;
  font-weight:300;
  border-radius:10px!important;
  padding:0;
  box-shadow:none!important;
  background:none;
  border:solid 1px #e2e6eb;
  display:flex;
  align-items:center;
  justify-content:center
}
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link:active,
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link:focus {
  background:none!important;
  border:solid 1px #e2e6eb!important
}
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart i {
  font-size:25px;
  line-height:25px;
  color:#1c1c25;
  margin:0
}
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  position:absolute;
  top:-8px;
  left:-8px;
  right:initial;
  width:20px;
  height:20px;
  min-width:18px;
  min-height:18px;
  background-color:rgba(var(--primary-rgb),1);
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s ease;
  margin-right:6px
}
.header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown {
  top:55px;
  left:0
}
.header-four .page-header .page-header--bottom {
  z-index:1;
  border-bottom:none;
  padding-bottom:5px;
  transition:all ease .2s
}
.header-four .page-header-responsive {
  border-bottom:solid 1px #ebeef1;
  background-color:#fff;
  box-shadow:0 3px 8px #00000005
}
.header-four .page-header-responsive .search-container {
  border-bottom:none;
  padding-bottom:10px;
  transition:all ease .2s
}
.header-five {
  background-color:#fff
}
.header-five.header-five-sticky {
  position:sticky;
  top:0;
  right:0;
  left:0;
  z-index:1001
}
.header-five.header-five-sticky.header-sticky {
  box-shadow:0 3px 8px #00000005
}
.header-five .header-section {
  border-bottom:dashed 1px #dde2e7;
  margin-top:0!important;
  padding-top:1rem
}
.header-five .header-section .border-between-logo-nav {
  width:0;
  height:14px;
  border:dashed 1px #dde2e7
}
.header-five .vertical-menu a.vertical-menu-title {
  background:none!important;
  box-shadow:none!important;
  white-space:nowrap;
  align-items:center;
  color:#1c1c25;
  display:flex;
  font-weight:700;
  justify-content:right;
  padding:.5rem 1rem;
  padding-right:0;
  font-size:17px;
  text-decoration:none;
  background-color:transparent;
  border-radius:20px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s ease
}
.header-five .vertical-menu a.vertical-menu-title i {
  margin-left:8px
}
.header-five .nav .nav-item:first-child .nav-link {
  padding-right:0
}
.header-five .nav .nav-item .nav-link {
  font-size:16px;
  color:#717c8b!important
}
.header-five .nav .nav-item .nav-link:hover {
  opacity:.7
}
@media (max-width: 1100px) {
  .header-five .header-section .border-between-logo-nav {
    margin:0 10px!important
  }
  .header-five .vertical-menu {
    margin-left:12px!important
  }
  .header-five .vertical-menu a.vertical-menu-title {
    padding:.5rem;
    padding-right:0;
    font-size:14px
  }
  .header-five .vertical-menu a.vertical-menu-title i {
    margin-left:6px
  }
  .header-five .nav .nav-item:first-child .nav-link {
    padding-right:0
  }
  .header-five .nav .nav-item .nav-link {
    padding:.5rem;
    font-size:14px;
    color:#334155
  }
  .header-five .nav .nav-item .nav-link:hover {
    opacity:.7
  }
}
.header-five .navigation-container {
  padding-bottom:0
}
.header-five .logo-container {
  margin-left:0;
  padding:0
}
.header-five .logo-container .logo {
  position:relative
}
.header-five .logo-container .logo img {
  width:100px;
  position:relative;
  z-index:10
}
.header-five .user-helpers {
  background:var(--main-background);
  border-radius:15px;
  padding:6px 10px 6px 6px
}
.header-five .user-helpers .user-helper {
  margin-left:18px
}
.header-five .user-helpers .user-helper>button,
.header-five .user-helpers .user-helper>a {
  padding:0
}
.header-five .user-helpers .user-helper>button i,
.header-five .user-helpers .user-helper>a i {
  font-size:18px;
  color:#1c1c25;
  text-decoration:none
}
.header-five .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown {
  top:45px
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart {
  background:#fff;
  border-radius:10px!important;
  margin-left:0;
  margin-right:10px;
  width:initial;
  height:initial;
  min-width:initial;
  min-height:initial;
  position:relative;
  transition:all .3s ease
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link {
  background:none!important;
  position:initial;
  width:initial;
  height:initial;
  text-decoration:none;
  white-space:nowrap;
  font-size:14px;
  font-weight:300;
  padding:5px 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link:hover {
  opacity:1
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart i {
  font-size:20px;
  line-height:20px;
  color:#1c1c25;
  margin:0
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  position:initial;
  width:19px;
  height:19px;
  min-width:19px;
  min-height:19px;
  box-shadow:0 5px 10px rgba(var(--primary-rgb),.3)!important;
  background-color:rgba(var(--primary-rgb),1);
  border-radius:5px;
  font-size:13px;
  font-weight:700;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s ease;
  margin-right:8px
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart div.count-badage span {
  color:#fff;
  line-height:15px
}
.header-five .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown {
  top:45px;
  left:-10px
}
.header-five .search-container {
  position:absolute;
  background-color:#fff;
  width:100%;
  right:0;
  left:0
}
.header-five .search-container form {
  width:100%;
  margin:8px 0!important
}
.header-five .search-container form input.search-field {
  min-height:45px;
  padding:12px 16px 12px 15px;
  border-radius:14px
}
.header-five .search-container form .search-button--icon {
  background-color:#fff;
  font-size:18px;
  position:absolute;
  left:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:15px;
  height:40px;
  min-height:40px;
  border-radius:14px
}
.header-five .search-container form .search-button--popular-search {
  height:40px;
  min-height:40px;
  border-radius:14px;
  left:50px;
  font-size:14px
}
@media (max-width: 768px) {
  .header-five {
    margin-bottom:0!important
  }
  .header-five .mega-menu,
  .header-five .vertical-menu {
    display:none
  }
  .header-five .navigation-container a.navigation-container--icon {
    width:35px;
    height:35px;
    background-color:#fff;
    border-radius:10px;
    text-decoration:none;
    color:#1c1c25
  }
  .header-five .navigation-container a.navigation-container--icon i {
    font-size:17px
  }
  .header-five .logo-container {
    margin-right:15px
  }
  .header-five .logo-container .logo img {
    width:90px
  }
  .header-five .user-helpers {
    border-radius:14px;
    padding:4px 10px 4px 4px
  }
  .header-five .user-helpers .user-helper {
    margin-left:15px
  }
  .header-five .user-helpers .user-helper>button i,
  .header-five .user-helpers .user-helper>a i {
    font-size:17px
  }
  .header-five .user-helpers .user-helper--notification {
    display:none
  }
}
.mega-menu {
  direction:rtl;
  position:relative;
  margin-left:1rem
}
.mega-menu .mega-menu-title {
  display:flex;
  align-items:center;
  justify-content:right;
  border-radius:0;
  padding:0 0 0 28px;
  line-height:18px;
  font-weight:700;
  font-size:17px;
  text-decoration:none;
  cursor:pointer;
  color:#1c1c25;
  border-left:dashed 1px #d4dbe2;
  transition:all .3s ease
}
.mega-menu .mega-menu-title i {
  margin-left:7px
}
.mega-menu:hover>.mega-menu-items {
  visibility:visible
}
.mega-menu .mega-menu-items {
  visibility:hidden;
  position:absolute;
  top:195%;
  right:0;
  width:auto;
  height:55vh;
  background-color:#ebeef3;
  border-radius:0 0 15px;
  z-index:20;
  padding:10px 10px 0 4px;
  transition:all .3s ease
}
.mega-menu .mega-menu-items .mega-menu-items-scrollable {
  max-height:100%;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.2) transparent
}
.mega-menu .mega-menu-items .mega-menu-items-scrollable::-webkit-scrollbar {
  width:8px
}
.mega-menu .mega-menu-items .mega-menu-items-scrollable::-webkit-scrollbar-thumb {
  background-color:#0000004d;
  border-radius:4px;
  -webkit-transition:background-color .3s;
  transition:background-color .3s
}
.mega-menu .mega-menu-items .mega-menu-items-scrollable::-webkit-scrollbar-thumb:hover {
  background-color:#0009
}
.mega-menu .mega-menu-items .mega-menu-items-scrollable::-webkit-scrollbar-track {
  background-color:transparent
}
.mega-menu .mega-menu-items ul {
  list-style:none;
  margin:0;
  padding:0 0 0 5px
}
.mega-menu .mega-menu-items .mega-menu-item.active>.parent-item {
  background-color:var(--primary);
  color:#fff
}
.mega-menu .mega-menu-items .mega-menu-item.active>.parent-item:before {
  color:#fff
}
.mega-menu .mega-menu-items .mega-menu-item>.parent-item {
  display:block;
  padding:10px 10px 10px 50px;
  color:#1c1c25;
  font-weight:700;
  white-space:nowrap;
  min-width:200px;
  text-decoration:none;
  display:flex;
  align-items:center;
  border-radius:10px
}
.mega-menu .mega-menu-items .mega-menu-item>.parent-item:before {
  content:"";
  font-family:remixicon;
  position:relative;
  top:1px;
  margin-left:8px;
  font-size:10px;
  color:#c4cbd6
}
.mega-menu .mega-menu-items .mega-menu-item>.parent-item:hover {
  background-color:var(--primary);
  color:#fff
}
.mega-menu .mega-menu-items .mega-menu-item>.parent-item:hover:before {
  color:#fff
}
.mega-menu .mega-menu-items .mega-menu-item:last-child a {
  margin-bottom:10px
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu {
  display:flex;
  position:absolute;
  top:0;
  right:100%;
  background-color:#fff;
  padding:15px;
  height:55vh;
  border-radius:0 0 0 15px;
  z-index:10
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns {
  max-height:100%;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.2) transparent;
  display:flex;
  gap:20px
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column {
  list-style:none;
  padding:0;
  margin:0
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item {
  margin-bottom:15px;
  min-width:200px
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item>.parent-item {
  font-weight:700;
  display:block;
  padding:5px 10px 5px 80px;
  color:#222;
  text-decoration:none;
  white-space:nowrap
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item>.parent-item:before {
  content:"";
  font-family:remixicon;
  position:relative;
  top:1px;
  margin-left:8px;
  font-size:10px;
  color:var(--primary)
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item>.parent-item:hover {
  color:var(--primary)
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item .mega-submenu-final {
  list-style:none;
  padding:5px 0 0
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item .mega-submenu-final .mega-submenu-final-item a {
  padding:6px 10px 6px 80px;
  text-decoration:none;
  color:#555;
  display:block
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item .mega-submenu-final .mega-submenu-final-item a:hover {
  color:var(--primary)
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns::-webkit-scrollbar {
  width:8px
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns::-webkit-scrollbar-thumb {
  background-color:#0000004d;
  border-radius:4px;
  -webkit-transition:background-color .3s;
  transition:background-color .3s
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns::-webkit-scrollbar-thumb:hover {
  background-color:#0009
}
.mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns::-webkit-scrollbar-track {
  background-color:transparent
}
.header-five .mega-menu .mega-menu-items {
  top:260%
}
.page-footer {
  border-top:1px dashed #dde2e7
}
.page-footer .logo {
  text-decoration:none
}
.page-footer .logo span {
  color:var(--primary);
  font-size:20px;
  font-weight:700
}
.page-footer .footer-support-area {
  padding:35px 15px
}
.page-footer .footer-support-area .right-section img {
  width:initial!important;
  height:45px!important
}
.page-footer .footer-support-area .right-section span.divider {
  width:0;
  height:15px;
  border:1px dashed #dde2e7;
  margin:0 25px
}
.page-footer .footer-support-area .right-section span.support-time {
  font-size:15px;
  font-weight:700;
  color:#1c1c25
}
.page-footer .footer-middle {
  border-top:dashed 1px #dde2e7;
  border-bottom:dashed 1px #dde2e7;
  padding:60px 5px 20px
}
.page-footer .footer-middle .footer-information .footer-information--title {
  font-size:23px;
  font-weight:700;
  color:#1c1c25;
  margin-bottom:15px
}
.page-footer .footer-middle .footer-information .footer-information--description {
  font-size:15px;
  font-weight:400;
  line-height:1.85rem;
  color:#717171;
  text-align:justify;
  margin-bottom:20px
}
.page-footer .footer-middle .footer-menu-title {
  font-weight:700;
  font-size:17px;
  color:#1c1c25;
  margin-bottom:14px;
  text-align:center
}
.page-footer .footer-middle .footer-menu {
  list-style:none
}
.page-footer .footer-middle .footer-menu li {
  margin-bottom:8px;
  text-align:center
}
.page-footer .footer-middle .footer-menu a {
  text-decoration:none;
  color:#717171;
  font-size:15px;
  letter-spacing:-.5px;
  word-spacing:-.5px;
  text-align:center;
  transition:color .2s ease-in-out
}
.page-footer .footer-middle .footer-menu a:hover {
  color:var(--primary)
}
.page-footer .footer-middle .footer-location-meta {
  list-style:none
}
.page-footer .footer-middle .footer-location-meta li {
  margin-bottom:15px;
  color:#717171;
  font-size:16px
}
.page-footer .footer-middle .footer-location-meta li span {
  font-size:16px;
  font-weight:700;
  color:#1c1c25;
  margin-left:5px
}
.page-footer .footer-middle .footer-location-meta li:last-child {
  margin-bottom:0
}
.page-footer .footer-middle .footer-permission-logo>div {
  width:80px;
  height:80px;
  min-width:80px;
  border-radius:14px;
  margin-right:10px;
  background-color:#fff;
  overflow:hidden
}
.page-footer .footer-middle .footer-permission-logo img {
  width:80px;
  height:80px
}
.page-footer .footer-middle .footer-horizontal-menu {
  list-style:none
}
.page-footer .footer-middle .footer-horizontal-menu li {
  display:inline-flex
}
.page-footer .footer-middle .footer-horizontal-menu li a {
  display:block;
  padding:.5rem 1.25rem;
  color:#1c1c25;
  font-weight:500;
  font-size:16px;
  text-decoration:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .15s ease-in-out
}
.page-footer .footer-middle .footer-horizontal-menu li a:hover {
  color:var(--primary)
}
.page-footer .footer-middle .footer-horizontal-menu li:first-child {
  margin-left:.75rem
}
.page-footer .footer-middle .footer-horizontal-menu li:first-child a {
  align-items:center;
  color:#1c1c25;
  display:flex;
  font-weight:700;
  justify-content:right;
  padding:.65rem 1.5rem;
  font-size:16px;
  text-decoration:none;
  background-color:#fff;
  border-radius:20px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s ease
}
.page-footer .footer-middle .footer-horizontal-menu li:first-child a:hover {
  background-color:var(--primary);
  color:#fff
}
.page-footer .footer-middle .newsletter form {
  position:relative
}
.page-footer .footer-middle .newsletter form input {
  width:360px;
  text-align:right;
  padding:16px 18px;
  background-color:#fff;
  border:none;
  border-radius:20px
}
.page-footer .footer-middle .newsletter form input:-webkit-autofill,
.page-footer .footer-middle .newsletter form input:-webkit-autofill:hover,
.page-footer .footer-middle .newsletter form input:-webkit-autofill:focus,
.page-footer .footer-middle .newsletter form input:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 30px #d1dae6 inset!important
}
.page-footer .footer-middle .newsletter form button {
  position:absolute;
  left:4px;
  top:4px;
  padding:11.5px 20px;
  border-radius:20px;
  font-weight:700
}
.page-footer .social-networks {
  list-style:none;
  background-color:#e9eef3;
  border-radius:11px;
  padding:3px
}
.page-footer .social-networks li {
  display:inline-block
}
.page-footer .social-networks li a {
  width:36px;
  height:36px;
  text-decoration:none;
  color:#858585;
  border-radius:11px;
  transition:all .2s ease-in-out
}
.page-footer .social-networks li a:hover {
  background-color:var(--primary);
  color:#fff;
  box-shadow:0 3px 5px #00000008!important
}
.page-footer .social-networks li a i {
  font-size:17px;
  line-height:15px
}
.page-footer .footer-bottom .container>div {
  padding:7px 0
}
.page-footer .footer-bottom .copyright {
  font-weight:400;
  font-size:13px;
  color:#919191;
  text-align:right
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .page-footer .footer-support-area {
    padding:25px 15px
  }
  .page-footer .footer-support-area .right-section img {
    width:100px
  }
  .page-footer .footer-support-area .right-section span.divider {
    margin:0 10px
  }
  .page-footer .footer-support-area .right-section span.support-time {
    font-size:12px
  }
  .page-footer .footer-support-area .phone-number a {
    font-size:15px
  }
  .page-footer .footer-support-area .phone-number i {
    font-size:16px
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-footer .footer-middle .footer-location-meta {
    margin-bottom:45px
  }
  .page-footer .footer-middle .footer-permission-logo {
    justify-content:flex-start!important
  }
  .page-footer .footer-middle .footer-permission-logo>div {
    margin-right:0;
    margin-left:10px
  }
  .page-footer .footer-middle .footer-horizontal-menu {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px
  }
  .page-footer .footer-middle .footer-horizontal-menu li a {
    font-size:13px
  }
  .page-footer .footer-middle .footer-horizontal-menu li:first-child {
    margin-left:0
  }
  .page-footer .footer-middle .footer-horizontal-menu li:first-child a {
    font-size:13px;
    background-color:transparent;
    box-shadow:none!important;
    font-weight:500
  }
  .page-footer .footer-middle .footer-horizontal-menu li:first-child a:hover {
    background-color:transparent;
    color:var(--primary)
  }
  .page-footer .footer-middle .newsletter {
    justify-content:center!important
  }
  .page-footer .footer-middle .newsletter form {
    position:relative
  }
  .page-footer .footer-middle .newsletter form input {
    width:360px;
    padding:16px 18px
  }
  .page-footer .footer-middle .newsletter form button {
    padding:11.5px 20px
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .page-footer .footer-support-area {
    padding:25px 15px;
    flex-direction:column
  }
  .page-footer .footer-support-area .right-section img {
    width:90px
  }
  .page-footer .footer-support-area .right-section span.divider {
    margin:0 10px
  }
  .page-footer .footer-support-area .right-section span.support-time {
    font-size:12px
  }
  .page-footer .footer-support-area .phone-number a {
    font-size:15px
  }
  .page-footer .footer-support-area .phone-number i {
    font-size:16px
  }
}
@media only screen and (min-width: 120px) and (max-width: 479px) {
  .page-footer .footer-support-area .inner {
    padding:25px 15px;
    flex-direction:column
  }
  .page-footer .footer-support-area .right-section {
    display:flex;
    flex-direction:column;
    margin-bottom:20px
  }
  .page-footer .footer-support-area .right-section img {
    width:120px;
    margin-bottom:8px
  }
  .page-footer .footer-support-area .right-section span.divider {
    display:none
  }
  .page-footer .footer-support-area .right-section span.support-time {
    font-size:12px;
    text-align:center
  }
  .page-footer .footer-support-area .phone-number a {
    font-size:15px
  }
  .page-footer .footer-support-area .phone-number i {
    font-size:16px
  }
}
@media only screen and (min-width: 120px) and (max-width: 991px) {
  .page-footer .footer-middle .footer-information .footer-information--title {
    margin-bottom:10px
  }
  .page-footer .footer-middle .footer-information .footer-information--description {
    max-height:115px;
    overflow:hidden
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .page-footer .footer-middle .footer-information {
    margin-bottom:25px
  }
  .page-footer .footer-middle .footer-information .footer-information--title {
    text-align:center;
    font-size:21px
  }
  .page-footer .footer-middle .footer-information .footer-information--description {
    text-align:center;
    font-size:14px
  }
  .page-footer .footer-middle .col-6 {
    margin-bottom:25px
  }
  .page-footer .footer-middle .footer-menu-title,
  .page-footer .footer-middle .footer-menu li {
    text-align:center
  }
  .page-footer .footer-middle .footer-location-meta {
    width:100%;
    text-align:center;
    margin-bottom:45px
  }
  .page-footer .footer-middle .footer-location-meta li {
    font-size:14px;
    line-height:1.5rem
  }
  .page-footer .footer-middle .footer-location-meta li span {
    font-size:14px
  }
  .page-footer .footer-middle .footer-permission-logo {
    justify-content:center!important
  }
  .page-footer .footer-middle .footer-permission-logo>div {
    margin-right:0;
    margin-left:10px
  }
  .page-footer .footer-bottom .container>div {
    padding:7px 0;
    flex-direction:column
  }
  .page-footer .footer-bottom .copyright {
    font-size:13px;
    margin-bottom:15px;
    margin-top:10px;
    text-align:center
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-footer .footer-middle .footer-horizontal-menu li a,
  .page-footer .footer-middle .footer-horizontal-menu li:first-child a {
    font-size:13px;
    white-space:nowrap;
    padding:.5rem
  }
  .page-footer .footer-middle .newsletter form {
    position:relative
  }
  .page-footer .footer-middle .newsletter form input {
    width:270px;
    padding:16px 18px
  }
  .page-footer .footer-middle .newsletter form button {
    padding:11.5px 20px
  }
}
@media only screen and (min-width: 120px) and (max-width: 575px) {
  .page-footer .footer-middle .dropdown .footer-menu-navigation {
    margin-left:8px;
    width:48px;
    height:48px;
    min-width:48px;
    background-color:#fff;
    border-radius:16px;
    text-decoration:none;
    color:#1c1c25;
    line-height:10px;
    display:block!important
  }
  .page-footer .footer-middle .dropdown .footer-menu-navigation i {
    font-size:20px;
    line-height:16px;
    font-weight:900
  }
  .page-footer .footer-middle .dropdown .dropdown-menu {
    margin-bottom:6px!important
  }
  .page-footer .footer-middle .newsletter form {
    width:100%;
    position:relative
  }
  .page-footer .footer-middle .newsletter form input {
    width:100%;
    padding:14px 18px
  }
  .page-footer .footer-middle .newsletter form button {
    padding:9px 20px
  }
}
.page-footer--minimal .footer-support-area {
  padding:10px 15px
}
.page-footer--minimal .footer-support-area .right-section img {
  width:100px
}
.page-footer--minimal .footer-support-area .right-section span.support-time {
  font-size:14px
}
.page-footer--minimal .footer-middle {
  padding:25px 5px 8px
}
@media only screen and (min-width: 120px) and (max-width: 575px) {
  .page-footer--minimal .footer-support-area {
    padding:10px 15px
  }
  .page-footer--minimal .footer-support-area .right-section span.support-time {
    font-size:12px;
    font-weight:400
  }
}
.page-footer-type-3 {
  border-top:none
}
.page-footer-type-3 .footer-support-area {
  padding:0 12px
}
 
.page-footer-type-3 .footer-support-area .right-section img {
  width:100px
}
.page-footer-type-3 .footer-support-area .right-section span.divider {
  width:0;
  height:15px;
  border:1px dashed #dde2e7;
  margin:0 25px
}
.page-footer-type-3 .footer-support-area .right-section span.support-time {
  font-size:15px;
  font-weight:700;
  color:#1c1c25
}
.page-footer-type-3 .footer-middle {
  border-top:none;
  border-bottom:none;
  padding:30px 5px 20px
}
.page-footer-type-3 .footer-middle .horizontal-divider {
  border-bottom:1px dashed #dde2e7;
  height:0
}
.page-footer-type-3 .footer-middle .footer-information .footer-information--title {
  font-size:16px;
  font-weight:700;
  color:#1c1c25;
  margin-bottom:15px;
  padding:6px 15px;
  border-radius:15px;
  border-bottom-left-radius:5px!important
}
.page-footer-type-3 .footer-middle .footer-information .footer-information--description {
  font-size:15px;
  font-weight:400;
  line-height:1.85rem;
  color:#717171;
  text-align:justify;
  margin-bottom:20px
}
.page-footer-type-3 .footer-middle .footer-menu-title {
  font-weight:700;
  font-size:17px;
  color:#1c1c25;
  margin-bottom:14px;
  text-align:center
}
.page-footer-type-3 .footer-middle .footer-menu {
  list-style:none
}
.page-footer-type-3 .footer-middle .footer-menu li {
  margin-bottom:8px;
  text-align:center
}
.page-footer-type-3 .footer-middle .footer-menu a {
  text-decoration:none;
  color:#717171;
  font-size:15px;
  letter-spacing:-.5px;
  word-spacing:-.5px;
  text-align:center;
  transition:color .2s ease-in-out
}
.page-footer-type-3 .footer-middle .footer-menu a:hover {
  color:var(--primary)
}
.page-footer-type-3 .footer-middle .footer-location-meta {
  list-style:none
}
.page-footer-type-3 .footer-middle .footer-location-meta li {
  margin-bottom:15px;
  color:#717171;
  font-size:16px
}
.page-footer-type-3 .footer-middle .footer-location-meta li span {
  font-size:16px;
  font-weight:700;
  color:#1c1c25;
  margin-left:5px
}
.page-footer-type-3 .footer-middle .footer-location-meta li:last-child {
  margin-bottom:0
}
.page-footer-type-3 .footer-middle .footer-permission-logo>div {
  width:80px;
  height:80px;
  min-width:80px;
  border-radius:14px;
  margin-right:10px;
  background-color:#fff;
  overflow:hidden
}
.page-footer-type-3 .footer-middle .footer-permission-logo img {
  width:80px;
  height:80px
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu {
  list-style:none
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu li {
  display:inline-flex
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu li a {
  display:block;
  padding:.5rem 1.25rem;
  color:#1c1c25;
  font-weight:500;
  font-size:16px;
  text-decoration:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .15s ease-in-out
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu li a:hover {
  color:var(--primary)
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu li:first-child {
  margin-left:.75rem
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu li:first-child a {
  align-items:center;
  color:#1c1c25;
  display:flex;
  font-weight:700;
  justify-content:right;
  padding:.65rem 1.5rem;
  font-size:16px;
  text-decoration:none;
  background-color:#fff;
  border-radius:20px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s ease
}
.page-footer-type-3 .footer-middle .footer-horizontal-menu li:first-child a:hover {
  background-color:var(--primary);
  color:#fff
}
.page-footer-type-3 .footer-middle .newsletter .footer-menu-navigation,
.page-footer-type-3 .footer-middle .newsletter .dropdown-menu {
  border:1px dashed #dde2e7
}
.page-footer-type-3 .footer-middle .newsletter form {
  position:relative
}
.page-footer-type-3 .footer-middle .newsletter form input {
  width:360px;
  text-align:right;
  padding:16px 18px;
  background-color:#fff;
  border:1px dashed #dde2e7;
  border-radius:20px
}
.page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill,
.page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill:hover,
.page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill:focus,
.page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 30px #d1dae6 inset!important
}
.page-footer-type-3 .footer-middle .newsletter form button {
  position:absolute;
  left:5px;
  top:5px;
  padding:11.5px 20px;
  border-radius:20px;
  font-weight:700
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-footer-type-3 .footer-middle .newsletter form {
    position:relative
  }
  .page-footer-type-3 .footer-middle .newsletter form input {
    width:270px;
    padding:16px 18px
  }
  .page-footer-type-3 .footer-middle .newsletter form button {
    padding:11.5px 20px
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-footer-type-3 .footer-middle .newsletter {
    justify-content:center!important
  }
  .page-footer-type-3 .footer-middle .newsletter form {
    position:relative
  }
  .page-footer-type-3 .footer-middle .newsletter form input {
    width:360px;
    padding:16px 18px
  }
  .page-footer-type-3 .footer-middle .newsletter form button {
    padding:11.5px 20px
  }
}
@media only screen and (min-width: 120px) and (max-width: 575px) {
  .page-footer-type-3 .footer-middle .footer-information .footer-information--title {
    font-size:14px
  }
  .page-footer-type-3 .footer-middle .footer-information .footer-information--description {
    font-size:13px;
    max-height:initial
  }
  .page-footer-type-3 .footer-middle .footer-menu-title {
    font-size:15px
  }
  .page-footer-type-3 .footer-middle .newsletter form {
    width:100%;
    position:relative
  }
  .page-footer-type-3 .footer-middle .newsletter form input {
    width:100%;
    padding:14px 18px
  }
  .page-footer-type-3 .footer-middle .newsletter form button {
    padding:9px 20px
  }
}
 
@media only screen and (min-width: 120px) and (max-width: 767px) {
  footer {
    padding-bottom:100px
  }
}
.bottom-navigation-bar {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  width:100%;
  padding:5px 0 0;
  z-index:1000
}
.bottom-navigation-bar .bottom-navigation {
  width:100%;
  background-color:#fff;
  border-top:dashed 1px #dfe3e9;
  box-shadow:0 0 20px #0000000a!important
}
.bottom-navigation-bar .bottom-navigation ul {
  list-style:none;
  display:flex;
  flex-wrap:nowrap;
  padding:6px 0
}
.bottom-navigation-bar .bottom-navigation ul li {
  width:23%;
  margin:0 1%;
  border-radius:17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative
}
.bottom-navigation-bar .bottom-navigation ul li a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:3px 0;
  text-decoration:none;
  letter-spacing:-.5px;
  position:relative
}
.bottom-navigation-bar .bottom-navigation ul li a i {
  color:#999;
  font-size:22px;
  line-height:25px;
  margin-bottom:2px
}
.bottom-navigation-bar .bottom-navigation ul li a>span {
  font-weight:400;
  font-size:11px;
  color:#999;
  margin-top:0;
  white-space:nowrap
}
.bottom-navigation-bar .bottom-navigation ul li a .count-badge {
  color:var(--primary);
  background-color:rgba(var(--primary-rgb),.2);
  border-radius:5px;
  line-height:15px;
  padding:1px 4px 0;
  font-size:11px;
  font-weight:700
}
.bottom-navigation-bar .bottom-navigation ul li.active {
  background-color:#fff
}
.bottom-navigation-bar .bottom-navigation ul li.active i {
  color:var(--primary);
  font-weight:700
}
.bottom-navigation-bar .bottom-navigation ul li.active span {
  background-color:rgba(var(--primary-rgb),1);
  box-shadow:0 5px 5px rgba(var(--primary-rgb),.4)!important;
  color:#fff;
  font-weight:700;
  padding:2px 10px;
  border-radius:8px
}
.bottom-navigation-bar .bottom-navigation ul li.active i {
  font-weight:400
}
.grid-post-container {
  display:flex
}
.grid-post-container .right-big {
  width:60.5%;
  margin-left:2.5%
}
.grid-post-container .left-small {
  width:37%
}
.grid-post-container .left-small .post-grid .post-grid-thumbnail:before {
  padding-top:48%
}
.grid-post-container .post-grid {
  width:100%;
  border-radius:20px;
  position:relative;
  margin-bottom:50px
}
.grid-post-container .post-grid:hover .post-grid-thumbnail .post-grid-thumbnail--level-one .post-grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
.grid-post-container .post-grid:hover .post-grid-details--title a {
  opacity:1!important
}
.grid-post-container .post-grid .post-grid-link {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  right:0
}
.grid-post-container .post-grid .post-grid-thumbnail {
  background-color:#fff;
  position:relative;
  border-radius:20px;
  overflow:hidden
}
.grid-post-container .post-grid .post-grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:65%
}
.grid-post-container .post-grid .post-grid-thumbnail .post-grid-thumbnail--level-one {
  bottom:0;
  left:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .1s
}
.grid-post-container .post-grid .post-grid-thumbnail .post-grid-thumbnail--level-one:after {
  bottom:0;
  content:"";
  display:block;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  box-sizing:content-box
}
.grid-post-container .post-grid .post-grid-thumbnail .post-grid-thumbnail--level-one .post-grid-thumbnail--level-two {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  box-sizing:content-box
}
.grid-post-container .post-grid .post-grid-thumbnail .post-grid-thumbnail--level-one .post-grid-thumbnail--level-two .image {
  left:0;
  max-height:100%;
  position:absolute;
  top:0;
  box-sizing:content-box;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform .5s ease-in-out
}
.grid-post-container .post-grid .post-grid-details {
  position:absolute;
  bottom:-30px;
  right:7.5%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  width:85%;
  background-color:#fff;
  border-radius:20px;
  padding:15px 20px
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--category {
  border:none;
  font-size:14px;
  margin-bottom:1px
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--title {
  line-height:1.75rem;
  margin:0
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--title a {
  font-size:15px;
  font-weight:500;
  color:#1c1c25;
  text-decoration:none;
  line-height:1.75rem;
  letter-spacing:-.3px;
  opacity:.7;
  transition:opacity .2s ease-in-out;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  display:block
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--title a:hover {
  opacity:1
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:10px
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author {
  font-size:13px;
  color:#999
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a {
  text-decoration:none;
  color:#1c1c25;
  font-size:13px;
  font-weight:700;
  transition:color .2s ease-in-out
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a:hover {
  color:#3ecaf6
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author img {
  width:30px;
  height:30px;
  border-radius:50px;
  margin-left:5px
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span {
  font-size:14px;
  color:#999;
  display:inline-block
}
.grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span.divider {
  width:5px;
  height:5px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 6px
}
.section-title .title {
  font-size:16px;
  font-weight:700;
  color:#1c1c25;
  display:flex;
  align-items:center
}
.section-title .title:before {
  content:"";
  width:4px;
  height:16px;
  border-radius:2px;
  background-color:var(--primary);
  display:inline-block;
  margin-left:7px;
  box-shadow:2px 0 5px rgba(var(--primary-rgb),.4)!important
}
.section-title .title:after {
  content:"";
  width:0;
  height:12px;
  border:dashed 1px #dce0e7;
  display:inline-block;
  margin-right:10px
}
.section-title .title.no-after:after {
  display:none
}
.section-title a {
  text-decoration:none;
  color:#8f9bad;
  font-size:13px;
  font-weight:400;
  padding-left:5px!important;
  transition:all .2s ease-in-out
}
.section-title a:hover {
  box-shadow:none!important
}
.section-title-secondary .title:before {
  background-color:var(--secondary);
  box-shadow:2px 0 5px rgba(var(--secondary-rgb),.4)!important
}
@media (max-width: 575px) {
  .section-title {
    display:flex;
    align-items:center;
    justify-content:space-between
  }
  .section-title .title {
    font-size:15px
  }
  .section-title a {
    font-size:11px!important
  }
  .section-title a i {
    font-size:11px
  }
}
.blog-categories .eight-grid {
  width:100%
}
.blog-categories .eight-grid .swiper {
  padding:0 10px
}
.blog-categories .eight-grid .eight-grid--item {
  width:100%;
  border-radius:16px;
  background-color:#fff;
  overflow:hidden;
  position:relative
}
.blog-categories .eight-grid .eight-grid--item:hover .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
.blog-categories .eight-grid .eight-grid--item:hover .eight-grid--item-title {
  opacity:.7
}
.blog-categories .eight-grid .eight-grid--item .grid-thumbnail {
  background-color:#fff;
  position:relative;
  border-radius:16px;
  overflow:hidden
}
.blog-categories .eight-grid .eight-grid--item .grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:100%
}
.blog-categories .eight-grid .eight-grid--item .grid-thumbnail .grid-thumbnail--level-one {
  bottom:0;
  left:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .1s
}
.blog-categories .eight-grid .eight-grid--item .grid-thumbnail .grid-thumbnail--level-one:after {
  bottom:0;
  content:"";
  display:block;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  box-sizing:content-box
}
.blog-categories .eight-grid .eight-grid--item .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  box-sizing:content-box
}
.blog-categories .eight-grid .eight-grid--item .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  left:0;
  max-height:100%;
  position:absolute;
  top:0;
  box-sizing:content-box;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform .5s ease-in-out
}
.blog-categories .eight-grid .eight-grid--item .eight-grid--item-link {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  right:0
}
.blog-categories .eight-grid .eight-grid--item .eight-grid--item-overly {
  background:linear-gradient(transparent,#0006);
  height:70%;
  position:absolute;
  width:100%;
  bottom:0
}
.blog-categories .eight-grid .eight-grid--item .eight-grid--item-title {
  font-size:15px;
  bottom:17px;
  color:#fff!important;
  font-weight:900;
  position:absolute;
  white-space:nowrap;
  width:100%;
  text-align:center;
  transition:opacity .2s ease-in-out;
  text-overflow:ellipsis;
  overflow:hidden;
  padding:0 4px
}
.blog-categories .swiper-button-next:after,
.blog-categories .swiper-button-prev:after {
  font-size:14px;
  color:#fff;
  font-weight:700
}
.blog-categories .swiper-button-next,
.blog-categories .swiper-rtl .swiper-button-prev {
  right:0;
  left:auto;
  background:var(--secondary);
  box-shadow:0 5px 10px rgba(var(--secondary-rgb),.3)!important;
  width:25px;
  height:35px;
  border-radius:8px!important;
  top:53%
}
.blog-categories .swiper-button-prev,
.blog-categories .swiper-rtl .swiper-button-next {
  left:0;
  right:auto;
  background:var(--secondary);
  box-shadow:0 5px 10px rgba(var(--secondary-rgb),.3)!important;
  width:25px;
  height:35px;
  border-radius:8px!important;
  top:53%
}
@media (max-width: 575px) {
  .blog-categories .swiper-button-next:after,
  .blog-categories .swiper-button-prev:after {
    font-size:12px
  }
  .blog-categories .swiper-button-next,
  .blog-categories .swiper-rtl .swiper-button-prev,
  .blog-categories .swiper-button-prev,
  .blog-categories .swiper-rtl .swiper-button-next {
    width:20px;
    height:30px;
    border-radius:8px!important;
    top:60%;
    box-shadow:0 3px 5px rgba(var(--secondary-rgb),.3)!important
  }
}
.article:hover .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
.article:hover .eight-grid--item-title {
  opacity:.7
}
.article .grid-thumbnail {
  background-color:#fff;
  position:relative;
  border-radius:16px;
  border:solid 1px #ebf1f6;
  overflow:hidden
}
.article .grid-thumbnail .category-badge {
  position:absolute;
  top:20px;
  right:20px;
  font-size:13px;
  color:#fff;
  background-color:var(--primary);
  padding:4px 10px;
  border-radius:8px;
  text-decoration:none
}
.article .grid-thumbnail .article-link {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%
}
.article .grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:70%
}
.article .grid-thumbnail .grid-thumbnail--level-one {
  bottom:0;
  left:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .1s
}
.article .grid-thumbnail .grid-thumbnail--level-one:after {
  bottom:0;
  content:"";
  display:block;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  box-sizing:content-box
}
.article .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  box-sizing:content-box
}
.article .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  left:0;
  max-height:100%;
  position:absolute;
  top:0;
  box-sizing:content-box;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform .5s ease-in-out
}
.article .article--meta {
  display:flex;
  align-items:center;
  width:100%;
  list-style:none;
  padding:0 10px
}
.article .article--meta li {
  display:inline-flex;
  align-items:center;
  white-space:nowrap
}
.article .article--meta li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.article .article--meta li .article--meta-avatar {
  width:32px;
  height:32px;
  border-radius:50%
}
.article .article--meta li .article--meta-username {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px
}
.article .article--meta li .article--meta-username:hover {
  color:#3ecaf6
}
.article .article--meta li span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px;
  padding:0
}
.article .article--title {
  font-size:16px;
  line-height:1.75rem;
  padding:0 10px
}
.article .article--title a {
  color:#1c1c25;
  font-size:15px;
  font-weight:700;
  line-height:1.75rem;
  text-decoration:none;
  transition:color .2s ease-in-out;
  display:block;
  width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.article .article--title a:hover {
  color:#3ecaf6
}
.article span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px;
  padding:0 10px
}
.article .article--excerpt {
  font-size:14px;
  height:45px;
  overflow:hidden;
  color:#5d6674;
  line-height:1.5rem;
  padding:0 10px
}
.grid-type-one-container {
  background:linear-gradient(180deg,#fff,#fff0);
  border-radius:20px 20px 0 0
}
.grid-type-one-container .card-body {
  padding:20px
}
.grid-type-one-container .big-article-container {
  padding-left:20px
}
.grid-type-one-container .big-article-container .article .grid-thumbnail .category-badge {
  font-size:12px;
  color:#1c1c25;
  background-color:#fff;
  padding:3px 10px
}
.grid-type-one-container .big-article-container .article .grid-thumbnail .article-link {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%
}
.grid-type-one-container .big-article-container .article .grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:50%
}
.grid-type-one-container .big-article-container .article .grid-thumbnail .grid-thumbnail--level-one {
  bottom:0;
  left:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .1s
}
.grid-type-one-container .big-article-container .article .grid-thumbnail .grid-thumbnail--level-one:after {
  bottom:0;
  content:"";
  display:block;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  box-sizing:content-box
}
.grid-type-one-container .big-article-container .article .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  box-sizing:content-box
}
.grid-type-one-container .big-article-container .article .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  left:0;
  max-height:100%;
  position:absolute;
  top:0;
  box-sizing:content-box;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform .5s ease-in-out
}
.grid-type-one-container .big-article-container .article .article--meta {
  display:flex;
  align-items:center;
  width:100%;
  list-style:none;
  padding:0 10px
}
.grid-type-one-container .big-article-container .article .article--meta li {
  display:inline-flex;
  align-items:center;
  white-space:nowrap
}
.grid-type-one-container .big-article-container .article .article--meta li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.grid-type-one-container .big-article-container .article .article--meta li .article--meta-avatar {
  width:28px;
  height:28px;
  border-radius:50%
}
.grid-type-one-container .big-article-container .article .article--meta li .article--meta-username {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px
}
.grid-type-one-container .big-article-container .article .article--meta li .article--meta-username:hover {
  color:#3ecaf6
}
.grid-type-one-container .big-article-container .article .article--meta li span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px;
  padding:0
}
.grid-type-one-container .big-article-container .article .article--title {
  font-size:16px;
  line-height:1.75rem;
  padding:0 10px
}
.grid-type-one-container .big-article-container .article .article--title a {
  color:#1c1c25;
  font-size:15px;
  font-weight:700;
  line-height:1.75rem;
  text-decoration:none;
  transition:color .2s ease-in-out;
  display:block;
  width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.grid-type-one-container .big-article-container .article .article--title a:hover {
  color:#3ecaf6
}
.grid-type-one-container .big-article-container .article span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px;
  padding:0 10px
}
.grid-type-one-container .big-article-container .article .article--excerpt {
  font-size:14px;
  height:45px;
  overflow:hidden;
  color:#5d6674;
  line-height:1.5rem;
  padding:0 10px
}
.grid-type-one-container .small-article-container {
  padding-right:20px;
  border-right:1px dashed #e7ebf0
}
.grid-type-one-container .small-article {
  display:flex;
  align-items:center;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px dashed #e7ebf0
}
.grid-type-one-container .small-article:last-child {
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:0
}
.grid-type-one-container .small-article .article-link {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%
}
.grid-type-one-container .small-article:hover .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
.grid-type-one-container .small-article .card-body {
  padding:30px
}
.grid-type-one-container .small-article .grid-thumbnail {
  width:23%;
  background-color:#fff;
  position:relative;
  border-radius:16px;
  border:solid 1px #ebf1f6;
  overflow:hidden
}
.grid-type-one-container .small-article .grid-thumbnail .type-badge {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#1c1c2566
}
.grid-type-one-container .small-article .grid-thumbnail .type-badge i {
  color:#fff;
  font-size:32px
}
.grid-type-one-container .small-article .grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:65%
}
.grid-type-one-container .small-article .grid-thumbnail .grid-thumbnail--level-one {
  bottom:0;
  left:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .1s
}
.grid-type-one-container .small-article .grid-thumbnail .grid-thumbnail--level-one:after {
  bottom:0;
  content:"";
  display:block;
  left:0;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  box-sizing:content-box
}
.grid-type-one-container .small-article .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  box-sizing:content-box
}
.grid-type-one-container .small-article .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  left:0;
  max-height:100%;
  position:absolute;
  top:0;
  box-sizing:content-box;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform .5s ease-in-out
}
.grid-type-one-container .small-article .small-article--details {
  width:75%;
  padding-right:20px
}
.grid-type-one-container .small-article .small-article--details h3 {
  font-size:14px;
  line-height:1.4rem;
  margin-bottom:5px;
  max-height:45px;
  overflow:hidden
}
.grid-type-one-container .small-article .small-article--details h3 a {
  color:#1c1c25;
  font-size:14px;
  font-weight:400;
  line-height:1.4rem;
  text-decoration:none;
  transition:color .2s ease-in-out
}
.grid-type-one-container .small-article .small-article--details h3 a:hover {
  color:#3ecaf6
}
.grid-type-one-container .small-article .small-article--details .article--meta {
  display:flex;
  align-items:center;
  width:100%;
  list-style:none
}
.grid-type-one-container .small-article .small-article--details .article--meta li {
  display:inline-flex;
  align-items:center;
  white-space:nowrap
}
.grid-type-one-container .small-article .small-article--details .article--meta li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.grid-type-one-container .small-article .small-article--details .article--meta li .article--meta-avatar {
  width:15px;
  height:15px;
  border-radius:4px
}
.grid-type-one-container .small-article .small-article--details .article--meta li .article--meta-username {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:12px
}
.grid-type-one-container .small-article .small-article--details .article--meta li .article--meta-username:hover {
  color:#3ecaf6
}
.grid-type-one-container .small-article .small-article--details .article--meta li span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:12px;
  padding:0
}
.grid-type-one-container .small-article .small-article--details .article--meta li span.by {
  font-size:12px;
  color:#8f9bad;
  font-weight:400;
  margin-left:3px
}
.grid-type-two-container .card-body {
  padding:15px
}
.grid-type-two-container .article {
  padding-left:0;
  border:none
}
.grid-type-two-container .swiper-slider-controller-container {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end
}
.grid-type-two-container .swiper-slider-controller-container .swiper-button-next,
.grid-type-two-container .swiper-slider-controller-container .swiper-rtl .swiper-button-prev {
  right:2px;
  left:auto;
  background:transparent;
  box-shadow:none!important
}
.grid-type-two-container .swiper-slider-controller-container .swiper-button-prev,
.grid-type-two-container .swiper-slider-controller-container .swiper-rtl .swiper-button-next {
  left:2px;
  right:auto;
  background:transparent;
  box-shadow:none!important
}
.grid-type-two-container .swiper-slider-controller-container .swiper-slider-controller {
  position:relative;
  background-color:#1c1c25;
  width:60px;
  height:25px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center
}
.grid-type-two-container .swiper-slider-controller-container .swiper-slider-controller span {
  color:#fff;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  opacity:.4;
  font-size:11px;
  font-weight:100;
  line-height:12px
}
.grid-type-two-container .swiper-slider-controller-container .swiper-slider-controller .swiper-button-next:after,
.grid-type-two-container .swiper-slider-controller-container .swiper-slider-controller .swiper-button-prev:after {
  font-size:9px;
  font-weight:700;
  color:#fff
}
.grid-type-two-container .article .grid-thumbnail .category-badge {
  right:initial!important;
  left:20px!important;
  font-size:12px;
  padding:3px 8px;
  background-color:#fff;
  color:#1c1c25
}
.grid-type-two-container .article .article--meta {
  padding:0 5px
}
.grid-type-two-container .article .article--meta li .article--meta-avatar {
  width:25px;
  height:25px;
  border-radius:8px
}
.grid-type-two-container .article .article--title {
  padding:0 5px
}
.grid-type-two-container .article .article--title a {
  font-size:14px;
  font-weight:400
}
.sidebar-card-inner-header {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.sidebar-card-inner-header .inner-card-container--title {
  font-size:16px;
  font-weight:700;
  margin-bottom:8px;
  margin-top:15px;
  color:#1c1c25
}
.sidebar-card-inner-header .divider {
  width:40px;
  height:4px;
  background-color:var(--primary);
  box-shadow:0 1px 5px rgba(var(--primary-rgb),.4)!important;
  margin-bottom:30px;
  border-radius:5px
}
.grid-article-sidebar-container {
  background:#fff!important;
  border-radius:20px!important
}
.grid-article-sidebar-container .card-body {
  padding:20px
}
.grid-article-sidebar-container .small-article {
  padding-bottom:10px;
  margin-bottom:10px
}
.grid-article-sidebar-container .small-article .card-body {
  padding:20px
}
.grid-article-sidebar-container .small-article .grid-thumbnail {
  width:28%
}
.grid-article-sidebar-container .small-article .grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:75%
}
.grid-article-sidebar-container .small-article .small-article--details h3 {
  padding-left:5px
}
.hashtag-container .hashtags {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  list-style:none
}
.hashtag-container .hashtags li {
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center
}
.hashtag-container .hashtags li a {
  color:#8f9bad;
  text-decoration:none;
  font-size:14px;
  margin:5px;
  padding:4px 8px;
  border-radius:7px;
  border:solid 2px #ebeef3;
  display:flex;
  align-items:center;
  transition:all .3s ease-in-out
}
.hashtag-container .hashtags li a:before {
  content:"";
  font-family:remixicon;
  font-size:14px
}
.hashtag-container .hashtags li a:hover {
  border-color:var(--primary);
  color:var(--primary)
}
.single-banner {
  overflow:hidden;
  position:relative
}
.single-banner img {
  width:100%
}
.single-banner a {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  right:0
}
@media (min-width: 992px) {
  .blog-sidebar {
    padding-right:30px
  }
  .article-container {
    padding-left:0
  }
}
@media (max-width: 991px) {
  .article .article--meta li.divider {
    margin:0 9px
  }
  .article .article--meta li .article--meta-avatar {
    width:30px;
    height:30px
  }
  .article .article--meta li .article--meta-username,
  .article .article--meta li span.date {
    font-size:12px
  }
  .big-article-container {
    padding-left:12px;
    border-bottom:1px solid #ebf1f6;
    padding-bottom:25px;
    margin-bottom:25px
  }
  .small-article-container {
    padding-right:12px;
    border-right:none
  }
  .grid-type-two-container .article {
    padding-bottom:0;
    margin-bottom:0
  }
}
@media (max-width: 539px) {
  .blog-categories .eight-grid .swiper {
    padding:0 4px
  }
  .blog-categories .eight-grid .eight-grid--item .eight-grid--item-title {
    font-size:13px;
    font-weight:500;
    bottom:7px
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-post-container .left-small .post-grid .post-grid-thumbnail:before {
    padding-top:45%
  }
  .grid-post-container .post-grid:hover .post-grid-thumbnail .post-grid-thumbnail--level-one .post-grid-thumbnail--level-two .image {
    transform:scale(1.1)
  }
  .grid-post-container .post-grid:hover .post-grid-details--title a {
    opacity:1!important
  }
  .grid-post-container .post-grid .post-grid-details {
    padding:20px 25px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--category {
    font-size:13px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--title {
    line-height:1.5rem;
    max-height:55px;
    overflow:hidden
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--title a {
    font-size:14px;
    font-weight:500;
    line-height:1.5rem
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--title a:hover {
    opacity:1
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author,
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a {
    font-size:12px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a:hover {
    color:#3ecaf6
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author img {
    width:25px;
    height:25px;
    margin-left:3px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span {
    font-size:12px
  }
}
@media (max-width: 767px) {
  .grid-post-container {
    flex-direction:column
  }
  .grid-post-container .right-big {
    width:100%;
    margin-left:0
  }
  .grid-post-container .left-small {
    width:100%
  }
  .grid-post-container .left-small .post-grid .post-grid-thumbnail:before {
    padding-top:45%
  }
  .grid-post-container .post-grid:hover .post-grid-thumbnail .post-grid-thumbnail--level-one .post-grid-thumbnail--level-two .image {
    transform:scale(1.1)
  }
  .grid-post-container .post-grid:hover .post-grid-details--title a {
    opacity:1!important
  }
  .grid-post-container .post-grid .post-grid-details {
    padding:20px 25px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--category {
    font-size:13px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--title {
    line-height:1.5rem;
    max-height:55px;
    overflow:hidden
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--title a {
    font-size:14px;
    font-weight:500;
    line-height:1.5rem
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--title a:hover {
    opacity:1
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author,
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a {
    font-size:12px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author img {
    width:25px;
    height:25px;
    margin-left:3px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span {
    font-size:12px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author,
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a {
    font-size:11px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a:hover {
    color:#3ecaf6
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author img {
    width:23px;
    height:23px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span {
    font-size:11px
  }
  .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span.divider {
    margin:0 3px
  }
  .grid-type-one-container .card-body {
    padding:10px
  }
  .grid-type-one-container .big-article-container {
    padding-bottom:0;
    padding-left:12px;
    margin-bottom:15px;
    border:none
  }
  .grid-type-one-container .big-article-container .article {
    padding-bottom:20px;
    border-bottom:1px dashed #e7ebf0
  }
  .grid-type-one-container .big-article-container .article .article--title a {
    font-size:14px;
    font-weight:700;
    line-height:1.5rem
  }
  .grid-type-one-container .small-article-container {
    padding-right:12px;
    border-right:none
  }
  .grid-type-one-container .small-article .grid-thumbnail {
    width:30%
  }
  .grid-type-one-container .small-article .grid-thumbnail:before {
    content:"";
    padding-top:80%
  }
  .grid-type-one-container .small-article .small-article--details {
    width:70%;
    padding-right:15px
  }
  .grid-type-one-container .small-article .small-article--details h3 {
    font-size:14px;
    line-height:1.6rem;
    margin-bottom:5px;
    max-height:50px;
    overflow:hidden
  }
  .grid-type-one-container .small-article .small-article--details h3 a {
    font-size:13px
  }
  .grid-type-one-container .small-article .small-article--details .article--meta li .article--meta-username {
    font-size:12px
  }
  .grid-type-one-container .small-article .small-article--details .article--meta li .article--meta-username:hover {
    color:#3ecaf6
  }
  .grid-type-one-container .small-article .small-article--details .article--meta li span.date {
    font-size:11px
  }
  .grid-type-one-container .small-article .small-article--details .article--meta li span.by {
    font-size:11px;
    margin-left:2px
  }
}
.article-image {
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  flex-direction:column;
  padding:20px;
  height:200px;
  width:100%;
  overflow:hidden;
  position:relative
}
.article-image:hover .category-badge {
  background-color:#1c1c25
}
.article-image .article-image--center-crop {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  height:100%;
  width:100%;
  position:absolute;
  right:0;
  top:0;
  transition:all .25s ease
}
.article-image .black-gradient {
  background:linear-gradient(transparent,#0009);
  height:60%;
  width:100%;
  position:absolute;
  right:0;
  bottom:0;
  transition:all .25s ease
}
.article-image h3.article-title {
  font-size:14px;
  font-weight:700;
  line-height:26px;
  text-align:right;
  position:relative;
  margin-right:5px;
  margin-bottom:0;
  transition:all .25s ease
}
.article-image .article-meta {
  position:relative;
  margin-right:5px
}
.article-image .article-meta li {
  display:inline-block
}
.article-image .article-meta li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.article-image .article-meta li .article--meta-avatar {
  width:18px;
  height:18px;
  border-radius:5px
}
.article-image .article-meta li .article--meta-username {
  text-decoration:none;
  color:#fff;
  font-weight:400;
  font-size:12px
}
.article-image .article-meta li .article--meta-username:hover {
  color:#3ecaf6
}
.article-image .article-meta li .date {
  text-decoration:none;
  color:#fff;
  font-weight:400;
  font-size:11px
}
.article-image .category-badge {
  position:absolute;
  top:20px;
  right:20px;
  font-size:12px;
  color:#fff;
  font-weight:400;
  background-color:#0006;
  padding:4px 10px;
  border-radius:8px;
  text-align:right;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .2s ease-in-out
}
.article-image a.article-link {
  height:100%;
  width:100%;
  position:absolute;
  right:0;
  top:0
}
.article-image:hover .black-gradient {
  height:100%
}
.article-image:hover h3.article-title {
  color:#3ecaf6
}
.banner-middle-1th .row>div,
.banner-middle-2th .row>div,
.banner-middle-4th .row>div {
  position:relative
}
.banner-middle-1th a,
.banner-middle-2th a,
.banner-middle-4th a {
  position:absolute;
  width:100%;
  height:100%;
  right:0;
  top:0
}
.banner-middle-1th img,
.banner-middle-2th img,
.banner-middle-4th img {
  width:100%;
  border-radius:20px
}
.banner-middle-1th .temp-banner,
.banner-middle-2th .temp-banner,
.banner-middle-4th .temp-banner {
  background-color:#e8ecf0;
  width:100%;
  height:250px;
  border-radius:20px
}
.banner-middle-1th img {
  width:100%;
  border-radius:0
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .banner-middle-2th .row>div {
    position:relative;
    margin-bottom:2px!important
  }
  .banner-middle-2th .row>div:nth-child(1) img {
    border-top-right-radius:20px;
    border-top-left-radius:20px
  }
  .banner-middle-2th .row>div:nth-child(2) {
    margin-bottom:25px!important
  }
  .banner-middle-2th .row>div:nth-child(2) img {
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px
  }
  .banner-middle-2th img {
    width:100%;
    border-radius:0
  }
  .banner-middle-4th .row>div {
    position:relative;
    margin-bottom:2px!important
  }
  .banner-middle-4th .row>div:nth-child(1) {
    padding-left:1px
  }
  .banner-middle-4th .row>div:nth-child(1) img {
    border-top-right-radius:20px
  }
  .banner-middle-4th .row>div:nth-child(2) {
    padding-right:1px
  }
  .banner-middle-4th .row>div:nth-child(2) img {
    border-top-left-radius:20px
  }
  .banner-middle-4th .row>div:nth-child(3) {
    padding-left:1px
  }
  .banner-middle-4th .row>div:nth-child(3) img {
    border-bottom-right-radius:20px
  }
  .banner-middle-4th .row>div:nth-child(4) {
    padding-right:1px
  }
  .banner-middle-4th .row>div:nth-child(4) img {
    border-bottom-left-radius:20px
  }
  .banner-middle-4th img {
    width:100%;
    border-radius:0
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-middle-2th .row {
    padding:0 10px
  }
  .banner-middle-2th .row>div {
    position:relative;
    padding:0 3px
  }
  .banner-middle-4th .row {
    padding:0 10px
  }
  .banner-middle-4th .row>div {
    position:relative;
    padding:0 3px
  }
}
.swiper-main-slider {
  border-radius:20px
}
.swiper-main-slider .swiper-slide {
  position:relative
}
.swiper-main-slider .swiper-slide a {
  position:absolute;
  right:0;
  top:0;
  width:100%;
  height:100%
}
 
.swiper-main-slider .swiper-slide img {
  width:100%;
  height:100%
}
.swiper-main-slider .swiper-pagination {
  bottom:auto!important;
  top:14px!important;
  left:20px!important;
  width:auto!important
}
.swiper-main-slider .swiper-pagination .swiper-pagination-bullet {
  transition:width .2s ease-in-out!important
}
.swiper-main-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color:#fff!important;
  width:15px!important;
  border-radius:50px!important
}
 
.archive-container .article {
  padding:15px!important;
  border:none!important;
  margin-bottom:24px!important
}
.archive-container .article:hover .grid-thumbnail .category-badge {
  background-color:#1c1c25
}
.archive-container .article:hover .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
.archive-container .article:hover .eight-grid--item-title {
  opacity:.7
}
.archive-container .article .grid-thumbnail .category-badge {
  position:absolute;
  top:20px;
  right:20px;
  font-size:13px;
  color:#fff;
  font-weight:400;
  background-color:#0006;
  padding:4px 10px;
  border-radius:8px;
  text-decoration:none;
  transition:background-color .2s ease-in-out
}
.archive-container .article .article--meta {
  padding:0 5px
}
.archive-container .article .article--meta li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.archive-container .article .article--meta li .article--meta-avatar {
  width:25px;
  height:25px;
  border-radius:50%
}
.archive-container .article .article--meta li .article--meta-username {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px
}
.archive-container .article .article--meta li .article--meta-username:hover {
  color:#3ecaf6
}
.archive-container .article .article--meta li span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px;
  padding:0
}
.archive-container .article .article--title {
  font-size:15px;
  line-height:1.6rem;
  padding:0 5px;
  margin-bottom:5px;
  height:50px;
  overflow:hidden
}
.archive-container .article .article--title a {
  color:#1c1c25;
  font-size:15px;
  font-weight:700;
  line-height:1.6rem;
  text-decoration:none;
  transition:color .2s ease-in-out;
  white-space:initial!important;
  text-overflow:initial!important;
  overflow:hidden
}
.archive-container .article .article--title a:hover {
  color:#3ecaf6
}
.archive-container .article .date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:12px;
  padding:0 5px
}
.archive-container .article .article--excerpt {
  font-size:13px;
  color:#aab1bd;
  line-height:1.5rem;
  padding:0 5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-height:25px
}
.archive-container .list-empty-box {
  background-color:#f0f1f5!important
}
.archive-container .pagination-container>nav {
  background:#f0f2f5
}
.archive-container .blog-article-image-box-container .article-image {
  margin-bottom:90px
}
.archive-container .blog-article-image-box-container .article-image .article-image--center-crop {
  border-radius:15px 15px 0 0
}
.archive-container .blog-article-image-box-container .article-image .article--footer {
  width:100%;
  position:absolute;
  bottom:-70px;
  background-color:#fff;
  padding:10px 15px 15px;
  background:linear-gradient(180deg,#fff,#fff0);
  border-radius:0
}
.archive-container .blog-article-image-box-container .article-image .article--footer .article-title a {
  color:#1c1c25
}
.blog-filter {
  display:flex;
  overflow:auto;
  max-width:800px;
  padding:0 5px
}
.blog-filter .simplebar-scrollbar:before {
  background-color:#d8dee6
}
.blog-filter .nav-tabs {
  min-width:768px;
  border-bottom:0;
  overflow:auto;
  padding-bottom:10px
}
.blog-filter .nav-tabs .filter-list-title {
  font-weight:500;
  font-size:14px;
  color:#1c1c25!important
}
.blog-filter .nav-tabs .nav-link {
  border-radius:10px;
  font-size:14px;
  border:0;
  position:relative;
  color:#1c1c25;
  font-weight:400;
  padding:6px 12px;
  transition:all .2s ease-in-out
}
.blog-filter .nav-tabs .nav-link:hover {
  color:var(--primary)
}
.blog-filter .nav-tabs .nav-link.active {
  background-color:var(--primary);
  color:#fff;
  font-weight:700;
  border-radius:12px
}
@media only screen and (max-width: 575px) {
  .blog-filter .nav-tabs .filter-list-title {
    font-size:13px
  }
  .blog-filter .nav-tabs .nav-link {
    font-size:13px;
    padding:6px 8px
  }
}
.blog-archive-details {
  font-weight:700;
  font-size:15px;
  color:#1c1c25;
  padding:0 5px
}
.blog-archive-details span {
  font-weight:400;
  color:#8f9bad
}
.author .card-body {
  padding:25px;
  display:flex;
  align-items:flex-start
}
.author .author--avatar {
  width:120px;
  display:flex;
  align-items:center;
  flex-direction:column
}
.author .author--avatar img {
  width:100px;
  height:100px;
  border-radius:25px
}
.author .author--avatar .author--badge {
  color:#a4aebd;
  text-decoration:none;
  font-size:11px;
  margin:5px;
  padding:2px 6px;
  line-height:15px;
  border-radius:9px;
  border:solid 2px #edf0f3;
  background-color:#edf0f3;
  display:flex;
  align-items:center;
  transition:all .3s ease-in-out;
  word-spacing:-2px
}
.author .author--meta {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  margin-right:30px
}
.author .author--meta div.author--name {
  display:flex;
  align-items:center
}
.author .author--meta div.author--name span {
  font-weight:700;
  font-size:16px;
  color:#1c1c25;
  display:flex;
  align-items:center;
  margin-bottom:10px
}
.author .author--meta div.author--name span:after {
  content:"";
  font-family:remixicon;
  font-weight:400;
  color:#2c96ea;
  margin-right:6px;
  font-size:16px
}
.author .author--meta p.author--description {
  font-weight:400;
  color:#8d96a5;
  line-height:1.75rem;
  font-size:14px;
  margin:0
}
.author .author--meta .autor--meta-details {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:12px;
  border-top:dashed 1px #e7ebf0
}
.author .author--meta .autor--meta-details ul {
  list-style:none;
  display:flex;
  align-items:center
}
.author .author--meta .autor--meta-details ul li {
  display:inline-flex;
  font-weight:400;
  font-size:13px;
  color:#9299a3
}
.author .author--meta .autor--meta-details ul li span {
  color:#787f8a;
  font-weight:700;
  margin-right:3px
}
.author .author--meta .autor--meta-details ul li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.author .author--meta .autor--meta-details .social {
  display:inline-flex;
  align-items:center
}
.author .author--meta .autor--meta-details .social a {
  margin:0 5px;
  text-decoration:none
}
.author .author--meta .autor--meta-details .social a i {
  font-size:20px;
  color:#9299a3;
  font-weight:400
}
.author .author--meta .autor--meta-details .social .telegram {
  font-size:18px;
  transition:all .3s ease-in-out
}
.author .author--meta .autor--meta-details .social .telegram:hover {
  color:#2c96ea
}
.author .author--meta .autor--meta-details .social .instagram {
  transition:all .3s ease-in-out
}
.author .author--meta .autor--meta-details .social .instagram:hover {
  color:#fd5949
}
.author .author--meta .autor--meta-details .social .facebook {
  transition:all .3s ease-in-out
}
.author .author--meta .autor--meta-details .social .facebook:hover {
  color:#2c96ea
}
.author .author--meta .autor--meta-details .social .twitter {
  transition:all .3s ease-in-out
}
.author .author--meta .autor--meta-details .social .twitter:hover {
  color:#1c1c25
}
@media (max-width: 620px) {
  .author .card-body {
    padding:25px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column
  }
  .author .author--avatar {
    width:100%;
    margin-bottom:20px
  }
  .author .author--avatar img {
    width:120px;
    height:120px
  }
  .author .author--meta {
    margin-right:0;
    width:100%
  }
  .author .author--meta div.author--name {
    justify-content:center
  }
  .author .author--meta div.author--name span {
    width:100%;
    justify-content:center
  }
  .author .author--meta div.author--name span:after {
    content:""
  }
  .author .author--meta p.author--description {
    text-align:center
  }
  .author .author--meta .autor--meta-details {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
  }
  .author .author--meta .autor--meta-details .social {
    margin-top:15px
  }
}
.breadcrumb li.breadcrumb-item {
  color:#1c1c25;
  font-weight:400
}
.breadcrumb li.breadcrumb-item:first-child:before {
  display:none
}
.breadcrumb li.breadcrumb-item:first-child a {
  font-weight:700
}
.breadcrumb li.breadcrumb-item a {
  text-decoration:none;
  color:#1c1c25;
  font-weight:400;
  transition:all .2s ease-in-out
}
.breadcrumb li.breadcrumb-item a:hover {
  color:#3ecaf6
}
.breadcrumb li.breadcrumb-item:before {
  font-family:remixicon;
  content:"";
  font-size:19px
}
@media (min-width: 992px) {
  .article-page .article-container.col-lg-8 {
    width:70%
  }
  .article-page .blog-sidebar.col-lg-4 {
    width:30%
  }
}
.blog-sidebar .blog-sidebar--inner {
  width:100%
}
.blog-sidebar .article .grid-thumbnail:before {
  content:"";
  display:block;
  padding-top:60%
}
.article-container .article--title h1 {
  font-weight:700;
  font-size:22px;
  word-spacing:-1px;
  letter-spacing:-.2px;
  line-height:2rem;
  color:#1c1c25
}
.article-container .article--title .article--title-details {
  display:flex;
  align-items:center;
  width:100%;
  list-style:none
}
.article-container .article--title .article--title-details li {
  display:inline-flex;
  align-items:center
}
.article-container .article--title .article--title-details li.divider {
  width:4px;
  height:4px;
  background-color:var(--primary);
  border-radius:50%;
  margin:0 11px
}
.article-container .article--title .article--title-details li .article--meta-avatar {
  width:32px;
  height:32px;
  border-radius:50%
}
.article-container .article--title .article--title-details li .article--meta-username {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px
}
.article-container .article--title .article--title-details li .article--meta-username:hover {
  color:#3ecaf6
}
.article-container .article--title .article--title-details li span.date {
  text-decoration:none;
  color:#8f9bad;
  font-weight:400;
  font-size:13px
}
.article-container .article-main-container {
  display:flex
}
.article-container .article--details {
  width:100%
}
.article-container .article--right-meta {
  width:60px
}
.article-container .article--right-meta>ul.meta-list {
  position:sticky;
  top:20px;
  list-style:none;
  display:flex;
  align-items:flex-start;
  flex-direction:column
}
.article-container .article--right-meta>ul.meta-list li {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:8px
}
.article-container .article--right-meta>ul.meta-list li:last-child {
  margin-bottom:20px
}
.article-container .article--right-meta>ul.meta-list li.divider {
  width:20px;
  height:0px;
  border:dashed 1px #bbc2ce;
  margin-right:4px;
  margin-bottom:16px;
  margin-top:8px
}
.article-container .article--right-meta>ul.meta-list li button {
  border:none;
  background:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0;
  font-feature-settings:"ss02"
}
.article-container .article--right-meta>ul.meta-list li i {
  color:#bbc2ce;
  font-size:30px;
  font-weight:400;
  line-height:30px;
  cursor:pointer;
  transition:color .3s ease-in-out
}
.article-container .article--right-meta>ul.meta-list li a {
  text-decoration:none
}
.article-container .article--right-meta>ul.meta-list li a i {
  font-size:20px;
  margin-right:4px
}
.article-container .article--right-meta>ul.meta-list li a:hover i {
  color:#1c1c25
}
.article-container .article--right-meta>ul.meta-list li span {
  color:#878d96;
  font-size:13px
}
.article-container .article--image {
  border-radius:20px;
  overflow:hidden;
  position:relative
}
.article-container .article--image img {
  width:100%;
  border-radius:20px
}
.article-container .article--image .read-time-badge {
  color:#fff;
  text-decoration:none;
  font-size:13px;
  margin:0 5px 5px;
  padding:4px 8px;
  border-radius:9px;
  background-color:var(--primary);
  position:absolute;
  bottom:20px;
  left:20px
}
.article-container .article--image .read-time-badge span {
  font-weight:700
}
.article-container .article--podcast .card-body {
  padding:25px
}
.article-container .article--podcast .article--podcast-title {
  display:flex;
  align-items:center;
  font-weight:700;
  color:#1c1c25;
  font-size:16px;
  margin-bottom:15px
}
.article-container .article--podcast .article--podcast-title i {
  font-weight:400;
  margin-left:5px;
  font-size:18px
}
.article-container .article--podcast audio {
  width:100%
}
.article-container .article--content .card-body {
  padding:25px
}
.article-container .hashtag-container {
  display:flex;
  align-items:flex-start
}
.article-container .hashtag-container .hashtags li a {
  padding:2px 8px;
  border-radius:15px
}
.article-container .author .card-body,
.article-container .comments-container .card-body {
  padding:25px
}
.article-container .comments-container .comments---info {
  font-size:14px;
  color:#8f9bad;
  line-height:1.5rem
}
.article-container .comments-container .comment {
  background-color:#f4f6fa;
  border:none
}
.article-container .comments-container .comment.with-sk {
  background-color:#f8f9fc
}
.article-container .comments-container .comment .card-body {
  padding:15px;
  display:flex;
  align-items:flex-start
}
.article-container .comments-container .comment .comment--avatar {
  width:70px;
  display:flex;
  align-items:center;
  flex-direction:column
}
.article-container .comments-container .comment .comment--avatar img {
  width:55px;
  height:55px;
  border-radius:17px;
  border:solid 1px #f1f1f1
}
.article-container .comments-container .comment .comment--avatar .admin--badge {
  color:#a4aebd;
  text-decoration:none;
  font-size:10px!important;
  white-space:nowrap;
  word-spacing:-2px;
  margin:0 5px 5px;
  padding:2px 8px;
  border-radius:9px;
  background-color:#fff;
  display:flex;
  align-items:center;
  transition:all .3s ease-in-out
}
.article-container .comments-container .comment .comment--meta {
  width:100%;
  margin-right:15px
}
.article-container .comments-container .comment .comment--meta div.comment--name {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.article-container .comments-container .comment .comment--meta div.comment--name span {
  font-weight:700;
  font-size:15px;
  color:#1c1c25;
  display:flex;
  align-items:center;
  margin-bottom:2px
}
.article-container .comments-container .comment .comment--meta div.comment--name .send-answer {
  display:inline-flex;
  font-weight:500;
  font-size:14px;
  color:#9299a3;
  margin-left:5px;
  transition:color .2s ease-in-out;
  cursor:pointer
}
.article-container .comments-container .comment .comment--meta div.comment--name .send-answer:hover {
  color:#3ecaf6
}
.article-container .comments-container .comment .comment--meta span.date {
  display:inline-flex;
  font-weight:400;
  font-size:12px;
  color:#9299a3;
  margin-bottom:5px
}
.article-container .comments-container .comment .comment--meta p.comment--description {
  font-weight:400;
  color:#757d8a;
  line-height:1.75rem;
  font-size:14px;
  margin:0
}
.article-container .comments-container .comment .comment--meta .comment--meta-details {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:12px;
  border-top:dashed 1px #e4e9ee
}
.article-container .comments-container .comment .comment--meta .comment--meta-details .is-usefull {
  display:inline-flex;
  font-weight:400;
  font-size:13px;
  color:#9299a3
}
.article-container .comments-container .comment .comment--meta .comment--meta-details .action {
  display:flex
}
.article-container .comments-container .comment .comment--meta .comment--meta-details .action .action--child {
  color:#bdc4cf;
  text-decoration:none;
  font-size:12px;
  padding:2px 8px;
  border-radius:9px;
  margin-right:5px;
  display:flex;
  align-items:center;
  border:none;
  background:none;
  cursor:pointer;
  font-feature-settings:"ss02"
}
.article-container .comments-container .comment .comment--meta .comment--meta-details .action .action--child i {
  margin-left:6px;
  font-size:14px
}
.article-container .comments-container .comment.comment-answer {
  background-color:#fff
}
.article-container .comments-container .comment.comment-answer .comment--avatar {
  width:60px;
  display:flex;
  align-items:center;
  flex-direction:column
}
.article-container .comments-container .comment.comment-answer .comment--avatar img {
  width:45px;
  height:45px;
  border-radius:15px
}
.article-container .comments-container .comment.comment-answer .comment--avatar .admin--badge {
  background-color:#f2f5f8;
  font-size:11px
}
.article-container .comments-container .comment.comment-answer .comment--meta div.comment--name span {
  font-size:14px
}
.article-container .comments-container .comment.comment-answer .comment--meta span.date {
  font-size:11px
}
.article-container .comments-container .comment.comment-answer .comment--meta p.comment--description {
  font-size:13px
}
.article-container .comments-container .comment.comment-answer .comment--meta .comment--meta-details {
  border-top:dashed 1px #ebeff3
}
.article-container .comments-container .comment.comment-answer .comment--meta .comment--meta-details .action .action--child {
  color:#bdc4cf;
  font-size:11px;
  padding:0 6px;
  border-radius:9px;
  border:none;
  background:none;
  cursor:pointer;
  font-feature-settings:"ss02"
}
.article-container .comments-container .comment.comment-answer .comment--meta .comment--meta-details .action .action--child i {
  font-size:13px
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .article-container .article--title h1 {
    font-size:18px
  }
  .author .author--meta {
    margin-right:0
  }
  .author .author--meta div.author--name span {
    width:100%;
    justify-content:center
  }
  .author .author--meta div.author--name span:after {
    content:""
  }
  .author .author--meta p.author--description {
    text-align:center;
    font-size:14px
  }
  .author .author--meta .autor--meta-details {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
  }
  .author .author--meta .autor--meta-details .social {
    margin-top:15px
  }
}
@media (max-width: 991px) {
  .article-container .article--title {
    margin-bottom:12px!important
  }
  .article-container .article--title h1 {
    font-size:18px
  }
  .article-container .article-main-container {
    display:flex;
    flex-direction:column
  }
  .article-container .article--right-meta {
    width:100%
  }
  .article-container .article--right-meta>ul.meta-list {
    flex-direction:row;
    align-items:center;
    margin-bottom:10px
  }
  .article-container .article--right-meta>ul.meta-list li {
    margin-left:8px;
    flex-direction:row
  }
  .article-container .article--right-meta>ul.meta-list li:last-child {
    margin-bottom:8px
  }
  .article-container .article--right-meta>ul.meta-list li.divider {
    transform:rotate(90deg)
  }
  .article-container .article--right-meta>ul.meta-list li button {
    flex-direction:row
  }
  .article-container .article--right-meta>ul.meta-list li i {
    font-size:25px
  }
  .article-container .article--right-meta>ul.meta-list li a i {
    font-size:18px
  }
  .article-container .article--right-meta>ul.meta-list li a:hover i {
    color:#1c1c25
  }
  .article-container .article--right-meta>ul.meta-list li span {
    font-size:12px;
    margin-right:3px
  }
}
@media (max-width: 450px) {
  .breadcrumb,
  .article-container .article--title {
    padding:0 8px
  }
  .article-container .article--title h1 {
    font-size:17px
  }
  .article-container .article--title .article--title-details li span.date {
    font-size:12px
  }
  .article-container .article--title .article--title-details li.divider {
    margin:0 5px
  }
  .article-container .article--right-meta {
    padding:0 8px
  }
  .article-container .comments-container .card-body {
    padding:15px
  }
  .article-container .comments-container .comment .card-body {
    padding:15px;
    display:flex;
    align-items:center;
    flex-direction:column
  }
  .article-container .comments-container .comment .comment--avatar {
    width:100%!important;
    display:flex;
    align-items:center;
    flex-direction:row!important;
    margin-bottom:10px
  }
  .article-container .comments-container .comment .comment--avatar img {
    margin:0!important
  }
  .article-container .comments-container .comment .comment--avatar .admin--badge {
    margin:0 15px 0 0!important
  }
  .article-container .comments-container .comment .comment--meta {
    width:100%;
    margin-right:0
  }
  .article-container .comments-container .comment .comment--meta div.comment--name .send-answer {
    position:absolute;
    top:30px;
    left:15px
  }
}
.article--content .go-to-product {
  cursor:pointer
}
.article--content .product-horizontal {
  margin-bottom:1.2rem;
  background-color:#f5f8fa;
  border:none;
  display:inline-flex
}
.article--content .product-horizontal .card-body {
  padding:10px 10px 10px 15px!important
}
.article--content .product-horizontal .product-horizontal--content {
  width:100%
}
.article--content .product-horizontal .product-horizontal--content img {
  width:75px;
  height:75px;
  background-color:#fff;
  padding:5px;
  border-radius:20px;
  margin:0!important
}
.article--content .product-horizontal .product-horizontal--content h2 {
  margin:0 15px 5px 0!important;
  font-size:13px;
  font-weight:500;
  line-height:1.5rem;
  max-height:50px;
  overflow:hidden;
  padding-top:0!important;
  position:relative;
  top:-3px
}
.article--content .product-horizontal .product-horizontal--content h2 a {
  text-decoration:none;
  color:#1c1c25;
  transition:all .2s ease-in-out
}
.article--content .product-horizontal .product-horizontal--content h2 a:hover {
  color:#3ecaf6
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--information {
  display:flex;
  flex-direction:column
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer {
  margin-right:15px;
  margin-top:0!important
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .product-footer-meta {
  display:inline-flex;
  align-items:center
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .product-price-now {
  text-align:left;
  font-size:15px;
  font-weight:700;
  color:#1c1c25;
  line-height:12px
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .currency {
  font-size:11px;
  font-weight:300;
  color:#888;
  margin-right:3px
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .product-rating-average {
  font-weight:500;
  font-size:13px;
  color:#1c1c25;
  line-height:12px;
  margin-right:10px;
  margin-bottom:0;
  display:inline-flex;
  align-items:center;
  position:relative;
  top:2px
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .product-rating-average i {
  color:#f0bb40;
  font-size:12px;
  margin-right:2px;
  position:relative;
  top:-2px
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .divider {
  font-size:14px;
  color:#aaa;
  margin:0 5px;
  line-height:12px;
  position:relative;
  top:2px
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .product-colors {
  height:15px;
  width:auto!important;
  list-style:none;
  margin:0!important;
  padding:0
}
.article--content .product-horizontal .product-horizontal--content .product-horizontal--footer .product-colors li {
  width:10px;
  height:10px;
  border-radius:50px;
  margin-left:5px;
  display:inline-block
}
#dark {
  background:#262631
}
#dark .page-header,
#dark .page-header-responsive {
  background-color:#262631
}
#dark .search-container form .search-field {
  color:#fff;
  background-color:#353542
}
#dark .search-container form .search-field::-moz-placeholder {
  color:#bbb
}
#dark .search-container form .search-field::placeholder {
  color:#bbb
}
#dark .search-container form .search-field:-webkit-autofill,
#dark .search-container form .search-field:-webkit-autofill:hover,
#dark .search-container form .search-field:-webkit-autofill:focus,
#dark .search-container form .search-field:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 30px #d1dae6 inset!important
}
#dark .search-container form button.search-button--popular-search {
  background-color:#414150;
  color:#fff
}
#dark .search-container form button.search-button--search {
  background-color:#1c1c25
}
#dark .search-container form button.search-button--search i {
  color:#fff
}
#dark .search-container .dropdown-menu {
  background-color:#353542
}
#dark .search-container .dropdown-menu .sm-product-container {
  background-color:#414150
}
#dark .search-container .dropdown-menu .sm-product-container>div h4 a {
  color:#fff
}
#dark .search-container .dropdown-menu .sm-product-container>div h4 a:hover {
  color:#3ecaf6
}
#dark .search-container .dropdown-menu .sm-product-container>div span {
  color:#fff
}
#dark .search-container .dropdown-menu>.history .title {
  color:#fff
}
#dark .search-container .dropdown-menu>.history .title i {
  color:#fff
}
#dark .search-container .dropdown-menu>.history .title.link {
  color:#3ecaf6
}
#dark .search-container .dropdown-menu>.history .title.link i {
  color:#3ecaf6
}
#dark .search-container .dropdown-menu>.history hr {
  border-top:dashed 2px #585868
}
#dark .search-container .dropdown-menu>.history .history-search ul.similar-search li a {
  background:#414150;
  color:#f5f5f5
}
#dark .search-container .dropdown-menu>.history .history-search ul.similar-search li a:hover {
  background:#585868;
  color:#fff
}
#dark .search-container .dropdown-menu>.history .history-search ul.similar-search li i {
  color:#697289
}
#dark .user-helpers .user-helper>i,
#dark .user-helpers .user-helper>a i {
  color:#fff
}
#dark .user-helpers .user-helper button i,
#dark .user-helpers .user-helper.user-helper--user-account i {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--user-account .hoverable-icon {
  color:#999
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown {
  background-color:#353542
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header {
  border-bottom:3px solid #414150
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .profile-info a {
  color:#fff!important
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .profile-info .text-muted {
  color:#eee!important
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .wallet-options {
  border-top:3px solid #414150
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .wallet-options div .currency {
  color:#eee!important
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .wallet-options .wallet-options--key {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .wallet-options .wallet-options--value {
  color:#fff!important
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--header .wallet-options .wallet-options--charge {
  color:#3ecaf6
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--content .nav .nav-item .nav-link {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--user-account .user-helper--user-account-dropdown .user-helper--user-account-dropdown--content .nav .nav-item .nav-link i {
  color:#bbb
}
#dark .user-helpers .user-helper.user-helper--shoping-cart {
  background-color:var(--primary)
}
#dark .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  background-color:#fff;
  color:#1c1c25
}
#dark .user-helpers .user-helper.user-helper--shoping-cart i {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown {
  background-color:#353542
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--header {
  border-bottom:3px solid #414150
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--header a,
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--header a i {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--header span {
  color:#ccc
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product {
  background-color:transparent;
  border-bottom:1px solid #414150
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-thumbnail {
  flex:0 0 60px
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-thumbnail a:after {
  background-color:#fff
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-detail .shoping-cart-product-title {
  color:#bbb
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-detail .shoping-cart-product-title a {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-detail .shoping-cart-product-purchase-info .shoping-cart-product-meta span {
  color:#ddd
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-detail .shoping-cart-product-purchase-info .shoping-cart-product-price {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-detail .shoping-cart-product-purchase-info .shoping-cart-product-price .currency {
  color:#bbb!important
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--product .shoping-cart-product .shoping-cart-product-detail .shoping-cart-product-remove {
  color:#bbb;
  background-color:transparent
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--footer {
  border-top:3px solid #414150
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--footer div span {
  color:#bbb
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--footer div span:last-child {
  color:#fff
}
#dark .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-dropdown .user-helper--shoping-cart-dropdown--footer div .currency {
  color:#bbb!important
}
#dark .vertical-menu a.vertical-menu-title {
  color:#fff;
  background-color:#353542
}
#dark .vertical-menu:hover a.vertical-menu-title {
  background-color:var(--primary);
  color:#fff
}
#dark .vertical-menu .vertical-menu-items {
  background-color:#353542
}
#dark .vertical-menu .vertical-menu-items ul a {
  color:#fff
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item:hover>a {
  color:var(--primary)
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item:hover .mega-menu-items {
  opacity:1;
  transform:translateZ(0);
  visibility:visible
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items {
  background-color:#353542
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item:hover>a {
  color:var(--primary)
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item:hover .mega-menu-final-items {
  opacity:1;
  transform:translateZ(0);
  visibility:visible
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item .mega-menu-final-items {
  background-color:#353542
}
#dark .vertical-menu .vertical-menu-items ul .vertical-menu-item .mega-menu-items .mega-menu-item .mega-menu-final-items .mega-menu-final-item:hover>a {
  color:var(--primary)
}
#dark .nav a {
  color:#fff
}
#dark .nav a:hover {
  color:var(--primary)
}
#dark .phone-number a {
  color:#fff
}
#dark .phone-number i {
  border-right:solid 1px #4a4a5c;
  color:#eee
}
#dark .navigation-container a.navigation-container--icon {
  background-color:#353542;
  color:#fff
}
#dark .navigation-container.dropdown a[aria-expanded=true] {
  background-color:#1c1c25
}
#dark .navigation-container.dropdown a[aria-expanded=true] i {
  color:#fff
}
#dark .header-two .page-header {
  background-color:#262631!important
}
#dark .header-two .page-header .page-header--middle .user-helpers {
  background-color:#353542
}
#dark .header-two .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart {
  background-color:rgba(var(--primary-rgb),1)
}
#dark .header-two .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart i {
  color:#fff
}
#dark .header-two .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  background-color:#fff
}
#dark .header-two .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart div.count-badage span {
  color:#1c1c25
}
#dark .header-two .page-header .page-header--bottom {
  border-bottom:1px dashed #414150
}
#dark .header-two .page-header .page-header--bottom .vertical-menu:hover a.vertical-menu-title {
  background-color:initial;
  color:#fff
}
#dark .header-two .page-header .page-header--bottom .vertical-menu a.vertical-menu-title {
  background-color:initial;
  border-left:dashed 1px #414150
}
#dark .header-two .page-header .page-header--bottom .vertical-menu a.vertical-menu-title i {
  margin-left:7px
}
#dark .header-two .page-header .page-header--bottom .nav a {
  color:#fff
}
#dark .header-two .page-header .page-header--bottom .nav a:hover {
  color:var(--primary)
}
#dark .header-two .page-header .page-header--bottom .phone-number i {
  border-right:dashed 1px #414150
}
#dark .header-two .page-header .search-container form .search-field {
  color:#fff;
  background-color:#353542
}

#dark .header-two .page-header .search-container form .dropdown-menu {
  background-color:#414150
}
#dark .header-two .page-header .search-container form .dropdown-menu .sm-product-container {
  background-color:#353542
}
#dark .header-two .page-header .search-container form .dropdown-menu .history .history-search ul.similar-search li a {
  background:#353542;
  color:#fff
}
#dark .header-two .page-header-responsive {
  background-color:#262631!important;
  border:none
}
#dark .header-two .page-header-responsive .user-helpers {
  background-color:#353542
}
#dark .header-two .page-header-responsive .search-container {
  border-bottom:1px dashed #353542;
  padding-bottom:10px
}
#dark .header-two .page-header-responsive .search-container form .search-field {
  color:#fff;
  background-color:#353542
}
#dark .header-two .page-header-responsive .search-container form button.search-button--popular-search {
  background-color:#262631;
  color:#fff
}
#dark .header-two .page-header-responsive .search-container form button.search-button--popular-search i {
  padding-right:5px
}
#dark .header-two .page-header-responsive .search-container form .dropdown-menu,
#dark .header-two .page-header-responsive .search-container form .dropdown-menu .sm-product-container {
  background-color:#353542
}
#dark .header-two .page-header-responsive .search-container form .dropdown-menu .history .history-search ul.similar-search li a {
  background:#353542;
  color:#fff
}
#dark .header-two .page-header-responsive .navigation-container a.navigation-container--icon {
  background-color:#353542;
  color:#fff
}
#dark .header-three {
  border-top:solid 4px #353542
}
#dark .header-three .header-section {
  border-bottom:dashed 1px #414150
}
#dark .header-three .header-section .border-between-logo-nav {
  border:dashed 1px #414150
}
#dark .header-three .nav .nav-item .nav-link {
  color:#fff
}
#dark .header-three .logo-container .logo:after {
  content:"";
  background-color:#353542
}
#dark .header-three .user-helpers {
  background-color:#353542
}
#dark .header-three .user-helpers .user-helper>button i,
#dark .header-three .user-helpers .user-helper>a i {
  color:#fff
}
#dark .header-four .page-header {
  border-bottom:solid 1px #414150;
  background-color:#353542!important
}
#dark .header-four .page-header .search-container form input {
  background-color:#414150!important
}
#dark .header-four .page-header .search-container form button.search-button--icon {
  background-color:#4a4a5c
}
#dark .header-four .page-header .search-container form button.search-button--icon i {
  color:#fff
}
#dark .header-four .page-header .search-container form button.search-button--popular-search {
  background-color:#4a4a5c
}
#dark .header-four .page-header .page-header--middle {
  background-color:#353542
}
#dark .header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link {
  border:solid 1px #414150
}
#dark .header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link:active,
#dark .header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart .user-helper--shoping-cart-link:focus {
  border:solid 1px #414150!important
}
#dark .header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  background-color:rgba(var(--primary-rgb),1)
}
#dark .header-four .page-header .page-header--middle .user-helpers .user-helper.user-helper--shoping-cart div.count-badage span {
  color:#fff!important
}
#dark .header-four .page-header-responsive {
  border-bottom:solid 1px #414150;
  background-color:#353542!important
}
#dark .header-four .page-header-responsive .search-container input {
  background-color:#414150!important
}
#dark .header-four .page-header-responsive .search-container button {
  background-color:#4a4a5c!important
}
#dark .header-five,
#dark .header-five .page-header {
  background-color:#353542
}
#dark .header-five .header-section {
  border-bottom:dashed 1px #4a4a5c
}
#dark .header-five .header-section .border-between-logo-nav {
  border:dashed 1px #4a4a5c
}
#dark .header-five .vertical-menu a.vertical-menu-title {
  color:#fff
}
#dark .header-five .nav .nav-item .nav-link {
  color:#cad0da!important
}
#dark .header-five .user-helpers {
  background:#414150
}
#dark .header-five .user-helpers .user-helper>button i,
#dark .header-five .user-helpers .user-helper>a i {
  color:#fff
}
#dark .header-five .user-helpers .user-helper.user-helper--shoping-cart {
  background:#4a4a5c
}
#dark .header-five .user-helpers .user-helper.user-helper--shoping-cart i {
  color:#fff
}
#dark .header-five .user-helpers .user-helper.user-helper--shoping-cart div.count-badage {
  box-shadow:0 5px 10px rgba(var(--primary-rgb),.3)!important;
  background-color:rgba(var(--primary-rgb),1)
}
#dark .header-five .search-container {
  background-color:#353542
}
#dark .header-five .search-container form {
  width:100%;
  margin:8px 0!important
}
#dark .header-five .search-container form input.search-field {
  background-color:#414150
}
#dark .header-five .search-container form .search-button--icon,
#dark .header-five .search-container form .search-button--popular-search {
  background-color:#262631;
  color:#fff
}
#dark .mega-menu .mega-menu-title {
  color:#fff;
  border-left:dashed 1px #585868
}
#dark .mega-menu .mega-menu-title i {
  margin-left:7px
}
#dark .mega-menu .mega-menu-items {
  background-color:#414150
}
#dark .mega-menu .mega-menu-items .mega-menu-item.active>.parent-item {
  background-color:var(--primary);
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item.active>.parent-item:before {
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item>.parent-item {
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item>.parent-item:before {
  content:"";
  color:#585868
}
#dark .mega-menu .mega-menu-items .mega-menu-item>.parent-item:hover {
  background-color:var(--primary);
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item>.parent-item:hover:before {
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item .mega-submenu {
  background-color:#4a4a5c
}
#dark .mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item>.parent-item {
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item>.parent-item:before {
  content:"";
  color:var(--primary)
}
#dark .mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item>.parent-item:hover {
  color:var(--primary)
}
#dark .mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item .mega-submenu-final .mega-submenu-final-item a {
  color:#fff
}
#dark .mega-menu .mega-menu-items .mega-menu-item .mega-submenu .mega-submenu-columns .mega-submenu-column .mega-submenu-item .mega-submenu-final .mega-submenu-final-item a:hover {
  color:var(--primary)
}
#dark .page-footer {
  border-top:dashed 1px #353542
}
#dark .page-footer .footer-support-area .right-section span.divider {
  border-color:#414150
}
#dark .page-footer .footer-support-area .right-section span.support-time {
  color:#fff
}
#dark .page-footer .footer-middle {
  border-top:dashed 1px #353542;
  border-bottom:dashed 1px #353542
}
#dark .page-footer .footer-middle .footer-information .footer-information--title {
  color:#fff
}
#dark .page-footer .footer-middle .footer-information .footer-information--description {
  color:#bbb
}
#dark .page-footer .footer-middle .footer-menu-title {
  color:#fff
}
#dark .page-footer .footer-middle .footer-menu a {
  color:#bbb
}
#dark .page-footer .footer-middle .footer-menu a:hover {
  color:var(--primary)
}
#dark .page-footer .footer-middle .footer-location-meta li {
  color:#bbb
}
#dark .page-footer .footer-middle .footer-location-meta li span {
  color:#fff
}
#dark .page-footer .footer-middle .footer-permission-logo>div {
  background-color:#353542
}
#dark .page-footer .footer-middle .footer-horizontal-menu li a {
  color:#fff
}
#dark .page-footer .footer-middle .footer-horizontal-menu li a:hover {
  color:var(--primary)
}
#dark .page-footer .footer-middle .footer-horizontal-menu li:first-child a {
  color:#fff;
  background-color:#353542
}
#dark .page-footer .footer-middle .footer-horizontal-menu li:first-child a:hover {
  background-color:var(--primary);
  color:#fff
}
#dark .page-footer .footer-middle .dropdown .footer-menu-navigation {
  background-color:#353542;
  color:#fff
}
#dark .page-footer .footer-middle .newsletter input {
  color:#fff;
  background-color:#353542
}
#dark .page-footer .footer-middle .newsletter input::-moz-placeholder {
  color:#bbb
}
#dark .page-footer .footer-middle .newsletter input::placeholder {
  color:#bbb
}
#dark .page-footer .footer-middle .newsletter input:-webkit-autofill,
#dark .page-footer .footer-middle .newsletter input:-webkit-autofill:hover,
#dark .page-footer .footer-middle .newsletter input:-webkit-autofill:focus,
#dark .page-footer .footer-middle .newsletter input:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 30px #d1dae6 inset!important
}
#dark .page-footer .footer-bottom .copyright {
  color:#aaa
}
#dark .page-footer .footer-bottom .social-networks {
  background-color:#353542
}
#dark .page-footer .footer-bottom .social-networks li a {
  color:#bbb
}
#dark .page-footer-type-3 {
  border:none
}
 
#dark .page-footer-type-3 .footer-support-area .right-section span.divider {
  border:1px dashed #585868
}
#dark .page-footer-type-3 .footer-support-area span.support-time {
  color:#fff
}
#dark .page-footer-type-3 .footer-middle {
  border:none
}
#dark .page-footer-type-3 .footer-middle .horizontal-divider {
  border-bottom:1px dashed #414150
}
#dark .page-footer-type-3 .footer-middle .footer-information .footer-information--title {
  color:#fff
}
#dark .page-footer-type-3 .footer-middle .footer-information .footer-information--description {
  color:#a8a8a8
}
#dark .page-footer-type-3 .footer-middle .footer-menu-title {
  color:#fff
}
#dark .page-footer-type-3 .footer-middle .footer-menu a {
  color:#a8a8a8
}
#dark .page-footer-type-3 .footer-middle .footer-menu a:hover {
  color:var(--primary)
}
#dark .page-footer-type-3 .footer-middle .footer-location-meta li {
  color:#a8a8a8
}
#dark .page-footer-type-3 .footer-middle .footer-location-meta li span {
  color:#fff
}
#dark .page-footer-type-3 .footer-middle .footer-permission-logo>div {
  background-color:#353542
}
#dark .page-footer-type-3 .footer-middle .footer-horizontal-menu li a {
  color:#fff
}
#dark .page-footer-type-3 .footer-middle .footer-horizontal-menu li a:hover {
  color:var(--primary)
}
#dark .page-footer-type-3 .footer-middle .footer-horizontal-menu li:first-child {
  margin-left:.75rem
}
#dark .page-footer-type-3 .footer-middle .footer-horizontal-menu li:first-child a {
  color:#fff;
  background-color:#414150
}
#dark .page-footer-type-3 .footer-middle .footer-horizontal-menu li:first-child a:hover {
  background-color:var(--primary);
  color:#fff
}
#dark .page-footer-type-3 .footer-middle .newsletter .footer-menu-navigation,
#dark .page-footer-type-3 .footer-middle .newsletter .dropdown-menu {
  border:1px dashed #585868
}
#dark .page-footer-type-3 .footer-middle .newsletter form input {
  width:360px;
  text-align:right;
  padding:16px 18px;
  background-color:#353542;
  border:1px dashed #585868
}
#dark .page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill,
#dark .page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill:hover,
#dark .page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill:focus,
#dark .page-footer-type-3 .footer-middle .newsletter form input:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 30px #414150 inset!important
}
@media only screen and (min-width: 120px) and (max-width: 575px) {
  #dark .page-footer-type-3 .footer-middle .newsletter form {
    width:100%;
    position:relative
  }
  #dark .page-footer-type-3 .footer-middle .newsletter form input {
    width:100%;
    padding:14px 18px
  }
  #dark .page-footer-type-3 .footer-middle .newsletter form button {
    padding:9px 20px
  }
}
#dark .bottom-navigation-bar .bottom-navigation {
  background-color:#262631;
  border-top:dashed 1px #353542;
  box-shadow:0 0 20px #0000000a!important
}
#dark .bottom-navigation-bar .bottom-navigation ul li a i,
#dark .bottom-navigation-bar .bottom-navigation ul li a span {
  color:#bbb
}
#dark .bottom-navigation-bar .bottom-navigation ul li.active {
  background-color:#262631
}
#dark .bottom-navigation-bar .bottom-navigation ul li.active i {
  color:var(--primary)
}
#dark .bottom-navigation-bar .bottom-navigation ul li.active span {
  background-color:rgba(var(--primary-rgb),1);
  color:#fff
}
#dark .grid-post-container .post-grid .post-grid-thumbnail {
  background-color:#414150
}
#dark .grid-post-container .post-grid .post-grid-details {
  background-color:#353542
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--category {
  color:#3ecaf6
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--title a {
  color:#fff
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--title a:hover {
  opacity:1
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author {
  color:#bbb
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a {
  color:#fff
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--author a:hover {
  color:#3ecaf6
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span {
  color:#ccc
}
#dark .grid-post-container .post-grid .post-grid-details .post-grid-details--footer .post-grid-details--stats span.divider {
  background-color:#4a4a5c
}
#dark .section-title .title {
  color:#fff
}
#dark .section-title .title:after {
  border-color:#4a4a5c
}
#dark .article:hover .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
#dark .article:hover .eight-grid--item-title {
  opacity:.7
}
#dark .article .grid-thumbnail {
  background-color:#414150;
  border:solid 1px #414150
}
#dark .article .grid-thumbnail:before {
  content:""
}
#dark .article .article--meta li.divider {
  background-color:var(--primary)
}
#dark .article .article--meta li .article--meta-username {
  color:#ccc
}
#dark .article .article--meta li .article--meta-username:hover {
  color:#3ecaf6
}
#dark .article .article--meta li span.date {
  color:#ccc
}
#dark .article .article--title a {
  color:#fff
}
#dark .article .article--title a:hover {
  color:#3ecaf6
}
#dark .article .article--excerpt {
  color:#ccc
}
#dark .grid-type-one-container {
  background-color:#353542;
  background:linear-gradient(180deg,#353542,#35354200)
}
#dark .small-article-container {
  border-right:1px dashed #414150
}
#dark .small-article {
  border-bottom:dashed 1px #414150
}
#dark .small-article:last-child {
  border-bottom:none;
  padding-bottom:0;
  margin-bottom:0
}
#dark .small-article:hover .grid-thumbnail .grid-thumbnail--level-one .grid-thumbnail--level-two .image {
  transform:scale(1.1)
}
#dark .small-article .grid-thumbnail {
  background-color:#414150;
  border:solid 1px #414150
}
#dark .small-article .grid-thumbnail:before {
  content:""
}
#dark .small-article .small-article--details h3 a {
  color:#fff
}
#dark .small-article .small-article--details h3 a:hover {
  color:#3ecaf6
}
#dark .small-article .small-article--details .article--meta li.divider {
  background-color:var(--primary)
}
#dark .small-article .small-article--details .article--meta li a {
  color:#fff
}
#dark .small-article .small-article--details .article--meta li a:hover {
  color:#3ecaf6
}
#dark .small-article .small-article--details .article--meta li span.date {
  color:#ccc
}
@media (max-width: 991px) {
  #dark .article {
    border-bottom:solid 1px #4a4a5c;
    border-left:none
  }
}
#dark .grid-article-sidebar-container {
  background-color:#353542!important
}
#dark .sidebar-card-inner-header .inner-card-container--title {
  color:#fff
}
#dark .grid-type-two-container .article {
  padding-left:0;
  border:none
}
#dark .inner-card-container .inner-card-container--title {
  color:#fff
}
#dark .hashtag-container .divider {
  background-color:var(--primary)
}
#dark .hashtag-container .hashtags li a {
  color:#fff;
  border:solid 2px #4a4a5c
}
#dark .hashtag-container .hashtags li a:before {
  content:"";
  font-family:remixicon
}
#dark .hashtag-container .hashtags li a:hover {
  border-color:var(--primary);
  color:var(--primary)
}
#dark .blog-categories .eight-grid .eight-grid--item .grid-thumbnail,
#dark .blog-categories .eight-grid .eight-grid--item {
  background-color:#414150
}
#dark .blog-filter .nav-tabs .filter-list-title {
  color:#bbb!important
}
#dark .blog-filter .nav-tabs .nav-link {
  color:#fff
}
#dark .blog-filter .nav-tabs .nav-link:hover {
  color:var(--primary)
}
#dark .blog-archive-details {
  color:#fff
}
#dark .blog-archive-details span {
  color:#8f9bad
}
#dark .blog-article-image-box-container .article-image .article--footer {
  background:linear-gradient(180deg,#353542,#35354200)
}
#dark .author .author--avatar .author--badge {
  color:#bbb;
  border:solid 2px #4a4a5c;
  background-color:#4a4a5c
}
#dark .author .author--meta div.author--name span {
  color:#fff
}
#dark .author .author--meta div.author--name span:after {
  content:""
}
#dark .author .author--meta p.author--description {
  color:#aeb5c0
}
#dark .author .author--meta .autor--meta-details {
  border-top:dashed 1px #4a4a5c
}
#dark .author .author--meta .autor--meta-details ul li {
  color:#8d96a5
}
#dark .author .author--meta .autor--meta-details ul li span {
  color:#aeb5c0;
  font-weight:700;
  margin-right:3px
}
#dark .breadcrumb li.breadcrumb-item,
#dark .breadcrumb li.breadcrumb-item a {
  color:#fff
}
#dark .breadcrumb li.breadcrumb-item a:hover {
  color:#3ecaf6
}
#dark .breadcrumb li.breadcrumb-item:before {
  color:#bbb
}
#dark .article-container .article--title h1 {
  color:#fff
}
#dark .article-container .article--right-meta>ul.meta-list li.divider {
  border:dashed 1px #4a4a5c
}
#dark .article-container .comments-container .comments---info {
  color:#b7bfca
}
#dark .article-container .comments-container form input,
#dark .article-container .comments-container form textarea,
#dark .article-container .comments-container .comment {
  background-color:#414150
}
#dark .article-container .comments-container .comment .comment--avatar img {
  border:solid 1px #4a4a5c
}
#dark .article-container .comments-container .comment .comment--avatar .admin--badge {
  color:#a4aebd;
  background-color:#585868
}
#dark .article-container .comments-container .comment .comment--meta div.comment--name span {
  color:#fff
}
#dark .article-container .comments-container .comment .comment--meta div.comment--name .send-answer {
  color:#9299a3
}
#dark .article-container .comments-container .comment .comment--meta div.comment--name .send-answer:hover {
  color:#3ecaf6
}
#dark .article-container .comments-container .comment .comment--meta span.date {
  color:#b5bbc4
}
#dark .article-container .comments-container .comment .comment--meta p.comment--description {
  color:#e8ebee
}
#dark .article-container .comments-container .comment .comment--meta .comment--meta-details {
  border-top:dashed 1px #585868
}
#dark .article-container .comments-container .comment .comment--meta .comment--meta-details .is-usefull {
  color:#b5bbc4
}
#dark .article-container .comments-container .comment .comment--meta .comment--meta-details .action {
  display:flex
}
#dark .article-container .comments-container .comment .comment--meta .comment--meta-details .action .action--child {
  color:#b5bbc4;
  background-color:#585868
}
#dark .article-container .comments-container .comment.comment-answer {
  background-color:#585868
}
#dark .article-container .comments-container .comment.comment-answer .comment--avatar .admin--badge {
  background-color:#6b6b78
}
#dark .article-container .comments-container .comment.comment-answer .comment--meta .comment--meta-details {
  border-top:dashed 1px #6b6b78
}
#dark .article-container .comments-container .comment.comment-answer .comment--meta .comment--meta-details .action .action--child {
  color:#a4aebd;
  background-color:#6b6b78
}
#dark .article--details .product-horizontal {
  background-color:#414150
}
#dark .article--details .product-horizontal--content .product-horizontal--footer .divider {
  color:#585868
}