@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap') /* font-family: 'Lato', sans-serif; */;
@import url('https://fonts.googleapis.com/css2?family=Boogaloo&display=swap') /* font-family: 'Boogaloo', cursive; */;
@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap') /* font-family: 'Chewy', cursive; */;

html,body {font: 18px/24px 'Lato', sans-serif; color:#333; font-weight:400;}

img {max-width: 100%; outline:0; }


h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 20px; text-shadow:none; line-height:110%;}

p{padding:0 0 20px 0; margin:0px;}

a {text-decoration:none; outline:0; transition: ease-in-out 0.5s;}

a:hover {text-decoration:none; transition: ease-in-out 0.5s;}


::-webkit-input-placeholder {opacity: 1;}

:-moz-placeholder {opacity: 1;}

::-moz-placeholder {opacity: 1;}

:-ms-input-placeholder {opacity: 1;}

::-ms-input-placeholder {opacity: 1;}

:placeholder-shown {opacity: 1;}


a, a:focus, button, button:focus { outline:0; outline-width:0;}

.genpad { padding: 50px 0; }
.genpic img { width: 100%; }


.header_wrapper { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; }
.header_wrapper.sticky { background: #cfe2fc; box-shadow: 0 0 5px #333; }
.menu_wrapper { padding: 20px 0; }

ul.slimmenu { text-align: center; }
ul.slimmenu > li { border: 0; border-right:2px solid #000; background-color: transparent; float: none; display: inline-block; padding: 0 15px; font-family: 'Boogaloo', cursive;  }
ul.slimmenu > li:last-child { border-right: 0; }
ul.slimmenu li a { padding: 0; color: #000; font-size: 25px; }
ul.slimmenu li a:hover, ul.slimmenu li.active a {background-color: transparent; color: #ef4b53; }
ul.slimmenu li .sub-toggle { display: none; }
ul.slimmenu li ul { margin: 0; padding: 0; background: #2092d1; width: 200px; }
ul.slimmenu li ul li {background-color: #2092d1; width: 100%; border-top: 1px solid rgba(255,255,255,0.5); text-align: left;}
ul.slimmenu li ul li a { font-size: 16px; color: #fff; font-weight: 400; padding: 5px 15px; text-transform: none;  }
ul.slimmenu li.active ul li a { color: #fff;}
ul.slimmenu li ul li a:hover { color: #000; }
ul.slimmenu li > ul > li ul { top: -1px; }




.banner_wrapper { padding:0; position: relative;}
.banner_wrapper img { width:100%; }



/* Owl Carousel v2.3.4 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

#slide .owl-dots { display: block!important; bottom:10px; position:absolute; width:100%; text-align: center; z-index: 9999;}
#slide.owl-carousel .owl-dots button.owl-dot { width: 15px; height: 15px; border-radius: 50%; background: #000; margin: 0 5px; }
#slide.owl-carousel .owl-dots button.owl-dot.active {background: #652b81; } 

#slide .owl-nav { display: none!important; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -25px; }
#slide.owl-carousel .owl-nav button { opacity: 0.8; }
#slide.owl-carousel .owl-nav button:hover { opacity: 1; }
#slide.owl-carousel .owl-nav button.owl-next, #slide.owl-carousel .owl-nav button.owl-prev { width: 50px; height:50px;}
#slide.owl-carousel .owl-nav button.owl-next span, #slide.owl-carousel .owl-nav button.owl-prev span { display:none!important;}
#slide.owl-carousel .owl-nav button.owl-next { background: url(../images/arrow_right.png) top center no-repeat; background-size:100%; display: block; float: right; cursor: pointer;}
#slide.owl-carousel .owl-nav button.owl-prev { background: url(../images/arrow_left.png) top center no-repeat; background-size:100%; display: block; float: left; cursor: pointer; }


.content_wrapper {background: url(../images/flower.png) bottom center repeat-x; padding: 50px 0 120px;  }
.content_wrapper h1 {font-family: 'Boogaloo', cursive; font-size: 50px; color: #652b81;  line-height: 120%;}
.content_wrapper h6 {font-size: 20px; color: #000; font-weight: 700;}
.content_wrapper h3 {font-size: 24px; padding-bottom: 20px; text-transform: uppercase; font-weight: 600;}
.content_wrapper h3 span { color: #652b81; }
.welcome_txt { text-align: center; padding-bottom: 50px; }
.frame_pic { position: relative; }
.frame_pic img { width: 100%; height: 100%; }
.frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.btn_more { background: #fba80b; padding: 10px 30px; border-radius: 15px 0 15px 0; font-family: 'Boogaloo', cursive; font-size: 22px; color: #fff; display: inline-block; }
.btn_more:hover {color: #fff; background: #652b81;}


.service_wrapper h1 {font-family: 'Chewy', cursive; font-size: 50px; text-transform: uppercase; color: #652b81; text-align: center; }
.service_wrapper ul { list-style: none; margin:0; padding:30px 0 0 0;}
.service_wrapper ul li {padding: 0 0 40px; display: flex; width: 100%; align-items: center;  }
.service_wrapper ul li h3 {font-family: 'Boogaloo', cursive; font-size: 20px; color: #000;  line-height: 120%; text-transform: uppercase; padding-bottom: 5px;}
.service_wrapper ul li span { display: block;}
.service_wrapper ul li .icon {width: 100px; }
.service_wrapper ul li .txt {width: calc(100% - 100px); }

.service_wrapper ul.left li { text-align: right; flex-direction: row-reverse; }
.service_wrapper ul.left li .icon { padding-left: 15px; }
.service_wrapper ul.left li span { text-align: right;}

.service_wrapper ul.right li { text-align: left;}
.service_wrapper ul.right li .icon { padding-right: 15px; }


.service_wrapper .pic { text-align: center; }

.teacher_wrapper {background: #f5f5f5;}
.teacher_wrapper.inner { background: none; }
.teacher_wrapper h1 {font-family: 'Chewy', cursive; font-size: 50px; text-transform: uppercase; color: #652b81; text-align: center; }
.teacher_wrapper .box {margin-bottom: 30px; position: relative; }
.teacher_wrapper .box img { width: 100%; }

.teacher_wrapper .name {background: url(../images/teacher_bg.png) center top no-repeat; background-size: cover; position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; color: #fff; padding: 70px 10px 30px;}
.teacher_wrapper .name h4 {  font-family: 'Boogaloo', cursive; font-size: 25px; padding: 0 0 5px;  }
.teacher_wrapper .name p { padding: 0; }

.gallery_wrapper {background: url(../images/gallery_bg.jpg) center top repeat-y; background-size: contain;}
.gallery_wrapper h1 {font-family: 'Chewy', cursive; font-size: 50px; text-transform: uppercase; color: #652b81; text-align: center; }
.gallery_wrapper .box {margin-bottom: 30px; }
.gallery_wrapper .box img { width: 100%; }
#html5-watermark { display: none!important;}
.gallery_wrapper h3 { text-transform: uppercase; font-size: 25px; font-weight: 700; }


.activity_camps {background: url(../images/activity_camps_bg.jpg) center top no-repeat; background-size: cover;  text-align: center; color: #fff;}
.activity_camps h1 {font-family: 'Chewy', cursive; font-size: 50px; text-transform: uppercase; color: #fff; }

.activity_camps.inner { margin-bottom: 30px; }

/* get involved start */

.get_involved {background: url(../images/get_involved_bg.jpg) center top no-repeat; background-size: cover; font-family: 'Boogaloo', cursive; color: #fff;}
.get_involved .row { align-items: center; }
.get_involved h2 { font-size: 50px; }
.btn_involved { background: #fba80b; padding: 15px 50px; border-radius: 15px 0 15px 0; font-size: 30px; color: #fff; display: inline-block; }
.btn_involved:hover {color: #fff; background: #333;}
/* get involved end */


.footer_wrapper {  background: #262626; color:#fff; font-size: 14px;}
.footer_wrapper h5 {font-family: 'Boogaloo', cursive; font-size: 25px; color: #fff; font-weight: normal; padding: 0 0 20px 0;}
.footer_wrapper ul { list-style: none; margin:0; padding:0 0 20px 0; overflow:  hidden;}
.footer_wrapper ul li { font-size: 14px; line-height: 16px; padding: 0 0 10px 0;  }
.footer_wrapper ul li a {color:#fff; }
.footer_wrapper ul li a:hover { color: #fba80b; }
.footer_wrapper h6 {font-family: 'Boogaloo', cursive; font-size: 22px; color: #fff; font-weight: normal; padding: 0 0 20px 0;}

.footer_wrapper .footer_logo { padding: 0 0 20px; }
.footer_wrapper a {color:#fff; }
.footer_wrapper a:hover { color: #2092d1; }

.quick_links { padding-left: 80px; }

.addtxt { position: relative; padding: 0 0 20px 30px; }
.addtxt span { position: absolute; left: 0; top: 0; }

.footer_wrapper .connect { display: none; }

.social a {color: #fff; font-size: 18px; line-height: 35px; margin-right: 5px; display: inline-block; text-align: center; }
.social a:hover { opacity: 0.9; }

.social a.facebook { background: #3b5998; width: 35px; height: 35px; border-radius: 50%; }

.copy_wrapper {padding:15px 0; background: #262626; font-size: 14px; color:#fff; border-top: 1px solid #fff; }
.copy_wrapper a{color:#fff;}
.copy_wrapper a:hover{ opacity: 0.5; }
.copy_wrapper .right { text-align: right; }




ul.contact_list { list-style: none; margin:0; padding:0 0 15px;}
ul.contact_list li { position:relative; padding:0 0 40px 35px;}
ul.contact_list li span { position: absolute; top: 0; left: 0; }
ul.contact_list li a { color:#333;}
ul.contact_list li a:hover { color:#652b81;}

.contact_form input[type="text"], .contact_form input[type="file"], .contact_form input[type="email"], .contact_form textarea { border: 1px solid #ccc; padding:10px; color:#666; margin-bottom:20px; width:100%; text-align: left;}
.contact_form textarea { height:100px; resize: none;}

.btn_submit {display: inline-block; text-align: center; font-size: 20px; background: #652b81; padding: 10px 50px; border: 0px; color: #fff; text-transform: uppercase; cursor: pointer;  transition: ease-in-out 0.5s;}
.btn_submit:hover {background: #333; transition: ease-in-out 0.5s;}