@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
    color: #6E6E6E;
}
.griditem {
    font-family: calibri,Arial,Sans-Serif;
    font-size: 10pt;
    color: black;
    background-color: #DFEEF5;
    text-align: center;
    height: 35px;
    border: solid 1px #96C7E2;
}
.griditem1
{
	font-family:calibri,Arial,Sans-Serif;  
	font-size:10pt;
	color: black;
	background-color: #cce1ff;
	text-align:center;
	height:35px;
}
.gridheading th {
     padding-left: 10px; 
     padding-right: 10px; 
    border: solid 1px #727272;
    text-align:center;
}
 .gridheading 
{
	font-family:calibri,Arial,Sans-Serif;  
	font-size:17px;
	font-weight: bold;
	color: #fff;
	background-color: #3d84e6;
	border-color:#3d84e6;
	height: 35px;
	text-align:center;
	border: solid 1px #3d84e6;
}
.gridalternate
{
	font-family:calibri,Arial,Sans-Serif;  
	font-size:10pt;
	color: black;
	background-color:#F6FAFD;
	text-align:center;
    height:40px;
    border: solid 1px #96C7E2;
}


.griditem {
    font-family: calibri,Arial,Sans-Serif;
    font-size: 10pt;
    color: black;
    background-color: #DFEEF5;
    text-align: center;
    height: 35px;
    border: solid 1px #96C7E2;
}
a{
    color:#3d84e6;   /*3d84e6*/
}
a:hover, a:focus{
    color:#000;
    text-decoration: none;
}
.navbar-toggle {
	background-color: rgba(0, 0, 0, 0.89);
}
.navbar-nav>li>a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400 !important;
}
blockquote {
	font-style: italic;
	font-family: Georgia;
	color: #999;
	margin: 0px 0 0px;
	padding: 0px 20px;
}
label {
	color: #777;
}
.btn-inline {
	color: #29AAE2;
	font-size: 15px; 
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	background-color: #29AAE2;
	border-color: #29AAE2;
}
.form-control {
	display: block;
	width: 100%;
	height: 41px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 2.428571;
	color: #555;
	background-color: #F7F7F7;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
}
.navbar-inverse .navbar-nav > li > a.btn-primary {
    color: #000;
    border: none;
    background: #e0e0e0;
    padding: 40px 15px;
    margin: 0;
    border-radius: 0px;
}
.navbar-inverse .navbar-nav > li > a.btn-primary:hover {
	background: #1E64C6;
}
.b1{
color:#fff;
background:#F55;
}
.b2{
color:#fff;
background:#973CB6;
}
.b3{
color:#fff;
background:#5EC64D;
}
.b4{
color:#fff;
background: #29AAE2;
}
.grey-box-icon h4{
padding:20px 0;
margin-bottom:0;
}
.grey-box-icon a{
margin: 20px 0 0;
color: #fff;
padding: 10px 20px;
border: 1px solid #fff;
display: inline-block;
}
.grey-box-head{
  
  height: 130px;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: -90px;
  left: 0;
}
.grey-box-head-academic{
	background: url(../images/academic-icon.png) no-repeat center;
}
.grey-box-head-child{
	background: url(../images/child-development.png) no-repeat center;
}
.grey-box-head-admission{
	background: url(../images/admission-icon.png) no-repeat center;
}
.grey-box-head-principal{
	background: url(../images/principal-icon.png) no-repeat center;
}
.section-title {
	margin-bottom: 20px;
}
.navbar-brand{
	position: relative;
    top: -20px;
}
.total-container
{
}
/* Header */
#head {
	/*background: #181015 url( ../images/bg_header.jpg) no-repeat;*/
	background-size: cover;
	height: 430px;
	text-align: center;
	color: white;
	font-weight: 300;
	position: relative; 
	background-position-x: center;
}
#head.secondary {
	height: 100px;
	min-height: 100px;
	padding-top: 0px;
}
#head .lead {
	font-size: 44px;
	margin-bottom: 6px;
	color: white;
	line-height: 1.15em;
}
#head .tagline {
	color: rgba(255,255,255,0.75);
	margin-bottom: 25px;
}
#head .tagline a {
	color: #fff;
}
#head .btn {
	margin-bottom: 10px;
}
#head .btn-default {
	text-shadow: none;
	background: transparent;
	color: rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
	box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
	background: transparent;
}
#head .btn-default:hover, #head .btn-default:focus {
	color: rgba(255,255,255,.8);
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
	box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
	background: transparent;
}
#head .btn-default:active, #head .btn-default.active {
	color: #fff;
	-webkit-box-shadow: inset 0px 0px 0px 3px #fff;
	-moz-box-shadow: inset 0px 0px 0px 3px #fff;
	box-shadow: inset 0px 0px 0px 3px #fff;
	background: transparent;
}
.fluid_container {
	bottom: 0;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
}
#camera_wrap_4 {
	bottom: 0;
	height: 100%;
	left: 0;
	margin-bottom: 0!important;
	position: absolute;
	right: 0;
	top: 0;
	border-top: 5px solid #B20000;
	border-bottom: 5px solid #2F3292;
}
.camera_bar {
	z-index: 2;
}
.camera_thumbs {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.camera_thumbs_cont {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.camera_overlayer {
	opacity: .1;
}
.panel {
	margin-bottom: 0px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-body {
	padding: 0px;
}
.static-banner{
	width:100%;
	background:url(../images/static-banner-partten.jpg);
}
.static-banner img{
	margin:0 auto;
}

.btn-action, .btn-primary {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    color: #FFEFD7;
	background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #0ecfec 0%, #09bed9 100%);
}
.btn-action:hover, .btn-primary:hover {
	background: #04a0b7;
}
.btn:hover, .btn:active {
	color: #c0c0c0;
}
.gallery a {
	margin-bottom:15px;
	text-align: center;
}
.gallery a img 
{
    width:260px;
    height:200px;
}
ul, .list.custom-list ul {
	margin: 0 0 11px;
	list-style-type: none;
	padding-left: 10px;
}
.list.custom-list ul li {
	margin: 0;
	padding: 4px 0 10px 0px;
	border-top: 1px dashed #f2f2f2;
	position: relative;
	/*background: url(../images/arrow.png) no-repeat 0 11px;*/
}
.list.custom-list ul li a {
	font: 14px/1.2em 'Roboto', sans-serif;
	color: #29AAE2;
	text-transform: none;
	display: inline;
	position: relative;
}
.thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none; 
	padding: 4px;
	background: #F9F9F9;
	min-height: 270px;
}
.thumbnail marquee{
	height: 256px;
}
.thumbnail marquee ul{
	
}
.thumbnail marquee ul li{
	padding: 10px 0;
}
.thumbnail marquee ul li span{
	display:block;
}
.thumbnail marquee ul li span.event-date{
	color: #f00;
  	margin-top: 7px;
}
.thumbnail time {
	background: #3d84e6;
	padding: 5px 0;
	display: block;
	text-indent: 12px;
	color: #fff;
}
.thumbnail .caption {
	padding: 15px;
	color: #606577;
}
.thumbnail .caption:hover {
}
.thumbnail .caption a {
	font: 20px;
}
.slideUp {
	top: -100px;
}
.navbar-inverse {
	background: #fff;  
margin: 0 auto; 
}
.navbar-inverse {
	border: none;
	padding-top:0 !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a { 
	font-size: 12px;
	text-transform: uppercase;
    padding-top: 40px;
    padding-bottom: 40px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > a{
    background: #2e3a90 !important;
    border-radius: 0px;
    color:#FFF;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a{
    border-radius: 0px;
} 
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
	text-align: left;
    color: #000;
}
.navbar-inverse .navbar-brand img {
    margin-top: 8px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover{
color: #FFF !important;
    border-radius: 0px;
    background: #2e3a90;
}
.heading-text{
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 30px;
}
.heading-text h1{
    font-size: 38px;
    background: rgba(255, 85, 85, 0.81);
    padding: 15px 20px;
    display: inline-block;
}
.heading-text p{
font-size: 22px;
background: rgba(255, 85, 85, 0.78);
padding: 15px 20px;
display: inline-block;
clear: both;
}
/* Highlights*/
.highlight {
	margin-top: 40px;
}
.h-caption {
	text-align: center;
}
.h-caption i {
	display: block;
	font-size: 54px;
	color: #3d84e6;
	margin-bottom: 36px;
}
.h-caption h4 {
	color: #382526;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
div.hbox {
	background: #fff;
	padding: 10px 15px;
}
.h-body {
}
.jumbotron {
	background-color: #E0E0E0;
}
.page-header {
	border-bottom: 1px solid #15c008;
}
.page-title {
	margin-top: 20px;
	font-weight: 300;
	color: #15c008;
}
.text-muted {
	color: #888;
}
.breadcrumb {
	background: none;
	padding: 0;
	margin: 30px 0 0px 0;
}
ul.list-spaces li {
	margin-bottom: 10px;
}
/* Helpers */
.pre-bg {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.container-full {
	margin: 0 auto;
	width: 100%;
}
.top-space {
	margin-top: 60px;
}
.top-margin {
	margin-top: 20px;
}
.circle {
	background: rgb(214, 214, 214);
	width: 95px;
	height: 95px;
	border-radius: 90px;
	line-height: 95px;
	margin: 0 auto 20px;
}
img {
	max-width: 100%;
}
img.pull-right {
	margin-left: 10px;
}
img.pull-left {
	margin-right: 10px;
}
#map {
	width: 100%;
	height: 280px;
}
#social {
	margin-top: 50px;
	margin-bottom: 50px;
}
#social .wrapper {
	width: 340px;
	margin: 0 auto;
}
.sidebar {
	padding-top: 36px;
	padding-bottom: 30px;
}
.sidebar .panel {
	margin-bottom: 20px;
}
.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 {
	margin-top: 20px;
}
.featured-box {
	padding: 20px;
    padding-left: 0px;
	margin-bottom: 20px;
}
.featured-box .text {
	padding-left: 0px;
}
.featured-box h3 {
    font-size: 18px;
	margin: 0 0 5px 0;
}
.featured-box i {
	position: absolute;
	display: inline-block;
	color: #A8A8A8; 
	padding: 0px;
	border-radius: 50px;
	width: 24px;
	height: 24px;
	margin: 0px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}

footer {
	border-top: 1px solid #e5e5e5;
	background: #2e3a90;
	color: #fff;
}
 ul.menu{
    padding: 0px;
}
.menu li{
    padding: 3px 0px;
}
.menu li a{
    color: #FFFFFF;
}
.social {
	margin: 0px 0;
}
.news-list {
	margin-bottom: 15px;
}
.news-list .thumb img {
	width:40px;
	height:40px;
	max-width: inherit;
}
.news-list h4 a{
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	vertical-align: top;
}
.date-label-wrapper{
	padding-bottom: 10px;
}

.social a {
	font-size: 32px;
	margin: 0 10px;
	color: #FFFFFF;
}
.social a:hover {
	color: #3d84e6;
}
/* Footer */
.footer1 {
	background: #fff;
	padding: 10px 0 0 0;
	font-size: 12px;
	color: #999;
}
.footer1 a {
	color: #ccc;
}
.footer1 a:hover {
	color: #fff;
}
.footer1 .panel {
	margin-bottom: 30px;
}
.footer1 .panel-title {
	font-size: 17px;
	font-weight: bold;
	color: #ccc;
	margin: 0 0 20px;
}
.footer1 .entry-meta {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 35px 0;
	padding: 2px 0;
	color: #888888;
	font-size: 12px;
	font-size: 0.75rem;
}
.footer1 .entry-meta a {
	color: #333333;
}
.footer1 .entry-meta .meta-in {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.follow-me-icons {
	font-size: 30px;
}
.follow-me-icons i {
	float: left;
	margin: 0 10px 0 0;
	color: #3d84e6;
}
.footer2 {
	background: #101d7b;
	padding: 5px 0;
	color: #aaa;
	font-size: 12px;
}
.footer2 a {
	color: #FFF;
}
.footer2 a:hover {
	color: #fff;
}
.footer2 p {
	margin: 0;
	color: #fff;
}
.panel-simplenav {
	margin-left: -5px;
}
.panel-simplenav a {
	margin: 0 5px;
}
#services .fa {
	color: #3d84e6;
}
/* carousel */
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px 0px 0px;
}
/* Control buttons  */
#quote-carousel .carousel-control {
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
	left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
	right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
	background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active {
	background: #333333;
}
#quote-carousel img {
	width: 250px;
	height: 100px;
}
/* End carousel */

.item blockquote {
	border-left: none;
	margin: 0;
}
.item blockquote img {
	margin-bottom: 10px;
}
.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}
.contact ul {
	padding: 0px;
}
.contact ul li {
	margin-bottom: 10px;
	list-style: none;
}
footer ul li {
	list-style: none;
}
#map-canvas {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
/* ------- */

