h1,h2,h3,h4,h5,h6,ul li,ul,a,img,table,p,label{
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
font-size: 14px;
}

:root{
--primary-bg-color:#ec1c27;
--primary-text-color:#fff;
--secondary-bg-color:#2e3094;
--secondary-text-color:#fff;
--secondary-bg-color2:#186577;
--border-color:#ddd;
--b-shadow:rgb(155, 155, 154) 0px 20px 20px -20px;
}

::-webkit-scrollbar {
width: 1em;
cursor: pointer!important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
cursor: pointer!important;
}

::-webkit-scrollbar-thumb {
background-color: var(--primary-bg-color);;
border-radius: 20px;
outline: 1px solid var(--primary-bg-color);;
cursor: pointer!important;
}
.description-details li:before{
font-family: fontawesome;
content:  "\f0da";
padding: 10px;

}

.description h1,.description h2,.description h3,
.description h4,.description h5,.description h6{
/*border-left: 6px solid var(--secondary-bg-color);*/
font-size: 19px;
font-weight: bold;
padding: 10px;
background: #eee;

}

img{
max-width: 100%;
}
/*		compulsory tags for all tempelate*/

.logo img{
    max-width: 300px;
}
.icon-bar{
    position: relative;
    float: right;
}
.icon-bar img{
    max-width: 120px;
    padding: 10px;
}
.banner img{
width: 100%;
}
.menu{
background: var(--primary-bg-color);
color: var(--primary-text-color);
text-align: center;
border-top: 2px solid #fff;

}
.menu-bg ul li{
display: inline-block;
border-right: 2px solid #fff;
}
.menu-bg ul li:last-child{
border: none;
border
}
.menu label{
display: none;
}
.menu input:checked ~ .container .menu-bg{
display: block;
}

.menu-bg ul li a{
color: var(--primary-text-color);
padding: 10px 15px;
display: block;
font-weight: bold;
}

.menu-bg ul li a i{
padding-right: 5px;
}

.menu a:hover{
color: #000;
background: #fff;
}
.service-section {
    text-align: center;
}
.service-section img{
    max-height: 100px;
    margin: auto;
}
.search{
    background: var(--primary-bg-color);
    margin-top: 10px;
}
.search-bar{
    position: relative;
    top: 21px;
}
.search-bar input{
display: block;
width:100% ;
background: white ;
outline: none;
height: 41.5px;
border: 1px solid #ddd;
border-radius: 10px 0 0 10px;
}
.search-bar a{
position: relative;
text-align: right;
/*top: 7px;*/
}
.str h3{
    padding: 10px;
    font-size: 25px;
    font-weight: bold;
    color: var(--primary-text-color);
}
.search-bar a i{
position: absolute;
top:0 ;
padding: 13px;
border: 1px solid var(--border-color);
background: var(--primary-bg-color);
color: var(--primary-text-color);
right: 0;
border-radius: 10px 0 0 10px;
}

/* header end*/

.middle{
padding-top: 10px;
}         
.left-box{
box-shadow: var(--b-shadow);
margin-bottom: 5px;
}
.left-tittle h3{
background: var(--secondary-bg-color);
color: var(--secondary-text-color);
padding: 10px;
font-weight: bold;
}

.left-tittle h3:before{
font-family: fontawesome;
content: "\f0c9";
padding-right: 5px;
}
.left-box ul li a{
color: #000;
border-bottom: 1px solid var(--border-color);
display: block;
padding: 7px;
font-weight: bold;
}
.left-box ul li a:hover{
background: #ddd;
cursor: pointer;
}
.left-box ul li a:before{
font-family: fontawesome;
content: "\f0da";
padding-right: 5px;
}
.tittle{
background: var(--secondary-bg-color);
color: var(--secondary-text-color);
margin-bottom:5px ;
}
.tittle h1{
padding: 10px;
font-weight: bold;
font-size: 26px;
}
/*   left-side end*/
input{
         display: none;
      }
      .gallery{
         box-shadow: var(--b-shadow); min-height: 500px; border: 1px solid black;
      
      }
      .gal-content{
         display: none;
            position: relative;
         height: 430px;
         padding: 10px;
         border: 1px solid var(--border-color);
      }
      #gall-1:checked ~ .gall-box #gal-content1,
      #gall-2:checked ~ .gall-box #gal-content2,
      #gall-3:checked ~ .gall-box #gal-content3,
      #gall-4:checked ~ .gall-box #gal-content4,
      #gall-5:checked ~ .gall-box #gal-content5,
      #gall-6:checked ~ .gall-box #gal-content6,
      #gall-7:checked ~ .gall-box #gal-content7,
      #gall-8:checked ~ .gall-box #gal-content8,
      #gall-9:checked ~ .gall-box #gal-content9,
      #gall-10:checked ~ .gall-box #gal-content10{
         display: block;
      }

      .gall-box{
         text-align: center;
         box-shadow: var(--b-shadow);

      }
      .gall-box .gal-content img{
         max-width: 100%;
         max-height: 100%;
         }
   
      .gal-content label i{
            font-size: 15px;
             font-weight: bold;
         color: #222;
         background: #f3f2f2;
         cursor: pointer;
       padding: 5px;
         width: 25;
         height: 25px;
         line-height: 15px;
         position: absolute;
         top: 50%;
      }

      .left i{
         left: 15px;
         border-radius: 20%;
         
      }
      .right i{
         right: 15px;
         border-radius: 20%;
      
      }
        .gall-labels{
        
         margin-top: 10px;
         padding:10px ;
            border: 1px solid var(--border-color);
         text-align: center;
        }
      .gall-labels label{
         width: 85px;
         height: 75px;
         margin-bottom: 5px;
/*         padding: 5px;*/
         border: 1px solid black;
         vertical-align: top;
      }
      .gall-labels label:hover{
         cursor: pointer;
      }
      .gall-labels img{
         max-height: 100%;
         max-width: 100%;
         padding: 5px;

      }
       /*gallery end*/
