@font-face{
   font-family: 'bahnschrift';
   src:url('../fonts/bahnschrift.ttf') format('truetype');
}

@font-face{
   font-family: 'OpenSans-Regular';
   src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face{
   font-family: 'OpenSans-Semibold';
   src:url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

/*

#57102C

#4CA8A1


#0e3f4e

*/

body{  
	font-family: 'OpenSans-Regular';
}

.topbar{
	/*background: #8dc641;*/
	/*background:#639BF1;*/
	background: #8dc641;
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}
.topbar a{
	color:#ffffff;
	text-decoration: none;
}


.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    box-shadow: 0 1px  #8dc641;
  }


.navigation{
	/*background: #4CA8A1;*/
	border:0;
	border-radius: 0;
	margin-bottom: 0;
	background: #ffffff;
	position: sticky;
	z-index: 9999 !important;
}

.navigation .navbar-header{
		background:#ffffff;
}

.navigation .logo{
	width: 140px;
	padding: 5px;
}




.navigation .nav li a{
   color:#555555;
   text-transform: uppercase;
   font-size: 13px;
   box-shadow: inset 0 0 #8dc641;
   transition: 0.3s;
   padding-top: 26px;
   padding-bottom: 26px;
}

.navigation .nav li a:hover{
   color:#ffffff;
   background:none;
    box-shadow: inset 0 100px #8dc641;
}



.navigation .dropdown-menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
}


/*.dropdown:hover .dropdown-menu{
	display: block;
}*/

.banner{padding: 0; z-index: 0 !important;}
.banner img{
	width: 100%;

}

.pros{
	margin-top: 100px;
	margin-bottom: 50px;
}
.pros img{
	width: 100%;
}


.pros .pro img{
	width: 90%;
	
}

.pros .pro{
	border:1px solid #8dc641;
	padding: 10px;
	border-radius: 5px;
	min-height: 338px;

	margin-bottom: 15px;
	text-align: center;
}

.pro p{
	text-align: center;
	font-size: 15px;
	color:#333;
	margin-top: 10px;
}

