,@charset="UTF-8"
*{	margin:0px;
	padding:0px;}
*{margin:0px;
padding:0px;
font-family: Verdana, sans-serif;
-webkit-font-family: Verdana, sans-serif;
z-index:2;}

/*floating-form==================================================================================================*/

.floating-form { /*contact form wrapper*/
    width: 400px;
    padding: 15px;
    border: 1px solid #ddd;
    left: 0px;
	top:20%;
	background:#ffffff;
    position: fixed; /*Form position fixed*/
	z-index:99;
    border-radius: 0px 10px 10px 0px;
    }
.contact-opener { /*opener button*/
    position: absolute;
	width:50px;
	right:-50;
    top: 30%;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
}
.contact-opener button{
	border-radius: 0px 5px 5px 0px;
}
.floating-form-heading h3{
	width:100%;
	text-align:center;
	margin-top:0px;
	color:#e54040;
}
.floating-form-heading p{
	color:#888;
	text-align:center;
}
#contact_body .row label, #contact_body .row input, #contact_body .row textarea{
	padding:5px 15px;
	font-size:18px;
	color:#555;
}
#contact_body .row textarea{
	max-width:66%;
	max-height:150px;
}
#contact_body .row .checkbox label{
	font-size:13px;
}
/*Navbar==================================================================================================*/
.navbar{
	height:120px;
	background:#fff;
}
.navbar .navbar-brand{
	height:120px;
	padding:0px;
}
.navbar .navbar-brand img{
	margin-top:4%;
	height:80%;
}
#navigation > ul{
	margin-top:35px;
}
#navigation >ul >li >a{
	color:#3d3d3d;
	font-weight:bold;
}
#navigation >ul >li:hover > a{
	color:#ffa800;
}
.sub1 li{
	background-color:#636fe1;
	margin:0px;
}
.sub1{
	display:none;
	position: absolute;
	left:15px;
	list-style-type:none;
	width:150px;
	text-align:left;
	transition: display 1s linear;
	
}
.sub1 li a{
	font-variant:normal;
	font-weight: bold;
	text-decoration:none;
	display:block;
	padding:10px;
	color:#fff;
}
.sub1 li .blank{
	height:20px;
	background:transparent;
}
.caret1 {display: inline-block;
	width: 0;
	height: 0;
	margin-left: 50px;
	vertical-align: middle;
	border-bottom: 4px dashed #636fe1;
	border-bottom: 4px solid \9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;}
#navigation ul li:hover .sub1{
	display:block;
}
#navigation ul li .sub1 li:hover{
	background-color:#7884f3;
}
/*enroll-form==========================================================================================================================*/

#enroll-form{
	position:fixed;
	left:0%;
	top:40%;
}
#enroll-form button{
	border-radius:0px 5px 5px 0px;
	font-size:14px;
}
/*jumbotron==========================================================================================================================*/
#home{
	text-align:center;
	/*background-image:url('../images/kids.png');*/
	background-repeat:no-repeat;
	background-position: 50% 100%;
	margin:0px;
}
#home{
	margin-top:90px;
	padding:20px;
}
#home h1{
	margin-top:130px;
	font-weight:bold;
}
#home .ribbon{
	text-align:center;
	
}
#home h2{
	margin-top:0px;
	font-weight:bold;
	color:#a91a1a;
	font-family:"Comic Sans MS", cursive, sans-serif;
}
/*Features==========================================================================================================================*/
#features{
	background:#eeeeee;
}
#features .panel{
	height:350px;
	background:#eeeeee;
	box-shadow:none;
}
.features-p{
	height:0px;
}
.panel-heading img{
	margin:auto;
}
.panel-heading p{
	visibility:hidden;
	opacity: 0;
	transition: all 0.1s linear;
	color:#888;
}
.panel-heading hr{
	border-top: 3px solid #006699;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	transition: all 0.3s linear;
}
.panel-heading:hover hr{
	margin-top:70px;
}
.panel-heading:hover  p{
	visibility:visible;
	opacity:1;
}
/*Aboutus==========================================================================================================================*/
#about-us{
	background:#54b5bc;
}

