.navbar {
            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
            height: 70px;
            background: #ffffff;
            border: solid 1px rgba(221, 221, 221, 0.1);
        }
        
        @media (max-width: 768px) 
        {
        	.navbar 
        	{
        		height: 60px;
        		}
        	}
        
        .navbar-brand {
            padding-left: 0.75rem;
        }
        
        @media (max-width: 768px) 
        {
        	.navbar-brand img
        	{
        		height: 30px;
        		transition: ease .5s;
        		}
        	}
        
        .navbar-brand img {
            margin-left: 0;
        }
        
        @media (min-width: 768px) {
            .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
                margin-left: 0; 
            }
        }
        
        #navbar-hamburger 
        {
        	margin-top: 15px;
        	margin-right: 30px;
        	display: flex;
        	cursor : pointer;
        	position: fixed;
        	right: 0;
        	}
        	
        @media(max-width: 600px) 
        {
        	#navbar-hamburger span 
        	{
        		display : none;
        		}
        	}
        	
        #navbar-hamburger  .nav-text.text-menu {
            font-size: 16px!important;
            padding-right: 10px;
            font-family: "Droidsans-Bold";
        	font-style: normal;
        	padding-top: 3px;
        }
        
        #navbar-hamburger  .h4 
        {
        	margin-top: 8px;
        	}
        
        
        .float-bar.overwrite2 {
            background: #fff;
            box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.18);
            transition: ease .5s;
            margin: 0 auto;
            padding-top: 0px;
            padding-bottom: 0px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            position : fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }
        
        
        .float-bar.overwrite2 .row 
        {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 0;
            margin-left: 0;
            margin: auto;
            text-align: center;
            width: 85%;
        }
        
        @media (max-width: 600px) {
            .float-bar.overwrite2 .row 
            {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-right: 0;
                margin-left: 0;
                margin: auto;
                text-align: center;
                width: 100%;
            }
        }
        
        .float-bar .col-md-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding-right : 0 !important;
            padding-left:0 !important;
        }
        
        .float-bar .nav-bottom {
            list-style: none;
            text-align: center;
            padding-inline-start: 0px;
            -o-padding-inline-start: 0px;
            padding-left: 0px;
            margin: auto;
            width: 100%;
        }
        
        .float-bar .container 
        {
        	width: 100%;
        	padding-left: 0 !important;
        	padding-right: 0 !important;
        	}
        
        @media (max-width: 1199px) {
                ul.nav-bottom li {
                    width: 19%;
                }
            }
            
        .float-bar ul.nav-bottom li {
            display: inline-block;
            width: 18%;
            padding: 8px 5px;
            transition: ease 0.5s;
        }
        
        
        @media (max-width: 500px) {
            ul.nav-bottom li, ul.nav-bottom li.overwrite-width {
                width: 18%;
            }
        }
        
        .nav-bottom-text {
            font-size: 12px !important; 
            margin-bottom: 0px;
            padding-top: 3px;
            transition: ease 0.5s;
            color: #606060;
        }
        
        .img-no-color {
            display: inline-flex;
            opacity: 0.5;
        }
        
        .img-color 
        {
        	display: none;
        	}
        	
       #hover1:hover .img-color,
       #hover2:hover .img-color,
       #hover3:hover .img-color,
       #hover4:hover .img-color,
       #hover5:hover .img-color {
            display: inline-flex;
            opacity: 1;
        }
        
       #hover1:hover .img-no-color,
       #hover2:hover .img-no-color,
       #hover3:hover .img-no-color,
       #hover4:hover .img-no-color,
       #hover5:hover .img-no-color {
            display: none;
        }
       	
       	
        
        @media (max-width: 600px) {
            .float-bar.overwrite2 .row {
                width: 100%;
            }
            
            .nav-bottom-text {
                font-size: 10px !important; 
                margin-bottom: 0px;
                padding-top: 3px;
                transition: ease 0.5s;
                color: #606060;
            }
        }
        
        .nav-bottom-img {
            height: 30px;
            width: auto;
            transition: ease 0.5s;
            font-size: 12px;
        }
        
         @media (max-width: 600px) {
            .nav-bottom-img {
                height: 26px;
                width: auto;
                transition: ease 0.5s;
                font-size: 12px;
            }
        }
        
        
        .nav-bottom li a {
            margin: 0px;
            display: block;
            width: 100%;
            height: 100%;
        }

        .nav-bottom-block a {
            text-decoration: none;
        }
        
        @media (max-width: 600px) {
            .nav-bottom-img, .nav-bottom-img.overwrite {
                padding-bottom: 2px;
            }
        }
        
        .navbar-collapse.overwrite {
            position: fixed;
            background: rgb(255, 255, 255);
            background: #ffffff;
            top: 70px;
            right: -100%;
            width: 350px;
            scroll-behavior: auto;
            overflow: auto;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            -moz-box-shadow: 0px 2px 3px rgb(100, 100, 100, 0.1);
            -webkit-box-shadow: 0px 2px 3px rgb(100, 100, 100, 0.1);
            box-shadow: 0px 2px 3px rgb(100, 100, 100, 0.1);
            border: solid 1px rgba(221, 221, 221, 0.15);
            border-top: solid 2px #eeeeee;
            border-right: none;
            overflow-y: auto;
            padding-bottom: 200px;
            z-index: 1030;
            padding-left: 0;
            padding-right: 0;
            bottom: 0;
            transition: .2s;
        }
        
        
        .navbar-nav.overwrite {
            text-align: left;
            padding-right: 0px;
            padding-bottom: 50px;
            box-shadow: -5px 6px 10px 0px rgba(25, 25, 25, 0.03);
            padding-top: 20px;
            padding-bottom: 20px;
            float: none !important;
        }
        
        
        .navbar-nav>li {
            width: 100%;
            display: block;
            float : none !important;
        }
        
        .navlink span {
            width: 280px;
            line-height: 26px;
        }
       
        .navlink {
            color: #191919;
            font-size: 16px;
            display: flex;
            padding: 5px 30px 5px 20px;
        }
        
        .navlink.dropdown-toggle span::after {
            float: right;
            font-family: 'fontawesome';
            content: "\f078";
            text-decoration: none;
        }
        
        .navlink.dropdown-toggle[aria-expanded="true"] span::after {
            font-family: 'fontawesome';
            content: "\f078";
            color: #ffbf00;
            text-decoration : none;
        }
        
        .navlink:hover {
            text-decoration: none;
            color: #191919;
        }

        .navlink:hover {
            border-left: solid 4px #ffbf00;
            padding-left: 16px;
        }
                
        .navbar-nav .overwrite a.dropdown-item {
            transition: none;
            line-height: 20px;
            font-size: 14px;
            display: block;
            text-decoration: none;
            color: #000;
        }
        
        .navbar-nav {
            margin: 0 0;
        }
        
        .navbar-nav .overwrite .dropdown-item {
            padding-left: 0px;
            padding-right: 0px;
            padding: 5px 20px;
            background: transparent;
        }
        
        .navbar-nav .dropdown-menu {
            position: static;
            float: none;
        }

       	
       	.navbar-nav>li>.dropdown-menu {
            box-shadow: none;
            border: 0;
            background: #fbfbfb;
            border: none;
            transition: ease 0.5s;
            padding: 10px 0px;
            font-family: "DroidSans-Regular", Sans-Serif;
            font-style: normal;
        }
        
        .pr15 
        {
        	padding-right: 15px !important;
        	}
        	
    	.navbar-nav>li>a {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        
        .navbar-nav>li>a:visited 
        {
        	text-decoration: none !important;
        	color: #191919 !important;
        	}
        
        .nav-text-bold 
        {
        	font-family: "Droidsans-Bold";
        	}
        	
        .nav-text {
            font-family: "DroidSans-Regular", sans-serif;
        }
        .pb30 {
            padding-bottom: 30px;
        }
        .pr20 {
            padding-right: 20px;
        }
        .pl20 {
            padding-left: 20px;
        }
        .bg-white {
            background-color: #ffffff;
        }
        .bg-white {
            background-color: #fff!important;
        }
        .border-top {
            border-top: 1px solid #dee2e6!important;
        }
        .font-16 {
            font-size: 16px !important;
            line-height: 26px;
        }
        .bold 
        {
        	font-family: "DroidSans-Bold";
        	}
        	
        @media(max-width: 768px)
        {
        	.navbar-collapse.overwrite 
        	{
        		width: 100%;
        		top: 60px;
        		}
        		
        	.navlink span {
                width: 100%;
            }
            
            #navbar-hamburger 
            {
        	    margin-right: 16px;
        	    margin-top: 9px;
        	}
        }
        
        
        .breadcrumb.buy-online {
			padding-top: 80px;
		}
		
		@media(max-width: 768px)
		{
			.breadcrumb.buy-online {
				padding-top: 70px;
			}
		}
		
        .breadcrumb {
			padding: 10px 0px;
			border-radius: 0px;
			margin-bottom: 0px;
			font-family: "DroidSans-Regular";
		}
		
		.breadcrumb .font-14 
		{
			line-height: 1.5;
			font-size: 14px !important;
			}
		
		.bg-secondary {
			background-color: #606060 !important;
		}
		
		.link-yellow:hover 
		{
			color: #ffbf00 !important;
			}
			
			
		/*Navigation, floating Navigation and footer */

	@font-face {
		font-family: "DroidSans-Bold";
		src: url('../fonts/DroidSans-Bold_0.ttf');
		font-display: fallback;
	}

	@font-face {
		font-family: "DroidSans-Regular";
		src: url('../fonts/DroidSans-Regular_0.ttf');
		font-display: fallback;
	}