﻿:root
{
    --color-orange:#FB8500;
    --color-light:#FFB703;
    --color-blued:#023047;
    --color-blue:#219EBC;
    --color-bluel:#8ECAE6;
}
.topdiv
{
 
    padding:8px 0px;
    font-weight:bold;
    border-bottom:Solid 1px #ccc;
}
body {
}
.img-logo
{
    display:block;
    margin:auto;
    max-width:180px;
}
.logoDiv
{
    padding-top:5px;
    padding-bottom:5px;
}
#header
{
  border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
  background:#fff;
}
#header .logo a,.navbar a:hover, .navbar li:hover>a
{
    color:var(--color-orange);

}
 .navbar .active, .navbar .active:focus,.navbar a
{
    color:#000;
}
.navbar li.dropdown ul>li>a
{
    color:#333;
}
.section-light
{
   
}
.proCatDiv
{
            background:var(--color-orange);
    color: #333;
    padding: 9px;
    border: 1px dashed #fff;
    text-align: center;
    opacity: 0.8;
    transition: all 0.3s ease-in;
    margin: auto;
    margin-bottom: 30px;
    max-width: 80%;
     box-shadow:1px 1px 2px var(--color-orange),-1px -1px 2px var(--color-orange);;
    display: block;
}
.proCatDiv:hover
{
    box-shadow:1px 1px 12px var(--color-orange),-1px -1px 12px var(--color-orange);;
    opacity:1;
}
.proCatDiv a
{
    color:var(--color-orange);
}

.proCatDiv a span
{
    display:block;
    clear:both;
    padding:2px;
    color:#fff;
    background:var(--color-orange);
}
.proCatDiv a img
{
    max-width:120px;
    margin: 10px auto;
}
.text-justify
{
    text-align:justify;
}.section-bg {
    background-color: #fff3b0;
    background:#fefae0;
}

.footer-top
{
    background:url('images/bgpattern.jpg');
}
.mainbg 
{
    background:url('images/stripes.png');
}
.whitebg
{
    background:rgba(255,255,255,0.9);
   
}
.blackbg
{
    background:rgba(0,0,0,0.9);
}
.productdiv
{
    background:#FFF;
    padding:8px;
    box-shadow:2px 2px 2px #ccc,-2px -2px 2px #ccc;
    margin-bottom:22px;
}
.imgbigbg
{
    background-size:cover;
    height:250px;
    width:100%;
    margin:2px;
}
.title
{
    font-size:22px;
    color:#fb8500;
    text-align:center;
    display:block;
    font-weight:bold;
    
}
.cattitle
{
    margin-top:10px;
    text-align:center;
    margin-bottom:20px;}
.img-center
{
    display:block;
    margin:auto;
}

.img-gall
{
   
    height:450px;
    display:block;
    margin:auto;
    margin-bottom:10px;
}

.ptitle
{
    font-size:16px;

}
.logo
{
    color:#333;
}
.prolinks .img
{
    display:block;
    overflow:hidden;
}

.prolinks .img img
{
    transition: .8s ease all; width: 100%; object-fit:cover;
}
.prolinks
{
    color:#333;
    
}
.productdiv
{
    display:block;
    position:relative;
    overflow:hidden;
}

.prolinks:hover  img
{
  transform: scale(1.1);
}

.productTitle
{
    color: #1e1e1e;
    line-height: 45px;
    margin-bottom: 0;
    letter-spacing: .02em;font-size: 24px;
        line-height: 26px;
    
}
.singleItem
{
    
    position:relative;
    margin:3rem 0px;
    display:block;
    clear:both;
}

.singleItem h3
{
    position:relative;margin:10px 0px 20px;
    padding-bottom:10px;
}
.singleItem h3:after
{    position:absolute;
    bottom:0px;
    display:block;
    content:'';
    background-color: var(--color-orange);
    height:4px;
    width:40%;
    
}
.text-right .singleItem h3:after
{
    display:block;
    position:absolute;
    right:0px;
    content:'';
    background-color: var(--color-orange);
    height:4px;
    width:40%;

   
}
.text-left .singleItem h3:after
{
    left:0;
}
.iconsSingle
{
    position: absolute;
    top: 4px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 40px;
    color: #fff;
    text-align: center;
    border-radius: 8px;    background-color: var(--color-orange);
}
.text-left
{
    text-align:left;
}
.text-right
{
    text-align:right;
}
.text-left  .singleItem  
{
    padding-left:100px;
}
.text-left  .singleItem  .iconsSingle
{
    left:0;
}
.text-left  .singleItem  .iconsSingle i
{
    line-height:inherit;
}

.singleItem  .iconsSingle:before
{    position: absolute;
    content: '';
    top: 25px;
    width: 20px; background-color: var(--color-orange);
    
    height: 20px;
    transform: rotate(45deg);
    z-index: -1;
}

.text-left  .singleItem  .iconsSingle:before
{
    right:-6px;
}

.text-right  .singleItem  
{
    padding-right:100px;
}
.text-right  .singleItem  .iconsSingle
{
    right:0;
}
.text-right  .singleItem  .iconsSingle i
{
    line-height:inherit;
}
.text-right  .singleItem  .iconsSingle:before
{
    left:-6px;
}
.img-border
{
    border-radius:15px;
}