@import url('../fonts/font-awesome.css');
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900,900italic);
 @viewport {
width: device-width;
}
 @-o-viewport {
width: device-width;
}
 @-ms-viewport {
width: device-width;
}
 @-moz-viewport {
width: device-width;
}
 @-webkit-viewport { 
width:device-width; 
}
html {
	height: 100%;
}

.hide-mask {
	display: none;
}

a:focus {
	outline: none;
}
.no-padding {
	padding: 0;
}
body {
	background:#fff;/* #646569;*/
	font-family: 'Lato', sans-serif;
	min-height: 100%;
	height: 100%;
}
body.inner-page .container.theme-showcase {
	max-width: 100%;
	width: 100%;
	position: relative;
	top: 0%;
}
img {
	max-width: 100%;
}
.img-responsive {
	display: inline-block;
}
.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}
.theme-showcase p .btn {
	margin: 5px 0;
}
.theme-showcase .navbar .container {
	width: auto;
}
.navbar-header {
	width: 100%;
}
.navbar-inverse {
	background: #646569;
	background-repeat: repeat-x;
	border: none;
	padding: 15px 0 0;
	min-height: 24px;
	z-index: 102 !important;
}
.navbar-inverse .navbar-nav {
	width: 100%;
	text-align: center;
}
.navbar-nav li {
	float: none;
	display: block;
	margin: 0 0 0 -3px;
}
.navbar-inverse .navbar-nav li a {
	color: #fff;
	text-shadow: none;
	font-size: 14px;
	padding: 5px 10px 5px 11px;
	border-left: #fff solid 1px;
}
.navbar-inverse .navbar-nav li:first-child a {
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: none !important;
}
.navbar-inverse .navbar-nav .open a, .navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav li a:hover {
	background: #00a996;
	box-shadow: none;
}
.navbar-inverse.navbar ul li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	background: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	width: 99.5%;
	z-index: 99999;
	margin-left: 1px;
}
.navbar-inverse.navbar ul li:hover ul {
	display: block;
}
.navbar-inverse.navbar ul li ul li a {
	text-align: left;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 8px 5px;
	background: #646569;
	display: block;
	font-size: 12px;
	border:none !important;
	text-align:center;
}
.theme-showcase {
	min-height: 100%;
	height: 100%;
}
.container.theme-showcase {
	max-width: 100%;
	width: 100%;
	position: relative;
	top: 100%;
}
.left-nav {
	margin: 0 auto;
	text-align: center;
	position: relative;
	height: 100%;
}
.left-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.left-nav ul li {
	list-style: none;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	position:relative;
}
.left-nav ul li a {
	color: #fff;
	border: #fff solid 1px;
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
	margin: 1% 0 0;
}
.left-nav ul li figcaption a {
	border: 0;
} 

