@import url('https://fonts.googleapis.com/css?family=BioRhyme:400,700,800&display=swap');
hr
{
	display: block; 
	height: 1px;
    border: 0; 
	border-top: 1px solid #ccc;
    margin: 1em 0; 
	padding: 0; 
}
nav ul li.active {
background:none!important;
}
.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../img/logo-loader.png');
   background-repeat: no-repeat; 
   background-color: #1f8252;
   background-position: center;
}
.brand-logo
{
margin-top:10px;	
}
nav ul li a {
font-family: 'BioRhyme', serif;
font-size:18px;
font-weight:700;
color:#333;
background-color:none!important;
text-shadow: 2px 2px #fff;
}
nav ul li a:hover
{
border-bottom:3px solid #ffbd0c;
}

/**********background-cover*****/
.bg-cover
{
background: url('../img/background.jpg') 10% 98% no-repeat; 
background-color:#ffdd23; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
margin-top:-65px;
}
.bg-cover-mob
{
background: url('../img/background.jpg') 10% 98% no-repeat; 
background-color:#ffdd23; 
width: auto;
background-size: cover;	
height:auto;
padding:20px;
margin-top:-65px;
}
.bg-cover1
{
background-color:#25935e; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
}
.bg-cover2
{
background: url('../img/spices1.jpg') 90% 10% no-repeat; 
background-color:#e7e7e7; 
width: auto;
background-size: cover;	
height:auto;
padding:30px;
}
.bg-cover3
{
background: url('../img/cover-6.jpg') 10% 10% no-repeat; 
background-color:#75b5b5; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
}
.bg-cover4
{
background: url('../img/white-bg.jpg') 10% 40% no-repeat; 
background-color:#75b5b5; 
width: auto;
background-size: cover;	
height:auto;
padding:50px;
}
.bg-cover5
{
background: url('../img/closed-white-paint.jpg') 20% 77% no-repeat; 
background-color:#75b5b5; 
width: auto;
background-size: cover;	
height:auto;
padding:20px;
}
.bg-cover5-mob
{
background: url('../img/wall.jpg') 10% 40% no-repeat; 
background-color:#75b5b5; 
width: auto;
background-size: cover;	
height:auto;
padding:20px;
}
.bg-cover6
{ 
background-color:#f05050; 
width: auto;
background-size: cover;	
height:auto;
padding:5px;
}
.text-shadow
{
text-shadow: 3px 3px #333;
}
.text-shadow-white
{
text-shadow: 3px 3px #fff;
}
.footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.page-footer
{
background-color:#25935e!important;
}
.icon-footer
{
font-size:20px;
}
/**********typography*******/
.heading-main
{
font-family: 'BioRhyme', serif;
font-size:30px;
font-weight:800;
line-height:30px;
}
.g-text
{
font-family: 'BioRhyme', serif;
font-size:16px;
font-weight:400;
line-height:25px;
}
.sub-heading
{
font-family: 'BioRhyme', serif;
font-size:16px;
font-weight:700;
line-height:25px;
}
.g-text-small
{
font-family: 'BioRhyme', serif;
font-size:14px;
font-weight:400;
line-height:25px;
}
.justify-text
{
text-align: justify;
text-justify: inter-word;
}
/*******button*******/
.button-center
{
text-align:center;
display:block;
}
.button-general
{
font-family: 'BioRhyme', serif;
color:#fff;	
background:#ff9b0b;
box-shadow:none;
font-size:13px;
border:1px solid #ff9b0b;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
-webkit-box-shadow: 6px 6px 0px 0px rgba(48,48,48,1);
-moz-box-shadow: 6px 6px 0px 0px rgba(48,48,48,1);
box-shadow: 6px 6px 0px 0px rgba(48,48,48,1);
}
.button-general:hover, .button-general:focus
{
color:#ff9b0b;
background:#333;	
-webkit-box-shadow: 6px 6px 0px 0px rgba(255,155,11,1);
-moz-box-shadow: 6px 6px 0px 0px rgba(255,155,11,1);
box-shadow: 6px 6px 0px 0px rgba(255,155,11,1);
}
/**********image**********/
.image-center
{
display:block;
}
.image-center img
{
display:block;
margin-left:auto;
margin-right:auto;
}
/*********colors************/
.brown-bg
{
color:#693e21;
}
.red-bg-navbar
{
background-color:#da1a1a;
}
.white-bg
{
color:#fff;
}
.grey-bg
{
color:#333;
}
.icon-yellow
{
color:#fff600;	
text-shadow: 4px 4px #333;
}
.yellow-bg
{
color:#ffdd23;
}
.light-bg-normal
{
color:#888888;
}
/*********Third party*****/
.sidebar-box {
  max-height: 320px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, #25935e);
}
/*********helper classes**********/
.text-center
{
text-align:center;	
}
.text-right
{
text-align:right;	
}
.margin-xll
{
margin-top:130px;
}
.margin-xl
{
margin-top:80px;
}
.margin-lg
{
margin-top:50px;
}
.margin-md
{
margin-top:40px;
}
.margin-sm
{
margin-top:20px;
}
.margin-xs
{
margin-top:10px;
}
.margin-inverse
{
margin-top:-25px;	
}
.margin-inverse-sm
{
margin-top:-20px;	
}
.margin-xll-bottom
{
margin-bottom:250px;
}
.margin-lg-bottom
{
margin-bottom:80px;
}
.margin-sm-bottom
{
margin-bottom:30px;
}
.tabs
{
background:none!important;
}
.tabs .indicator {
background-color:#ffdd23!important;
  white-space: normal!important;
  overflow-y:visible!important;
overflow-x:visible!important;
bottom:-10px!important;
display:inline-block!important;
}
.tabs .tab a.active {
background-color: #333!important;
  overflow-y:visible!important;
overflow-x:visible!important;
}
ul.tabs
{
overflow-y:visible!important;
overflow-x:visible!important;
}
.tabs .tab a:hover {
  color: #ffdd23!important;
}