.isotopeWrapper article {
	margin-bottom: 30px;
}
#portfolio {
}
#portfolio img {
	width: 100%;
}
#portfolio article p {
	margin-bottom: 1.45em;
	/*set next row on the baseline*/;
}
nav#filter {
	margin-bottom: 1.5em;
}
nav#filter li {
	display: inline-block;
	margin: 10px;
}
nav#filter a {
	padding: 15px;
	line-height: 20px;
	text-decoration: none;
	color: #FFFFFF;
    border-left: 0px;
border-right: 0px;
	background: #F9BA36;
}
nav#filter a.current {
	background: #3d84e6;
	color: #fff;
}
.iconColor .fa {
	color: #ee0c45;
}
.portfolio-items article img {
	width: 100%;
}
.portfolio-item {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 4px solid #55DC65;
}
.portfolio-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.portfolio-item .portfolio-desc {
	display: block;
	opacity: 0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220);
}
.fancybox-overlay {
	background: rgba(0, 0, 0, 0.64);
}
.portfolio-item:hover .portfolio-desc {
	padding-top: 20%;
	height: 100%;
	transition: all 200ms ease-in-out 0s;
	opacity: 1;
	background: rgba(61, 61, 61, 0.67);
}
.portfolio-item .portfolio-desc a {
	color: #fff;
	text-align: center;
	display: block;
}
.portfolio-item .portfolio-desc a:hover {
	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
	text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
	top: -20px;
	padding: 30px;
	height: 0;
	opacity: 0;
	position: relative;
}
.portfolio-item:hover .folio-info {
	height: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out 0s;
	top: 5px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.portfolio-item .portfolio-desc .folio-info p {
	color: #ffffff;
	font-size: 12px;
}
.newsBox {
	margin-bottom: 12px;
}
.newsBox img {
	width: 100% !important;
}
/*Da Slider*/
.da-slider {
	width: auto;
	height: auto;
	max-height: initial;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
.da-slide h2 {
	text-align: left;
	top: 15%;
	font-weight: bold;
}
.da-slide p {
	text-align: left;
	top: 40%;
	font-size: 30px;
}
.da-arrows span {
	position: absolute;
	top: 45%;
}
.da-dots span.da-dots-current:after {
	content: '';
	background: #3d84e6;
}
.team-member {
	padding-top: 5px;
	margin-bottom: 15px;
}
.team-heading {
	display: block;
	width: 100%;
}
.member-img {
	overflow: hidden;
}
.member-img img {
	border-radius: 0px; 
}
.team-socials {
	margin: 15px 0;
	display: block;
	text-align: center;
}
.team-socials i {
	width: 35px;
	height: 35px;
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #C7C7C7;
}
.team-socials i:hover {
	color: #3d84e6;
}
.team-member h4 {
	font-size: 19px;
	line-height: 32px;
	padding: 10px 0 0;
	text-align: center;
	margin: 0px;
}
.team-member .pos {
	display: block;
	margin: 0;
	text-align: center;
}
#head.secondary { 
	padding-top: 0px;
	background: #29AAE2;
	text-align: center; 
    padding:10px 0;
	height: 140px; 
}
#head.secondary h1{ 
    COLOR: #fff;
    text-align: center;
}
/*Price table*/
.flat {
	margin: 30px 0;
}
.flat .plan {
	border-radius: 0px;
	list-style: none;
	padding: 0 0 20px;
	margin: 0 0 15px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.29) !important;
}
.flat .plan li {
	padding: 10px 15px;
	color: #ccc;
	border-top: 1px solid #f5f5f5;
	-webkit-transition: 300ms;
	transition: 300ms;
}
.flat .plan li.plan-price {
	border-top: 0;
}
.flat .plan li.plan-name {
	border-radius: 0;
	padding: 15px;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	background: #A5A5A5;
	margin-bottom: 30px;
	border-top: 0;
}
.flat .plan li > strong {
	color: #6B6B6B;
	font-weight: normal;
}
.flat .plan li.plan-action {
	margin-top: 10px;
	border-top: 0;
	border-radius: 0px;
}
.flat .plan.featured {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.flat .plan.featured:hover li.plan-name, .flat .plan:hover li.plan-name, .flat .plan.featured.plan-name {
	background: #F9BA36 !important;
}
.btn {
	/*background: #3d84e6;*/
	color: #fff;
}
.footer2 a {
	padding: 4px 8px;
}
/*.box-shadow{
	border: 5px solid #525252;
  	box-shadow: 3px 3px 0px 1px #CFCFCF;
}*/
.bottom-icons {
	
}

/* --- News and Events --- */

.events-wrapper{
	
}
.divider {
	border-bottom: 1px dotted #e8e8e8;
    padding-bottom: 15px;
	margin-bottom: 30px;
}

.date-label {
	background: #f5f5f5;
	display: inline-block;
	width: 40px;
	height: 50px;
	text-align: center;
	font-size: 13px;
}
.date-label .month{
	display:block;
	background: #29AAE2;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}
.date-label .day{
	display:block;
	padding-top: 5px;
	font-size: 15px;
	font-family: 'open sans', arial, sans-serif;
	font-weight: 500;
}
.title {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 300;
	font-size:20px;
}
.time {
	margin-right: 10px;
}
.time .fa {
	margin-right: 5px;
}
.location .fa {
	margin-right: 5px;
}
.event-desc {
	text-align:justify;
}
.bottom-icons {
  width: 100%;
  margin-top: 18px;
}
.bottom-icons ul {
  list-style: none;
}

.bottom-icons li {
	margin: 0px 0px 30px 0px;
	text-align: center;
	height:125px;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.why-us {
  text-align: center;
  background: url(../images/bottom-icon-about.png) top center no-repeat;
}
.why-us:hover {
  background: url(../images/bottom-icon-about.png) bottom center no-repeat;
}
.school-calendar {
  text-align: center;
  background: url(../images/bottom-icon-calendar.png) top center no-repeat;
}
.school-calendar:hover {
  color: #000;
  background: url(../images/bottom-icon-calendar.png) bottom center no-repeat;
}
.bottom-event {
  text-align: center;
  background: url(../images/bottom-icon-event.png) top center no-repeat;
}
.bottom-event:hover {
  background: url(../images/bottom-icon-event.png) bottom center no-repeat;
}
.principal-desk {
  text-align: center;
  background: url(../images/bottom-icon-principal.png) top center no-repeat;
}
.principal-desk:hover {
  background: url(../images/bottom-icon-principal.png) bottom center no-repeat;
}
.facilities {
  text-align: center;
  background: url(../images/bottom-icon-facilities.png) top center no-repeat;
}
.facilities:hover {
  background: url(../images/bottom-icon-facilities.png) bottom center no-repeat;
}
.eplus {
  text-align: center;
  background: url(../images/bottom-icon-eplus.png) top center no-repeat;
}
.eplus:hover {
  background: url(../images/bottom-icon-eplus.png) bottom center no-repeat;
}
.bottom-icons li a {
	color: #000;
	width: 100%;
	text-align: center;
	display: block;
	height: 100%;
}
.bottom-icons li a span {
	width: 100%;
	float: left;
	font-weight: bold;
	margin-top: 125px;
	display: inline-block;
}
.photo-gallery {
  float: left;
  width: 66%;
  margin-bottom: 30px;
  margin-top: 30px;
}
.gallery-in {
  float: left;
  width: 100%;
}
.gallery-nav {
  height: 100%;
  padding: 0;
  width: 30px;
}
.gallery-nav img{
	position:absolute;
	top:35%;
	left:25%;
}
.gallery-next {
  outline: none;
  cursor: pointer;
  height: 20px;
}
.gallery-previous {
  outline: none;
  cursor: pointer;
  height: 20px;
}
.image-gallery {
  overflow: hidden;
  background-color: transparent;
  float: left;
  left: 4px!important;
  top: 5px!important;
  width:100% !important;
  height: 105px;
}
.image-gallery li {
  width: 146px !important;
  display: block;
  padding: 8px 8px 8px 8px;
  background: #eee;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  float: left;
  height: 103px !important;
  font-family: Arial;
  font-size: 12px;
  margin:0 7px 0 0;
}
.image-gallery li img {
  width: 130px;
  height: 86px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.birthday-details {
  overflow: hidden;
  background-color: transparent;
  float: left;
  left: 4px!important;
  top: 5px!important;
  width:100% !important;
  height: 105px;
}
.birthday-details li {
  width: 285px !important;
  display: block;
  padding: 8px 8px 8px 8px;
  background: #eee;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  float: left;
  height: 103px !important;
  font-family: Arial;
  font-size: 12px;
  margin:0 7px 0 0;
  background:url(../images/birthday-bg.jpg) no-repeat;
  border-top:5px Solid #FaFaFa;
}
.birthday-details li img {
  max-height: 88px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 3px solid #F4E3F3;
}
.birthday-next {
  outline: none;
  cursor: pointer;
  height: 20px;
}
.birthday-previous {
  outline: none;
  cursor: pointer;
  height: 20px;
}
.birthday-image {
	float:left;
	width:20%;
	margin-left:10%;
}
.birthday-image-details {
	float:left;
	width:60%;
	margin-left:10%;
}
.birthday-image-details h4 {
	color:#D30EC8;
	margin-top:5px;
}
.thought-for-the-day {
}
.thought-for-the-day table {
	margin-top: 15px;
}
.thought-for-the-day table td{
	border-top: none !important;
	vertical-align: middle !important;
	font-size: 18px;
}
.thought-for-the-day table td.quote-start {
	width:40px;
	background:url(../images/quote-start.png) no-repeat 10px 10px;
	background-size: 25px;
}
.thought-for-the-day table td.quote-end {
	width:40px;
	background:url(../images/quote-end.png) no-repeat bottom left;
	background-size: 25px;
}
.home-thumbnail .thumbnail {
	min-height:330px;
}
.quote-author {
	font-weight:bold;
	text-align:right;
	color:#f00;
}
.quote{
	padding: 20px 10px !important;
}

.alternate-list-color {
	margin-left: 25px;
	font-weight: bold;
}
.alternate-list-color li {
	padding-bottom: 10px;
}
.alternate-list-color li:before {
	font-family: 'FontAwesome';
    content: '\f061';
	margin: 0 0px 0 -20px;
	color: #333;
	padding-right: 8px;
}
.alternate-list-color li:nth-child(odd) {
	color:#A6A6A6;
}
.alternate-list-color li:nth-child(even) {
	color:#333;
}
.grey-table {
	color: #666;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	background: #eaebec;
	margin: 20px;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.grey-table th{
	padding: 21px 25px 22px 25px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
.grey-table th:first-child{
	text-align: left;
	padding-left: 20px;
}
.grey-table tr:first-child th:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
.grey-table tr:first-child th:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.grey-table tr:nth-child(odd) td {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.grey-table tr:nth-child(even) td {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.grey-table td:first-child {
  text-align: left;
  padding-left: 20px;
  border-left: 0;
}
.grey-table tr:hover td {
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
.grey-table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.grey-table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.grey-table tr:last-child td {
  border-bottom: 0;
}
.video-item {
}
.video-item h3 {
	text-align: center;
}
.video-item .video.embed-responsive {
	min-height: 400px;
	max-width: 700px;
	margin: 0 auto;
}
.video-item .video.embed-responsive .embed-responsive-item {
	border: 1px solid #ddd;
	padding: 6px;
}
.video-item .video.embed-responsive .embed-responsive-item:hover {
	background: #eee;
	border-color: #bbb;
}
.about-four-nav {
	margin-top: 35px;
/*	border: 1px solid #ccc;
	border-top: 7px solid #ccc;*/
}
.about-four-nav li{
	line-height: 36px;
}
.about-four-nav li a{
	display:block;
	text-decoration:none;
	color:#666;
	font-weight: bold;
}
.about-four-nav li a.active{
	color: #7a9f20;
}
.about-four-nav li a span{
	display:block;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	transition: width 0.5s;
}
.about-four-nav li a span.bottom-shade{
	height:4px;
	width:15%;
	background: #cdcdcd;
}
.about-four-nav li a.active span.bottom-shade, .about-four-nav li a:hover span.bottom-shade{
	width:100%;
	background: #73D3FE;
}
.about-four-nav li a span.static-border{
	height: 1px;
	background-color: #CDCDCD;
	position: relative;
	top: -1px;
	z-index: -1;
}
.text-list {
	list-style-type: disc;
	padding-left: 25px;
}
.text-list li{
	padding-bottom: 10px;
}
.house-details 
{
    font-size:15px;
}
.house-details span
{
    color:#f00;
}
.house-image 
{
}
.house-image img
{
    padding:5px;
    border:1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #ccc;
}

.form-group 
{
    position:relative;
}
.form-group .form-validation
{
    position:absolute;
    top: 20px;
    right: -10px;
}
/**
  MEDIA QUERIES
*/
@media (max-width: 767px) {
#head.secondary {
	height: 80px;
	min-height: 80px;
	background-size: initial;
}
#camera_wrap_4, #head{
height:370px !important;
}
#head .lead {
	font-size: 34px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#quote-carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
	margin-top: 30px;
}
}

@media (max-width: 767px) {
.navbar-collapse ul {
	text-align: right;
	margin-right: 0px;
}
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #head.secondary { 
height: 157px !important;
}
#camera_wrap_4, #head{
height:370px !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
	font-size: 13px;
}
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
text-align: right;
}
#quote-carousel .carousel-indicators {
	bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
	display: inline-block;
	margin: 0px 5px;
	width: 15px;
	height: 15px;
}
#quote-carousel .carousel-indicators li.active {
	margin: 0px 5px;
	width: 20px;
	height: 20px;
}
.footer2 p {
	margin: 0;
	text-align: center;
}
}

@media (max-width: 420px) { 
#camera_wrap_4, #head{
height:380px !important;
}
.da-slide h2 {
	font-size: 28px;
}
.da-slide p {
	font-size: 19px;
	font-weight: 400;
}
}
@media (max-width: 480px) {
.grey-box-head {
	background-size: 30%;
}
.gallery a img 
{
  width: auto;
  height: auto;
}

}
.camera_caption h2 {
border-bottom: 4px solid #1fcdff;
font-family: 'Open Sans', sans-serif;
font-size: 100px;
font-weight: 700;
letter-spacing: -2px;
}
.camera_fakehover:before {
content: '';
width: 100%;
height: initial;
z-index: 99999;
position: absolute;
height: inherit;
width: 100%;
left: 0px;
}
.grey-box-icon { 
	padding: 15px 20px 20px 20px;
	text-align: center;
	margin-top: 40px;
	position: relative;
	min-height: 320px;
}
.grey-box-icon-pos{
    margin-top: -88px;
    margin-bottom: 31px;
}
.grey-box-icon:hover .fontawesome-icon.circle-white {
background-color: #f6f6f6;
color: #697277;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.footer_post li {
float: left;
margin: 2px;
list-style: none;
}

