@font-face {
    font-family:OpenSans-Regular;
    src: url(fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family:OpenSans-Medium;
    src: url(fonts/OpenSans-Medium.ttf);
}
@font-face {
    font-family:OpenSans-Bold;
    src: url(fonts/OpenSans-Bold.ttf);
}
p {
    font-size: 16px;
    line-height: 30px;
}


ol, ul{
	margin-bottom:0px;
}
img
{
	max-width:100%;
}
p:last-child{
	margin-bottom:0px;
}
body {
   font-family:OpenSans-Regular;
    font-size: 15px;
}
a, .btn, button{
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration:none;
	font-family:OpenSans-Regular;
}
a:hover, a:focus{
	text-decoration:none;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
 font-family:OpenSans-Bold;
font-size:32px;
}
section, footer{
	width:100%;
	float:left;
	position:relative;
 font-family:OpenSans-Regular;
}

ul{
	padding:0px;
}
html {
  scroll-behavior: smooth;
}
/*---------header----------*/
.header {
    background: #fffff;
    color: #f1f1f1;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.sticky + .content {
  padding-top: 102px;
}
.top-heder {
    background: #966a1f;
    padding: 5px 0 0;
    color: #ffffff;
}
ul.hedre-icon {
    float: right;
}
ul.hedre-icon li {
    list-style: none;
    display: inline-block;
}
.menulist-item {
    text-align: center;
    padding-top: 10px;
}
ul.hedre-icon li a {
    color: #ffffff;
    padding-left: 10px;
}
.middle-heder {
    padding: 0;
    border-top: solid 2px #966a1f;
}
.header-logo {
    padding: 10px 0;
}
.bottom-header {
    border-top: solid 1px #cacaca;
    border-bottom: solid 1px #cacaca;
    text-align: center;
    background: #6c4d00;
}
.admin-account {
    float: right;
    margin-top: 41px;
}
.admin-account ul li {
    list-style: none;
    display: inline-block;
}
.admin-account ul li a {
    color: #000000;
    font-size: 17px;
    padding-top: 20px;
    padding-left: 20px;
}
.business-hrs {
    text-align: center;
}
.logo img {
    width: 140px;
}
nav#cssmenu ul {
    margin-bottom: 0!important;
    text-align: center;
}
nav#cssmenu {
    float: none;
}
nav#cssmenu {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    display: inline-block;
    position: relative;
}
nav{position:relative;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
    padding: 7px 18px;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #111111;
    font-family: OpenSans-Regular;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #966a1f;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    background: transparent;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''display:none;}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:''display:none;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 999;
	border-top:solid 4px #e8007f;
}
#cssmenu ul ul li {
    height: auto!important;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #020000;
    transition: all .25s ease;
    border-top: solid 1px #424242;
}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 19px 15px;
    width: 300px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    text-align: left;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 999999;
    background: #f1ecec;
}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
#cssmenu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
#cssmenu .button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 10px;
    width: 20px;
    border-top: 3px solid #8b0607;
    border-bottom: 3px solid #8a0506;
    content: '';
}
#cssmenu .button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    height: 3px;
    width: 20px;
    background: #8c0708;
    content: '';
}
#cssmenu .button.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #8b0607;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cssmenu .button.menu-opened:before {
    top: 23px;
    background: #890405;
    width: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*----------------------slider------------------------*/

#slider-home {
    padding:0 50px 50px 50px;
    background: #ffffff;
}
#slider-home .carousel-caption {
    position: absolute;
    right: 30px;
    bottom: 0;
    top:20%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    left: auto;
}
#slider-home h3 {
    font-size: 30px!important;
    /* background: rgb(0 0 0 / 80%); */
    padding: 10px 20px;
    display: inline-block;
    color: #ffffff;
    text-shadow: 0 0 10px rgb(0, 0, 0, 0.3);
	 font-family:WorkSans-Medium;
}
#slider-home img {
    width:100%;
}
/*--------------about-us-------------*/
.our-categories img {
    width: 120px;
    border: solid 1px #555555;
    padding: 6px;
    border-radius: 10px;
}
.our-categories h3 {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 10px;
}
.our-categories {
    text-align: center;
}
.our-categories a {
    color: #1e1e1e;
}
.section-heading {
    text-align: center;
    padding-bottom: 20px;
}
.section-heading h2 {
    font-size:24px;
}
.user-blog .owl-theme .owl-controls .owl-page span {
    width: 17px;
    height: 17px;
    background: #454343;
    opacity: 1;
}
.user-blog .owl-theme .owl-controls .owl-page.active span, .user-blog .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #82b53f;
}
.customNavigation img {
    width: 31px;
}
.men-img a {
    /*box-shadow: 0 0 5px rgb(0, 0, 0, 0.3);*/
    display: inline-block;
}
.product-grid-1 {
    /*border: solid 1px #8f8f8f;*/
    padding: 8px 0 0;
}
.men-prod h3 {
    color: #2f2f2f;
    line-height: 26px;
    height: 36px;
    font-size: 16px;
    font-family: 'OpenSans-Regular' !important;
    font-weight: normal;
}
.men-prod h3 a {
    color: #2f2f2f;
}
.price-prod {
    font-size: 17px;
    padding-bottom: 12px;
}
.men-products, .kids-produts {
    padding:30px 0;
}
.price-prod del {
    color: #ce0101;
}
.price-prod ins {
    color: #000;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 10px;
}
.price-prod small {
    color: #000000;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    font-weight: bold;
}
span.product-offer {
    position: absolute;
    background: #6c4d00;
    color: #ffffff;
    padding: 2px 10px;
}
.add-cart-link a {
    background: #ffffff;
    color: #6c4d00;
    padding: 3px 13px;
    width: auto;
    display: inline-block;
    text-align: center;
    border: solid 1px #6c4d00;
}
.add-cart-link a:hover {
    background: #6c4d00;
	color:#ffffff;
}
.men-prod {
    padding: 8px 0 0;
}
.portfolio-block h2.category-title{
  text-transform: uppercase;
}
.items .item{
  display: inline-block;
}


