@font-face {
font-family: "roboto";
src: url("../fonts/Roboto-Regular.ttf");
}
body {
    font-family:roboto;
    font-size:14px;
}


.text-center {
    text-align:center;
}


h1, h2, h3, h4, h5, h6 {
    font-family:roboto;
}
.alg-right-pad {
    float:right;
    padding-right:20px;
}
a:hover {
    text-decoration:none;
}
.top-row{
	padding-top:1%;
	padding-bottom:1%;
}
.topbar{
	background:#33af3d;
	width:100%;
	color:#fff;
	padding-top:1%;
}
.toploc{
	background:#33af3d;
	color: #fff;
	border-radius:20px;
	padding:1%;
}
.whatsapp{
    display:inline-block;
    margin-top:10px;
}
.whatsapp-group-join{
    position:fixed; 
    right:20px; 
    bottom: 10px; 
    z-index:20000; 
    padding:2px;
    border-radius:5px;
}
.main-menu{
	-webkit-box-shadow: 0 8px 6px -6px #e6e6e6;
	-moz-box-shadow: 0 8px 6px -6px #e6e6e6;
	box-shadow: 0 8px 6px -6px #e6e6e6;
	padding:0;
	margin-bottom:2%;
}
.breadcrumb li a{
    color:#fff;
}
/*=======================================
  NAVBAR ADJUSTMENTS
==================================================*/
.navbar-brand {
font-size: 25px;
padding: 15px 80px 15px 60px;
}
.navbar-default .navbar-brand {
color: #000000;
}
.navbar-default {
background-color: #fff;
border-color: #fff;
}
.navbar {
 border-radius: 0px; 
 margin:0;
}
.navbar-default .navbar-nav > li > a {
color: #ff471a;
outline:none;
margin:0;
font-weight:500;
}
.navbar-default .navbar-nav > li > a:hover {
color: #ff471a;
}

.navbar-default .navbar-brand {
color: #ff471a;
}
.navbar-default .navbar-brand:hover {
color: #ff471a;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #050505;
background-color: #eee;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #000;
}
.sidebar-dropdown{
	padding: 5px;
}
/*=======================================
  Banner
==================================================*/
.banner{
	height:400px;
}
/*=======================================
  BOOTSTRAP ADJUSTMENTS
==================================================*/
.row {
    margin-bottom:10px;
}
.btn {
    margin-bottom:5px;
}

/*=======================================
  INDEX PAGE
==================================================*/
.no-space{
	margin-left:0;
	margin-right:0;
	padding:0;
}
.box-border {
    border:1px solid #e1e1e1;
}

.product-box
{
	font-family: Roboto,Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 17px;
	border:1px solid #fff;
	padding:1%;
	margin-bottom:10%;
	position:relative;
}
.ftrd{
	position:relative;
}
.ftrd-caption{
	margin-top:2%;
	font-size:18px;
}

.ftrd .off-percent{
	background:#e65c00;
	width:30%;
	color:#fff;
	position:absolute;
	right:0;
	top:0;
	font-weight:bold;
	font-size:24px;
	padding:3%;
	line-height:24px;
}
.product-box img
{
	max-height:180px;
}
.product-box .order-btn
{
	text-align:center;
}
.product-box:hover
{
	border:1px solid #eee;
}
.product-box .caption
{
	text-align:left;
}
.product-box h3>a,.product-box h3>a:hover,.product-box h3>a:focus {
    color:#000;
    text-decoration:none;
}

.offer-box {
background-color: #ff944d; /*#6A75F0;*/
border: 1px solid #ff6600; /*#096FC0;*/
color: #fff;
font-weight: 900;
font-size:16px;
}
    .offer-box a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: normal;
    }
    .offer-box a:hover {
        color:#000;
    }
.list-group a {
   
    font-size:14px;
    font-weight:900;
    color:#808080;
}
.list-group a:hover {
     color:#000;
    text-decoration:none;
}
.offer-colors {
   background-color: #B05FDD;
border: 1px solid #A228F3;
}

.download-app-box {
background-color: #ff471a;
border: 1px solid #ff471a;
padding:30px;
line-height:40px;
font-size:25px;
font-weight:900;
color:#fff;
}
.panel-left-links
{
	border:none;
}
.panel-heading-left-links
{
	border-radius:0;
	padding:2%;
}
.panel-title-left-links a{
	font-family: Roboto,Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.42857;
	color: #555;
}
.panel-nospace{
	margin-bottom:0;
}

.panel-body-nopadding{
	padding:0;
}
.list-group{
	margin-bottom:0px;
}

.list-item-noborders{
	border:none;
	background:#efefef;
	border-radius:0;
	font-weight:normal;
	font-family: Roboto,Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.42857;
	color: #555;
	padding:2%;
}


/*=======================================
  SLIDER main-style.css Changes
==================================================*/
.mi-slider {
margin-top: 0px;
}

.offer-text
{
position: absolute;
color: #FFF;
padding: 14px 16px 12px 16px;
margin-top: 10px;
background-color:#18b424;

}
.offer-text2
{
position: absolute;
color: #FFF;
padding: 14px 16px 12px 16px;
margin-top: 10px;
background-color:#EB0429;

}
/*=======================================
  FOOTER SECTION
==================================================*/
.footer-box {
    background-color:#F5F5F5;
    padding:20px 50px 5px 50px;
    border-top:1px solid #e6e6e6;
    
}
.small-box {
    font-size:10px;
}

.footer-box a {
    color:#808080;
    text-decoration:none;
}
.footer-box a:hover {
    color:#000;
}
.pad-botom {
    padding-bottom:30px;
}
.footer-box p {
    padding-top:15px;
    padding-bottom:15px;
    line-height:25px;
}
.social-box a{
     color:#333436;
    text-decoration:none;
}

.end-box {
    padding:20px;
     color:#fff;
     background-color:#000;
     font-size:14px;
}
@media (max-width: 768px) {
	.top-navigation{
		display:none;
	}
}
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
	
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    font-family: Roboto,Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 13px;
	padding:3%;
	
  }
  .dropdown-menu{
	margin-left:3%;
	background:#ffd6cc;
	}
}
@media (max-width: 500px) {
    .whatsapp{
        display:inline-block;
        margin-top:10px;
    }   
}