.video-list-thumbs{}
.video-list-thumbs > li{
    margin-bottom:12px
}
.video-list-thumbs > li:last-child{}
.video-list-thumbs > li > a{
	display:block;
	position:relative;
	/*background-color: #F5F5F5;*/
	color: #fff;
	padding: 5px;
	border-radius: 0;
	border: 1px solid #E6E6E6;
}
.video-list-thumbs > li > a:hover{
	/*background-color: #E6E6E6;*/
	transition:all 500ms ease;
	box-shadow:0 2px 4px rgba(0,0,0,.3);
	text-decoration:none
}
.video-list-thumbs h2{
	bottom: 0;
	font-size: 14px;
	margin: 8px 0 0;
	padding: 10px;
	color: #1F1F1F;
	line-height: 25px;
}
.video-list-thumbs figure{
	position:relative;
}
.video-list-thumbs figure .play-button{
    font-size: 60px;
    opacity: 0.6;
    position: absolute;
    right: 43%;
    top: 42%;
    background: url(../images/playbutton.png) no-repeat;
    width: 36px;
    height: 36px;
}
.video-list-thumbs > figure > li > a:hover .play-button{
	color:#fff;
	opacity:1; 
	transition:all 500ms ease;
}
.video-list-thumbs .duration{
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	left: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute;
	top: 12px;
}
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
	transition:all 500ms ease;
}
.video-list-thumbs > li > a p{
	padding: 0 5px;
	color:#1a1a1a;
}
.video-list-thumbs > li > a p strong{
	color: #FFA200;
}
.navbar-nav>li>.dropdown-menu {
	background-color: rgb(46, 58, 144);
}
.navbar-nav .dropdown-menu > li > a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}
.navbar-nav .dropdown-menu > li > a {
    padding: 10px 20px;
}
.brand-image
{
    position: relative;
    top: -83px;
    left: 23%;
}
.brand-image-about {
    position: relative;
    top: -23px;
    left: 23%;
}
.brand-image-student {
    position: relative;
    top: -41px;
    left: 23%;
}
.brand-image-program {
    position: relative;
    left: 23%;
}
.brand-image-litera-octave {
    position: relative;
    top: 0px;
    left: 23%;
}
.student-brand-text {
    font-size: 25px;
    position: relative;
    left: 43%;
    top: -113px;
    width: 30%;
}
.program-brand-text {
    font-size: 25px;
    position: relative;
    left: 45.5%;
    top: -148px;
    width: 30%;
}
.birthday-inside
{
        visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 25px;
    top: 0px;
    width: 190px;
}
.program
{
    position: absolute;
    top: 470px;
    left: 43.7%;
    font-size: 25px;
    color: #fff;
}
.about-brand-text
{
    font-size: 25px;
    position: relative;
    left: 47.5%;
    top: -98px;
    width: 30%;
}
.programmes
{
    background-image: url("../images/Screenshot-1.jpg");
    width:100%;
    height: 530px;
}