.product-filter-cat [type="radio"]{
  display: none;
}
.product-filter-cat label{
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 0.25s;
}
.product-filter-cat [type="radio"]:checked + label {
    background: #966a1f;
    color: #ffffff;
}
.product-filter-cat [type="radio"]:nth-of-type(2):checked ~ .gallery .card:not(.shirts),
.product-filter-cat [type="radio"]:nth-of-type(3):checked ~ .gallery .card:not(.jeans),
.product-filter-cat [type="radio"]:nth-of-type(4):checked ~ .gallery .card:not(.trousers),
.product-filter-cat [type="radio"]:nth-of-type(5):checked ~ .gallery .card:not(.shorts)
{
  display: none;
}
.product-filter-cat .gallery {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 261px);
    grid-auto-rows: 1fr;
    grid-gap: 1rem;
    padding: 0.5rem;
    margin-top: 1rem;
}
.product-filter-cat .card {
    margin: 0;
    background: #000000;
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 0 10px silver;
    transition: box-shadow 0.35s;
}
.product-filter-cat .card:hover{
  box-shadow: 0 0 25px #0009;
}
.product-filter-cat .card__image{
  width: 100%;
  object-fit: cover;
}
.product-filter-cat .card__caption{
	font-weight: bold;
  font-variant: small-caps;
  padding: 0.5rem;
  text-align: center;
  color: gold;
}

/* Donate layer */
.product-filter-cat .donate{
	position: fixed;
	bottom: 0.25rem;
	right: 0.25rem; 
	border-radius: 0.5rem;
	background-color: whitesmoke;
	padding: 0 1rem;
	font-weight: bold;
	color: dimgray;
}
.product-filter-cat .donate a{
	text-decoration: none;
	color: orangered;
	border-bottom: 2px solid transparent;
	transition: 0.35s;
}
.product-filter-cat .donate a:hover{
	border-bottom-color: orangered;
}
.product-filter-cat {
    padding-top: 30px;
    text-align: center;
}
.men-shirt a {
    color: #2f2f2f;
}
.men-shirt h3 {
    font-size: 15px;
    padding-top: 10px;
}
/*-----------------newsletter-----------------------*/

.newsletter {
    padding: 50px 0;
    background: #966a1f;
    text-align: center;
}
.newsletter form {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.newsletter .input-group {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}
.newsletter form h4 {
    display: inline-block;
    float: left;
    color: #ffffff;
    padding-right: 20px;
}
.newsletter input.btn.btn-primary {
    margin-left: 10px;
    background: #000000;
    border: transparent;
}
/*--------------------footer---------------------*/

.top-footer {
    padding: 50px 0;
}
.footer-social-icon h2 {
    font-size: 20px;
    display: inline-block;
}
.footer-social-icon ul {
    display: inline-block;
    padding-left: 20px;
}
.footer-social-icon ul li {
    list-style: none;
    display: inline-block;
}

.footer-social-icon .fa {
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    border-radius: 100px;
	background:#000000;
}
.footer-social-icon i.fa.fa-facebook {
    background: #3b5998;
}
.footer-social-icon i.fa.fa-instagram {
    background: #305777;
}
.footer-social-icon i.fa.fa-pinterest-p {
    background: #cb2027;
}
.footer-social-icon i.fa.fa-twitter {
    background: #00aced;
}
.footer-social-icon i.fa.fa-youtube-play {
    background: #c4302b;
}
.footer-social-icon {
    padding-bottom: 50px;
    border-bottom: solid 2px #9a9a9a;
    margin-bottom: 50px;
}
.footer-widget1 h2 {
    font-size: 24px;
    padding-bottom: 20px;
    color: #000000;
}
.footer-widget1 p {
    font-size: 16px;
    line-height:28px;
    color: #000000;
}
.footer-widget1 {
    padding-right: 20px;
}
.footer-widget1 ul li {
    list-style: none;
}
.footer-widget1 li a {
    font-size: 16px;
    color: #000000;
    line-height: 37px;
}
.top-banner {
    background: #000000;
    text-align: center;
    padding: 20px 0;
    color: #ffffff;
}





@media screen and (min-width:1200px) and (max-width:1400px) {

}

@media screen and (min-width:1025px) and (max-width:1199px) {

}

@media screen and (min-width:992px) and (max-width:1024px) {
	
}

@media screen and (min-width:768px) and (max-width:991px) {
	
}

@media screen and (max-width:767px) {
	
	
}