/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:'';}
strong { font-weight: bold; }
em { font-style: italic; }
.italic { font-style: italic;}
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:24px;}
.alignright { float:right;margin:24px; }
.no-margin{margin:0px !important;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:81px;}
.margin-b36{margin-bottom:36px;}
.margin-b16{margin-bottom:16px;}
.margin-b24{margin-bottom:24px;}
.margin-t24{margin-top:24px;}
.margin-b32{margin-bottom:32px;}
.margin-t32{margin-top:32px;}
.margin-b54{
	margin-bottom:34px;
}
.margin-t54{margin-top:54px;}
.margin-t72{
	margin-top:2px;
}
.margin-b72{margin-bottom:72px;}
.margin-72{margin:72px 0;}
.padding-72{padding:72px 0;}
.margin-t15{margin-top:15px;}
.column-clear{clear:both;}
div { position:relative; } 
a:active,a:focus{outline: none;
text-decoration:none;}


body{
	font-size:16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color:#505a63;
	background-attachment: scroll;
	background-color: #E9F8FC;
	background-image: url(images/bkg3.png);
	background-repeat: repeat;
	background-position: center center;
}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

a{color:#3cbee6;text-decoration:none;}
a:hover{
	text-decoration:underline;
	color:#3cbee6;
	font-style: italic;
}

	h1 {font-size:54px;}
	h2 {font-size:48px;}
	h3 {font-size:36px;}
	h4 {font-size:32px;}
	h5 {font-size:24px;}
	h6 {font-size:16px;}
	
	h1,h2,h3,h4,h5, h6{
	font-family: "Lato", "Arial", sans-serif;
	line-height:1.2;
	color: #1D2122;
	margin-bottom:12px;
}
	p {
	font-size:16px;
	line-height:1.5;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

div p:last-child{margin-bottom:0;}

ul, ol {margin: 0 0 16px 24px;}		

.alignc{text-align:center;}
.none{display:none;}

blockquote {
    background:#f5f5f5;
    border-left: 3px solid #d5d5d5;
    font-size: 16px;
    font-style: italic;
    margin-bottom:24px;
    padding: 24px 24px 24px 72px;
    position: relative;
}

blockquote:before {
	color: #d5d5d5;
	display: block;
	font-family: 'FontAwesome';
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	left: 24px;
	line-height: 1;
	position: absolute;
	top: 19px;
}


/* PAGES GENERAL */

#main{background:#ffffff;}

.txt-color{color:#3cbee6;}

.btn-white, .btn-color, .menu-nav li a, .img-overlay a .btn-more, .menu-nav li a:before, .blog-title h4 a, .copyright ul li a, .gallery h5 a, .event h5 a, .page-numbers, .widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a, .widget_tag_cloud a, #submit-contact, .contact-social li a, .scrollup i, .faq-title a, .team-social li a{

-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   
}

.wrap{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 12px;
}

.btn-white, .btn-color{padding:8px 12px;
border:2px solid #ffffff;
color:#ffffff;
display:inline-block;
font-weight:700;
background:none;}

.btn-color{border:2px solid #3cbee6;
color:#3cbee6;}

.btn-white:hover, .btn-white:focus{color:#3cbee6;
background:#ffffff;
text-decoration:none;}

.btn-color:hover, .btn-color:focus{color:#ffffff;
background:#3cbee6;
text-decoration:none;}

.zz-top:before{
 background: linear-gradient(-135deg, #ffffff 50%, transparent 0), linear-gradient(135deg, #ffffff 50%, transparent 0);
 background: -webkit-linear-gradient(-135deg, #ffffff 33.33%, transparent 0), -webkit-linear-gradient(-45deg, #ffffff 33.33%, transparent 0);
        background-position: left top;
        background-repeat: repeat-x;
        background-size: 15px 15px;
        content: " ";
        display: block;
        position: absolute;
        top: 72px;
        left: 0px;
        width: 100%;
        height: 15px;
		z-index:90;
}
.zz-top-foo:before{background: linear-gradient(-45deg, #303948 50%, transparent 0), linear-gradient(45deg, #303948 50%, transparent 0);
 background: -webkit-linear-gradient(135deg, #303948 33.33%, transparent 0), -webkit-linear-gradient(45deg, #303948 33.33%, transparent 0);
 background-position: left top;
        background-repeat: repeat-x;
        background-size: 15px 15px;
        content: " ";
        display: block;
        position: absolute;
        top: -15px;
        left: 0px;
        width: 100%;
        height: 15px;
		z-index:90;}

.zz-bottom:after{
 background: linear-gradient(-45deg, #ffffff 50%, transparent 0), linear-gradient(45deg, #ffffff 50%, transparent 0);
 background: -webkit-linear-gradient(135deg, #ffffff 33.33%, transparent 0), -webkit-linear-gradient(45deg, #ffffff 33.33%, transparent 0);
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: 15px 15px;
        content: " ";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 15px;
		z-index:90;
}

/*************************************

2. HEADER

 ************************************/

#header-bar{background:#3cbee6;
color:#ffffff;}

#logo{
	margin-top:10px;
	float:left;
}

.navbar{margin:24px 0 0 0;
border:none;
border-radius:0px;
min-height:0;
float:right;}

.menu-nav li{display:inline-block;
position: relative;
margin-right:20px;
z-index:100;
}
.menu-nav li:last-child{margin-right:0px;}

.menu-nav li a{color:#ffffff;
text-transform:uppercase;
font-size:14px;
font-weight:700;
padding:0 0 16px 0;}
.menu-nav li a:before, .menu-nav li.current_page_item a:before{
bottom: 10px;
    content: "";
    height: 2px;
    left: 0px;
	right: 0px;
    position: absolute;
background:#ffffff;
opacity:0;
}
.menu-nav li a:hover:before, .menu-nav li.current_page_item a:before{
opacity:1;
}

.nav > li > a:hover, .nav > li > a:focus{background:none;}

.menu-nav ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 35px;
left: 0px;
background:#ffffff;
}

.menu-nav ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu-nav ul li a {display:block;
color:#505a63;
padding:8px 10px;
text-transform:none;
font-weight:400;}
.menu-nav ul li a:hover {text-decoration:none;
color:#3cbee6;
background:#f4f4f4;}
.menu-nav ul li a:hover:before, .menu-nav li.current_page_item .sub-menu li a:before{display:none;}


.menu-nav li:hover > ul{ display: block;}

.navbar li ul ul { left: 100%; top: -5px; }

.navbar-header{text-align:center;}
.navbar-toggle{float:right;}
.navbar-toggle{border:2px solid #ffffff;
border-radius:0;}
.navbar-toggle .icon-bar{background:#ffffff;}


/*************************************

3. PAGES

 ************************************/

.page-content{
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
}


/*************************************

3.1 HOME

 ************************************/
 
#slider-home, .page-top{
	padding:72px 0 87px 0;
	background-image: url(images/hdrhme-bk.png);
	background-color: #3cbee6;
}

.flexslider{overflow:hidden;}

.flexslider .slides{margin:0; list-style:none;
overflow:hidden;}

.flexslider .slides > li{display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img{display:block;
width:100%;}

/* Clearfix for the .slides element */
.slides:after {display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.flex-caption h1, .flex-caption h6{
	color:#000000;
	margin-bottom:0;
}
.flex-caption h1{
	font-family:"Trebuchet MS";
	margin-bottom:32px;
}

.flex-control-nav{margin:32px 0 0 0; padding: 0; list-style: none;}
.flex-control-nav {
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline;
	margin: 0 5px;
}

.flex-control-nav li a {
	border-radius:15px;
	display: inline-block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background:none;
	border:2px solid #ffffff;
		
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
	background: #ffffff;
}

.home-feature{text-align:center;}
.home-feature h5{font-family:'Pacifico', Arial, sans-serif;
color:#1d2122;}
.home-feature p{margin:0;}

.img-feature{
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 32px;
	margin-left: 0;
}
.img-feature img{margin-left:auto;
margin-right:auto;}

.bkg-cover{background:#3cbee6;}
.bkg-cover h2,.bkg-cover h4, .bkg-cover h5{color:#ffffff;}
.home-title-section, .page-section-title{
	text-align:center;
	font-family:"Trebuchet MS";
	line-height:1;
}
.page-section-title{
	font-size:38px;
	color:#ffffff;
	line-height:1.2;
	margin-bottom:0;
}

.bkg-cover p{
	color:#FFFFFF;
}
.home-play-holder{margin-top:24px;}
.home-play-holder:first-child{margin-top:0px;}

.home-play-img{   float: left;}
.home-play-img img{border-radius: 50%;
width: 130px;
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3);}

.home-play-text{margin-left:146px;}

.client-avatar{float:right;
margin-left:10px;
border-radius:50%;
border:5px solid rgba(255,255,255,0.3);
}
.flexslider .slides .client-avatar img{border-radius:50%;
width:100px;}
.client-quote{margin-right:110px;}
.client-quote h6{color:#ffffff;}
.client-quote p {font-size:24px;
font-weight:300;
margin-bottom:16px;}
.client-quote h6{text-align:right;}
.client-quote h6 span{font-size:12px;
text-transform:uppercase;
color:#CCEFF9;}

.flexslider-testimonials .flex-control-nav{margin:0;}

/*************************************

3.2 ABOUT

************************************/


.testimonials-holder .testimonial{
	margin-top:10px;
}
.testimonials-holder:first-child .testimonial{margin-top:0;}

.single-client-quote{background:#f5f5f5;
padding:16px;
font-style:italic;}

.single-client-quote:before{border-color: #f5f5f5 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: block;
    height: 0;
    left: 40px;
    position: absolute;
    bottom: -20px;
    width: 0;
}

.testimonial .client-avatar{float:left;}
.testimonial .client-avatar img{width:80px;}

.client-name{float:left;
margin-left:16px;
margin-top:20px;}
.client-name h6 span{display:block;
color: #B5C4D2;}

.faq-list{list-style:none;
margin:0;}

.faq-title{padding-bottom:16px;
cursor:pointer;
border-bottom:1px solid #c5c5c5;
font-style:italic;
margin-top:16px;
}

.faq-list li.faq-title:first-child{margin-top:0;}

.faq-title a:before{  display: inline-block;
padding-right:16px;
font-family: FontAwesome;
content: "\f0fe";
font-style:normal;
}

.active a:before{font-family: FontAwesome;
content: "\f146";}

.faq-title a{color:#1D2122;}
.faq-title a:hover, .active a{color:#3CBEE6;
text-decoration:none;}

.faq-section{margin:32px 0;}

.pricing-box{background:#E9F8FC;
text-align:center;}
.pricing-title{padding-top:24px;}
.pricing-price{border: 2px solid #3CBEE6;
color:#3CBEE6;
    border-radius: 50%;
    height: 130px;
    line-height: 1;
    margin: 0 auto;
    padding: 48px 10px;
    width: 130px;}
.price-value{font-size:24px;
font-weight:700;}
.price-time{display:block;
font-size:14px;}
.pricing-content{list-style:none;
margin:0;}
.pricing-content li{padding-top:16px;}
.pricing-content li:first-child{padding-top:24px;}

.pricing-btn{padding:24px 0;}

.service-title{margin-bottom:16px;}
.service-title i{margin-right:5px;}

.error-icon{color:#3CBEE6;
font-size:121px;
line-height:1;
margin-bottom:24px;}

/*************************************

3.3 TEACHERS

************************************/

.img-team{border-radius:50%;
width:200px;
height:200px;}
.img-team a img{border-radius:50%;}


.single-teacher h4{margin-bottom:0;}
.small-txt{
	color:#666666;
	font-style:italic;
}

.team-social{margin-bottom:0;
margin-left:0;}
.single-teacher .team-social{margin-bottom:24px;}

.team-social li{display:inline-block;
margin-right:10px;}
.team-social li a{border:2px solid #3CBEE6;
border-radius:50%;
width:35px;
height:35px;
display:block;
text-align:center;
padding-top:3px;
}
.team-social li a:hover{background:#3CBEE6;
text-decoration:none;
color:#ffffff;}


/*************************************

3.4 GALLERY

 ************************************/
 
.img-overlay{display:block;
overflow:hidden;
position:relative;}
 
.img-overlay a .btn-more{
    background: none repeat scroll 0 0 rgba(60, 190, 230, 0.7);
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 2;
}

.img-overlay a:hover .btn-more {
    opacity: 1;
}

.img-overlay a img {
   -webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}


.img-overlay a:hover img {
  -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.img-team a .btn-more{border-radius:50%;}
.img-team a:hover img {
  -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.img-overlay a .btn-zoom:before, .img-overlay a .btn-link:before {
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
    content: "\f002";
    display: inline-block;
    font-family: 'FontAwesome';
    left: 50%;
    line-height: 1;
    position: absolute;
	font-size:16px;
	padding-top:10px;
	margin: -20px 0 0 -20px;
	width:40px;
	height:40px;
    text-align: center;
    top: 50%;
	 z-index: 3;
	
	 -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
	-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.img-overlay a .btn-link:before {content: "\f0c1";}

.img-overlay a:hover .btn-zoom:before, .img-overlay a:hover .btn-link:before {
 -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.albums-holder .gallery, .events-holder .event{
	margin-top:12px;
}
.albums-holder:first-child .gallery, .events-holder:first-child .event{margin-top:0;}

.gallery h5, .gallery p{text-align:center;}
.gallery h5{margin-top:24px;
margin-bottom:0;}
.gallery h5 a{color:#1d2122;}
.gallery h5 a:hover{color:#3cbee6;
text-decoration:none;}
.gallery p{
	color:#333333;
	font-style:italic;
}
.responsive {
  width: 100%;
  height: auto;
} 
 
/*************************************

3.5 EVENTS

 ************************************/ 

.event-big-meta, .event-small-meta{list-style:none;margin:0; text-align:center;} 
.event-big-meta li{display:inline-block;
margin-right:24px;
color: #CCEFF9;}
.event-big-meta li i, .event-meta li i{margin-right:10px;
width:60px;
height:60px;
padding-top:16px;
font-size:24px;
text-align:center;
border:2px solid #CCEFF9;
border-radius:30px;}

.event-meta li i{width:40px;
height:40px;
color:#3cbee6;
border:2px solid #3cbee6;
margin-bottom:8px;
font-size:16px;
padding-top:10px;}

.event-small-meta{text-align:left;}
.event-small-meta li{display:inline-block;
margin-right:16px;
margin-bottom:16px;
color:#B5C4D2;}
.event-small-meta li i{margin-right:10px;}

.event-big-meta li:last-child, .event-small-meta li:last-child{margin-right:0;}
 
#home-event img{border: 5px solid rgba(255, 255, 255, 0.3);}

.event h5{margin-top:24px;
margin-bottom:16px;}
.event h5 a{color:#1d2122;}
.event h5 a:hover{color:#3cbee6;
text-decoration:none;}

/*************************************

3.6 BLOG

 ************************************/ 
 
.blog-post{margin-top:72px;}
.blog-post:first-child{margin-top:0px;}
 
.date-meta{border-right:1px solid #b5c4d2;
float:left;
padding-right:20px;
margin-right:20px;}
.date-big, .date-small{
	display:block;
	color:#819AB1;
	text-align:left;
}
.date-big{font-size:24px;
font-weight:700;
line-height:1.2;}
.date-small{font-size:14px;}

.blog-title{margin-left:105px;}
.blog-title h4{margin-bottom:0;}
.blog-title h4 a{color:#1d2122;}
.blog-title h4 a:hover{color:#3cbee6;
text-decoration:none;}
.blog-meta{list-style:none;
margin:0;}
.blog-meta li{
	display:inline-block;
	margin-right:12px;
	font-size:14px;
	color:#666666;
}
.blog-meta li i{color:#505a63;margin-right:5px;}

.post-tags i{margin-right:5px;}
 
.small-post .blog-title{margin-left:0px;}
.small-post .blog-title h4{font-size:24px;}
.small-post .blog-title h4 a{color:#505A63;}
.small-post .blog-title h4 a:hover{color:#3cbee6;
text-decoration:none;}

.small-post:last-child{margin-bottom:0;}

.blog-button{text-align:right;}

.page-numbers, .page-numbers:hover{
margin: 0 3px;
padding: 6px 12px;
text-decoration:none;
font-weight:700;
display:inline-block;
border: 2px solid #3cbee6;
color:#3cbee6;
} 
.page-numbers:hover, .current, .current:hover{color:#ffffff;
background:#3cbee6;
border: 2px solid #3cbee6;}

aside ul{ list-style:none;
margin:0;}
.widget{margin-bottom:54px;}
.widget:last-child{margin-bottom:0px;}
.widgettitle{margin-bottom:24px;
font-weight:700;}

.widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li{margin-bottom:8px;}
.widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a{color:#505a63;}
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_recent_entries ul li a:hover{color:#3cbee6;
text-decoration:none;}
.widget_categories ul li:before, .widget_archive ul li:before, .widget_recent_entries ul li:before{font-family: FontAwesome;
	content: "\f105";
    display: inline-block;
    padding-right: 8px;
	color:#3cbee6;}

.widget_tag_cloud a{margin:0 8px 8px 0;
padding: 8px 12px;
display:inline-block;
border:2px solid #3cbee6;
background:#3cbee6;
color:#ffffff;}

.widget_tag_cloud a:hover{background:none;
color:#3cbee6;
text-decoration:none;}

/**** COMMENTS STYLES*****/
.commentlist { margin: 0 }
.commentlist li { list-style: none; margin: 0;
margin-top:48px;}
.children li.depth-2 { margin: 0 0 0px 63px }
.children li.depth-3 { margin: 0 0 0px 63px }
.children li.depth-4 { margin: 0 0 0px 63px }
.children li.depth-5 { margin: 0 0 0px 63px }
.children li.depth-6 { margin: 0 0 0px 63px }
.children li.depth-7 { margin: 0 0 0px 63px }
.children li.depth-8 { margin: 0 0 0px 63px }
.children li.depth-9 { margin: 0 0 0px 63px }
.children li.depth-10 { margin: 0 0 0px 63px }
.comment-body { margin-bottom: 48px;}
.commentlist li:last-child .comment-body{margin-bottom:0px;}
.comment-details{ position: relative; margin-left: 72px }
.comment-avatar{ position: absolute; left: -72px; top:0 }
.comment-avatar img{ display: block;
border-radius:50%;}
.comment-right{background:#F5F5F5;
padding:16px;}
.comment-right:before{border-color: transparent #f5f5f5 transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: block;
    height: 0;
    left: -20px;
    position: absolute;
    top: 15px;
    width: 0;
    z-index: 0;
}
.comment-author .author a:link, .comment-author .author a:visited {border:none;}
.comment-author cite, .comment-author .author a:link{color:#404040;
font-weight:700;}
.comment-content p:last-child{ margin: 0; }
.comment-date { font-size: 14px; font-weight: normal;
font-style:italic;
margin-bottom:24px;
color:#999999;}
.reply{text-align:right;}
.comment-reply-link{ margin-top: 16px;text-decoration:none; }
.comment-reply-link, #cancel-comment-reply-link { display: inline-block;border:none; }
.comment-reply-link:before{font-family: FontAwesome;
	content: "\f112";
    display: inline-block;
    padding-right: 8px;
	color:#3cbee6;}
.commentlist .children { margin: 0 }
#comments_wrap { margin-top: 16px }
#cancel-comment-reply { float: right; margin-top: 16px; }
.children #commentform textarea { width: 95.6% }

::-webkit-input-placeholder { /* WebKit browsers */

    opacity: 0.7;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    opacity: 0.7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */

    opacity: 0.7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */

    opacity: 0.7;
}

/**** END COMMENTS STYLES*****/

.comm-field, #msg-contact{width:100%;
padding:16px;
margin-top:8px;
border:1px solid #e5e5e5;
background:#f5f5f5;
color:#707070;}

#submit-contact{padding:13px;
margin-top:4px;
text-align:center;
display:inline-block;
font-weight:700;
background:none;
border:2px solid #3cbee6;
color:#3cbee6;}

#submit-contact:hover{background:#3cbee6;
color:#ffffff;
text-decoration:none;}


/*************************************

3.7 CONTACT

 ************************************/ 
 
.contact-right ul{list-style:none;
margin:0;}

ul.contact-social{margin-bottom:24px;}

.contact-info li{margin-bottom:8px;}
.contact-info .fa{color:#3cbee6;
margin-right:10px;
width:20px;
height:20px;
font-size:16px;
text-align:center;}

.output2{padding:16px;
border:1px solid #FF6666;
color:#ff6666;
display:inline-block;
margin-top:48px;}
 


/*************************************

4. FOOTER

 ************************************/ 
 
footer{
	color:#cfd7e5;
	padding-top:57px;
	background-color: #000066;
}
footer ul{list-style:none;
margin:0;}
.foo-block .widgettitle{color:#ffffff;}

.copyright{
	padding:24px 0;
	margin-top:12px;
	background-color: #000033;
}
.copyright p{float:left;
margin:0;
font-size:14px;
position:relative;
top:6px;}
.copyright ul{float:right;}
.copyright ul li, .contact-social li{display:inline-block;
margin-left:10px;}
.contact-social li{margin-left:0px;
margin-right:10px;}
.copyright ul li a, .contact-social li a{border:2px solid #3CBEE6;
border-radius:50%;
width:35px;
height:35px;
display:block;
text-align:center;
padding-top:3px;
}
.copyright ul li a:hover, .contact-social li a:hover{background:#3CBEE6;
text-decoration:none;
color:#ffffff;}
  
/*flexible embeds*/
.video-widget{
	position: relative;
	padding: 0;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 100%;
	overflow: hidden;
	margin-top:32px;
}

.video-widget iframe{
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}  

.scrollup i {
width:30px;
height:30px;
position: fixed;
border-radius: 50%;
bottom: 20px;
right: 20px;
text-align: center;
padding-top:5px;
color: #FFF;
cursor: pointer;
background:#303948;
z-index: 110;
}
  

/*************************************

MEDIA QUERIES

************************************/


@media (min-width: 1200px) {

.wrap{width:1200px;}

.img-team{width:250px;
height:250px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.wrap{width:768px;}

.flex-img{margin-top:32px;}

.home-feature{margin-top:72px;}
.home-feature:first-child{margin-top:0;}

.home-play-holder:first-child{margin-top:54px;}

.img-overlay a img, .img-simple a img {width: 100%;}

.albums-holder:first-child .gallery, .gallery-holder:first-child .col-md-4, .events-holder:first-child .event{margin-top:54px;}
.albums-holder:first-child .gallery:first-child, .gallery-holder:first-child .col-md-4:first-child, .events-holder:first-child .event:first-child{margin-top:0px;}


.event-big-meta li{margin-bottom:16px;}

footer .col-md-4{margin-bottom:54px;}
footer .col-md-4:last-child{margin-bottom:0px;}

.img-team{width:300px;
height:300px;
margin:0 auto;}

}


@media (max-width: 767px) {

body{background:none;}

.wrap{width:auto !important;}

.navbar{height:30px;

float:none;}
.navbar-toggle{margin-bottom:5px;}

.navbar-collapse{background:#ffffff;
margin-top:16px;
z-index:100;}

.menu-nav{display:block;
margin:0;}

.menu-nav li{display:block;
padding-bottom:0;
margin:0;
}

.menu-nav li a{color:#505a63;padding:8px 10px;}
.menu-nav li a:hover:before, .menu-nav li.current_page_item a:before{display:none;}
.menu-nav li a:hover{background:#f4f4f4;}

.menu-nav ul {display: block;
margin: 0;
padding: 0;
position: relative;
top:0;
width:100%;
border:none;
}

.menu-nav ul li {display:block;
float: none;
background:none;
margin:0;
padding:0 0 0 24px;
font-size:14px;
}

.menu-nav ul li a:hover{color:#505a63;}

.navbar li ul ul { left: 0; top: 0; }

.flex-img{margin-top:32px;}

.home-feature{margin-top:72px;}
.home-feature:first-child{margin-top:0;}

.home-play-holder:first-child{margin-top:54px;}

.img-overlay a img, .img-simple a img {width: 100%;}

.albums-holder:first-child .gallery, .gallery-holder:first-child .col-md-4, .events-holder:first-child .event, .testimonials-holder:first-child .testimonial{margin-top:54px;}
.albums-holder:first-child .gallery:first-child, .gallery-holder:first-child .col-md-4:first-child, .events-holder:first-child .event:first-child, .testimonials-holder:first-child .testimonial:first-child{margin-top:0px;}

.event-big-meta{ text-align:left;margin-left:15px;} 
.event-big-meta li{margin-bottom:16px;}

.event-big-meta li i {
    font-size: 16px;
    height: 40px;
    margin-right: 5px;
    padding-top: 10px;
    width: 40px;
}

.small-post:first-child{margin-top:54px;}

footer .col-md-4{margin-bottom:54px;}
footer .col-md-4:last-child{margin-bottom:0px;}

.copyright p{float:none;
margin-bottom:24px;}
.copyright ul{float:none;}

.widget:first-child, .contact-right{margin-top:72px;}

.img-team{width:250px;
height:250px;
margin:0 auto;}

.single-teacher h4{margin-top:24px;}

/*comments*/
	.children { margin: 32px 0 0; }
	.children li.depth-2,
	.children li.depth-3,
	.children li.depth-4,
	.children li.depth-5,
	.children li.depth-6,
	.children li.depth-7,
	.children li.depth-8,
	.children li.depth-9,
	.children li.depth-10 { margin: 0 }

}

@media (max-width: 480px) {

.flex-caption h1, .home-title-section{font-size:36px;}

.img-team{width:200px;
height:200px;
margin:0 auto;}

}

@media (max-width: 320px) {

}