@media (min-width:320px) and (max-width: 480px)  
{
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
    padding: 15px;
}
.navbar-nav>li>.dropdown-menu {
    background-color: rgb(53, 67, 167) !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    padding: 13px;
}
.navbar-inverse .navbar-nav > li > a.btn-primary {
    padding: 15px 15px;
}
.video-list-thumbs .glyphicon-play-circle{
font-size: 35px;
right: 36%;
top: 27%;
}
	.brand-image {
    position: relative;
    top: -11px;
    left: 0;
}
.brand-image-about {
    position: relative;
    top: -11px;
    left: 0;
}
.brand-image-student {
    position: relative;
    top: -30px;
        left: 0;
}
.brand-image-program {
    position: relative;
    top: -10px;
    left: 0;
}
.brand-image-litera-octave {
    position: relative;
    top: 0px;
    left: 0;
}
.program-brand-text {
    font-size: 11px;
    position: relative;
    left: 39.5%;
    top: -95px;
    width: 30%;
}
.about-brand-text {
    font-size: 11px;
    position: relative;
    left: 42.5%;
    top: -45px;
    width: 30%;
}
.student-brand-text {
    font-size: 11px;
    position: relative;
    left: 36%;
    top: -65px;
    width: 30%;
}
.flexslider .slides img {
    height: 150px !important;
}
.flex-control-paging li a 
{
    display:none !important;
    }
