/* Fonts */
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Body */
html, body {
	overflow: hidden !important;
	color: #454545 !important;
	font-size: 16px;
}


/* Border Outline */
*, *:hover, *:active, *:focus {
	outline: 0;
	outline-color: #333 !important;
}

/* Content Selected */
::selection {
	color: #00aeff;
	background: #000;
}
::-moz-selection {
	color: #00aeff;
	background: #000;
}

/* Changing Font Family */
h1, h2, h3, h4, h5, h6 {
	font-family: 'OpenSansLight', sans-serif !important;
}

p, b, em, strong, div, body, html, small {
	font-family:'OpenSans', sans-serif !important;
}

	h2.heading {
		color: #6191cc;
		font-size: 50px;
		font-weight: 300;
		margin-bottom: 30px;
	}

	h4.heading {
		color: #8e6f97;
		margin-bottom: 40px;
		font-size: 26px;
		line-height: 38px;
		font-weight: 300;
	}

/* Loading The Website */
#loading {
   background: #111 url('img/loading.gif') no-repeat center center;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 9999999;
}


/**
 * INTRO
**/
header.hero-unit {
	background: #333 url('img/backgrounds/bg-02.jpg') no-repeat top center;
	background-size: cover;
	padding: 0;
	margin: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

	/* Logo / Brand */
	header.hero-unit .brand {
		margin: 0;
		padding: 0;
	}

	header.hero-unit .navbar-brand {
		color: #fff;
		font-size: 30px;
		margin-top: -4px;
	}

		header.hero-unit .navbar-brand i {
			margin-left: 3px;
		}

		header.hero-unit .navbar-brand:hover, header.hero-unit .navbar-brand:focus {
			color: #fff;
		}

		header.hero-unit .navbar-brand:hover > span, header.hero-unit .navbar-brand:focus > span {
			color: #00aeff;
		}

	/* Navbar */
	header.hero-unit .navbar-default {
		background: transparent;
		padding: 30px 0 10px 0;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}

		header.hero-unit .navbar-default .navbar-nav > li {
			margin-left: 4px;
			font-size: 16px;
		}

		header.hero-unit .navbar-default .navbar-nav > li > a {
			color: #fff;
			padding: 10px 15px;
		}

		header.hero-unit .navbar-default .navbar-nav > li > a:hover, header.hero-unit .navbar-default .navbar-nav > li > a:focus {
			background: rgba(0, 0, 0, 0.1);
			/* color: #00aeff; */
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
		}

		/* Active Link */
		.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
			background: rgba(0, 0, 0, 0.3) !important;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
		}

			.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
				color: #fff;
			}


	/* Navbar Fixed */
	.navbar-default.fixed {
		background: #fff !important;
		width: 100%;
		margin: 0;
		padding: 10px 0 0 0 !important;
		position: fixed;
		left: 0;
		z-index: 1020;
		border-bottom: 1px solid #ddd !important;
	}

		/* Logo / Brand Color */
		header.hero-unit .fixed .navbar-brand {
			color: #000;
		}

			header.hero-unit .fixed .navbar-brand > span, header.hero-unit .fixed .navbar-brand > span {
				color: #00aeff !important;
			}

		/* Links Color */
		header.hero-unit .navbar-default.fixed .navbar-nav > li > a {
			color: #666;
			font-weight: 300;
		}

		/* Links Hover */
		header.hero-unit .navbar-default.fixed .navbar-nav > li > a:hover, header.hero-unit .navbar-default.fixed .navbar-nav > li > a:focus {
			background: transparent;
			color: #00aeff !important;
			border-bottom: 2px solid rgba(0, 174, 255, 0.1);
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
			        border-radius: 0;
		}

		/* Active Link */
		.fixed .navbar-nav > .active > a, .fixed .navbar-nav > .active > a:hover, .navbar-default.fixed .navbar-nav > .active > a:focus {
			background: transparent !important;
			color: #00aeff !important;
			border-bottom: 2px solid #00aeff !important;
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
			        border-radius: 0;
		}


	/* Navbar Responsive */
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background: transparent;
	}

	.navbar-default .navbar-toggle {
		background: transparent;
		border-color: #fff;
	}

		.navbar-default .navbar-toggle .icon-bar {
			background-color: #fff;
		}

	/* Navbar Responsive Fixed */
	.navbar-default.fixed .navbar-toggle {
		border-color: #333 !important;
	}

	.navbar-default.fixed .navbar-toggle .icon-bar {
		background-color: #333 !important;
	}

	/* Carousel */
	#introCarousel {
		margin: 5% 20px 0 20px;
		position: relative;
		color: #fff;
		text-shadow: 1px 1px 0px #000;
	}

	#introCarousel .carousel-control {
		width: auto;
		height: auto;
		padding:0;
		margin:0;
		border: none;
		color: #000;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}


	#introCarousel .carousel-control:hover, #introCarousel .carousel-control:focus {
		color: #00aeff;
	}

		#introCarousel h2 {
			letter-spacing: -1px;
			font-size: 55px;
			font-family: 'OpenSansLight' !important;
			text-shadow: 0px 1px 1px #777;
		}

		#introCarousel h4 {
			background: rgba(0, 0, 0, 0.2);
			font-size: 22px;
			color: #fff;
			display: inline-block;
			padding: 10px 40px;
			font-weight: 400;
		}

	/* Button - Click Here */
	header.hero-unit .btn-primary {
		background: rgba(0, 0, 0, 0.2);
		width: 300px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		display: block;
		padding: 10px 0;
		color: #fff;
		font-weight: 300;
		font-size: 18px;
		position: absolute;
		bottom: 50px;
		left: 50%;
		margin: 0 0 0 -150px;
		text-transform: uppercase;
	}

		header.hero-unit .btn-primary i {
			margin-right: 20px;
		}



