/*
	Author: Nicdark
	Author URI: http://www.nicdarkthemes.com/
*/

@import "nicdark_shortcodes.css";
@import "nicdark_menu.css";

@import "fontello.css";
@import "animate.css";
@import "magnific-popup.css";


/****************************************************************************
	Table of Content
***************************************************************************


SOME BASIC CLASSES
	1- body
	2-container
    3-site
    4-section
    5-grid
    6-width section
    7-headings tag
    8-form elements
    9-parallax section


/* 1- START NICDARK FRAMEWORK*/
body
{
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    background-color: #ccc;
}
body.nicdark_boxed_img
{
    background-image: url(../img/slide/img1.jpg) !important;
    background-size: cover;
    background-attachment: fixed;
}
body.nicdark_boxed_pattern
{
    background-image: url(../img/patterns/img1.jpg) !important;
    background-attachment: fixed;
}

/* 2 - CONTAINER */
.nicdark_container
{
    width: 1200px;
    margin: auto;
    padding: 0px;
}
.nicdark_clearfix:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* 3- START NICDARK_SITE*/
.nicdark_site
{
    float: left;
    width: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.nicdark_site > .nicdark_site_fullwidth
{
    float: left;
    width: 100%;
    background-color: #fff;
}
.nicdark_site > .nicdark_site_boxed
{
    width: 1220px;
    margin: auto;
    padding: 0px;
    background-color: #fff;
}
/*START NICDARK_SITE*/



/* 4 - START NICDARKSECTION*/
.nicdark_section
{
    width: 100%;
    float: left;
}
/*.nicdark_section.nicdark_imgparallax{ background: url(../img/img3.jpg) 50% 0 fixed; background-size: cover;}*/
/*END NICDARKSECTION*/



/* 5 - START NICDARKGRID*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{
    margin: 10px;
    float: left;
    display: inline;
}
.grid.nomargin
{
    margin: 0px;
    padding: 10px;
}
.grid.percentage
{
    margin: 0px;
    padding: 0px;
}
.grid_12.percentage
{
    width: 100%;
}
.grid_6.percentage
{
    width: 50%;
}
.grid_4.percentage
{
    width: 33.33%;
}
.grid_3.percentage
{
    width: 25%;
}
.grid_8.percentage
{
    width: 66.66%;
}
.grid_9.percentage
{
    width: 75%;
}
/*size*/
.grid_1
{
    width: 80px;
}
.grid_2
{
    width: 180px;
}
.grid_3
{
    width: 280px;
}
.grid_4
{
    width: 380px;
}
.grid_5
{
    width: 480px;
}
.grid_6
{
    width: 580px;
}
.grid_7
{
    width: 680px;
}
.grid_8
{
    width: 780px;
}
.grid_9
{
    width: 880px;
}
.grid_10
{
    width: 980px;
}
.grid_11
{
    width: 1080px;
}
.grid_12
{
    width: 1180px;
}
/*END NICDARKGRID*/



/* 6 - START NIKDARKWIDTHPERCENTAGE*/
.nicdark_width_percentage1
{
    width: 1% !important;
}
.nicdark_width_percentage10
{
    width: 10% !important;
}
.nicdark_width_percentage20
{
    width: 20% !important;
}
.nicdark_width_percentage25
{
    width: 25% !important;
}
.nicdark_width_percentage30
{
    width: 30% !important;
}
.nicdark_width_percentage40
{
    width: 40% !important;
}
.nicdark_width_percentage50
{
    width: 50% !important;
}
.nicdark_width_percentage60
{
    width: 60% !important;
}
.nicdark_width_percentage70
{
    width: 70% !important;
}
.nicdark_width_percentage80
{
    width: 80% !important;
}
.nicdark_width_percentage90
{
    width: 90% !important;
}
.nicdark_width_percentage100
{
    width: 100% !important;
}
/*END NIKDARKWIDTHPERCENTAGE*/



/* 7 - START NICDARKTEXT*/
p, h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
/*font*/
h1, h2, h3, h4, h5, h6, input[type="text"], textarea, select
{
    font-family: 'Montserrat' , sans-serif;
    color: #868585;
}
h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, input[type="text"].subtitle, textarea.subtitle, select.subtitle, span.subtitle
{
    font-family: 'Raleway' , sans-serif;
    color: #a4a4a4;
}
h1.signature, h2.signature, h3.signature, h4.signature, h5.signature, h6.signature, span.signature
{
    font-family: 'Montez' , cursive;
}
/*color*/
p.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, a.white, i.white, span.white, input[type="text"].white, textarea.white, input[type="submit"].white, select.white
{
    color: #ffffff;
}
p.grey, h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey, a.grey, i.grey, span.grey, input[type="text"].grey, textarea.grey, input[type="submit"].grey, select.grey, pre.grey
{
    color: #52514a;
}
p.greydark, h1.greydark, h2.greydark, h3.greydark, h4.greydark, h5.greydark, h6.greydark, a.greydark, i.greydark, span.greydark, input[type="text"].greydark, textarea.greydark, input[type="submit"].greydark, select.greydark
{
    color: #868585;
}
p.greydark2, h1.greydark2, h2.greydark2, h3.greydark2, h4.greydark2, h5.greydark2, h6.greydark2, a.greydark2, i.greydark2, span.greydark2, input[type="text"].greydark2, textarea.greydark2, input[type="submit"].greydark2, select.greydark2
{
    color: #353b3d;
}
p.green, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, a.green, i.green, span.green, input[type="text"].green, textarea.green, input[type="submit"].green, select.green
{
    color: #6fc191;
}
p.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, a.blue, i.blue, span.blue, input[type="text"].blue, textarea.blue, input[type="submit"].blue, select.blue
{
    color: #74cee4;
}
p.violet, h1.violet, h2.violet, h3.violet, h4.violet, h5.violet, h6.violet, a.violet, i.violet, span.violet, input[type="text"].violet, textarea.violet, input[type="submit"].violet, select.violet
{
    color: #c389ce;
}
p.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow, a.yellow, i.yellow, span.yellow, input[type="text"].yellow, textarea.yellow, input[type="submit"].yellow, select.yellow
{
    color: #edbf47;
}
p.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, a.orange, i.orange, span.orange, input[type="text"].orange, textarea.orange, input[type="submit"].orange, select.orange
{
    color: #ec774b;
}
p.red, h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, a.red, i.red, span.red, input[type="text"].red, textarea.red, input[type="submit"].red, select.red
{
    color: #e16c6c;
}
/*align*/
p.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center
{
    text-align: center;
}
p.right, h1.right, h2.right, h3.right, h4.right, h5.right, h6.right, span.right
{
    float: right;
}
/*size*/
p
{
    font: 400 15px/1.3em Calibri, Verdana, Helvetica;
    line-height: 22px;
    color: #000 !important;
    text-align: justify;
}
h1
{
    font-size: 30px;
    line-height: 30px;
}
h1.extrasize
{
    font-size: 45px;
    line-height: 45px;
}
h2
{
    font-size: 25px;
    line-height: 25px;
}
h3
{
    font-size: 20px;
    line-height: 20px;
}
h4
{
    font-size: 17px;
    line-height: 17px;
}
h5
{
    font-size: 15px;
    line-height: 15px;
}
h6
{
    font-size: 14px;
    line-height: 14px;
}
a
{
    text-decoration: none;
    color: #868585;
}
/*pre*/
pre
{
    overflow: auto;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
pre p
{
    font-family: monospace;
    font-size: 13px;
    line-height: 22px;
}
/*END NICDARKTEXT*/



/* 8 - START NICDARKFORMELEMENTS*/
input[type="text"]
{
    float: left;
    border: 0;
    outline: 0;
}
textarea
{
    float: left;
    border: 0;
    outline: 0;
}
select
{
    float: left;
    border: 0;
    outline: 0;
    width: 100%;
    -webkit-appearance: none;
    cursor: pointer;
}
input[type="submit"]
{
    cursor: pointer;
    outline: 0;
    border: 0;
}
/*size*/
input[type="text"].small, textarea.small
{
    font-size: 15px;
    width: 90%;
    padding: 10px 5%;
}
input[type="text"].medium, textarea.medium
{
    font-size: 17px;
    width: 90%;
    padding: 10px 5%;
}
input[type="text"].big, textarea.big
{
    font-size: 17px;
    width: 80%;
    padding: 15px 10%;
}
/*size select*/
select.small
{
    font-size: 15px;
    padding: 10px 5%;
}
select.medium
{
    font-size: 17px;
    padding: 10px 5%;
}
select.big
{
    font-size: 17px;
    padding: 15px 10%;
}
/*END NICDARKFORMELEMENTS*/



/*********************************************CUSTOM FOR BABY KIDS*************************************************************/

/* 9 - START CLASS FOR PARALLAX SECTION*/
.nicdark_parallax_img2
{
    background: url(../img/slide/img2.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallax_img3
{
    background: url(../img/slide/img3.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallax_img1
{
    background: url(../img/slide/img1.jpg) 50% 0 fixed;
    background-size: cover;
}

.nicdark_parallaxx_img1
{
    background: url(../img/parallax/img1.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img2
{
    /* background: url(../img/parallax/img2.jpg) 50% 0 fixed; background-size:cover; */
}
.nicdark_parallaxx_img3
{
    background: url(../img/parallax/img3.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img5
{
    background: url(../img/parallax/img5.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img6
{
    background: url(../img/parallax/img6.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img7
{
    background: url(../img/parallax/img7.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img8
{
    background: url(../img/parallax/img8.jpg) 50% 0 fixed;
    background-size: cover;
}

.nicdark_parallaxx_img-teachers-1
{
    background: url(../img/parallax/img-teachers-1.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img-single-teacher-1
{
    background: url(../img/parallax/img-single-teacher-1.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img-single-teacher-2
{
    background: url(../img/parallax/img-single-teacher-2.jpg) 50% 0 fixed;
    background-size: cover;
}

.nicdark_parallaxx_img-excursions
{
    background: url(../img/parallax/img-excursions.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img-single-excursion
{
    background: url(../img/parallax/img-single-excursion.jpg) 50% 0 fixed;
    background-size: cover;
}

.nicdark_parallaxx_img-courses
{
    background: url(../img/parallax/img-courses.jpg) 50% 0 fixed;
    background-size: cover;
}

.nicdark_parallaxx_img-events
{
    background: url(../img/parallax/img-events.jpg) 50% 0 fixed;
    background-size: cover;
}
.nicdark_parallaxx_img-single-event
{
    background: url(../img/parallax/img-single-event.jpg) 50% 0 fixed;
    background-size: cover;
}
/*END CLASS FOR PARALLAX SECTION*/



/*START CUSTOM CLASS TO AVOID INLINE CSS*/
.nicdark_width60
{
    width: 60px;
}
.nicdark_width50
{
    width: 50px;
}

.nicdark_copyrightlogo
{
    background-image: url(../img/footer/copyright.jpg);
    background-size: 95px;
    background-repeat: no-repeat;
    background-position: left;
}
.nicdark_facebook
{
    background-color: #5977b8;
    box-shadow: 0px 4px 0px 0px #4c67a1;
}
/*END CUSTOM CLASS TO AVOID INLINE CSS*/

#dock95 img
{
    width: 100px;
}

#dock95 li:hover img
{
    width: 130px;
}
.keykidzorange
{
    color: #EF8122;
}
.font-Kristen
{
    font-family: 'Kristen ITC' !important;
}
.whiteli a
{
    color: #fff !important;
}
.cr-box
{
    height: 266px;
}
.cr-menu2
{
    width: 18%;
    float: left;
    padding: 10px;
}
.keykidz-logo
{
    width: 30% !important;
    float: left !important;
}
.keykidz-logo-slide
{
    width: 70% !important;
    float: right !important;
	margin-top: 99px;
}
.keykidz-logo-slide1
{
    width: 70% !important;
    float: right !important;
}
.col-parent
{
    width: 30%;
    float: left;
}
.col-parent1
{
    width: 70%;
    float: left;
}
.blog-parent
{
    width: 25%;
    float: left;
}
.blog-parent1
{
    width: 25%;
    float: left;
}
.blog-parentdts
{
    width: 20%;
    float: left;
}
.blog-parentdts1
{
    width: 60%;
    float: left;
}
.blogboxdts p {
    padding: 2px 0px;
    font-size: 17px;
    color: #808080 !important;
    font-style: italic;
}
.blogboxdts {
    margin-top: 14px;
}
.blogbox {
    box-shadow: 0px 0px 4px gray;
	margin: 6px;
}
.blogbox:hover {
    box-shadow: 0px 0px 9px gray;
}
.blog-content {
    padding: 26px;
	    background: orange;
}
.blog-content h2 {
    color: #fff;
}
.blog-content img {
    width: 10%;
}
.text {
    margin-bottom: 35px;
    margin-top: 13px;
}
.Date {
    color: gray !important;
    font-size: 13px;
	
}
.blog-content h2 {
    color: #fff;
    margin: 8px 0px 2px 0px;
	font-size: 17px;
}
@media (max-width: 960px)
{
    .cr-box
    {
        height: 180px;
    }
    .cr-menu2
    {
        width: 45%;
    }
}
@media (max-width: 760px)
{
    .cr-box
    {
        height: 100%;
    }
    .cr-menu2
    {
        width: 100%;
    }
    .keykidz-logo
    {
        width: 100% !important;
    }
    .keykidz-logo-slide
    {
        width: 100% !important;
    }
}
@media (max-width: 480px){
.blog-parent, .blog-parent1 {
    width: 100%;
    float: left;
}
}
@media (max-width: 320px){
.blog-parent, .blog-parent1 {
    width: 100%;
    float: left;
}
}
/* Start  slideer */

#carousel
{
    position: relative;
    width: 60%;
    margin: 0 auto;
}

#slides
{
    overflow: hidden;
    position: relative;
    width: 100%; /*height: 250px;*/
}

#slides ul
{
    list-style: none;
    width: 100%; /*height: 250px;*/
    margin: 0;
    padding: 0;
    position: relative;
}

#slides li
{
    width: 100%; /* height: 150px;*/
    float: left;
    text-align: center;
    position: relative;
    font-family: lato, sans-serif;
}

/* Styling for prev and next buttons */

.btn-bar
{
    width: 60%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0px;
}

#buttons
{
    padding: 0 0 5px 0;
    float: right;
}

#buttons a
{
    text-align: center;
    display: block;
    font-size: 50px;
    float: left;
    outline: 0; /* margin: 0 60px;*/
    color: #b14943;
    text-decoration: none;
    display: block;
    padding: 9px;
    width: 35px;
}

a#prev:hover, a#next:hover
{
    color: #FFF;
    text-shadow: .5px 0px #b14943;
}

.quote-phrase, .quote-author
{
    font-family: sans-serif;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px;
    font-family: 'Lato' , Calibri, Arial, sans-serif;
}

.quote-phrase
{
    /* height: 200px;*/
    font-size: 18px;
    color: #FFF !important;
    text-align: center;
    text-shadow: .5px 0px #FFF;
    font: 400 18px/1.3em Calibri, Verdana, Helvetica;
}

.quote-marks
{
    font-size: 30px;
    padding: 0 3px 3px;
    position: inherit;
}

.quote-author
{
    font-style: normal;
    font-size: 20px;
    color: #b14943;
    font-weight: 400;
    height: 30px;
}

.quoteContainer, .authorContainer
{
    display: table;
    width: 100%;
}

#keykidz_bullet
{
    height: 17px;
    width: 17px;
}
#keykidzlist
{
    font: 400 15px/28px Calibri,Verdana,Helvetica;
    color: rgb(0, 0, 0);
    text-align: justify;
    padding-left: 2%;
}
#keykidzsubheading
{
    font: 400 15px/28px Calibri,Verdana,Helvetica;
    color: rgb(0, 0, 0);
    font-style: italic;
}
.nicdark_bg_tabgrey
{
    background-color: #fff;
}
.nicdark_shadow.nicdark_bg_tabgrey
{
    box-shadow: 0px 4px 0px 0px #f1f1f1;
}

/*table tr:first-child td
{
    font-weight: bold !important;
}
*/

input.subtitle[type="text"], textarea.subtitle, select.subtitle
{
    color: #000 !important;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    background-color: #fff;
}
table
{
    border-collapse: collapse;
}
table, table th, table td
{
    background-color: #F48221;
    border: 1px solid #FFC838;
    font: 400 18px/1.3em Calibri, Verdana, Helvetica;
    padding: 8px;
}
.headings
{
    font-size: 14px;
    color: #000;
    font: 600 15px/1.3em Calibri, Verdana, Helvetica;
}
.singleslide{
width: 70%;
float: left !important;
margin-top: 146px;
}
.singleslide1 {
    width: 70%;
    float: left !important;
    margin-top: 87px;
}
.singleslide3 {
    width: 70%;
    float: left !important;
    margin-top: 4px;
}
.maps{
width:70%;
float:left;
margin-top: 88px;
}
.map1 {
    width: 45%;
    float: left;
	border: 6px solid #fff;
	border: 6px solid #dad5d5;
}
.map2 {
    width: 45%;
    float: left;
	border: 6px solid #fff;
	border: 6px solid #dad5d5;
}
.backtoblog {
    float: right;
    color: orange;
}
.icon-facebook-squared {
    font-size: 24px;
}
.blogbox img {
    height: 205px;
    width: 100%;
}
#nicdark_section img {
    margin-top: 92px;
	display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.blogboxdts h2 {
   background: #ee720f;
color: #fff;
text-align: center;
margin: 5px 4px;
padding: 5px 5px;
}
/* End Slider */