.program {
    position: absolute;
    top: 257px;
    left: 37.4%;
    font-size: 10px;
    color: #fff;
}
.video-list-thumbs h2{
	bottom: 0;
	font-size: 12px;
	/*height: 22px;*/
	margin: 8px 0 0;
}
.birthday-details {
    overflow: hidden;
    background-color: transparent;
    float: left;
    left: 4px!important;
    top: 5px!important;
    width: 250px !important;
    height: 105px;
}
.gallery-nav {
    padding: 0;
    width: 30px;
    height:0;
}
.gallery-nav img {
    display: none;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.image-gallery li {
    width: 155px !important;
}

}
@media (min-width: 768px) {
	.navbar-nav>li>.dropdown-menu {
	  margin: 0 0 0 5px;
	  padding:0px 0px;
	}
	
}
@media (max-width: 768px) {
.navbar-inverse .navbar-nav > li > a.btn-primary 
	{
        width: 100%;
        max-width: 100%;
	}
}
@media (min-width:768px) and (max-width: 992px) 
{
    .nav>li>a 
    {
        
    }
}

@media (min-width: 992px) {
	.grey-box-content{
		min-height: 140px;
	}
	/*.grey-box-head{
		display:none;
	}*/
	
}
@media (max-width: 991px) {
	.grey-box-icon{
		margin-top: 100px;
	}
	.grey-box-head {
		
	}
	.flexslider{margin-bottom:0 !important;}
}