/**
 * FEATURES
**/
#features {
	padding: 40px 0 70px;
	position: relative;
	z-index: 10;
}

	#features .row .item {
margin-bottom: 20px;
	}

	#features .row .item h4 {
		font-size: 25px;
		color: #1b7ad2;
		margin-bottom: 22px;
	}

	#features .row .item p {
		font-size: 15px;
		color: #595959;
		line-height: 24px;
	}

/**
 * ABOUT
**/
#about {padding-bottom: 50px;}
#about .jumbotron {background: #fff; padding: 70px 0 40px 0;}

	/* Title - Icon */
	#about h2 {
		font-size: 45px;
		font-weight: 400;
		margin: 30px 0 30px 30px;
	}

	#about p {
		font-size: 16px;
        line-height: 26px;
		margin-left: 30px;
		margin-bottom: 20px;
	}


/**
 * CONTACT FORM
**/
#contact {padding: 70px 0 110px;}

	/* Form */
	#contact form label {
		color: #444;
		font-weight: 300;
	}

	#contact input[type=submit] {
		width: 100%;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}



/**
 * TESTIMONIALS
**/
#testimonials {
	background: url('img/backgrounds/bg-blur-1.jpg') repeat;
	background-position: center 600px;
	margin: 30px 0 0;
	padding: 20px 0 100px 0;
	color: #fff;
}

#testimonials h2.heading, #testimonials h4.heading {
	color: #fff;
}

	/* Carousel */
	#testimonials .item p {
		background: rgba(0, 0, 0, 0.3);
		margin: 0;
		padding: 30px;
		border-top: 4px solid #00aeff;
	}

		/* Triangle */
		#testimonials span {
			width: 0px;
			height: 0px;
			display: block;
			margin: 0 auto;
			border-style: solid;
			border-width: 20px 20px 0 20px;
			border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
		}

	#testimonials .item .img {
		margin-top: 40px;
		padding: 4px;
		border: 3px inset #fff;
		display: inline-block;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	#testimonials .item .img img {
		margin: 0 auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	#testimonials .item h5 {
		font-weight: 700;
		font-size: 18px;
		letter-spacing: 2px;
	}

	#testimonials .carousel-indicators {
		position: relative;
		bottom: auto;
		margin-top: 20px;
	}



/**
 * FOOTER
**/
footer {
	background: #222;
	padding: 20px;
	color: #999;
	font-size: 13px;
}

	footer nav a {
		color: #00aeff;
		font-size: 13px;
		line-height: 15px;
		margin-left: 20px;
	}

	footer nav a:hover, footer nav a:focus {
		color: #00aeff;
	}



/**
 * OTHERS
**/
.btn-float .go-top, .btn-float .buy-item {
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	padding: 10px 15px;
	position: fixed;
	font-size: 20px;
	display: none;
	cursor: pointer;
	z-index: 9999;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: 0.5s;
}

	.btn-float div:hover {
		background: rgba(0, 0, 0, 0.4);
	}

.go-top {
	right: 20px;
	bottom: 20px;
}