.tabs .tab a {
  color: #ffdd23!important;
  font-weight:700;
  font-family: 'Roboto', sans-serif;
  letter-spacing:0.8px;
  font-family: 'BioRhyme', serif;
  font-size:18px;
}
.card-custom
{
background:#f9f9f9!important;
border:5px solid #f1f1f1;
-webkit-box-shadow: 10px 10px 0px 2px rgba(69,69,69,1)!important;
-moz-box-shadow: 10px 10px 0px 2px rgba(69,69,69,1)!important;
box-shadow: 10px 10px 0px 2px rgba(69,69,69,1)!important;
}
.card-custom:hover
{
background:#FFF!important;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
-moz-box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
}
.card-image
{
background:#1f8252;
padding:10px;
-webkit-box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
-moz-box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
}
.card-image-mobile
{
background:#1f8252;
padding:10px;
-webkit-box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
-moz-box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
box-shadow: 10px 10px 0px 0px rgba(255,217,0,1)!important;
}
.card-shadow
{
-webkit-box-shadow: inset 200px 200px 0px -52px rgba(0,0,0,0.29);
-moz-box-shadow: inset 200px 200px 0px -52px rgba(0,0,0,0.29);
box-shadow: inset 200px 200px 0px -52px rgba(0,0,0,0.29);
}
.expand-more {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.expand-more:hover, .expand-more:focus, .expand-more:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/**********mobile*********/
@media only screen and (max-width: 600px) {
	.heading-main
	{
	font-size:25px;
	}
	.g-text
	{
	font-size:13px;
	}
	.g-text-small
	{
	font-size:12px;
	}
	.sub-heading
	{
	font-size:13px;
	}
	.bg-text-red
	{
	font-size:18px;
	}
	.bg-text-red-dark
	{
	font-size:18px;
	}
	.button-general
	{
	font-size:11px;
	}
	.button-general-black
	{
	font-size:11px;	
	}
	.bg-cover
	{
	padding:20px;
	}
	.bg-cover-mob
	{
	padding:20px;
	}
	.bg-cover1
	{
	padding:20px;
	}
	.bg-cover2
	{
	padding:20px;
	}
	.bg-cover3
	{
	padding:20px;
	}
	.bg-cover4
	{
	padding:20px;
	}
}