.cat{
	background: #8dc641;
	color:#ffffff;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}


.single{
	margin-top: 50px;
}

.single .col-md-8{
	text-align: center;
	line-height: 25px;
	color:#696969;
	margin-bottom: 25px;
}


.cats{
color:#696969;
font-size: 13px;
}

.about{
	 /*background-image: linear-gradient(to left,  #8dc641, #ffca08);*/
	 border:2px solid #8dc641;
	 padding: 0px;
	 padding: 10px;
}

.about .store{
	padding: 0;
}

.about p{
	 color:#696969;
	 line-height: 25px;
	 font-size: 13px;
}

.about img
{
	/*padding: 10px;
	border:2px solid #8dc641;*/
	width: 100%;

}

.cont{
	border:1px solid #8dc641;
	padding-left: 70px;
	background: #ffffff;
	height: 81px;
	margin-top: 25px;
	border-radius: 5px;
}


.cont i{
	position: absolute;
	background:#8dc641;
	left: 15px;
	width: 80px;
	height: 80px;
	text-align: center;	
	color:#ffffff;
	font-size: 32px;
	padding-top: 25px;
	/*border-radius: 50%;*/
		border-radius: 5px 0 0 5px;

}


.cont p{
	margin-left: 35px;
	color:#696969;
	font-size: 14px;
	margin-top: 0px;
	padding-top: 15px;

}

.form input[type='text']{
	width: 100%;
	height: 40px;
	margin-top: 35px;
	border-radius: 5px;
	border:0;
	border:1px solid #ccc;
	padding-left: 10px;
}

.form input[type='submit']{
	background: #8dc641;
	width: 300px;
	height: 40px;
	margin-top: 35px;
	border-radius: 5px;
	border:0;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 16px;
	
}

.form textarea{
	width: 100%;
	height: 100px;
	margin-top: 35px;
	border-radius: 5px;
	border:0;
	border:1px solid #ccc;
	padding-left: 10px;
}

.button{
	background: #8dc641;
	padding: 15px 25px;
	display: inline-block;
	color:#ffffff;
	margin-top:30px; 
	border-radius: 5px;
	transition: 0.3s;
	font-size: 18px;
}



.button:hover{
	text-decoration: none;
	color: #ffffff;
	margin-left: 20px;
}


.button1{
	background: #8dc641;
	padding: 15px 25px;
	display: inline-block;
	color:#ffffff;
	margin-top:30px; 
	border-radius: 5px;
	transition: 0.3s;
	font-size: 18px;
}

.button1:hover{
	text-decoration: none;
	color: #ffffff;
	
}

.abt{
	
	padding: 25px 15px;
	/*border:1px solid #fe9b00;*/
	border-radius: 5px;
	color:#555;
	letter-spacing: 1px;
	line-height: 25px;
	font-size: 13px;
}

.bg{
	background: url('../images/bg.webp');
}

.bg1{
	background: url('../images/bg2.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left 100px;
	padding-top: 50px;
	padding-bottom:50px;
}

.heading{
	font-weight: bold;
	text-align: center;
	font-family: 'OpenSans-Semibold';
	/*margin-bottom: 50px;*/
	margin-top: 50px;
}

.valid{
	color:#666666;
	font-family: 'OpenSans-Semibold';
	font-size: 20px; 
	text-align: center;
	margin-bottom: 50px;
	text-transform: capitalize;
}

.heading span{
	background: #fe9b00;
	color:#ffffff;
	display: inline-block;

	padding: 12px 30px;
	font-size: 18px;
	border-radius: 0 0 10px 10px;
}

.subhead{
	color:#8dc641;
	font-family: 'OpenSans-Semibold';
	margin-bottom: 30px;
}

.footer{
	margin-top: 100px;
	/*background:#333;*/
	padding: 50px;
	color:#ffffff;

}

.footer .nav li a{
	color:#ffffff;
	letter-spacing: 1px;
}

.footer .nav li a:hover{

	background: none;
}

.footer .info{
	font-size: 13px;
	letter-spacing: 1px;
}

.info p{
	text-align: justify;
}

.faq p{
	letter-spacing: 0.5px;
	line-height: 25px;
	font-size: 13px;
}
.faq i{
	color: #8dc641;
}

.copy{
	background-color: #000;
	color: #ffffff;
	padding: 15px;
	font-size: 13px;
}

.copy .tech{
	text-align: right;
}

.copy a{
	color:#8dc641;
}


.chat{
  background: green;
  color: #ffffff;
border-radius: 25px;
padding-top: 10px;
text-align: center;
margin-bottom: 30px;
}

.chat a{
  color:#ffffff;
  font-size: 17px;
  display: block;
  text-decoration: none;
}

.deals{
	/*background:   #cbfca5 ;*/
}

.offers{
	position: relative;

}
.hot{
	position: absolute;
	right: 11px;
	top:12px;
	width: 60px;
}

.offer{
	border:1px solid #cccccc; /*#8dc641;*/
	padding: 10px;
	border-radius: 5px;
	/*min-height: 338px;*/
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
}

.offer img{
	max-width: 100%;
	height: 235px;
	margin-bottom: 15px;
}
.offer p{font-size: 18px;}

.offer .cur{
	color:#008000;
	font-size:24px;
	font-weight: 'OpenSans-Semibold';
	display: inline-block;
}

.offer .price{
	color: #008000;
	font-size:30px;
	font-weight: bold;
	font-family: 'OpenSans-Semibold';
	display: inline-block;
	margin-right: 15px;
}



@media(max-width: 768px)
{
	.topbar{
		padding-left: 0;
		padding-right: 0;
		font-size: 14px;
	}

	

	.topbar .text-right{
		display: none;
	}

	.navigation .logo{
		width: 100px;
	}

	.navigation .nav li a{
   
  
   padding-top: 10px;
   padding-bottom: 10px;
		}

		.pros{
			margin-top: 30px;
		}

		.cont p{
			margin-left: 15px;
		}

		.bg1{
			background:none;
		}

		.copy{
			text-align: center;
		}

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

@media(max-width: 480px)
{

	.offers {
		padding-left: 5px;
		padding-right: 5px;
	}
	.offer{min-height: 325px;}
	.offer img{
	max-width: 100%;
	height: 145px;
	margin-bottom: 15px;
	}

	.offer .unit{display: block;}

	.hot{
	position: absolute;
	right: 1px;
	top:12px;
	width: 55px;
}
}