html {
	background:#575756;
}
html,
body {
	/*overflow-x: hidden;*/
}
body {
	background:#fff;
	padding-top: 81px;
	font-family:"Open Sans";
	font-weight:300;
	font-size:15px;
	padding-top:130px;
	color:#646464;
	padding-right:0 !important;
}
@media (max-width: 767px) {
	body {
		font-size:14px;
	}
}
h3 a {
	color:inherit !important;
}
h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;
	font-weight:400;
	font-family:"Montserrat";
}
h3 {
	font-size:18px;
}
h3:first-child, 
h4:first-child, 
h5:first-child {
	margin-top:0;
}
img {
	max-width:100%;
}
.container {
	max-width:1080px;
}

/* Navbar */

.navbar {
	margin:0;
	min-height:130px;
	border-bottom:1px solid #d9d9d9;
	background:#fff;
	box-shadow:0 0.05rem 1rem rgba(0, 0, 0, 0.15);
}
.navbar-brand {
	float:none;
	display:inline-block;
	padding-top:25px;
}
.navbar-nav {
	clear:right;
	margin-top:5px;
}
.navbar-nav > li > a {
	font-size:15px;
	color:#646464;
	padding:0 0 0 10px;
	background:none !important;
}
.navbar-nav > li > a:hover {
	text-decoration:underline;
}
.navbar-nav > li.active > a {
	font-weight:bold;
}
.navbar .socials {
	float:right;
	white-space:nowrap;
	margin-top:11px;
}
.navbar .socials a {
	display:inline-block;
	height:25px;
	background:url("../images/socials.png") no-repeat;
}
.navbar .socials a.youtube {
	width:37px;
}
.navbar .socials a.linkedin {
	width:25px;
	background-position: -41px 0;
}
.navbar-toggle {
	border-color:#d9d9d9;
	margin-top:14px;
}
.navbar-toggle .icon-bar {
	background:#d9d9d9;
}
.navbar .intro {
	background:#bebebe;
	color:#fff;
	text-align:center;
	font-size:15px;
	padding:5px 0;
}
body.scrolled {
	padding-top:100px;
}
body.scrolled .navbar {
	min-height:100px;
}
body.scrolled .navbar .intro {
	display:none;
}
@media (max-width: 767px) {
	body {
		padding-top:60px !important;
	}
	.navbar {
		min-height:60px !important;
	}
	.navbar-brand {
		padding-left:10px;
		padding-top:15px;
	}
	.navbar-brand img {
		max-width:80px;
	}
	.navbar-nav {
		float:none !important;
		margin:30px 0;
	}
	.navbar-nav > li > a {
		font-size:17px;
		text-align:center;
		padding:5px 0;
	}
}

/* Promo panels */

.promo {
	padding:20px 0 25px 0;
	background:#367a7a;
	color:#b9d9d8;
	font-size:15px;
}
.promo .row > div:last-child {
	border-left:1px solid #b9d9d8;
	padding-bottom:20px;
	padding-top:20px;
}
.promo h3 {
	color:#fff;
	margin:0 0 15px 0;
}
.promo a {
	color:#fff;
}
@media (max-width: 767px) {
	.promo .text-right {
		text-align:center;
	}
	.promo .row > div:last-child {
		border:0;
	}
}

.promo2 {
	padding:20px 0;
	background:#fff;
	font-size:16px;
}
.promo2 .container > .row {
	display:table;
	height:100%;
}
.promo2 .container > .row > div {
	display:table-cell;
	float:none;
	vertical-align: top;
	height:100%;
}
.promo2 span {
	display:block;
}
.promo2 .row .row {
	display:block;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding:15px 0;
	margin:0;
	height:100%;
	color:inherit !important;
}
.promo2 h3 {
	margin:0 0 15px 0;
}
.promo2 img {
	border:1px solid #d9d9d9;
}
.promo2 .img {
	text-align:center;
}
.promo2 .text {
	padding-left:0;
}
@media (max-width: 767px) {
	.promo2 {
		text-align:center;
	}
	.promo2 .img {
		margin-bottom:15px;
	}
}
@media (max-width: 400px) {
	.promo2 .container > .row > div {
		display:block;
		margin-top:-1px;
	}
}

.promo-feedback {
	background:#f5f5f5;
	text-align:center;
	padding:20px 10px 15px 10px;
	font-size:16px;
}
.promo-feedback h3 {
	margin:0 0 15px 0;
}
.promo-feedback a {
	font-weight:400;
	color:inherit;
}

/* Title */

.container.title {
	text-align:center;
	padding:35px 10px 15px 10px;
	font-size:16px;
}
.container.title h1 {
	font-size:20px;
	margin:0 auto 5px auto;
}
.container.title h1 span {
	font-weight:300;
}
.container.title p {
	margin:0 auto 10px auto;
}
.container.title h1,
.container.title p {
	max-width:684px;
}
@media (max-width: 767px) {
	.container.title {
		font-size:14px;
	}
	.container.title h1 {
		font-size:16px;
	}
}

