@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body{
	overflow-x: hidden;
}

div.top-bar{
	background: #1fa149;
	color: white;
	font-weight: bold;
	padding: 10px 0 10px 0;
	border-bottom: 3px solid #87c540;
}

div.top-bar a{
	color: #FFF;
	margin: 0 10px 0 10px;
}

div.top-bar a:hover{
	color: #ff8a00;
}

/* Header */

div.header{
	background: #1e1a66;
	border-bottom: 3px solid #090634;
}

nav.header-navbar{
	background: none;
	border: none;
	box-shadow: none;
	margin-top: 30px;
}

div#navbar > ul.nav > li > a{
	color: #FFF;
}

div#navbar > ul.nav > li > a:hover{
	background: #1fa149;
	border-bottom: 5px solid #46ff82;
}

div#navbar > ul.nav > li.active a{
	background: #1fa149;
	border-bottom: 5px solid #46ff82;
}

/* Slider */

.carousel-inner{
	background:  url('../img/slider/slider_bg_2.jpg');
}

.carousel-inner > .item > img {
	min-height: 200px;
    margin: 0 auto;
}

.carousel-indicators {
	bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.carousel .item {
	min-height: 200px; 
	height: 100%;
	width:100%; 
}
.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
	background-color: #1fa149;
}
.carousel-caption h3 {
	padding: .5em;
}
.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	text-align: center;
	
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em; 
}

/* Gallery */

.gallery-image{
	height: 240px;
	width: 360px;
}

/* Animation delays */
.carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

/* Content */

.fa-shopping-cart, .fa-globe, .fa-pagelines{
	background-color: #1fa149;
}

.container h1{
	color: #1fa149;
	font-family: 'Kaushan Script', cursive;
	margin: 25px 0 25px 0;
}

.info-container h3{
	text-transform: uppercase;
}

/* VISION */

.vision{
	margin: 80px 0 50px 0;
}

.vision-item{
	background: #30355d;
	color: white;
	margin: 0 0 30px 0;
	padding: 10px 0 10px 0;
	border-bottom: 10px solid #5d66b0;
}

.vision-item h3{
	color: #00c6ff;
	margin: 20px 0 40px 0;
}

.divider {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .30);
	margin-bottom: 20px;
	margin-top: 20px; 
}

.divider2{
	border-bottom: 1px solid rgba(0, 0, 0, .16);
}
/* FAQ */

.faq{
	margin: 0 0 20px 0;
}

.faq .panel-heading{
	background: #30355d;
	color: white;
	text-transform: uppercase;
}

.faq .panel-heading:hover{
	background: #5d66b0;
}

.faq .panel-title:hover{
	cursor: pointer;
}

 @media (max-width: 768px) {
  .text-xs-center, .text-right{
          text-align: center;
   } 
}

/* Footer */

div.footer{
	background: #120F47;
	color: white;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #5d66b0;
	border-top: 10px solid #5d66b0;
}

div.footer h3{
	font-family: 'Kaushan Script', cursive;
	margin: 15px 0 15px 0;
}

div.footer i{
	margin: 10px 0 10px 0;
}

/* Bottom */
div.bottom-bar{
	background: #04021C;	
	color: white;
	padding: 10px 0 10px 0;
}

/* Body */

.body-container{
	font-size: 15px;
	line-height: 1.5em;
	text-align: justify;
	padding: 0 0 20px 0;
	font-family: 'Roboto Condensed', sans-serif;
}

.body-container .breadcrumb{
	background: none;
}

.body-container-title h1, .body-container-title h2{
	margin: 0 0 20px 0;
}

.body-container-title h2{
	color: #1fa149;
	font-family: 'Kaushan Script', cursive;
	margin: 25px 0 25px 0;
	font-size: 25px;
}

/* About-us */

.about-us img{
	margin: 0 20px 0 0;
}

/* All */

.top-buffer { margin-top:20px; }
.btn.sharp {
  border-radius:0;
}

/* Hover */
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
color: white;
top:0;
left:0;
opacity:0;
padding: 10px;
box-sizing: border-box;
background-color:rgba(0,0,0,0.8);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
cursor: pointer;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);

cursor: pointer;
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;

cursor: pointer;
}
.overlay span{
	font-size: 25px;
}