ol.rectangle-list {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    /*margin-bottom: 4em;*/
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol.rectangle-list ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.rectangle-list li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #eee;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

.rectangle-list li:hover{
    background: #ddd;
}   

.rectangle-list li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -37px;
	top: 0;
	background: #70D7FF;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}

.rectangle-list li:after{
	position: absolute;
	content: '';
	border: 7px solid transparent;
	left: -14px;
	top: 15px;
	margin-top: -7px;
	transition: all .3s ease-out;             
}
.rectangle-list li:hover:after{
    left: -7px;
    border-left-color: #70D7FF;             
}

.form-download {
	position: absolute;
	right: 0;
	top: 15px;
	padding: 10px 10px;
	background: #fafafa;
	border: 1px solid #eee;
}
.form-download .btn{
	margin-left: 5px;
	padding: 5px 20px;
}
.form-download h4 {
	margin: 0 0 10px 0;
	text-align: center;
}
.contact-info .fa{
	width:20px;
}

.popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 50;
	display:none;
}
.popup-inner {
	margin:0 auto;
	position:relative;
}
.summer-camp-inner{
	width:720px;
	top:15%;
}
.popup-close {
	position:absolute;
	right: 10px;
	top: -10px;	
	cursor:pointer;
}
.popup-content {
	
}
.admission-list {
	list-style-type: disc;
	text-align: left;
	margin-left: 40px;
}
#CPHMlz_SchoolCalender
{
    width: 100%;
}
#CPHMlz_SchoolCalender td, #CPHMlz_SchoolCalender th
{
    padding: 8px;
}
#CPHMlz_SchoolCalender tbody tr:first-child td
{
    padding:5px 8px;
}
.calendar-head td
{
    color: #fff;
}
.inner-calendar-head td
{
    background-color: #e1e1e1 !important;
    font-weight: bold;
    text-align: center;
}
.inner-calendar
{
    max-width: 850px;
    margin: 25px auto;
}
.inner-calendar td
{
    text-align: center;
}
        