#left-details{
text-align: center;
}
#left-details img{
width: 115px;
}


.item-specification{
margin-bottom: 15px;
box-shadow: var(--b-shadow);
}
.item-specification .tittle h3:before{
padding-right:5px ;
}

.specification table{
border-collapse: collapse;
width: 100%;
}
.specification td{
border: 1px solid #dddddd;
padding: 5px;
line-height: 25px;
}
.specification tr:nth-child(even) {
background-color: #dddddd;
}
}
.item-specification h3{
padding: 10px;
}
.item-specification h3:before{
font-family: fontawesome;
content: "\f0c9";
}
.description{
padding:10px 0;
/*  	background: #ddd;*/
box-shadow: var(--b-shadow);min-height: 500px;
}
.description h3:before{
font-family: fontawesome;
content:"\f0c9";
padding-right: 5px;
}
.description p{
padding: 10px;
}
.description .tittle h3{
padding: 10px;
}
.description ul li{
    padding: 5px;
}
.tabs{
margin-top: 10px;
border: 1px solid #ddd;
border-radius: 2px;
margin-bottom:15px;
padding: 5px;
}
.content-details{
display: none;
/*			background: var(--primary-bg-color);*/
color: #000;
padding: 10px;
margin-top: 1px;
box-shadow: var(--b-shadow);
/*			border: 2px solid var(--border-color);*/
}
#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3{
display: block;
}
.tabs label:hover{
cursor: pointer;
background:var(--secondary-bg-color) ;
color: var(--secondary-text-color);
/*			padding: 10px;*/
transition: 0.5s;
}
.tabs label{
padding: 10px;
border-radius: 5px;
font-weight: bold;
margin-right: 25px;
}

.tabs input:checked + label{
background:var(--primary-bg-color);
color:var(--primary-text-color);
}
.content{
/*			margin-top: 10px;*/
}
.tabs{
box-shadow: var(--b-shadow);
}
.content-details ul li{
color:#000;
padding: 5px;
border-bottom: 1px solid #ddd;
}
.content-details ul li span{
font-weight: bold;
}
.content-details ul li:before,
.description ul li:before{
font-family: fontawesome;
content:"\f0da";
padding-right: 5px;
}

/*		tabs-end*/
.categories-box{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.cate-box{
text-align: center;
margin-top: 10px;
border: 1px solid var(--border-color);
}

.cate-tittle{
height: 48px;
overflow: hidden;
}
.cate-img img{
    max-height: 259.67px;
}
.buy-price{
padding: 5px;
}
.buy-price span{
font-weight: bold;
font-size: 20px;
}
.cate-details ul li{
display: block;
background: var(--primary-bg-color);
color: var(--primary-text-color);
/*border-radius: 30px;*/
padding: 10px;
font-weight: bold;
}
.cate-details ul li a{
color: var(--primary-text-color);
display: block;
font-weight: bold;
border-top: 1px solid #000;
}
.categories-box .left-tittle h3{
   text-align: left;
}
/*categories-box-end*/
.footer{
    background: #ddd;
}
.payment img{
    max-width: 200px;
}
.footer ul li{
    display: inline-block;
    border-right: 2px solid #000;
}
.footer ul li:last-child{
    border: none;
}
.footer ul li a{
    display: block;
    color: #000;
    padding: 5px;
}
.footer ul li a:hover{
    text-decoration: underline;
}
.footer p{
    padding: 5px;
}
.ftr-logo img{
    max-width: 112px;
    float: right;
}