#about-us h1{
	text-align:center;
	font-variant: small-caps;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:50px;
	color: #ffffff;
}
#about-us .row{
	height:500px;
}
#about-left{
	height:100%;
	background-image:url('../images/aboutus.png');
	background-size:100%;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
#about-us .row p{
	color:#fff;
	font-size:16px;
}
#about-us .row ul{
	margin-left:30px;
	color:#fff;
	font-size: 15px;
	list-style-type:square;
}
#about-us .row ul li{
	margin:5px;
}
#about-us .row ul li a{
	text-decoration:none;
	color:#fbfbfb;
	font-weight:bold;
}
#about-us .row ul  li a:hover{
	color:#555;
	
}
/*Courses==========================================================================================================================*/
#courses{
	background:#eeeeee;
}
#courses h1{
	text-align:center;
	font-variant: small-caps;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:50px;
}
#courses .container{
	margin-bottom:50px;
}
#courses .course-img{
	margin:0px;
	padding:0px;
	overflow:hidden;
	border-radius:25px;
}
#courses .course-img img{
	transition: transform 2s ease;
}
#courses .row:hover > .course-img img{
	transform:scale(1.1); 
}
#courses .course-details{
	padding-left:30px;
}
#courses .course-details h2{
	margin-top:0px;
	font-weight:bold;
	margin-bottom:30px;
	color:#333;
}
#courses .course-details h2 a{
	text-decoration:none;
}
#courses .course-details h2 a:hover{
	color:#ffa800;
}
#courses .course-details p{
	font-size:17px;
	color:#555;
}
#courses .course-details ul{
	margin-left:25px;
}
#courses .row{
	margin:30px 0px;
}
#courses .course-details button{
	margin:5px 0px;
	border-radius:0px;
	background:#fff;
	color:#000;
	transition: all 0.2s ease;
	text-transform:uppercase;
	box-shadow:none;
}
#courses .course-details button:hover{
	background:#ffa800;
	color:#fff;
}
/*course-modals==========================================================================================================================*/
#course-modals .in{
	padding-right:0px;
}
#course-modals .modal{
	padding-right:0px;
}
#course-modals .modal-dialog {
	border-radius:0px;
	width:80%;
	border:0px;
}
#course-modals .modal-content{
	border-radius:0px;
	border:0px;
	box-shadow:none;
	color:#fff;
}
#course-modal-1 .modal-content{
	background: #16a085;
	background:linear-gradient(left, #16a085, #1abc9c, #16a085);
	background:-webkit-linear-gradient(left, #16a085, #1abc9c, #16a085);
	background:-o-linear-gradient(left, #16a085, #1abc9c, #16a085);
	background:-moz-linear-gradient(left, #16a085, #1abc9c, #16a085);
}
#course-modal-2 .modal-content{
	background: #27ae60;
	background:linear-gradient(left, #27ae60, #2ecc71, #27ae60);
	background:-webkit-linear-gradient(left, #27ae60, #2ecc71, #27ae60);
	background:-o-linear-gradient(left, #27ae60, #2ecc71, #27ae60);
	background:-moz-linear-gradient(left, #27ae60, #2ecc71, #27ae60);
}
#course-modal-3 .modal-content{
	background: #9b59b6;
	background:linear-gradient(left, #8e44ad, #9b59b6, #8e44ad);
	background:-webkit-linear-gradient(left, #8e44ad, #9b59b6, #8e44ad);
	background:-o-linear-gradient(left, #8e44ad, #9b59b6, #8e44ad);
	background:-moz-linear-gradient(left, #8e44ad, #9b59b6, #8e44ad);
}
#course-modal-4 .modal-content{
	background: #3498db;
	background:linear-gradient(left, #2980b9, #3498db, #2980b9);
	background:-webkit-linear-gradient(left, #2980b9, #3498db, #2980b9);
	background:-o-linear-gradient(left, #2980b9, #3498db, #2980b9);
	background:-moz-linear-gradient(left, #2980b9, #3498db, #2980b9);
}
#course-modals .modal-dialog .modal-body{
	border-radius:0px;
	border-bottom:1px dashed #fff;
	border-top:1px dashed #fff;
	background:none;
	width:100%;
	margin:auto;
}
#course-modals .modal-dialog .modal-body img{
	float:left;
	width:100%;
	margin:0px 50px 10px 0px;
}
#course-modals .modal-dialog .modal-body a{
	text-decoration:none;
	color:#fff;
	transition:color 0.5s ease;
}
#course-modals .modal-dialog .modal-body a:hover{
	color:#006699;
}
#course-modals .modal-body ol, #course-modals .modal-body ul{
	margin-left:15px;
}
#course-modals .modal-body p{
	font-size:17px;
}
#course-modals .modal-body ul, #course-modals .modal-body ol {
	font-size:16px;
}
#course-modals .modal-header{
	border:0px;
}
#course-modals .modal-header img{
	position:absolute;
	top:0%;
	right:0%;
	filter:grayscale(100%);
	transition: filter 0.5s ease;
	width:22px;
}
#course-modals .modal-header img:hover{
	filter:grayscale(0%);
}
#course-modals .modal-footer{
	border:0px;
}
#close-modal{
	width:10%;
}
.modal-header h2{
	color:#fff;
	font-weight:bold;
}
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
  padding-right:0px;
}