.Event
{
    color: #965C05;
}
.Holiday
{
    color: #06538F;
}

.calender > tbody > tr > td:first-child, .calender > tbody > tr > th:first-child
{
      border-left: 1px solid #555;
}
.calender > tbody > tr > td:last-child, .calender > tbody > tr > th:last-child
{
      border-right: 1px solid #555;
}
.calender > tbody > tr:last-child > td
{
      border-bottom: 1px solid #555;
}
.calender > tbody > tr:first-child > td
{
      border-top: 1px solid #555;
}
.calender > tbody > tr > td, .calender > tbody > tr > th
{
    border: 1px solid #FFF;
} 
.calender > tbody > tr > th 
{
      background-color: #ddd;
} 

/*.canlendar-popup {
    background: url(../images/grey-bg.png);
    background: rgba(153,153,153,0.6);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.calendar_message_inner 
{
    width: 290px;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 90px;
}
.message_border_box {
  background: #6a6a6a;
  padding: 10px;
  border-radius: 5px;
}
.calendar_message_inner h3 {
  background: url(../images/message_header.png) repeat-x;
  height: 35px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid #fff;
    margin: 0;
}
.calendar_message_inner h3 > span {
  height: 100%;
  display: block;
  float: left;
  text-align: center;
}
.calendar_msg_content {
  border: 1px solid #c4c4c4;
  background: #fff;
  padding: 10px;
  color: #666;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  max-height: 300px;
  overflow: auto;
}*/

.home-calendar 
{
    position:relative;
}
.calendar-event {outline:none; }
.calendar-event strong {line-height:30px;}
.calendar-event-info {
    z-index:10; 
    display:none;
    position:absolute;
    padding:14px 20px;
    width:100%; 
    line-height:16px;
    border: 5px solid #BFD3DB;
    color:#333;
    background:#fafafa;
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #BABABA;
}
.calendar-event h4
{
    color: #139ED6;
    margin-top: 0;
}
.callout 
{
    z-index:20;
    position:absolute;
    border:0;
    top:-20px;
}

.list-check 
{
}
.list-check li
{
    padding: 3px 10px 3px 23px;
    position: relative;
    font-size: 16px;
}
.list-check li:before
{
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    left: 0;
    color: #00B5FF;
}


/*===== Academic Experience ====*/
.academic-experience-container{width:830px; margin:0 auto;}
.academic-experience-container .academic-experience-tree{width:408px; height:900px; position:relative; margin:0px; left:0;float:left;}
.academic-experience-tree .academic-life-skill{width:350px; height:296px; display:block; margin:11px 0 0 67px; position:relative; z-index:10; background:url(../images/academic-exp-life-skill.png) no-repeat 0 0;}
.academic-experience-tree .academic-knowledge{width:228px; height:351px; background:url(../images/academic-exp-knowledge.png) no-repeat 0 0; display:block; margin:-133px 0 0 86px; position:relative; z-index:20; }
.academic-experience-tree .academic-core-value{width:336px; height:337px; background:url(../images/academic-exp-core-value.png) no-repeat 0 0; display:block; margin:-15px 0 0 10px; position:relative; z-index:30;}
.academic-experience-container .academic-life-skill:hover, .academic-experience-container .academic-life-skill.selected{background-position:-350px 0;}
.academic-experience-container .academic-knowledge:hover, .academic-experience-container .academic-knowledge.selected{background-position:-228px 0;}
.academic-experience-container .academic-core-value:hover, .academic-experience-container .academic-core-value.selected{background-position:-336px 0;}
.academic-experience-container .academic-experience-details{width:395px; position:relative; min-height:900px; display:none;float:right;}
.academic-experience-details .life-skill-pointer,
.academic-experience-details .knowledge-pointer,
.academic-experience-details .core-value-pointer{position:absolute; left:-29px; width:29px; height:29px;}
.academic-experience-details .life-skill-pointer {top:96px; background:url(../images/litera-octave-pointer.png) no-repeat 0 0;}
.academic-experience-details .knowledge-pointer{top:329px; background:url(../images/litera-octave-pointer.png) no-repeat 0 -29px;}
.academic-experience-details .core-value-pointer{top:561px; background:url(../images/litera-octave-pointer.png) no-repeat 0 -58px;}

