/** Shopify CDN: Minification failed

Line 2991:0 Unexpected "}"

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

    Template Name: Fusta - Furniture eCommerce Bootstrap 4 HTML5 Template
    Template URI: http://devitems.com/preview/fusta.html
    Description: Fusta - Furniture eCommerce Bootstrap4 HTML5 Template
    Author: Hastech
    Author URI: http://devitems.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    =========================================
	
    01. Theme default CSS
        - Common Classes
        - Section Padding
    02. Element
        - Button Style 
        - Section Title Css
        - Breadcrumb Style
        - Paginatoin Css
    03. Header-top css
	    - Header Bottom Css
        - Main Menu Css
        - Right Blok Box Css
        - Shopping Cart Css
    04. Hero Css
    05. About Area Css
    06. Product Area Css
    07. Banner Area Css
    08. Testimonial Area Css
    09. Instagram Css
    10. Footer Area Css
    11. Mobile Menu Css
    12. Service Area Css
    13. Blog Page Css
    14. sidebar Css
    15. Product Details Css
    16. Checkout Page Css
    17. Cart Page Css
    18. My Account Page Css
    19. Login And Register Page Css
    20. About Us Page Css
    21. Contact Us Page Css
    22. Error 404 Page Css
    23. Compare Page Css
    24. Frequently Question Page Css

-----------------------------------------------------------------------------------*/
/* transition */
/* flex */
/* transform */
/* opacity */
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800|Open+Sans:300,400,600,700,800");
/*-- Common Style --*/

/* installed font code jkreat start*/
@font-face {
    font-family: "Manifold cf";
    src: url("manifold-cf-webfont.woff") format("woff"), url("assets/manifold-cf-webfont.woff2") format("woff2");
}
@font-face {
    font-family: "Manifold cf bold";
    src: url("manifold-cf-bold-webfont.woff") format("woff"), url("assets/manifold-cf-bold-webfont.woff2") format("woff2");
}
/* installed font code jkreat end*/


*, *::after, *::before {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Montserrat", sans-serif;
  color: #191919;
}

h1, h2, h3, h4, h5, h6 {
  color: #383838;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-top: 0;
  
  position:relative;
  margin-bottom:8px;
}

h2, h3, h4{
  letter-spacing: 0.05em;
}
h2 a, h3 a, h4 a{
  letter-spacing: 0;
}


.main-content-wrap h2:before, h3:before, .lg-banner-info h2:before{
    content:'';
    background: #d23235;
    position: absolute;
    height: 3px;
    bottom:-7px;
  	width: 100px;
  	
  	transition: width .5s ease-out;
}
/*h3.anim:before, h4.anim:before {
  	width: 100px;
}*/
.slider-text-info h3:before{
    display:none;
}

h1 {
  font-size: 58px;
  line-height: 1;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

p {
  font-family: "Open Sans", sans-serif;
}

a, button {
  color: inherit;
  display: inline-block; /*inline-block;*/
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

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

button, input[type="submit"] {
  cursor: pointer;
}

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

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

ul.disk {
    list-style-type: disc !important;
    padding-left: 1em;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .container {
    width: 450px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 350px;/*width: 320px;*/
  }
}
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-light-grey {
  background-color: #f6fafb;
}

.bg-dark {
  background-color: #191919;
}

/*-- 
    - color
-----------------------------------------*/
.c-blue {
  color: #d23235;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 40px;
  height: 40px;
  background-color: #d23235;
  color: #ffffff;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  
  right: 20px;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    /*display: none !important;*/
  }
}
#scrollUp i {
  display: block;
  line-height: 40px;
  font-size: 24px;
}
#scrollUp:hover i {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/*-- 
    - Main Wrapper
-----------------------------------------*/
.main-wrapper.header-transparent {
  padding: 0 !important;
  margin: 0 !important;
}

