@import url("https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css");

@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura-book-bt-22240-webfont.woff2') format('woff2'),
         url('../fonts/futura-book-bt-22240-webfont.woff') format('woff'),
		 url('../fonts/futura-book-bt-22240-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/futura-md-bt-medium-webfont.woff2') format('woff2'),
         url('../fonts/futura-md-bt-medium-webfont.woff') format('woff'),
		 url('../fonts/futura-md-bt-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

:root {
--quntybg:#fa5f23;
--countcolor:#fa5f23;
--subbgtxt:#fff;	
--selection:#f36321;	
--menuhov:#f36321;
--placeholder:#747474;
--subscribe:#f36321;
--subscribehov:#db4906;
--acolor:#56b431;
--topbg:#6fbe42;
--pcolor:#424242;	
--sheadercolor:#f36321;
--sbheadercolor:#6fbe42;
--headercolor:#000;
--btnbg:#73bf43;
--btnbghov:#51a11f;
--footerbg:#ebf6e5;
--copyrightbg:#cedcc6;
--socialcolor:#7fc663;
--newsletter:#7ec562;
--socialhovcolor:#7fc663;
--blue:#007bff;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--orange:#fd7e14;
--yellow:#ffc107;
--green:#28a745;
--teal:#20c997;
--cyan:#17a2b8;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#007bff;
--secondary:#6c757d;
--success:#28a745;
--info:#17a2b8;
--warning:#ffc107;
--danger:#dc3545;
--light:#f8f9fa;
--dark:#343a40;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
--font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
button:focus {outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;}
::-moz-selection{ background-color:var(--selection); color:#fff;}
::selection{ background-color:var(--selection); color:#fff;}

.form-control::-webkit-placeholder{ color:var(--placeholder);font-size:18px;font-family: 'futurabook';}
.form-control::-moz-placeholder { color:var(--placeholder); font-size:18px;font-family: 'futurabook';}
.fa-star{ color:var(--quntybg);}
body {padding: 0; margin: 0;background-color: #fff; cursor: default; color: #04080F;font-size: 16px;line-height: 1.6;    font-family: 'futurabook';font-weight: 400;}
img { max-width: 100%;border: none;}
p{font-family: 'futurabook'; font-size:17px; color:var(--pcolor); font-weight:300; margin:0px;line-height: normal;}


a {
    text-decoration: none;
    outline: none !important;
    color: #3a3a3a;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5{
    line-height: 1.2;
    margin-top: 0;
   font-family: 'futura_md_btmedium';
}
h1{font-size: 55px;color:var(--headercolor); text-transform: capitalize; font-weight:500;margin-bottom: 10px;}
h2{font-size: 45px;color:var(--headercolor); text-transform: capitalize; font-weight:500;margin-bottom: 10px;}
h3{font-size: 50px;color:#6b0d0e; text-transform: capitalize; font-weight:500;margin-bottom: 15px;}
h4{font-size: 40px;color:var(--headercolor); text-transform: capitalize; font-weight:500;margin-bottom: 10px;}

.btnmore{background: #5f0b0b;
  padding: 10px 30px;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 25px;
  display: inline-block;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 600;
  border: none;
  transition: all .3s ease-in-out;}
.btnmore:hover{background: #f89b04;
  color: #000;transition:all .3s ease-in-out;}
.shopnow{border: 1px solid #fff;color: #fff;padding: 5px 17px;display: inline-block;font-size: 15px;text-transform: uppercase;
margin-top: 10px;font-weight: 500;font-family: 'futura_md_btmedium';transition: all .3s ease-in-out;}
.shopnow:hover {background: #fff;color: #000;transition: all .3s ease-in-out;}
.p-70{ padding: 70px 0px;}

.row-25{margin-left:-25px; margin-right:-25px;}
.row-25 .col,
.row-25 [class^="col-"]{padding-left:25px; padding-right:25px;}



/*-------- topheader--------------*/
.topheader{ background:var(--topbg); min-height:45px; position:relative;}
.call{ display: inline-block;padding: 14px 0px;}
.call img{ margin-right:10px;}
.call h5{ font-size:14px; color:#fff; text-transform:uppercase; margin-bottom:0px;}
.topheader .container{ position:relative;}

.topr{ display: inline-block;right: 0px;position: absolute;padding: 8px 0px;}
.topr ul{ padding:0px; margin:0px;}
.topr ul li{ display:inline-block; list-style:none; border-right:1px solid #fff; line-height:15px;padding: 0px 7px;}
.topr ul li:nth-child(1), .topr ul li:last-child{border-right:0px solid #fff;}
.topr ul li a{font-size:14px; color:#fff; text-transform:uppercase; margin-bottom:0px; padding:0px 5px;}
.topr ul li .dropdown{ margin-right:20px;}
.lang{ border:none;background: initial;color: #fff;font-size: 15px; position:relative;}
.topr ul li .dropdown-menu{border-radius: 0px; padding:7px 6px;min-width: auto;}
.topr ul li .dropdown-item{ color:#000;}
/*-------- topheader end--------------*/






.header_area{
    
    width: 100%;
    z-index: 99;
   left: 0;
   right: 0;
   margin: auto;
   padding: 10px 0;
   background: #610c0b;
}
.header_area .logo {
    max-width: 156px;
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
}
.header_area .logo img.logoone{ display: block; }
.header_area .logo img.logotwo{ display: none; }
.header_area .logo img{ width: 100%; }
.header_area .header_right{ float: right;margin-top: 12px; }
.header_area .header_right .phbox {float: right;margin-left: 15px;padding: 7px 0;}
.header_area .header_right .phbox a{ color: #3db0f0; font-weight: 600; font-size: 18px; display: block; position: relative; }
.header_area .header_right .phbox a img{ display: inline-block; vertical-align: middle; margin-right: 5px; }

.header_search_box {
    float: right;
    margin-left: 45px;
    margin-top: 7px;
    position: relative;
    z-index: 99;
}
.header_search_box ul{ padding:0px; margin:0px;}
.header_search_box ul li{ list-style: none;
  display: inline-block;
  margin: 0px 10px;
  font-size: 20px;}
.header_search_box ul li a i.fa{ color:#fff;}
.header_search_box ul li a span{color: #fff;background: #6fbe42;padding: 0px;border-radius: 50%;width: 23px;height: 23px;display: inline-block;text-align: center;position: relative;top: -6px;left: -5px;}


/* Search start */ 
.tsearch{
    display: block;
    text-align: center;
    
    color: #436ba3;}
#search {position: fixed;top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: #fff;
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 1px solid rgba(255, 255, 255, .8);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 30px;
  	font-family: Roboto;
    font-weight: 300;
    text-align: left;
    outline: none;
  	padding: 10px;
	text-transform:capitalize;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  color: #fff;
  cursor: pointer;
}
/* Search stop */ 






.dropdown .dropdown-menu li {
    margin-bottom: 2px;
}


.menu {
    float: left;
}
.menu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}
.menu ul li {
    display: inline-block;
    padding:0;
    list-style-type: none;
    position: relative;
    vertical-align: middle;
}

.menu ul li a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    padding: 5px 14px;
	letter-spacing:1px;
}
.menu ul li:last-child a{ padding-right: 0;transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;}
.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 0px;
    font-size: 20px;
	transition:all .3s ease-in-out;
    
}


.menu ul li.active a {
    color: var(--menuhov);
}
.menu ul li:hover a {
    color: var(--menuhov);
}

.menu ul li:hover ul li a {
    color: #fff;
}
.menu ul li:hover ul li a:hover {
    color: #000;
    background-color: #fff;;
}
.menu ul li ul {
    width: 240px;
    /* display: none; */
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 9;
    background-color: #6fbe42;
    text-align: left;
    box-shadow: 0px 8px 14px rgb(0 0 0 / 13%);
    padding: 0px;
    transition: 0.3s;
    opacity: 0;
	visibility: hidden;
	transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    
}
.menu ul ul li:first-child:before{ display: none; }
.menu ul ul li:after {
   display: none;
}
.menu ul li:last-child ul {
    width: 220px;
   /* display: none;*/
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    z-index: 2;
    background-color: #ffffff;
    box-shadow: 0px 5px 14px rgb(0 0 0 / 2%);
    text-align: left;
	transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    padding: 10px 16px;
    color: #fff;
    line-height: 18px;
     transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}

.menu ul li ul li a i {
    display: inline-block;
    vertical-align: 0;
    margin-right: 5px;
    font-size: 12px;
    opacity: 0.74;
    color: #fff;
     transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.menu ul li ul li ul {
    top: 10px;
    left: 149px;
}
.menu ul li ul li span {
    right: 7px;
    top: 12px;
}
.menu ul li a:hover.menu ul li ul {
    display: block;
}
.menu ul li ul li {
    display: block;
    padding: 0;
    border-bottom: solid 1px rgb(255 255 255 / 7%);
    border-right: none;
}
.menu ul li ul li:last-child{ border: none; }
.menuButton {
    width: 40px;
    height: 35px;
    padding: 5px;
    float: right;
    display: none;
}
.menuButton span {
    width: 100%;
    height: 3px;
    background: #6fbe42;
    margin-bottom: 6px;
    float: left;
    transition: all 0.3s ease-in-out 0s;
}
.menuButton span:last-child {
    margin-bottom: 0;
}

@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }
  /*  .menu ul li > ul {
        display: none!important;
    }*/
    .menu ul li:hover > ul {
    /* display: block!important; */
    opacity: 1;
    top: 100%;
    visibility: visible;
}
}
@media (max-width:991.98px) {
    .menuButton {
        display: block;
        margin-left: 15px;
        cursor: pointer;
		margin-top: 6px;
    }
    .menu ul li span {
        background: url(../images/menu_arrow.png) center center no-repeat;
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 99;
    }
    .menu ul li:hover span {
        background: url(../images/menu_arrow_hover.png) center center no-repeat;
    }
    .arrow_change span:nth-child(2) {
        display: none;
    }
    .arrow_change span:first-child {
        position: relative;
        top: 9px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .arrow_change span:last-child {
        position: relative;
        top: 1px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .menuBar {
        padding: 15px 0;
    }
  .menu {
    padding: 15px 0px 0px;
}
    .menu ul {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 99;
}
   .menu ul li a {
    color: #071731;
    display: block;
    width: 100%;
    font-size: 14px;
}
  .menu ul li ul {
    display: none;
    background-color: #6fbe42;
    position: relative;
    top: 5px;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0;
	transition:all .3s ease-in-out;
}
    .menu ul li:last-child ul {
        display: none;
        background-color: #3958a1;
        position: relative;
        top: 5px;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .menu ul li {
        display: block;
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #cccccc54;
        text-align: left;
        position: relative;
    }
    .menu ul li span {
    position: absolute;
    right: 30px;
    /* top: 30px; */
    z-index: 99;
    cursor: pointer;
    top: 12px;
    text-align: center;
}
    .menu ul li ul li ul {
        top: 0;
        left: 0;
    }
   .menu ul li ul li a {
    font-size: 12px;
    text-transform: none;
    background-color: #6fbe42;
    padding: 8px 12px;
}
}


@media screen and (min-width: 320px) {
.header_area.fix {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #6b0d0e;
    z-index: 991;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    box-shadow: 1px 1px 7px rgba(165, 165, 165, 0.31);
    padding: 10px 0;
}
.header_area.fix .logo img.logoone {
    width: 140px;
}
.header_area.fix .nav-menu > li > a {
   margin: 15px 25px;
}
.header_area.fix .header_right {
    margin-top: 3px;
}

.header_area.fix .menu ul li a:hover {
   color: var(--menuhov);
}
.header_area.fix .menu ul li.active a{
   color: var(--menuhov);
}

.header_area.fix .menu ul li a {
    padding: 10px 12px;
	color: #000000;
}
.header_area.fix .menu ul li ul li a {
    padding: 8px 12px;
	color: #fff;
}

.header_area.fix  .menu ul li ul {
   
    background-color: rgb(8 24 51);
    
}
.header_area.fix  .menu ul li ul li:last-child{ border-bottom: none; }
.header_area.fix .menu ul ul li a i{ color: #fff; } 
.header_area.fix .menu ul li ul li a:hover i{ color: #fff; }

.header_area.fix .menu ul li ul li {
    border-bottom: solid 1px rgb(0 0 0 / 7%);
}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
}




/*----------------banner start----------------*/
.home-slider {position: relative;overflow: hidden;}
/* .home-slideshow .slide:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 56%); z-index:9;} */
.home-slideshow {width: 100%;z-index: 4;}
.home-slideshow .slide {width: 100%;position: relative;background-position:center;min-height:600px;background-size:cover;}
.home-slideshow .slide .caption {position: absolute;left: 0;right: 0;top: 47%;width: 100%;text-align: left;z-index: 99;    -webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
.home-slider .container{ position:relative;}
.home-pager {position: absolute;bottom: 30px;left: 0;width: 100%;text-align: right;z-index: 9;font-size:0;display: none;}
.home-pager span {display: inline-block;text-indent: -9999px;border: solid 1px #fff;border-radius: 100%;width: 11px;
    height: 11px;background-color: transparent;margin: 0 3px;cursor:pointer;}
.home-pager span.cycle-pager-active {background-color: #fff;border-color: #fff;}
.home-slideshow .slide .con h2 {line-height: 50px;font-size: 35px;font-weight: 300;margin-bottom: 5px;color: #fff; text-transform:uppercase;}
.home-slideshow .slide .con h3 {line-height: 50px;font-size: 45px;font-weight: 900;margin-bottom: 20px;color: #6fbe42;text-transform:uppercase;}

.home-slideshow .slide .btnmore { background:#f36321; border:2px solid #fff; transition:all .3s ease-in-out;}
.home-slideshow .slide .btnmore:hover{background:#fff; color:#f36321; border:2px solid #fff; transition:all .3s ease-in-out;}
.home-slideshow .slide .con {padding-right: 0;text-align: center;box-sizing: border-box;z-index: 5;position: relative;
    -webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);opacity: 0;-webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;transition: opacity 0.4s ease, transform 0.5s ease-out;transition: opacity 0.4s ease, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;}
	
.home-slideshow .slide.cycle-slide-active .con {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    opacity: 1;-webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;transition: opacity 0.4s ease, -webkit-transform 0.5s ease-out;transition: opacity 0.4s ease, transform 0.5s ease-out;transition: opacity 0.4s ease, transform 0.5s ease-out, -webkit-transform 0.5s ease-out}
.home-slideshow .slide.cycle-slide-active .con > * {-webkit-animation: fade-down 1.5s ease both;animation: fade-down 1.5s ease both}
@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.bsocial{position: absolute;top: 140px;z-index: 9;left: 40px;}
.bsocial ul{ padding:0px; margin:0px;}
.bsocial ul li{ list-style:none; margin-bottom:15px;}
.bsocial ul li a i.fa{ color:#fff; font-size:25px;}
.bsocial:after{position: absolute;content: "";width: 1px;height: 100px;background: #fff;left: 10px;}
/*--------------------banner stop------------------*/


/*------------New Collection start---------------*/
.collection{ padding-bottom:40px;}
.collectimg{height: 550px; position:relative;}
.collectimg img{width: 100%;height: 100%;object-fit: cover;}
.collevarea h6{ color:#f36321; text-transform:uppercase; font-size:15px; font-weight:300; margin:0px;}
.collevarea h4{ color:var(--headercolor);font-size:35px;font-weight:300; margin:0px;}
.now{ margin-top:10px;}
/*------------New Collection stop---------------*/

/*------------------Trending Products start-----------------*/
.tproduct{ padding:50px 0px;}
.tproduct h3 {font-size: 40px;color:var(--headercolor); text-transform: capitalize; font-weight:600;margin-bottom: 20px; text-align:center;}
.tproduct .nav-tabs {border-bottom: 0px solid #dee2e6;margin: 0 auto;width: 40%;}
.tproduct .nav-tabs .nav-item{margin-bottom: 0px;border-right: 1px solid #000;line-height: 15px;}
.tproduct .nav-tabs .nav-item:last-child{border-right: 0px solid #000;}
.tproduct .nav-tabs .nav-link{border-top-left-radius: 0px;border-top-right-radius: 0px; padding:0px 15px; color:#000;}
.tproduct .nav-tabs .nav-item.show .nav-link, .tproduct .nav-tabs .nav-link.active {color: #f36321;background-color: #fff;border-color: #fff #fff #fff;}
.tproduct .nav-tabs .nav-link:focus, .tproduct .nav-tabs .nav-link:hover {color: #f36321;background-color: #fff;border-color: #fff #fff #fff;}
.tproduct .productarea{ margin-top:0px;}
.productarea:hover .txthov{ display:block; transition:all .3s ease-in-out;}
.txthov{position: absolute;top: 25px;right: 30px; display:none;transition:all .3s ease-in-out;}
.txthov ul{ padding:0px; margin:0px;}
.txthov ul li{list-style: none;margin-bottom: 10px;width: 28px;height: 28px;background: #fff;border-radius: 50%;padding: 3px 0px;text-align: center;}
.txthov ul li a i.fa{color: #739ca9;font-size: 15px;}
/*-------- Trending Products stop --------*/


/*------------------Shop by Categories start-----------------*/
.shop{ padding:50px 0px;}
.shop h3 {font-size: 40px;color:var(--headercolor); text-transform: capitalize; font-weight:600;margin-bottom: 10px; text-align:center;}
.shopimg{height: 640px;position: relative;}
.shopimg img{width: 100%;height: 100%;object-fit: cover;}
.stxt{position: absolute;right: 0px;top: 0px;transform: translate(0, 48%);width: 100%;text-align: center;left: 0px;}
.stxt h6{ font-size:19px; color:#fff; text-transform:uppercase; font-weight:300;}
.stxt h4{ font-size:30px; color:#fff; text-transform:uppercase;font-weight:600;}
.shopimg1{ height:320px;}
.shopimg2{ height:305px; margin-top:15px;}
.shopimg2 .stxt{width: 55%}
/*-------- Shop by Categories stop --------*/


/*------------------Welcome to CrazyDealz start-----------------*/
.welcome{ padding:60px 0px 50px;}
.welimg{ height:600px;}
.welimg img{ width:100%; height:100%;object-fit: cover;}
.welcome h3 {font-size: 40px;color:var(--headercolor); text-transform: capitalize; font-weight:600;margin-bottom: 10px;}
.welcome .shap{ text-align:left;}
.welcome p{font-size: 20px;margin: 20px auto 10px;font-weight: 300;}
/*-------- Welcome to CrazyDealz stop --------*/


/*-------- Most Selling Products start --------*/

.product h3 {font-size: 40px;color:var(--headercolor); text-transform: capitalize; font-weight:600;margin-bottom: 10px; text-align:center;}
.shap{ margin:0 auto; text-align:center;}
.productarea{transition: all .3s ease-in-out;
  text-align: center;
  background: #fafafc;
  border-radius: 5px;
  padding: 5px 5px 20px 5px;
  border: 1px solid #ddddddbd;}
.productarea .btnmore{font-size: 11px;}
.proimg{ height:500px;margin-bottom: 15px; overflow:hidden;transition: all .3s ease-in-out;}
.proimg img{ width:100%; height:100% !important;object-fit: cover;transition: all .3s ease-in-out;}
.productarea h4, .productarea h4 a {font-size: 17px; color: var(--headercolor);  font-weight: 500; margin-bottom: 15px;}
.productarea i.fa{ color:#f36321; margin-bottom:5px;}
.productarea h6{font-size: 15px;color: var(--headercolor);font-weight: 300;margin: 5px 0px 0px;}
.productarea h6 span{ color:#424242; /*text-decoration:line-through;*/margin-right: 10px;}
.productarea:hover .proimg img{ transform:scale(1.1); transition:all .3s ease-in-out;}
.product .owl-carousel .owl-nav button.owl-prev{ background:url(../images/pleftarrow.png) no-repeat 0px 0px; width:86px; height:33px;left: 0px;position: absolute;}
.product .owl-carousel .owl-nav button.owl-next, .product .owl-carousel .owl-nav button.owl-prev, .product .owl-carousel button.owl-dot{ font-size:0px;}
.product .owl-carousel .owl-nav.disabled{ display:block !important;position: relative;top: 55px;width: 17%;margin: 0 auto;}
.product .owl-nav{top: 0px; width:100%;}
.product .owl-carousel .owl-nav button.owl-next{ background:url(../images/prightarrow.png) no-repeat 0px 0px; width:81px; height:32px;right: 0px;position: absolute;}
.product .owl-carousel .owl-nav.disabled {
  display: block !important;
  position: relative;
  top: 55px;
  width: 17%;
  margin: 0 auto;
}
/*-------- Most Selling Products stop --------*/


/*--------------All cosmetic start-------------*/
.product101{background: #F9F9F9;}
.cosmetbg{ background-position:center !important; background-repeat:no-repeat !important; background-size:cover 
!important; min-height:600px; position:relative;background-attachment: fixed;}
.cosmetic{min-height: 600px;background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;}
  .cosmetic::after{position: absolute;
  content: "";
  background: #00000070;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;}
.ctxt{ position:absolute; top:50%; transform: translate(0, 100%);width: 100%; left:0px; right:0px;text-align: center; z-index: 9;}
.ctxt h6{font-size: 28px;color: #fff;text-transform: uppercase;font-weight: 500;}
.ctxt h4{font-size: 65px;color: #fff;text-transform: uppercase;font-weight: 600;}
.ctxt .btnmore{font-size: 25px;}

.ctxt a{border: 1px solid #fff;color: #fff;padding: 5px 17px;display: inline-block;font-size: 15px;text-transform: uppercase;
margin-top: 10px;font-weight: 500;font-family: 'futura_md_btmedium'; transition:all .3s ease-in-out;}
.ctxt a:hover{ background:#fff; color:#000;transition:all .3s ease-in-out;}


.ctxt10{ position:absolute; top:50%; transform: translate(0, 30%);width: 100%; left:0px; right:0px;text-align: center; z-index: 9;}
.ctxt10 h6{font-size: 28px;color: #fff;text-transform: uppercase;font-weight: 500;}
.ctxt10 h4{font-size: 65px;color: #fff;text-transform: uppercase;font-weight: 600;}
.ctxt10 .btnmore{font-size: 25px;}
.ctxt10 a{border: 1px solid #fff;color: #fff;padding: 5px 17px;display: inline-block;font-size: 15px;text-transform: uppercase;
margin-top: 10px;font-weight: 500;font-family: 'futura_md_btmedium'; transition:all .3s ease-in-out;}
.ctxt10 a:hover{ background:#fff; color:#000;transition:all .3s ease-in-out;}
/*----------------All cosmetic stop-------------------*/

/*-------- What Our Customers Say start --------*/
.clientsay h3 { text-transform: capitalize; font-weight:600;margin-bottom: 10px; text-align:center;}
.shap{ margin:0 auto; text-align:center;}
.tastimonial_box{ text-align:center;margin-top: 50px;}
.image_box{width: 170px;height: 170px;margin: 0 auto 50px;border-radius: 50%;overflow: hidden;border: 5px solid #fff;
box-shadow: 0px 0px 25px 0px #dbd8d8;}
.image_box img{width: 100%; height: 100%;  object-fit: cover;}
.clientsay h4 {font-size: 24px;color: #000;text-transform: uppercase;font-weight: 500;}
.tastimonial_box i.fa{ color:#f36321;}
.clientsay p{font-size: 20px;margin: 20px auto 0px;width: 62%;font-weight: 300;}
.clientsay .owl-carousel .owl-nav button.owl-prev{ background:url(../images/leftarrow.png) no-repeat 0px 0px; width:36px; height:36px;left: 240px;position: absolute;}
.clientsay .owl-carousel .owl-nav button.owl-next, .clientsay .owl-carousel .owl-nav button.owl-prev, .clientsay .owl-carousel button.owl-dot{ font-size:0px;}
.clientsay .owl-nav{position: absolute;top: 115px; width:100%;}
.clientsay .owl-carousel .owl-nav button.owl-next{ background:url(../images/rightarrow.png) no-repeat 0px 0px; width:36px; height:36px;right: 240px;position: absolute;}
/*-------- What Our Customers Say stop --------*/


/*-----------Client logo start-------------*/
.client{ padding:40px 0px;}
.client .owl-carousel .owl-item img{ width:inherit;}
.client .owl-carousel .owl-stage{display: flex;align-items: center;}
/*-------------Client logo stop--------------*/


/*-------- Subscribe Newsletter start --------*/
.newletter{ background:var(--newsletter); padding:60px 0px;}
.newletter h3{font-size: 40px;color: #fff; text-transform: capitalize; font-weight:500;margin-bottom: 5px;}
.newletter p{font-size: 23px;color: #fff; font-weight:400; width:95%;}
.newletter .form-control{height: 60px;border-radius: 0px;border: 0px; width:100%; font-size:18px;color:var(--placeholder);padding: 6px 200px 6px 15px;}
.newletter .form-group{ position:relative; width:100%;margin: 40px 0px 0px;}
.form-control:focus{ box-shadow:none;}
.newletter .btn-primary{position: absolute;top: 0px;right: 0px;border-radius: 0px;background:var(--subscribe);border: 4px solid #fff;padding: 12px 20px;font-size: 17px;text-transform: uppercase;letter-spacing: 1px; transition:all .3s ease-in-out;}
.newletter .btn-primary:hover{background:var(--subscribehov);transition:all .3s ease-in-out;}
/*-------- Subscribe Newsletter stop --------*/


/*--------------Free & Easy Returns start---------------*/
.easy{ background: #f2f2f2;}
.of{ border-right: 1px solid #d3ddce;
  padding-left: 20px !important;
  padding-right: 20px !important;}
.of:last-child{border-right:0px solid #d3ddce; padding-right:15px !important;}
.easybox{position: relative;
  box-sizing: border-box;
  text-align: center;
  margin: 0px;}
.easybox .easyicon {width: 70px;
  margin: 0 auto 15px;}
.easybox h4 {color: #6b0d0e;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;}
.easybox p {font-size: 17px;font-weight: 400;color: (--pcolor);width: 100%;}
/*----------------Free & Easy Returns stop------------------*/

/*------------ footer area css start ------------*/
.footer_area { background: #000;}
.footer_area .footer_logo{width: 155px;overflow: hidden;}
.footer_area .footer_logo img{width: 100%;object-fit: cover;}
.footer_area .footer h3 {color:#fff;font-size: 20px;font-weight: 500;margin: 0 0 25px; text-transform:uppercase;}
.footer_area .footer h6{font-size: 18px;
  color: #fff;
  line-height: 30px;}
  .footer_social li{display: inline-block;}
  .footer_social li a{width: 40px;
  height: 40px; margin-right: 10px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;}
  .footer_area p{ color: #fff; margin-top: 10px; width: 90%;}
  .footer_social{ padding: 0px; margin-top: 20px;}
.footer_area .footer ul{padding: 0px;margin: 0px;list-style: none;}
.footer_area .footer ul li{padding: 0px;margin: 0 0 15px;}
.footer_area .footer ul li a{font-size: 17px;font-weight: 300;color:#fff;transition: 0.5s;}
.footer_area .footer ul li a:hover{color: #7fc663;}
.footer .footer_address {margin: 0 0 15px;}
.footer .footer_address:last-child{margin: 0;}
.footer .footer_address h4{color: #33a29b;font-size: 16px;font-weight: 400;margin: 0 0 5px;}
.footer_area .footer ul.footer_social{padding: 0;margin: 0;list-style: none;}
.footer_area .footer ul.footer_social li {padding: 0;margin: 0 0 10px;}
.footer_area .footer ul.footer_social li:last-child{margin: 0;}
.footer_area .footer ul.footer_social li a{display: block;position: relative;min-height: 28px;text-transform: capitalize;  padding-left: 40px;}
.footer_area .footer ul.footer_social li a .icon {position: absolute;top: 0;left: 0;width: 30px;height: 30px;border: 2px solid #7fc663;display: inline-block;color: var(--socialcolor);font-size: 12px;border-radius: 50%;transition: 0.5s;text-align: center;
line-height: 28px;}
.footer_area .footer ul.footer_social li a:hover .icon{background: var(--socialhovcolor);color: #ffffff;}
/*------------ footer area css stop ------------*/

/*------------ copyright css start ------------*/
.copyright{ background: #fff;
  padding: 20px 0px;
  text-align: center;}
.copyright ul{ padding:0px; margin:0px 0px 13px;}
.copyright ul li{ list-style:none; display:inline-block;}
.copyright p{ color:var(--headercolor);font-family: 'futurabook'; font-size:17px; font-weight:300;}
.copyright p a{ color: #6b0d0e;}
.addarea{padding: 35px;
  box-shadow: 0px 0px 10px 0px #ddd;
  border-radius: 5px;}
/*------------ copyright css stop ------------*/




/*------------ inner Banner start ------------*/
.subbanner {min-height: 320px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}
.subbanner:after{ position:absolute; content:""; width:100%; height:100%; left:0px; top:0px;background-color: rgba(0, 0, 0, 0.27);}
.subbanner .container{position: absolute;left: 0;right: 0;margin: auto;top: 50%;-ms-transition: translate(0, -50%);-o-transition: translate(0, -50%);-moz-transition: translate(0, -50%);-webkit-transform: translate(0, -50%);transform: translate(0, -50%);z-index: 1; text-align:center;}
.subbanner h1 {font-size: 50px;font-weight: 600;margin-bottom: 0;color:var(--subbgtxt);}
.subbanner .breadcrumb {display: block;text-align: center; background-color: transparent; padding: 5px 0px;margin-bottom: 0px;font-size: 16px;
 font-weight: 500;}
.subbanner .breadcrumb a {color: #fff;text-transform: capitalize;}
.subbanner .breadcrumb-item.active {color: var(--menuhov);text-transform: capitalize;font-weight: 500;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}
/*------------ inner Banner stop ------------*/


/*----- Contact Us CSS -----*/
.conact{ padding:80px 0px;background: #fdfdfd;}
.conact .shap {text-align: left;margin-bottom:25px;}
.conact h3{ font-size:35px;}
.add ul{ padding:0px; margin:0px;}
.add ul li {list-style-type: none;display: block;position: relative;padding-left: 80px;margin-bottom: 35px;}
.add ul li i {display: inline-block;color: #fa6024;font-size: 30px;position: absolute;top: 0;left: 0;width: 55px;
height: 55px;border-radius: 50%;border: 2px solid #fa6024;text-align: center;padding: 10px 0px;}
.add ul li h4{ margin-bottom: 0px;font-size: 25px;font-weight: 400;}
.add ul li var{ font-style:normal;}
.add ul li var a, .add ul li a{ font-size:15px; color:#000;}
.map{margin-top:50px;}
.conact .form-control{height: 52px;border-radius: 3px;border: 1px solid #aaa; font-size:15px;}
.conact .fild1{height: 100px;border-radius: 3px;border: 1px solid #aaa; font-size:15px; resize:none;}
.conact .form-control::-moz-placeholder{ font-size:15px;}
.conact .form-control::-webkit-placeholder{font-size:15px;}
.conact .btnmore{padding: 12px 50px; font-size:15px;transition:all .3s ease-in-out;}
/*----- End Contact Us -----*/


/*----- Faq CSS start -----*/
.faq{ padding:80px 0px;}
.faq h3{ text-align:center;}
#main {box-sizing: border-box;padding: 50px 10px 0px;}
#main #faq .card .card-header {border: 0;-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);padding: 0;}
#main .card {border: none;padding: 5px;}
#main #faq .card .card-header .btn-header-link em{vertical-align: top;}
#main .card .card-body p {color:var(--pcolor);font-size: 17px; text-align:left; font-style:normal; margin-bottom:10px;}
#main .card .card-body .box{ text-align:left;}
#main .card .card-body .box .rediobox {background-color: #e8e8e8; display: inline-block;box-sizing: border-box;padding: 2px 30px;
margin-right: 5px;}
#main #faq .card .card-header .btn-header-link {display: block;font-size: 25px;background: #ffffff;color:var(--headercolor);padding: 14px 20px;box-shadow:0px 0px 10px rgb(0 0 0 / 9%);position: relative;border: 1px solid #b7b7b7;}
#main #faq .card .card-header .btn-header-link::after {content: "\f273";font-weight: 400;font-family: 'Material-Design-Iconic-Font';position: absolute;top: 12px;right: 20px;color: #fa5f23;}
#main #faq .card .card-header .btn-header-link.collapsed {background: #ffffff;color: #040404;box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);border: 1px solid #b7b7b7;}
#main #faq .card .card-header .btn-header-link span {display: inline-block; width:90%; padding:0px 25px 0px 15px;}
#main #faq .card .card-header .btn-header-link.collapsed:after {content: "\f278";color: #fa5f23;position: absolute;right: 20px;top: 15px;}
#main #faq .card .collapsing {background: #ffffff;line-height: 30px;border: 1px solid #fff;}
#main #faq .card .collapse {border: 1px solid #fff;}
#main #faq .card .card-body{border: 1px solid #b7b7b7;}
#main #faq .card .collapse.show {background: #ffffff;line-height: 30px;color: #222;box-sizing: border-box;box-shadow: 0px 3px 10px rgb(0 0 0 / 8%); transition:all .3s ease-in-out;}
/*----- Faq CSS stop -----*/


/*--------------------login page start------------------*/
.loginarea{ background:#fefeff; padding:60px 0px;}
.loginarea .login-in{ width:100%; box-shadow:0px 0px 20px 0px #f1f1f2; padding-left:40px;padding-bottom: 20px;}
.loginarea .login-in .loginlogo{ width:215px; margin-top:35px;}
.loginarea .login-in h4{font-size:25px; color:var(--headercolor); font-weight:500; margin:20px 0px;line-height: 30px;}
.loginarea .login-in h4 span{ display:block;}
.loginarea .login-in label{ font-size:15px; color:var(--pcolor); font-weight:500;}
.loginarea .login-in .form-group{ margin-bottom:20px;}
.loginarea .login-in .fild1{height: 45px;background: #f5f6f7;border-radius: 3px;}
.loginarea .login-in .check-a{ margin-bottom:20px;}
.loginarea .login-in .check-a .checkbox{ width:50%; float:left;}
.login{ margin-bottom:0px !important;}
.login .checkbox{ width:100% !important;}
.login .checkbox a{ color:var(--quntybg)}
.loginarea h5{ font-size:17px;color: var(--pcolor);}
.loginarea h5 a{color:var(--quntybg)}
.loginarea .login-in .forgot{ font-size:15px; color:var(--selection); font-weight:500; float:right;}
.btnlogin{ width:100%; background:var(--btnbg); border-radius:5px; padding:10px 0px; text-align:center;font-size:28px; color:#fff; font-weight:500;}
.btnlogin:hover{background:var(--btnbghov);color:#fff;}
.loginarea .login-in h6{font-size:15px; color:var(--pcolor); font-weight:500; text-align:center; position:relative; margin:20px 0px 25px;}
.loginarea .login-in h6::after{ position:absolute; content:""; width:37%; height:2px; background:#d7d7d7; left:0px; top:9px;}
.loginarea .login-in h6::before{ position:absolute; content:""; width:37%; height:2px; background:#d7d7d7; right:0px; top:9px;}
.google{font-size: 17px;color: #606060;font-weight: 500;border: 1px solid #d7d7d7;padding: 14px 20px;display: inline-block;text-align: center; width:220px;margin: 0px 5px;border-radius: 10px;}
.google span{ float:left;}
.loginarea .loginimg{ height:660px;}
.loginarea .loginimg img{ height:100%; width:100%;object-fit: cover;}
.loginarea ul{ text-align:center;}
.loginarea ul li{ display:inline-block;}
/*---------------login css stop----------------*/


/*-----------------Cart css start--------------------*/
.cart_area{ padding:80px 0px 80px;}
.cartarea{box-shadow: 0px 0px 17px 0px #e1e1e1;}
.cartarea ul{ padding:0px; margin:0px;}
.cartarea ul li{ list-style:none; border-bottom:1px solid #dcdcdc; padding:25px;}
.cartarea ul li:last-child{ border-bottom:none;}
.cartimg img{ width: 175px;height: 180px;object-fit: cover;border: 1px solid #ddd;padding: 5px;}
.cartarea h4{ margin-bottom:10px; font-size:25px;}
.cartarea p{font-size: 14px;line-height: 22px; margin:0px 0px 10px;}
.qunty {box-sizing: border-box;padding: 2px;width: 98px;background: var(--quntybg);}
.qunty .wrap .count {width: 35px;height: 27px;font-weight: 500;font-size: 16px;border: none;text-align: center;margin: 0px 5px;color: var(--countcolor);}
.qunty .wrap .sub {border: none;width: 20px;height: 24px;font-size: 12px;color: #fff;background: none;outline: none;}
.qunty .wrap .sub:hover{ border:none; color:#000;}
.qunty .wrap .add {border: none;outline: none;width: 18px;height: 24px;font-size: 12px;color: #fff;background: none;}
.qunty .wrap .add:hover{ color:#000;}
.remove{ background:#dcdcdc; color:var(--headercolor); padding:7px 5px; display:block; text-transform:uppercase; font-size:10px; text-align:center; font-weight:400; position:relative;transition:all .3s ease-in-out;}
.remove:hover{background:#cac9c9; color:#000; transition:all .3s ease-in-out;}
.remove:before{ content: '';position: absolute;top: 3px;left: 3px;width: 100%;height: 100%;background: transparent;border-right: 1px solid #cac9c9;border-bottom: 1px solid #cac9c9;transition:all .3s ease-in-out;}
.cartarea h6{ font-size:13px; color:#787878;  margin:15px 0px; text-align:right; line-height:24px;}
.cartarea h6 span{ font-size:18px; color:var(--quntybg); font-weight:600;display:block;}
.cright{box-shadow: 0px 0px 17px 0px #e1e1e1; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;}
.cright h3{ color:var(--headercolor); background:#fdf2e2; text-align:center; padding:18px 5px; border-bottom:1px solid #ddd; font-size:22px;}
.catxt{ padding:30px 25px;}
.catxt h6{ font-size:16px; margin-bottom:22px; color:var(--headercolor); font-weight:400;}
.catxt h6 span{ font-weight:600; float:right; font-size:18px;}
.catxt h6 var{ font-weight:400; float:right; font-size:16px; font-style:normal; color:var(--quntybg);}
.catxt h5{ font-size:16px; padding:15px 0px; color:var(--headercolor); font-weight:400; border-top:1px solid #ddd;}
.catxt h5 var{ font-weight:400; float:right; font-size:16px; font-style:normal; color:var(--quntybg);}
.goto{display:block; text-transform:uppercase; margin-top:30px; transition:all .3s ease-in-out;}
/*--------------Cart css stop------------------*/


/*------------checkout start------------------*/
.cart_area .form-control::placeholder, .cart_area .form-control::-webkit-placeholder {color: #1e1e1e;font-size: 15px;font-weight: 500;}
.cart_area .form-control{ height:50px;}
.fild2{ height:95px; resize:none;}
.paynow{text-transform:uppercase; margin-top:20px; padding:14px 100px; font-size:16px; cursor:pointer; transition:all .3s ease-in-out;}
.netcard{display: block;border: 1px solid #d8d8d8;font-size: 15px;color: #000;padding: 13px 14px;margin-bottom: 15px;}
.netcard:last-child{ margin-bottom:0px;}
.netcard i.fa{ float: right; color:#000;margin-top: 4px;}
.netcard span{ margin-right:10px;}
.cstar ul{ padding:0px; margin:0px 0px 10px 0px;}
.cstar ul li{ display:inline-block; list-style:none; padding:0px; border-bottom:none; margin-right:2px; color:var(--quntybg);}
.cartarea h5{ font-size:18px; color:var(--quntybg);}
.trash{width: 40px;height: 40px;border: 1px solid #cacaca;text-align: center;padding: 5px 0px;font-size: 20px; display:block;color: #999;box-shadow: 0px 0px 8px #cacaca;float: right;border-radius: 3px;}
.trash:hover{color: #999;}
/*----------------checkout stop------------------*/



/*----------- inner product area css start ------------*/
.inner_product_area{}
.inner_product_area .product_search_area {margin-bottom: 50px;}
.inner_product_area .product_search_area .search_box{display: inline-block;}
.inner_product_area .product_search_area .search_box .form-group{margin: 0 0 0;display: inline-block;position: relative;  margin-right: 10px;}
.inner_product_area .product_search_area .search_box .form-group .form-control {width: 262px;height: 41px;border: 1px solid #cccccc;border-radius: 0px;outline: none;}
.inner_product_area .product_search_area .search_box .form-group .btn-search {position: absolute;top: 0;right: 0;height: 41px;
  width: 41px;display: flex;align-items: center;justify-content: center;color: var(--headercolor);font-size: 25px;cursor: pointer;border: 1px solid #cccccc;outline: none;transition: 0.5s;}
.inner_product_area .product_search_area .search_box .form-group .btn-search:focus{box-sizing: border-box;}
.inner_product_area .product_search_area .search_box .form-group .btn-search:hover{border: 1px solid #f3a63e;background: var(--subscribehov);color: #ffffff;}
.inner_product_area .product_search_area .search_box ul.grid_view {display: inline-block;padding: 0 0;margin: 0 0;position: relative;top: 2px;}
.inner_product_area .product_search_area .search_box ul.grid_view li{list-style: none;padding: 0 0;margin: 0 5px 0 0;display: inline-block;}
.inner_product_area .product_search_area .search_box ul.grid_view li a {display: flex;align-items: center;justify-content: center;width: 41px;height: 41px;background: #e6e6e6;color:var(--headercolor);font-size: 21px;transition: 0.5s;}
.inner_product_area .product_search_area .search_box ul.grid_view li a:hover{background: #f36321;color: #ffffff;}
.inner_product_area .product_search_area .search_box ul.grid_view li.active a{background: var(--selection);color: #ffffff;}
.inner_product_area .product_search_area .product_sort{float: right;}
.inner_product_area .product_search_area .product_sort select.form-control{width: 223px;height: 41px;cursor: pointer;}
.filter_area{ position: relative;padding-right: 25px;}
.filter_area:after{content: '';position: absolute;right: 0;width: 1px;height: 100%;background: #e5e5e5;top: 0px;}
.filter_area .filter_box{margin-bottom: 40px;}
.filter_area .filter_box h3{font-size: 22px;font-weight: 500;color: var(--headercolor);line-height: normal;padding: 0 0 10px;border-bottom: 1px solid #cfd0d0;position: relative;margin-bottom: 20px;}
/*.filter_area .filter_box .mb-0 > a:after {content: "\f278";font-family: 'Material-Design-Iconic-Font';position: absolute;
  right: 15px;font-weight: 500;}
.filter_area .filter_box .mb-0 > a.collapsed:after {content: "\f278";font-family: 'Material-Design-Iconic-Font';
  font-weight: 500;} */
.filter_area .filter_box .card{border: none;margin-bottom: 15px;}
.filter_area .filter_box .card .card-header{border: none;padding: 0 0;color: var(--headercolor);}
.filter_area .filter_box .card .card-header a {color: var(--headercolor);font-size: 16px;font-weight: 400;position: relative;width: 100%;display: block;padding: 10px 15px;background: #eee;}
.filter_area .filter_box .card .card-body{padding-top: 5px;  }
.filter_area .filter_box .card .card-body ul{padding: 0 0;margin: 0 0;}
.filter_area .filter_box .card .card-body ul li{position: relative;list-style: none;padding: 0 0;margin: 0 0 0;}
.filter_area .filter_box .card .card-body ul li:after {content: "\f2fb";font-family: 'Material-Design-Iconic-Font';position: absolute;top: 2px;right: 0;color: #f36321;font-size: 15px;}
.filter_area .filter_box .card .card-body ul li a{font-size: 15px;font-weight: 500;color: #000; display:block;transition: 0.5s;}
.filter_area .filter_box .card .card-body ul li a:hover{ color: #f36321;}
.filter_area .filter_box .custom-control{margin-bottom: 15px;}
.filter_area .filter_box label.size_box{cursor: pointer;display: inline-block;margin-right: 5px;}
.filter_area .filter_box label.size_box input[type="radio"]{display: none;}
.filter_area .filter_box label.size_box span{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;
  color: #000;font-weight: 600;font-size: 16px;text-transform: uppercase;transition: 0.5s;background: #ffffff;border: 1px solid #cccccc;}
.filter_area .filter_box label.size_box input[type="radio"]:checked ~ span{ border-color: #fad05a;background: #fad05a;color: #ffffff;}
.inproduct .proimg{height: 275px}
.inproduct .productarea{ margin-top:0px;}
/*----------- inner product area css stop ------------*/


/*----- product details area css start ------*/
.product_details_area {padding: 80px 0px 30px;}
.product_details_area .product_details_contain .contain_box{margin-bottom: 20px;}
.product_details_area .product_details_contain .contain_box:last-child{border-bottom: 0px;padding-bottom: 0px;margin-bottom: 0px;
}
.product_details_area .product_details_contain .contain_box h1 {line-height: normal;text-transform: capitalize;font-size: 24px;
    font-weight: 500;color: var(--headercolor);margin: 0 0 0;}
.product_details_contain .contain_box .review_reting{font-size: 18px;font-weight: 500;color: #fad05a;margin: 0 0 8px;}
.product_details_contain .contain_box .review_reting .review_text{display: inline-block;margin-left: 5px;font-size: 15px;  font-weight: 400;color:var(--headercolor);}
.product_details_contain .contain_box p{font-size: 19px;color: var(--headercolor);padding: 0 0;margin: 0 0 10px;}
.product_details_contain .contain_box .price{font-size: 20px;font-weight: 500;color: #1f3a87;margin: 0 0 10px;}
.product_details_contain .contain_box .price .cut_price{display: inline-block;color: #757575;text-decoration: line-through;
  margin-right: 10px;}
.product_details_contain .contain_box ul.social_link{padding: 0 0;margin: 0 0;}
.product_details_contain .contain_box ul.social_link li{display: inline-block;padding: 0 0;margin: 0 3px 0 0;list-style: none;}
.product_details_contain .contain_box ul.social_link li:last-child{margin: 0 0 0 0;}
.product_details_contain .contain_box ul.social_link li a {width: 28px; height: 27px;padding: 5px 5px;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 13px;background: var(--headercolor);border-radius: 3px;box-shadow: 1px 2px 5px rgb(152 152 152);text-shadow: 2px 1px 3px rgb(45 45 45);transition: 0.5s;}
.product_details_contain .contain_box ul.social_link li a:hover{transform: rotateY(360deg);}
.product_details_contain .contain_box ul.social_link li a.facebook{background: #5471ad;}
.product_details_contain .contain_box ul.social_link li a.twitter{background: #1bb2e9;}
.product_details_contain .contain_box ul.social_link li a.pinterest{background: #ec3e48;}
.product_details_contain .contain_box ul.social_link li a.linkedin{background: #2f94c8;}

.product_details_contain .quantity_box{}
.product_details_contain .quantity_box h3 {display: inline-block;color: #000;margin-right: 10px;font-size: 20px;font-weight: 300;}
.product_details_contain .quantity_box .addto { margin-top:0px; color:#fff;}
.product_details_contain .quantity_box .addto:hover{color:#fff;}
.product_details_contain .quantity_box .btn:before{display: none;}
.product_details_contain .quantity_box .quantity {position: relative;width: 100%;max-width: 70px;display: inline-block;    margin-right: 15px;}
.product_details_contain .quantity_box .quantity .form-control {width: 70px !important;height: 35px !important;color: #fff;font-size: 16px; background: var(--quntybg);border: none;padding: 10px;text-align: left;outline: none;}
.product_details_contain .quantity_box .quantity .form-control:focus{box-shadow: none;}
.product_details_contain .quantity_box .btn:after{border-color: #f7941d;}
.product_details_contain .quantity_box .btn:hover {background: #fad05a;border-color: #fad05a;color: #000;}
.product_details_contain .quantity_box .btn:hover:after{border-color: transparent;}

.product_details_contain .quantity_box button{content: '';position: absolute;top: 0;right: 0;background: transparent;border: none;padding: 0 0;margin: 0 0;outline: none;cursor: pointer;}
.product_details_contain .quantity_box button:nth-child(1){}
.product_details_contain .quantity_box button:nth-child(3){top: auto;bottom: 0;}

.nice-number input {vertical-align: middle;-moz-appearance: textfield;box-sizing: content-box;margin: 0;text-align: center;}

.nice-number input::-webkit-inner-spin-button,
.nice-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product_details_area .product_image_box{}
#exzoom {
        width: 400px;
    position: relative;
    left: 25%;
}

.product_description_area{
    margin-top: 70px;
}
.product_description_area .nav-tabs .nav-item{
    margin-right: 5px;
}
.product_description_area .nav-tabs .nav-link{
    border:1px solid #dcdcdc;
    background: #f5f5f5;
    color: #34343a;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: none;
    padding: 10px 30px;
}
.product_description_area .nav-tabs .nav-link.active{
    color: var(--quntybg);
    background: #fff;
    border-bottom: none;
    position: relative;
}
.product_description_area .nav-tabs .nav-link.active:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.product_description_area .product_description{
    padding: 30px;
    border: 1px solid #dcdcdc;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.product_description_area .product_description p{
  font-size: 17px;
  font-weight: 300;
  color: #000000;
  margin: 0 0 15px;
  padding: 0 0;
}
.product_description_area .product_description p:last-child{
  margin: 0 0 0;
}
.product_description_area .product_description .description_box{
    min-height: 20px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.product_description_area .product_description .description_box:last-child{
    margin-bottom: 0px;
}
.product_description_area .product_description .description_box .number{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    color: #ed1c24;
}
.product_description_area .product_description .description_box h3{
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
    color: #282828;
    margin: 0 0 0;
}
.product_description_area .product_description .description_box h3 strong{
    color: #131037;
    font-weight: 600;
}
.product_description_area .product_description .description_box ul{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.product_description_area .product_description .description_box ul li{
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    list-style: none;
    margin-bottom: 7px;
}
.product_description_area .product_description .description_box ul li:last-child{
    margin-bottom: 0px;
}
.product_description_area .product_description .description_box ul li:before{
    content: "\f101";
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    color: #ed1c24;
}
/*----- product details area css stop ------*/



a.search {
    position: relative;
}
.header_search_box ul li a span {
    color: #610c0b;
    background: #fff;
    padding: 0px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: -11px;
    left: 10px;
    font-size: 12px;
    line-height: 20px;
}

.nav-menu > li > a {
    /* height: 50px; */
    margin: 40px 25px;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    transition: color 0.3s, background 0.3s;
    font-family: 'futurabook';
    font-weight: 500;
    text-transform: uppercase;
}
.header_area  .container {
   
    position: relative;
}
.megamenu-panel {
    width: 100%;
   
    border-top: solid 3px #6fbe42;
    background-color: #fdfdfd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
    left: 0;
}
.navigation {
    width: 100%;
    height: auto;
    position: absolute;
    font-family: inherit;
    background-color: transparent;
    left: 0;
    padding-right: 130px;
    top: -13px;
}
.nav-menu > li > a {
    height: auto;
    
}

.header_area.fix .navigation{top: 5px;}
.nav-dropdown > li a span{ position:absolute; right:10px;}


.term{ padding:50px 0px;}
.term h3{ font-size:25px; margin:30px 0px 10px;}
.term p{ line-height:25px; margin-bottom:15px;}



.listview .productarea {box-shadow: 0px 0px 10px 0px #ddd;border-radius: 5px;}
.listview .proimg{ margin-bottom:0px;}
.listview .txthov{ top:30px;}
.gread_btn .nav-tabs .nav-item.show .nav-link, .gread_btn .nav-tabs .nav-link.active {color: #495057;background-color: var(--countcolor); border-color: transparent;}
.gread_btn .nav-tabs .nav-item.show .nav-link, .gread_btn .nav-tabs .nav-link.active i.fa{ color:#fff;}
.gread_btn .nav-link{ padding:0px;background: #e6e2e2;}	
.gread_btn button {font-size: 24px; padding: 2px 16px;border: none;background-color: transparent;outline: none;cursor: pointer;
    color: #707070;}





/*.......................myaccount_page...........................*/

.header_area .header_area_right {float: right;}
.header_area .header_area_right .login-signup a.register {background: var(--btnbg);padding: 11px 1.5em;border-radius: 50px;
font-weight: 100;font-size: 0.9em;color: #ffffff;display: block;}
.header_area .header_area_right .login-signup a.register:hover{ background: var(--btnbghov);}
.mainarea {padding: 70px 0;background: rgb(235 237 243 / 72%);}

@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.login-signup li {position: relative;}
.login-signup .dropdown-menu{left:auto!important;right:0px!important;border:none;padding:15px;box-shadow:inherit;transform:inherit!important;top:50px!important;border:1px solid #e4e4e4;min-width:230px;box-shadow:0px 8px 20px 0px #dedede;}
.login-signup .dropdown-menu:after{content:"";position:absolute;width:16px;height:16px;border:1px solid #e4e4e4;right:38px;top:-8px;background-color:#FFF;z-index:-1;transform:rotate(45deg);}
.login-signup .dropdown-menu:before{content:"";position:absolute;width:30px;height:20px;right:38px;top:0;background-color:#FFF;z-index:1;}
.login-signup .dropdown-toggle::after{display:none;}
.login-signup .dropdown-toggle{font-weight:bold;font-size:16px;color:#131313;text-transform:capitalize;}
.login-signup .dropdown-menu .dd-item{border:none;color:#333;padding:6px 15px;display:inline-block;width:100%;background:#fff;box-shadow:none;font-size:15px;font-weight:500;}
.login-signup .dropdown-menu .dd-item i{font-size:20px;margin-right:5px;position:relative;top:4px;}
.login-signup .dropdown-menu .dd-item.last{border-top:1px solid #ebebeb;border-radius:0px;margin-top:10px;padding-top:11px;}
.login-signup .dropdown-menu .dd-item:hover{color:var(--btnbg);}
.login-signup .dropdown-menu .dd-item.active{color:var(--btnbg);}
.login-signup .dropdown-toggle span{background: var(--btnbg);width:38px;height:38px;display:inline-block;text-align:center;line-height:38px;vertical-align:middle;margin-right:3px;border-radius:50%;color:#fff;font-size:18px;}
.myaccount_page_left{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;background-color:#fff;}
.myaccount_page_left .user_box {text-align: center;box-sizing: border-box;padding: 24px;background-color: #535665;}
.myaccount_page_left .user_box .thumblearea {width: 90px;height: 90px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;border-radius: 50%;overflow: hidden;margin: auto;}
.myaccount_page_left .user_box .thumblearea img {width: 100%;object-fit: cover;}
.myaccount_page_left .user_box h6 {font-weight: 500;font-size: 18px;margin-top: 15px;color:var(--btnbg);}
.myaccount_page_left .user_box p {font-size: 14px;font-weight: 300;color:rgb(255 255 255 / 71%);}
.user_box.border-bottom {border-bottom: 1px solid #dee2e6!important;}
.myaccount_page_left .nav-item a{padding: 14px 20px;display:block;border: none;font-weight: 500;color: #535665;}
.myaccount_page_left .nav-item.active a {background: rgb(111 190 66 / 9%);color: #282c3f!important;border-radius: 30px 0 0 30px;
}
.myaccount_page_left .nav-item.active i {background: var(--btnbg)!important;}
.myaccount_page_left .nav-item:hover i{ background: var(--btnbg)!important;}
.myaccount_page_left .nav-item i {width: 28px;height: 28px;background: #535665;display: inline-block;text-align: center;    line-height: 28px;font-size: 16px;border-radius: 50px;margin: 0 7px 0 0;color: #fff;}
.myaccount_page_right {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;background-color: #fff;min-height: 500px;
    box-sizing: border-box;padding: 24px;}
.myaccount_page_right h2{font-size: 24px;padding-bottom: 0px;margin-bottom: 24px;
    display: inline-block;font-weight: 900;}
.myaccount_page_right .Profilepage {box-sizing: border-box;padding: 24px;background-color: rgb(33 37 41 / 5%);border-bottom:1px solid rgb(0 0 0 / 6%);}
.myaccount_page_right .Profilepage:last-child{ border:none;}
.Profilepage h3{ font-size:24px; margin-bottom:15px; text-transform:capitalize; font-weight:500;}
.myaccount_page_right .Profilepage .form-control {height: 44px;border-radius: 0;}
.myaccount_page_right .Profilepage label{font-weight:300;}
/*.......................myaccount_page End...........................*/



.inner_product_area .pagination{margin: 0 auto;width: 50%;}
.inner_product_area .page-link{color: #939393;margin: 0px 4px;border: 1px solid #b0b1b3;}
.inner_product_area .page-link:hover {z-index: 2;color: #fff;text-decoration: none;background-color: var(--sheadercolor);border-color: var(--sheadercolor);}
.page-item.active .page-link{z-index: 2;color: #fff;text-decoration: none;background-color: var(--sheadercolor);border-color: var(--sheadercolor);}








.product101 .btnmore1010{font-size: 20px;}
.collectimg img, .collectimg, .collevarea a{transition: all .5s ease-in-out;}
.collevarea{position: relative;transition: all .5s ease-in-out;
  overflow: hidden;border-radius: 5px;}
.collevarea:hover{box-shadow: 0px 0px 30px 0px #65656563;transition: all .5s ease-in-out;}
.collevarea:hover img{transform: scale(1.1);
  transition: all .5s ease-in-out;}
.cotxt{position: absolute;
  bottom: 18px;
  justify-content: center;
  display: flex;
  left: 0px;
  right: 0px;}
.now {
  margin-top: 10px;
  padding: 13px 55px;
  font-size: 20px;
}
.collevarea:hover .now{background: #f89b04;
  color: #000;
  transition: all .3s ease-in-out;}

#wpgs-gallery * {
  box-sizing: border-box;

}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #5f0b0b;
  color: #fff;
}
#wpgs-gallery .wcgs-thumb.spswiper-slide-thumb-active.wcgs-thumb img {
  border: 2px solid #6B0D0E;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.inner_product_area h1{font-size: 40px;}
.inner_product_area h2{ font-size: 30px;
  margin-bottom: 30px;
  margin-bottom: 30px;}
.related products h2{font-size: 30px;
  margin-bottom: 30px;}

#wpgs-gallery .wcgs-thumb.spswiper-slide img {
  border: 2px solid #6b0d0e;
  border-radius: 0px;
  object-fit: contain;
}
.wcgs-thumb{height: 130px !important;}


.wcgs-carousel .spswiper-slide, .wcgs-carousel .wcgs-slider-image{margin: initial;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #6b0d0e;
  color: #fff;
  z-index: 2;
  border-bottom-color: #6b0d0e;
}
.woocommerce-tabs.wc-tabs-wrapper{box-shadow: 0px 0px 15px 0px #dddddda6;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 45px;}
.wcgs-slider-image{border: 3px solid #6b0d0e;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #6b0d0e !important;
  color: #fff !important;
  z-index: 2;
  border-bottom-color: #6b0d0e !important;
}

.proimg .item{ height:500px}
.proimg .item img{ width:100% !important; height:100% !important; object-fit:cover;}
.product-slider .owl-nav{position: absolute; top: 40%; width: 100%;display: flex;
  justify-content: space-between; z-index:999;}
.product-slider .owl-nav .owl-prev{position: relative;
  left: 0px;
  width: 35px;
 border: 1px solid #6b0d0e !important;
  display: flex;
  border-radius: 50px;
  z-index: 999;
  height: 35px;
  background: #6b0d0e94 !important;
  align-items: center;
  justify-content: center;
  line-height: 28px;
  color: #fff;}

.productarea i.fa {
  color: #fff;
  margin-bottom: 0px;
  font-size: 20px;
}
.product-slider .owl-nav .owl-next{position: relative;
  right: 0px;
  width: 35px;
  border: 1px solid #6b0d0e !important;
  display: flex;
  border-radius: 50px;
  z-index: 999;
  height: 35px;
  background: #6b0d0e94 !important;
  align-items: center;
  justify-content: center;
  line-height: 28px;
  color: #fff;}


.product-slider .owl-dots {
  display: block !important;
  text-align: center;
  margin-top: 20px;
  top: 90%;
  position: absolute;
  left: 0px;
  right: 0px;
}

.product-slider .owl-dot{
    display: inline-block !important;
    margin: 0 2px;
}

.product-slider .owl-dot span{
    width: 9px !important;
    height: 9px !important;
    background: #d06d06 !important;
    border-radius: 50% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-slider .owl-dot.active span{
    background: #7d0d0d !important;
    transform: scale(1.2);
}

.owl-dots,
.owl-dot,
.owl-dot span {
    opacity: 1 !important;
    visibility: visible !important;
}

.owl-dots {
    display: block !important;
}

.owl-dot {
    display: inline-block !important;
}