body {
	background-color:#f5f5f5;
	color:#000;
	font-family: 'Open Sans', sans-serif;
}
a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.section-title {
	margin-bottom: 40px;
	border-bottom: 1px solid #ece9e9;
	padding-bottom: 25px;
	color: #333;
}

.section-title i {
	color:#00BCFF;
}
#all-demo {
	padding:80px 0 50px;
}
#main-content {
	overflow:hidden;
}
.demo {
    max-width: 500px;
    margin: 0 auto 40px;
    position: relative;
}
.demo a {
    display: block;
    position: relative;
}

.demo-content {
	position:relative;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.demo:hover .demo-content:after{
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.demo img {
    display: block;
    -webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom:1px solid #ddd;
}

.demo:hover img {
    opacity: 0.8;
	border-color:#d5d5d5;
}

.demo .demo-link {
    font-size: 17px;
    width: 200px;
    display: block;
    background-color:rgba(141, 198, 63, 0.90);
	padding:12px 30px;
    color: #ffffff;
    line-height: 25px;
	border-radius:4px;
    text-align: center;	
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -30px;
    z-index: 1;
	text-decoration:none;
    opacity:0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.demo:hover .demo-link{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
	background-color:rgba(141, 198, 63, 100);
}

.demo:hover .demo-link:hover {
	background-color:rgba(141, 198, 63, 0.90);
}

.demo .demo-link.builder {
	margin-top:-20px;
	 -webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	transition: all 0.3s ease-in-out 0.2s;
}

@-webkit-keyframes bg-animation {
     0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}
@keyframes bg-animation {
    0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}	
	100% {
		-webkit-transform: scale(1, 1);
	}
}
@-webkit-keyframes drop	{
	0%   { top:5px;opacity: 0;}
	30% { top:10px;opacity: 1;}
	100% { top:25px;opacity: 0;}
}
	
@keyframes drop	{
	0%   { top:5px;opacity: 0;}
	30% { top:10px;opacity: 1;}
	100% { top:25px;opacity: 0;}
}

.demo h3 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    background-color: #F9F9F9;
    padding: 15px 25px;
    margin-top: 10px;
	margin-bottom:50px;
    color:#666;
	border-bottom:1px solid #ddd;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.demo:hover h3 {
	color:#000;
}

.bottom-section {
	background-image:url(images/f-bg.jpg);
	background-size:cover;
	height:300px;	
	background-attachment: initial!important;
    -webkit-animation-name: bg-animation;
    animation-name: bg-animation;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
}

.btn-primary {
	background-color:transparent;
	color: #fff;
	border-radius: 0;
	border:1px solid #fff;
	padding: 10px 30px;
	font-size: 20px;
	text-transform: uppercase;
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom:75px
}

.btn-primary:hover, .btn-primary:focus {
	background-color:#fff;
	font-weight:500;
	border:1px solid #fff;
	color:#000;
}

.footer-top {
	background:url(../images/footer-bg.jpg);
	background-size:cover;
	position:relative;
	background-color:#B0153D;
}

.footer-top .container {
	position:relative;
	z-index:10;
	color:#fff;
}

.footer-top h1{
	font-size: 50px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	margin-top: 70px;
	margin-bottom: 25px;
}

.footer-top h2{
	font-size:26px;
}

.footer-top h1 span, 
.footer-top h2 span {
	font-weight:800;
	text-transform:initial;
}

.footer-top a.btn-primary {
	color:#fff;
	font-weight:700;
	background-color:rgba(0, 0, 0, 0.45);
	border:0;
	margin-top:35px;
	padding:10px 45px;
}

.footer-top a.btn-primary:hover, 
.footer-top a.btn-primary:focus {
	background-color:rgba(0, 0, 0, 0.70);
	color:#fff;
}

.footer-bottom {
	padding:30px 0 15px;
	background-color:#000;
	color:#fff;
}

.footer-bottom a {
	color:#9F293F;
	font-weight:700;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}



.section .home-section {
	height:650px;	
	background-color:#4A727A;
	background-image:url(../images/slider-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	padding-top:105px;
	overflow:hidden;
}

.section .home-section img {
	display:inline-block;
}

#home-carousel .carousel-caption {
	bottom:50px;
}

.section .home-section {
	font-weight:300;
	font-size:14px;
}

.section .home-section p{
	letter-spacing:1.2px;
}

.section .home-section h1 {
	font-size: 25px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 35px;
	margin-top:30px;
	font-family: 'Raleway', sans-serif;
}
.section .home-section h2  {
    font-size: 18px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:55px;
}

.section .home-section h2 a.btn-primary {
	font-size: 16px;
	text-decoration:none;
	color:#fff;
	 background-color:rgba(141, 198, 63, 100);
	font-weight:600;
	border:0;
}

.section .home-section h2 a.btn-primary:hover, 
.section .home-section h2 a.btn-primary:focus {
	color:#fff;
	 background-color:rgba(141, 198, 63, 0.90);
}

.section .home-section a {
	font-size:36px;
	color:#fff
}

.section .home-section a i{
	-webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: drop;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

.section .home-section span {
	font-weight:700;
}

.section .home-section .btn-primary:hover, 
.section .home-section .btn-primary:focus {
	color:#00BCFF;
}

.navbar-fixed-top {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#main-menu {
	padding-left: 0;
    padding-right: 0;
}
.navbar {
	background-color:#fff;
	margin-bottom:0;
	border:0;
}

.navbar-nav>li>a {
    line-height: 30px;
    color: #000;
    font-weight: 500;
}

.nav>li>a:hover{
	background-color:#f5f5f5;
	
}

.nav>li>a:focus {
	background-color:transparent;
}

.navbar-nav li.active a {
	font-weight:700;
}

.navbar-brand>img {
	margin-top:-3px;
}