/*-- 
    - Section Padding
-------------------------------------*/
.section-ptb {
  padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-ptb {
    padding: 80px 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .section-ptb {
    padding: 70px 0 !important;
  }
}
@media only screen and (max-width: 479px) {
  .section-ptb {
    padding: 60px 0 !important;
  }
}

.section-pt {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pt {
    padding-top: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pt {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .section-pt {
    padding-top: 70px !important;
  }
}
@media only screen and (max-width: 479px) {
  .section-pt {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.section-pb {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pb {
    padding-bottom: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pb {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .section-pb {
    padding-bottom: 70px !important;
  }
}
@media only screen and (max-width: 479px) {
  .section-pb {
    padding-bottom: 60px !important;
  }
}


/*-- Margin top --*/
.mt--5 {
  margin-top: 5px;
}

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

.mt--15 {
  margin-top: 15px;
}

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

.mt--25 {
  margin-top: 25px;
}

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

.mt--35 {
  margin-top: 35px;
}

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

.mt--45 {
  margin-top: 45px;
}

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

.mt--55 {
  margin-top: 55px;
}

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

.mt--65 {
  margin-top: 65px;
}

.mt--70 {
  margin-top: 70px;
}

.mt--75 {
  margin-top: 75px;
}

.mt--80 {
  margin-top: 80px;
}

.mt--85 {
  margin-top: 85px;
}

.mt--90 {
  margin-top: 90px;
}

.mt--95 {
  margin-top: 95px;
}

.mt--100 {
  margin-top: 100px;
}

/*-- Margin Bottom --*/
.mb--5 {
  margin-bottom: 5px;
}

.mb--10 {
  margin-bottom: 10px;
}

.mb--15 {
  margin-bottom: 15px;
}

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

.mb--25 {
  margin-bottom: 25px;
}

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

.mb--35 {
  margin-bottom: 35px;
}

.mb--40 {
  margin-bottom: 40px;
}

.mb--45 {
  margin-bottom: 45px;
}

.mb--50 {
  margin-bottom: 50px;
}

.mb--55 {
  margin-bottom: 55px;
}

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

.mb--65 {
  margin-bottom: 65px;
}

.mb--70 {
  margin-bottom: 70px;
}

.mb--75 {
  margin-bottom: 75px;
}

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

.mb--85 {
  margin-bottom: 85px;
}

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

.mb--95 {
  margin-bottom: 95px;
}

.mb--100 {
  margin-bottom: 100px;
}

/*-- padding top --*/
.pt--5 {
  padding-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- padding Bottom --*/
.pb--5 {
  padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    02. Element
-------------------------*/
/*--
    - Button Style
------------------------------------------*/
.btn {
  background: #d23235;
  color: #ffffff;
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  
  padding:18px 40px;
}
.btn:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 479px) {
  .btn {
    padding: 14px 20px;
    font-size: 12px;
  }
}
.btn span {
  display: inline-block;
  line-height: inherit;
  transition: none;
}
.btn i {
  display: inline-block;
  line-height: inherit;
  transition: none;
}
.btn.left i {
  margin-right: 10px;
}
.btn.right i {
  margin-left: 10px;
}
.btn:hover, .btn:active {
  background: #000000;
  color: #ffffff;
  
  letter-spacing:.05rem;
}

/*--
    - Section Title Css
-------------------------------*/
.section-title {
  margin-bottom: 20px;
  text-align: center;
}
.section-title h2 {
  font-size: 30px;
  margin-top: -5px;
  font-weight: 500;
  margin-bottom: 10px;
}

/*--
    - Breadcrumb Style
------------------------------------------*/
/*---- Breadcrumb One ----*/
.breadcrumb-area {
  background: url("../images/bg/breadcrumb-bg.jpg") repeat scroll 0 0;
  text-align: center;
  
}
.breadcrumb-area a, .breadcrumb-area button{
 	display:inline-flex; 
}
.breadcrumb-area h2 {
  font-size: 30px;
  font-weight: 600;
  margin-top: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area h2 {
    font-size: 24px;
  }
}

.breadcrumb-list .breadcrumb-item {
  /*font-family: "Montserrat", sans-serif;*/
  font-family: "Manifold cf";
  font-size: 16px;
  color: #191919;
  text-transform: capitalize;
  line-height: 1;
  display: inline-block;
}
.breadcrumb-list .breadcrumb-item.active {
  color: #d23235;
}
.breadcrumb-list .breadcrumb-item a:hover {
  color: #d23235;
}

.breadcrumb-item + .breadcrumb-item::before {

  /*content: "/";*/
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  
  color: #d3d3d3 !important;
  content: '\2771';
  font-size: 0.8rem;
}

/*--
    - Paginatoin Css
---------------------------------*/
.paginatoin-area {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 15px 0;
  margin-top: 40px;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .paginatoin-area p {
    text-align: center;
    margin-bottom: 8px;
  }
}

.pagination-box {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .pagination-box {
    justify-content: center;
  }
}
.pagination-box li {
  display: inline-block;
}
.pagination-box li.active a {
  color: #d23235;
}
.pagination-box li a {
  color: #333333;
  display: block;
  padding: 0 8px;
}
.pagination-box li a:hover {
  color: #d23235;
}

/*--
    03. Header-top Css
--------------------------------------*/
.header-top {
  background: #d23235;
}
.header-top p {
  color: #ffffff;
  font-size: 14px;
  line-height: 23px;
  text-transform:Uppercase;
  
  margin-bottom:0;
  display:inline-block;
}
.header-top p span{
  font-family:'Roboto';

  font-size: 0.8rem;
  display:inline-block;
}
.header-top .nametoaccount:hover{
  /*color:#e9ecef;*/
  text-decoration:underline;
}  
@media only screen and (max-width: 767px) {
  .header-top {
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .header-top {
    text-align: center;
  }
}

.language-currency-wrapper {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .language-currency-wrapper {
    justify-content: right;
  }
  .header-top p {
   	text-align:center; 
  }
  /*jchere*/
}
@media only screen and (max-width: 479px) {
  .language-currency-wrapper {
    justify-content: right;
  }
  .header-top p {
   	text-align:center; 
  }
}
.language-currency-wrapper ul li.drodown-show {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-right: 20px;
}
.language-currency-wrapper ul li.drodown-show::before {
  position: absolute;
  height: 12px;
  right: 0;
  content: "";
  background-color: #ddd;
  width: 1px;
  top: 50%;
  margin-top: -5px;
}
@media only screen and (max-width: 767px) {
  .language-currency-wrapper ul li.drodown-show::before {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 479px) {
  .language-currency-wrapper ul li.drodown-show::before {
    margin-top: -12px;
  }
}
.language-currency-wrapper ul li.drodown-show:last-child {
  margin-right: 0;
  padding-right: 0;
}
.language-currency-wrapper ul li.drodown-show:last-child::before {
  display: none;
}
.language-currency-wrapper ul li.drodown-show a {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
}
.language-currency-wrapper ul li.drodown-show a:hover {
  color: #333;
}
.language-currency-wrapper ul li.drodown-show a img {
  margin-right: 5px;
  margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .language-currency-wrapper ul li.drodown-show a {
    padding-top: 0;
  }
}
@media only screen and (max-width: 479px) {
  .language-currency-wrapper ul li.drodown-show a {
    padding-top: 0;
  }
}
.language-currency-wrapper ul li.drodown-show:hover ul.open-dropdown {
  top: 100%;
  opacity: 1;
  -ms-filter: 1;
  visibility: visible;
}

.language-currency-wrapper ul.open-dropdown {
  position: absolute;
  right: 125%; /*90%;50%;*/
  transform: translatex(50%);
  background: #d23235;
  top: 125%;
  width: 100px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 110px;
  opacity: 0;
  -ms-filter: 0;
  visibility: hidden;
  z-index: 99;
  padding: 5px;
}
/*Desktop :1300px and lower*/
@media (max-width: 1300px) {
  .language-currency-wrapper ul.open-dropdown{
    right: 200%;
  }
}
@media (max-width: 479px) {
  .language-currency-wrapper ul.open-dropdown{
    right: 125%;
  }
}


.language-currency-wrapper ul.open-dropdown li {
  display: block;
}
.language-currency-wrapper ul.open-dropdown li a {
  display: block;
  line-height: 14px;
  padding: 8px;
}
.language-currency-wrapper ul.open-dropdown li a:hover {
  color: #000;
}

/*--
    - Header Bottom Css
-------------------------------*/
.logo {
  margin: 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo {
    margin: 26px 0;
  }
}
@media only screen and (max-width: 479px) {
  .logo {
    width: 125px;
    margin: 25px 0;
  }
}
@media only screen and (max-width: 767px) {
  .logo {
    margin: 25px 0;
  }
}

.main-menu-area ul > li {
  display: inline-block;
  position: relative;
  padding: 0 14px;
}
.main-menu-area ul > li > a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding: 48px 0;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-menu-area ul > li > a::before {
  content: "";
  background: #d23235;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-menu-area ul > li:first-child {
  padding-left: 0;
}
.main-menu-area ul > li:hover > a::before {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  width: 100%;
}
.main-menu-area ul > li:hover .sub-menu, .main-menu-area ul > li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  top: 100%;
}

/*--
    - Main Menu Css
---------------------*/
.main-menu-area .sub-menu {
  background: #ffffff;
  left: 0;
  padding: 15px;
  position: absolute;
  text-align: left;
  width: 320px;
  z-index: 99;
  top: 120%;
  visibility: hidden;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  
-webkit-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.26);
box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.26);
}
.main-menu-area .sub-menu > li {
  padding: 0;
  display:block; /*jc+*/
}
.main-menu-area .sub-menu > li:first-child {
  margin-bottom: 0;
}
.main-menu-area .sub-menu > li > a {
  padding: 0;
  margin-bottom: 5px;
}
.main-menu-area .sub-menu > li > a::before {
  display: none;
}

.main-menu-area .mega-menu {
  background: #ffffff;
  left: 0;
  padding: 30px 20px;
  position: absolute;
  text-align: left;
  width: 640px;
  z-index: 9999;
  top: 120%;
  visibility: hidden;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  
-webkit-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.26);
box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.26);
}
.main-menu-area .mega-menu > li {
  width: 33.333%;
  float: left;
  padding: 0;
}
.main-menu-area .mega-menu > li a {
  padding: 0;
  font-weight: 600;
}
.main-menu-area .mega-menu > li a::before {
  display: none;
}
.main-menu-area .mega-menu > li ul li {
  display: block;
  padding: 0;
}
.main-menu-area .mega-menu > li ul li a {
  padding: 0;
  text-transform: capitalize;
  display: block;
  font-weight: 500;
  margin-top: 5px;
}
.main-menu-area .mega-menu > li ul li a::before {
  display: none;
}

.trigger-search {
  display: inline-block;
  margin-top: 2px;
}

.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;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sidebar-search-icon {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 100%;
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
}

.sidebar-search-icon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-size: 30px;
  line-height: 1;
  transition: all 0.3s ease 0s;
}
.sidebar-search-icon button:hover {
  color: #d23235;
}

.sidebar-search-input {
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sidebar-search-input .form-search {
  position: relative;
}
.sidebar-search-input .form-search input {
  background-color: rgba(0, 0, 0, 0);
  border-color: #dddddd;
  border-style: solid;
  border-width: 0 0 1px;
  color: #ffffff;
  display: block;
  font-size: 16px;
  height: 70px;
  line-height: 70px;
  padding: 15px 50px 15px 15px;
  width: 800px;
}
.sidebar-search-input .form-search input::placeholder {
  color: #fff;
}
.sidebar-search-input .form-search input::-webkit-input-placeholder {
  color: #fff;
}
.sidebar-search-input .form-search input::-moz-placeholder {
  color: #fff;
}
.sidebar-search-input .form-search input::-ms-input-placeholder {
  color: #fff;
}
.sidebar-search-input .form-search input::placeholder {
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-search-input .form-search input {
    width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-search-input .form-search input {
    width: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .sidebar-search-input .form-search input {
    width: 280px;
  }
}
.sidebar-search-input .form-search button {
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 25px;
  transition: all 0.3s ease 0s;
  width: 40px;
}
.sidebar-search-input .form-search button:hover {
  color: #d23235;
}

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

/*--
    - Right Blok Box Css
---------------------------*/
.right-blok-box {
  justify-content: flex-end;
  margin: 45px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .right-blok-box {
    margin: 34px 50px 24px 0;
    margin-top:40px;
  }
}
@media only screen and (max-width: 767px) {
  .right-blok-box {
    margin: 34px 40px 24px 0;
    margin-top:40px;
  }
}
@media only screen and (max-width: 479px) {
  .right-blok-box {
    margin: 28px 34px 24px 0;
    margin-top:40px;
  }
}
.right-blok-box a {
  font-size: 24px;
}
@media only screen and (max-width: 479px) {
  .right-blok-box a {
    font-size: 20px;
  }
}

.user-wrap {
  padding: 0 20px;
}
@media only screen and (max-width: 479px) {
  .user-wrap {
    padding: 0 15px;
  }
}

/*-- 
    - Shopping Cart Css
----------------------------*/
.shopping-cart-wrap {
  position: relative;
}
.shopping-cart-wrap ul.mini-cart {
  position: absolute;
  width: 300px;
  background: #fff;
  box-shadow: 0 0 3px 2px #dddddd;
  right: 0;
  top: 130%;
  padding: 15px;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -ms-filter: 0;
  transition: all 0.3s ease-in-out;
}
.shopping-cart-wrap ul.mini-cart .cart-item {
  display: flex;
  padding-bottom: 15px;
  position: relative;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-image {
  border: 1px solid #f1f1f1;
  display: block;
  width: 100px;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title {
  padding-left: 15px;
  width: 60%;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title h4 {
  font-size: 15px;
  font-weight: 500;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .quantity {
  display: block;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box {
  color: #d23235;
  font-weight: 500;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .price-box .old-price {
  color: #666;
  text-decoration: line-through;
}
.shopping-cart-wrap ul.mini-cart .cart-item .cart-title .remove_from_cart {
  margin-top: 10px;
  position: absolute;
  right: 0;
  font-size: 14px;
}
.shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.shopping-cart-wrap ul.mini-cart .subtotal-titles .subtotal-titles h3 {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  line-height: 20px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .shopping-cart-wrap ul.mini-cart {
    right: -30px;
    width: 280px;
  }
}
.shopping-cart-wrap:hover ul.mini-cart {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  top: 100%;
}

#cart-total {
  background: #d23235;
  border-radius: 100%;
  color: #ffffff;
  float: right;
  font-size: 10px;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  top: 3px;
  width: 18px;
}

.mini-cart-btns .cart-btns {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mini-cart-btns .cart-btns a {
  background: #d23235;
  border: 2px solid #d23235;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 500;
  height: 40px;
  line-height: 36px;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
}
.mini-cart-btns .cart-btns a:hover {
  background: #000000;
  border: 2px solid #000000;
}

/*--
    04. Hero Css
--------------------------------*/
.hero-slider-one .single-slide {
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 770px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-slider-one .single-slide {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .single-slide {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .single-slide {
    height: 480px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .single-slide {
    height: 420px;
  }
}
.hero-slider-one .slick-arrow {
  background-color: rgba(0, 0, 0, 0.2);
  border: medium none;
  border-radius: 100px;
  color: #ffffff;
  height: 60px;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.hero-slider-one .slick-arrow:hover {
  background-color: #d23235;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .hero-slider-one .slick-arrow {
    height: 40px;
    width: 40px;
  }
}
.hero-slider-one .slick-arrow.slick-next {
  right: 15px;
}
.hero-slider-one .slick-arrow.slick-prev {
  left: 15px;
}
.hero-slider-one:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hero-slider-one .slider-text-info {
  padding-top: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-slider-one .slider-text-info {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slider-text-info {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-text-info {
    padding: 0;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-text-info {
    padding: 0;
  }
}
.hero-slider-one .slider-text-info h3 {
  color: #d23235;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-text-info h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-text-info h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.hero-slider-one .slider-text-info h1 {
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-slider-one .slider-text-info h1 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slider-text-info h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-text-info h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-text-info h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.hero-slider-one .slider-text-info p {
  line-height: 24px;
  margin: 0;
}
.hero-slider-one .slider-text-info .slider-btn {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 18px 45px;
  margin-top: 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slider-text-info .slider-btn {
    padding: 15px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-text-info .slider-btn {
    padding: 14px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-text-info .slider-btn {
    padding: 14px 20px;
    margin-top: 20px;
  }
}
.hero-slider-one .slider-inner-image {
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  opacity: 0;
  -ms-filter: 0;
}
.hero-slider-one .slider-inner-image img{
  	max-height:66vh;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slider-inner-image {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-one .slider-inner-image {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-one .slider-inner-image {
    display: none;
  }
}

.slick-current {
  /*-- Hero Content One --*/
}
.slick-current .hero-content-one h3 {
  animation-name: fadeInBottom;
  animation-duration: 0.3s;
}
.slick-current .hero-content-one h1 {
  animation-name: fadeInBottom;
  animation-duration: 0.5s;
}
.slick-current .hero-content-one p {
  animation-name: fadeInBottom;
  animation-duration: 0.7s;
}
.slick-current .hero-content-one .btn {
  animation-name: fadeInBottom;
  animation-duration: 0.8s;
}
.slick-current .hero-content-one .slider-inner-image.slider-animated-1 {
  opacity: 1;
  -ms-filter: 1;
  animation-name: fadeInRight;
  animation-duration: 0.9s;
}
.slick-current .hero-content-one .slider-inner-image.slider-animated-2 {
  opacity: 1;
  -ms-filter: 1;
  animation-name: fadeInLeft;
  animation-duration: 0.9s;
}
/*--
    05. About Area Css
-------------------------------------*/

.about-area .about-image {
  position: relative;
  text-align: center;
  width:100%;
  height:100%;
}
.about-image .abt-img-a{
    display: block;
    max-height: 100%;
    overflow: hidden;
  
    position: sticky;
    top: 9rem;
}
.about-area .about-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease .3s;
}
.about-area .about-image:hover img, .about-area:hover .abt-img-a img{
  	transform: scale(1.1);
}

.about-area .text_left {
  background: #000 none repeat scroll 0 0;
  color: #FFF;
  font-size: 24px;
  padding: 15px 40px;
  position: absolute;
  text-align: left;
  text-transform: capitalize;
  
  left: -1rem;
  top: 2rem;
  /*  transform-origin: top right;transform: rotate(-90deg);
  left: -14rem;
  top: -1rem;*/

  
}
.about-area .container{
  	max-width:1700px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-area .text_left {
    left: -155px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area .text_left {
    left: -60px;
  }
}
@media only screen and (max-width: 479px) {
  .about-area .text_left {
    font-size: 14px;
    left: -70px;
    padding: 8px 14px;
    top: 42%;
  }
}
@media only screen and (max-width: 767px) {
  .about-area .text_left {
    font-size: 18px;
    left: -70px;
    padding: 10px 18px;
    top: 44%;
  }
}

.about-contents {
  padding-left: 25px;
  padding-top: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-contents {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-contents {
    padding-top: 60px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .about-contents {
    padding-top: 30px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .about-contents {
    padding-top: 30px;
    padding-left: 0px;
  }
}
.about-contents h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
  .about-contents h3 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .about-area .container {
    max-width: 400px;
    padding:0;
  }
}
.about-contents .price-box {
  font-size: 18px;
  margin-bottom: 20px;
}
.about-contents .price-box .new-price {
  color: #d23235;
  font-size: 22px;
  font-weight: 500;
}
.about-contents .price-box .old-price {
  font-size: 18px;
  text-decoration: line-through;
  color: #000000;
}
.about-contents p {
  margin-bottom: 30px;
}
.about-contents .shop-btn-two {
  font-weight: 500;
  font-size: 14px;
  border: none;
  padding: 14px 40px;
}
.iconimg {
 	max-height:150px;
  	margin-bottom:.35rem;
}

/*--
   06. Product Area Css
------------------------------*/
.single-product-wrap {
  margin-top: 30px;
}
.single-product-wrap:hover .product-action {
  opacity: 1;
  -ms-filter: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.single-product-wrap:hover a:before {
  opacity: 1;
  -ms-filter: 1;
}

.product-image {
  position: relative;
}
.product-image > a {
  display: block;
  position: relative;
  
  overflow:hidden;
}
/*.product-image > a:hover {
    transform: scale(1.05);
}*/

.product-image > a img {
  width: 100%;
}
    /*****/
    .product-image > a:hover img {
        transform: scale(1.15);
    }
    
    .product-image a img {
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) 500ms;
        position: relative;
        /*z-index: 0;*/
    }
    /*****/

.product-image > a::before {
  content: "";
  background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;

  /*z-index:1;*/
  
}
.product-image .product-action {
  display: inline-block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  
  pointer-events:none;
}
.product-image .product-action .wishlist, .product-image .product-action .add-to-cart, .product-image .product-action .quick-view {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  height: 50px;
  line-height: 54px;
  width: 50px;
  
  pointer-events:all;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05);
}
.product-image .product-action .wishlist:hover, .product-image .product-action .add-to-cart:hover, .product-image .product-action .quick-view:hover {
  background: #d23235;
  color: #ffffff;
}

.product-content {
  margin-top: 20px;
  text-align: center;
}
.product-content h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  
  line-height:1.2rem;
  padding: 0 10px;
}
.product-content .price-box {
  font-size: 18px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
.product-content .price-box .old-price {
  text-decoration: line-through;
  font-size: 15px;
  font-weight: 500;
}

/*--
   07. Banner Area Css
------------------------------*/
.lg-banner-bg {
  background: url(../images/bg/01.jpg) center;
}

.lg-banner-bg-2 {
  background: url(../images/bg/03.jpg);
}

/*.lg-banner-info h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 55px;
  margin-top: -11px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lg-banner-info h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .lg-banner-info h2 {
    font-size: 30px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 479px) {
  .lg-banner-info h2 {
    font-size: 23px;
    line-height: 36px;
  }
}

*/

.lg-banner-info p {
  margin-top:20px;
  margin-bottom: 10px;
}
.lg-banner-info .more-product-btn {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  padding: 18px 40px;
  margin-top: 25px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lg-banner-info .more-product-btn {
    padding: 15px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .lg-banner-info .more-product-btn {
    padding: 14px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .lg-banner-info .more-product-btn {
    padding: 14px 20px;
    margin-top: 20px;
  }
}

.single-banner {
  position: relative;
  width: 100%;
  height: 100%;
}
.single-banner .banner-bg > a {
  display: block;
  overflow: hidden;
  position: relative;
}
.single-banner .banner-bg > a::before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
  width: 100%;
  z-index: 4;
  opacity: 0;
  visibility: hidden;

  filter: blur(69px);
}
.single-banner .banner-bg > a:hover:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
  visibility: visible;
  opacity: 0.5;
}
.single-banner .banner-bg img {
  width: 100%;
}

.banner-contet {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);

    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    height: auto;

}
@media only screen and (max-width: 479px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-contet {
    transform: translateY(-60%);
  }
}
.banner-contet p {
  color: #ffffff;
  font-style: italic;
  font-size: 24px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-contet p {
    font-size: 20px;
  }
}
.banner-contet h3 {
  color: #ffffff;
  font-size: 30px;
  line-height:33px;
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-contet h3 {
	font-size: 1.5em;
    line-height: 1em;
  }
}
.banner-contet > .btn-3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  
  letter-spacing: 0.02em;
}
.banner-contet > .btn-3:hover {
  color: #d23235;
  
  letter-spacing: 0.07em
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .banner-contet > .btn-3 {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .s-mt-30 {
    margin-top: 30px;
  }
}
/*--
    08. Testimonial Area Css
--------------------------------*/
.testimonial-bg {
  background: url(../images/bg/02.jpg);
}

.overlay {
  position: relative;
}
.overlay::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.testimonial-inner .test-cont > img {
  margin: auto;
}
.testimonial-inner .test-cont p {
  font-size: 19px;
  font-style: italic;
  line-height: 25px;
  margin: 35px 0;
  color: #ffffff;
  padding: 0 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-inner .test-cont p {
    font-size: 20px;
    margin: 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-inner .test-cont p {
    font-size: 20px;
    margin: 25px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-inner .test-cont p {
    font-size: 20px;
    margin: 25px 0;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-inner .test-cont p {
    font-size: 16px;
    margin: 20px 0;
  }
}
.testimonial-inner .test-author h4 {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
@media only screen and (max-width: 479px) {
  .testimonial-inner .test-author h4 {
    font-size: 18px;
  }
}
.testimonial-inner .test-author p {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #ffffff;
}

/*--
    09. Instagram Css
------------------------------*/
.instaram-title h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 40px;
  margin-top: -5px;
}
.instaram-title h3 > a {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .instaram-title h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .instaram-title h3 {
    font-size: 20px;
  }
}

.instagram-warp a {
  position: relative;
  display: block;
}
.instagram-warp a::after {
  content: "\e609";
  color: #d23235;
  font-family: simple-line-icons;
  font-size: 25px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.instagram-warp a::before {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-instagram a img {
  width: 100%;
}
.instagram-warp a:hover::after, .instagram-warp a:hover::before {
  opacity: 1;
}

.subscribe-area {
  padding-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .subscribe-area {
    padding-top: 20px;
  }
}

.subsctibe-title h3 {
	margin-bottom:27px;
}
p.sitk{
 	font-size: 20px;font-weight: 600;color: #d23235; 
}

.subscribe-content {
  margin-top: 30px;
}

.input-field {
  width: 100%;
  border: 2px solid #e0e0e0;
  text-align: center;
  height: 60px;
  color: #333;
  padding: 15px;
  font-size: 15px;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .input-field {
    height: 50px;
  }
}

.subscribe-btn {
  font-weight: 500;
  padding: 15px 40px;
  margin-top: 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .subscribe-btn {
    padding: 12px 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .home-2 .subscribe-area {
    padding-bottom: 50px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-2 .subscribe-area {
    padding-bottom: 50px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .home-2 .subscribe-area {
    padding-bottom: 50px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 479px) {
  .home-2 .subscribe-area {
    padding-bottom: 50px;
    padding-top: 0;
  }
}
.instagram-warp a {
    width: 270px;
    margin-right: 30px;
    float: left;
}
.instagram-warp a:last-child {
    margin-right: 0;
}
/*--
   10. Footer Area Css
---------------------------*/
.footer-top {
  background: #f0f0f0;
  font-family: 'Roboto';
  color: #878787;
    font-size: 0.9rem;
  position:relative;
}

.footer-title {
  margin-bottom: 25px;
}
.footer-title h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.footer-info-list li {
  margin-bottom: 15px;
  display: flex;
}
.footer-info-list li i {
  font-size: 20px;
  margin-right: 8px;
}

.footer-info ul.footer-list li {
  margin-bottom: 0.7rem;
  line-height: 16px;
}
.footer-info ul.footer-list li:last-child {
  margin: 0;
}

.footer-bottom {
  background: #fff;
  padding: 18px 0;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .footer-bottom {
    text-align: center;
  }
}

.footer-social ul {
  float: right;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .footer-social ul {
    float: inherit;
    text-align: center;
    margin-top: 10px;
  }
}
.footer-social ul li {
  display: inline-block;
  margin-bottom: 0;
}
.footer-social ul li:first-child a {
  margin-left: 0px;
}
.footer-social ul li a {
  display: block;
  margin-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-top.pt--40 {
    padding-top: 20px;
  }

  .footer-top.pb--100 {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top.pt--40 {
    padding-top: 20px;
  }

  .footer-top.pb--100 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top.pt--40 {
    padding-top: 10px;
  }

  .footer-top.pb--100 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .footer-top.pt--40 {
    padding-top: 0px;
  }
  .footer-top.pb--100 {
    padding-bottom: 60px;
  }
}
.c-foot-pad{
  padding: 0 1rem;
}

/*-- 
    11. Mobile Menu Css
-------------------------*/
.mobile-menu {
  float: left;
  width: 100% !important;
  position: relative !important;
}
.mobile-menu .mean-bar {
  position: relative;
  /*---- Mean Nav ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -53px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -48px;
  }
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #000000;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
  background-color: #000000;
}
.mobile-menu .mean-bar .mean-nav > ul {
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
  border-top: 0px solid transparent;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 280px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 479px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  font-size: 13px;
  display: block;
  color: #ffffff;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid #222;
  padding: 0 40px 0 20px;
  /*---- Menu Expand For Sub Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #d23235;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border: 1px solid #eeeeee;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #fff;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: #222;
  margin: 0;
  padding: 0 !important;
  width: 100%;
  box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
  
  text-indent:1rem;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 12px;
  
  border-top: 1px solid #363636;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid #656565;
  
  background: #505050;
  text-indent: 1rem;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid #eeeeee;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border: 1px solid #eeeeee;
}

      /**-- added for user-friendliness jkreat --**/
.mobile-menu .mean-nav a[href="#"] {
    pointer-events:none;
}
.mobile-menu .mean-nav a.mean-expand[href="#"] {
    pointer-events:auto;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
	border: none;
    text-align: right;
    width: 100%;
    padding: 0 1rem 0 0;
    border-style: none;
}
.mobile-menu .mean-bar .mean-nav{
	position: absolute;
    z-index: 4444;
    min-width: 100vw;
    transform: translate(-50%, 0);
    left: 50%;
    border-style: none;
}
.mobile-menu .mean-bar .mean-nav > ul{
    max-height: 70vh;
}

@media only screen and (max-width: 992px) {
    .mw-100-smjc {
        max-width: 100%!important;
    }
}
/*--
    12. Service Area Css
--------------------------------*/
.single-service .service-icon {
  margin-bottom: 15px;
}
.single-service .service-content > h3 {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  color: #000000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.single-service .service-content > h3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 2px;
  width: 50px;
  background: #e4e4e4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our-service-area.pb--70 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .our-service-area.pb--70 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .our-service-area.pb--70 {
    padding-bottom: 30px;
  }
}
/*--
    13. Blog Page Css
----------------------------*/
.single-blog-area {
  margin-bottom: 50px;
}

.blog-contend {
  margin-top: 20px;
}
.blog-contend h3 {
  font-weight: 600;
  
  margin-bottom:20px;
}
.blog-contend .blog-btn {
  display: inline-block;
  padding: 5px 15px;
}

.blog-date-categori {
  margin-bottom: 10px;
}
.blog-date-categori ul li {
  display: inline-block;
}
.blog-date-categori ul li a {
  font-size: 14px;
  margin-right: 10px;
  font-weight: 500;
}
.blog-date-categori ul li a i {
  font-size: 14px;
  margin-right: 5px;
}

.search-post {
  position: relative;
  margin-top: 20px;
}
.search-post input {
  border: 1px solid #dddddd;
  font-size: 14px;
  height: 40px;
  padding: 10px 50px 10px 10px;
  position: relative;
  width: 100%;
}
.search-post .btn-search {
  border: medium none;
  font-size: 20px;
  padding: 7px 15px;
  position: absolute;
  right: 0;
  top: 0;
  background: #ddd;
}
.search-post .btn-search:hover {
  background: #d23235;
  color: #ffffff;
}

.social-icons {
  float: right;
  margin-top: 5px;
}
.social-icons li {
  display: inline-block;
  margin-left: 10px;
}

.blog-image-slider .slick-arrow {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #dddddd;
  font-size: 16px;
  height: 40px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-image-slider .slick-arrow:hover {
  background: #d23235;
  color: #ffffff;
  border-color: #d23235;
}
.blog-image-slider .slick-next {
  right: 0;
}

.post-info {
  margin-top: 30px;
}
.post-info .blockquote-inner {
  border-left: 5px solid #d23235;
  background: #fafafa;
  font-size: 16px;
  font-style: italic;
  margin: 30px 0;
  padding: 20px 10px;
}
.post-info .post-commet {
  border-bottom: 1px solid #e7e4dd;
  border-top: 1px solid #e7e4dd;
  font-size: 14px;
  margin: 0 0 30px;
  padding: 15px 0;
  text-align: left;
  text-transform: uppercase;
}
.post-info .post-commet .social-icons {
  margin-top: 1px;
  font-size: 16px;
}

.comment-form-comment .comment-notes {
  width: 100%;
  padding: 10px;
  border: 1px solid #777;
  height: 140px;
}
.comment-form-comment label {
  display: block;
}
.comment-form-comment label span {
  color: #d23235;
}

.comment-form-author, .comment-form-email, .comment-form-url {
  float: left;
  padding: 0 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 479px) {
  .comment-form-author, .comment-form-email, .comment-form-url {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .comment-form-author, .comment-form-email, .comment-form-url {
    width: 100%;
  }
}

.comment-input {
  margin: 0 -10px;
  overflow: hidden;
}
.comment-input label {
  display: block;
}
.comment-input input {
  width: 100%;
  padding: 10px;
  border: 1px solid #777;
  height: 40px;
}

.comment-form-submit .comment-submit {
  background: #d23235;
  color: #ffffff;
  border: none;
  padding: 8px 15px;
  margin-top: 20px;
}
.comment-form-submit .comment-submit:hover {
  background: #000000;
}

/*-- 
   14. sidebar Css
------------------------------*/
.shop-sidebar h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
}
.shop-sidebar h4::before {
  position: absolute;
  content: "";
  background: #d23235;
  width: 50px;
  height: 2px;
  left: 0;
  bottom: -1px;
}
.shop-sidebar ul > li {
  display: block;
  margin-bottom: 10px;
}
.shop-sidebar ul > li:last-child {
  margin-bottom: 0px;
}
.shop-sidebar ul > li > a {
  font-size: 15px;
  display: block;
  font-weight: 500;
}
.shop-sidebar ul > li > a span {
  float: right;
}

.sidbar-product .sidbar-product-inner {
  overflow: hidden;
  display: flex;
  margin-top: 20px;
}
.sidbar-product .sidbar-product-inner .product-image {
    padding-right: 10px;
    width: 100px;
    display: flex;
    flex: 0 0 102px;
}
.sidbar-product .sidbar-product-inner .product-content {
  margin-top: 0;
  
	margin-top: 0 !important;
  	margin-left:8px;
    display: flex;
    align-items: center;
    width: 50%;
}
}
.sidbar-product .sidbar-product-inner .product-content h3 {
  font-size: 15px;
}
.sidbar-product .sidbar-product-inner .product-content .price-box {
  font-size: 16px;
}

.ui-widget-content {
  background: #777 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0px;
  height: 4px;
  margin: 35px 0 25px;
}
.ui-widget-content .ui-state-default {
  background: #ffffff;
  border: 3px solid #d23235;
  border-radius: 25px;
  box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  height: 15px;
  width: 15px;
}
.ui-widget-content .ui-state-default:hover {
  background: #d23235;
}
.ui-widget-content .ui-slider-range {
  background: #d23235;
}

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

.filter-price-cont {
  font-size: 14px;
}
.filter-price-cont .input-type input {
  border: medium none;
  padding: 0 8px 0 0;
  text-align: center;
  width: 40px;
}
.filter-price-cont .input-type:last-child {
  padding-left: 8px;
}
.filter-price-cont .add-to-cart-button {
  background: #d23235;
  display: inline-block;
  font-weight: 500;
  padding: 1px 13px;
  right: 0;
  color: #ffffff;
}
.filter-price-cont .add-to-cart-button:hover {
  background: #000000;
}

.sidebar-tag > a {
  border: 1px solid #ccc;
  color: #555;
  font-weight: 500;
  padding: 4px 15px;
  
	font-size: 13px;
    margin: 3px 0 0 0; /*  margin: 10px 10px 0  0;*/
  	border-radius:0.4rem;
  
}
.sidebar-tag > a:hover {
  background: #d23235;
  color: #ffffff;
  border: 1px solid #d23235;
}

.sidebar-tag{
  max-height:500px;
  overflow-y:auto;
  
  scrollbar-color: #D33235 #DDD;
  scrollbar-width: thin;
  direction:ltr;
}

.shop-top-bar {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.product-view-mode {
  margin-top: 5px;
}
.product-view-mode button {
  font-size: 22px;
  font-weight: 500;
  margin-right: 10px;
  padding: 0;
}
.product-view-mode button:hover {
  color: #d23235;
}
.product-view-mode button.active {
  color: #d23235;
}

.product-short {
  display: flex;
  font-size: 14px;
}
.product-short p {
  margin: 0 15px 0 0;
}
.product-short select {
  border: 1px solid #ddd;
  padding: 0 8px;
  width: 170px;
}
.shop-sidebar-wrap {
    position: sticky;
    top: 10rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar-wrap {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-sidebar-wrap {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .shop-sidebar-wrap {
    margin-top: 60px;
  }
}

.product-layout-list p {
  margin-top: 20px;
}
.product-layout-list:hover .product-action {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
.product-layout-list:hover .product-image a::before {
  opacity: 1;
}
.plist-contxt{
	padding: 30px 0;
}
.plist-contxt .product-content p {
    font-size:14px;
}
.product-sidebar-color h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}
.product-sidebar-color h4::before {
    position: absolute;
    content: "";
    background: #d23235;
    width: 50px;
    height: 2px;
    left: 0;
    bottom: -1px;
}
.product-sidebar-color{} 
.product-sidebar-color ul {
    margin-left: 2px;
}
.product-sidebar-color ul li {
    border: 1px solid #dadada;
    cursor: pointer;
    height: 20px;
    text-overflow: ellipsis;
    display: inline-block;
}
.product-sidebar-color li a {
    cursor: pointer;
    min-width: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    text-indent: -999999px;
}
.product-sidebar-color li a:hover:not(.disabled) {

}
.wedget__categories.product-sidebar-color {
  float: left;
  margin: 0 0 15px;
  width: 100%;
}
.product-sidebar-color li.active a{
  
}
/*--
   15. Product Details Css
---------------------------*/
.modal-dialog {
  max-width: 1024px;
}

.modal-wrapper .modal-body {
  padding: 30px 15px;
}

.modal-wrapper button.close {
  font-size: 24px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 5px;
}

.modal-wrapper .modal {
  display: inline-block !important;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: -9;
}

.modal-wrapper .modal.show {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 99950;
}

.modal-wrapper .modal-dialog {
  max-width: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-wrapper .modal-dialog {
    width: 680px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-wrapper .modal-dialog {
    width: 470px;
  }
}
@media only screen and (max-width: 479px) {
  .modal-wrapper .modal-dialog {
    width: 300px;
  }
}

.portfolio-full-image img {
  width: 100%;
}

.pot-small-img img {
  width: 100%;
}

.product_big_images-right {
  float: right;
  width: calc(100% - 115px);
  padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_big_images-right {
    width: calc(100% - 0px);
    padding-left: 0px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product_big_images-right {
    width: calc(100% - 0px);
    padding-left: 0px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .product_big_images-right {
    width: calc(100% - 0px);
    padding-left: 0px;
    margin-bottom: 10px;
  }
}

.product_small_images-left {
  float: left;
  width: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_small_images-left {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product_small_images-left {
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .product_small_images-left {
    width: 100%;
  }
}

.vartical-product-active a {
  margin: 0 0px 10px 0;
}
.vartical-product-active a:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vartical-product-active a {
    margin: 0 10px 0px 0;
  }
}
@media only screen and (max-width: 767px) {
  .vartical-product-active a {
    margin: 0 10px 0px 0;
  }
}
@media only screen and (max-width: 479px) {
  .vartical-product-active a {
    margin: 0 10px 0px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vartical-product-active .slick-list {
    margin: 0 -9px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .vartical-product-active .slick-list {
    margin: 0 -9px 0 0;
  }
}
@media only screen and (max-width: 479px) {
  .vartical-product-active .slick-list {
    margin: 0 -9px 0 0;
  }
}

@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .product_details_info {
    margin-top: 20px;
  }
}

.product_big_images-top {
  margin-bottom: 15px;
}

.horizantal-product-active .pot-small-img {
  margin-right: 15px;
}

.product_small_images-bottom .slick-list {
  margin-right: -15px;
}

.product_details_info > h2 {
  color: #444444;
  font-size: 30px;
  font-weight: 500;
  text-transform: capitalize;
}

.product-rating li {
  padding-right: 10px;
  color: #d23235;
  font-size: 14px;
}

.pro_details p {
  margin-top: 10px;
}

.pro_dtl_prize li {
  font-size: 22px;
  color: #d23235;
  display: inline-block;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom:0;
  font-weight: 500;
}
.pro_dtl_prize li.old_prize {
  font-size: 20px;
  color: #000000;
  text-decoration: line-through;
}

.title_2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.pro_dtl_color {
  margin-top: 15px;
}
.pro_dtl_color li {
  font-size: 18px;
  display: inline-block;
  padding-right: 10px;
}
.pro_dtl_color li:last-child {
  padding: 0;
}
.pro_dtl_color .red a {
  color: #ff5d42;
}
.pro_dtl_color .blue a {
  color: #425dff;
}
.pro_dtl_color .perpal a {
  color: #fd42ff;
}
.pro_dtl_color .yellow a {
  color: #ffd542;
}

.pro_dtl_size {
  margin-top: 15px;
}
.pro_dtl_size .pro_choose_size li {
  display: inline-block;
  padding-right: 10px;
}
.pro_dtl_size .pro_choose_size li:last-child {
  padding: 0;
}

.product-quantity-action {
  margin-top: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.product-quantity-action .product-quantity {
  margin-left: 10px;
}
.product-quantity-action .product-quantity input {
  width: 65px;
  text-align: center;
  height: 30px;
}

.pro_social_share {
  margin-top: 15px;
}
.pro_social_share .pro_social_link > li {
  display: inline-block;
  padding-left: 10px;
}

.pro_dtl_btn {
  margin-top: 20px;
  display: flex;
}
.pro_dtl_btn li {
  margin-right: 10px;
}
.pro_dtl_btn li a {
  border: 1px solid #dddddd;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.pro_dtl_btn li a.buy_now_btn {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  width: 120px;
}
.pro_dtl_btn li a:hover {
  background: #d23235;
  color: #ffffff;
  border: 1px solid #d23235;
}

.description-review-title.nav, .infoo-review-title.nav {
  justify-content: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.description-review-title.nav a, .infoo-review-title.nav a {
  font-weight: 500;
  font-size: 18px;
  display: block;
  padding-bottom: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  margin-right: 27px;
}
.description-review-title.nav a::before, .infoo-review-title.nav a::before {
  content: "";
  background: #d23235;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.description-review-title.nav a.active, .infoo-review-title.nav a::before {
  color: #d23235;
}
.description-review-title.nav a.active::before, .infoo-review-title.nav a.active::before {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .description-review-title.nav a, .infoo-review-title.nav a {
    padding-bottom: 10px;
  }
  .description-review-title.nav a:last-child, .infoo-review-title.nav a:last-child {
    /*margin-top: 10px;*/
  }
}
.description-review-title.nav a:hover >::before, .infoo-review-title.nav a:hover >::before {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  width: 100%;
}

.single-product-gallery {
  float: left;
  padding: 5px;
  width: 50%;
}

.title_3 {
  font-size: 22px;
  font-weight: 500;
}

.feature_list li {
  margin-bottom: 5px;
}
.feature_list li:last-child {
  margin: 0;
}
.feature_list li a i {
  font-size: 18px;
  color: #000000;
  margin-right: 8px;
}

.pro_review {
  display: flex;
}
.pro_review.ans {
  margin-bottom: 50px;
  margin-left: 50px;
  margin-top: 50px;
}
@media only screen and (max-width: 479px) {
  .pro_review.ans {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 30px;
  }
}

.review_thumb {
  margin-right: 20px;
  min-width: 8%;
}

.review_info h4 {
  font-weight: 500;
}

.rating_send {
  border: 1px solid #dddddd;
  display: block;
  float: right;
  font-size: 20px;
  margin-top: -55px;
  padding: 2px 13px;
}

.review_date {
  margin-top: 5px;
}

.review_details p {
  margin-top: 5px;
}
.related-product {
    padding-bottom: 100px;
}

/*-- 
   16. Checkout Page Css
------------------------------*/
.coupon-accordion h3 {
  background: #f6f6f6;
  border-top: 3px solid #d23235;
  color: #515151;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 30px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  text-transform: capitalize;
}
.coupon-accordion h3 .coupon {
  color: #d23235;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.coupon-accordion h3 .coupon:hover {
  color: #000000;
}

.coupon-content {
  border: 1px solid #dddddd;
  margin-bottom: 30px;
  padding: 20px;
  display: none;
}

.coupon-info p.form-row-first {
  float: left;
  width: 48%;
}
@media only screen and (max-width: 479px) {
  .coupon-info p.form-row-first {
    width: 100%;
  }
}
.coupon-info p.form-row-last {
  float: right;
  width: 48%;
}
@media only screen and (max-width: 479px) {
  .coupon-info p.form-row-last {
    width: 100%;
  }
}
.coupon-info .remember {
  margin-left: 10px;
}
.coupon-info .remember span {
  margin-left: 5px;
}

.coupon-input label {
  display: block;
  font-size: 14px;
}
.coupon-input input {
  border: 1px solid #999999;
  color: #000000;
  padding: 5px 10px;
  width: 100%;
  font-size: 14px;
}
.coupon-input span.required {
  color: red;
}

.checkout-coupon input {
  border: 1px solid #999999;
  color: #555;
  padding: 5px 10px;
  width: auto;
}
.checkout-coupon input:focus {
  outline: none;
}
.checkout-coupon .button-apply-coupon {
  margin: -5px 0 0 10px;
  padding: 7.2px 11px;
}
@media only screen and (max-width: 479px) {
  .checkout-coupon .button-apply-coupon {
    margin: 10px 0 0 0px;
  }
}

.shoping-checkboxt-title {
  border-bottom: 1px solid #dddddd;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.single-form-row {
  margin-bottom: 20px !important;
}
.single-form-row label {
  font-size: 14px;
  margin-bottom: 2px;
}
.single-form-row label span.required {
  color: red;
}
.single-form-row input {
  border: 1px solid #999999;
  color: #666;
  font-size: 14px;
  padding: 5px 12px;
  width: 100%;
}
.single-form-row input::focus {
  outline: none;
}
.single-form-row textarea {
  border: 1px solid #999999;
  color: #555555;
  padding: 12px;
  width: 100%;
  font-size: 14px;
}
.single-form-row.m-0 {
  margin: 0 !important;
}

.checkout-box-wrap p {
  font-size: 14px;
}
.checkout-box-wrap .ship-box-info {
  display: none;
}

.account-create {
  display: none;
}
.account-create .creat-pass > span {
  color: red;
}

.nice-select select {
  height: 35px;
  width: 100%;
  font-size: 14px;
  padding: 0 10px;
  color: #555;
  border: 1px solid #999;
}

@media only screen and (max-width: 767px) {
  .your-order-wrapper {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .your-order-wrapper {
    margin-top: 60px;
  }
}

.your-order-wrap {
  background: #f6f6f6;
}

.your-order-table {
  padding: 20px 30px;
}
.your-order-table table {
  width: 100%;
}
.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #d8d8d8;
  border-right: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}
.your-order-table table th {
  border-top: medium none;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}
.your-order-table table .shipping > th {
  vertical-align: top;
}

.payment-method {
  padding: 20px 30px;
}

.payment-accordion h3 a {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  padding-left: 31px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
}
.payment-accordion h3 a::before, .payment-accordion h3 a::after {
  content: "\f216";
  display: inline-block;
  font-family: ionicons;
  font-size: 19px;
  left: 0;
  position: absolute;
  top: 0px;
}
.payment-accordion h3 a img {
  height: 60px;
  display: block;
}
.payment-accordion h3.open a::after {
  content: "\f207";
}
.payment-accordion p {
  font-size: 14px;
  padding-left: 20px;
}

.order-button-payment {
  margin-top: 30px;
}
.order-button-payment input {
  background: #d23235;
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.order-button-payment input:hover {
  background: #000000;
  color: #ffffff;
}

/*--
    17. Cart Page Css
-----------------------------*/
.table-content table {
  background: #ffffff none repeat scroll 0 0;
  border-color: #ebebeb;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  text-align: center;
}
.table-content table td {
  border-top: medium none;
  font-size: 16px;
  padding: 20px 10px;
  vertical-align: middle;
  min-width: 140px;
}
.table-content th, .table-content td {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

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

.cart-table .coupon-all {
         /*
display: flex;
flex-direction: row;
justify-content: space-between;*/
  margin-top: 50px;
}
.cart-table .coupon-all .coupon h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: -8px;
}
.cart-table .coupon-all .coupon input {
  border: 1px solid #999999;
  font-size: 14px;
  margin-right: 10px;
  padding: 4px 10px;
  width: 130px;
}
.cart-table .coupon-all .coupon input.button {
  background: #000000;
  border: 0 none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 36px;
  letter-spacing: 1px;
  line-height: 36px;
  padding: 0 14px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: inherit;
}
.cart-table .coupon-all .coupon input.button:hover {
  background: #d23235;
}
@media only screen and (max-width: 479px) {
  .cart-table .coupon-all .coupon input {
    width: 125px;
  }
}
.cart-table .coupon-all .coupon2 {
  margin-bottom: 40px;
}
.cart-table .coupon-all .coupon2 input {
  margin-right: 8px;
}
.cart-table .coupon-all .coupon2 input.submit {
  padding: 8px 15px;
  background: #000000;
}
.cart-table .coupon-all .coupon2 input.submit:hover {
  background: #d23235;
}
.cart-table .coupon-all .coupon2 .continue-btn {
  padding: 8px 15px;
  background: #000000;
}
.cart-table .coupon-all .coupon2 .continue-btn:hover {
  background: #d23235;
}

.cart-page-total {
  margin-top: 40px;
}
.cart-page-total h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.cart-page-total ul {
  border: 1px solid #dddddd;
}
.cart-page-total ul li {
  border-bottom: 1px solid #ebebeb;
  color: #252525;
  font-family: "Montserrat",sans-serif;
  font-size: 15px;
  font-weight: 700;
  list-style: outside none none;
  padding: 10px 30px;
}
.cart-page-total ul li:last-child {
  border: none;
}
.cart-page-total ul li span {
  float: right;
}
.cart-page-total .proceed-checkout-btn {
  background: #000000;
  color: #ffffff;
  display: inline-block;
  margin-top: 30px;
  padding: 8px 16px;
  text-transform: capitalize;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cart-page-total .proceed-checkout-btn:hover {
  background: #d23235;
}

.plantmore-product-add-cart > a {
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 30px;
  text-transform: capitalize;
  -webkit-transform: 0.4s;
  -ms-transform: 0.4s;
  transform: 0.4s;
}
.plantmore-product-add-cart > a:hover {
  background: #d23235;
}

.in-stock {
  color: #30b878;
}

.out-stock {
  color: #A80135;
}

/*--
    18. My Account Page Css
--------------------------*/
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
  border-right: 1px solid #ebebeb;
  padding: 30px 20px;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
    border-right: medium none;
    padding: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
    border-right: medium none;
    padding: 0 0 20px;
  }
}

.dashboard-upper-info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin-bottom: 60px;
}
.dashboard-upper-info a.view-cart {
  background: #d23235;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 12px;
  text-transform: capitalize;
}
.dashboard-upper-info a.view-cart:hover {
  background: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-upper-info {
    border-bottom: medium none;
    border-top: medium none;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-upper-info {
    border-bottom: medium none;
    border-top: medium none;
  }
}

.user-name span {
  color: #303030;
  font-size: 16px;
  font-weight: 600;
}

.dashboard-list li a {
  border-bottom: 1px solid #ebebeb;
  color: #222222;
  display: block;
  font-size: 14px;
  padding: 12px 0;
  text-transform: capitalize;
}
.dashboard-list li:first-child {
  border-top: 1px solid #ebebeb;
}

.dashboard-content {
  border: 1px solid #ebebeb;
  padding: 30px;
}
.dashboard-content h3 {
  border-bottom: 1px solid #ebebeb;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 25px;
  padding-bottom: 15px;
  text-transform: capitalize;
}
.dashboard-content .table thead {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-content .table td {
    min-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-content .table td {
    min-width: 260px;
  }
}
.dashboard-content .view {
  background: #d23235;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 12px;
  text-transform: capitalize;
}
.dashboard-content .view:hover {
  background: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-content {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-content {
    margin-top: 60px;
  }
}

.billing-address {
  margin-bottom: 10px;
}

.biller-name {
  margin-bottom: 0;
  margin-top: 10px;
}

.account-login-form .custom-checkbox {
  display: flex;
}
.account-login-form input[type="checkbox"] {
  height: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 3px;
  width: auto;
}
.account-login-form .example {
  margin-bottom: 15px;
}
.account-login-form .default-btn {
  margin-top: 15px;
  padding: 6px 28px;
}

.account-input-box label {
  display: block;
  font-size: 15px;
  margin-bottom: 3px;
}
.account-input-box input {
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #ddd;
  padding: 4px 10px;
  font-size: 15px;
}

/*--
    19. Login And Register Page Css
----------------------------------*/
.login-register-tab-list {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.login-register-tab-list a {
  position: relative;
}
.login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  top: 3px;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-tab-list a:last-child:before {
  display: none;
}
.login-register-tab-list a.active h4, .login-register-tab-list a:hover h4 {
  color: #d23235;
}
.login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}

.login-form-container input {
  border: 1px solid #999999;
  color: #666666;
  margin-bottom: 20px;
  padding: 8px 12px;
  width: 100%;
  font-size: 14px;
}

.login-toggle-btn a {
  float: right;
  color: red;
  font-size: 14px;
}
@media only screen and (max-width: 479px) {
  .login-toggle-btn a {
    float: inherit;
  }
}
.login-toggle-btn input {
  margin-right: 5px;
}

.login-form-container {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 60px;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  .login-form-container {
    padding: 30px;
  }
}
.login-form-container .login-btn, .login-form-container .register-btn {
  margin-top: 20px;
  padding: 8px 30px;
}

/*--
    20. About Us Page Css
---------------------*/
.count-title .count {
  font-weight: 700;
}
.count-title h2{
  height:36px; 
}
.count-title span {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-transform: capitalize;
  vertical-align:middle;
}
.count-title .spbottom{
  font-size: 1.3em;
  color: #b9b9b9; 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-count-area.pb--70 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .project-count-area.pb--70 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .project-count-area.pb--70 {
    padding-bottom: 30px;
  }
}

/*--
    21. Contact Us Page Css
------------------------------*/
.contact-info-wrapper h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
.contact-info-wrapper p {
  margin-bottom: 30px;
}

.contact-info-list li {
  margin-bottom: 12px;
}
.contact-info-list li:last-child {
  margin-bottom: 0;
}

.contact-form-warp {
  margin-top: 60px;
}
.contact-form-warp input, .contact-form-warp textarea {
  width: 100%;
  margin-bottom: 20px;
  background: #f0f0f0;
  border: none;
  height: 45px;
  font-size: 14px;
  font-style: italic;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  color: #444;
}
.contact-form-warp textarea {
  height: 148px;
}

.contact-submit-btn .submit-btn {
  padding: 10px 30px;
  background: #d23235;
  color: #fff;
  border: none;
  margin-top: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.contact-submit-btn .submit-btn:hover {
  background: #000000;
  
  letter-spacing:.07rem;
}

.map {
  height: 680px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .map {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .map {
    margin-top: 40px;
    height: 400px;
  }
}

/*--    
    22. Error 404 Page Css
---------------------------*/
.search-error-wrapper h1 {
  color: #d23235;
  font-size: 120px;
  line-height: 86px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .search-error-wrapper h1 {
    font-size: 70px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}

.error-form-input {
  position: relative;
  width: 275px;
  margin: 30px auto;
}
.error-form-input input {
  border: 1px solid #dddddd;
  font-size: 15px;
  padding: 5px 45px 6px 10px;
  position: relative;
  width: 275px;
  border-radius: 35px;
}
.error-form-input .error-s-button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 7px 15px;
  position: absolute;
  right: 0;
  top: 0;
}

.search-error-wrapper .home-bacck-button {
  background: #d23235;
  border-radius: 35px;
  box-shadow: none;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  -webkit-transition: 0.4;
  transition: 0.4;
}

/*--
    23. Compare Page 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: #000000;
  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;
}
.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}
.compare-table .table tbody tr td.product-image-title .category {
  clear: both;
  color: #454545;
  float: left;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  margin-bottom: 7px;
  margin-top: 15px;
  text-transform: capitalize;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 20px;
  margin-bottom: 10px;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.compare-table .table tbody tr td.pro-color {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: #f6f6f6;
  color: #000000;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 6px;
  transition: all 0.7s;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 21px;
  overflow: hidden;
  display: block;
  text-align: center;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #000000;
  font-size: 14px;
}

/*--
    24. Frequently Question Page Css
---------------------------------*/
.feequently-about-content {
  margin-bottom: 60px;
}
.feequently-about-content h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.faequently-accordion h4 {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ddd;
  line-height: 1.5;
  padding: 0;
  text-transform: uppercase;
  padding: 10px;
  font-size: 15px;
  
  display:block;
  font-weight:600;
}
.faequently-accordion h4.open {
  width: 100%;
  color: #d23235;
  border-bottom: 1px solid #d23235;
  border-top: 1px solid #d23235;
  border-left: 1px solid #d23235;
  border-right: 1px solid #d23235;
}
.faequently-accordion h4 a {
 	display:block; 
}

.faequently-description {
  border-left: 1px solid #d23235;
  border-right: 1px solid #d23235;
  border-bottom: 1px solid #d23235;
  padding: 20px 25px;
  margin-bottom: 15px;
  margin-top: -7px;
}
main {
    background: #fff;
}


/*Desktop main style fix*/

.main-menu-area ul > li > a {
  padding: 52px 0;
}
.header-area .header-bottom-area.header-sticky.is-sticky .main-menu-area ul > li > a {
    padding: 52px 0;
}
.logo {
    margin: 40px 0 !important;
}

.right-blok-box {
    justify-content: flex-end;
    margin: 49px 52px 49px -60px;
}

/*Mobile style.css*/

@media only screen and (min-width: 768px) and (max-width: 991px){
  .right-blok-box {
      margin: 49px 52px 49px -60px;
  }
  .mobile-menu .mean-bar .meanmenu-reveal {
	  top: -75px;
  }
}
@media only screen and (max-width: 767px){
  .right-blok-box {
      margin: 49px 52px 49px -60px;
  }
  .mobile-menu .mean-bar .meanmenu-reveal {
	  top: -75px;
  }
}
@media only screen and (max-width: 479px){
  .right-blok-box {
      margin: 44px 36px 49px 0;
  }
  /*find this in theme-responsive.css --> .mobile-menu .mean-bar .meanmenu-reveal {top: -75px;}*/
  
}



/*# sourceMappingURL=style.css.map */


.copyright{
	font-size:0.8em;
  	line-height: 1.5em;
}

.rrtl{direction:rtl;}
.lltr{direction:ltr;}

/*industry image+txt fix start*/

.industry-image {
    width: 100%;
    height: 47vh;
    position: relative;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
}

.industry-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
}
.img-txt-row:hover img{
    transform: scale(1.07) rotate(1deg);
}
.st-slidertxt-section .img-txt-row:hover img{
    transform: scale(1.07) rotate(0deg);
}

span.loc-name {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
  	color:#fff;
}
.ind-contents, .ind-contents-st  {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 55px;
}

/*industry image+txt fix end*/

video#myVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
    width: 100%;
    height: 96vh;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    justify-content: center;
  	object-fit:cover;
}
.hero-slider-one .slider-text-info h3{
  	margin: 0;
	font-size: 25px;
    line-height: 41px;
}

/*Desktop :1200px and lower*/
@media (max-width: 1200px) {
  .hero-slider-one .slider-text-info h3{
        font-size: 15px;
    	line-height: 1.5em;
  }
}

.hero-slider-one .slider-text-info h3 mark{
    background: white;
    color: #000;
    padding: 0.15em 0.3em;
}


.hero-slider-one .single-slide{
	height: 88vh;
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
  .hero-slider-one .single-slide {
      height: 88vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .hero-slider-one .single-slide {
      height: 88vh;
  }
}
@media only screen and (max-width: 767px){
  .hero-slider-one .single-slide {
      height: 88vh;
  }
}
@media only screen and (max-width: 479px){
  .hero-slider-one .single-slide {
      height: 80vh;
  }
}


.container-jc {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;	
}
.full-sitemap-area iframe{
 	width:100% !important;
  	height:100% !important;
}

.banner-bg {
    background: #000;
}
.single-banner .banner-bg img {
    width: 100%;
    opacity: .7;
}
.single-banner:hover .banner-bg a img{
  
  -webkit-transform: scale(1.05) rotate(1deg); /* Safari & Chrome */
  -moz-transform: scale(1.05) rotate(1deg); /* Firefox */
  -ms-transform: scale(1.05) rotate(1deg); /* Internet Explorer */
  -o-transform: scale(1.05) rotate(1deg);
  
    transform: scale(1.05) rotate(1deg);
  
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  
    transition-duration: .5s;
  
	opacity: .88;
}


/*blogs and product page small style changes*/
.sidbar-product .sidbar-product-inner .product-content h3:before, .product-content h3:before, .subtotal-titles h3:before {
  display:none !important; 
}

blockquote{
    background: linear-gradient(90deg, rgb(211 50 53) 0%, rgb(169 9 9) 35%, rgb(211 50 53) 100%);
    border: none;
    background-color: #dbc4c4;
    color: white;
  	font-weight: 600;
    letter-spacing: .033rem;
}


/*view grid collection - products*/
.hsubtitle.viewgridcoll{
  	font-size: .9rem;
  	line-height: 1rem;
  	margin-top: 0.5rem;
  	color: #9f9f9f;
}

/**/
.collec-descc, .description-review-text, .infoo-review-text{
	font-family: 'Roboto';
	font-size: .95rem;
}

/**scrollbar look**/

  .mh-overflowy{
		max-height:300px;
    	overflow-y: auto;
    
        scrollbar-color: #D33235 #DDD; /**firefox**/
        scrollbar-width: thin;
    	direction:ltr;
  }
  .thinscrollbar-ffox{
    scrollbar-color: #D33235 #DDD;
    scrollbar-width: thin;
  }  
  /* width */
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ddd; 
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #D33235; 
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #000;
  }


/***  sticky scroll for shop-grid and product pages' photos ***/
  .shop-grid{
    position: sticky;
    top: 137px;
  }

@media only screen and (min-width: 768px) { /*When the width of this document is 600 pixels or more*/
  .product-details-images{
    position: sticky;
    top: 140px;
    display: flex;
  }
}



/*** Filter Group css ***/
.shop-sidebar-inner{
  	direction:ltr;
}
.sidebaroverflowy{ /** sidebar-overflow-y **/
 	/*max-height: 1904px;
  	overflow-y:auto;*/
  
        scrollbar-color: #AEAEAE #DDD; /**firefox**/
        scrollbar-width: thin;
  	direction:rtl;

}
.sidebaroverflowy::-webkit-scrollbar-thumb {
    background: #DDD; 
}
.sidebaroverflowy::-webkit-scrollbar-thumb:hover {
    background: #D33235; 
}

.jsortby{
 	display: -webkit-inline-box;
  	margin:0 20px 0 50px; 
}

@media only screen and (max-width: 991px) { /*When the width of this document is 600 pixels or less*/
    .sidebaroverflowy{ /** sidebar-overflow-y **/
        max-height: 1904px;
        overflow-y:auto;
    }
  	.top-bar-paginate{
     	display:none; 
    }
  	.jsortby{
 		margin:0; 
	}
}
a.active-filters__clear, a.filter-group-display__header-reset, a.active-filters__remove-filter {
	padding: 0 12px;
    border: 1px solid;
    border-radius: 1rem;
    text-transform: capitalize;
	line-height: 1.5rem;
    margin: 10px 5px 0 0;
    font-size: .9rem;
}
a.filter-group-display__header-reset{
 	margin-bottom: 12px; 
}
a.active-filters__remove-filter .icon-close, a.filter-group-display__header-reset .icon-close {
  	display:inline-flex;
  	transform:translate(3px, 2px) rotate(0deg);
  	transition: all ease-in-out .3s;
}
a.active-filters__remove-filter:hover .icon-close, a.filter-group-display__header-reset:hover .icon-close {
  	transform:translate(5px, 2px) rotate(90deg);
}


.filter-group-display {
    max-height: 500px;
    overflow-y: auto;
  
        scrollbar-color: #AEAEAE #DDD; /**firefox**/
        scrollbar-width: thin;
}

li.filter-group-display__list-item {
	line-height: 1.5rem;
    font-size: .95rem;
    padding: 2px 20px;
    margin: 0 0 1px 0;
  	transition: all ease-in-out 0.2s;
}
li.filter-group-display__list-item:hover {
  	background:#f8f8f8;
}
li.filter-group-display__list-item:last-child {
    margin-bottom: 15px;
}


.openclasss{
  	display:inline-flex;
	padding: 10px;
    color: white;
    background: lightgray;
    margin-bottom: 20px;
}
.closeclasss{ display:none; }

a.wayfairr{
 	color: #d33333;
    background: url(wayfair-svg.svg) no-repeat center center;
    width: 145px;
    height: auto;
    font-size: 0;
    display: inline-flex;
    transform: translate(0, -5px); 
}


/*** Added FastCSS ***/

.roundfltr {
 	border-radius:1rem !important; 
}

#smoothscroll{
    height: 1px;
    width: 0;
    margin: 0 auto;
    transform: translateY(-15rem);
  	opacity:0;
}
.smoothscroll{
	height: 1px;
    margin: 0 auto;
    transform: translateY(-15rem);
    opacity: 0;
    position: absolute;
    width: 100%;
}

.sticky-cl{
	position: sticky;
    top: 9rem; 
}

.quickshadow {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    padding: 2rem;
    margin-top: -1rem;
  	border-left: 3px solid #d33235;
}
.mwidth-1700 {
  	max-width: 1700px !important;
}
.mwidth-1800 {
  	max-width: 1800px !important;
}
.mwidth-1920 {
  	max-width: 1920px !important;
}
.mwidth-2100 {
  	max-width: 2100px !important;
}


/*** About area/product Section ***/

.contenticonparent {
 	padding-top:0.9rem;
}  
.contenticonwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  
    background-color: hsla(0, 0%, 90.2%, 0);

    margin-top: 1rem;
  	width: 100%;
  	justify-content: center;
}

.contenticonchild {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 10px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F7F7F7;
    box-shadow: none;
    -webkit-transition: all 330ms ease-in-out;
    transition: all 330ms ease-in-out;
    color: #000;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
  
    /*border-style: none;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: inherit;*/
  
	border: 1px solid #d5d5d5;
    border-radius: 0.25rem;
    overflow: hidden;
    margin: 5px !important;
  	min-width: 30%;
}
.contenticonchild:hover {
	box-shadow: 4px 4px 15px 5px rgb(0 0 0 / 11%);
  	border-left: 3px solid #d23235;
}

.dvtxt {
 	text-align:center;
  	margin: 0.3rem 0;
}

@media (max-width: 479px) {
    .dvtxt {
        font-size: .9rem;
        line-height: 1rem;
    }
  	.contenticonchild {
      	min-height: 8rem;
      	min-width: 47%;
    }
  	.contenticonparent {
     	padding:0; 
    }
}
.appendheree {
 	display:inline-block; 
}

/*** GalleryWrap Section Area (start) and some bootstrap tweaks ***/

.contentgallparent {
 	padding-top:0.9rem;
  	padding-bottom:0.9rem;
    max-width: 1200px;
    margin: auto;
}  
.gall-wrap .contentgallchild img.iconimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  	max-height:fit-content;
  	border-radius:0.5rem;
}
.contentgallwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: hsla(0, 0%, 90.2%, 0);

    margin: 1rem 0 1.2rem 0;
  	width: 100%;
  	justify-content: center; 
}
.contentgallchild {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

    padding: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: inherit;
    box-shadow: none;
    -webkit-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    color: #000;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    
  
  	/*margin-top: 0.5rem;
    margin-bottom: 0.5rem;*/
  
  	overflow:hidden;
	font-family: 'Roboto';
    font-size: .75rem;
    color: #6e6e6e;
	line-height: normal;
	border-radius: 0.6rem;
  	cursor:default;
}
.contentgallchild:hover {
	box-shadow: 4px 4px 15px 5px rgb(0 0 0 / 11%);
  	z-index:11;
  	transform: translateY(-3px) scale(1.03);
  	background:#FFF;
}
a[href].contentgallchild:hover {
  	cursor: pointer;
}
.contentgallparent .dvgtxt {
    color: #000;
    padding: 0.5rem 0;
    text-align: center;
    font-size: .8rem;
}
@media (max-width: 479px) {
  	.contentgallparent {
     	padding:0;
		padding-right: 1rem;
    	padding-left: 1rem;
      
      	padding-top: .5rem;
    }
    .contentgallparent .dvgtxt {
        font-size: .6rem;
    }
  	.contentgwrap, .contentgwrap-h {
     	max-width:100% !important; 
    }
  	.contentgwrap .tab-pane.p-4, .contentgwrap-h .tab-pane.p-4 {
     	padding: 0 !important; 
    }
}
  
      /***  bootstrap tweaks for horizontal tabnavs jkreat ***/
      .contentgwrap .nav-hori{
          justify-content: center;
      }
      .contentgwrap .nav-tabs .nav-link-hori.active {
          border-color: #d23235 #ddd #fff;
          border-top: 3px solid #d23235;
      }

      .contentgwrap .nav-tabs .nav-link-hori {
          font-family: 'Montserrat';
          font-size: .8rem;
          font-weight: 600;
      }
      .contentgwrap .tab-conth {
          box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
          border-bottom: 1px solid #f3f3f3;
          border-left: 1px solid #f3f3f3;
          border-right: 1px solid #f3f3f3;
          background: #fff; 
      }

      .contentgwrap .tab-conth > .tab-pane {
          min-height: 9rem;
      }


      /***  bootstrap tweaks for vertical tabnavs ***/
      .nav-vert.row {
          margin:0;
      }
      .about-contv {
			padding:.5rem;
        	margin: 1rem 0 1rem 0;
      }
      .about-contv h3 {
          font-size: 30px;
          font-weight: 600;
          margin-bottom: 30px;
      }
      .nav-vert .nav-vert-tabs {
          display: list-item;
          border: none;
          font-family: 'Montserrat';
          font-size: .9rem;
          font-weight: 600;
      }
      .nav-vert-tabs .nav-link-vert:hover {
          box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
      }
      .nav-vert .nav-vert-tabs .nav-link-vert.active {
          color: #ffffff;
          background-color: #d23235;
          padding: 4rem 1.5rem;
          border-left: 3px solid #d23235;        	
      }
      .nav-vert .nav-vert-tabs .nav-link-vert {
          border-radius: .25rem;
          margin: 0.5rem;
          text-transform: uppercase;
          
          position:relative;
          overflow: hidden;
          border: 1px solid #e8e8e8;
          background-color:#ffffff;
      }
      .nav-vert .tab-contv > .active {
          margin: 0.5rem;
      }
      .nav-vert .tab-contv > .tab-pane {
          min-height: 13rem;
          border: 1px solid #e8e8e8;
          border-radius: 0.25rem;
        
        	background: #FFFFFF;
      }


      /***  bootstrap tweaks for carouselwrap ***/
      .carousel-indicators li {
        background-color: rgb(123 123 123 / 50%);
      }
      .carousel-control-next, .carousel-control-prev {
          position: absolute;

          display: -ms-flexbox;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;

          color: #000;
          text-align: center;
          opacity: .5;

          width: 1.3rem;
          height: 1.3rem;

          transform: translateY(-50%);
          top: 50%;

          mix-blend-mode: difference;
      }
      .carousel-control-prev {
          left:0; 
      }
      .carousel-control-next {
          right:0; 
      } 
      .carousel-indicators .active {
          background-color: #d23235;
      }

/**** for sliding text/content collection thumbnail ****/
    .ah .ah-text{
        color: #FFF;      
        line-height: 1.2rem;
        font-size: .9rem;
        
        position: absolute;
        background: #292929c2;
        padding: 1rem 1rem 3.5rem 1rem;
        bottom: 0;
        transform: translateY(101%);
        width: 100%;
        z-index: 1;
        transition: all ease .3s;
    }
    .ah:hover .ah-text{
        bottom: 0;/*2.5rem*/
        transform: translateY(0);
    }


/****RFQ APP******/

#request-quote-page h1.text-center{
	font-size: 0;
    font-family: 'Roboto' !important;
    line-height: 1;
    font-weight: normal !important;
    margin-bottom: 1.5rem;
}
#request-quote-page h1.text-center:after{
	content: 'Your Wishlist Bag';
    font-size: 1.5rem;
    font-family: Manifold Cf Bold;
    padding: 5px 1rem;
    background: #ffffff;
    display: block;
    color: #d23235;
    text-transform: uppercase;
    letter-spacing: .1rem;
    border-bottom: 1px solid whitesmoke;
}

/**** single-product-tab.liq SPECS and tab btns ****/
.product-description-review .btn, #product-specs-tab .btn {
    background: #c5c5c5;
    color: #fff;
    border-radius: 0;
    font-family: Montserrat,sans-serif;
    font-weight: 600;
    font-size: 0.8rem;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    padding: 5px 20px;
    text-transform: uppercase;
    margin: 0.2rem;

    overflow: hidden;
    text-overflow: ellipsis;
}
#product-specs-tab .btnad {
    background-color: #a5a5a5;
}
.product-description-review .btn:hover, #product-specs-tab .btn:hover {
    background: #d23235;
}
#product-specs-tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#product-specs-tab .btn.btn-pdfl, #product-specs-tab .btn.btn-pdfl:focus {
  padding: 12px 12px 12px 3rem;
  background-image: url(https://cdn.shopify.com/s/files/1/0630/2443/1318/files/pdfdl.svg);
  background-size: 1.4rem;
  background-position: 0.9rem center;
  background-repeat: no-repeat;
}



.omgrfq_view_history_quote.btn, .omgrfq_view_quote.btn{
 	padding:.5rem 2rem; 
}
.omgrfq_view_history_quote.btn:hover, .omgrfq_view_quote.btn:hover{
  	padding: 16px 2.5rem;
}

a.gr-ahrefcustom{
    padding: 0.5rem 1.2rem;
    background: #383838;
    color: #fff;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}
a.gr-ahrefcustom:hover{
    background: #d23235;
    color: #ffffff;
    letter-spacing: .05rem;
}

.clear-close-overlay{
    bottom: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    display: block;  
}
/*temporary fix by JC - Dec 06, 2024 (product filtering)*/
details{
    display: block !important;
}
/*end - temporary fix by JC - Dec 06, 2024*/