/* Footer */

footer {
	padding: 40px 0;
	background:#575756;
	color:#aaaaaa;
	font-size:14px;
	text-align:center;
}
footer a {
	color:inherit !important;
}
footer ul {
	list-style:none;
	padding:0;
	margin:20px 0;
}
footer li {
	display:inline-block;
	border-left:1px solid #fff;
}
footer li:first-child { border-left:0; }
footer li a {
	display:inline-block;
	color:#fff !important;
	font-family:Montserrat;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	padding:0 10px;
	line-height:16px;
}
footer li a:hover { text-decoration:underline; color:#eee; }
@media (max-width: 767px) {
	footer li {
		display:block;
		margin-bottom:15px;
		border:0;
	}
}

/* Homepage */

.homepage {
	padding:0;
	position:relative;
}
.homepage .bg {
	background:url("../images/homepage.jpg") top center;
	background-size:100% auto;
	height:524px;
	height:43vw;
	max-height:745px;
}
.homepage .container {
	padding:0;
}
.homepage section {
	position:absolute;
	top:0;
	background-color: rgba(0, 0, 0, 0.3);
	padding:35px 20px;
	color:#fff;
	width:360px;
	text-align:center;
	font-size:18px;
	margin-left:100px;
}
.homepage section h3 {
	color:#fff;
	margin:0 0 15px 0;
}
.homepage section a {
	text-transform:uppercase;
	display:inline-block;
	padding:2px 20px;
	color:#fff;
	margin-top:10px;
	border:1px solid #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.homepage section a:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
@media (min-width: 768px) and (max-width: 991px) {
	.homepage section {
		margin-left:15px;
	}
}
@media (max-width: 767px) {
	.homepage .bg {
		height:46vw;
	}
	.homepage section {
		width:inherit;
		margin:20px;
		font-size:14px;
		position:static;
		margin:0;
	}
}

/* Feedback */

section.feedback {
	background:#f5f5f5;
	font-size:14px;
	padding:35px 0 25px 0;
}
section.feedback h3 {
	font-size:16px;
	margin:0 0 15px 0;
}

section.feedback > div > div > div  {
	border-left:1px solid #bebebe;
	margin-bottom:35px;
}
@media (min-width: 992px) {
	section.feedback > div > div > div:nth-child(3n+1)  {
		border:0;
		clear:both;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	section.feedback > div > div > div:nth-child(2n+1)  {
		border:0;
		clear:both;
	}
}
@media (max-width: 767px) {
	section.feedback > div > div > div  {
		border:0;
	}
}

/* About */

section.about img {
	margin-bottom:20px;
}
@media (max-width: 767px) {
	section.about .image {
		text-align:center;
	}
}

/* Services */

section.services {
}
section.services h3 {
	margin:0 0 15px 0;
}

/* Nickflix */

section.nickflix {
	background:#f5f5f5;
	padding:35px 0 15px 0;
	font-size:14px;
}
section.nickflix h3 {
	margin:0 0 15px 0;
	font-weight:400;
	text-align:center;
}
section.nickflix a {
	display:block;
	width:100%;
	background:#fff;
	padding:12px;
	color:inherit;
}
section.nickflix a span {
	display:block;
	margin:-12px -12px 12px -12px;
}
section.nickflix a img {
	width:100%;
}

section.nickflix .row > div {
	margin-bottom:25px;
}
@media (min-width: 1200px) {
	section.nickflix .row > div:nth-child(6n+1)  { clear:both; }
}
@media (min-width: 992px) and (max-width: 1119px) {
	section.nickflix .row > div:nth-child(4n+1)  { clear:both; }
}
@media (min-width: 768px) and (max-width: 991px) {
	section.nickflix .row > div:nth-child(2n+1)  { clear:both; }
}
@media (max-width: 767px) {
	section.nickflix {
		font-size:14px;
	}
}

/* Ekko lightbox */

.ekko-lightbox.modal .modal-header {
	padding:0;
	border:0;
	position:relative;
}
.ekko-lightbox.modal .modal-title {
	display:none;
}
.ekko-lightbox.modal .modal-content {
	border-radius:0;
}
.ekko-lightbox.modal .modal-body {
	padding:0;
}
.ekko-lightbox.modal button.close {
	background:url("../images/close.png");
	width:27px;
	height:27px;
	position:absolute;
	top:-35px;
	right:0;
	z-index:2000;
	filter: alpha(opacity=100);
	opacity: 1;
}
.ekko-lightbox.modal button.close span {
	display:none;
}
.modal-backdrop.in {
	filter: alpha(opacity=80);
	opacity: .8;
}

/* Courses */

section.courses > div {
	padding-top:50px !important;
	padding-bottom:50px !important;
}
section.courses .row > div {
	padding:0;
}
section.courses .row a {
	text-decoration:none !important;
}
section.courses .row span {
	color:#646464;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	display:block;
	height:115px;
	padding:20px;
	background:#fff;
}
section.courses .row > div:nth-child(2n) span {
	background:#ebebeb;
}
section.courses .row img {
	width:100%;
	display:block;
}
section.courses .row a:hover img {
	filter: alpha(opacity=80);
	opacity: .8;
}
@media (max-width: 767px) {
	section.courses.overlay {
		background-size:100% auto;
	}
	section.courses > div {
		padding-top:160px !important;
		padding-bottom:0 !important;
	}
}

/* Course */

section.course {
	background:url("../images/homepage.jpg") top center;
	background-size:100% auto;
	position:relative;
	padding-top:35px;
	padding-bottom:30px;
	font-size:16px;
	color:#fff;
}
section.course:before,
section.course > div:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
}
section.course:before {
	left:0;
	width:50%;
	background-color: rgba(80, 80, 80, 0.9);
}
section.course > div:before {
	right:0;
	width:50%;
	
}
section.course.color1 > div:before { background-color: rgba(199, 136, 43, 0.9); }
section.course.color2 > div:before { background-color: rgba(131, 74, 138, 0.9); }
section.course.color3 > div:before { background-color: rgba(62, 126, 66, 0.9); }
section.course.color4 > div:before { background-color: rgba(42, 118, 168, 0.9); }

section.course .row > div:first-child { padding-right:30px; }
section.course .row > div:last-child { padding-left:30px; }
@media (max-width: 767px) {
	section.course {
		background-size:auto 100%;
		padding:0;
	}
	section.course:before,
	section.course > div:before {
		display:none;
	}
	section.course .row > div:first-child { padding-right:15px; }
	section.course .row > div:last-child { padding-left:15px; }
	
	section.course .row > div {
		position:relative;
	}
	section.course .row > div {
		padding-top:30px;
		padding-bottom:30px;
	}
	section.course.color1 .row > div { background-color: rgba(199, 136, 43, 0.9); }
	section.course.color2 .row > div { background-color: rgba(131, 74, 138, 0.9); }
	section.course.color3 .row > div { background-color: rgba(62, 126, 66, 0.9); }
	section.course.color4 .row > div { background-color: rgba(42, 118, 168, 0.9); }

	section.course .row > div:first-child {
		background-color: rgba(80, 80, 80, 0.9);
	}
}

/* Reading */

section.reading {
	background:#F5F5F5;
	padding:35px 0 25px 0;
}
section.reading .download {
	text-align:right;
	margin-bottom:20px;
}
@media (max-width: 767px) {
	section.reading .download {
		text-align:center;
	}
}

/* Contact */

section.contact {
	border-top:1px solid #d9d9d9;
	padding:35px 0 60px;
	text-align:center;
}
section.contact input,
section.contact textarea {
	display:block;
	width:100%;
	padding:3px 20px;
	border:2px solid #b1b1b1;
	margin:0 0 7px;
}
section.contact button {
	margin-top:10px;
}


/* Misc */

section.overlay {
	background:url("../images/homepage.jpg") top center;
	background-size:100% auto;
}
section.overlay > div {
	background-color: rgba(80, 80, 80, 0.8);
	padding:35px 0 25px 0;
	color:#fff;
	font-size:16px;
}
@media (max-width: 767px) {
	section.overlay {
		background-size:auto 100%;
	}
}

a.btn-rgt {
	display:inline-block;
	padding:2px 20px;
	color:#fff;
	margin-top:10px;
	border:1px solid #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
a.btn-rgt:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
a.btn-rgt.btn-black {
	color:#333;
	border-color:#333;
}
a.btn-rgt.btn-black:hover {
	color:#fff;
	background:#333;
}

.btn-dark {
	background:#6e6e6e;
	color:#fff !important;
	padding-left:25px;
	padding-right:25px;
}

::-webkit-input-placeholder { color: #c6c6c6; }
::-moz-placeholder { color: #c6c6c6; }
:-ms-input-placeholder { color: #c6c6c6; }
:-moz-placeholder { color: #c6c6c6; }

/* Equal heights */

.row-flex,
.row-flex > div[class*='col-'] {  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex:	1 1 auto;
	-ms-flex:		1 1 auto;
	flex:			1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	align-content: flex-start;
	
	-webkit-flex:	0;
	-ms-flex:		0;
	flex:			0;
}

.row-flex > div[class*='col-'],
.container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,
.row-flex > div[class*='col-'] div {
	width:100%;
}

.flex-col {
	display: flex;
	display: -webkit-flex;
	flex-flow: column nowrap;

	-webkit-flex:	1 100%;
	-ms-flex:		1 100%;
	flex:			1 100%;
}

.flex-grow {
	display: flex;
	
	-webkit-flex: 	2;
	-ms-flex: 		2;
	flex: 			2;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1119px) {
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
}