@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,100,600,700');
body{ padding:0; margin:0; }
div:after{ clear:both; content:""; display:table;}
.container {max-width:1200px; margin:0 auto;}
.container img{ max-width:100%;}
body a:link, body .g-novisited a:visited{ text-decoration:none !important;}
.ess_background ul, .ess_background ol, #footer-section ul , ul, ol{ list-style-type:none; padding:0; margin:0;}
.ess_background div:after, ess_background ul:after, .ess_background ol:after, #footer-section ul:after, #footer-section div:after , ul:after, ol:after, div:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}
p.copyr {text-align: center;}
.gallery-section { display:block; overflow: hidden; position:relative; text-align:center; margin:0 auto; max-width:550px;  box-shadow: 0 0 6px #323232;}
.gallery-section ul{ list-style-type:none; margin:0;}
.gallery-section:after, .gallery-section div:after, .gallery-section ul:after{  clear: both; content: ""; display: block; line-height: 0; visibility: hidden;}
.gallery-section img{ border:solid 1px #ccc;  height: auto;  max-width: 100%; vertical-align: middle;}
.product-img-box{ display:block; overflow:hidden; position:relative;}
.product-img-box ul li+li{ display:none;}
.product-thumb {  margin: 0 0 -20px;  padding: 12px 0 20px;  z-index: 999;}
.product-thumb ul li {  float: left; padding: 3px !important;  text-align: center;  width:calc(25% - 6px); box-sizing:border-box; border:solid 1px #ccc; margin:0 3px; cursor:pointer;}
.product-thumb ul li:nth-child(4n+1){ clear:left;}
.zoomContainer {    left: 0 !important;    top: 0 !important;}
img.terms {
    width: 100%;
    height: auto;
}
div.
.gallery-section .image-holder img{ box-shadow:none;}
.gallery-section label{ cursor:pointer;}
.image-holder input[type="radio"]{ display:none;}
.image-holder input[type="radio"]:checked+img{ opacity:1; position:relative; left:auto; top:auto;}
.image-holder input[type="radio"]+img{ opacity:0;transition: all 900ms ease-out 0s; position:absolute; left:-200%; top:-200%;}
.tab-content > label, .tab-content > a{ background: #e71d25;  border-radius: 4px 4px 0 0; color: #fff; display:inline-block;font: 400 13px/47px "Roboto",sans-serif;   padding:0 28px; margin-bottom:0; cursor:pointer; text-transform:uppercase; height:47px; text-align:center;}
.tab-content input[type="radio"]{ display:none;}
.tab-content input[type="radio"]:checked+label, .tab-content > label:hover, .tab-content > a:hover{ background: #000;  border:none; color:#fff; margin-bottom:0;}
.tab-content > div{ display:none;}
.accordion-content{ border:1px solid #ececec; border-radius:0 0 4px 4px; padding:15px;}
.accordion-heading{ font:400 16px/30px 'Raleway', sans-serif; padding:1px 18px; color:#313131; border-radius:4px 4px 0 0; border:1px solid #ececec; cursor:pointer; background:#d6d6d6;}
.accordion-heading.ui-accordion-header-active{ color:#fff; background:#074e98; border:1px solid #3c1706;}
.accordion-content p{ font:400 13px/20px "Roboto",sans-serif; color:#464545; padding:10px 0 0;}

#details h3{ font:400 26px/28px "Roboto",sans-serif; color:#393939; margin:0; padding:0 0 10px; border-bottom:double 3px #d7d7d7;}
#details h5{ font:400 14px/16px "Roboto",sans-serif; color:#000; margin:0; text-transform:uppercase; padding:10px 0;}
#details h5 span{ font-weight:300;}
.product-price{ font:normal 25px/27px "Roboto",sans-serif; color:#000; padding:15px 0 0; text-transform:uppercase;}
.product-price span{ font-size:27px; color:#000;}
#details p{ padding:10px 0 0; font:400 13px/18px "Roboto",sans-serif; color:#464545;}

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6   {    display: block;}
#zd-related-items ul{ width:auto !important;}
#zd-related-items ul li+li+li+li+li+li{ display:none;}
#navigation-panel input[type="checkbox"]{ display:none;}
#navigation-panel input[type="checkbox"]:checked+ul{ display:block;}

.space{ padding:30px 0 0;}
#logo{ float:left; padding:0 0 15px 20px;}
.section-top{padding:18px 0 0;}
#logo{ float:left; padding:0 0 12px;}
#search {border: 1px solid #c1c1c1;float:right;overflow: hidden;position: relative;width:266px; border-radius:2px; margin:34px 0 0;}
#search input[type="text"] {background: #fff none repeat scroll 0 0;border: 0 none;font:400italic 14px/36px 'Roboto', sans-serif;height:40px;text-indent: 10px;width:calc(100% - 41px); color:#807a7a; font-style:italic;}
#search input[type="submit"], #search input[type="button"] {background:#e71d25 url(../images/icon1.png) no-repeat scroll 50% 50%;border: 0 none;height: 40px;position: absolute;right: 0;top: 0;width: 41px;}

#banner_bottom{ background:#e71d25; border-top:solid 10px #fff; border-bottom:solid 10px #fff;}
.gift1{ float: left;padding:23px 0;width:33.3%; text-align:center; box-sizing:border-box;}
/*.gift1+.gift1{ background:url(../images/divider.png) no-repeat 0 50%;}*/
.gift1 > div {color: #fff;display: inline-block;font:300 18px/20px "Raleway",sans-serif;padding:0 0 0 68px;position: relative;text-align: left; text-transform:uppercase;}
.gift1 > div strong{ font:700 18px/20px "Raleway",sans-serif;}
.gift1 > div img{ position:absolute; left:0; top:-5px;}
.gift1:nth-child(4n+2){ background:#000; transform: skew(-13deg);}
.gift1:nth-child(4n+2) > div{  transform: skew(13deg);}

.leftsec{ width:46%; float:left;}
.rightsec{ width:52%; float:right;}

.footer-section { margin:25px 0 0;}
.footer-bottom{ background:url(../images/ftr_bg.png) no-repeat 50% 50% #000; padding:30px 0; position:relative;}

@media only screen and (max-width: 1198px) {#zd-related-items ul li+li+li+li+li{ display:none;}
#navigation-panel ul li a{ padding:0 28px;}
.gift1 > div{ font-size:15px; padding:0 0 0 50px;}
.tab-content > label, .tab-content > a{ padding:0 24px;}
}
@media only screen and (max-width: 990px) {#zd-related-items ul li+li+li+li{ display:none;}.jcarousel-clip-horizontal{ margin:0 23px;}
#navigation-panel ul li a{ padding:0 10px;}
.gift1 > div{ font-size:11px;}
.tab-content > label, .tab-content > a{ padding:0 10px;}
}
@media screen and (max-width: 767px) {.row {    margin-left: -5px !important;    margin-right: -5px!important;}[class*="col"]{ padding-left:5px !important; padding-right:5px !important;}#zd-related-items ul li+li+li{ display:none;}#navigation-panel{ margin-bottom:0;}#details-slider{ padding-top:5px;}
#logo{ width:100%; padding:10px 0; text-align:center;}
.gift1{ float:none; width:100%;}
.gift1+.gift1{ border-top:solid 1px #000;}
.gift1 > div{ width:252px; font-size:14px;}
.gift1:nth-child(4n+2){ transform:none;}
.gift1:nth-child(4n+2) > div{ transform:none;}
.section-top{ background-size:cover;}
#navigation-panel{ padding:2px 0; background-size:cover;}
#nav-btn{ display:block; margin:0 5px; background:url(../images/navigation.png) no-repeat 0 50%; text-align:right; font:400 18px/40px 'Raleway', sans-serif; color:#fff; text-transform:uppercase; cursor:pointer;}
#navigation-panel ul{ width:100%; display:none; padding:5px;}
#navigation-panel ul li, #navigation-panel ul li:last-child{ float:none; text-align:left;}
#navigation-panel ul li+li{ background:none; border-top:solid 1px #323232; padding:0; border-left:none;}
#navigation-panel ul li a{ line-height:40px;}
#navigation-panel ul li.hasmenu > a{ display:block;}
#navigation-panel ul li.hasmenu .submenu{ background:url(../images/submenu.png) no-repeat 50% 50%; width:14px; height:14px; display:block; position:absolute; top:10px; right:5px; display:block;}
#navigation-panel ul li.hasmenu > a{ background-image:none;}
#navigation-panel ul ul{ position:relative; width:auto; min-width:inherit; top:auto; left:auto; background:#57250e; margin:0 4px; border-radius:4px;}
#navigation-panel ul ul ul{ position:relative; left:auto; top:auto;}

.footer-section{ padding:7px 0 0;}
.leftsec{ width:100%; float:none; margin:0 auto;}
.rightsec{ width:100%; float:none; margin:0 auto;}

}
@media only screen and (max-width: 490px) {#zd-related-items ul li+li{ display:none;}
.tab-content > label, .tab-content > a{ float:none; display:block; margin:2px 0 0;}

#details h3{ font-size:21px;}
.gift1 > div{ font-size:14px; width:250px;}
}