.academic-experience-details .academic-experience-tree-content{width:550px; padding:0px 18px; display:none; min-height:702px; position:absolute; left:29px; top:41px; background:#72bf44; border:9px solid #6ea41d; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -o-border-radius:9px; -ms-border-radius:9px;}

.academic-experience-tree-content h2{text-transform:uppercase; color:#41630f; font-size:24px; line-height:60px; background:url(../images/life-skill.png) no-repeat right center; border-bottom:1px dashed #6ea41d; height:88px; padding-bottom:5px; margin-bottom:12px;}
.academic-experience-tree-content h6{font-size:1.2em; color:#41630f; line-height:2.25em; margin-bottom:5px;}
.academic-experience-tree-content p{color:#fff; font-size:1.2em; line-height:1.4166em; margin-bottom:4px;}

.academic-experience-details .academic-experience-tree-content .life-skill-arrow,
.academic-experience-details .academic-experience-tree-content .knowledge-arrow,
.academic-experience-details .academic-experience-tree-content .core-value-arrow{position:absolute; left:-27px; width:19px; height:26px;}
.academic-experience-details .academic-experience-tree-content .life-skill-arrow{top:47px; background:url(../images/litera-octave-arrow.png) no-repeat 0 0;}
.academic-experience-details .academic-experience-tree-content .knowledge-arrow{top:281px; background:url(../images/litera-octave-arrow.png) no-repeat 0 -26px;}
.academic-experience-details .academic-experience-tree-content .core-value-arrow{top:513px; background:url(../images/litera-octave-arrow.png) no-repeat 0 -52px;}

.academic-experience-details #ack{border-color:#0c4777; background:#1e85b3;}
.academic-experience-details #ack h2{border-color:#0c4777; color:#0c4777; background:url(../images/knowledge.png) no-repeat right 0;}
.academic-experience-details #ack h6{color:#0c4777;}

.academic-experience-details #aeck{border-color:#6f7071; background:#808285;}
.academic-experience-details #aeck h2{color:#414042; border-color:#6f7071; background:url(../images/core-values.png) no-repeat right center; }

.academic-experience-details .experience-section{overflow:auto; height:680px;}
.academic-experience-details #aeck h6{color:#414042;}


.litera-octave-description{border-top:1px solid #dadada; padding:40px 0 40px 66px;}
.litera-octave-description .litera-octave-picture{width:297px; height:233px; position:relative; border:1px solid #dadada; background:#f0f0f0; margin:0 35px 0 0px;}
.litera-octave-description .litera-octave-picture img{position:absolute; left:50%; top:50%; margin:-108px -110px;}

.litera-octave-description .litera-octave-berif{width:380px;}
.litera-octave-description .litera-octave-berif h3{font-size:2.5em; color:#000; line-height:1em; margin:0 0 13px 0;}
.litera-octave-description .litera-octave-berif p{font-size:1.2em; line-height:1.4166em; color:#5d5d5d; margin:0 0 20px 0;}
.litera-octave-description .litera-octave-berif a{text-decoration:none; color:#e1031b; font-size:1.2em; font-weight:bold; line-height:1.7842em;}
.litera-octave-description .litera-octave-berif a:hover{text-decoration:underline;}

/*=== End Academic Experience ==*/

/*=== Start Modal Details ==*/
.modal-header
{
    text-align: center;
    background-color: #1F4C02;
    color: #fff;
}
.modal-header h4
{
    color: #fff;
    margin: 0;
}

.semi-bold
{
    font-weight: 680;
}

.bold
{
    font-weight: bold;
}

.no-margin
{
    margin: 0px !important;
}

.modal-body
{
    background-color: #FFFFFF;
 }
 
 
 .modal-body ul
 {
     list-style-type: none;
     padding-left:0px;
     
  }
     
.modal-body .grid.simple .grid-body
{
    background-color: #ffffff;
    padding: 10px;
    border-top: 1px solid #dddddd;
    color: #fff;
}

.modal-body li a
{ font-size:20px;
  color : #fff;
  background-color : #102300;
  font-family : 'Open Sans', Arial, Calibri;
  max-height:35px;
  vertical-align: top;
  list-style-type: none;
  padding-top: 5px;
  margin-bottom:8px;
}

.modal-body a
{
    vertical-align: top;
    max-height:20px;
    margin-bottom:5px;
}
.modal-default .modal-header{text-align:center}
.modal-primary .modal-content{background-color:#00e2f0;border:none}
.modal-primary .modal-header{text-align:center}
.modal-primary .modal-header .close{color:#fff;opacity:1}
.modal-primary .modal-body,.modal-primary .modal-header h4{color:#fff}
.modal-success .modal-content{background-color:#00a2b4;border:none}
.modal-success .modal-header{text-align:center}
.modal-success .modal-header .close{color:#fff;opacity:1}
.modal-success .modal-body,.modal-success .modal-header h4{color:#fff}
.modal-info .modal-content{background-color:#9c27b0;border:none}
.modal-info .modal-header{text-align:center}
.modal-info .modal-header .close{color:#fff;opacity:1}
.modal-info .modal-body,.modal-info .modal-header h4{color:#fff}
.modal-warning .modal-content{background-color:#ffeb3b;border:none}
.modal-warning .modal-header{text-align:center;border-bottom:1px solid #a87326}
.modal-warning .modal-header .close{color:#a87326;opacity:1}
.modal-warning .modal-body,.modal-warning .modal-header h4{color:#a87326}
.modal-warning .modal-footer{border-top:1px solid #a87326}
.modal-danger .modal-content{background-color:#db008c;border:none}
.modal-danger .modal-header{text-align:center}
.modal-danger .modal-header .close{color:#fff;opacity:1}
.modal-danger .modal-body,.modal-danger .modal-header h4{color:#fff}

.form-row input, .form-row select, .form-row textarea, .form-row select2
{
    margin-bottom: 10px;
}

.modal-footer
{
    border-top: none;
    box-shadow: none;
    background-color: #F3F5F6;
    margin-top: 0;
    text-align: right;
}
.modal-footer .btn[data-dismiss="modal"]
{
    background-color: #939393;
    color: #fff;
}

.modal-footer .btn + .btn
{
    margin-bottom: 0;
    margin-left: 5px;
}

/*=== End Modal Details ==*/

/*  --- Popup css codes ---- */

    .overlay-bg {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        height:100%;
        width: 100%;
        cursor: pointer;
        z-index: 1000; /* high z-index */
        background: #000; /* fallback */
        background: rgba(0,0,0,0.75);
    }
    .overlay-content {
        display:none;
        background: #fff;
        padding: 1%;
        width: 38%;
        position: absolute;
        top: 15%;
        left: 33%;
        margin: 0 0 0 -10%; /* add negative left margin for half the width to center the div */
        cursor: default;
        z-index: 10001;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0,0,0,0.9);
    }
    .overlay-content a
    {
        height:600px;
        width:90%;
        margin-left:7%
    }   
 
    .close-btn {
        cursor: pointer;
        border: 1px solid #333;
        padding: 1% 1%;
        background: #fff; /* fallback */
        background: -moz-linear-gradient(top,  #fff 0%, #fff 4%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(4%,#fff), color-stop(100%,#fff));
        background: -webkit-linear-gradient(top,  #fff 0%,#fff 4%,#fff 100%);
        background: -o-linear-gradient(top,  #fff 0%,#fff 4%,#fff 100%);
        background: -ms-linear-gradient(top,  #fff 0%,#77d3ef 4%,#fff 100%);
        background: linear-gradient(to bottom,  #fff 0%,#fff 4%,#fff 100%);
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }
    .close-btn:hover {
        background: #05abe0;
    }
    .navbar-inverse .navbar-nav > .open > a {
        background: #2e3a90;
        color: white;
    }