/*Common*/
body { width: 100%; height: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif; }
.pagewidth { width: 1068px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat; background-color: #fff; }
.pagelayout { padding: 0 15px; width: 860px; margin: 0 auto; background: #fff; }
a { text-decoration: none !important; }
.clear { clear: both; }
ul, ol, li { padding: 0; margin: 0; list-style: none; }
/*====================header====================*/
.header { width: 100%; padding: 15px 0 0 0; text-align: center; display: inline-block; margin-bottom: 25px; }
.logo { display: inline-block; margin-right: 10px; }
.logo-after { padding-top: 15px; display: inline-block; }
/*====================menu====================*/
 .toggle, [id^=drop] {
 display: none;
}
nav { float: right; margin: 18px 0 10px 0; }
nav ul { list-style: outside none none; margin: 0 auto; padding: 0; position: relative; z-index: 99; width: auto; }
nav ul li { margin: 0px; float: left; font-size: 10px; font-weight: bold; background: #1d1d1d; margin-right: 7px; border-radius: 6px; }
nav ul li:last-child { margin-right: 0; }
nav a { color: #fff !important; display: block; line-height: 22px; padding: 1px 20px 0 20px; text-decoration: none !important; font-weight: 400; animation: 8s ease 0s normal; text-transform: uppercase; font-size: 11px; font-weight: bold; border: 1px solid transparent; }
nav a:hover { color: #fff !important; }
/*Slider*/
.middlesection { position: relative; }
.slider { height: 330px; position: relative; }
.slide1, .slide2, .slide3 { position: absolute; width: 100%; height: 100%; }
.slide1 { background: url(../images/banner1.jpg) no-repeat center center; background-size: 100% 100%; animation: fade 8s infinite; -webkit-animation: fade 8s infinite; }
.slide2 { background: url(../images/banner1.jpg) no-repeat center; background-size: 100% 100%; animation: fade 8s infinite; -webkit-animation: fade 8s infinite; }
.slide3 { background: url(../images/banner1.jpg) no-repeat center; background-size: 100% 100%; animation: fade 8s infinite; -webkit-animation: fade 8s infinite; }
td.v4title { padding: 21px 0px 3px 0px; color: #fff; font-weight: bold; display: inline-block; width: 100%; }
.v4title h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; text-transform: Capitalize; font-size: 17px; position: relative; top: -9px; font-weight: bold; text-align: center; }
.lcat .lev1 li { font-weight: bold; }
ul { margin: 0; padding: 0; }
.lcat ul { padding-left: 0px; }
.lcat .lev1 li { list-style-type: none; margin: 0; font-weight: normal; position: relative; }
table.v4clp ul li a, ul.lev1 li a { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 17px; color: #3d3a3a; background-image: url(../images/cat.png); background-repeat: no-repeat; width: 210px; height: 37px; line-height: 32px; font-size: 12px; text-indent: 42px; display: block; background-position: center 0px; }
table.v4clp ul li a:hover, ul.lev1 li a:hover { transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; color: #fff; background-position: center -37px; }
#LeftPanel { float: left; margin-top: 20px; position: relative; width: 210px; background: #494b87; border-radius: 10px; padding-bottom: 10px; }
.v4acp2 { margin-top: 30px; }
.v4thldr2 { margin-top: 15px; }
.col-right h1 { font-size: 20px; font-weight: 600; margin-bottom: 15px; }
/*=======ZOOME POPUP==============*/

.ess-gallery { clear: both; display: inline-block; width: 100%; text-align : center; }
.checkbox { display: none; }
.enlarge { border: 1px solid #cecece; display: inline-block; padding: 2px 4px; text-align: center; }
.enlarge span { display: inline-block; background: url(../images/icon-zoom.png) right center no-repeat; padding-right: 18px; font-size: 10px; text-transform: uppercase; color: #555; }
.ess-gallery .img-box { text-align: center; width: 100%; display: inline-block; float: left; padding: 0px 0px 0px 0px; }
.img-holder { text-align: center; height: 440px; overflow: hidden; background: #fff; display: none; position: relative; }
.img-holder .imgBox { cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: -ms-zoom-in; text-align: center; height: 440px; overflow: hidden; background: #fff; display: block; padding: 0px 10px 0px 5px; }
.img-holder img { text-align: center; display: inline-block; border: 0; max-width: 99%; max-height: 350px; }
.img-holder * { vertical-align: middle; }
.img-holder .mdl { width: 1px; height: 100%; display: inline-block; }
.img-holder a { }
.thumb { font-size: 0; margin-bottom: 7px; margin-top: 0px; text-align: center; width: 180px; display: inline-block; }
.thumb * { vertical-align: middle; }
.ess-gallery .mdl { width: 1px; height: 100%; display: inline-block; }
.ess-gallery label { border: 1px solid #CCC; cursor: pointer; display: inline-block; height: 102.4px; margin: 0px 0px 8px 8px; overflow: hidden; position: relative; text-align: center; width: 169px; }
.ess-gallery label img { display: inline-block; border: 0; max-width: 80px; max-height: 80px; }
.ess-gallery label img { bottom: 0; height: auto; left: 0; margin: auto; max-height: 95%; max-width: 95%; position: absolute; right: 0; top: 0; width: auto; }
input:checked + label { }
#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 { display: block; }
.lightbox-target { left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; overflow: hidden; }
a.lightbox-close { background: #ffffff none repeat scroll 0 0; color: #666666; display: block; font-family: verdana; font-size: 23px; font-weight: normal; height: 40px; line-height: 35px; position: absolute; right: -50px; top: 0; width: 40px; }
.lightbox-target:target { position: fixed; opacity: 1; visibility: visible; top: 0; }
.img-popup { max-width: 0; max-height: 0; position: absolute; top: 10%; left: 50%; right: 0; bottom: 0; margin: 0 auto; margin-left: -400px; background-color: #fff; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.lightbox-target:target .img-popup { max-width: 800px; max-height: 550px; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.img-popup img { bottom: 0; height: auto; left: 0; margin: auto; max-height: 95%; max-width: 95%; position: absolute; right: 0; top: 0; width: auto; }
.lightbox-target { -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; }
.lightbox-target .img-popup { -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; }
 @media only screen and (max-width:1024px) {
}
 @media only screen and (max-width:1023px) {
.lightbox-target:target .img-popup { margin-left: -350px; max-width: 650px; }
.thumb { width : auto; }
.ess-gallery label { margin : 15px 10px 0px 0px; float: left; width: 45px; height: 45px; }
.ess-gallery .img-box { width : 100%; }
.img-holder img { max-width : 98%; }
}
 @media only screen and (max-width:767px) {
.lightbox-target:target .img-popup { margin-left: -200px; max-height: 400px; max-width: 400px; }
.img-holder,  .img-holder .imgBox { height: 300px; }
.pro-right { padding-left: 0; }
.ess-gallery label { margin: 5 3px; }
.essTabs label { font-size: 18px; }
.header { margin-bottom: 0; }
.col-right { margin-top: 0px; }
}
 @media only screen and (max-width:480px) {
a.lightbox-close { background-size: 100% auto; right: -35px; height: 30px; width: 30px; }
.lightbox-target:target .img-popup { margin-left: -168px; max-height: 300px; max-width: 305px; }
}
 @media only screen and (max-width:320px) {
.lightbox-target:target .img-popup { margin-left: -138px; max-height: 300px; max-width: 250px; }
}
/*=======END ZOOME POPUP==============*/

/*Description Box */
.bullets { box-sizing: border-box; float: left; margin: 10px 0 20px; width: 100%; }
.bullets ul { list-style-type: disc; margin: 0; padding: 0; }
.bullets ul li { box-sizing: border-box; color: #000; float: left; font: 13px/18px Arial, Helvetica, sans-serif; padding: 0; margin-left: 12px; text-align: left; text-transform: capitalize; }
.product-detial { box-sizing: border-box; float: left; margin: 0 0 20px; width: 48%; }
.product-detial td { padding-left: 10px; }
.discription-box { border: 1px solid #ccc; width: 100%; }
.discription-inner { font: 13px/1.5 Arial, Helvetica, sans-serif; }
.discription-inner a { color: #000; }
.discription-inner a:hover { color: #936; }
.discription-box h2 { background: url(../images/headerBG.png) no-repeat; color: #fff; padding: 10px 30px; margin: 0; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.discription { padding: 12px; }
ul.left-details, ul.right-details { width: 100%; }
ul.left-details li, ul.right-details li { margin-bottom: 8px; font: 13px/1.5 Arial, Helvetica, sans-serif; }
/*===========PRODUCT CATEGORIES===========*/
.productCategories .heading { color: #312e52; font-size: 18px; text-align: center; margin-bottom: 20px; font-weight: 600; }
.productCategories ul li { width: 18%; padding: 0 5px; margin-bottom: 20px; display: inline-block; font-family: 'Josefin Sans', sans-serif; position: relative; font-size: 18px; letter-spacing: 2px; }
.productCategories ul li .content { position: absolute; bottom: 20px; color: #4b4c85; font-weight: 600; right: 25px; text-align: right; }
.productCategories ul li .content span { color: #000; }
/*===========FOOTER===========*/
footer { background-color: #312e52; padding: 15px 0; color: #fff; text-align: center; font-size: 12px; font-weight: 600; }
.copyright-year::before {    content: "2018";}
/*===========TAB SECTION===========*/

.essTabs { float: right; height: 1015px; overflow: hidden; position: relative; width: 100%; margin-top: 20px; margin-bottom: 20px; }
.essTabs::before { background: url(../images/tabBG.jpg); content: ""; display: block; height: 40px; position: absolute; width: 100%; z-index: 0; background-size: 100% 100%; }
.essTabs .tabBox { position: relative; }
.essTabs label { color: #fff; cursor: pointer; float: left; font-size: 13px; height: 40px; line-height: 40px; margin-right: 1px; padding: 0 20px; text-align: center; font-weight: bold; margin-top: 2px; margin-left: 10px; }
.essTabs .checkbox { display: none; }
.essTabs label:hover, .essTabs input:checked + label { background-color: #fff; color: #000; }
.essTabs input:checked + label { font-weight: bold; }
.essTabs .checkbox:checked ~ .panel { display: block; }
.panel { background-color: #fff; color: #000; display: none; font-size: 14px; left: 0; line-height: 20px; padding: 20px 0px 20px 0px; position: absolute; top: 40px; width: 100%; height: 900px; max-height: 900px; border: 1px solid #ccc; overflow-y: auto; box-sizing: border-box; }
.panel .description-img { margin-bottom: 45px; }
.panel .description-img img { width: 100%; }
.text-center { text-align: center; }
.panel .description-text .description-tabs { width: 80%; margin: 0 auto; text-align: left; display: inline-block; }
.panel .description-text .description-tabs .col { width: 50%; float: left; }
.panel .description-text .description-tabs .col .item { color: #000; font-weight: 500; position: relative; font-size: 15px; margin-bottom: 30px; }
.panel .description-text .description-tabs .col .item:after { content: ""; background: url(../images/true-icon.jpg) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; left: -34px; top: -3px; background-size: 28px; }
.scrollBox { padding-right: 35px; }
.panel p { padding: 0 0 10px 0; margin: 0; font-size: 16px; color: #000; font-weight: 800; font: 14px/1.5 Arial, Helvetica, sans-serif; }
.panel a { color: #000; text-decoration: none; }
.panel table { border: 1px solid #ddd; border-collapse: collapse; }
.panel table td { border: 2px solid #fff; letter-spacing: 0.5px; padding: 3px 5px 1px 20px; font-size: 13px; color: #222; font-weight: normal; }
.panel table td:first-child { font-weight: bold; }
.panel .product-description h1 { font-size: 24px; color: #000; line-height: 25px; }
.panel .product-description { width: 95%; font-size: 15px; margin-left: 25px; }
.panel .product-description ul li { margin-bottom: 10px; width: 95%; }
.panel .product-description ul li { background-repeat: no-repeat; margin-right: 8px; list-style: disc; }
nav li:hover a { background: #fff none repeat scroll 0 0; color: #000 !important; border: 1px solid #000; border-radius: 6px; }
.product-detial td { padding-left: 10px; }
.panelsmallContent { padding: 15px 25px 15px 25px; width: 94%; }
.tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.tabs label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; padding: 1rem 2rem; margin-right: 0.2rem; cursor: pointer; background: #90CAF9; font-weight: bold; -webkit-transition: background ease 0.2s; transition: background ease 0.2s; }
.tabs .tab { -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #fff; }
.tabs input[type="radio"] { display: none; }
.tabs input[type="radio"]:checked + label { background: #fff; }
.tabs input[type="radio"]:checked + label + .tab { display: block; }
 @media (max-width: 45em) {
.tabs .tab,  .tabs label { -webkit-box-ordinal-group: NaN; -ms-flex-order: initial; order: initial; }
.tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; }
}
 @media only screen and (max-width:1023px) {
.essTabs { height: auto; }
.essTabs label { float: none; display: block; color : #111; background-color: #CEE7D1; font-size: 13px; padding: 8px; text-align: left; margin-right: 0; height: auto; line-height: normal; }
.essTabs .ckBox:checked ~ label:before { content: '-'; }
.tabBox { padding: 0; background: none; }
.tabBox + .tabBox { margin-top: 5px; }
.panel { border: 1px solid #ccc; border-top: 0; padding: 15px 0 15px 15px; position: static; width: auto; height: 1070px; }
.panelsmallContent { height: 200px; }
.scrollBox { padding-right: 15px; }
.productCategories ul li { font-size: 16px; }
.productCategories ul li .content { right: 0; }
}


/*===========END TAB SECTION===========*/
@keyframes fade {  0% {
opacity:1
}
 33.333% {
opacity: 0
}
 66.666% {
opacity: 0
}
 100% {
opacity: 1
}
}
@keyframes fade2 {  0% {
opacity:0
}
 33.333% {
opacity: 1
}
 66.666% {
opacity: 0
}
 100% {
opacity: 0
}
}
@keyframes fade3 {  0% {
opacity:0
}
 33.333% {
opacity: 0
}
 66.666% {
opacity: 1
}
 100% {
opacity: 0
}
}
/*menuWithIcon*/
@media all and (max-width: 1199px) {
.middlesection .menuwithicon .one-five { margin: 0 3px; }
.middlesection .menuwithicon .thumbText a { font-size: 17px; }
.container { padding: 0 15px; width: 960px; }
}
@media only screen and (min-width: 1200px) {
.col-right { float: right; margin-top: 8px; width: calc(100% - 245px); }
}
 @media all and (max-width :1024px) {
.slider { height: 313px; }
.col-right { float: right; margin-top: 20px; width: calc(100% - 267px); }
.pagelayout { padding: 0 2%; width: 96%; margin: 0 auto; box-shadow: 0px 0px 77px 0px #ccc; background: #fff; }
.essTabs { float: none; width: 96%; display: inline-block; }
.panel { width: 99.7%; }
.panelsmallContent { padding: 15px 25px 15px 25px; width: 94.7%; }
@media all and (max-width : 995px) {
.slider {
 height: 240px;
}
.panel {
 width: 97.5%;
}
.panelsmallContent {
 width: 92.5%;
}
.essTabs {
 float: none;
 width: 100%;
 display: inline-block;
}
nav {
 border: 0 none;
 margin: 10px 0 0;
 width: 100%;
 background: url(../images/headerBG.jpg) repeat-x;
}
.pagewidth {
 width: 96%;
 padding: 0 2%;
}
.panel p {
 font: 13px/1.5 Arial, Helvetica, sans-serif;
}
.container {
 padding: 0 2%;
 width: 96%;
}
.middlesection .menuwithicon .one-five {
 margin: 0 2px;
}
nav a {
 color: #fff !important;
}
nav a, .menu li .toggle {
 letter-spacing: 0.5px;
 border: 0 none;
 padding: 9px 20px 5px 20px;
 border-radius: 0;
 font-size: 14px;
 line-height: 32px;
}
.toggle + a, .menu {
 display: none;
}
.toggle.toggle-title {
 background-color: transparent;
 text-align: left;
 text-transform: uppercase;
 border: medium none;
 color: #fff;
 display: block;
 font-size: 16px;
 line-height: 35px;
 padding: 0 20px;
 text-decoration: none;
 position: relative;
}
.toggle {
 display: block;
}
.toggle-title::before {
 background-image: url("../images/menu-button.png");
 background-size: 30px auto;
 content: "";
 height: 30px;
 position: absolute;
 right: 10px;
 top: 3px;
 width: 30px;
}
.toggle:hover {
}
[id^=drop]:checked + ul {
 display: block;
}
.menu li .toggle::after {
 color: #fff;
 content: "";
 font-size: 13px;
 position: absolute;
 right: 18px;
 font-weight: normal;
}
.menu li .toggle {
 color: #fff !important;
 position: relative;
 line-height: 40px;
 padding: 0 19px;
 text-decoration: none !important;
 font-weight: bold;
 text-transform: uppercase;
}
.menu li .toggle:hover {
 background: #43326d none repeat scroll 0 0;
}
nav ul li {
 background-color: #43326d;
 text-align: left;
 border-bottom: 1px solid #d1d1d1;
 display: block;
 width: 100%;
 font-size: 13px;
 font-weight: bold;
 border-radius: 0;
}
nav ul ul .toggle, nav ul ul a {
 padding: 0 40px;
}
nav ul ul ul a {
 padding: 0 80px;
}
nav a:hover, nav ul ul ul a {
}
nav ul li ul li .toggle, nav ul ul a {
 background-color: #212121;
}
nav ul ul {
 float: none;
 position: static;
 color: #ffffff;
 border-top: 0;
}
nav ul ul li:hover > ul, nav ul li:hover > ul {
 display: none;
}
nav ul ul li {
 display: block;
 width: 100%;
}
nav ul ul ul li {
 position: static;
}
.essTabs label:hover, .essTabs input:checked + label {
 background-color: #fff;
 color: #fff;
 background: url(../images/headerBG.jpg) repeat-x;
}
.essTabs label {
 margin-left: 0;
}
}
@media all and (max-width: 768px) {
.essTabs::before { content: none; display: none; }
}
@media all and (max-width: 767px) {
.middlesection .menuwithicon .one-five { width: 100%; margin: 0 0px; margin-bottom: 15px; }
.productCategories { text-align: center; }
.pagewidth { background: url(../images/bg.jpg) no-repeat; }
.home { display: none; }
.col-right { width: 100%; float: none; }
.panel .product-description { width: 100%; margin-left: 0px; }
.search-box { float: none; margin-top: 16px; }
.search-box .v4sbox { width: 96%; padding: 1px 2%; }
.slider { height: 214px; }
#LeftPanel { display: none !important; }
.search-btn { right: -2px; }
.middlesection .menuwithicon { margin: 15px 0px 0px 0px; }
.productCategories ul li { width: 24%; padding: 0 5px; font-size: 18px; }
.panel { height: 1024px; padding: 15px 5px 15px 5px; }
.panel .description-text .description-tabs .col .item { margin-bottom: 30px; }
.product-detial { width: 100%; }
.panel { width: 100%; }
.panelsmallContent { width: 98%; }
}
@media all and (max-width : 639px) {
.slider { height: 110px; }
}
@media all and (max-width : 480px) {
.productCategories ul li { width: 100%; padding: 0 0px; }
.productCategories ul li .content { right: 55px; text-align: center; left: 50%; margin-left: -131px; }
.product-detial { width: 100%; }
.panel .description-text .description-tabs .col { width: 100%; float: left; }
.panel { height: 1123px; padding: 15px 20px 15px 20px; }
.panelsmallContent { height: 200px; padding: 15px 5px 15px 5px; }
.panel .description-text .description-tabs .col .item { margin-bottom: 23px; }
.panel { width: 99.5%; }
.panelsmallContent { width: 96.5%; }
}