.left-nav ul li a:hover, .left-nav ul li a.current-menu-item {
	color: #fff;
	text-decoration: none;
	background: #00a996 !important;
	border: 1px solid #00a996;
}
.navholder ul li a:hover, .navholder ul li a.current-menu-item {
	color: #fff;
	text-decoration: none;
	background: #008081 !important;
	border: 1px solid #008081;
}
.left-nav .nav-button {
	background: #f26921;
	padding: 5px 8px;
	border: none;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	margin-top: 0px;
}
.left-nav a.fa {
	background: #9c9c9f;
	border-radius: 50%;
	color: #646569;
	font-size: 30px;
	margin: 10px 6px 0;
	padding: 12px 0;
	text-decoration: none;
	width: 50px;
}
.down-arrow {
	margin: 100px auto 0;
	display: inline-block;
}
.content-right {
	position: relative;
}
.content-right section{ background: none repeat scroll 0 0 #ffffff; padding: 0 0 0px; position: relative; }

.flex-img {
	min-height: 400px;
}
.image-box {
	height: 100%;
	width: 100%;
	min-height: 300px;
	position: relative;
}
.image-box img {
	width: 100%;
	min-height: 100%;
}
.flex-content-rgt {
	background: #008181;
	padding: 12px 42px 12px 14px;
	min-height: 436px;
}
.flex-content-rgt h2 {
	color: #FFFFFF;
	font-size: 42px;
}
.flex-content-rgt p {
	color: #FFFFFF;
	font-size: 22px;
}
.flex-content-lft {
	background: #72ad07;
	padding: 12px 42px 12px 14px;
	min-height: 436px;
}
.flex-content-lft h2 {
	color: #FFFFFF;
	font-size: 42px;
	letter-spacing: 2px;
}
.flex-content-lft p {
	color: #FFFFFF;
	font-size: 22px;
}
.flex-content-top {
	background: #43431b;
/*	padding: 22px 120px 22px 20px;
	min-height: 0;
*/}
.flex-content-bottom-small h2{
	font-size:26px;
}
.flex-content-top h2 {
	color: #FFFFFF;
}
.flex-content-top p {
	color: #FFFFFF;
	font-size:14px;
}
.flex-content-bottom,
.flex-content-top {
	background: #00a996;
	min-height: 246px;
	padding-left: 20px;
	padding-right: 20px;
}
.flex-content-bottom-small {
	background: #008181;
	min-height: 342px;
}
.flex-content-bottom h2,
.flex-content-top {
	color: #FFFFFF;
}
.flex-content-bottom p {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 27px;
}
.figcaption {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc(100% - 40px);
	border: 2px solid #FFFFFF;
	bottom: 15%;
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.5);
}
.figcaption h3 {
	margin: 0;
	color: #FFFFFF;
	text-transform: uppercase;
}
.figcaption p {
	margin: 0;
	color: #FFFFFF;
	font-size: 14px;
}
.angle-arrow {
	bottom: 1%;
	display: block;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 65px;
	z-index: 99;
}
.bottom-columns {
	background: #838487;
}
.bottom-columns .no-padding:first-child ul li {
	text-align: center;
}
.info-panel {
	background: #838487;
	padding: 1px 15px;
	min-height: 400px;
	border-right: 1px solid #FFFFFF;
}
.info-panel h2 {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 26px;
}
.info-panel p {
	color: #FFFFFF;
	font-size: 20px;
}
.info-panel ul {
	margin: 0;
	padding: 0;
}
.info-panel ul li {
	display: block;
	margin: 5px 0;
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
}
.info-panel ul li a {
	display: block;
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
}
.info-panel ul li span {
	display: block;
	text-align: left;
	color: #FFFFFF;
	font-size: 16px;
}
.info-panel ul li img {
	text-align: center;
	display: inline-block;
}
.bottom-columns .no-padding:first-child ul li {
	text-align: center;
}
.inner-right-content {
	background: #fff;
	padding: 60px 25px 0;
}
.headline {
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	color: #55565a;
	margin: 0;
	/*display: inline-block;*/
	font-size: 44px;
}
.form-area {
	background: #00a896;
	border-radius: 4px 4px 0 0;
}
.form-area h2 {
	color: #FFFFFF;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: rgba(0,0,0,0.4);
	border-radius: 4px 4px 0 0;
	font-family: 'Lato', sans-serif;
}
.input-group {
	width: 100%;
	margin: 15px 0 0;
	padding: 0 25px;
}
.input-group .form-control {
	text-align: center;
	height: 26px;
}
.input-group.first {
	margin: 30px 0 0;
}
.btn-block {
	text-align: center;
	margin: 20px 0 0;
}
.btn-block label {
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
}
.btn-block .btn {
	color: #64656d;
}
.input-group-btn {
	text-align: center;
}
.input-group-btn input {
	background: #f26921;
	border: medium none;
	box-shadow: 4px 4px 8px #515151;
	color: #fff;
	font-size: 16px;
	margin: 15px auto 30px;
	padding: 2px;
	border-radius: 4px;
	font-weight: 600;
	width: 54%;
}
.content-article h3 {
	font-size: 42px;
	font-family: 'Lato', sans-serif;
	color: #64656d;
}
.content-article p {
	color: #646569;
	font-family: 'Lato', sans-serif;
	 font-size: 18px;
    line-height: 22px;
}
.owl-carousel {
	margin: 45px 0 0;
}
.item {
	background: #f0f0f0;
	border: 1px solid #7b7c80;
}
.item h4 {
	background: #8a8a8d;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 5px 0;
	font-weight: 600;
	text-align: center;
}
.item p {
	font-size: 14px;
	margin: 0;
	padding: 5px;
	text-align: left;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.carousel-area h5 {
	color: #55565a;
	display: inline;
	left: 90px;
	position: absolute;
	top: 2px;
	font-size: 20px;
}
.inner-right-content .angle-arrow {
	display: block;
	margin: 20px auto 0;

	position: inherit;
	width: 85px;
	z-index: 99;
}
.inner-right-content .angle-arrow img {
	margin: 30px 0;
}
.inner-right-content h2 {
	margin-bottom: 10px;
}
.left-area {
	text-align: center;
}
.left-area ul {
	margin: 0;
	padding: 0;
}
.left-area ul li {
	list-style: none;
	display: inline-block;
	clear: both;
	margin: 10px 0;
}
.comment-area h2 {
	color: #FFFFFF;
}
.comment-area p {
	color: #FFFFFF;
	font-style: italic;
	font-size: 18px;
	text-align: center;
}
.recent-article {
	border-top: 2px solid #b1b2b4;
}
.recent-article h3 {
	color: #dbdbdc;
	font-size: 20px;
	text-align: left;
	font-family: 'Lato', sans-serif;
}
.recent-article figure {
	float: left;
	width: 30%;
	text-align: left;
}
.recent-article figure img {
	background: #FFFFFF;
	padding: 2px;
	border: 1px solid #000000;
}
.recent-article figcaption {
	float: left;
	width: 70%;
	color: #FFFFFF;
	text-align: left;
	font-size: 16px;
}
.left-area .nav-button {
	background: #f26921;
	padding: 5px 8px;
	border: none;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	margin-top: 40px;
	display: inline-block;
	text-align: center;
}
.left-area a.fa {
	background: #9c9c9f;
	border-radius: 50%;
	color: #646569;
	font-size: 30px;
	padding: 5px 0;
	text-decoration: none;
	width: 40px;
	margin: 22px 0 0;
}

.social-area-alt {
	display: none;
	padding: 15px 15px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	min-height: 50px;
	text-align: center;
}

.social-area-mobile {
	display: none;
	background-color: #838487;
	padding: 15px;
}

.sam-btn {
	background: #f26921;
	color: #ffffff;
}

.sam-btn,
.sam-links {
	margin-bottom: 15px;
	margin-top: 15px;
}

.sam-links-link,
.sam-links-link:hover,
.sam-links-link:active,
.left-nav .sam-links a.fa.sam-links-link,
.left-nav .sam-links a.fa.sam-links-link:hover,
.left-nav .sam-links a.fa.sam-links-link:active {
	background-color: #9c9c9f;
	border: 0;
	border-radius: 50%;
	color: #64656D;
	width: 50px;
	font-size: 25px;
	padding: 10px;
	text-decoration: none;
}


.recent-post ul {
	margin: 0;
	padding: 0;
}
.recent-post ul li {
	display: inline-block;
	clear: both;
	margin: 10px 0;
}
.recent-post figure {
	float: left;
	width: 30%;
	text-align: left;
}
.recent-post figure img {
	background: #FFFFFF;
	padding: 2px;
	border-radius: 50%;
	border: 1px solid #000000;
}
.recent-post figcaption h4 {
	color: #64656a;
	text-align: left;
	margin: 0;
	font-size: 14px;
}
.recent-post figcaption {
	float: left;
	width: 70%;
	color: #64656a;
	text-align: left;
	font-size: 11px;
}
article.Horarios h2 {
	color: #00a996;
	font-size: 22px;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
	margin: 0 0 20px;
}
article.Horarios p {
	font-size: 16px;
	text-transform: capitalize;
	margin: 0;
	line-height: 20px;
}
article.other-program-info h6 {
	color: #00a996;
	font-size: 14px;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
	margin: 10px 0 20px;
}
article.other-program-info p, article.other-program-info ul li {
	font-size: 16px;
	text-transform: capitalize;
	margin: 0;
	line-height: 20px;
}
.additional-info {
	border-top: 2px solid #8d8d90;
	padding-bottom: 20px;
	clear: both;
}
.additional-info img {
	margin: 25px 0 0;
	width: 90px;
	height: 90px;
}
article.acrditaciones h3 {
	color: #55565a;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
article.acrditaciones p {
	color: #646576;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	font-style: italic;
}
article.admisiones h3 {
	color: #55565a;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
article.admisiones ul {
	margin: 0;
	padding: 0;
}
article.admisiones ul li {
	color: #646576;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	list-style: none;
}
article.admisiones ul li a {
	color: #646576;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	display: block;
}
.facebook-like-box {
	margin-top: 20px;
}
.social-feeds ul {
	margin: 10px 0 0;
	padding: 0;
}
.social-feeds ul li {
	list-style: none;
	display: inline-block;
}
/*.social-feeds ul li a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 22px;
	background: #000000;

	width: 32px;
	border-radius: 50%;
	padding: 5px 0;
	text-align: center;
	margin-right: 10px;
}
*/
/*
.social-feeds ul li:nth-child(1n) a {
	background: #3f5b97;
}
.social-feeds ul li:nth-child(2n) a {
	background: #41afda;
}
.social-feeds ul li:nth-child(3n) a {
	background: #3b3b3b;
}
.social-feeds ul li:nth-child(4n) a {
	background: #db1632;
}
*/
.instagram-box {
	margin: 15px 0 0;
}
.instagram-box h4 {
	color: #939393;
	font-weight: bold;
	position: relative;
	margin: 0 0 10px;
	text-transform: capitalize;
}
.instagram-box h4:after {
	content: "\f04c";
	font-family: FontAwesome;
	float: left;
	color: #39776e;
	margin-right: 10px;
}
.instagram-box h4:before {
	background: #939393;
	content: "";
	height: 1px;
	position: absolute;
	right: 0;
	top: 10px;
	width: 62%;
}



.twitter-box2 {
	margin: 15px 0 0;
	position:relative;
}
.twitter-box2 h4 {
	background: none repeat scroll 0 0 #fff;
    color: #939393;
    float: left;
    font-weight: bold;
    height: 50px;
    margin: 0 0 10px;
    padding-right: 10px;
    position: relative;
    text-transform: capitalize;
    z-index: 10;
}
.twitter-box2 h4:after {
	content: "\f04c";
	font-family: FontAwesome;
	float: left;
	color: #39776e;
	margin-right: 10px;
}
.twitter-box2:before {
	background: #939393;
	content: "";
	height: 1px;
	position: absolute;
	right: 0;
	top: 10px;
	width: 100%;
}
.twitter-box2 ul li {
	background: none !important;
	border-radius: 0;
	color: #939393;
	font-size: 16px;
	padding-bottom: 5px !important;
	width:100%;
}
.twitter-box2 ul li a {
	background: none !important;
}



.twitter-box {
	margin: 15px 0 0;
	position:relative;
}
.twitter-box h4 {
	background: none repeat scroll 0 0 #fff;
    color: #939393;
    float: left;
    font-weight: bold;
    height: 50px;
    margin: 0 0 10px;
    padding-right: 10px;
    position: relative;
    text-transform: capitalize;
    z-index: 10;
}
.twitter-box h4:after {
	content: "\f04c";
	font-family: FontAwesome;
	float: left;
	color: #39776e;
	margin-right: 10px;
}
.twitter-box:before {
	background: #939393;
	content: "";
	height: 1px;
	position: absolute;
	right: 0;
	top: 10px;
	width: 100%;
}
.twitter-box ul li {
	background: none !important;
	border-radius: 0;
	color: #939393;
	font-size: 16px;
	border-bottom: 1px solid;
	padding-bottom: 5px !important;
}
.twitter-box ul li a {
	background: none !important;
	border-radius: 0;
	color: #939393;
	font-size: 16px;
	padding-bottom: 15px;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.admision-info-list ul {
	margin: 20px 0 0;
	padding: 0;
}
.admision-info-list ul li {
	list-style: none;
	background: url(../images/li-style.png) no-repeat 0 10px;
	padding: 0 0 0 15px;
	font-size: 18px;
	color: #939393;
	line-height: 20px;
	margin: 0 0 10px;
}
.admision-info-list ul li:last-child {
	background: none;
	padding: 0;
}
article.blog {
	margin: 25px 0;
}
.blog-post h2 {
	margin: 0;
	color: #000000;
	font-size: 22px;
	font-weight: 900;
	text-transform:uppercase;
}
.blog-post h2 a{ color: #000000; font-size: 22px; }
.blog-post p {
	margin: 0;
	color: #939393;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	margin: 10px 0;
}
.blog-post a.read-more {
	float: right;
	color: #000000;
	text-transform: capitalize;
	text-decoration: none;
	margin: 30px 0 0;
}
.blog-post a.read-more:hover, .blog-post a:focus {
	color: #00a996;
}
.blog-post a.read-more:after {
	content: "\f101";
	font-family: FontAwesome;
	margin-left: 5px;
}
.single-blog-post img {
	margin-bottom: 10px;
}
.blogger h2 {
	color: #00aeef;
	margin: 22px 0 0;
	font-size: 20px;
	font-weight: 900;
}
.blogger h6 {
	color: #646569;
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
}
.back-to-blog {
	background: #008181;
	width: 100%;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 24px;
	display: inline-block;
	text-align: center;
	padding: 5px 0;
	border: 2px solid #008181;
	transition: background .5s ease;
	position: relative;
}
.back-to-blog:after {
	background: #333;
	border-radius: 50%;
	content: "\f053";
	float: left;
	font-family: FontAwesome;
	left: 18px;
	position: absolute;
	text-align: center;
	width: 30px;
	top: 8px;
	font-size: 20px;
	position: absolute;
}
.back-to-blog:hover {
	text-decoration: none;
	color: #008181;
	background: transparent;
}
.recent-blog-post {
	margin-bottom: 30px;
}
.recent-blog-post li {
	display: flex !important;
	align-content: space-around;
	margin: 10px 0;
}
.recent-blog-post ul li figure {
	align-items: flex-start;
	float: left;
	width: 30%;
}
.recent-blog-post ul li figcaption {
	align-items: flex-start;
	float: left;
	width: 70%;
	font-size: 20px;
	color: #646569;
	line-height: 22px;
}
.contact-us {
	background: #FFFFFF;
	padding-bottom: 80px;
}
.contact-us p {
	font-size: 18px;
	color: #000000;
	margin-top: 25px;
}
section#first, section#second, section#third, section#fourth, section#fifth, section#sixth {
	padding: 0;
	background: #FFFFFF;
	position: relative;
}
.intro {
	left: 0;
	position: absolute;
	right: 0;
	width: auto;
	z-index: 999;
	height: 100%;
}
.intro .left-nav {
	max-width: 210px;
}
.intro .left-nav ul li a {
	border: 1px solid #FFFFFF;
}
.logo-top{ 
	position:relative;
	top:10%;
}
.navholder {
	position: absolute;
	left: 0;
	width: 50%;
	background: #00a996;
	height: 100%;
}
.navholder ul {
	max-width: 250px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 22%;
}
.navholder ul li {
	list-style: none;
	display: block;
	margin: 10px 0;
}
.navholder ul li a {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	padding: 5px 20px;
	line-height: 20px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	width: 100%;
}
.navholder ul li a:hover {
	background:none;
}
.home-right-bg {
	position: absolute;
	right: 0;
	width: 50%;
	background: url(../images/hpColorBaby.jpg) 0 0;
	background-size:cover;
	height: 100%;
	top: 0;
}
.home-right {
	position: relative;
	top: 30%;
	text-align: center;
}
.home-right p {
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	color: #ffffff;
	font-size: 40px;
	font-style: italic;
	font-weight: 300;
	line-height: 40px;
	margin: 18px 68px;
	padding: 12px 0;
	text-align: center;
}
.start-holder {
	height: auto !important;
	margin: 0px auto;
	position: relative;
	width: 95px;
	left: 0%;
	position: absolute;
	bottom: 0%;
	z-index: 1;
	right: 0;
}
.start-holder a i {
	font-size: 90px;
	color: #FFFFFF;
}
.start-holder-bottom {
	float: left;
	width: 100%;
	text-align: center;
}
.start-holder-bottom a i {
	font-size: 90px;
	color: #00a996;
}
.nav-top {
	position: fixed;
	right: 3%;
	bottom: 5%;
	background: rgba(0,0,0,.5);
	padding: 10px;
	color: #FFFFFF;
}

@media (min-width:768px) {
.fixed-left {
	left: 0%;
	position: fixed;
	width: 25%;
	top: 0;
}
.navbar-header {
	position: absolute;
	top: 10%;
	width: 100%;
}
.navbar-collapse.collapse {
	bottom: 20%;
	left: 0;
	position: absolute;
	width:80%;
	right:0;
	margin:0 auto;
}
.navbar-inverse {
	height: 100%;
	position: relative;
}
.left-nav ul li a {
	margin: 25px 0 0;
}


/*  new css code added  */
.navbar{ 
	position:static;
}
.left-nav ul li a {
	margin: 10px 0 0;
}
.navbar-fixed a:hover{ 
	background:rgba(0,0,0,0.81) !important;
}
.left-nav ul.navbar-fixed li:last-child a{ 
	border:none !important;
} 
.left-nav ul.navbar-fixed a {
    border: medium none !important;
    margin: 0 !important;
    padding: 6px 10px !important;
	border-right:1px solid #fff !important;
}
.left-nav ul.navbar-fixed > li {
    display: inline-block;
	margin:0 0 0 -3px;
}
.left-nav ul.navbar-fixed {
	background: rgba(0, 0, 0, 0.41);
	position: fixed;
	text-align: center;
	width: 100%;
	top:0;
	left:0;
	right:0;
	z-index:9999;
}
.left-nav ul.navbar-fixed li.current-menu-item a, .left-nav ul.navbar-fixed li a:hover {
	background:#646469 !important;	
}
/*  new css code added  */


}

@media (max-width:1366px) {
.home-right {
	top: 15%;
}
.flex-content-bottom,
.flex-content-top {
	min-height: 246px;
}
.flex-content-lft, .flex-content-rgt {
	min-height: 389px;
}
.flex-content-lft h2 {
	font-size: 34px;
}
.flex-content-bottom-small, .image-box {
	min-height: 304px;
}
.third .flex-content-bottom h2,
.third .flex-content-top h2 {
	font-size: 26px;
}
}

@media (max-width:1199px) {
.carousel-area h5 {
	font-size: inherit;
}
.flex-content-lft {
	min-height: 300px;
}
.flex-content-lft h2, .flex-content-rgt h2 {
	font-size: 22px!important;
	line-height: 30px;
}
.fixed-left {
	left: 0%;
	position: fixed;
	width: 25%;
}
.left-nav ul li a {
	margin: 16px 0 0;
}
.home-right {
	top: 20%;
}
.home-right p {
	font-size: 2vw;
}
}

@media (max-width:991px) {
	.carousel-area h5 {
		top: -45px;
	}
	.flex-content-lft, .flex-content-rgt, .image-box {
		min-height: 0px;
	}
	.left-nav .nav-button {
		font-size: 14px;
		padding: 5px 24px;
	}
	.left-nav a.fa {
		margin: 22px 2px 0;
		padding: 6px 0;
		width: 40px;
	}
	.fixed-left {
		left: 0;
		position: fixed;
		width: 25%;
		z-index: 9;
	}
	.navbar-header {
		position: absolute;
		top: 6%;
		width: 86%;
		z-index: 9;
	}
	.left-nav .navbar-collapse.collapse { padding: 0; }
	.navbar.navbar-inverse .comment-area { margin: 0 10px; }
	.recent-article li figure,
	.recent-article li figcaption {
	  float: none;
	  margin: 5px 0;
	  width: 100%;
	}
	.recent-article ul li { margin-bottom: 20px; }

	.flex-content-top,
	.flex-content-bottom {
		padding: 18px 15px 90px;
	}
}

@media (max-width:767px) {
.social-area-alt {
	width: 100%;
}
.navbar-inverse.navbar {
	background: #00a896;
	left: 0;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 99999 !important;
	padding: 5px 0;
	bottom: inherit !important;
	top: 0;
}
.navbar-header {
	position: inherit !important;
	top: 0;
	bottom: inherit;
	width: 100% !important;
}
.nav.navbar-nav {
	margin: 0;
}
.navbar-inverse.navbar ul li {
	display: block;
	text-align: left;
}
.navbar-inverse.navbar ul li ul {
	top: 30px;
}
.left-nav ul li a {
	border: none !important;
}
.social-area {
	position: inherit;
}
.flex-content-lft, .flex-content-rgt {
	padding: 10px 15px;
}
.left-nav .nav-button {
	font-size: 18px;
}
.info-panel h2 {
	font-size: 18px;
}
.headline, .content-article h3 {
	font-size: 24px;
}
.content-article p {
	color: #646569;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	line-height: 20px;
}
.form-area {
	background: #71ac06;
}
.social-feeds ul li a {
	margin-right: 2px;
}
.blog-post a.read-more {
	margin: 0;
}
.recent-post figcaption {
	color: #64656a;
	float: right;
	font-size: 14px;
	text-align: left;
	width: 64%;
}
.logo-small {
	float: left;
	padding-left: 15px;
}
.navbar-inverse .navbar-nav > li > a {
	border: none;
}
.recent-post {
	padding: 15px 0;
}
.additional-info img {
	margin: 10px 0 0;
}
.inner-right-content {
	box-shadow: 0 12px 16px #000;
	margin: 15px 0 0;
	padding-bottom: 30px;
}
.recent-post figure {
	text-align: center;
	width: 23%;
}
.recent-post figcaption {
	width: 72%;
}
.recent-article ul {
	text-align: left;
}
.recent-article figure {
	width: 20%;
}
.left-area {
	margin: 75px 0 0;
}
.social-area {
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: fixed;
	right: 0;
	width: 150px;
	z-index: 999;
}
.left-nav .nav-button {
	font-size: 12px;
}
.left-nav a.fa {
	margin: 4px 2px 0;
	padding: 4px 0;
	width: 30px;
}
.left-nav a.fa {
	font-size: 16px;
}
.intro {
	top: 60px;
	position: inherit;
}
.home-right-bg {
	position: inherit !important;
	right: inherit;
	width: 100%;
}
.home-right {
	top: 10%;
	padding-top: 96px;
	position: inherit !important;
}
.home-right p {
	font-size: 14px;
}
.container.theme-showcase {
	max-width: 100%;
	width: 100%;
	position: relative;
	top: 0%;
}
}
.page-template-page-course .social-area { left: 7%; }
@media screen and (max-width: 1600px), screen and (max-height: 900px) {
	.navbar-header {
		width: 92%;
	}
	.navbar-collapse.collapse {
		bottom: 22%;
	}
	.page-template-page-course .social-area { left: 6%; }
}

@media screen and (max-width: 1366px), screen and (max-height: 768px) {
.left-nav ul li a { margin: 10px 0 0; }
.page-template-page-course .social-area { left: 5%; }
}
@media only screen and (max-width:1280px), screen and (max-height:720px) {
.navbar-header {
	position: absolute;
	top: 2%;
	width: 86%;
}
.page-template-page-course .social-area { left: 4%; }
}
@media only screen and (max-width:1280px), screen and (max-height:600px) {
 .navbar-header {
	position: absolute;
	top: 2%;
	width: 86%;
}
 .left-nav ul li a {
	margin:10px 0 0;
	padding:0;
}
 .navbar-inverse .navbar-nav li a {
	padding:0;
}
 .navbar-inverse.navbar {
	bottom:5%;
}
}


.instagram-pics li img{ max-width:100%; width:100%;}
.blog .navigation{ display:block; width:100%; max-width:100%; }
.blog .comments-area{ display:block; width:100%; max-width:100%; }
.featured-img img{ max-width:99%!important; margin-bottom:10px; }

.recent-article ul li{ 
 display:inline-block;
}
.recent-article figcaption {
    color: #ffffff;
    float: right;
    font-size: 12px;
    text-align: left;
    width: 65%;
}
.comment-area {
    margin: 0 50px;
}
.recent-article {
    border-top: 2px solid #b1b2b4;
    margin: 0 50px;
}
.navbar-fixed {
 position: fixed;
 left: 0;
 margin: 0;
 width: 100%;
 z-index: 999999;
 background: rgba(0,0,0,0.63);
 text-align: center;
 top: 0;
 margin: 0;
 padding: 0;
}
.navbar-fixed li {
 display: inline-block;
 list-style: none;
 position: relative;
}
.navbar-fixed li:first-child a {
 border: none;
}
.navbar-fixed li a {
 color: #FFFFFF;
 margin: 0 -2px -5px;
 padding: 6px 22px;
 float: left;
 border-left: 1px solid #FFFFFF;
}
.navbar-fixed li a:hover {
 background: #646569 !important;
 text-decoration:none;
}
.navbar-fixed li ul {
 display: none;
 position: absolute;
 top: 30px;
 left: 0;
 background: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: left;
 width: 99.5%;
 z-index: 99999;
 margin-left: 1px;
}
.navbar-fixed li ul li {
 width: 100%;
}
.navbar-fixed li ul li a {
 text-align: left;
 color: #FFFFFF;
 text-transform: uppercase;
 padding: 8px 5px;
 background: #646569;
 display: block;
 font-size: 12px;
 border: none !important;
 text-align: center;
 width: 100%;
}
.navbar-fixed li ul li a:hover, .navbar-inverse.navbar ul li ul li.current-menu-item a {
 background: #9a9a9c !important;
}

/* Custom by AB */
.home-right.mobile {
  display: none;
}

/* Course Page */
.course-page.inner-right-content .main-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.page-template-page-course .start-holder-bottom {
  margin-top: 30px;
}

/* Contact Us */
.contact-us p {
  line-height: 1.3;
  margin: 0;
}
.contact-us h2.headline {
  margin-bottom: 30px;
}
.page-template-page-contact .inner-right-content {
  padding: 50px 20px 20px;
  text-align: center;
}
.page-template-page-course .last-part .content-article {
  margin: 20px 0;
}
.page-template-page-testimonial .social-area {
  bottom: 40px;
  left: 65px;
  position: fixed;
  right: auto;
}
.page-template-page-course .featured-img p {
	height: 354px;
}
.page-template-page-course .recent-post figure img {
  display: block;
  margin: auto;
  width: 70px;
}
.social-feeds .widget iframe { width: 100%; }
.cat-links { display: none; }
.back-blog-btn:before {
  background: black;
  border-radius: 36px;
  content: "<";
  font-size: 20px;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 0 6px;
}
.back-blog-btn {
  background: #00a996;
  color: white;
  font: bold 18px "Lato",sans-serif;
  padding: 7px 15px;
  text-transform: uppercase;
}
.back-blog-btn a { color: white; text-decoration: none; }
.twitter-box2:before { background: transparent; }
.blog-post .ssba img { width: 42px !important; }

/* Course Page */
.course-header .course-header-logo,
.course-header .navbar-collapse { margin: 40px 0; }
.page-template-page-course .social-area {
  bottom: 4%;
  position: fixed;
  z-index: 99999;
  margin: 0;
}
.left-nav ul li figcaption a { margin: 0; }


/**************************************************
*********************** 12-01-2015 ****************
**************************************************/

.flex-content-rgt h2 {
  font-size: 30px;
}
.flex-content-lft h2 {
  font-size: 30px;
}
.flex-content-top h2 {
  font-size: 30px;
}
.flex-content-rgt {
  color: white;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 22px;
}

.flex-content-lft p{
  color: white;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.1;
}
.flex-content-top{
  color: white;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 22px;
}
.flex-content-bottom p,
.flex-content-top p {
  font-size: 22px;
  line-height: 27px;
}
.flex-content-bottom-small h2 {
  font-size: 30px;
}
.flex-content-bottom-small {
  color: white;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 22px;
}
.flex-content-bottom p,
.flex-content-top p {
  color: white;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 22px;
}
.figcaption p{
  color: white;
  font-weight: 200;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 17px;
}
.page-template-page-course .form-area {
	background: transparent;
}
.page-template-page-course .form-area iframe {
	background: #00a996 !important;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/**************************************************
*********************** 03-04-2015 ****************
**************************************************/

.popup-mask {
	background-color: rgba(255,255,255,0.5);
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
}

@media only screen and (max-height: 650px){
	.navholder ul { top: 10%; }
}

@media only screen and (min-width: 991px){
	.home section .content-part-area,
	#content-147 .content-part-area > div,
	.col-md-8.youtube .image-box > p,
	.flex-content-rgt,
	.flex-content-lft {
		height: 100%;
	}
	#content-144 .content-part-area {
		min-height:600px;
		font-size:20px;
	}
	#content-147 .content-part-area .image-box,
	#content-150 {
		overflow: hidden;
	}

}
@media only screen and (min-width: 768px){
	.navbar-fixed li:hover ul {
		display: block;
	}
	#mobile-only-menu, .single-blog-post .post-title { display: none; }
	.page-template-page-course .main-image{ height: 620px; }
}
@media only screen and (max-width: 767px){
	/* Fixed logo */
	#mobile-only-menu {
		height: 61px;
		overflow: hidden;
		position: fixed;
		width: 100%;
		z-index: 999999;
	}
	#mobile-only-menu div {
		height: 100%;
	}
	#mobile-only-menu .col-sm-12 {
		background: #00a896;
		border-bottom: 1px solid black;
	}
	#mobile-only-menu .col-sm-12 > div {
		float: left;
		width: 30%;
	}
	#site-logo {
		cursor: pointer;
		background: url("../images/logo-small.png") no-repeat scroll center center / auto 30px;
	}
	#mobile-only-menu .col-sm-12 > div#grab-current-menu {
		width: 40%;
		border-left: 1px solid;
		border-right: 1px solid;
	}
	#grab-current-menu > p:empty {
		display: none;
	}
	#grab-current-menu > p:before {
		content: "+";
		font-size: 16px;
		padding-right: 3px;
	}
	#grab-current-menu > p {
		color: white;
		font: bold 15px/4em "Lato",sans-serif;
		text-align: center;
	}
	.flex-content-top { color: white; }
	#menu-toggle {
		right: 0;
		width: 100px;
		cursor: pointer;
		background: url("../images/menu-toggle.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
	}
	#menu-toggle.alt{
		background-image: url("../images/menu-toggle-alt.jpg")
	}
	.nav.navbar-fixed {
		margin-top: 62px;
		display: none;
		background: transparent;
		overflow-x: auto;
	}
	.navbar-fixed li {
		clear: both;
		display: block;
	}
	.navbar-fixed li a,
	.navbar-fixed li ul li a {
		background: #666;
		border-top: 1px solid #848484;
		border-left: 0 none;
		color: #ffffff;
		float: none;
		margin: 0 auto;
		padding: 13px 8px;
		width: 85%;
	}
	.nav > li > a:hover, .nav > li > a:focus { background: #666; }
	.navbar-fixed li.menu-item-has-children > a:after {
		content: "▶";
		padding-left: 10px;
	}
	.navbar-fixed li.menu-item-has-children.active > a:after {
		content: "▼";
		padding-left: 10px;
	}
	.navbar-fixed li.menu-item-has-children.active ul {
		top: 46px;
		display: block;
		background: transparent;
	}
	.navbar-fixed li.menu-item-has-children.active
	.navbar-fixed li:first-child a {
		border: 0 none;
		padding-top: 20px;
	}
	.navbar-fixed li:last-child a {
		padding-bottom: 20px;
	}
	.left-nav.fixed-left { display: none; }
	.headline {
		display: block;
		text-align: center;
	}

	/* Homepage */
	.image-box,
	.image-box img,
	.flex-content-bottom-small {
		height: auto;
		min-height: 0;
	}

	/* Blog page */
	.single .inner-right-content { background: #e3e3e3; }
	.blog-post {
		background-color: white;
	}
	.blog-area .col-xs-4 { padding: 0; }
	.blog-area .col-xs-8 { padding-right: 0; }
	.blog-post h2 { line-height: 0.6em; }
	.blog-post h2 a { font-size: 13px; }
	.blog-post p {
		font-size: 13px;
		line-height: 1.1em;
		margin: 4px 0;
	}
	.blog-post a.read-more { display: none; }

	/* Contact Us */
	.col-md-4.form > p { margin: 0 0 20px; }
	.form-area { margin: 20px 0; }

	/* Course Page */
	.course-header .course-header-logo,
	.course-header .navbar-collapse,
	.page-template-page-course .left-nav > nav,
	.entry-header > .headline,
	.single .blog-post .ssba {
		display: none;
	}
	.page-template-page-course .social-area { display: block; }
	
	.blogger-img, .blogger-desc {
		float: left;
		padding-right: 20px;
	}
	.blogger > div.blogger-btn { float: right; }
	.blogger-btn a {
	  background: url("../images/back-block-btn.png") no-repeat scroll center center / 100% auto;
	  display: block;
	  height: 80px;
	  width: 60px;
	}
	.single .headline {
		text-transform: uppercase;
		margin: 10px 0;
	}
	.course-page.inner-right-content .main-image { min-height: 450px; }
	.flex-content-bottom,
	.flex-content-top {
	  min-height: 0;
	}

	.carousel-area h5 {
		font-size: 16px;
		height: 40px;
	}

	.owl-carousel {
		padding-top: 20px;
	}

	.owl-nav {
		top: -35px!important;
	}
} /* (max-width: 767px) */


@media only screen and (max-width: 480px){
	.course-page.inner-right-content .main-image { min-height: 365px; }
}
@media only screen and (max-width: 480px){
	#mobile-only-menu {
		height: 41px;
	}
	.nav.navbar-fixed {
		margin-top: 42px;
	}
	#grab-current-menu > p {
		font: bold 13px/3em "Lato",sans-serif;
	}
	.logo-small .visible-xs {
  height: 30px;
}
.navbar-inverse.navbar {
  border-bottom: 1px solid black;
  height: 30px;
}
	body > .nav,
	.home-right {
	  display: none;
	}
	.home-right.mobile {
	  display: inline-block;
	  margin: auto;
	  width: 100%;
	}
	.home-right.mobile .nav {
  margin: 0;
}
.home-right.mobile .nav > li > a {
  border: 1px solid;
  color: white;
  margin: 20px auto;
  padding: 4px;
  width: 230px;
}
.home-right.mobile .nav > li > a:hover {
	background: #00a896;
	color: white;
}
.navbar-inverse.navbar {
  border-bottom: 1px solid black;
  min-height: 0;
}

.nav.navbar-nav {
  display: none;
}

.contact-us h2.headline {
  margin-bottom: 10px;
}
.page-template-page-contact .form {
	padding: 10px;
}
.inner-page .social-area {
	display: none;
}
.page-template-page-contact .maps iframe {
	min-height: 300px;
	margin-top: 10px;
}
.course-page.inner-right-content .main-image { min-height: 260px; }
}

@media only screen and (max-width: 320px){
	.course-page.inner-right-content .main-image { min-height: 174px; }
}