body { margin: 0; }
.zdzTabs *,
.img-holder .lightbox:before { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.zdzBody ul { margin: 0; padding: 0; }
.zdzBody ul li { list-style-type: none; }
.zdzBody { display: block !important; font-size: 13px;     
    background-repeat: repeat;
    background-size: 100px;}
.zdz-page{
}
.zdzBody a { text-decoration: none; }
#aboutzdz { display: none; }
.main{ position: relative; }
.main > * + * { padding-left: 15px; }
.mdl-Box { margin-bottom: 15px; font-size: 14px; text-align:left; line-height: 28px; }
.mdl-Box .pad { padding: 15px; border: 1px solid #e6e6e6; background-color: #fff; }
.zdz-colRight { width: auto !important; }
.col-mdl > div { margin-bottom: 15px; }
.itemTitle {font-family: "Bebas Neue", sans-serif; color: #000; font-weight: 400; font-size: 24px; line-height: normal; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; text-transform:capitalize }
.itemTitle * { margin: 0; padding: 0; color: #424242; font-weight: normal; font-size: 20px; line-height: normal; }
.zdz-gallery .img-box {  border: 1px solid #e6e6e6; width: 100%; margin-left: auto; margin-right: auto; }
.img-holder { text-align: center; overflow: hidden; background: #fff; display: none; }
.img-holder .imgBox {  text-align: center; height: 360px; overflow: hidden; background: #fff; display: block; position: relative; }
.img-holder img { text-align: center; display: inline-block; border: 0; max-width: 90%; max-height: 90%; }
.thumb { font-size: 0; text-align: center; width:100%; margin-top:15px }
.thumb label { display: inline-block; width:100px; }
.thumb label .box { cursor: pointer; cursor: cell; border: 1px solid #e6e6e6; overflow: hidden; text-align: center; position: relative; margin: 0 0 15px 15px; height: 80px; }
.thumb .imgBox:first-child .box{ margin-left:0}
.thumb label img { display: inline-block; border: 0; }
#imgView1:checked ~ .img-box #content1,
#imgView2:checked ~ .img-box #content2,
#imgView3:checked ~ .img-box #content3,
#imgView4:checked ~ .img-box #content4,
#imgView5:checked ~ .img-box #content5,
#imgView6:checked ~ .img-box #content6,
#imgView7:checked ~ .img-box #content7,
#imgView8:checked ~ .img-box #content8,
#imgView9:checked ~ .img-box #content9,
#imgView10:checked ~ .img-box #content10,
#imgView11:checked ~ .img-box #content11,
#imgView12:checked ~ .img-box #content12,
#imgView13:checked ~ .img-box #content13,
#imgView14:checked ~ .img-box #content14,
#imgView15:checked ~ .img-box #content15,
#imgView16:checked ~ .img-box #content16,
#imgView17:checked ~ .img-box #content17,
#imgView18:checked ~ .img-box #content18,
#imgView19:checked ~ .img-box #content19,
#imgView20:checked ~ .img-box #content20 { display: block; }
.zdzTabs::-webkit-scrollbar { width: 10px; }
.zdzTabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); border-radius: 8px; -webkit-border-radius: 8px; }
.zdzTabs::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(100, 100, 100, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
.zdzTabs { font-size: 0; margin-bottom: 15px; position: relative; height: 300px; overflow: hidden; }
.zdzTabs label { float: left; cursor: pointer; height: 40px; line-height: 40px; padding: 0 28px; color: #fff;
background: #000;
    background-repeat: repeat; text-align: center; font-size: 15px; font-weight: normal; text-transform: uppercase; margin-right: 1px; }
.zdzTabs label:hover,
.zdzTabs input:checked + label { color: #000 !important; background:#000 !important; }
.zdzTabs input:checked ~ label ~ .panel { display: block; }
.panel { border: 1px solid #e6e6e6;  font-size: 14px; line-height: 20px; display: none; position: absolute; left: 0; top: 40px; padding: 15px; width: 100%; background-color: #fff; border-top:3px solid #e9e4e0;}
.scrollBox { height: 220px; overflow: auto; }
.panel p { padding: 0 0 10px 0; margin: 0; }
.panel a { color:#f28727; text-decoration: none; }
.panel a:hover { color: #333; }
.panel h3 { margin: 0 0 3px 0; color: #333; font-weight: bold; }
.panel .email a{color: #333}
.panel i,
.panel em { font-style: normal; }
.panel .readmore { text-decoration: none; padding: 0 10px; height: 26px; line-height: 26px; background-color: #f28727; color: #fff; margin-top: 10px; display: inline-block; text-transform: uppercase; font-size: 12px; }
.panel .readmore:after { content: ''; background: url('../svg/icon-external.svg') no-repeat; display: inline-block; width: 14px; height: 12px; margin-left: 8px; vertical-align: middle; }
.panel .readmore:hover { background-color: #000; color: #fff; }
.dec {/* margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; */font-size: 13px; }
.dec ul,
.dec ol,
.panel ol,
.panel ul { margin: 5px 0; padding-left: 30px; }
.dec ol li,
.panel ol li { list-style: decimal; line-height: normal; margin-bottom: 8px; }
.dec ul li,
.panel ul li { list-style-type: disc; line-height: normal; margin-bottom: 8px; }
.dec ul li li,
.panel ul li li { list-style-type: circle; }
.dec h1,
.dec h2,
.dec h3,
.dec h4,
.dec h5,
.dec h6 { margin: 15px 0 5px; }
.dec h1 { font-size: 30px; }
.dec h2 { font-size: 20px; }
.dec h3 { font-size: 14px; color:#000 }
.dec h4 { font-size: 18px; }
.dec h5 { font-size: 16px; }
.dec h6 { font-size: 14px; }

/*
-----------------------------------------------------------------------------------
POPUP GALLERY
-----------------------------------------------------------------------------------*/
@-webkit-keyframes zoom {
from { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes zoom {
from { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.img-holder .lightbox:before { content: ""; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; overflow: hidden; z-index: 999; }
.img-holder input:checked ~ .lightbox:before { position: fixed; opacity: 1; visibility: visible; top: 0; }
.img-holder input:checked ~ .lightbox { position: static; cursor: zoom-out; }
.img-holder input:checked ~ .lightbox .img-popup { position: absolute; top: 10vh; left: 0; right: 0; bottom: 0; margin: 0 auto; border: 10px solid #333; background-color: #fff; z-index: 9999; width: 90%; width: calc(100% - 30px); max-width: 800px; max-height: 600px; -webkit-animation: zoom 0.5s ease-out; animation: zoom 0.5s ease-out; }
.img-holder input:checked ~ .lightbox .img-popup:after { content: ""; cursor: pointer; display: block; width: 40px; height: 40px; background: url() center center no-repeat #fff; -webkit-background-size: contain; background-size: contain; position: absolute; top: 5px; right: 5px; }
.zdzBody [id^="popup"]:checked ~ .popup-bg { background-color: red; height: 10px; }

.zdzheadbutton{border-radius: 20px;
    color: #ffffff !Important;
    display: inline-block;
    background-color: #000;
    padding: 10px 12px;
    text-transform: uppercase;}
	
	.zdzheadbutton:hover{background: #000;}
.head-right{text-align:right;}
#zdzContentsContainer .itemDescriptionC *, .tabBox * {
}
.zdzTabs label


@media only screen and (min-width:1020px){
.zdzTabs .tabBox:first-child{

}
}
@media only screen and (max-width:800px){
	
	
	 #topcatz > ul > li {
    display: inline-block;
    vertical-align: middle;
    float: unset;
}

#topcatz .sf-menu li {
    position: relative;
	    float: unset;
}
	
.head-right {
    text-align: center;
}

.joinLinks {
    float: none;
}}


	.slider:not(.col-1):not(.vScroll) .item h3{ background-color: #000;
    color: #fff;
    margin: 0px;
    padding: 3px 10px 7px;}
	
	.condTitle {color: #21a9d8;font-weight: normal;font-size: 20px;line-height: normal;margin-top: 0;margin-bottom: 4px;text-transform: uppercase;}
.Title{    margin: 0px;
    font-weight: 600;
    color: #85bc41;
    margin-bottom: 8px;     text-transform: uppercase;}
	
	.slider:not(.col-1):not(.vScroll) .item {
    display: table-cell;
    vertical-align: middle;
    padding: 0 7.5px;
    padding-bottom: 5px;
	    max-width: 33.33%;
    margin-bottom: 10px;
	flex: 0 0 33%;
 
}

.slider .item img {
    max-width: 100%;
    padding: 6px;
    background-color: #000;
    border: 0px;
}

.textside ul{margin-left:15px;}
.textside ul li{}

.block-title, .textside h3{background-color: #000; padding: 18px 12px !important;
    line-height: 16px;    font-size: 24px;
    letter-spacing: 1;    font-weight: 400;font-family: "Bebas Neue", sans-serif;color:#fff;}
	
	
	.textside h3{margin-top:0px;}
		.textside h4{margin-bottom:0px;}
	.our-collection{ font-size: 24px;
    letter-spacing: 1;    font-weight: 400;    font-family: "Bebas Neue", sans-serif;}
	
	
	.slider:not(.col-1):not(.vScroll) .item h3{font-size: 20px;
    letter-spacing: 1;font-weight: 400;font-family: "Bebas Neue", sans-serif;}
	
	
	.textside ul { list-style: none; padding: 0; margin: 0; }
.textside ul li {
  position: relative;
  padding-left: 1.4rem; /* room for bullet */
  margin: .4rem 0;
}
.textside ul li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 5px;         /* tweak to vertically center */
  font-size: 1rem;
  line-height: 1;
  color: #000;          /* any color */
  aria-hidden: true;    /* has no effect in CSS but indicates intent */
}

	.sf-menu{
    text-align: center;
    width: fit-content;
    margin: 0px auto !important;
}
	

	
	
	
	@media only screen and (min-width:800px){
		
		.zdz-gallery{display: flex;
    flex-direction: row-reverse;}
	
	
	.zdz-gallery .thumb{
    display: flex;
    flex-direction: column;
    max-width: 106px;    margin-top: 0px;}
	
	.thumb label .box {margin: 0 0 10px 0px;}
	
	.thumb label .box {
    border: 0px;}
	
	.thumb label .box img{    max-height: 100%;
    max-width: 100%;}
	
	.img-holder .imgBox {
    height: 425px;}
	
	
		
	}
	.joinLinks a i{ font-size:15px;}
	
	
	@media (min-width: 800px) and (max-width: 1024px) {

.foot-links .tableBox{display: flex; 
    flex-wrap: wrap;
    justify-content: space-evenly;}

.foot-links .col {
    padding: 0 15px;
    margin-bottom: 48px;
   width:45%;
}

}


	@media only screen and (min-width: 1024px) {
.img-holder .imgBox {
    height: 560px;}
		
	}
}