/*gallery==========================================================================================================================*/
#gallery{
	background:#9ebe3b;
}
#gallery h1{
	text-align:center;
	font-variant: small-caps;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:50px;
	color:#fff;
}
#gallery .row > div {
	margin-bottom:25px;
}
#gallery .row img{
	box-shadow:1px 1px 5px black;
	transition: all 1s ease;
	filter:sepia(100%);
	width:100%;
}
#gallery .row  img:hover {
	transform: rotate(3deg);
	filter:sepia(0%);
}
#view-gallery{
	text-align: center;
	margin-top:25px;
}
#view-gallery a{
	text-decoration:none;
	font-size:20px;
	border-radius:0px;
	border:2px solid #fff;
	background:#9ebe3b;
	transition:all 0.3s ease;
}

#view-gallery a:hover{
	background:#fff;
	color:#9ebe3b;
}

#gallery .container{
	margin-bottom:25px;
}
/*contact-us==========================================================================================================================*/
#contact-us{
	background:#eeeeee;
}

#contact-us h1{
	text-align:center;
	font-variant: small-caps;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:50px;
}
#contact-us .row .form-group{
	width:100%;
}
#contact-us .row .form-group input, #contact-us .row .form-group textarea, #contact-us .row .form-group button{
	width:100%;
	line-height:35px;
	padding:5px 15px;
	font-size:20px;
	margin:10px 10px; 
}
#contact-us .row .form-group textarea{
	max-height:300px;
	max-width:100%;
}
#contact-us #map{
	margin-bottom:50px;
}
#contact-us #contact-info{
	background-image:url('../images/world_map.png');
	background-size:cover;
}
#contact-us #kz-address img{
	width:25%;
	margin:25px auto 25px;
}
#contact-us #kz-phone img{
	width:25%;
	margin:25px auto 25px;
}
#contact-us #kz-email img{
	width:25%;
	margin:25px auto 25px;
}
#contact-us .container{
	margin-bottom:50px;
}
/*footer============================================================================================================*/

#footer {
	background:#006699;
}
#footer .row{
	color:#333;
	margin-bottom:0px;
	background-image:url('../images/kids2.png');
	background-repeat:no-repeat;
	background-position: 100% 15%;
	background-size:40%;
}
#footer .row h3{
	font-weight:bold;
}
#footer .row ul{
	list-style:none;
	margin:30px;
}
#footer .row .list-inline{
	margin:10px;
}
#footer .row ul li {
	margin:10px;
}
#footer .row ul li a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	transition: color 0.1s ease;
}
#footer .row ul li a:hover{
	color:#ffa800;
}

#footer2{
	background:#e3e3e3;
}
#footer2 .row{
	text-align:center;
	margin:0px;
	padding:5px;
	margin-bottom:0px;
	color: #000;
}
#footer2 .row p{
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#777;
}
#social ul li{
	margin: 10px 15px;
} 
#social ul li a img{
	width:100%;
	filter: drop-shadow(0px 0px 1px #006699);
	transition: all 0.5s ease;
}
#social ul li a img:hover{
	filter:  drop-shadow(0px 0px 1px #fff);
	transform: rotateZ(360deg);
}