/*-----------------------------------------------------------------------------------

    UNION PRINT 2024
    All rights reserved.

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Banner CSS
    06. Feature CSS
    07. Product CSS
    08. Testimonial CSS
    09. Cart CSS
    10. Checkout CSS
    11. Compare CSS
    12. My Account CSS
    13. Login Register CSS
    14. Faq CSS
    15. Blog CSS
    16. Comment CSS
    17. Sidebar CSS
    18. Brand CSS
    19. Contact CSS
    20. Newsletter CSS
    21. Modal CSS
    22. 404 CSS
    23. Footer CSS
    24. Calculator CSS

-----------------------------------------------------------------------------------*/



/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
header.header {
  background-color: #ffffff;
  position: static;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

header.header.is-sticky {
  position: fixed !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #ffffff !important;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

header.header.is-sticky .header-top {
  display: none;
}

header.header.is-sticky .header-middle {
  display: none;
}

.header-absolute {
  position: absolute !important;
  background-color: transparent !important;
}

/*Header Search And Cart Area CSS*/

.header-search-cart-area > ul > li {
  display: inline-block;
  list-style: none;
  position: relative;
}

.header-search-cart-area > ul > li > .header-city-area {
    white-space: nowrap;
    font-weight: bold;
}
.header-city-area {
    font-family: GT Eesti Pro Display;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px!important;
}

.header-search-cart-area > ul > li > a i {
  font-size: 16px;
}

.header-search-cart-area > ul > li > a:hover {
  color: #151515;
}

.header-search-cart-area ul > li.mini-cart > a {
  position: relative;
  width: auto;
}

.cart-quantity {
  position: absolute;
  height: 18px;
  padding-left: 4px;
  padding-right: 4px;
  min-width: 18px;
  background: #f91155;
  font-size: 12px;
  text-align: center;
  border-radius: 30px;
  border: 1px solid white;
  line-height: 17px;
  color: #fff;
  font-weight: 500;
  top: -7px;
  left: 10px;
}

.mini-cart-total {
  font-size: 16px;
  color: #151515;
  line-height: 24px;
  font-weight: 500;
  margin-left: 5px;
}

.product-name {
  color: #222;
  font-size: 13px;
  margin-top: 3px;
  line-height: 17px;
  letter-spacing: .4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-name:hover {
    color: #0079ff;
}

.product-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 10px;
}

.product-wholesale-price{
    font-size: 12px;
    line-height: 26px;
    letter-spacing: .4px;
}

.cart-item-remove > a {
  position: absolute;
  color: #222;
  right: 2px;
  top: 18px;
  display: inline-block;
  left: auto;
  font-size: 20px;
}

.cart-item-remove > a:hover {
  color: #151515;
}

.cart-total {
  overflow: hidden;
  padding: 20px 0;
  text-align: left;
  border-bottom: 1px solid #ededed;
}

.cart-total > h5 {
  color: #3e3d43;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.cart-btn {
  padding: 20px;
  background-color: #fff;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -5px;
}

.cart-btn > a {
  display: block;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.cart-btn > a:first-child {
  margin-bottom: 10px;
}

.cart-btn > a:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

/*Currency CSS*/
.currency-dropdown {
  position: absolute;
  top: 140%;
  right: 0;
  min-width: 250px;
  background: #fff;
  border-radius: 5px;
  padding: 30px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  z-index: 99;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-search-cart-area ul > li.currency-menu:hover .currency-dropdown {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.currency-dropdown > li {
  display: block;
  list-style: none;
  margin-bottom: 15px;
  line-height: 1;
}

.currency-dropdown > li:last-child {
  margin-bottom: 0;
}

.currency-dropdown > li > a {
  text-transform: uppercase;
  font-size: 14px;
  color: #292929;
  display: block;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 25px;
}

.currency-dropdown > li > ul {
  padding-left: 15px;
}

.currency-dropdown > li > ul > li {
  list-style: none;
}

.currency-dropdown > li > ul > li > a {
  color: #333;
  padding: 10px 0;
  display: block;
  font-weight: 400;
}

.currency-dropdown > li > ul > li > a:hover {
  color: #151515;
}

.currency-dropdown > li > ul > li.active > a {
  color: #151515;
}

.currency-dropdown > li > ul > li > a > img {
  padding-right: 5px;
}

/*-- Header Search --*/
.header-search {
  margin-left: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.header-search.red-color button {
  color: #ffffff;
}

.header-search.white-color button {
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-search {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .header-search {
    margin-left: 0;
    margin-right: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .header-search {
    margin-left: 0;
    margin-right: 30px;
  }
}

.header-search-toggle {
  background-color: transparent;
  border: none;
  color: #151515;
  padding: 0;
  line-height: 30px;
  width: 40px;
  height: 30px;
}

.header-search-toggle i {
  font-size: 15px;
}

.header-search-toggle.open i {
  font-size: 30px;
}

/*Main Search CSS*/
.main-search-active {
  background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
  width: 100%;
  min-height: 100vh;
  padding: 32px 46px 39px;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .main-search-active {
    padding: 32px 20px 39px;
  }
}

.sidebar-search-icon {
  position: absolute;
  top: 50px;
  right: 70px;
  color: #ffffff;
  font-size: 60px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .sidebar-search-icon {
    right: 0;
  }
}

.sidebar-search-icon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 50px;
  line-height: 1;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-search-input {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
      -ms-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  display: inline-block;
  padding: 0 50px;
  width: 75%;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sidebar-search-input {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-search-input {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-search-input {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-search-input {
    padding: 0 10px;
    width: 100%;
  }
}

.sidebar-search-input form .form-search {
  position: relative;
}

.sidebar-search-input form .form-search input {
  padding: 10px 0;
  border: 0;
  border-bottom: 5px solid transparent;
  background-color: transparent;
  font-size: 200px;
  width: 100%;
  height: auto;
  color: #ffffff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .sidebar-search-input form .form-search input {
    font-size: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-search-input form .form-search input {
    font-size: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-search-input form .form-search input {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-search-input form .form-search input {
    font-size: 50px;
  }
}

.sidebar-search-input form .form-search input::-webkit-input-placeholder, .sidebar-search-input form .form-search input::-webkit-input-placeholder, .sidebar-search-input form .form-search input::-moz-placeholder, .sidebar-search-input form .form-search input:-ms-input-placeholder, .sidebar-search-input form .form-search input::-webkit-input-placeholder {
  color: #ffffff;
}

.sidebar-search-input form .form-search input::placeholder, .sidebar-search-input form .form-search input::-webkit-input-placeholder, .sidebar-search-input form .form-search input::-moz-placeholder, .sidebar-search-input form .form-search input:-ms-input-placeholder, .sidebar-search-input form .form-search input::placeholder {
  color: #ffffff;
}

.sidebar-search-input form .form-search button {
  background-color: transparent;
  border: medium none;
  color: #ffffff;
  font-size: 30px;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-search-input p {
  font-size: 90%;
  font-weight: bold;
  display: block;
  padding: 11px 0;
  text-align: right;
  opacity: 0;
  line-height: 1.6;
  color: #ffffff;
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, -webkit-transform .4s;
  -o-transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s, -webkit-transform .4s;
}

@media only screen and (max-width: 767px) {
  .sidebar-search-input p {
    font-size: 14px;
  }
}

.main-search-active.inside {
  opacity: 1;
  visibility: visible;
  z-index: 9999999;
}

.main-search-active.inside .sidebar-search-input {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.main-search-active.inside .sidebar-search-input input {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: .5s ease-out .3s;
  -o-transition: .5s ease-out .3s;
  transition: .5s ease-out .3s;
  border-bottom-color: #ffffff;
}

.main-search-active.inside .sidebar-search-input p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/*Main Search CSS*/
.logo-area{
    width: 75px;
}
/*-- Main Menu --*/
.main-menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.main-menu > ul > li > a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: "GT Eesti Pro Display";
  color: #151515;
  display: block;
  padding: 32px 0 32px 0;
  margin: 0 37px 0 0;
  position: relative;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li > a {
    padding: 30px 0 25px 0;
    margin: 0 22px 0 0;
    font-size: 15px;
  }
}

.main-menu > ul > li.has-dropdown > a::after {
  content: "\f107";
  font-family: Fontawesome;
  line-height: 30px;
  margin-left: 3px;
}

.main-menu > ul > li.active > a, .main-menu > ul > li:hover > a {
  color: #151515;
}

.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:last-child .sub-menu {
  left: auto;
  right: 0;
}

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu2 > ul > li > a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: "GT Eesti Pro Display", sans-serif;
  color: black;
  text-transform: capitalize;
  display: block;
  padding-top: 10px !important;
  margin: 0px 0px 10px 0px !important;
  position: relative;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu2 > ul > li > a {
    padding-top: 10px !important;
    margin: 0px 0px 10px 0px !important;
    font-size: 16px;
  }
}

.main-menu2 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.main-menu2 > ul > li {
  position: relative;
}
.main-menu2 > ul > li.has-dropdown > a::after {
  content: "\f107";
  font-family: Fontawesome;
  line-height: 30px;
  margin-left: 3px;
}

.main-menu2 > ul > li.active > a, .main-menu2 > ul > li:hover > a {
  color: #151515;
}

.main-menu2 > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu2 > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu2 > ul > li:last-child .sub-menu {
  left: auto;
  right: 0;
}

.main-menu2 > ul > li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu2 > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu2 > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu2 > ul > li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu2.main-menu-two > ul > li > a {
    padding: 30px 12px;
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-two > ul > li > a {
    padding: 30px 12px;
    margin: 0;
  }
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 30px;
  padding: 20px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 210px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
}

.sub-menu li {
  margin-bottom: 3px;
  position: relative;
}

.sub-menu li:last-child {
  margin-bottom: 0;
}

.sub-menu li a {
  font-family: "GT Eesti Pro Display", sans-serif;
  color: #151515;
  display: block;
  font-size: 14px;
  line-height: 35px;
  letter-spacing: .3px;
  font-weight: 400;
  padding: 0 20px;
  text-align: left;
}

.sub-menu li.has-dropdown > a::after {
  content: "\f105";
  font-family: Fontawesome;
  line-height: 30px;
  float: right;
}

.sub-menu li.active > a {
  color: #151515;
}

.sub-menu li .sub-menu {
  left: 100%;
  top: 0;
  margin-left: 0;
}

.sub-menu li:hover > a {
  color: #151515;
  padding-left: 25px;
}

.sub-menu li:hover > .sub-menu {
  margin-top: -10px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.sub-menu li .sub-menu {
  left: 100%;
  margin-left: 0;
  top: 0;
}

.sub-menu li .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.sub-menu li .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Mega Menu --*/
.mega-menu.four-column {
  width: 900px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu.four-column {
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu.four-column {
    width: 920px;
  }
}

.mega-menu.two-column {
    width: 400px;
    padding: 14px 0;
}

.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 34px 0px;
  margin-top: 30px;
  background-color: #ffffff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-align: left;
  z-index: 999;
  width: 900px;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu {
    width: 870px;
    left: -140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu {
    width: 870px;
    left: -260px;
  }
}

.mega-menu > li {
  width: 25%;
  padding: 0px 13px;
  margin: 0px 0;
  float: left;
  border-left: 1px solid #eeeeee;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li {
    padding: 0 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li {
    padding: 0 5px;
  }
}

.mega-menu.two-column > li {
    width: 50%;
}

.mega-menu > li:first-child {
  border-left: 0;
}

.mega-menu > li > a {
  margin: 0 0 12px 8px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  color: #151515;
  text-align: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li > a {
    margin: 0 0 12px 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li > a {
    margin: 0 0 12px 20px;
  }
}

.mega-menu > li > ul > li {
  display: block;
  margin-bottom: 17px;
}

.mega-menu.two-column > li > ul > li {
    margin-bottom: 14px;
}

.mega-menu > li > ul > li > a {
  padding: 0px 8px;
  display: block;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: #151515;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li > ul > li > a {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li > ul > li > a {
    padding: 0 20px;
  }
}

.mega-menu > li > ul > li > a:hover {
  color: #151515;
}

/* offcanvas mobile menu */
.header-mobile-navigation {
  padding: 20px 0;
}

.header-mobile-navigation .mobile-navigation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.child-header {
  margin-left: -9px;
}

.child-header .fa{
  margin-left: 20px;
  margin-right: 0px;
  font-size: 20px;
  margin-bottom: 5px;
  text-shadow: 0px 0px 10px 3px gray;

}
.parent-header{
  margin-right: 15px!important;
  margin-left: 9px;
}
.parent-header .fa{
  font-size: 20px;
  margin-bottom: 5px;
}




.header-mobile-navigation .mobile-navigation ul li:first-child {
  margin-left: 0;
}

.header-mobile-navigation .mobile-navigation ul li a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #151515;
}

.header-mobile-navigation .mobile-navigation .header-cart-icon {
  position: relative;
  display: inline-block;
}

.header-mobile-navigation .mobile-navigation .header-cart-icon a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #151515;
}

.header-mobile-navigation .mobile-navigation .header-cart-icon a span {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: -5px;
  left: 50%;
  width: 18px;
  height: 18px;
  color: #151515;
  border-radius: 100%;
}

.offcanvas-widget-area {
  margin-bottom: 35px;
}

.offcanvas-navigation ul li.kostil .menu-expand i {
  display: block;
  margin-top: 25px;
  border-bottom: 0px solid !important;
  position: relative;
  width: 10px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.offcanvas-navigation ul li.kostil .menu-expand i:before {
  width: 100%;
  content: "";
  border-bottom: 0px solid !important;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media only screen and (max-width: 479px) {
  .offcanvas-widget-area {
    margin-bottom: 30px;
  }
}

.off-canvas-contact-widget {
  margin-bottom: 20px;
}

.off-canvas-contact-widget .header-contact-info {
  -webkit-flex-basis: 33.33%;
      -ms-flex-preferred-size: 33.33%;
          flex-basis: 33.33%;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li {
  display: inline-block;
  margin-right: 25px;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li i {
  font-size: 14px;
  margin-right: 5px;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li a {
  font-weight: 400;
  line-height: 22px;
  color: #151515;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li a:hover {
  color: #151515;
}

.off-canvas-contact-widget .header-contact-info .header-contact-info-list li:last-child {
  margin-right: 0;
}

.offcanvas-mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  max-width: 100%;
  height: 100vh;
  z-index: 9999;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  padding-left: 60px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.offcanvas-mobile-menu.active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.offcanvas-mobile-menu.inactive {
  -webkit-transform: translateX(calc(100% + 60px));
      -ms-transform: translateX(calc(100% + 60px));
          transform: translateX(calc(100% + 60px));
}

.offcanvas-menu-close {
  position: absolute;
  left: 0;
  top: 0;
  background: #343538;
  z-index: 9;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 58px;
  text-align: center;
  font-size: 18px;
}

@media only screen and (max-width: 479px) {
  .offcanvas-menu-close {
    width: 50px;
    height: 50px;
    line-height: 48px;
    left: 10px;
    font-size: 18px;
  }
}

.offcanvas-menu-close:hover, .offcanvas-menu-close:focus {
  color: #ffffff;
}

.offcanvas-menu-close i {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.offcanvas-menu-close:hover i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.offcanvas-wrapper {
  overflow: auto;
  height: 100%;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
}

.offcanvas-mobile-search-area {
  background-color: #f2f2f2;
  padding: 10px;
  position: absolute;
  top: -60px;
  left: 0;
  width: calc(100% - 60px);
  z-index: 9;
  margin-left: 60px;
}

.offcanvas-inner-content {
  padding: 20px 25px 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.offcanvas-navigation {
  margin-bottom: 50px;
}

.offcanvas-navigation > ul > li > a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 0;
  color: #151515;
}

.offcanvas-navigation > ul > li > a:hover {
  color: #151515;
}

@media only screen and (max-width: 479px) {
  .offcanvas-navigation > ul > li > a {
    font-size: 14px;
    line-height: 20px;
  }
}
.offcanvas-navigation ul.submenu2 {
  margin-left: 25px;
}

.offcanvas-navigation ul.submenu2 > div > li > a {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    padding: 4px 0;
}

.offcanvas-navigation ul.submenu2 > div {
    margin: 6px 0;
}

.offcanvas-navigation ul.submenu2 > div > li:first-child > a {
    font-weight: 500;
}

.offcanvas-navigation ul.submenu2 > li > a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 0;
}

.offcanvas-navigation ul.submenu2 > li > a:hover {
  color: #151515;
}

@media only screen and (max-width: 479px) {
  .offcanvas-navigation ul.submenu2 > li > a {
    font-size: 13px;
    line-height: 18px;
  }
}

.offcanvas-navigation ul li.menu-item-has-children {
  position: relative;
  display: block;
}

.offcanvas-navigation ul li.menu-item-has-children a {
  display: block;
}

.offcanvas-navigation ul li.menu-item-has-children.active > .menu-expand i:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.offcanvas-navigation ul li.menu-item-has-children .menu-expand {
  position: absolute;
  right: auto;
  left: 95%;
  top: -5px;
  width: 30px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
}

.offcanvas-navigation ul li.menu-item-has-children .menu-expand i {
  display: block;
  margin-top: 25px;
  border-bottom: 1px solid;
  position: relative;
  width: 10px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.offcanvas-navigation ul li.menu-item-has-children .menu-expand i:before {
  width: 100%;
  content: "";
  border-bottom: 1px solid;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.off-canvas-widget-social a {
  margin: 0 10px;
  font-size: 14px;
}

.off-canvas-widget-social a:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 479px) {
  .off-canvas-widget-social a {
    margin: 0 10px;
  }
}

.off-canvas-widget-social a:hover {
  color: #151515;
}

/* offcanvas settings */
.offcanvas-settings .offcanvas-navigation > ul > li > a {
  font-size: 12px;
  font-weight: 400;
  padding: 5px 0;
}

.offcanvas-settings .offcanvas-navigation > ul > li.menu-item-has-children .menu-expand {
  height: 30px;
  top: -15px;
  margin-top: 0;
}

.offcanvas-settings .offcanvas-navigation ul.sub-menu > li > a {
  padding: 5px 0;
}

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
.btn-1{
  background-color: rgb(0,0,0,0.6) !important;
  width: 300px !important;
  height: 50px !important;
}
.btn-1:hover{
  background-color: rgb(0,0,0,0.9) !important;
}
.btn-2{
  background-color: rgb(0,0,0,0.6) !important;
  width: 200px !important;
  height: 55px !important;
  top: 10px;
}
.btn-2:hover{
  background-color: rgb(0,0,0,0.8) !important;
}

/*-- Hero Slider --*/
.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: transparent;
  color: #151515;
  padding: 10px;
  width: 54px;
  height: 54px;
  border-radius: 0;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
}

.hero-slider .slick-arrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #151515;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.hero-slider .slick-arrow i {
  font-size: 24px;
  line-height: 30px;
  display: block;
}

.hero-slider .slick-arrow.slick-prev {
  left: 40px;
  margin-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}

.hero-slider .slick-arrow.slick-next {
  right: 40px;
  margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

.hero-slider .slick-arrow:hover {
  background-color: #151515;
  color: #ffffff;
}

.hero-slider .slick-arrow:hover::before {
  margin-left: 6px;
  margin-top: 6px;
}

.hero-slider:hover .slick-arrow {
  opacity: 1;
}

.hero-slider:hover .slick-arrow.slick-prev {
  margin-left: 0;
}

.hero-slider:hover .slick-arrow.slick-next {
  margin-right: 0;
}

.hero-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-slider .slick-dots {
    bottom: 15px;
  }
}

.hero-slider .slick-dots li {
  margin: 0 5px;
}

.hero-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #151515;
  background-color: #151515;
  text-indent: -9999px;
  border-radius: 50px;
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li button {
    border-width: 2px;
    width: 10px;
    height: 10px;
  }
}

.hero-slider .slick-dots li.slick-active button {
  width: 30px;
  background-color: #151515;
}

@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li.slick-active button {
    width: 20px;
  }
}

/*-- Hero Item --*/
.hero-item {
  width: 100%;
  height: 600px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.hero-item.large-height {
  height: 700px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item.large-height {
    height: 500px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.large-height {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.large-height {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item.large-height {
    height: 300px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item {
    height: 300px;
  }
}

/*-- Hero Content For Background Video --*/
.hero-content {
  text-align: center;
}

.hero-content h2 {
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero-content h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content h2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h2 {
    font-size: 18px;
  }
}

.hero-content h1 {
  font-size: 90px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero-content h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h1 {
    font-size: 44px;
  }
}

.hero-content h3 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .hero-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .hero-content h3 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h3 {
    font-size: 14px;
  }
}

/*-- Hero Content Two For Hero Slider --*/
.hero-content-2 {
  margin-top: 140px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 {
    margin-top: 30px;
  }
}

.hero-content-2.margin-top {
  margin-top: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2.margin-top {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2.margin-top {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2.margin-top {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2.margin-top {
    margin-top: 30px;
  }
}

.hero-content-2.left {
  text-align: left;
}

.hero-content-2.center {
  text-align: center;
}

.hero-content-2.right {
  text-align: right;
}

.hero-content-2 > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

.hero-content-2 h2 {
  font-size: 56px;
  line-height: 64px;
  font-weight: 800;
  text-transform: none;
  color: #151515;
  margin-bottom: 30px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h2 {
    font-size: 50px;
    line-height: 56px;
    font-weight: 600;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 15px;
    font-weight: 600;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-2 h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 800;
  }
}

.hero-content-2 p {
  font-size: 16px;
  color: #ffffff;
  max-width: 650px;
  margin-bottom: 40px;
}

.hero-content-2 .btn {
  font-size: 18px;
}

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Content Two For Hero Slider --*/
}

.slick-active .hero-content-2 > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.slick-active .hero-content-2 > *:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slick-active .hero-content-2 > *:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slick-active .hero-content-2 > *:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slick-active .hero-content-2 > *:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slick-active .hero-content-2 > *:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.slick-active .hero-content-2 > *:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
/* About Page CSS */
.about-us-content span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
}

.about-us-content span::before {
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  background: #151515;
  left: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.about-us-content h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: capitalize;
  color: #151515;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-content h2 {
    font-size: 28px;
    margin-bottom: 10px;
    max-width: 470px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-content h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

.about-us-content p {
  line-height: 22px;
  max-width: 470px;
}

.about-us-image {
  overflow: hidden;
}

.about-us-image.img-full img {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.about-us-img-wrapper:hover .about-us-image img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.single-team {
  position: relative;
}

.single-team .team-image {
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.single-team .team-image a {
  display: block;
}

.single-team .team-image a img {
  width: 100%;
}

.single-team .team-content {
  bottom: 0;
  padding: 30px;
  position: absolute;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team .team-content {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-team .team-content {
    padding: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .single-team .team-content {
    padding: 30px;
  }
}

.single-team .team-content .team-hover-info {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  padding: 30px 0;
  right: 30px;
  z-index: 2;
}

.single-team .team-content .team-hover-info h2 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 14px;
  text-transform: capitalize;
}

.single-team .team-content .team-hover-info h2 a:hover {
  color: #ffffff;
}

.single-team .team-content .team-hover-info .team-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.single-team .team-content .team-hover-info .team-social li {
  list-style: none;
  padding: 0 17px;
}

.single-team .team-content .team-hover-info .team-social li > a > i {
  border: 0 solid transparent;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  height: auto;
  line-height: 20px;
  width: auto;
}

.single-team .team-content .team-hover-info .team-social li > a:hover > i {
  color: #151515;
}

.single-team:hover .team-image img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.single-team:hover .team-content {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

/*----------------------------------------*/
/*  05. Banner CSS
/*----------------------------------------*/
/* Banner CSS */
.single-banner-item {
  position: relative;
  z-index: 2;
}

.single-banner-item .banner-image {
  position: relative;
  overflow: hidden;
}

.single-banner-item .banner-image a {
  display: block;
  width: 100%;
}

.single-banner-item .banner-image a img {
  width: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-banner-item .banner-content {
  position: absolute;
  top: 0px;
}

.btn-banner{
    border: 1px solid white;
}

.btn-banner:hover{
    background-color: white!important;
    border-color: white!important;
    color: black!important;
}

.btn-banner:focus{
    background-color: white!important;
    border-color: white!important;
    color: black!important;
}

.banner-action{
    position: absolute;
    bottom: 0px;
}

.single-banner-item .banner-content .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .banner-content .title {
    font-size: 24px;
    line-height: 28px;
  }
}

.single-banner-item .banner-content a {
  font-size: 16px;
  letter-spacing: .2px;
}

.single-banner-item .discount-banner-content {
  position: absolute;
  top: 40px;
  left: 40px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .discount-banner-content {
    top: 20px;
    left: 20px;
  }
}

.single-banner-item .discount-banner-content h3 {
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .discount-banner-content h3 {
    font-size: 22px;
    line-height: 38px;
  }
}

.single-banner-item .discount-banner-content h3 span {
  font-size: 55px;
  color: #ff0000;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .discount-banner-content h3 span {
    font-size: 50px;
  }
}

.single-banner-item .sp-banner-content {
  padding-left: 145px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-item .sp-banner-content {
    padding-left: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-item .sp-banner-content {
    padding-left: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content {
    padding-left: 15px;
  }
}

.single-banner-item .sp-banner-content.content-right {
  padding-left: 420px;
  padding-top: 60px;
  padding-bottom: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-item .sp-banner-content.content-right {
    padding-top: 30px;
    padding-bottom: 35px;
    padding-left: 320px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-item .sp-banner-content.content-right {
    padding-top: 55px;
    padding-bottom: 60px;
    padding-left: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content.content-right {
    padding-top: 55px;
    padding-bottom: 60px;
    padding-left: 10px;
  }
}

.single-banner-item .sp-banner-content .normat-text {
  display: block;
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .normat-text {
    font-size: 16px;
    line-height: 36px;
  }
}

.u-shadow{
    box-shadow: 0 5px 25px 0 #f1f4f8;
}
@media only screen and (max-width: 767px) {
  .u-shadow{
      box-shadow: 0 5px 25px 0 #f1f4f8;
  }
}

.single-banner-item .sp-banner-content .title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .title {
    font-size: 24px;
    line-height: 28px;
  }
}

.single-banner-item .sp-banner-content .countdown-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-item .sp-banner-content .countdown-area {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .countdown-area {
    margin-bottom: 10px;
  }
}

.button-banner {
    background-color: rgb(255,255,255,0);
    color: white;
    padding: 8px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border: 3px solid white;
    border-radius: 10px;
    font-family: GT Eesti Pro Display;
}
.button-banner:hover {
    border: 3px solid #0079ff;
}
.abutton-banner{
    font-size: 2px;
    font-weight:600;
    color: white;
}
.single-banner-item .sp-banner-content .countdown-area .single-countdown {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .countdown-area .single-countdown {
    font-size: 18px;
    line-height: 1;
  }
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown.big-font {
  font-size: 30px;
  line-height: 1;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .single-banner-item .sp-banner-content .countdown-area .single-countdown.big-font {
    font-size: 26px;
    line-height: 26px;
  }
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown:nth-child(1)::before {
  display: none;
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown:nth-child(2)::before {
  display: none;
}

.single-banner-item .sp-banner-content .countdown-area .single-countdown::before {
  content: ':';
  margin: 0 5px;
}

.single-banner-item .sp-banner-content a {
  font-size: 16px;
  line-height: 32px;
  text-decoration: underline;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .single-banner-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0px;
    z-index: -1;

  }
}
.single-banner-item:hover .banner-image a img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}


/*----------------------------------------*/
/*  06. Feature CSS
/*----------------------------------------*/
.features-section .row .col-lg-4:last-child .single-feature {
  border-right: 0;
}

/* Single Feature CSS */
.single-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-right:0;
  margin-left: 40px;
}

@media only screen and (max-width: 767px) {
  .single-feature {
    border-right: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin-left: 0px;
  }
}

.single-feature .feature-image {
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .single-feature .feature-content {
    text-align: left;
  }
}

.single-feature .feature-content h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

.single-feature .feature-content p {
  font-size: 14px;
  line-height: 24px;
  max-width: 230px;
}

/*----------------------------------------*/
/*  07. Product CSS
/*----------------------------------------*/
/*-- Product --*/
.single-grid-product {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.product-grid{
  display: inline-flex;

}

@media only screen and (max-width: 767px) {
    .product-grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding: 0 !important;

  }
}

.single-grid-product .product-label span {
  position: absolute;
  z-index: 2;
  color: #e33;
  text-align: center;
  display: inline-block;
  top: 20px;
  right: 15px;
  font-size: 15px;
  line-height: 30px;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-label span {
  position: absolute;
  z-index: 2;
  color: #e33;
  text-align: center;
  display: inline-block;
  top: 20px;
  right: 15px;
  font-size: 13px;
  line-height: 30px;
  font-weight: 600;
}
}

.newsletter-section{
background: rgb(255,255,255);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(122,208,218,0.5) 44%, rgba(122,208,218,0.5) 100%);
}
.single-grid-product .product-label span.new {
  color: #e33;
}

.single-grid-product .product-label span.sale {
  color: #151515;
  left: auto;
  right: 20px;
}

.single-grid-product .product-image {
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .single-grid-product .product-image {
  position: relative;
}
}
.single-grid-product .product-image > a {
  display: block;
  width: 100%;
}

.single-grid-product .product-image > a img {
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.single-grid-product .product-image > a img:nth-child(1) {
  visibility: visible;
  opacity: 1;
}

.single-grid-product .product-image > a img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.single-grid-product .product-image .product-action {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 6;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.single-grid-product .product-image .product-action > ul > li {
  list-style: none;
  display: block;
  margin-bottom: 5px;
  opacity: 0;
}

.single-grid-product .product-image .product-action > ul > li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  color: #151515;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-grid-product .product-image .product-action > ul > li a:hover {
  color: #ffffff;
  background: #151515;
}

.single-grid-product .product-content {
  text-align: center;
}

.single-grid-product .product-content .title {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #363636;
  position: relative;
  top: -5px;
}
@media only screen and (max-width: 767px) {
  .single-grid-product .product-content .title {
  margin-bottom: -10px;
  font-size: 16px;
  font-weight: 400;
  color: #363636;
  position: relative;
  top: -6px;
}
}
.price-block{
  margin-top: 100px;
}

.single-grid-product .product-content .title a {
  display: block;
}

.single-grid-product .product-content .title a:hover {
  color: gray;
}

.single-grid-product .product-content p .main-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: black;
}

.single-grid-product .product-content p .main-price.discounted {
  text-decoration: line-through;
  font-size: 13px;
  color: black;
  top: -10px;
  position: relative;
}

.single-grid-product .product-content p .discounted-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-right: 4px;
  color: red;
  top: -10px;
  position: relative;

}

@media only screen and (max-width: 767px) {
.single-grid-product .product-content p .main-price.discounted {
  text-decoration: line-through;
  font-size: 13px;
  color: black;
  top: -1px;
  position: relative;
}

.single-grid-product .product-content p .discounted-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-right: 4px;
  color: red;
  top: -1px;
  position: relative;

}
}

.single-grid-product:hover .product-image > a img:nth-child(2) {
  visibility: visible;
  opacity: 1;
}

.single-grid-product:hover .product-image .product-action ul li {
  opacity: 1;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(1) {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(2) {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 700ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(3) {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 900ms ease-in-out 0s normal none 1 running zoomIn;
}

.single-grid-product:hover .product-image .product-action ul li:nth-of-type(4) {
  -webkit-animation: 1100ms ease-in-out 0s normal none 1 running zoomIn;
  animation: 1100ms ease-in-out 0s normal none 1 running zoomIn;
}
.kostil2{
  font-weight: 800;
  font-style: normal;
  font-size: 43px;
}
.single-grid-product.list-mode {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-bottom: 20px;
}

.single-grid-product.list-mode .list-mode-image {
  -webkit-flex-basis: 100px;
      -ms-flex-preferred-size: 100px;
          flex-basis: 100px;
}

.single-grid-product.list-mode .list-mode-content {
  -webkit-flex-basis: calc(100% - 100px);
      -ms-flex-preferred-size: calc(100% - 100px);
          flex-basis: calc(100% - 100px);
  padding-left: 20px;
}

/* List Product CSS */
.product-list-item .single-grid-product .product-image {
  margin-bottom: 0;
}

.product-content-shop-list {
  text-align: left;
}

.product-content-shop-list h3 {
  font-size: 18px;
  line-height: 31px;
  font-weight: 500;
  margin: 0px 0 10px 0;
}

@media only screen and (max-width: 575px) {
  .product-content-shop-list h3 {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .product-content-shop-list h3 {
    margin-top: 10px;
  }
}

.product-content-shop-list .product-category-rating {
  margin: 0 0 10px 0;
}

.product-content-shop-list .product-category-rating .review a {
  font-weight: 400;
  line-height: 12px;
  color: #929292;
  margin-left: 10px;
}

.product-content-shop-list .product-category-rating .review a:hover {
  color: #292929;
}

.product-content-shop-list .product-category-rating .rating {
  margin-top: -3px;
}

.product-content-shop-list .product-category-rating .rating i {
  font-size: 15px;
}

.product-content-shop-list .product-category-rating .rating i.active {
  color: #F5C60D;
}

.product-content-shop-list .product-price {
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .product-content-shop-list .product-price {
    margin: 0 0 15px 0;
  }
}

.product-content-shop-list .product-price .main-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #929292;
}

.product-content-shop-list .product-price .main-price.discounted {
  text-decoration: line-through;
}

.product-content-shop-list .product-price .discounted-price {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-right: 10px;
  color: #e33;
}

.product-content-shop-list .product-desc {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .product-content-shop-list .product-desc {
    padding-top: 15px;
  }
}

/*-- Product Countdown CSS --*/
.product-details-content .product-countdown-two {
  margin-bottom: 25px;
}

.product-details-content .product-countdown-two .single-count {
  padding: 15px 25px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-countdown-two .single-count {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-countdown-two .single-count {
    padding: 15px;
  }
}

.product-details-content .product-countdown-two .single-count .single-countdown-times {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-countdown-two .single-count .single-countdown-times {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-countdown-two .single-count .single-countdown-times {
    font-size: 14px;
  }
}

.product-details-content .product-countdown-two .single-count .single-countdown-content {
  font-size: 10px;
}

.product-countdown-two .single-count {
  background-color: #292929;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 400;
  border-right: 1px solid #ffffff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product-countdown-two .single-count {
    padding: 10px;
  }
}

.product-countdown-two .single-count .single-countdown-times {
  display: block;
  font-size: 14px;
}

.product-countdown-two .single-count .single-countdown-content {
  font-size: 10px;
}

/* Shop Toolbar CSS */
.shop-area {
  position: relative;
  z-index: 9;
  background: #ffffff;
  padding: 30px 0 0 0px;
}

@media only screen and (max-width: 767px) {
  .shop-area {
    padding: 15px 0 0 0px;
  }
}

.shop-topbar-wrapper {
  position: relative;
  padding: 10px 0;
  margin: 0 0 40px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width: 575px) {
  .shop-topbar-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media only screen and (max-width: 575px) {
  .grid-list-option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .grid-list-option ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
}

.grid-list-option ul li {
  margin-right: 12px;
}

.grid-list-option ul li:last-child {
  margin-right: 0;
}

.grid-list-option ul li a {
  font-size: 18px;
  display: block;
  text-align: center;
  color: #151515;
}

.grid-list-option ul li a.active, .grid-list-option ul li a:hover {
  color: #151515;
}

.grid-list-option p {
  margin-left: 50px;
}

@media only screen and (max-width: 767px) {
  .grid-list-option p {
    margin-left: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .toolbar-short-area {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

.toolbar-shorter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .toolbar-shorter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .toolbar-shorter {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.toolbar-shorter:last-child {
  margin-right: 0;
}

.toolbar-shorter label {
  display: block;
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 14px;
  color: #151515;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .toolbar-shorter label {
    margin-right: 10px;
    width: 65px;
  }
}


.nice-select.small {
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  margin-right: 10px;
}

/*-- Product Details --*/
.product-details-images .lg-image {
  position: relative;
}

.product-details-images .lg-image > a {
  width: 100%;
}

.product-details-images .lg-image img {
  width: 100%;
}

.product-details-thumbs, .product-details-thumbs-2 {
  margin-top: 15px;
  overflow: hidden;
}

.product-details-thumbs .slick-list, .product-details-thumbs-2 .slick-list {
  margin: 0 -5px;
}

.product-details-thumbs .slick-list .slick-slide, .product-details-thumbs-2 .slick-list .slick-slide {
  padding: 0 5px;
}

.product-details-thumbs .slick-list .slick-slide > img, .product-details-thumbs-2 .slick-list .slick-slide > img {
  border: 1px solid transparent;
}

.product-details-thumbs .slick-active.slick-current > img, .product-details-thumbs-2 .slick-active.slick-current > img {
  border-color: #151515;
}

.product-details-thumbs .sm-image {
  cursor: pointer;
}

.product-large-thumb {
  position: relative;
  overflow: hidden;
}

a.popup-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px !important;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #373737;
  color: #fff;
  border-radius: 4px;
  z-index: 9;
}

.product-large-thumb a.popup-img:hover {
  background-color: #151515;
  color: #fff;
}

.product-details-content {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product-details-content {
    margin-top: 30px;
  }
}

.product-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.product-nav > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d1d1d1;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
  color: #d1d1d1;
  position: relative;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-nav > a:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

.product-details-content.text-center h2 {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-details-content.text-center h2 {
    max-width: 245px;
    font-size: 18px;
    margin: auto;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .product-details-content.text-center h2 {
    max-width: 195px;
    font-size: 17px;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
  }
}

.product-details-content h2 {
  color: #151515;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 10px;
  max-width: 400px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content h2 {
    max-width: 370px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content h2 {
    font-size: 17px;
    max-width: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .product-details-content h2 {
    font-size: 18px;
    max-width: 300px;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content h2 {
    font-size: 18px;
    max-width: 175px;
  }
}

.single-product-reviews {
  font-size: 15px;
  margin-bottom: 20px;
}

.single-product-reviews i.active {
  color: #F5C60D;
}

.review-link {
  font-size: 15px;
  color: #151515;
  margin-left: 10px;
  line-height: 30px;
  display: inline-block;
}

.review-link:hover {
  color: #151515;
}

.single-product-price {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.single-product-price .price.new-price {
  color: #151515;
  font-weight: 500;
}

.single-product-price .regular-price {
  text-decoration: line-through;
}

.product-description p {
  line-height: 25px;
  color: #151515;
}

.single-product-quantity {
  margin-bottom: 35px;
}

.single-product-quantity .product-quantity {
  background: #fff;
  border: 1px solid #ededed;
  float: left;
  margin-right: 15px;
  padding: 0 10px;
  border-radius: 0;
}

.single-product-quantity .product-quantity input {
  background: none;
  border: none;
  color: #151515;
  font-size: 20px;
  font-weight: 400;
  height: 55px;
  line-height: 53px;
  padding: 0;
  width: 60px;
}

@media only screen and (max-width: 767px) {
  .single-product-quantity .product-quantity input {
    height: 45px;
    width: 40px;
  }
}

.single-product-quantity .btn {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .single-product-quantity .btn {
    padding: 8px 15px;
  }
}

.single-product-quantity .btn i {
  font-size: 20px;
  margin-right: 10px;
}

.wishlist-compare-btn {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .wishlist-compare-btn {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .wishlist-compare-btn {
    text-align: left;
  }
}

@media only screen and (max-width: 479px) {
  .wishlist-compare-btn {
    text-align: center;
  }
}

.wishlist-compare-btn a {
  background: none;
  border: 1px solid #ededed;
  color: #151515;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  line-height: 43px;
  text-align: center;
  width: 170px;
  border-radius: 0;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a {
    width: 155px;
  }
}

.wishlist-compare-btn a.wishlist-btn {
  margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.wishlist-compare-btn a.add-compare {
  border-radius: 5px;
}

.wishlist-compare-btn a.wishlist-btn:before {
  content: '\f08a';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: top;
}

.wishlist-compare-btn a:hover {
  background: #151515;
  border-color: #151515;
  color: #fff;
}

.wishlist-compare-btn a:hover:before {
  -webkit-animation: crFlipX 2s ease-in-out infinite both;
  animation: crFlipX 2s ease-in-out infinite both;
}

.product-meta {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 15px 0;
  width: 100%;
}

.product-meta .posted-in {
  color: #151515;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px;
  text-transform: uppercase;
}

.product-meta .posted-in > a {
  color: #151515;
  font-weight: 400;
  text-transform: none;
}

.product-meta .posted-in > a:hover {
  color: #151515;
}

.single-product-sharing {
  margin-bottom: 0;
  padding: 15px 0;
  width: 100%;
}

.single-product-sharing > h3 {
  color: #151515;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 15px;
  text-transform: uppercase;
}

.single-product-sharing ul {
  display: inline-block;
  margin-bottom: 10px;
}

.single-product-sharing ul > li {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  margin-right: 15px;
  position: relative;
}

.single-product-sharing ul li a {
  color: #555555;
  display: block;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.single-product-sharing ul li a:hover {
  color: #151515;
}

/*Single Product variable css*/
.product-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.product-variants > .product-variants-item {
  margin: 20px 0;
  display: block;
  margin-top: 0;
}

.product-variants > .product-variants-item:last-child {
  margin-left: 30px;
}

.product-variants-item span.control-label {
  margin-bottom: 6px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  text-transform: capitalize;
}

.product-variants .product-variants-item select {
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
}

.procuct-color > li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
}

.procuct-color > li:nth-child(2) > a > span.color {
  background: #00EEB3;
}

.procuct-color > li > a > span.color {
  background: #ffa07a;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.procuct-color > li.active > a > span.color, .procuct-color > li:hover > a > span.color {
  outline: 1px solid #D6B98C;
  outline-offset: 1px;
}

/*single product group css*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}

.group-cart-table .table {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table .table {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .group-cart-table .table {
    margin-bottom: 15px;
  }
}

.group-cart-table .table td {
  text-align: center;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table .table td {
    min-width: 150px;
  }
}

@media only screen and (max-width: 575px) {
  .group-cart-table .table td {
    min-width: 180px;
  }
}

.group-cart-table .quantity-field label {
  margin-right: 5px;
}

.group-cart-table .quantity-field input {
  width: 50px;
  text-align: center;
  border: 1px solid #ddd;
  height: 45px;
}

/*Single Product Tab Style 2 CSS*/
.single-product-area .slider-thumbs-2 {
  padding: 40px 0px;
}

.product-details-images-2 {
  float: right;
  width: calc(100% - 110px);
  padding-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2 {
  float: left;
  width: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

/*Single Product Tab Style 3 CSS*/
.product-details-images-2.tabstyle-3 {
  float: left;
  width: calc(100% - 110px);
  padding-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2.tabstyle-3 {
  float: right;
  width: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

/*Single Product gallery Style CSS*/
.lg-image.col-50 {
  float: left;
  width: 50%;
  padding: 5px;
  position: relative;
}

.lg-image.col-50 a.popup-img {
  bottom: 5px;
  right: 5px;
}

#constructor-loader {
    display: none;
    position: absolute;
    z-index:  100;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.loader-img {
    display: block;
    width: 100px;
    margin: 100px auto;
    margin-bottom: 40px;

    animation: pulse 1s ease-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.8);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.8);
  }
}

#loader-text {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #3E3E3E;
    text-transform: uppercase;
    font-family: 'GT Eesti Pro Display';
}

#success-modal {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.success-modal-container {
    width: 700px;
    margin: 0 auto;
    position: relative;
    border-radius: 3px;
    top: calc((100% - 160px)/2);
    top: -webkit-calc((100% - 160px)/2);
    top: -o-calc((100% - 160px)/2);
    top: -moz-calc((100% - 160px)/2);
}

.success-modal-title {
    background-color: #181818;
    padding: 10px 0;
}

.success-modal-title-text {
    display: block;
    float: left;
    width: 500px;
    margin-left: 20px;
    font-size: 20px;
    font-family: 'GT Eesti Pro Display';
}

.success-modal-title-icon-container:hover {
    opacity: 1;
}

.success-modal-title-icon-container {
    float: right;
    width: 20px;
    opacity: 0.7;
    cursor: pointer;
    margin-right: 30px;
    margin-top: 2px;
}

.success-modal-title-icon {
    width: 20px;
}

.success-modal-content {
    padding: 30px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.success-modal-link:hover {
    color: #fff;
    background-color: #363636;
}

.success-modal-link:visited:not(:hover) {
    color: #363636;
}

.success-modal-link {
    display: inline-block;
    color: #363636;
    font-size: 18px;
    font-family: 'GT Eesti Pro Display';
    cursor: pointer;
    border: 1px solid #363636;
    padding: 10px;
    text-decoration: none;
    transition: .3s all ease-in;
}

.success-modal-left {
    float: left;
    margin-left: 100px;
}

.success-modal-right {
    float: right;
    margin-right: 120px;
}

/*Single Product sticky Style CSS*/
.lg-image.sidebar-sticky {
  position: relative;
  margin-bottom: 20px;
}

.lg-image.sidebar-sticky:last-child {
  margin-bottom: 0;
}

/*Single Product slider box Style CSS*/
.slider-box {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .slider-box {
    margin-bottom: 0;
  }
}

.slider-box .slick-list {
  margin: 0 -10px;
}

.u-btn-border{
  border: 2px solid #0079ff!important;
}
.slider-box .slick-list .slick-slide {
  padding: 0 10px;
}

.slider-box-content .product-description p {
  max-width: 80%;
  margin: auto;
  margin-bottom: 15px;
}

.slider-box-content .product-quantity {
  float: none;
  display: inline-block;
}

.slider-box-content .add-to-link {
  display: inline-block;
}

/*-- Product Details Tab List --*/
.dec-and-review-menu {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0;
  background-color: #f3f1ec;
}

.dec-and-review-menu > li {
  list-style: none;
  position: relative;
  z-index: 9;
  display: inline-block;
  margin-right: 50px;
}

@media only screen and (max-width: 575px) {
  .dec-and-review-menu > li {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    display: block;
    width: 100%;
  }
}

.dec-and-review-menu > li:last-child {
  margin-right: 0;
}

.dec-and-review-menu > li > a {
  display: block;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}

.dec-and-review-menu > li > a.active, .dec-and-review-menu > li > a:hover {
  color: #151515;
}

/*-- Product Details Tab Content --*/
.product-review-tab {
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-review-tab {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-review-tab {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-tab {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .product-review-tab {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.product-review-content-tab {
  padding-top: 40px;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-review-content-tab {
    padding-top: 20px;
  }
}

.single-product-description p {
  line-height: 22px;
  color: #151515;
}

.review-page-comment h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.review-page-comment > ul {
  margin: 0 0 25px;
}

.review-page-comment > ul > li {
  margin: 0 0 20px;
  position: relative;
  list-style: none;
}

.product-comment img {
  width: 60px;
  float: left;
}

.product-comment-content {
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-left: 80px;
  position: relative;
  padding: 15px 15px 0;
}

.product-comment-content:before {
  background: #fff;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  content: '';
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 10px;
}

.meta > strong {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 31px;
}

.meta > span {
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
}

.description p {
  font-size: 15px;
  color: #151515;
  line-height: 28px;
}

.comment-notes {
  margin: 0;
}

.rating i.fa:not(:last-child) {
  color: #F9BA48;
}

.comment-form-comment {
  margin-bottom: 10px;
}

.comment-form-comment textarea {
  border: 1px solid #ededed;
  border-radius: 0;
  height: 125px;
  padding: 10px;
  width: 100%;
  background: #f5f5f5;
}

.review-comment-form-author, .review-comment-form-email {
  margin-bottom: 10px;
}

.review-comment-form-author input, .review-comment-form-email input {
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  height: 38px;
  line-height: 38px;
  max-width: 100%;
  width: 300px;
  display: block;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.review-comment-form-author input:focus, .review-comment-form-email input:focus, .comment-form-comment textarea:focus {
  outline: auto;
  outline-color: #151515;
}

.form-button {
  border: none !important;
  height: 42px !important;
  line-height: 40px !important;
  background: #151515;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  letter-spacing: .1em;
  line-height: 38px;
  overflow: hidden;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  vertical-align: middle;
  border-radius: 5px;
  cursor: pointer;
}

.form-button:hover {
  background: #222;
  color: #fff;
}

/*----------------------------------------*/
/*  08. Testimonial CSS
/*----------------------------------------*/
/*-- Testimonial --*/
.testimonial-image {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .testimonial-image {
    margin-bottom: 30px;
  }
}

.testimonial-image > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner {
    padding: 0 10px;
  }
}

.testimonial .testimonial-inner .testimonial-description blockquote {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  max-width: 505px;
}

.testimonial .testimonial-inner .testimonial-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial .testimonial-inner .testimonial-author {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author {
    padding-bottom: 15px;
  }
}

.testimonial .testimonial-inner .testimonial-author .author-thumb {
  width: 80px;
  border: 3px solid #d2d2d2;
  border-radius: 50px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author .author-thumb {
    margin-right: 10px;
  }
}

.testimonial .testimonial-inner .testimonial-author .author-thumb img {
  width: 100%;
}

.testimonial .testimonial-inner .testimonial-author .author-info h4 {
  font-size: 18px;
  font-family: "GT Eesti Pro Display", sans-serif;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author .author-info h4 {
    font-size: 16px;
  }
}

.testimonial .testimonial-inner .testimonial-author .author-info span {
  display: block;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .testimonial .testimonial-inner .testimonial-author .author-info span {
    font-size: 13px;
    line-height: 26px;
  }
}

/*-- Slide Image In Animation --*/
.slick-active {
  /*-- Slide Image For Hero Testimonial --*/
}

.slick-active .testimonial-image > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.slick-active .testimonial-image > *:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slick-active .testimonial-image > *:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slick-active .testimonial-image > *:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slick-active .testimonial-image > *:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slick-active .testimonial-image > *:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.slick-active .testimonial-image > *:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.thead-light{
    background-color: #f2f2f2!important;
}
/*---------------------------------------
    09. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 1px solid #BCBCBC;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 0px solid #151515;
  }
}

.cart-table .table thead {
  background-color: #f2f2f2;
  color: black;

}

@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    background-color: #f2f2f2;
    color: black;
  }
}

.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: black;
  padding: 12px 20px;
}

.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {

    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: center;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 120px;
  min-width: 100px;
  width: 120px;
}

@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 120px;
  }
}

.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
}

.cart-table td.pro-thumbnail a {
  display: block;
}

.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}

.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 400;
  color: #151515;
}

.cart-table td.pro-title a:hover {
  color: #151515;
}

.size-select{
  width: 100%!important;
}

@media only screen and (max-width: 767px) {
  .size-select{
    width: 150px!important;
  }
}

.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #151515;
}

.cart-table td.pro-quantity .pro-qty {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 1px solid #eeeeee;
  border-radius: 6px;
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
  height: 42px;
  padding: 0 10px;
  border: none;
  background-color: transparent;
}

.cart-table td.pro-quantity .pro-qty input {
  height: 42px;
  width: 50px;
  text-align: center;
  border-width: 0 1px;
  border-style: solid;
  border-color: #eeeeee;
  color: #151515;
}

.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #151515;
}

.cart-table td.pro-stock span.in-stock {
  font-size: 14px;
  text-transform: capitalize;
  color: #30b878;
}

.cart-table td.pro-stock span.out-stock {
  color: #EB3E32;
}

.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #151515;
}

.cart-table td.pro-remove a i {
  font-size: 15px;
}

.cart-table td.pro-remove a:hover {
  color: #ff0000;
}

@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}

.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 0;
  height: 55px;
  border: 1px solid #999999;
  line-height: 40px;
  padding: 9px 20px;
  color: #151515;
  background-color: transparent;
}

.calculate-shipping form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #151515;
  color: #151515;
  background-color: transparent;
}

.calculate-shipping form input[type="submit"] {
  font-weight: 700;
  color: #151515;
  background-color: #151515;
  border-color: #151515;
  width: 140px;
}

.calculate-shipping form input[type="submit"]:hover {
  background-color: #151515;
  border-color: #151515;
  color: #151515;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
}

.discount-coupon form input {
  width: 100%;
  height: 48px;
  line-height: 12px;
  padding: 0px 20px;
  margin-top: 2px;
  color: #dee2e6;
  background-color: transparent;
  border: 2px solid #dee2e6;

}

.discount-coupon form input[type="submit"] {
  font-weight: 700;
  color: #151515;
  background-color: #151515;
  width: 140px;
}
.discount-coupon form input[type="text"] {
  border-radius: 5px;
}

.discount-coupon form input[type="submit"]:hover {
  background-color: #151515;
  color: #151515;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}

.cart-summary .cart-summary-wrap {
  background-color: white;
  padding: 45px 50px;
  border-radius: 15px;
}

@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}

.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 30px;
  color: #151515;
}

.cart-summary .cart-summary-wrap p {
  font-weight: 600;
  line-height: 23px;
  color: #151515;
}

.cart-summary .cart-summary-wrap p span {
  float: right;
}

.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #f4f8fb;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #151515;
  margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
  float: right;
}

.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 180px;
  border-radius: 0;
  height: 44px;
  line-height: 24px;
  padding: 9px 20px;
  margin-left: 20px;
  float: right;
}

.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}

.cart-summary .cart-summary-button button.checkout-btn {
  color: #151515;
  background-color: #151515;
  border-color: #151515;
}

.cart-summary .cart-summary-button button:hover {
  background-color: #151515;
  border-color: #151515;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}
.u-button:hover {
  background-color: #0079ff;
}

.u-button {
  display: block;
  line-height: 1px;
  background-color: #0079ff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  font-family: 'GT Eesti Pro Display';
  color: white;
  margin-top: 15px;
  padding: 13px 8px;
  cursor: pointer;
  text-transform: none;
  border-radius: 6px;
}

/*---------------------------------------
    10. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
}

.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #151515;
  margin-bottom: 15px;
}

.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #151515;
  margin-bottom: 15px;
}

.checkout-form input[type="checkbox"] {
  width: auto;
}

.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}

@media only screen and (max-width: 575px) {
  .checkout-form .check-box {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .checkout-form .check-box {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.checkout-form .check-box:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 575px) {
  .checkout-form .check-box:last-child {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .checkout-form .check-box:last-child {
    margin-bottom: 0px;
  }
}

.checkout-form .check-box input[type="checkbox"] {
  display: none;
}

.checkout-form .check-box input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #151515;
  margin: 0;
}

.checkout-form .check-box input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #151515;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]:checked + label::before {
  border: 2px solid #151515;
}

.checkout-form .check-box input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #151515;
  padding: 45px;
}

@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}

.checkout-cart-total h4 {
  -webkit-flex-basis: 18px;
      -ms-flex-preferred-size: 18px;
          flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #ffffff;
}

.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}

.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}

.checkout-cart-total h4 span {
  float: right;
  display: block;
}

.checkout-cart-total ul {
  border-bottom: 1px solid #ffffff;
}

.checkout-cart-total ul li {
  color: #ffffff;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}

.checkout-cart-total ul li span {
  color: #ffffff;
  float: right;
}

.checkout-cart-total p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #ffffff;
  margin: 0;
}

.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #151515;
  padding: 45px;
}

@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}

.single-method:last-child {
  margin-bottom: 0;
}

.single-method input[type="radio"] {
  display: none;
}

.single-method input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}

.single-method input[type="radio"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="radio"] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #151515;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]:checked + label::before {
  border: 2px solid #ffffff;
}

.single-method input[type="radio"]:checked + label::after {
  opacity: 1;
}

.single-method input[type="checkbox"] {
  display: none;
}

.single-method input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}

.single-method input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #151515;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]:checked + label::before {
  border: 2px solid #ffffff;
}

.single-method input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #ffffff;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  float: left;
}

/*---------------------------------------
    11. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}

.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}

.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #151515;
  margin: 0;
  line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  padding-top: 70px;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 15px;
  color: #444444;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .category:hover {
  color: #151515;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  color: #444444;
  line-height: 20px;
  margin-bottom: 10px;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #151515;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 600;
  color: #444444;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: #151515;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 25px 10px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: #222;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 26px;
  overflow: hidden;
  display: block;
  text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
  padding-left: 25px;
  padding-right: 56px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
  left: calc(100% - 41px);
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #151515;
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
  color: #444444;
  font-size: 14px;
}

/*---------------------------------------
    12. My Account CSS
-----------------------------------------*/

.my-img{
    background: #b2cefe;
    height: 100px;
    width:100px;
    border-radius: 110px;
}

.my-img span {
    font-weight: 500;
    font-size:36px;
    color: white;
}

.my-img-mobile{
    background: #b2cefe;
    height: 70px;
    width:70px;
    border-radius: 110px;
}

.my-img-mobile span {
    font-weight: 500;
    font-size: 28px;
    color: white;
}

.my-name{
    font-weight: bold;
    font-size:20px;
    letter-spacing: .2px;
}

.my-link-header{
    font-weight: 600;
    font-size:14px;
    letter-spacing: .2px;
}

.my-link{
    font-weight: 400;
    font-size:14px;
    letter-spacing: .2px;
}
.my-mobile-link{
    margin-bottom: 2px;
    font-weight: 400;
    border-radius: 3px;
}
.my-link-action{
    font-weight: 400;
    font-size:14px;
    letter-spacing: .2px;
}

.my-quantity{
    position: absolute;
    height: 15px;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 18px;
    margin-left: 4px;
    margin-top: 6px;
    background: #f91155;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
    border-radius: 30px;
    color: #fff;
    font-weight: 500;
}

.order-card{
    border-radius: 10px;
    background-color: #f3f6f8;
    cursor: pointer;
    letter-spacing: .2px;
}
.odet-order-card{
    border-radius: 10px;
    background-color: white;
    letter-spacing: .2px;
}

.order-header{

}

.order-body{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.order-date {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: #001a34;
}

.order-id{
    font-size: 14px;
    line-height: 1.29;
}

.order-price{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #001a34;
}

.order-price-status{
    font-size: 14px;
    line-height: 1.29;
    color: #001a34;
}

.order-delivery-type{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #001a34;
    margin-right: 8px;
    margin-bottom: 4px;
}

.order-delivery-info{
    font-size: 14px;
    font-weight: 700;
}

.order-delivery-date{
    font-size: 14px;
    line-height: 1.29;
}

.odet-h1{
    letter-spacing: .2px;
    line-height: 12px;
}
.odet-h2{
    letter-spacing: .2px;
    font-weight: 700;
    white-space: pre-line;
    font-size: 16px;
    line-height: 1.25;
}
.odet-text{
    letter-spacing: .2px;
    font-weight: 400;
    white-space: pre-line;
    font-size: 14px;
    line-height: 1.4;
}

.odet-date{
    letter-spacing: .2px;
    line-height: 20px;
}

.odet-date-mobile{
    letter-spacing: .2px;
    line-height:1px;
}

.order-product-card{
    border-radius: 10px;
}

.notify-block{
    border-top: 1px solid #eff3f6;
    cursor: pointer
}
.notify-header{
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    margin-right: 16px;
    color: #001a34;
}

.notify-text{
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.43;
    color: #001a34;
}

.notify-date{
    color: #5a6c7d;
}


/*---------------------------------------
    13. Login Register CSS
-----------------------------------------*/
.form-login-title > h2, .form-register-title > h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 26px;
}

@media only screen and (max-width: 767px) {
    .form-login-title > h2, .form-register-title > h2 {
        font-size: 24px;
        line-height: 20px;
    }
}

.login-form, .register-form {
    padding: 20px 20px 10px 20px;
    margin: 0;
    text-align: left;
    border-radius: 10px;
}

.form-fild, .login-submit, .lost-password, .register-submit {
    margin-bottom: 10px;
}

.login-submit label {
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .login-submit label {
        margin-left: 10px;
        margin-bottom: 0;
        margin-top: 10px;
    }
}
.authtologin{
    text-decoration: underline;
    font-weight: 600;
    color: #3a4959;
    cursor: pointer;
}

.form-fild{
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-fild label {
    margin: 0;
    color: #3a4959;
}

.success-modal-text{
    animation: successmodaltext 0.5s ease-out;
    animation-fill-mode: forwards;
}

@keyframes successmodaltext {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

.form-fild input {
    width: 100%;
    padding: 0 15px;
    height: 45px;
    border: 2px solid rgb(61, 154, 255,0.3);
    color: #28323d;
    border-radius: 5px;
}
.form-fild input:focus {
    border: 2px solid rgb(61, 154, 255,0.7);
    box-shadow: 0px 0px 10px rgb(61, 154, 255,0.3);;
}

.lost-password > a {
    color: #a43d21;
}

.lost-password > a:hover {
    color: #151515;
}

.u-product-card:hover {
    border-radius: 5px;
    box-shadow: 0 5px 25px 0 rgba(241, 244, 248, 0.75);
    transition: box-shadow .3s ease-out;
}

/*----------------------------------------*/
/*  14. Faq CSS
/*----------------------------------------*/
.faq-desc {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-desc {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-desc {
    margin-bottom: 30px;
  }
}

.faq-desc h3 {
  color: #444;
  font-size: 18px;
  font-weight: 700;
}

.faq-desc p {
  color: #151515;
  margin: 0;
}

.faq-accordion .card {
  border-radius: 6px;
  margin-bottom: 10px;
}

.faq-accordion .card.actives {
  border: 0px solid #f9f9f9;
}

.faq-accordion .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: #f3f3f3;
  border: 0;
}

.faq-accordion .card-header a {
  display: block;
  padding: 15px 10px 15px 25px;
  cursor: pointer;
}

.faq-accordion .card-header a.collapsed:before {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-accordion .card-header a:after {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
  content: "\f068 ";
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-header a {
    font-size: 14px;
    padding-right: 30px;
  }
}

.faq-accordion .card-header a:hover {
  color: #151515 !important;
}

/* Faq Style Two CSS */
.faq-accordion .card-style-two {
  border-radius: 0;
  margin-bottom: 10px;
  background-color: transparent;
  border: 0;
}

.faq-accordion .card-style-two.actives {
  border: 0;
}

.faq-accordion .card-style-two.actives .card-header {
  background-color: #151515;
  border-color: white;
}

.faq-accordion .card-style-two.actives .card-header a {
  color: #ffffff;
}

.faq-accordion .card-style-two .card-header {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: block;
  background-color: #ffffff;
  border: 0px solid #eeeeee;
  padding: 0;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}

.faq-accordion .card-style-two .card-header:hover {
  background-color: #151515;
  border-color: white;
}

.faq-accordion .card-style-two .card-header a {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  font-size: 14px !important;
  line-height: 22px;
  font-weight: 500;
  color: #151515;
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-style-two .card-header a {
    font-size: 13px;
  }
}

.faq-accordion .card-style-two .card-header a.collapsed::before {
  font-size: 18px;
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}

.faq-accordion .card-style-two .card-header a.collapsed::after {
  display: none;
}

.faq-accordion .card-style-two .card-header a:after {
  font-size: 18px;
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 12px;
  content: "\f068";
}

@media only screen and (max-width: 767px) {
  .faq-accordion .card-style-two .card-header a {
    padding: 15px 15px;
  }
}

.faq-accordion .card-style-two .card-header a:hover {
  color: #ffffff;
}

.faq-accordion .card-style-two .card-header a:hover {
  color: #ffffff !important;
}

.faq-accordion .card-body {
  border: 0px solid #ebebeb;
}

/*---------------------------------------
    15. Blog CSS
-----------------------------------------*/
/*-- Blog --*/
.blog .blog-inner .blog-media {
  margin-bottom: 15px;
}

.blog .blog-inner .blog-media .image {
  display: block;
}

.blog .blog-inner .blog-media .image img {
  width: 100%;
}

.blog .blog-inner .blog-audio iframe {
  width: 100%;
  height: 242px;
  border: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .blog-audio iframe {
    height: 190px;
  }
}

.blog .blog-inner .blog-video iframe {
  width: 100%;
  height: 242px;
  border: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .blog-video iframe {
    height: 190px;
  }
}

.blog .blog-inner .blog-gallery a {
  display: block;
}

.blog .blog-inner .blog-gallery a img {
  width: 100%;
}

.blog .blog-inner .content .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 5px;
}

.blog .blog-inner .content .meta li {
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .content .meta li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .meta li {
    font-size: 13px;
  }
}

.blog .blog-inner .content .meta li::after {
  content: "-";
  margin: 0 10px;
}

.blog .blog-inner .content .meta li:last-child::after {
  display: none;
}

.blog .blog-inner .content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .content .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .title {
    font-size: 16px;
  }
}

.blog .blog-inner .content .desc {
  margin-top: 20px;
}

.blog .blog-inner .content .read-more {
  font-size: 16px;
  line-height: 30px;
  text-decoration: underline;
}

.blog .blog-inner .content .read-more:hover {
  color: #151515;
}

/*-- Blog Details --*/
.blog-details .blog-inner .blog-media {
  margin-bottom: 30px;
}

.blog-details .blog-inner .blog-media .image {
  display: block;
}

.blog-details .blog-inner .blog-media .image img {
  width: 100%;
}

.blog-details .blog-inner .blog-audio iframe {
  width: 100%;
  border: 0;
}

.blog-details .blog-inner .blog-video iframe {
  width: 100%;
  border: 0;
  height: 565px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 465px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details .blog-inner .blog-video iframe {
    height: 300px;
  }
}

.blog-details .blog-inner .content .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
}

.blog-details .blog-inner .content .meta li {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .blog-details .blog-inner .content .meta li {
    font-size: 12px;
  }
}

.blog-details .blog-inner .content .meta li::after {
  content: "-";
  margin: 0 10px;
}

.blog-details .blog-inner .content .meta li:last-child::after {
  display: none;
}

.blog-details .blog-inner .content .title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .blog-details .blog-inner .content .title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-details .blog-inner .content .title {
    font-size: 20px;
  }
}

.blog-details .blog-inner .content .desc {
  margin-top: 20px;
}

.blog-details .blog-inner .content .blog-post-list li {
  display: block;
  list-style: none;
  line-height: 30px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}

.blog-details .blog-inner .content .blog-post-list li::before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome;
  top: 0;
  left: 0;
  z-index: 1;
}

.blog-details .blog-inner .content .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-details .blog-inner .content .tags li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  line-height: 24px;
  margin-right: 15px;
}

.blog-details .blog-inner .content .tags li::after {
  content: ",";
  margin-left: 3px;
}

.right-buy-button:hover {
  background-color: #0067d9;
  color: white;
}

.right-buy-button {
  display: block;
  background-color: #0079ff;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  font-family: 'GT Eesti Pro Display';
  color: white;
  margin-top: 15px;
  padding: 20px 0;
  cursor: pointer;
  text-transform: none;
  border-radius: 10px;
}

.blog-details .blog-inner .content .tags li:first-child::after, .blog-details .blog-inner .content .tags li:last-child::after {
  display: none;
}

.blog-details .blog-inner .content .tags li i {
  font-size: 18px;
  line-height: 24px;
}

.blog-details .blog-inner .content .tags li a {
  display: block;
}

.comments-wrapper h3 {
  font-weight: 600;
}

.commnent-list-wrap .comment {
  list-style-type: none;
  margin-top: 48px;
  padding-top: 37px;
  padding-left: 6px;
  border-top: 1px solid #eee;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .commnent-list-wrap .comment {
    margin-top: 25px;
  }
}

.commnent-list-wrap .comment .thumb {
  float: left;
}

@media only screen and (max-width: 767px) {
  .commnent-list-wrap .comment .thumb {
    float: none;
  }
}

.commnent-list-wrap .comment .thumb img {
  border-radius: 100%;
  width: 100px;
  height: 100px;
}

.commnent-list-wrap .comment .content {
  position: relative;
  overflow: hidden;
  margin-left: 115px;
}

@media only screen and (max-width: 767px) {
  .commnent-list-wrap .comment .content {
    margin-left: 0;
    margin-top: 30px;
  }
}

.commnent-list-wrap .comment .content .info h6 {
  font-size: 15px;
  font-weight: 500;
}

.commnent-list-wrap .comment .content .reply-btn a {
  color: #ffffff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #151515;
  background: #151515;
  padding: 3px 10px;
  border-radius: 10px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.commnent-list-wrap .comment .content .reply-btn a:hover {
  color: #151515;
  border: 1px solid #151515;
  background: transparent;
}

.commnent-list-wrap .comment .content .comment-footer span {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.commnent-list-wrap .comment.comment-reply {
  padding-left: 61px;
}

@media only screen and (max-width: 767px) {
  .commnent-list-wrap .comment.comment-reply {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .commnent-list-wrap .comment.comment-reply {
    padding-left: 0;
  }
}
.footer-section li a:hover{
  background-color: rgb(192, 192, 192, 0.7);
  text-decoration: underline;
  color: gray;
}


/*---------------------------------------
    16. Comment CSS
-----------------------------------------*/
/*-- Comment Wrap --*/
.comment-wrapper h3 {
  margin-bottom: 30px;
  font-weight: 600;
}

/*-- Comment Form --*/
.comment-form input {
  width: 100%;
  height: 50px;
  border: 1px solid #eeeeee;
  padding: 5px 20px;
  color: #151515;
}

.comment-form textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #151515;
  resize: none;
}

.comment-form input[type="submit"], .comment-form button, .comment-form .submit {
  width: auto;
  height: 50px;
  border: none;
  padding: 5px 30px;
  background-color: #151515;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}

.comment-form input[type="submit"]:hover, .comment-form button:hover, .comment-form .submit:hover {
  background-color: #151515;
}

/*---------------------------------------
    17. Sidebar CSS
-----------------------------------------*/
/*-- Sidebar --*/
.common-sidebar-widget {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px;
  padding-bottom: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .common-sidebar-widget {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .common-sidebar-widget {
    margin-bottom: 30px;
  }
}

.common-sidebar-widget.sidebar-two {
  padding: 0;
  background-color: transparent;
}

.common-sidebar-widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

/*-- Sidebar Title --*/
.sidebar-title {
  margin: 0;
  padding: 0 0 25px;
  display: block;
  font-size: 18px;
  color: #151515;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-title {
    font-size: 16px;
  }
}

/*-- Sidebar Search --*/
.sidebar-search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e6e7;
}

.sidebar-search form input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 40px);
      -ms-flex: 1 0 calc(100% - 40px);
          flex: 1 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  height: 40px;
  border: none;
  background-color: transparent;
  padding: 0 15px;
  color: #151515;
}

.sidebar-search form button {
  max-width: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 40px;
      -ms-flex: 1 0 40px;
          flex: 1 0 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.sidebar-search form button i {
  font-size: 20px;
  line-height: 40px;
}

.sidebar-search form button:hover {
  color: #151515;
}

/*-- Sidebar List --*/
.sidebar-list li {
  margin-bottom: 12px;
}

.sidebar-list li:last-child {
  margin-bottom: 0;
}

.sidebar-list li a {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #151515;
  display: block;
}

.sidebar-list li a img {
  width: 25px;
  margin-right: 15px;
}

.sidebar-list li a i {
  margin-right: 10px;
  font-size: 10px;
}

.sidebar-list li a:hover {
  color: #151515;
}

/*-- Sidebar Price --*/
.sidebar-price {
  overflow: hidden;
}

.sidebar-price #price-range {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 7px 0;
  border-radius: 50px;
  background-color: #ccc;
  border: 0;
}

.sidebar-price #price-range .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #151515;
}

.sidebar-price #price-range .ui-slider-handle {
  position: absolute;
  top: 50%;
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}

.sidebar-price .price-amount {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 0;
  color: #151515;
  border: none;
  background-color: transparent;
  display: block;
}

.sidebar-price button {
  height: 35px;
  line-height: 30px;
  padding: 0 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 15px;
}

/*-- Sidebar Compare --*/
.compare-products-list {
  overflow: hidden;
}

.compare-products-list ul {
  margin-bottom: 20px;
}

.compare-products-list ul li {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
}

.remove-compare {
  float: right;
  display: inline-block;
  padding-right: 10px;
  float: right;
  display: inline-block;
}

.clear-btn {
  float: left;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

.compare-btn {
  float: right;
  height: auto;
  line-height: 1;
  background: transparent;
  text-transform: capitalize;
  text-decoration: underline;
  color: #151515;
  font-size: 15px;
}

.compare-btn:hover {
  color: #151515;
  background: transparent;
  text-decoration: underline;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-blog:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-blog .image {
  max-width: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50px;
      -ms-flex: 1 0 50px;
          flex: 1 0 50px;
  height: 50px;
}

.sidebar-blog .image img {
  width: 100%;
}

.sidebar-blog .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 50px);
      -ms-flex: 1 0 calc(100% - 50px);
          flex: 1 0 calc(100% - 50px);
  padding-left: 15px;
}

.sidebar-blog .content h5 {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.sidebar-blog .content p {
  margin-bottom: 0;
}

.sidebar-blog .content span {
  font-size: 15px;
  display: block;
  line-height: 18px;
}

/*-- Sidebar Tags --*/
.sidebar-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -5px;
}

.sidebar-tag li {
  padding: 5px;
}

.sidebar-tag li a {
  display: block;
  border: 1px solid #e5e6e7;
  padding: 5px 10px;
  font-size: 15px;
  color: #151515;
}

.sidebar-tag li a:hover {
  background-color: #151515;
  border-color: #151515;
  color: #ffffff;
}

/*-- Sidebar Product --*/
.sidebar-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-product .image {
  max-width: 80px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 80px;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
}

.sidebar-product .image img {
  width: 100%;
  border: 1px solid #f1f2f3;
}

.sidebar-product .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 80px);
      -ms-flex: 1 0 calc(100% - 80px);
          flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}

.sidebar-product .content .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px;
}

.sidebar-product .content .price span.old {
  margin-left: 10px;
  color: #151515;
  text-decoration: line-through;
}

.sidebar-product .content .ratting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 5px;
}

.sidebar-product .content .ratting i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  color: #151515;
}

.sidebar-product .content .ratting i:last-child {
  margin-right: 0;
}

/*----------------------------------------*/
/*  18. Brand CSS
/*----------------------------------------*/
/*-- Brand Slider --*/
.brand-slider .slick-dots, .brand-slider-two .slick-dots, .brand-slider-three .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brand-section{
  margin-top: 100px;
}

/*-- Brand --*/
.single-brand {
  background: #fff;
  padding: 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-brand {
    padding: 10px;
  }
}

.single-brand .brand-image {
  position: relative;
  overflow: hidden;
}

.single-brand .brand-image img {
  width: 100%;
  height: auto;
}

/*---------------------------------------
    19. Contact CSS
-----------------------------------------*/
/*-- Map --*/
.contact-map {
  height: 400px;
  width: 100%;
}

/*-- Contact Information --*/
.contact-information h3 {
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-information ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 30px;
}

.contact-information ul li:last-child {
  margin-bottom: 0;
}

.contact-information ul li .icon {
  width: 50px;
}

.contact-information ul li .icon i {
  font-size: 30px;
}

.contact-information ul li .text {
  max-width: calc(100% - 50px);
}

.contact-information ul li .text span, .contact-information ul li .text a {
  display: block;
  line-height: 24px;
  max-width: 230px;
}

/*-- Contact Form --*/
.bl {
  border-left: 1px solid #dddd;
}

.name-fild-padding {
  padding-right: 30px;
}

.contact-form-wrap h3 {
  font-size: 36px;
  margin-bottom: 30px;
  font-weight: 600;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .contact-form-wrap h3 {
    font-size: 28px;
  }
}

.contact-form-wrap h3::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 70px;
  height: 2px;
  background: #151515;
}

.contact-form-wrap .fild-name {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}

.contact-form-wrap input {
  width: 100%;
  height: 50px;
  border: 0;
  border-bottom: 2px solid #151515;
  padding: 5px 0px;
  color: #151515;
  border-radius: 0px;
  height: 45px;
}

.contact-form-wrap input:focus {
  border-color: #777777;
  color: #111111;
}

.contact-form-wrap textarea {
  width: 100%;
  height: 200px;
  border: 0;
  border-bottom: 2px solid #151515;
  padding: 10px 00px;
  color: #151515;
  font-size: 16px;
  font-weight: 500;
  resize: none;
  border-radius: 0px;
}

.contact-form-wrap textarea:focus {
  border-color: #777777;
  color: #111111;
}

.contact-form-wrap button {
  margin-top: -5px;
  display: block;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.contact-form-wrap .check-box {
  float: left;
  margin-right: 70px;
}

.contact-form-wrap .check-box:last-child {
  margin-right: 0;
}

.contact-form-wrap .check-box input[type="checkbox"] {
  display: none;
}

.contact-form-wrap .check-box input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #151515;
  margin: 0;
}

.contact-form-wrap .check-box input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-form-wrap .check-box input[type="checkbox"] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #151515;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-form-wrap .check-box input[type="checkbox"]:checked + label::before {
  border: 2px solid #151515;
}

.contact-form-wrap .check-box input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.form-messege.success {
  color: #1dbc51;
  font-weight: 700;
}

.form-messege.error {
  color: #ff1313;
}

/*----------------------------------------*/
/*  20. Newsletter CSS
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .newsletter-content {
    text-align: center;
    margin-bottom: 20px;
  }
}

.newsletter-content h2 {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-content h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-content h2 {
    font-size: 24px;
  }
}

.newsletter-content p {
  max-width: 300px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .newsletter-content p {
    margin: auto;
  }
}

.newsletter-form {
  position: relative;
  border: 2px solid #151515;
  width: 620px;
  max-width: 100%;
  margin: 0 auto;
}

.newsletter-form input {
  width: 100%;
  border: none;
  padding: 10px 20px;
  padding-right: 200px;
  line-height: 30px;
  height: 55px;
  color: #151515;
  font-size: 15px;
  background-color: transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-form input {
    padding-right: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-form input {
    height: 40px;
    padding-right: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .newsletter-form input {
    padding-right: 128px;
    font-size: 11px;
  }
}

.newsletter-form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background: none;
  border: none;
  width: 200px;
  border-left: 2px solid #151515;
  font-size: 13px;
  font-weight: 600;
  color: #151515;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-form button {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-form button {
    width: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .newsletter-form button {
    width: 100px;
    font-size: 11px;
  }
}

.newsletter-form button:hover {
  color: #151515;
}

/*---------------------------------------
    21. Modal CSS
-----------------------------------------*/
.quick-view-modal-container {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.quick-view-modal-container.show {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}

.quick-view-modal-container .modal-dialog {
  max-width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 95%;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}

.quick-view-modal-container .modal-header {
  border: none;
  padding-bottom: 0;
}

.quick-view-modal-container .modal-header button {
  z-index: 999;
}

.quick-view-modal-container .modal-body {
  padding: 30px 50px 70px 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}

@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}

.quick-view-modal-container .modal-content {
  border-radius: 0;
  max-height: 850px;
  overflow: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

/*---------------------------------------
    22. 404 CSS
-----------------------------------------*/
.error-text > h1 {
  font-size: 130px;
  color: #151515;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 130px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-text > h1 {
    font-size: 100px;
    line-height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > h1 {
    font-size: 90px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text > h1 {
    font-size: 120px;
    line-height: 120px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text > h1 {
    font-size: 120px;
    line-height: 120px;
  }
}

.error-text > h2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #151515;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > h2 {
    font-size: 22px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text > h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text > h2 {
    font-size: 18px;
    line-height: 18px;
  }
}

.error-text > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 20px auto 30px;
  color: #151515;
  max-width: 700px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .error-text > p {
    font-size: 18px;
    line-height: 24px;
    max-width: 450px;
  }
}

@media only screen and (max-width: 575px) {
  .error-text > p {
    font-size: 15px;
    line-height: 24px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.error-button a {
  background: #151515 none repeat scroll 0 0;
  border-radius: 35px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 10px;
  padding: 0 30px;
  text-transform: uppercase;
}

.error-button a:hover {
  background: #333;
}


/*----------------------------------------*/
/*  23. Footer CSS
/*----------------------------------------*/
/*-- Footer Widget --*/
.footer-widget .footer-logo {
  margin-bottom: 30px;
}

.footer-widget .footer-logo a {
  display: block;
}

.footer-widget .footer-logo a img {
  width: 107px;
}

.footer-widget .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}

.footer-widget h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget h2 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h2 {
    font-size: 22px;
    line-height: 28px;
  }
}

.footer-widget p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.footer-widget .contact-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.footer-widget .opeaning-title {
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  margin-bottom: 0;
}

.footer-widget ul.address li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
}

.footer-widget ul.address li:last-child {
  margin-bottom: 0;
}

.footer-widget ul.address li i {
  margin-right: 15px;
  line-height: 28px;
  font-size: 18px;
}

.footer-widget ul.address li span {
  overflow: hidden;
}

.footer-widget ul.address li a {
  display: block;
}

.footer-widget ul.address li a:hover {
  color: #151515;
}

.footer-widget > .ft-menu {
  display: inline-block;
}

.footer-widget > .ft-menu > li {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

.footer-widget > .ft-menu > li:last-child {
  margin-bottom: 0;
}

.footer-widget > .ft-menu > li > a {
  text-transform: capitalize;
  text-decoration: none;
  display: inherit;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.footer-widget > .ft-menu > li > a:hover {
  color: #151515;
}

/*-- Footer Bottom --*/
.footer-bottom {
  border-top: 1px solid #dddddd;
}

/*-- Copyright --*/
@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center !important;
  }
}

.copyright p {
  line-height: 30px;
  font-size: 13px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .copyright p {
    margin-bottom: 15px;
  }
}

.copyright p a {
  color: #151515;
}

.copyright p a:hover {
  color: #151515;
}

/*----------------------------------------*/
/*  24. Calculator CSS
/*----------------------------------------*/

.line{width: 100%;position: relative;clear: both;}
.line .wrap{width: 1288px; max-width: 100%; position: relative; margin: auto;text-align: center; clear: both;float: none; padding-top: 1px; box-sizing: border-box}
.line.top .wrap{padding-top: 0;}
#calculator .right{float: right}
#calculator .collapse{height: 0;float: none;clear: both;width: 100%;}
.hide{display: none;}
.line h1, .line .ah1, .line h2{font-size:2.4em; display: block;}
.line .wrap.title h1{font-size: 3em;}
.line .wrap.left{text-align: left;}
.cutline{float: none;clear: both;width: 100%;left: 20px;}
#calculator .justify-center{justify-content: space-around;display: flex; max-width: 100%;flex-wrap: wrap}
#calculator .xs-show{display: none}
#calculator .break{width: 100%; clear: none; height: 30px;float: left;}
#calculator .wrap{background: #fff;padding: 40px 52px 35px; padding-bottom: 100px;border-radius: 30px;}
#calculator .elem{margin-bottom: 20px;}
#calculator .wrap .ah1{margin: 0; text-align: left; margin-bottom: 35px;}
#calculator a.button{font-size: 14px;font-weight: bold;color:black;border-radius: 50px;border: 2px solid #0079ff; padding: 12px 35px;margin-top: -14px; margin-left: 11px;cursor: pointer;}
#calculator a.button:hover{background: #0079ff; color: #fff;}
#calculator .radiotabs{position: relative;text-align: center;}
#calculator .radiotabs input{display: none;position: absolute;}
#calculator .radiotabs label{float: none; cursor: pointer; position: relative;}
#calculator .radiotabs label{border-radius: 50px; background: #f2f2f2; float: left; padding: 5px 15px; font-size: 14px;color: #000; margin: 3px;}
#calculator .radiotabs > input:checked + label{box-shadow: inset 0 0 0 1px #0079ff, 0 0 0 1px #0079ff!important;z-index: 1}
#calculator .radiotabs label:hover{background-color: #f3f3f3}
#calculator .noradius{border-radius: 10px!important; margin-left: 4px; margin-right: 4px!important;}
#calculator .round{padding: 5px 17px!important;}
#calculator .format-radius{padding: 5px!important; margin-left: 5px!important;}
#calculator .colors{}
#calculator .print_size_switcher label{width: 39px;}
#calculator .t_short_switcher label{background-position: center 17px;background-repeat:no-repeat; margin-left: 6px; margin-right: 6px!important;}
#calculator .t_short_switcher .t_shirt{padding-top: 75px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAEjUlEQVRoge3ZX4hc5RnH8c+z2U0i1ggJpJKQUK21RkXRS6W9SHIRi6JgtPZC/EclmkQIrcbdmZbR7Iz/Uv9lFWMRtaAGBaFNNYqiBYMXIomKUZtaheTCaFCTlQpmduftxTk7O5udidlNNowwXzjMOc97nuf9/c5533Pew9Chw5QQR5S9Np2o21JciGWYP8EKu/EKXtbjVaUYnKyUiRu5LZ2i28WSi/BrTJ9s5wcxjHeFfwqbrbONSIebfHhGSmm2A1YKv8eChpaq8JaaLcI5+B2eVI5rD1mvkJ7ANcIzat7X5ULJ+ehpULZL8rgeA0rx9ZEbKaaLJH/FSQ3RLXjckNfcHfuR3alpPsR0yZUq8VwLE7/FszggLNIfn6FxmF4vG6ojfCG5XiVenLyRYlojuS8/eg+7cDEqylFoInIVNqAm2WiaJxywE0x3mprrcAO6hFX64+EmfVYkvZJ/CD/D2UjCGv3xYCupXS1N9KUlkvWooVeP84SB3P6vmuaUYwCrZUPuRjVv67ZPt31q3sYKVLGyqQlI9doDdjoPhTx+n760ZGJGSmmmsFF25dYpx11KUTPkk7xo66dTOQYMO0O4F9uxL9+24x5hkXI80jKfebmyTzwfw8pRwbpcy0alNLNZUnfTUlW34ufY4UvlenymPargp4cQwl3xKW495DmtOSlX9kU9stMdTnMJznHALTJjYxh/R9amhbmIJKzyWFTrbV8ZzveaX4Cjw0jtoXrk+RjGqlxTr2I6+eCk8Ua6PYTjhaf1x7/GtM1xYr436RfXYfBt/jtrTLQcW/EMjlOrP4DqjDVSTMtwCQbVmgyN783O9745YrmtyWoPmTOuJbkFg8KludY6o0ZKabrkgfzodpX4fFyhac7I9/59VCQ3Z2f+u2hcS6bpdpBssDrNGGkaNVL1R/wSO+y1oUUn54Ow7SgIbsU7ILmgaWumbQdONcsfRsKZkWyC9+UFVo+Z4CNk7i8HYfPR030Qyd/zPq5ovOJ1HouqZHV+1Jdrz41M8xfZBN+kEm807WCWtZKFkC3opoiK7SBZaJa1zc+JN4RNOD7XrksxLRWW4zvVFonF9Av0jgYOf1U6ccbU7tObTm96Wrc1som/XDEt62qY4H9zd+wan5FC8iiavlGnmBm6PEwavyYsxR7Z45hkfZfR5/YKxfSsUpo3JqHPVViMvVOpuAV7sTjXMEohzVdIm2RrN8JguCH1mOsmyTqcgP8J63Wr4CeqPsJcydXCU6AcR/Zl+UMU0sjwugZP4is1i8zwjSErJXfIXpjfCffa785oSF6A+3FZHvlAtmz/DV5XtlRB7ZgaKetS8JpsRGzBQpwJkhcMWzMyHUbXTOXYjeWKabFkAGfl2/dqVmaTcArneFMiibRC8r7Rj63/Cjcrx0uNZ45fa/XH6wadiz9hv9Drzvh4yjW3oj/+I/Rhv+TPBp2pf6yJiVNIqWH8Th2T6Kf1F+KPjI6RdqNjpN3oGGk3OkbajY6RdqNjpN3oGGk3OkbajY6RdmNy/zwdi+/2CTLRO7J1SlQ0I7x5zPrq0KE1/wet6l/cQPbJzAAAAABJRU5ErkJggg==);}
#calculator .t_short_switcher .sweatshirt{padding-top: 75px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAEwUlEQVRoge3aX4icVxnH8c8zu5utEc1etbYFNXFrsCY02ubCiihKEa2CCqtooKkXYjUEKrSkyWZxiNlNI9QGxT9IRRustdbrQPEPNYoUeqEm8U/bmNLqRWiITdMmtruz83gx7yQ7+87sTNLZsIb9wjJnznme5/x+75k5Z96Z5TIh+lcqw4QNZn1c2Ih34kq8qQh4GS/gaelJAw74hj8T2Y/ZL9zI1hw2YlTd9dIaYY3wbmk93nyB1V7DP/FX4Zh0DH9Tc9jeeOlCCvVupJor1RyQPtgl8ih2qDts2CmcKvpHvGZExXpMYbRLnccNuVU1zvYib7CXIGM5YMbPOWfiGRwRjuIZdUeluorHCoGr7YlH51U5juPG81NFzKv4qDSgYhTXSaNYh+vwIdMeNpaf8WjMdpPY24qM5/dxx5ysMbvjl6W4HXmb8GNU8BvpPis8CaZtFO7Ch1HHbSbjoTZzjeEXc3p+YDK+0k1ipQcTXy1MvCL8DKT3tY2div3SF3EWHxEOmHHCjBPCgcLEGWlzWxOttR/CK7jDznydRrbn+3E/UtgsiyuVC7y+p2K/IWvxTRzGmeLvkLAXa03FTzvmx7najwibkdI+27P9xTuX1olqjqj5i/RWTJmMcTtyg/AnHDIZNyxU+KIZz0NYL91gKg4Zz0nswHOGbFCNU+3SOq/IjO8VJp4w5Otg1n+K0av7Kr6VRu1wEoq5n8Db1Hy3U1J7I+P5OXwep83apBq1YqS5tw/3RXJ73gBmnAbVqJm1CaelLxTaSpSNbMtVGu8Lwp3ujWNzpmgaqJXy+scMWDnnYt0bx4Q7i2f3q2bp4C0bGbRLY3kP2u0nLWM1byxap/sguBONVf+vlS29DS0HcbVpu+YntRqZyPdgC2akLaXPQeHKovV8fzS35Tkw6C2t3ZENTWrCFhPZstm0GqnbhQHh26biSGmKuhuL1lP9Ut2Gp4vH95ZGpuKI9B0Mmm1dlfNGGg5vxRmz9naYZCNIf3z9ejsQ52rf1HY8TWoczp80keub3ZU5AfcgpB/aEydKBaq5Eh8DdQf7pbsNjxePnyjmbGVPnJR+hFC3vdndMHJPjkpjmLbCt9qWr/kSroKWnazf7I5ni9ZVxZxlwn2YxmftzHfQNDLodgzgYdX4dylxaw5Ld/dddDfS3bZm+cyajH/hEQ3Nm6FChrSpSHywbcFVbse1i6N2Qa4t5i4T9kNTe8WE6/F2HLfC70oJYzkgbVskod1J24zlQKl/0G9xAmvszHdV1N0Cwq9Vo15KWOvTWG1xt9xOPIXVhYZWqlEXfgXSLRVRnA3p921Lpa8VrX2LobQL++ZpaKWpOdxYkdaBusOlwInciJtx0lDxmryUNOY8iZsLLa00Nad1FVwDhj3bJvDLIDzQ65cAfaUaZ4UHWrTMJTSPgWsqWFU8Kd+wZHEAzs778HhpebBFy1xWeLFojVQ07y2q8WopMIrV2hP/WBSJvbA7/t6iZS7nNV/R/cuH/xOWjSw1lo0sNZaNLDWWjSw1lo0sNS4bI+d/ehvPvvy6uqgsoLGCPyyYHB3uHC8tXTUOmowPXCIxF08PGi+b98iykaXGZWOkt/98mM8S3KovdEUW3gb7ydLY9pe5aP4HuHZfvc0EcigAAAAASUVORK5CYII=);}
#calculator .t_short_switcher .hoody{padding-top: 75px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAGBElEQVRoge3Ye4ycVRkG8N/ZS9dSLWqxlFpaDFisNahBiAmRFOQSai8hwaAYocF1G5Si9YKmu9WJu2vVWIu2VjC0QohNTNNwsxJrICg0pgl/dDWrFpRAaSIJJRHRXnZ25/jHd7oz33S2O9v90Mb0SSbfN+e85zzPM+f2zuE0Ti2EN6TXtXGhik5cjfNS6Qv4jRb36g2DRVMWa6QUpyhbj9vQOkbUiGizKb6iFIaKom4pqqNkYiduR1m0AZdoN027abgEd2FYsErZTqU4pSj6tqI6SiNxFV7S4mN6wx/rIp7BM9bEnwl+hasM+T7uKIK+mKmVrYkBDIsuRQW3Cq7BvBT1omiXVlvQpmJPel5kXfjTZCUUM7Wyhd0q2opOwV7BaizEm9NnoWC1igEVt4ruQ6ugswgJRU2ta9JzqWAOjog2CbY5KtuhpnqfipuwUjadDoDg6iIEFGXkXEgmxloje7DH2rjViF+mWKpTb1Ioatd6S3oeGcNEFb1hQKslOFrXdlIobvvNcPcJTRxDbxgQ/bRI4mKNtNjWdGyrnxdLXSRa/XkCsYWmKUUZeR0cmsC5VI19vQgBRe1aB7DAFLOxT3e8HStku9mZKeY1vIT79IdNWr2zpu2kMfkRKcU5iCC6KD2P4GLMREf6zExlQ4n5/XV9TAonNyKl2KZsOT6j7BrVTPc6bFexQzCow9+86jUww5mOOl+HfTWxsEDZC7rjLsG92jyiFIYnKmliuVYpthi2UvQ11YNsCL/GUvxD2VzfCyee96U4Xdl+2bR7FNfiWCb8ouC72tyjFCrNSmt+apXiGYbsEG3GPMF+0RrRXP1hmeApvFW7z47bV1lXMvE7/WGZaK5oDf6OeaLNhuxQimc0K6+5EVkVO0z3GK6QncgdeFJ/uGI0pjsuxSM4qOI91oVXG/ZVimcp+wtmiJb4dtgJPh5bzTeIC/EvWaL5hH9abGM42rCvGjQ3ItNtSiZe1uJiwX4s0h0vH43pD4+mUTlLi/Vj9jVsPWYIfjtqAuZbjAsFuwUfwsu40nQ/akbi+Ea643J0YkjFDXrDoIqtqfbGXOyIThzCLXri8VOsO3aJbsa/qZuC0bXpbYu+sE/FDbL116UnLpuckdVxquzvKXzVurA7ke4CwZJc/LrwrODOFLNRd7y0xsSHGf1179QXnsu1DbLRLXs89bW7pq+7lOKbTt7INCtktyB7PevHo+VH7E0E51oVO3Jt+mzGg7J19LCeuEBPXICHUtkO/X7SgG02KqbWHJD7bMIA3qVsxckZKcUW0WoQ9NseRkbrDhiSHYINNosQHfIp0R7MEj0uegJnC37vkE8TYgPG4aSneiGxPYwI+tK3LyvFMfWObaRsKd6N5+3zYK5uvjnJxCsNd5QN4bBoKf6AczALA9ossyEcHoMxG4kh782VZtzP44KkaYJG+CKI7s6NBgSL09vTY7ZeF15RceXo94qPKoWDJ+Dbk57X5Uoz7ntymhqgsZE18QNYhMPpQqGKrtgu+hKItpxAmNxZMta5UsUvQNCpK7bnatptxREssjZ+sFHjxkZa0trg/uMEvMNtuABM8dg44ppHv6fS23mJo4pSOCi6H8TGo3K8kVKcJboRI4If5Oq+Ht+Gb9QQNJ0LjY/cBvDNxFWrdD0qok9YE8+pb328kSwP6hA9fNxe32ItZhSgejy8XWvNDwZ94TnRQ7Jdrau+Qd5INv9XppqNubruOE/weeQX/huDEXxOd8xfFVU1ddWvo7yRmZYLZmNQX3iyrvMe2a/R/AVDhqdTDjYRbEtca3OlmaZBwWwzLa+tyhuJbgKhbjfqiefjFgwb8a0JSeoPH9EXLh8/sAYZxzBuTtxVHNNW8cna4vo1clkK3pUrje5AOx7wnfDXCYk6GWQcD6BdxRdydWE0z7ustrjeyEzQq/52/PoU/cOitI6LKtf1ufKqtrPz4Q1xXC6U3e32hoFJymsex7iqd8QJDfO0wq9M/2c4beRUw2kjpxpOGznV8H9jpPEldndseOicdNxk0QRP/YiM/R88n8GOHTdZNMsz8Yz6NP6r+A+FIMoOMbHHUAAAAABJRU5ErkJggg==);}
#calculator .t_short_switcher .polo{padding-top: 75px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAF/klEQVRogd3ZXYyUVxkH8N952YHu8lEpaqEEe4EVWm3S1jbYijaYGmkr2NBGiKQSrzTeUU0FdqtD2Y8bjR8Xmmhi0MhFXYpgDVqjBeyXJNgWEyMQjFITLJZWSyoUlp3jxXtmdj7pLjtL6P6TyZn3nOc5z/8/z/l8h0mC0L6uYtDtw7gHt+I6vBczksH/cAJHBX8S7VZwQDGU2hG9PULWx05dnsEtY/R8wWlLfTucGS+FbLwdgC69RkRsE9wvulHBfKd1Oa1LwXzRjYL7sS3Z3qJLfzsojD8jG+PHZPYq/yjBZr2heEGf7rgZX09PJSzTF/4wHhoXJ6QYpzrvE6JVeACz8St8GicVLFIMr7fwvcqQI5hT5fMfbBfs0OEpxXBuYoX0xOWiz2EF3lXTlrlJST/uEf3SSQ/4YRiqEzHVkO3Jf7fMJiUv1UX5L54Q/Exv+G17hfTE65RsE9xWVXsIO7EEywRfVrJD8CLmCZ7FozoccFYQ3CrzDdHt+JfoZplVou9jj+CPovtwfSVCtF9mrd7wt7ej+PaTvTsuFT1fIyL6gr5wvb6wUTCY6u7UH07I3I1/ij4qetKQ12ROCn4jul3wsmi5/nBCdCcIBvWGTfrCDVhTiRMsEe3XHZeOT8gj8Wbslo/nJ/Gj1DK/ympvKj8OtoSDSu7C2VR/Pn3grGGf1B/+XOMz0ge8J5WP4dcp9m6b4k0XJ+ThOFPJIGaKdjriXtFTyetDFbteh+Qb3Tw9cZFinCuzC9NwSMECBQvkQ3GazC7FOFdPXIR5OJH6yBG9P5UHHbFCtBMzBds9HGeOXUiHASzEIVOtMxiGTfHXmmAgROVfNFptyB4sTiKWKYZXFMMrCpYlMYsN2SNanTrYm/pI3XlfKv9hMAybah0OY6FC6z2nuZCNcbHgixgWrVYMp8AUf08WC+s89qZyc4OIMurF5LbVvmUsSOWx5HdKZjWG8SUb4+LRC8l8BR34cdV4lgS9jtm+Fq+s1JdqyDSKaC6mmS+8GwSvVmq2hIPYig6Zh0YnZEOcjbWIgm818TmZAs2p1Aw4LHgeL7UU0SjmIJ4z4HCdxSwwVFkscpR8ExFrE8cadDQE6rBG1Inf6Q31QYjeEJBVb4gh6nVHS/LNxNBqFZoGOtXu7gPhkO74e9ylwxr8oLq5MSMl69K3rS0C5cfuKQqjIj12DIO36jIC0U9S+fn6plohPXGRYAlOKfhFi0Bln/Mt2seLXEDUeE+ZagdO4SNp+W4gJTmXlQ4qhtNNwwRXgfPGfYdogX+DQopTjZxT+SRRk5URIcWY4cH0tLV5jBjku3rJW5WluN04nodydYv2ral8MHFGtZBzlsnX8KP6PNu0i0fcgCvwcjtudS2QLzCx6vRQjZzbUSxInFEtJKRJHv20ZqetRsm96duoj9djRrQ/8bmtuUGIOUcjnJWFFOMMrEJJSEb16I7XKt/qSi1s2oGsMhrWppiNyDmWsCpxT0KGrMB0wdP6wrGmztH3MB0MeK6N1GvRoRx/eorZiL5wTPA0pifulaFVPsA91tSxJ94nWDlS0WLotQPHTRkJY6Xu+JmmdtHPU/lZyBTjLHwKw0p2NDisj52i77SfcQtcUyUkx3etj50NdtHjGBYsV4yzMueslK9E+/SHEw0OXdbjWhxoP+smeLMi5EyKeW3iUIuc6z5c4ZyVWbqawhMNxpvi1dgASr7aftZNMKMiZKgq5obEpR4558zdmVg57DVO4OAhzMQuA2Ffexm3RHnellLMXfIbYrPje845uiNTvsi86sUmhutS15ubtE0MzigvJPkbnujR9NxwUKzivCAjpbL+HVSOPJ1bQjORE4POOiH94YX0PLfBdoTzlPa8+20nTtcJGSUuPyFdLmqPuvyEvDlZMjKCd7iQGZMlI29MFiFXTpbJ/tpkycicySJkBO9wIccnS0auubjJPvLutztO3PV1LPiL6ANolpELcMzwzAU7zi/5lw4fbDq02syxO8aJz1wMKc7wWLwuvzky8oZmTJO98f+R0eDSzKcJXbUuPFbbiUs9Ny8X/B8kFds/soj/KQAAAABJRU5ErkJggg==);}
#calculator .t_short_switcher .bag{padding-top: 75px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAADb0lEQVRogd2avU8UQRjGf3McBwEaMRGjQEKMxlhpbO2ItRDDPyCRxsrEaOQstuAwxmBjJQlorVFjZaGUthKtpNCCAyMW2PiBwO1rsbv34c3c3e4sMPA0t3c777vPk/djZnYODghU6h49ybHFKIoRhHNAf3hnBXgPvKKdl3hqM83HpiskL2PAPWCoycgvwE0K6nlaj05HyJi0cZL7KK6HvywC8ygW2GAZgE4GEYaBceBs+PQZlrjFM1WypZCOkEl5EIrYQLjGNI9BiXasJxk2uYLiIdCJYoYpdcOWgr2QIJ2eAn/wuchd9a5FuwvAGwIxl5lSL2xo2AkJCvsTMIQwzrSaj2V/R64izAKfaeeMTQPIJDUEYItRgsJeJMeT2PZZ5oAPwAm2uGRDxU4IjAKgmMNTfmzrwGY+9DFiQ8RWyDkASiwk9uDzFgDhvA0RWyHHAOhgJbGHjrA9w3EbIrZCegDw1M/EHiq2PTZEbIU4g8btNy+/gK7dodIUvymobtNNc0Ruy2HcEQHQhSe9pptZo5liILxaoqBOa8fkJViGFJTdxNrMT16WgFOUGADWdUPMEakIWTaO2T0EHKTMqQ6Nij0y0rfWSRnWXsdFa36KAAiDJjeNIjIYfuojopitun5k9NMMrfkphp8JIiLhzs43RETIVX3Lace0glb8iI2QyChjrJEJhBWgiGKigZ9maO6nwsEoxNy1CFOrZBAyrV43ctwyWvOTMCKeZEhjHZUWsmUh/SG3OphS6yhBvq5braPSQsDhB9DOJn26IXohpXIIi9r7e4OAi9Knl16IX+7XLkyGEQIuSj+XmFLLvYg0acH7R0jExT8oQmJFJFrT+A7ViEpSI1FnEIciouJGxJMccATw6eTrzjGLiSyrgA/0hRxrUC9kg34gg/At7Vf/Vgi4rAEZtuvfuNQLUU4WeoRoX1KXXmYhpn3IXkLMq2BdsbsfkX0vJBNHSKVPuyekwqluLjFHxLwz3DskqpE2ByPSYOFYK8STHuAQsAl833FicZFjjYBbb8i1jFoh21XvspIc3Ow0Ak6rAPwtn98D9akVzSHupVUF2p2iXog4WOgRlL7g9ULcbL0RAm6Z2hZcK0ScnkMiaNdbptRyX0hLqdXmcI34+hr5/5Vp9OL6I3n9X0kcgiEiwVGb8YzOQXRXH8X9A44Y8jKjx8A5AAAAAElFTkSuQmCC)}
#calculator .cutline{height: 1px;background: #eaeaea;padding: 0 52px;margin: 20px 0px 20px;}
#calculator .cutline .title{position: relative;top: -11px;font-size: 18px;font-weight: bold;padding: 0 30px;background: #fff;display: inline-block;}
#calculator .elem .title{text-align: left;color: #777;font-size: 14px;margin-bottom: 12px;margin-top: -2px;}
.color_switcher label{padding: 0 !important;width: 28px;height: 28px;background: #00b2dc;margin-right: 7px;margin-bottom: 10px;}
.color_switcher label.blue{background: #00b2dc !important;;}
.color_switcher label.nightblue{background: #0b5394 !important;;}
.color_switcher label.white{background: #fff !important;;box-shadow: inset 0 0 0 1px #eaeaea;}
.color_switcher label.black{background: #000 !important;;}
.color_switcher label.grey{background: #cbcfcb !important;;}
.color_switcher label.green{background: #f0de22 !important;;}
.color_switcher label.red{background: #dc2a00 !important;}
.color_switcher label.purple{background: #efb921 !important;;}
#calculator .color_switcher{margin-right: 35px;width: 175px;}
#calculator .print_method_switcher label{width: 31%;max-width: 365px;box-sizing: border-box;padding-left: 23px;}
#calculator .print_method_switcher label .flag{padding: 0 10px 0 15px;height: 19px;position: absolute;right: -7px;background: #f55d03;font-size: 12px;color: #fff;font-weight: bold;line-height: 19px;top: 19px;}
#calculator .print_method_switcher label .flag.blue{background: #00b2dc;}
#calculator .print_method_switcher label .flag.green{background: #a9b72d;}
#calculator .print_method_switcher label .flag:before{position: absolute;content: '';border-left: 7px solid #f8f8f8;height: 0;width: 0;border-top: 10px solid transparent;border-bottom: 9px solid transparent;left: 0;}
#calculator .print_method_switcher label:hover .flag:before{border-left: 7px solid #f3f3f3}
#calculator .print_method_switcher label .flag:after{content: '';position: absolute;border-bottom: 4px solid #ba4702;width: 0;border-right: 6px solid transparent;top: -4px;right: 0;}
#calculator .print_method_switcher label .flag.blue:after{border-bottom: 4px solid #06718a;}
#calculator .print_method_switcher label .flag.green:after{border-bottom: 4px solid #798418;}
#calculator .print_method_switcher .title {color: #000;font-size: 16px;font-weight: bold;margin: 6px 0 11px;}
#calculator .print_method_switcher .description{color: #999;text-align: left;line-height: 20px; min-height: 60px;}
#calculator .print_method_switcher .price{font-size: 1em;text-align: left;    margin: 5px 0 0;}
#calculator .print_method_switcher .price span{font-size: 1.3em; font-weight: bold;}
#calculator .advantages{display:inline!important;padding: 8px!important;margin-left:3px!important;margin-right:3px!important; margin-top: -10px!important; box-shadow: 0px 0px 0px 0px white!important;  border: 2px solid #B17DC6!important;}
#calculator .podsk{color: gray;font-size: 15px;float: left;text-align: left;margin-top: 10px; padding-bottom: 50px;}
#calculator .deactivate{-webkit-filter: grayscale(100%);opacity: 0.5;cursor: default;}
.calculator_range {background: #f8f8f8;width: 212px;height: 51px;display: flex; box-shadow: 0 0 0 1px #eaeaea; position: relative;    margin-top: 25px;}
.calculator_range .minus,#calculator_range .plus{width: 23%;color: #0079ff; box-shadow: 0 0 0 1px #eaeaea;position: absolute;top: 0;height:100%;line-height: 52px;font-size: 31px;font-weight: bold;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.calculator_range .minus:hover,#calculator_range .plus:hover{background-color: #f3f3f3}
.calculator_range .minus{left: 0;line-height: 47px;}
.calculator_range .plus{right: 0}
.calculator_range .value{left: 23%; right: 23%;position: absolute;line-height: 51px;font-size: 17px;}
.calculator_range input[type="text"].value{width: 114px;height: 50px;border: 0 none;text-align: center;vertical-align: middle;background: none;margin: 0 auto;}
.calculator_range input[type="text"].value::placeholder{color: #ccc;}
#calculator .total span{font-size: 40px;vertical-align: -9px;font-family: "GT Eesti Pro Display", sans-serif;font-weight: bold;margin: 0 0 0 11px;}
@media (max-width: 1199px) {
    #calculator .justify{display: block;}
    #calculator .elem{display: inline-block;}
}
@media (max-width: 1199px) and (min-width: 575px){
    #calculator .color_switcher{margin-right: 0;width: auto;}
}

@media only screen and (max-width: 767px){
    .calculator_range{margin-top: 0}
    .color_switcher label{padding: 0 !important;width: 28px;height: 33px;box-shadow: 0 0 0 0 #fff;background: #00b2dc;margin-right: 7px;margin-bottom: 10px;}
    #calculator .print_type_switcher label{border-radius: 50px; background: #f2f2f2; float: left; padding: 10px 0; font-size: 24px;color: #000; margin: 3px;}
    #calculator .round{padding: 5px 24px 5px 24px!important;}
}
@media (max-width: 900px) and (min-width: 575px) {
    #calculator .mobile-reverse{display: flex; flex-direction: column-reverse;width: 100%;}
    #calculator .mobile-reverse a.button{width: 80%; margin: 16px auto 0; float: none;}
}
@media (max-width: 940px) {
    #calculator .total.lg-show{margin: 0 0 20px;float: none;}}
@media (max-width: 575px) {
    .xs-full, .xs-full li, .col-2, .col-1{width:100%; box-sizing: border-box; margin: 0; max-width: 100% !important;}
    .xs-hide{display: none !important;}
    .xs-show{display: block}
    .break{height: 12px;}
    body .page{-webkit-transition: -webkit-transform .24s ease;-ms-transition: -ms-transform .24s ease;-moz-transition: -moz-transform .24s ease;transition: transform .24s ease; position: relative;}
    .line h1, .line .ah1, .line h2{font-size: 1.6em;}
    .line .wrap.title h1{font-size: 1.8em;}
    .line h1.wings{margin-top: 0.7em;}
    #calculator .elem{width: 100%;}
    #calculator .wrap{padding: 18px 22px;}
    #calculator .wrap h2{text-align: center;margin-bottom: 17px;}
    #calculator .radiotabs label{padding: 5px 0; text-align: center;font-size: 10px;font-size: 3vw;}
    #calculator .elem.left{float: none;}
    #calculator .radiotabs{width: 100%}
    #calculator .radiotabs.t_short_switcher label{background-position: center 9px;background-size: 22px;padding-top: 37px;padding-bottom: 7px;}
    #calculator .radiotabs.t_short_switcher label.bag{background-size: 18px;}
    #calculator .radiotabs.row-4 label{width: 25%;}
    #calculator .radiotabs.row-5 label{width: 20%;}
    #calculator .radiotabs.row-7 label{width: 14.4%;}
    #calculator .radiotabs.row-8 label{width: 10.5%;margin: 0 1%;}
    #calculator .radiotabs.row-10 label{}
    #calculator .radiotabs.row-10 label.as4 {width: 40%;}
    #calculator a.button, #calculator .total{width: 100%;padding: 10px 0;margin: 6px 0;}
    #calculator .cutline{margin: 20px 0; padding: 0}
    #calculator .cutline .title {top: -9px;font-size: 15px;padding: 0 12px;}
    #calculator .print_method_switcher .title{font-size: 2.6vw;}
    #calculator .print_method_switcher label{font-size: 2.6vw;margin-bottom: 14px;padding: 14px;line-height: 1em;height: auto;width: 100%;}
    #calculator .print_method_switcher label .price{position: relative;text-align: left;bottom: 0;margin-top: 7px;}
    #calculator .print_method_switcher label .description{line-height: 1.2em}
    .mobile-reverse{display: flex; flex-direction: column-reverse;width: 100%;margin-top: -22px;}
    .text{width: 96%;margin-left: auto; margin-right: auto}

}
@media (min-width: 575px) {
    #calculator .t_short_switcher label{width: 103px; padding: 66px 0px 9px; max-width: 25%;}
}
@media (max-width: 530px) {.col-2.flex{width: 100%;min-width: 0;}}
@media (max-width: 480px) {
    #calculator .total span {font-size: 36px;vertical-align: -8px;}
}
@media (max-width: 400px) {
    #calculator .print_method_switcher label, #calculator .print_method_switcher .title{font-size:4vw;}
}
@media (max-width: 250px) {.col-1.flex{width: 100%;min-width: 0;}}
@media (max-width: 1000px) {
    .print_method_switcher{display: block;}
    #calculator .print_method_switcher label{display: block;margin: auto;float: none;width: 100%;margin-bottom: 12px;}
}

.swiper-slide img {
    border-radius: 10px;
}

.bannerCarousel .swiper-slide img {
    border-radius: 0px;
}

.productGallery .swiper-slide img:hover {
    cursor: zoom-in;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.productThumbs {
    box-sizing: border-box;
    padding: 10px 0;
}

.productThumbs .swiper-slide {
    opacity: 0.4;
}

.productThumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.productThumbs .swiper-slide img {
    height: auto;
    border-radius: 5px;
    margin-top: 10px;
}

.coverflow-badge{
    position: relative;
    top: 30px;
    margin-right: 7px;
    font-size: 14px;
}
@media only screen and (max-width: 767px) {
    .coverflow-badge{
        font-size: 12px;
    }
}

.btn-text-dark{
    color: #343a40;
}

.btn-text-dark:hover{
    color: white;
}

.page-banner-section {
    height: 120px;
    width: 100%;
    position: relative;
    z-index: 1;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .page-banner-section {
        height: 150px;
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page-banner-section {
        height: 140px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-banner-section {
        width: 100%;
        height: calc(100vw / 6.12);
    }
}

@media only screen and (max-width: 767px) {
    .page-banner-section {
        width: 100%;
        height: calc(100vw / 5.12);
    }
}

.menu-expand-link {
    font-weight: 600!important;
}

.ordercase-detailsgroup {
    min-width: 90px;
}

.block-header {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .4pt;
    margin-bottom: 2rem!important;
}
.textile-u3-block span {
    font-weight: 500;
    font-size: 24px;
}

@media (max-width: 767px) {
    .block-header {
        font-size: 26px;
        margin-bottom: 2rem!important;
    }
}

@media (max-width: 991px){
    .block-header {
        font-size: 32px;
        margin-bottom: 2rem!important;
    }
}

.messenger {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 170px;
    height: 60px;
    z-index: 2147483647;
    /* overflow: hidden; */
}
.messenger-btn {
    padding: 14px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #0079ff;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.messenger-btn img {
    width: 32px;
    height: 32px;
}
.messenger-links {
    position: absolute;
    left: 50px;
    top: 10px;
    width: 200px;
    transform: scale(0);
    transform-origin: 100% 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 0;
}
.messenger-links.show {
    left: 0;
    transform: scale(1);
}
.messenger-links a {
    width: 40px;
    margin-left: 4px;
}
.messenger-links img {
    max-width: 40px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.messenger-links a:hover img {
    transform: scale(1.1);
    text-decoration: none;
}

.messenger-btn:before,
.messenger-btn:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #0079ff; /*цвет анимированных волн от кнопки*/
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border-radius: 50%;
    animation: messenger-pulse 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.telegram-button:after{
    animation-delay: .5s;
}

@keyframes messenger-pulse
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}