.prodtop {

}

.overlayprod {
height:40vh;
max-height:330px;
}

#product {
min-height:100vh;
background:#fffcf4;
}

.producth1 {
text-align: center;
font-size: 40px;
font-weight: 700;
color: #868686;
}

.pwrap {
margin:0 auto;
max-width:1200px;
padding:40px 0;
}

.prodbox {
position: relative;
float: left;
padding: 15px;
width: calc(33.333% - 42px);
border: 1px solid #bcbdbe;
margin: 5px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.prodbox:hover {
background:#efe9da;
}

.prodname p {
color:#737373;
font-size:30px;
text-align:center;
margin: 0;
}

.prodname b {
font-size:25px;
}

.proddesc p {
font-size: 16px;
line-height: 17px;
}

.proddesc b {
color:#000;
}

.blknm b {
color:#000;

}

.rednm b {
color:#64151b;
}

.grnnm b {
color:#134420;
}

.tannm b {
color:#966d4d;
}

.proddesc p {
border:5px #fff solid;
background:#fff;
border-radius:4px;
}

.proddesc .material {
padding-left:20px;
position:relative;
}
.proddesc .material::before {
content: '';
position: absolute;
background-image: url('../images/material.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 0;
top: 0;
height: 16px;
width: 16px;
}

.proddesc .material span {
color:#000;
font-size:13px;
font-weight:700;
padding: 2px 5px;
text-transform:uppercase;
}

.prodleft .material span {
font-weight:700;
}

.proddesc .size {
padding: 5px 0 0 20px;
position:relative;
}
.proddesc .size::before {
content: '';
position: absolute;
background-image: url('../images/size.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 0;
top: 6px;
height: 16px;
width: 16px;
}

.proddesc .size span {
background:#000;
color:#fff;
font-size:13px;
display: inline-block;
padding: 2px 5px;
margin: 0 0 5px 0;
border-radius: 9px;
}

.soldout {
background:#e6e6e6 !important;
text-decoration:line-through;
}

.details {

}

.rednote {
text-align: center;
color: #a00000;
font-size: 16px !important;
}

p.mininame {
font-size:12px;
}


.proddesc .model {
padding-left:20px;
position:relative;
}
.proddesc .model::before {
content: '';
position: absolute;
background-image: url('../images/model.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 0;
top: 0;
height: 16px;
width: 16px;
}

.prodimg {
height:50vh;
max-height:480px;
margin-top: 10px;
}

.wlguidebtn {
position: relative;
background: #ffc215;
background: linear-gradient(110deg, #ffc215 74%, #e2a701 74%);
padding: 7px;
text-align: center;
border-radius: 9px;
font-size: 18px;
font-weight: 700;
width: 50%;
min-width: 200px;
margin:5px auto;
cursor:pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.wlguidebtn::before {
content: '';
position: absolute;
background-image: url('../images/size.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 9px;
top: 9px;
height: 16px;
width: 16px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.wlguidebtn:hover {
background: #000;
background: linear-gradient(110deg, #000 74%, #292929 74%);
color:#fff;
}

.wlguidebtn:hover::before {
content: '';
position: absolute;
background-image: url('../images/sizewht.png');
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: auto;
left: 9px;
top: 9px;
height: 16px;
width: 16px;
}

/* Product Images */

/* Shirts */

.blk_long_shirt {
background-image: url('../images/products/P1800190.jpg');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.blk_long_shirt:hover {
background-image: url('../images/products/P1800220.jpg');
}
#blk_long_shirt {
background-image: url('../images/products/P1800220.jpg');
visibility: hidden;
position: absolute;
left: -999em;
}

.red_long_shirt {
background-image: url('../images/products/P1800290.jpg');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.red_long_shirt:hover {
background-image: url('../images/products/P1800338.jpg');
}
#red_long_shirt {
background-image: url('../images/products/P1800338.jpg');
visibility: hidden;
position: absolute;
left: -999em;
}

.grn_long_shirt {
background-image: url('../images/products/P1800239.jpg');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.grn_long_shirt:hover {
background-image: url('../images/products/P1800288.jpg');
}
#grn_long_shirt {
background-image: url('../images/products/P1800288.jpg');
visibility: hidden;
position: absolute;
left: -999em;
}


/* Pants */

.blk_denim_joggers {
background-image: url('../images/products/P1800404.jpg');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.blk_denim_joggers:hover {
background-image: url('../images/products/P1800428.jpg');
}
#blk_denim_joggers {
background-image: url('../images/products/P1800428.jpg');
visibility: hidden;
position: absolute;
left: -999em;
}

.tan_joggers {
background-image: url('../images/products/P1800379.jpg');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.tan_joggers:hover {
background-image: url('../images/products/P1800396.jpg');
}
#tan_joggers {
background-image: url('../images/products/P1800396.jpg');
visibility: hidden;
position: absolute;
left: -999em;
}




/* Products individual page */

.hovenlrg {
position: relative;
}

.hovenlrg::after {
content: '';
position: absolute;
background-image: url('../images/zoom.png');
background-position: center;
background-repeat: no-repeat;
background-size: 48px 48px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 48px;
width: 48px;
pointer-events: none;
opacity:0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.hovenlrg:hover::after {
opacity:1;
}

.proditemtop {
height:87px;
background:#fffcf4;
}

.proditem {
background:#fffcf4;
min-height:100vh;
}

.proditemwrap {
max-width:1200px;
margin:0 auto;
padding:40px 20px;
}

.proditemtitleholder {
margin-bottom: 20px;
}

.proditemtitlefixed {
position:fixed;
top:67px;
width: calc(100% - 52px);
max-width: 1200px;
border-bottom: 2px solid rgba(0, 0, 0, 0.20);
z-index: 1;
}

.proditemtitle p {
background:#dcdcdc;
font-size:28px;
padding:5px;
margin:0;
width:calc(100% - 150px);
float:left;
}

.proditemtitlefixed p {
background:#fff;
}

.prodleft {
float:left;
width: calc(432px - 10px);
margin-bottom:10px;
padding: 7px;
background-color:#efe9da;
}

.prodleft p {
font-size:20px;
}
.prodleft b {
font-size:22px;
}

.prodright {
float:left;
width:calc(100% - 446px);
padding-right:10px;
padding-bottom:10px;
}
.prodright img {
object-fit: cover;
height:100%;
}

.price {
font-size:30px;
text-shadow: 0 0 2px #757575;
font-weight:700;
}

.price span {
text-decoration: line-through;
text-shadow:none;
font-weight:400;
color:#6d1e1e;
}


.prodleft .size span {
background:#000;
background: linear-gradient(110deg, #000 74%, #464646 74%);
color:#fff;
font-size:20px;
padding: 2px 5px;
border-radius: 9px;
}

.smallfont {
font-size:16px !important;
margin: 6px 0;
}

.smallfont b {
font-size:16px !important;
margin: 6px 0;
}

.prodleft .model span {
font-size:12px;
}

.star {
width:13px;
height:13px;
padding-right:3px;
}

.proddescimgs img {
float:left;
padding: 5px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.proddescimgs img:hover {
opacity:0.7;
}
.proddescimgsingle img {
display:table;
margin:0 auto;
padding: 5px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.proddescimgsingle img:hover {
opacity:0.7;
}

.prodcenter {

}

.prodcenterimgl {
width:calc(50% - 5px);
padding-right:5px;
padding-bottom:10px;
float:left;
}

.prodcenterimgr {
width:calc(50% - 5px);
padding-left:5px;
padding-bottom:10px;
float:right;
}

.quality {
background:#fff6cc;
}

.quality h1 {
position:relative;
font-size:40px;
display: table;
color:#000;
margin: 0 auto;
padding: 5px 10px 0 10px;
text-align:center;
}

.quality p {
font-size:16px;
color:#000;
margin: 0;
padding: 0;
text-align:center;
}

.qualityimgl {
width:calc(50% - 15px);
padding:10px 5px 10px 10px;
float:left;
}
.qualityimgr {
width:calc(50% - 15px);
padding:10px 10px 10px 5px;
float:right;
}

.proditem .imgenlarge {
position:relative;
cursor:pointer;
-webkit-backface-visibility: hidden;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.proditem .imgenlarge:hover {
opacity:0.7;
}

.colorlink {
width:44px;
height:44px;
float:left;
margin-right:5px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.colorlink:hover {
opacity:0.7;
}

.blk_long_sleeve {
background:#000;
background: linear-gradient(110deg, #000 74%, #292929 74%);
}
.red_long_sleeve {
background:#64151b;
background: linear-gradient(110deg, #64151b 74%, #521217 74%);
}
.grn_long_sleeve {
background:#134420;
background: linear-gradient(110deg, #134420 74%, #0e2f17 74%);
}
.tan_jogger_pants {
background:#e0ba81;
background: linear-gradient(110deg, #e0ba81 74%, #caa875 74%);
}
.blk_jogger_pants {
background:#000;
background: linear-gradient(110deg, #000 74%, #292929 74%);
}

.coloractive {
width:36px;
height:36px;
border:4px solid #a0a0a0;
}

.buybtn {
font-size: 25px;
line-height: 22px;
width: 130px;
display: table;
margin: 0;
padding: 12px 0 8px 0;
float: right;
font-weight: 700;
border-left:10px solid #dcdcdc;
text-align: center;
background-color:#ffd915;
background: linear-gradient(110deg, #ffd915 74%, #fbc90f 74%);
}

.proditemtitlefixed .buybtn {
border-left:10px solid #fff;
}

.buybtn:hover {
background-color:#000;
background: linear-gradient(110deg, #000 74%, #292929 74%);
color:#fff;
width: 140px;
border-left:0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.composition {
padding: 40px;
background-color: #efe9da;
margin:10px 0 20px 0;
background-image: url('../images/stripbg.png');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.composition img {
padding-right: 10px;
float:left;
}
.composition p {
margin: 0;
color:#fff;
}
.compositionshirt {
padding: 40px;
background-color: #efe9da;
margin:10px 0 20px 0;
background-image: url('../images/stripbg.png');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.compositionshirt img {
padding-right: 10px;
float:left;
}
.compositionshirt p {
margin: 0;
color:#fff;
}
.compositionpant {
padding: 40px;
background-color: #efe9da;
margin:10px 0 20px 0;
background-image: url('../images/stripbgpant.png');
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.compositionpant img {
padding-right: 10px;
float:left;
}
.compositionpant p {
margin: 0;
color:#fff;
}

.careinst {
background:#fff;
background: linear-gradient(110deg, #fff 60%, #f7f7f7 60%);
padding:1px 10px;
}

#pants {
position: absolute;
margin-top: -77px;
}


@media all and (max-width: 900px) and (min-width: 0px) {

.prodbox {
width: calc(50% - 42px);
}

}

@media all and (max-width: 800px) and (min-width: 0px) {

.wlguidebtn {
display:none;
}

}

@media all and (max-width: 758px) and (min-width: 0px) {

.prodleft {
float:none;
width: calc(100% - 14px);

}

.prodright {
float:none;
width: 100%;
padding-right:0;
height:auto !important;
}

.prodright img {
height:auto !important;
}

.buybtn:hover {
background-color:#000;
color:#fff;
width: 130px;
border-left:10px solid #dcdcdc;
}

.proditemtitlefixed .buybtn {
border-left:10px solid #fff;
}

}

@media all and (max-width: 650px) and (min-width: 0px) {

.proditemtitle p {
font-size: 21px;
}

.buybtn {
font-size: 20px;
}

}

@media all and (max-width: 600px) and (min-width: 0px) {

.prodbox {
width: calc(100% - 42px);
}

.quality h1 {
font-size: 27px;
}

}

@media all and (max-width: 480px) and (min-width: 0px) {

.proddescimgs img {
float: none;
display: table;
margin: auto;
}

.prodleft .size span {
margin-bottom: 5px;
display: inline-block;
}

.composition {
padding: 15px;
}

}

@media all and (max-width: 380px) and (min-width: 0px) {

.proditemtitle p {
width: calc(100% - 110px);
}

.buybtn {
width: 90px;
}

.buybtn:hover {
width: 90px;
}

.proditemwrap {
padding: 20px 10px;
}

.proditemtitlefixed {
width: calc(100% - 32px);
}

}


@media all and (max-width: 360px) and (min-width: 0px) {

.proditemtitle p {
font-size: 18px;
}

}