@charset "utf-8";
/* Theme Name: First Step Pre-School Description: Version: 3.0.4 Author: Susanta Roy Chowdhury Author URI: http://www.colorwebworld.com License: Theme URI: http://www.1ststeppreschool.in */
 * {
     margin: 0;
     padding: 0;
}
 body {
     margin: 0;
     padding: 0;
     font-family: 'Lato', sans-serif;
}
 div, p, ul, li, input, textarea, select, header, footer {
     margin: 0;
     padding: 0;
     display: block;
     box-sizing: border-box;
}
 ul, ol, li {
     list-style: none;
}
 h1, h2, h3, h4, h5, h5 {
     display: block;
     margin: 0;
     padding: 0;
     font-family: 'magnolia_scriptregular';
}
 .clear {
     clear: both;
}
 .left {
     float: left;
}
 .right {
     float: right;
}
 a {
     outline: none;
}
 img {
     max-width: 100%;
     height: auto;
     outline: none;
}
 .align_right {
     text-align: right;
}
 .align_left {
     text-align: left;
}
 .main_wrapper {
     width: 1200px;
     margin: 0 auto;
     display: block;
}
 .top_section {
     background: url(images/main_bg.jpg) no-repeat center top / cover;
     padding-bottom: 10px;
}
/* latin-ext */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 100;
     src: local('Lato Hairline'), local('Lato-Hairline'), url(fonts/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 100;
     src: local('Lato Hairline'), local('Lato-Hairline'), url(fonts/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 300;
     src: local('Lato Light'), local('Lato-Light'), url(fonts/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 300;
     src: local('Lato Light'), local('Lato-Light'), url(fonts/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 400;
     src: local('Lato Regular'), local('Lato-Regular'), url(fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 400;
     src: local('Lato Regular'), local('Lato-Regular'), url(fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 700;
     src: local('Lato Bold'), local('Lato-Bold'), url(fonts/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 700;
     src: local('Lato Bold'), local('Lato-Bold'), url(fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 900;
     src: local('Lato Black'), local('Lato-Black'), url(fonts/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
 @font-face {
     font-family: 'Lato';
     font-style: normal;
     font-weight: 900;
     src: local('Lato Black'), local('Lato-Black'), url(fonts/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
     font-family: 'magnolia_scriptregular';
     src: url('fonts/magnolia_script_0-webfont.woff2') format('woff2'), url('fonts/magnolia_script_0-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 .main_wrapper {
     width: 1200px;
     margin: 0 auto;
     display: block;
}
/** HEADER **/
 header {
     padding: 70px 0 0 0;
}
 header a.logo {
     display: table;
     margin: 0 auto;
     width: 539px;
}
 nav {
     background: #feda00;
     display: table;
     margin: 0 auto;
     border-radius: 30px;
     width: auto;
     position: relative;
     padding: 0 60px;
     z-index: 9999;
}
 nav:after {
     background: url(images/yello_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     bottom: -6px;
     content: "";
     max-width: 944px;
     height: 16px;
     margin: 0 auto;
}
 nav ul li {
     display: inline-block;
     margin: 0 28px 0 0;
     padding: 0;
}
 nav ul li:last-child {
     margin-right: 0px;
}
 nav ul li a {
     display: block;
     font-family: 'magnolia_scriptregular';
     color: #000;
     font-size: 19px;
     text-decoration: none;
     line-height: 54px;
}
 nav ul li a:hover {
     color: #c00514;
}
/** END HEADER **/
/** BANNER **/
 .banner_holder {
     background: transparent;
     width: 1200px;
     height: 468px;
     margin: -20px auto 50px;
     display: block;
     border-radius: 30px;
     position: relative;
     overflow: hidden;
}
/** END BANNER **/
/** FUN LEARNING **/
 .funlearning_holder {
     margin: 0 auto 40px;
     display: block;
     width: 1200px;
}
 .funlearning_holder h2 {
     font-size: 35px;
     color: #000;
     margin: 0 0 40px 0;
     text-align: center;
}
 .funlearning_holder h2 span {
     color: #4e7ddb;
}
 .funlearning_holder ul {
     text-align: center;
}
 .funlearning_holder ul li {
     display: inline-block;
     margin: 0 26px 0 0;
     padding: 0;
}
 .funlearning_holder ul li:last-child {
     margin-right: 0px;
}
 .animate {
     -webkit-animation: animate 2s infinite;
     animation: animate 2s infinite;
}
 @-webkit-keyframes animate {
     0%, 20%, 50%, 80%, 100% {
         -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-10px);
         -moz-transform: translateY(-10px);
         -ms-transform: translateY(-10px);
         -o-transform: translateY(-10px);
         transform: translateY(-10px);
    }
     60% {
         -webkit-transform: translateY(-30px);
         -moz-transform: translateY(-30px);
         -ms-transform: translateY(-30px);
         -o-transform: translateY(-30px);
         transform: translateY(-30px);
    }
}
 .animate2 {
     -webkit-animation: animate2 2.5s infinite;
     animation: animate2 2.5s infinite;
}
 @-webkit-keyframes animate2 {
     25% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     15%, 50% {
         -webkit-transform: rotateX(20deg);
         transform: rotateX(20deg);
    }
     75% {
         -webkit-transform: none;
         transform: none;
    }
}
 .animate3 {
     -webkit-animation: animate3 2s infinite;
     animation: animate3 2s infinite;
}
 @-webkit-keyframes animate3 {
     25% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     15%, 50% {
         -webkit-transform: rotateX(20deg);
         transform: rotateX(20deg);
    }
     75% {
         -webkit-transform: none;
         transform: none;
    }
}
/** END FUN LEARNING **/
/** WELCOME **/
 .welcome_holder {
     background: url(images/white_texture.jpg) repeat;
     width: 100%;
     padding: 70px 0;
     box-sizing: border-box;
     position: relative;
     margin: 0;
}
 .welcome_holder:after {
     background: url(images/white_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .welcome_holder h1 {
     text-align: center;
     font-size: 50px;
     color: #3d6ed0;
     margin: 0 0 10px 0;
}
 .welcome_holder h3 {
     text-align: center;
     font-size: 25px;
     font-weight: 300;
     color: #000;
     font-family: 'Lato', sans-serif;
     margin: 0 0 30px 0;
}
 .welcome_holder p {
     text-align: center;
     margin: 0 0 60px 0;
     padding: 0;
     display: block;
     font-size: 15px;
     line-height: 25px;
}
 .welcome_holder .bottom_block {
     margin: 0;
     padding: 0;
     display: block;
     text-align: center;
}
 .welcome_holder .bottom_block .block {
     width: 320px;
     margin: 0 46px 0 0;
     padding: 0;
     display: inline-block;
     vertical-align: middle;
}
 .welcome_holder .bottom_block .block:nth-child(2) {
     width: 381px;
}
 .welcome_holder .bottom_block .block:last-child {
     margin-right: 0px;
}
 .welcome_holder .bottom_block .block ul {
     margin: 0;
     padding: 0;
     display: block;
}
 .welcome_holder .bottom_block .block ul li {
     margin: 0 0 50px 0;
     padding: 0;
     display: block;
     overflow: hidden;
}
 .welcome_holder .bottom_block .block ul li:last-child {
     margin-bottom: 0px;
}
 .welcome_holder .bottom_block .block ul li .text_block {
     width: 260px;
     margin: 0;
     padding: 0;
     display: block;
}
 .welcome_holder .bottom_block .block ul li .text_block h3 {
     font-family: 'Lato', sans-serif;
     font-size: 18px;
     font-weight: bold;
     margin: 0 0 12px 0;
}
 .welcome_holder .bottom_block .block ul li .text_block p {
     margin: 0;
     padding: 0;
     display: block;
     line-height: 22px;
     font-size: 14px;
}
 .welcome_holder .bottom_block .block ul li .text_block p.align_right, .welcome_holder .bottom_block .block ul li .text_block h3.align_right {
     text-align: right;
}
 .welcome_holder .bottom_block .block ul li .text_block p.align_left, .welcome_holder .bottom_block .block ul li .text_block h3.align_left {
     text-align: left;
}
 .welcome_holder .bottom_block .block ul li .icon_block {
     width: 80px;
     height: 80px;
     margin: 0;
     padding: 0;
     display: none;
}
/** END WELCOME **/
/** FACILITIES **/
 .facilities_holder {
     background: url(images/violet_texture.png) repeat;
    /*background-attachment:fixed;
    */
     width: 100%;
     margin: 0;
     padding: 70px 0 50px 0;
     display: block;
     position: relative;
}
 .facilities_holder:after {
     background: url(images/violet_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .facilities_holder .main_wrapper {
     position: relative;
}
 .facilities_holder .main_wrapper .kidpic {
     width: 468px;
     position: absolute;
     left: -110px;
     top: 118px;
}
 .facilities_holder .main_wrapper .right_data_holder {
     float: right;
     width: 776px;
     margin: 0;
     padding: 0;
}
 .facilities_holder .main_wrapper .right_data_holder h2 {
     margin: 0 0 50px 0;
     padding: 0;
     display: block;
     font-size: 50px;
     color: #ffffff;
}
 .facilities_holder .main_wrapper .right_data_holder ul {
     margin: 0;
     padding: 0;
     display: block;
     overflow: hidden;
}
 .facilities_holder .main_wrapper .right_data_holder ul li {
     float: left;
     margin: 0 50px 50px 0;
     padding: 0;
     display: block;
     width: 363px;
     overflow: hidden;
}
 .facilities_holder .main_wrapper .right_data_holder ul li:nth-child(2n) {
     margin-right: 0px;
}
 .facilities_holder .main_wrapper .right_data_holder ul li .icon_holder {
     background: transparent;
     width: 86px;
     height: 86px;
     border: 2px solid #fff;
     border-radius: 50%;
     float: left;
     margin: 0 20px 0 0;
}
 .facilities_holder .main_wrapper .right_data_holder ul li .text_holder {
     width: 257px;
     float: left;
}
 .facilities_holder .main_wrapper .right_data_holder ul li .text_holder h3 {
     margin: 0 0 15px 0;
     padding: 0;
     display: block;
     font-weight: bold;
     font-size: 20px;
     color: #ffffff;
     font-family: 'Lato', sans-serif;
}
 .facilities_holder .main_wrapper .right_data_holder ul li .text_holder p {
     margin: 0;
     padding: 0;
     display: block;
     line-height: 22px;
     font-size: 14px;
     color: #fff;
}
/** END FACILITIES **/
/** CTA **/
 .cta_holder {
     background: #f0de16;
     padding: 30px 0;
     display: block;
     font-size: 33px;
     font-weight: bold;
     color: #000;
     text-align: center;
}
 .cta_holder span.call {
     margin: 0;
     padding: 0;
     font-weight: 700;
     color: #cf3f00;
}
 .cta_holder a{
    color:#cf3f00;
     font-weight: bold;
     text-decoration: none;
}
 a.cta_click {
     display: inline-block;
     background: #cf3f00;
     padding: 10px 30px;
     border-radius: 30px;
     font-weight: bold;
     color: #fff;
     text-decoration: none;
     border: 1px solid #cf3f00;
}
 a.cta_click:hover {
     background: transparent;
     color: #cf3f00;
}
 .cta_holder span {
     padding: 0 20px;
}
 a.viewall {
     display: table;
     background: #cf3f00;
     padding: 10px 30px;
     border-radius: 30px;
     font-weight: bold;
     color: #fff;
     text-decoration: none;
     border: 1px solid #cf3f00;
     margin: 25px auto 0;
}
 a.viewall:hover {
     background: transparent;
     color: #cf3f00;
}
/** END CTA **/
/** PHOTO GALLERY **/
 .photo_gallery {
     background: url(images/white_texture.jpg) repeat;
     width: 100%;
     margin: 0;
     padding: 50px 0;
}
 .photo_gallery h2 {
     text-align: center;
     font-size: 50px;
     color: #3d6ed0;
     margin: 0 0 50px 0;
}
 .photo_gallery ul {
     margin: 0;
     padding: 0;
     display: block;
     text-align: center;
}
 .photo_gallery ul li {
     display: inline-block;
     width: 285px;
     height: 285px;
     margin: 0;
     padding: 0;
     overflow: hidden;
}
 .photo_gallery ul li:nth-child(4n) {
     margin-right: 0px;
}
/** END PHOTO GALLERY **/
/** PARENTS CORNER **/
 .parents_holder {
     background: url(images/bluebg.jpg) repeat;
    /*background-attachment:fixed;
    */
     width: 100%;
     margin: 0;
     padding: 80px 0;
     display: block;
     position: relative;
}
 .parents_holder:after {
     background: url(images/blue_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .parents_holder h2 {
     text-align: center;
     font-size: 50px;
     color: #ffffff;
     margin: 0 0 50px 0;
}
 .parents_holder ul {
     text-align: center;
}
 .parents_holder ul li {
     background: #ffffff;
     width: 372px;
     margin: 0 30px 0 0;
     padding: 0;
     display: inline-block;
     vertical-align: top;
}
 .parents_holder ul li a {
     text-decoration: none;
}
 .parents_holder ul li:last-child {
     margin-right: 0px;
}
 .parents_holder ul li .date {
     background: #89d700;
     display: block;
     text-align: center;
     color: #ffffff;
     font-size: 14px;
     padding: 10px 0;
}
 .parents_holder ul li .picholder {
     width: 100%;
     height: 250px;
     margin: 0;
     padding: 0;
     display: block;
     overflow: hidden;
}
 .parents_holder ul li .content_holder {
     margin: 0;
     padding: 25px 20px;
     display: block;
}
 .parents_holder ul li .content_holder h3 {
     margin: 0 0 10px 0;
     padding: 0;
     display: block;
     font-weight: bold;
     font-size: 20px;
     color: #000;
     font-family: 'Lato', sans-serif;
     text-align: center;
}
 .parents_holder ul li .content_holder p {
     margin: 0;
     padding: 0;
     display: block;
     line-height: 22px;
     font-size: 14px;
     color: #000;
     text-align: center;
}
/** END PARENTS CORNER **/
/** TESTIMONIALS **/
 .testimonials {
     background: url(images/white_texture.jpg) repeat;
     width: 100%;
     margin: 0;
     padding: 50px 0;
     position: relative;
}
 .testimonials:after {
     background: url(images/white_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .testimonials h2 {
     text-align: center;
     font-size: 50px;
     color: #3d6ed0;
     margin: 0;
}
/**********/
 .testimonials .testimonials_inner {
     width: 800px;
     margin: 0 auto;
     padding: 0;
     display: block;
}
 .testimonials .testimonials_inner .item {
     margin: 0;
     padding: 0;
     display: block;
}
 .testimonials .testimonials_inner .item p {
     text-align: center;
     margin: 0 0 40px 0;
     padding: 20px;
     display: block;
     font-size: 22px;
     font-weight: 300;
     color: #000;
     line-height: 34px;
}
 .testimonials .testimonials_inner .item .user {
     background: #fff;
     width: 120px;
     height: 120px;
     margin: 0 auto 14px;
     display: block;
     border-radius: 50%;
     border: 3px solid #78e4ff;
     overflow: hidden;
}
 .testimonials .testimonials_inner .item .user img {
     max-width: 100%;
     height: auto;
}
 .testimonials .testimonials_inner .item .username {
     text-align: center;
     font-weight: 600;
     font-size: 18px;
}
/***********/
/** END TESTIMONIALS **/
/** BIRTHDAY **/
 .birthday_holder {
     background: url(images/birthdaybg.jpg) no-repeat center center;
     background-size: cover;
     width: 100%;
     margin: 0;
     padding: 0 0 80px 0;
     display: block;
}
 .birthday_holder .flag_holder {
     background: url(images/birthday_flag.png) repeat-x center top;
     margin: 0;
     padding: 145px 0 0 0;
     display: block;
}
 .birthday_holder h2 {
     text-align: center;
     font-size: 50px;
     color: #ffffff;
     margin: 0 0 50px 0;
}
 .birthday_holder_inner {
     margin: 0 auto;
     padding: 0;
     display: block;
     text-align: center;
     width: 60%;
}
 .birthday_holder_inner .item {
     background: #ffffff;
     width: 100%;
     margin: 0;
     padding: 20px;
     box-sizing: border-box;
     display: inline-block;
}
 .birthday_holder_inner .item .photo_holder {
     width: 675px;
     height: 540px;
     margin: 0 auto;
     padding: 0;
     display: block;
     overflow: hidden;
}
 .birthday_holder_inner .item .photo_holder img {
     max-width: 100%;
}
 .birthday_holder_inner .item .name_holder {
     margin: 0;
     padding: 10px 5px;
     display: block;
     box-sizing: border-box;
     font-size: 40px;
     font-weight: normal;
     color: #4d4497;
     text-align: center;
     font-family: 'magnolia_scriptregular';
}
 .birthday_holder_inner .item .name_holder span {
     display: block;
     font-size: 20px;
     color: #000;
     font-family: 'Lato', sans-serif;
     padding: 3px 0 0 0;
}
/** END BIRTHDAY **/
/** CONTACT **/
 .contact_holder {
     background: url(images/contactbg.jpg) no-repeat top;
     background-size: cover;
    /*background-attachment:fixed;
    */
     width: 100%;
     margin: 0;
     padding: 80px 0;
     display: block;
     position: relative;
}
 .contact_holder:after {
     background: url(images/skyblue_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .baloonleft {
     width: 216px;
     height: 328px;
     position: absolute;
     left: 0;
     top: 50px;
}
 .baloonright {
     width: 176px;
     height: 267px;
     position: absolute;
     right: 0px;
     top: 300px;
}
 .contact_holder h2 {
     text-align: center;
     font-size: 50px;
     color: #ffffff;
     margin: 0 0 50px 0;
}
 .contact_holder_inner {
     margin: 0;
     padding: 0 20px;
     display: block;
}
 .contact_holder_inner .contact_frm_holder {
     width: 555px;
     float: left;
     display: block;
}
 .contact_holder_inner .contact_frm_holder .input_holder, .modal_body .input_holder {
     margin: 0 0 8px 0;
}
 .contact_holder_inner .contact_frm_holder .input_holder input[type="text"], .contact_holder_inner .contact_frm_holder .input_holder input[type="email"], .contact_holder_inner .contact_frm_holder .input_holder input[type="tel"], .modal_body .input_holder input[type="text"], .modal_body .input_holder input[type="email"], .modal_body .input_holder input[type="tel"] {
     background: #ffffff;
     width: 100%;
     height: 49px;
     border-radius: 6px;
     padding: 0 15px;
     font-size: 16px;
     font-weight: 400;
     color: #000;
     border: 0px;
     outline: none;
     font-family: 'Lato', sans-serif;
     font-size: 16px;
}
 .modal_body .input_holder input[type="text"], .modal_body .input_holder input[type="email"], .modal_body .input_holder input[type="tel"], .modal_body .input_holder textarea {
     border: 1px solid #ccc !important;
}
 .modal_body .input_holder input[type="submit"] {
     width: 100% !important;
}
 .contact_holder_inner .contact_frm_holder .input_holder textarea, .modal_body .input_holder textarea {
     background: #ffffff;
     width: 100%;
     height: 120px;
     border-radius: 6px;
     padding: 15px;
     font-size: 16px;
     font-weight: 400;
     color: #000;
     border: 0px;
     outline: none;
     resize: none;
     font-family: 'Lato', sans-serif;
     font-size: 16px;
}
 .contact_holder_inner .contact_frm_holder .input_holder input[type="submit"], .modal_body .input_holder input[type="submit"] {
     background: #feea13;
     width: 220px;
     height: 49px;
     border-radius: 6px;
     padding: 0 15px;
     font-size: 16px;
     font-weight: 400;
     color: #000;
     border: 0px;
     outline: none;
     font-family: 'Lato', sans-serif;
     font-size: 16px;
     cursor: pointer;
     text-transform: uppercase;
     font-weight: bold;
}
 .contact_holder_inner .contact_details {
     width: 450px;
     float: right;
     display: block;
}
 .contact_holder_inner .contact_details ul li {
     margin: 0 0 30px 0;
     padding: 0;
     overflow: hidden;
}
 .contact_holder_inner .contact_details ul li a {
     text-decoration: none;
}
 .contact_holder_inner .contact_details ul li:last-child {
     margin-bottom: 0px;
}
 .contact_holder_inner .contact_details ul li .icon_holder {
     width: 51px;
     height: 52px;
     float: left;
     margin: 0 20px 0 0;
}
 .contact_holder_inner .contact_details ul li .text_holder {
     width: 375px;
     float: left;
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     line-height: 28px;
}
/** END CONTACT **/
/** MAP **/
 .map_holder {
     width: 100%;
     height: 450px;
     position: relative;
}
 .map_holder:after {
     background: url(images/gray_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .map_holder iframe {
     width: 100%;
     height: 100%;
}
/** END MAP **/
/** FOOTER **/
 footer {
     background: url(images/footerbg.png) no-repeat top center;
     background-size: cover;
     width: 100%;
     margin: -180px 0 0 0;
     padding: 290px 0 20px 0;
     display: block;
     position: relative;
     z-index: 9999;
     text-align: center;
     font-size: 14px;
     color: #fff;
}
 footer span {
     padding: 0 15px;
     color: #fff;
}
 footer a {
     color: #ffffff;
     font-weight: bold;
     text-decoration: none;
}
/** END FOOTER **/
 .nav_holder, .nav_close_sidebar {
     display: none;
}
/** INNER **/
 .inner_page_holder {
     background: url(images/white_texture.jpg) repeat;
     width: 100%;
     padding: 70px 0;
     box-sizing: border-box;
     position: relative;
     margin: -20px 0 0 0;
}
 .inner_page_holder:after {
     background: url(images/white_stripe.png) repeat-x 0 0;
     position: absolute;
     left: 0;
     right: 0;
     top: -6px;
     content: "";
     width: 100%;
     height: 16px;
     margin: 0 auto;
}
 .inner_page_holder h1 {
     text-align: center;
     font-size: 50px;
     color: #3d6ed0;
     margin: 0 0 25px 0;
}
 .inner_page_holder h3 {
     text-align: center;
     font-size: 25px;
     font-weight: 300;
     color: #000;
     font-family: 'Lato', sans-serif;
     margin: 0 0 30px 0;
}
 .inner_page_holder p {
     text-align: left;
     margin: 0 0 40px 0;
     padding: 0;
     display: block;
     font-size: 15px;
     line-height: 25px;
}
 .inner_page_holder p img {
     margin-bottom: 20px;
}
 .aligncenter {
     display: block;
     margin: 0 auto;
}
 .alignleft {
     float: left;
     margin: 0 40px 0 0;
}
 .alignright {
     float: right;
     margin: 0 0 0 40px;
}
 .alignleft, .alignright {
     font-size: 16px;
     color: #F4D79B;
}
 .alignleft a, .alignright a {
     color: #F4D79B;
     text-decoration: none;
}
 .alignleft a:hover, .alignright a:hover {
     color: #000;
     text-decoration: none;
}
 img.aligncenter, img.alignright, img.alignleft {
     border: 2px solid #e5e5e5;
}
/** END INNER **/
/** BLOG **/
 .blog_template {
     margin: 40px 0 0 0;
     padding: 0;
     display: block;
}
 .blog_template .leftcontent {
     float: left;
     width: 800px;
}
 .blog_template .leftcontent ul {
     margin: 0;
     padding: 0;
     display: block;
}
 .blog_template .leftcontent ul li {
     margin: 0 0 30px 0;
     padding-bottom: 30px;
     display: block;
     overflow: hidden;
     border-bottom: 6px dotted #ECEBF3;
}
 .blog_template .leftcontent ul li:last-child {
     border-bottom: 0px;
     padding-bottom: 0px;
}
 .blog_template .leftcontent ul li .picholder {
     float: left;
     width: 372px;
     height: 250px;
     margin: 0 30px 0 0;
     overflow: hidden;
}
 .blog_template .leftcontent ul li .picholder img {
     max-width: 100%;
     height: auto;
}
 .blog_template .leftcontent ul li .textholder {
     float: left;
     width: 398px;
}
 .blog_template .leftcontent ul li .textholder .postmeta {
     font-size: 13px;
     margin-bottom: 10px;
}
 .blog_template .leftcontent ul li .textholder h2 {
     font-family: 'Lato', sans-serif;
     font-size: 20px;
     font-weight: 600;
     color: #000;
     margin: 0 0 15px 0;
     display: block;
}
 .blog_template .leftcontent ul li .textholder h2 a {
     color: #000;
     text-decoration: none;
}
 .blog_template .sidebar {
     float: right;
     width: 300px;
}
 .blog_template .sidebar h2 {
     font-size: 25px;
     margin: 0 0 20px 0;
     display: block;
     font-weight: 400;
}
 .blog_template .sidebar div {
     margin-bottom: 15px;
     padding-bottom: 15px;
     border-bottom: 4px dotted #ECEBF3;
}
 .blog_template .sidebar div:last-child {
     border: 0px;
}
 .blog_template .sidebar div .inner {
     margin: 0px;
     padding: 0px;
     border: 0px;
}
 .blog_template .leftcontent ul li .textholder p {
     margin: 0 0 15px 0;
     text-align: justify;
}
 .blog_template .leftcontent ul li .textholder a.readmore {
     color: #000;
     text-decoration: underline;
}
 .blog_template .leftcontent ul li .textholder a.readmore:hover {
     color: #000;
     text-decoration: none;
}
 .blog_template .sidebar ul {
     margin: 0 0 0 15px;
     padding: 0;
     display: block;
}
 .blog_template .sidebar ul li {
     margin: 0 0 7px 0;
     display: block;
     font-size: 15px;
     font-weight: 400;
     color: #000;
     position: relative;
     padding: 0 0 0 15px;
}
 .blog_template .sidebar ul li:after {
     background: #A4BCC6;
     position: absolute;
     top: 6px;
     left: 0px;
     content: "";
     width: 7px;
     height: 7px;
     border-radius: 50%;
}
 .blog_template .sidebar ul li a {
     color: #000;
     text-decoration: none;
}
 .blog_template .sidebar ul li a:hover {
     color: #3D6ED0;
     text-decoration: none;
}
/** END BLOG **/
 .postmeta a {
     color: #000;
     text-decoration: none;
}
 .post_details {
     margin: 0;
     padding: 0px;
     display: block;
     font-size: 16px;
}
 .post_details h1 {
     text-align: left;
     font-size: 35px;
}
 .post_details p {
     margin-bottom: 20px;
     font-size: 16px;
}
 .post_details p a {
     font-weight: 600;
     text-decoration: underline;
     color: #3D6ED0;
}
 .post_details p a:hover {
     font-weight: 600;
     text-decoration: none;
     color: #3D6ED0;
}
 .post_details ol, .post_details ul {
     margin-bottom: 20px;
     list-style: inherit;
     padding: inherit;
}
 .post_details ol li, .post_details ul li {
     margin: 0 0 10px 0 !important;
     font-size: 16px;
}
 .comment-respond {
     margin-top: 40px;
     border-top: 1px solid #ECEBF3;
     padding-top: 20px;
}
 .comment-respond h3 {
     text-align: left;
     font-weight: 600;
}
 .bredcrump {
     margin: 0px;
     padding: 0px;
     font-size: 13px;
}
 .bredcrump span {
     padding: 0 8px;
     color: #9E9E9E;
}
 .bredcrump a {
     color: #3D6ED0;
     text-decoration: underline;
}
 .bredcrump a:hover {
     color: #000;
     text-decoration: none;
}
.admission_open{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding: 0;
}
.admission_open a{
    color: #ffffff;
    text-decoration: none;
    background: #c00514;
    padding: 10px 20px;
    border-radius: 0 0 30px 30px;
}
admission_open a img{margin: 0 10px 0 0;}

 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     .main_wrapper {
         width: 96%;
         font-size: 28px;
    }
     header a.logo {
         width: 300px;
    }
     header {
         width: 96%;
         margin: 0 auto;
    }
     nav {
         padding: 0 15px;
    }
     nav ul {
         text-align: center;
    }
     nav ul li {
         margin: 0 10px 0 0;
    }
     nav ul li a {
         font-size: 17px;
    }
     nav:after {
         width: 673px;
    }
     .banner_holder {
         width: 96%;
         border-radius: 20px;
         height: auto;
         margin-bottom: 20px;
    }
     .banner_holder img {
         max-width: 100%;
         height: auto;
    }
     .funlearning_holder {
         width: 96%;
         margin: 0 auto 30px;
    }
     .funlearning_holder ul li {
         margin: 0 10px 0 0;
         width: 94px;
    }
     .welcome_holder {
         border-radius: 0px;
    }
     .welcome_holder .bottom_block .block:nth-child(2) {
         display: none;
    }
     .welcome_holder .bottom_block .block {
         width: 340px;
         margin: 0 20px 0 0;
    }
     .welcome_holder .bottom_block .block ul li .text_block {
         width: 248px;
    }
     .welcome_holder .bottom_block .block ul li .icon_block {
         width: 70px;
         height: 70px;
    }
     .facilities_holder .main_wrapper .kidpic {
         display: none;
    }
     .facilities_holder .main_wrapper .right_data_holder {
         float: none;
         margin: 0 auto;
         width: 100%;
    }
     .facilities_holder .main_wrapper .right_data_holder h2 {
         text-align: center;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li {
         width: 358px;
         margin: 0 20px 30px 0;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li .text_holder {
         width: 252px;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li .text_holder h3 {
         margin-bottom: 10px;
    }
     a.cta_click{
         margin-top: 15px;
    }
     .photo_gallery ul li {
         margin: 0 10px 10px 0;
         width: 160px;
         height: 160px;
    }
     a.viewall {
         font-size: 20px;
    }
     .parents_holder ul li {
         width: 230px;
         margin: 0 15px 0 0;
    }
     .parents_holder ul li .picholder {
         height: 120px;
    }
     .testimonials .testimonials_inner {
         width: 100%;
    }
     .contact_holder_inner .contact_frm_holder {
         float: none;
         margin: 0 auto 20px;
    }
     .contact_holder_inner .contact_details {
         float: none;
         margin: 0 auto;
    }
     .blog_template .leftcontent {
         float: none;
         margin: 0 auto 40px;
         width: auto;
    }
     .blog_template .sidebar {
         float: none;
         margin: 0 auto;
         width: auto;
    }
}
 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
     .main_wrapper {
         width: 96%;
         font-size: 28px;
    }
     .banner_holder {
         width: 96%;
         height: auto;
    }
     .funlearning_holder {
         width: 96%;
    }
     .funlearning_holder h2, .funlearning_holder h2 span {
         color: #ffffff;
    }
     .funlearning_holder ul li {
         margin: 0 15px 0 0;
         width: 124px;
    }
     .welcome_holder .bottom_block .block:nth-child(2) {
         display: none;
    }
     .facilities_holder .main_wrapper .kidpic {
         display: none;
    }
     .facilities_holder .main_wrapper .right_data_holder {
         float: none;
         margin: 0 auto;
         width: 100%;
    }
     .facilities_holder .main_wrapper .right_data_holder h2 {
         text-align: center;
    }
     .facilities_holder .main_wrapper .right_data_holder ul {
         width: 800px;
         margin: 0 auto;
    }
     .photo_gallery ul li {
         margin: 0 10px 10px 0;
         width: 234px;
         height: auto;
    }
     a.viewall {
         font-size: 20px;
    }
     .contact_holder_inner .contact_frm_holder {
         width: 458px;
    }
     .blog_template .leftcontent {
         width: 65%;
    }
}
 @media only screen and (max-width:767px) {
    .admission_open{font-size: 21px;}
     .main_wrapper {
         width: 96%;
    }
     header {
         width: 90%;
         margin: 0 auto;
         text-align: center;
    }
     header a.logo {
         width: 200px;
         margin: 0;
         display: inline-block;
    }
     .banner_holder {
         width: 96%;
         border-radius: 10px;
         margin: 0 auto 20px;
         height: auto;
    }
     .funlearning_holder {
         width: 96%;
         margin-bottom: 20px;
    }
     .funlearning_holder h2 {
         font-size: 28px;
         line-height: 32px;
         color: #fff;
    }
     .funlearning_holder h2 span {
         color: #fff;
    }
     .funlearning_holder ul {
         text-align: center;
    }
     .funlearning_holder ul li {
         margin-right: 20px;
         width: 115px;
         margin-bottom: 15px;
    }
     .funlearning_holder ul li:nth-child(2n) {
         margin-right: 0px;
    }
     .welcome_holder {
         border-radius: 0px;
         padding: 30px 0;
         border-top: 4px solid rgba(233, 247, 204, 1);
    }
     .welcome_holder h1 {
         font-size: 30px;
         line-height: 20px;
    }
     .welcome_holder h3 {
         margin-bottom: 20px;
         font-size: 22px;
    }
     .welcome_holder p {
         margin-bottom: 30px;
    }
     .welcome_holder .bottom_block .block {
         display: block;
         width: 100%;
         margin: 0 0 25px 0;
    }
     .welcome_holder .bottom_block .mid {
         display: none;
    }
     .welcome_holder .bottom_block .block ul li {
         margin-bottom: 25px;
    }
     .welcome_holder .bottom_block .block ul li .icon_block {
         float: left;
         margin: 0 15px 0 0;
    }
     .welcome_holder .bottom_block .block ul li .text_block {
         width: 69%;
         float: left;
    }
     .welcome_holder .bottom_block .block ul li .text_block p.align_right, .welcome_holder .bottom_block .block ul li .text_block h3.align_right {
         text-align: left;
    }
     .welcome_holder .bottom_block .block ul li .text_block h3 {
         margin-bottom: 5px;
    }
     .welcome_holder .bottom_block .block ul li .text_block p {
         line-height: 20px;
    }
     .facilities_holder {
         padding: 30px 0;
    }
     .facilities_holder .main_wrapper .kidpic {
         display: none;
    }
     .facilities_holder .main_wrapper .right_data_holder {
         float: none;
         margin: 0;
         padding: 0;
         width: 100%;
    }
     .facilities_holder .main_wrapper .right_data_holder h2 {
         text-align: center;
         font-size: 30px;
         margin-bottom: 30px;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li {
         float: none;
         display: block;
         width: 100%;
         margin: 0 0 25px 0;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li:last-child {
         margin-bottom: 0px;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li .icon_holder {
         width: 80px;
         height: 80px;
         float: left;
         margin: 0 15px 0 0;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li .text_holder {
         width: 69%;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li .text_holder h3 {
         margin-bottom: 5px;
    }
     .facilities_holder .main_wrapper .right_data_holder ul li .text_holder p {
         line-height: 20px;
    }
     .cta_holder span.call, a.cta_click {
         display: table;
         margin: 10px auto 0;
    }
     .cta_holder span.call {
         margin: 10px 0 0 0;
         font-size: 20px;
         text-align: center;
         display: block;
         font-size: 24px;
    }
     .cta_holder {
         font-size: 22px;
         padding: 18px 0;
    }
     .photo_gallery {
         padding: 30px 0;
    }
     .photo_gallery h2 {
         font-size: 30px;
         margin-bottom: 30px;
    }
     .photo_gallery ul li {
         width: 48%;
         height: auto;
         margin: 0 5px 0px 0;
    }
     .photo_gallery ul li:nth-child(2n) {
         margin-right: 0px;
    }
     .parents_holder {
         padding: 30px 0;
    }
     .parents_holder h2 {
         font-size: 30px;
         margin-bottom: 30px;
    }
     .parents_holder ul li {
         float: none;
         margin: 0 0 15px 0;
         width: 100%;
    }
     .parents_holder ul li .picholder {
         height: auto;
    }
     .parents_holder ul li .content_holder h3 {
         font-size: 19px;
    }
     .parents_holder ul li .content_holder {
         padding: 15px;
    }
     .birthday_holder h2 {
         font-size: 30px;
         margin-bottom: 30px;
    }
     .birthday_holder .flag_holder {
         padding-top: 100px;
    }
     .contact_holder {
         padding: 30px 0;
    }
     .contact_holder h2 {
         font-size: 30px;
         margin-bottom: 30px;
    }
     .contact_holder_inner .contact_frm_holder {
         float: none;
         margin: 0 auto;
         width: 100%;
         position: relative;
         z-index: 10px;
    }
     .contact_holder_inner .contact_frm_holder .input_holder input[type="submit"] {
         width: 100%;
    }
     .baloonleft, .baloonright {
         height: auto;
         width: 100px;
    }
     .contact_holder_inner .contact_details {
         float: none;
         margin: 30px auto 0;
         display: block;
         width: 100%;
    }
     .contact_holder_inner .contact_details ul li {
         margin-bottom: 20px;
    }
     .contact_holder_inner .contact_details ul li .text_holder {
         width: 83%;
         font-size: 16px;
         line-height: 20px;
    }
     .contact_holder_inner .contact_details ul li .icon_holder {
         width: 35px;
         height: auto;
         margin: 0 10px 0 0;
    }
     footer {
         padding-top: 150px;
    }
     .nav_holder {
         margin: 0 0 20px 20px;
         padding: 0;
         display: inline-block;
    }
     .nav_holder a {
         background: url(images/navicon.png) no-repeat;
         width: 28px;
         height: 21px;
         display: block;
    }
     nav {
         background: #FEDA00;
         position: fixed;
         top: -650px;
         left: 0;
         width: 100%;
         box-sizing: border-box;
         padding: 15px;
         z-index: 999;
         border-radius: 0px;
    }
     nav ul li {
         display: block;
         width: 100%;
         border-bottom: 1px solid #fff;
         margin: 0;
    }
     nav ul li:last-child {
         border-bottom: 0px;
    }
     nav ul li a {
         line-height: 38px;
         font-size: 17px;
         text-align: left;
    }
     a.nav_close_sidebar {
         text-align: right;
         color: #000;
         font-weight: bold;
         font-size: 14px;
         display: block;
         text-decoration: none;
         outline: none;
    }
     footer {
         line-height: 24px;
    }
     footer span {
         display: none;
    }
     .testimonials h2 {
         font-size: 30px;
         margin-bottom: 0;
    }
     .testimonials .testimonials_inner {
         width: 100%;
    }
     .testimonials .testimonials_inner .item p {
         font-size: 16px;
         line-height: 26px;
         margin-bottom: 20px;
         font-weight: 400;
    }
     .testimonials .testimonials_inner .item .username {
         font-size: 15px;
    }
     .testimonials .testimonials_inner .item .user {
         width: 110px;
         height: 110px;
    }
     .inner_page_holder:after {
         display: none;
    }
     .inner_page_holder {
         margin: 0px;
         padding: 30px 0 0 0;
    }
     .inner_page_holder h1 {
         font-size: 30px;
    }
     .blog_template .leftcontent {
         float: none;
         margin: 0 auto 40px;
         width: auto;
    }
     .blog_template .sidebar {
         float: none;
         margin: 0 auto;
         width: auto;
    }
     .blog_template {
         margin: 0px;
    }
     .blog_template .leftcontent h1 {
         font-size: 25px;
         margin: 0 0 15px 0;
    }
     .blog_template .leftcontent img {
         margin-bottom: 0px !important;
    }
     .birthday_holder_inner {
         width: 100%;
         padding: 0 15px;
    }
     .birthday_holder_inner .item .photo_holder {
         width: 100%;
         height: auto;
    }
     .birthday_holder_inner .item .name_holder {
         font-size: 22px;
         padding-bottom: 0px;
    }
     .birthday_holder_inner .item .name_holder span {
         font-size: 13px;
    }
}