/* ================================
Imports
================================= */
@import url('font-awesome.min.css');
@import url('simpletextrotator.css');
@import url('overwrite.css');
@import url('animate.css');

.dearjo_white{color:#fff; font-family:'DJ5CAS_P';} .header-font-black{color:#1d1d1b;} .dearjo_black{color:#1d1d1b; font-family:'DJ5CAS_P';}
@font-face{font-family:'DJ5CAS_P';src:url(../fonts/DJ5CAS_P.otf)format('otf'),url(../fonts/DJ5CAS_P.ttf)}@font-face{font-family:'SourceSansPro-Regular';src:url(../fonts/SourceSansPro-Regular.ttf)format('ttf')}@font-face{font-family:'SourceSansPro-Bold';src:url(../fonts/SourceSansPro-Bold.ttf);}.dearjo{font-family:'DJ5CAS_P';font-weight:400;font-size:60px!important;line-height:56px;font-style:normal}

body{text-align: center;font-family:'Source Sans Pro',sans-serif;font-size: 14px;line-height: 1.6em; overflow-x:hidden!important;}
h1 {}h2 {}h3 {font-size: 28px;}h4 {font-size: 24px;}h5 {font-size: 20px;}h6 {font-size: 18px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color: #121212;font-weight: 600;margin-bottom: 20px;font-family:'Source Sans Pro',sans-serif;}
.lead{font-weight: 400;}button {display: inline-block;margin-bottom: 0;margin-bottom: 10px;padding: 6px 12px;border: 1px solid transparent;	vertical-align: middle;
text-align: center;	white-space: nowrap;font-weight: normal;font-size: 14px;line-height: 1.428571429;cursor: pointer;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
button.navbar-toggle {background: #74288b;border: none;color: #fff!important;}.btn-theme,.btn-theme:hover,.btn-theme:focus{color: #fff;}.btn-theme:hover{background: transparent !important;border-color: #999;color: #999;}
.ifvideo{width:100%; height:350px; padding:0; margin:0;}


.sticky { position: -webkit-sticky;position: sticky;  top: 75%; right: 0%!important; z-index: 1000;   float:right; }
#feedback { height: 0px; width: 85px;  right: 0;transform: rotate(-90deg);-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);			}
#feedback a {display: block; background: #ffcb00; width: 240px;padding: 8px 0px 10px 10px;color: #000;font-family: Arial, sans-serif; font-size: 17px; font-weight: bold;text-decoration: none;}
#feedback a:hover {	background: #CCC; }


.s-box{margin: 20px; padding: 20px; text-align: center; font-size: 26px!important; line-height: 33px; border: 1px solid #E2E2E2;  }
.s-box2{ margin: 4px; text-align: left; font-size: 18px!important; line-height: 33px;border: 0px solid #003255; background: #4DC3CF; padding: 4px}
.s-box2 img {text-align: left; width: 80%; margin: 0px auto; }
.s-box2 p {color:#fff!important}
.s-box3{ margin: 4px; text-align: left; font-size: 19px!important; line-height: 24px;border: 0px solid #003255; background: #722C8A; padding: 12px}
.s-box3 img {text-align: left; width: 80%; margin: 0px auto; }
.s-box3 p {color:#fff!important}

.text-four{ font-size:20px; line-height: 26px; text-align: left; margin-top:0px}
.text-five{ font-size:20px; line-height: 26px; text-align: center; color: #fff}
.icon2 { margin-top: 10px;margin-bottom: 0px}
.icon2-img img{ line-height: 18px; width: 100%}
.icon2-text{  line-height: 18px;font-size: 17px; margin-left: -10px; text-align: left}
.parent-say{}
.s-box4{ margin: 10px; text-align: left; font-size: 26px!important; line-height: 30px;border: 6px solid #FDC02D; background: #; padding: 12px; align-content: center; text-align: center}
.icon3 { margin-top: 10px}
.icon3-img img{ width: 70% }
.icon3-text{  line-height: 20px; font-size: 18px; margin-left: -20px; text-align: left}
.icon4 { margin-top: 20px}
.icon4-img img{ width: 80% }
.icon4-text{  line-height: 22px; font-size: 20px;  margin-top: 10px; text-align: left}
.icon4 span{color:#1d1d1b; font-family:'DJ5CAS_P'; font-size: 28px;}
.parent-say{ text-align:center!important; margin-top: 20px!important; font-size: 19px!important; margin: 10px 0px 20px 0px!important}
/*.blue-brush{background:url("../img/brush-blue.png") top left no-repeat; margin-top: -50px}*/
.blue-brush{background:url("../img/border.png") top left no-repeat; padding-top: 10px; padding-left: 10px; }
.blue-brush-right{background:url("../img/border-bottom.png") right bottom no-repeat; height: 274px; margin-top: -268px; margin-right: -10px }
.text-one{font-size: 18px; text-align: left}
.text-two{font-size: 20px; text-align: left; margin-top: 50px}

/*theme ===============================*/
.theme-mobi{ display: none!important;background:url(../img/banner-viz-m.png) no-repeat center top;float:left; height:709px;display: block!important}
.theme-desk{background:url(../img/banner-viz.png) no-repeat center top;float:left;width:100%; height:460px;display: block!important; margin-top: -50px}

.arrow-mobi{ display: none!important;}
.arrow-desk{display: block!important}

.grove-main{width:100%; margin-top: 40%!important}
.grove{font-size:32px;  }

.dearjo{font-family: 'DJ5CAS_P';font-weight:normal; font-size:60px!important; line-height:60px;font-style:normal; color:#fff;}
.header-font{color:#fff;font-weight:600;font-size:50px!important;line-height:50px;text-align:left; } 
.sub-line{font-size:30px!important;font-weight:600; line-height: 40px!important; color: #fff; margin-top: 20px}
#arrow { background: url("../img/cta2.png") repeat-x left; text-align: center; float: left;padding:20px;  top: 0;  transition: top ease 0.5s; max-width:350px;  font-size: 20px!important; margin:30px auto; line-height: 18px;   }

#arrow:hover{ color:#fff}
.btn-get-started{ background:url("../img/about.png")no-repeat center center; color: #fff; text-decoration: none; width:200px!important; height:80px!important; padding:30px 20px;  font-size:22px; }
.btn-get-started:hover { background:url("../img/about-2.png")no-repeat center center; color: #1d1d1b; text-decoration: none; width:200px!important; height:80px!important; padding:30px 20px;}
.form-mobi{ display: none!important}
.form-desk{display: block!important}

.cas-mobi{ display: block!important}
.cas-desk{display: none!important}

#myBtn {
  display: none;
  position: fixed;

}

#myBtn:hover {

}


/*pannelr 4-------------------------------------
--------------------------------*/
.parent-say-text{font-size:22px; line-height: 28px; text-align: center; margin-top: 20px}






/* ================================
Social Media icons
================================= */

.works-heading h2{ font-size:40px; text-align: center;color: #30cdd7}
.works-heading h2 span{font-size:50px!important;font-family: 'DJ5CAS_P'; font-weight: 500}

.social{position:fixed;top:10em; z-index:999999; }
.social ul{padding:0;-webkit-transform:translate(-20px,0);-moz-transform:translate(-20px,0);-ms-transform:translate(-20px,0);-o-transform:translate(-20px,0);transform:translate(-20px,0)}
.social ul li{display:block;margin:1px;background:#ffc20e;width:50px;text-align:right;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s; font-size:14px; cursor:pointer;}
.social ul li:hover{-webkit-transform:translate(22px,0);-moz-transform:translate(22px,0);-ms-transform:translate(22px,0); -o-transform:translate(22px,0); transform:translate(22px,0); background:rgba(255,255,255,0.6)}
.social ul li a{color:#000; display: block; padding:10px; text-align: center!important;}
.social ul li:hover a{color:#000; display: block; padding:10px;}
.social ul li i{margin-left:10px;color:#000;padding:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); font-size:16px; }
.social ul li:hover i{color:#74288b;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
	-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.social ul li:first-child{background:#fff;}
.social ul li:first-child i{color:#1d1d1b;}

.wrapper {z-index:999; position:fixed; right:-2%; top:25em;  display:inline; float:right; margin: 0;  }
#dynamic { position: relative; background-color:#ffd200;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);visibility:collapse; } .newClass { visibility:visible!important; }
#dynamic a{line-height:50px; display: block; color:#000; text-decoration:none;  font-weight: bold; font-size:18px; padding:0px 20px; margin: 0; text-transform: uppercase;} .rotate:hover a{color:#74288b; }
#dynamic:hover a{color:#74288b; }


#dynamic2 {  background-color:#ffd200; width: 200px; margin-top: 30px} 
#dynamic2 a{line-height:50px; display: block; color:#000; text-decoration:none;  font-weight: bold; font-size:18px; padding:0px 20px; margin: 0; text-transform: uppercase;} 
#dynamic2:hover a{color:#74288b; }

#Button {z-index:999; position:fixed; bottom:0; left:0; right:0;display:none; background-color:#ffd200;visibility:collapse; } .bottomClass { visibility:visible!important; }
#Button a{line-height:40px; display: block; color:#000; text-decoration:none;  font-weight: bold; font-size:16px; padding:0px 20px; margin: 0 auto;} 
#Button:hover a{color:#74288b; }




/* ================================
Testimonials
================================= */
.testimonials{background-image: url(../img/bg_tealeblue.jpg); padding:50px 0px 50px 0px; display:block; font-size:16px;  }
.testimonials .t-heading {margin-bottom: 50px;}
.testimonials .t-heading h2 {font-size: 38px;	font-weight:500; font-family:'DJ5CAS_P'; color:#fff;}
.testimonials h2 {font-size: 26px;	font-weight:500; font-family:'DJ5CAS_P'; color:#1d1d1b; }
.testimonials #demo .carousel-inner{min-height:220px; }
.testimonials #demo .c_i {position:absolute;z-index:999;bottom:0; left:0; right:0;margin:0 auto; width:15%; background-color:#fff; padding:5px 0px 0 0; border-radius:50pc;  }
.testimonials #demo .c_i .active {width:15px;height:15px;border: none; background:url("../img/dot-2.png") no-repeat center center;}
.testimonials #demo .c_i li {display: inline-block;margin: 1px;width: 15px;height: 15px;border: none;background:url("../img/dot.png") no-repeat center center;cursor: pointer;}
.testimonials #demo{width:60%; margin:0 auto;} .testimonial h4{ color: #1d1d1b;font-size:20px!important; margin-bottom:0px!important; }
.testimonial .para{ color: #1d1d1b;font-size:17px!important;} .testimonial i.cl{ color: #74288b!important;font-size:20px!important; padding:0 10px!important; }
.testimonial .subtitle{ color: #1d1d1b;font-size:16px!important;}
.quote-left{width:20px; margin-right:10px;} .quote-left img{width:25px;} .quote-right{width:20px; margin-left:10px;} .quote-right img{width:25px;}
.header-2{color:#1d1d1b; font-size: 36px;font-weight: 600; text-align: center; margin: 10px 0px 30px 0px; line-height: 40px}
.header-2 span{font-family:'DJ5CAS_P';font-weight:400;font-size: 42px;}
.sub-header1{color:#74288b; font-size: 30px; margin-bottom: 20px; text-align: left; line-height: 30px; margin-top: 15px}

/* ================================
Works
================================= */

/* ================================
margin, padding
================================= */

.test-head{ font-size:26px; color:#722C8A; text-align: left; font-weight: 500; margin-top: 20px; margin-bottom: 40px}

.mar-top0 {margin-top: 0;}.mar-top10 {margin-top: 10px;}.mar-top20 {margin-top: 20px;}.mar-top30 {margin-top: 30px;}.mar-top40 {margin-top: 40px;}.mar-top50 {margin-top:50px;} .mar-top60 {margin-top:60px;} .mar-top70 {margin-top:70px;} .mar-top80 {margin-top:80px;}  .mar-top90 {margin-top:90px;}  .mar-top100 {margin-top:100px;} .mar-top {margin-top:100px;}


.mar-bot0 {margin-bottom: 0;}.mar-bot10 {margin-bottom: 10px;}.mar-bot20 {margin-bottom:20px;}.mar-bot30 {margin-bottom: 30px;}.mar-bot40 {margin-bottom: 40px;}.mar-bot50 {margin-bottom:50px;} .mar-bot60 {margin-bottom:60px;} .mar-bot70 {margin-bottom:70px;} .mar-bot80 {margin-top:80px;}  .mar-bot90 {margin-bottom:90px;}  .mar-bot100 {margin-bottom:100px;} .mar-bot {margin-bottom:125px;}


.pad-top0 {padding-top: 0;}.pad-top10 {padding-top: 10px;}.pad-top20 {padding-top: 20px;}.pad-top30 {padding-top: 30px;}.pad-top40 {padding-top: 40px;}.pad-top50 {padding-top:50px;} .pad-top60 {padding-top:60px;} .pad-top70 {padding-top:70px;} .pad-top80 {padding-top:80px;}  .pad-top90 {padding-top:90px;}  .pad-top100 {padding-top:100px;} .pad-top {padding-top:100px;}

.padtb{ padding-bottom:10px; padding-top:10px;}


/* Back to top button */
.back-to-top { position: fixed; display: none; padding: 6px 12px 9px 12px; font-size: 16px; border-radius: 2px;right: 15px; bottom: 15px; transition: background 0.5s; z-index:1000; background:#74288b!important; }
@media (max-width: 768px) { .back-to-top {bottom: 15px;}}
.back-to-top:focus { outline: none; background:#74288b!important;} 

/* ================================
Navbar
================================= */
nav.navbar{position: fixed;top: -72px;	margin-bottom: 0px; padding:0px 0 0px 0px;	width: 100%;border-radius: 0px;transition: all 0.2s;}
.navbar-nav{float: right;}
nav.navbar.fixed-to-top{top: 0px;}
.navbar-default{border: none;border-bottom: none;opacity: 1;display: none;z-index: 9999; }
.navbar-default .navbar-nav>li>a {color: #fff;font-weight: 700;text-transform: uppercase; }
.navbar-default .navbar-nav>li>a:hover{color: #3A3A3A;	cursor: pointer;	-webkit-transition: all 300ms ease-in-out;	-moz-transition: all 300ms ease-in-out;	-ms-transition: all 300ms ease-in-out;	-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;	outline: 0;}
.navbar-default .navbar-nav>li>a:focus{color: #3A3A3A;}
.navbar-default .navbar-nav li.current{color: #3A3A3A; background:url("../img/navDivot.png") top center no-repeat;}
.nav > li > a {position: relative; display: block; padding:25px 6px!important; }

.navbar-default .navbar-brand{color: #fff;	text-transform: uppercase;	font-weight: 700;	font-size: 2em;} 

.section-heading {margin-bottom: 50px;}
.section-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#003255!important;}
.section-heading h2 span {font-size:42px; font-weight:700; margin-bottom:0; }
.section-heading .heading-line {margin:0 auto;	display: block;	height: 1px;width: 80px;background: #333;margin-top: 10px;margin-bottom: 20px;}

.curricula-heading {margin-bottom:20px;}
.curricula-heading h2 {font-size:38px; font-weight:600; margin-bottom:0; color:#1d1d1b!important; text-align: left;}
.curricula-heading span {font-size:20px; font-weight:500; margin-bottom:0;color:#fff!important; text-align: left; }
.curriculaweoffer2 {font-weight:600; font-size:25px; text-align: left; }
.curriculaweoffer2 span{ color: #1D1D1B; font-weight:500; font-size:30px;  font-family:'DJ5CAS_P'; text-align: left;}
.curriculaweoffer p{ text-align:left}
.curriculaweoffer small{color: #1d1d1b; font-weight:600; font-size:14px; display: block;}
.mbnone{display: block;}
.curriculaweoffer{display: block;}
.curriculaweoffer ul{margin:0; padding:0;}
.curriculaweoffer ul li{margin:0; padding:0;font-size:20px; color: #1d1d1b; list-style:none; background: url("../img/dot-purple.png") no-repeat left top; padding-left:40px; text-align: left; }

.ao-heading {margin-bottom: 50px;text-align: left}
.ao-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#1d1d1b!important;text-align: left}
.ao-heading h2 span{font-size:50px; font-weight:500;font-family:'DJ5CAS_P'; text-align: left}
.ao-heading-s {font-size:20px; font-weight:500; margin-bottom:0;color:#1d1d1b!important; }

.bg-white {background: #fff;}
.bg-gray {background: #f8f8f8;}
.bg-dark {background: #575757;}
.bg-blue {background: #4dc4cf;}
.bg-red {background: #ee3154;}
.bg-orange {background: #f58749;}
.bg-yellow {background: #fecf45;}
.bg-purple {background: #742b8b;}
.bg-mit {background: #a51d36;}
.bg-graygrid {background:url("../img/leading_teachers.png") repeat left top;}

.text-white {color:#fff;}
.color-light h1,.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6 {color: #fff;}
.color-light p {color: #eee;}
#parallax1{background-image: url(../img/parallax/1.png);}
.parallax{padding:50px 0px 50px 0px; display:block; font-size:16px;  }



/* ================================
Intro
================================= */
#Admissions{ width: 100%; background-color:#fecf45; padding: 40px 0px 40px 0px }


#intro { width: 100%; background-color:#fff; background-image: url(../img/banner-viz.png); background-position: top center; background-repeat:no-repeat;}
#intro .item { width: 100%; height:400px;}
#intro .carousel-container { display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  position: absolute;width: 100%; height:500px; padding-top:4%; }
#intro .carouselbg{  width: 100%; }
#intro .carousel-content {  text-align: left;}
#intro .header-1 h2 { color: #1d1d1b; margin-bottom: 20px; font-size:50px!important; font-weight:600; line-height:60px; text-align: left}
#intro .header-1 span{font-family:'DJ5CAS_P'; font-size:70px; line-height:60px!important; text-transform:none!important; font-weight:550!important;}
#intro .sub-line{text-align: left!important; margin-bottom: 30px; font-size: 24px}
.banner-button{ text-align:left}

#intro .carousel-container .btn-get-started{ background:url("../img/about.png")no-repeat center center; color: #1d1d1b; text-decoration: none; width:200px!important; height:80px!important; padding:30px 20px;  font-size:22px; }
#intro .carousel-container .btn-get-started:hover { background:url("../img/about-2.png")no-repeat center center; color: #1d1d1b; text-decoration: none; width:200px!important; height:80px!important; padding:30px 20px;}

@media (max-width: 768px ) {  #intro h2 {font-size: 36px;font-family:'DJ5CAS_P'; }}



/* ================================
About
================================= */
#about{ width: 100%; background-color:#fff; padding: 40px 0px 40px 0px}
#about p { font-size:20px; text-align: center; line-height: 26px}

/* ================================
Team
================================= */
.box-team img {	margin-bottom: 30px;}

/* ================================
Services
================================= */
#services{background:#722C8A; background-position: top center; background-repeat:repeat; padding: 30px 0px 30px 0px }
.s-heading { margin-bottom:30px}
.s-heading h2 {font-size:45px;color:#fff; line-height:45px; font-weight:600; text-align: center}
.s-heading h2 span {font-size:54px; font-family:'DJ5CAS_P';font-weight:500; margin-bottom:0; }

#services .head-line {	margin:0 auto;	display: block;	height: 5px;width: 80px;background: #000;margin-top: 10px;margin-bottom: 20px;}
.service .screenshot{overflow: hidden;margin-right: auto;margin-left: auto;}
.service .screenshot img{margin-right: auto;margin-left: auto;padding-left: 4px;width: 400px;}
#services ul {margin:0; padding:0; text-align: left;}
#services ul li{margin:0; padding:0 0 0px 10px!important;  list-style-type:none;  }
#services ul li b{ margin-left:-25px; }
#services ul li b{background:url("../img/dot-orange.png") no-repeat left center; background-size:15px 15px; padding-left:25px;    }
#services h4{color:#742b8b; }


/* ================================
Testimonials
======services=========================== */
.testimonials{background:#30cdd7 ; padding:30px 0px 30px 0px; display:block; font-size:16px;  }
.testimonials .t-heading {margin-bottom: 50px;}
.testimonials .t-heading h2 {font-size:36px;font-weight:500; color:#fff;}
.testimonials .t-heading h2 span{font-size:36px;font-weight:700; color:#fff;}

.testimonials #demo .c_i {position:absolute;z-index:999;bottom:0; left:0; right:0;   margin:0 auto; width:100px; padding:10px; }
.testimonials #demo .c_i .active {width:15px;height:15px;border: none; background:url("../img/dot-2.png") no-repeat center center;}
.testimonials #demo .c_i li {display: inline-block;margin: 1px;width: 15px;height: 15px;border: none;background:url("../img/dot.png") no-repeat center center;cursor: pointer;}
.testimonials #demo{width:60%;} .testimonial h4{ color: #1d1d1b;font-size:20px!important; margin-bottom:10px!important; }
#demo .carousel-control.dleft {right:90%!important;left:-10%!important; top:45%!important; }
#demo .carousel-control.dright {right:-10%!important;left:95%!important; top:45%!important; }


.testimonials #carousel-3 .mi {position:absolute;z-index:999;bottom:0; left:0; right:0; top:95%;  margin:0px auto; width:40%; padding:30px 0px 0 0; }
.testimonials #carousel-3 .mi .active {width:15px;height:15px;border: none; background:url("../img/dot-2.png") no-repeat center center;}
.testimonials #carousel-3 .mi li {display: inline-block;margin: 1px;width: 15px;height: 15px;border: none;background:url("../img/dot.png") no-repeat center center;cursor: pointer;}
.testimonials #carousel-3{width:100%;} 
.testimonial .para{ color: #1d1d1b;font-size:17px!important;} .testimonial i.cl{ color: #74288b!important;font-size:20px!important; padding:0 10px!important; }
.testimonial .subtitle{ color: #1d1d1b;font-size:16px!important;}
.quote-left{width:20px; margin-right:10px;} .quote-left img{width:25px;} .quote-right{width:20px; margin-left:10px;}
.quote-right img{width:25px;}
.testimonial p {font-size:1.1em !important;line-height: 1.2em!important;color: #000!important;}
.thumbnail{height:450px!important; background:#fff; border:none!important; }
.thumbnail h4{font-family:'DJ5CAS_P'; font-size:28px; line-height:40px!important; text-transform:none!important; color: #000; font-weight:500!important; }

/* ================================
Works
================================= */
#Works {padding: 30px 0px 30px 0px;background: #fff}
.w-heading{ padding-bottom:40px;}
.w-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#74288b; line-height: 40px; text-align: center}
#Works { text-align:left}
.w-heading h2 span {font-size:54px; font-family:'DJ5CAS_P';font-weight:500; margin-bottom:0; }

#pannel3 {padding: 30px 0px 30px 0px;background: #fecf45}
.pannel3-heading{ padding-bottom:40px;}
.pannel3-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#1d1d1b; line-height: 40px; text-align: center}
.pannel3-heading h2 span{ font-family:'DJ5CAS_P';font-weight:500;}
.assessment{ border-radius:30px; background:#fff; padding: 30px; margin-bottom: 50px}
.assessment-head{ font-size:26px; text-align: left; color: #30cdd7;font-weight: 500;margin-bottom: 10px;}

.assessment-icon{width:80%; margin: 0px auto; text-align: center}

/*Principal*/
.quote-left{width:30px; margin-right:10px;} .quote-left img{width:35px;} .quote-right{width:30px; margin-left:10px;} .quote-right img{width:35px;}
.quote-text{font-size: 20px; line-height: 26px; color: #1d1d1b; margin-top: 50px; margin-bottom: 15px; text-align: left}


.w-heading h2 span {font-size:54px; font-family:'DJ5CAS_P';font-weight:500; margin-bottom:0; }


.k-heading{ padding-bottom:40px;}
.k-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#702082; line-height: 40px; }

.k-heading h2 span {font-size:54px; font-family:'DJ5CAS_P';font-weight:500; margin-bottom:0; }


#Works p {font-size:1.4em ;line-height: 1.4em; text-align: left;color: #000!important; margin-top: 40px;}

#Works ul {margin:0; padding:0; text-align: left;}
#Works ul li{margin:0; padding:0 0 0px 25px!important;  list-style-type:none;  }
#Works ul li b{ margin-left:-25px; }
#Works ul li b{background:url("../img/dot-orange.png") no-repeat left center; background-size:15px 15px; padding-left:25px;    }


.aspiration-head{ font-size:26px; text-align: left!important; color: #ffcc08;font-weight: 500;margin-bottom: 20px;margin-top: 20px; line-height: 36px}
.aspiration{ text-align:left!important; color: #fff; font-size:20px; line-height: 26px; }
.aspiration-b{ margin-top:80px}
.aspiration-c{ margin-top:120px}
.aspiration-d{ margin-top:80px}


/* ================================
Videos
================================= */
#videos{position: relative; overflow:hidden!important; padding:50px 0 60px 0; left:0; right:0; }
#videos h2{color:#1d1d1b;}
#videos b{color:#742b8b!important; font-size:2em!important; font-family:'DJ5CAS_P'; } 
#videos p{margin-top:10px!important; line-height:1.3em; font-size:1.2em!important;  }

.videos .carousel-indicators {position:absolute;z-index:999;bottom:0;   padding:10px 0;}
.videos .carousel-indicators .active {width:20px;height:20px;border: none; background: #d3d3d3; width: 15px; height: 15px}
.videos .carousel-indicators li {display: inline-block;margin: 1px;width: 20px;height: 20px;border: none;background:#30cdd7; width: 15px; height: 15px; cursor: pointer;}
#carousel-service .carousel-control.left {right:90%!important;left:-10%!important; top:45%!important; }
#carousel-service .carousel-control.right {left:96%!important; top:45%!important; }
.carousel-indicators {left: 5%!important}
/* ================================
Contact
================================= */
.validation{color:red;display:none;margin:0;font-weight:400;font-size:13px}#sendmessage{color:green;border:1px solid green;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#sendmessage.show,#errormessage.show,.show{display:block}
/* ================================
Clients
================================= */
ul.clients {list-style: none;}
ul.clients li {display: inline;}

/* ================================
Bottom widget
================================= */
#bottom-widget{overflow:hidden}ul.social-network{margin:0;margin-left:0;padding-left:0;list-style:none}ul.social-network li{display:inline;margin:5px}ul.social-network li a:hover span .fa-circle{color:#2b2b2b}ul.social-network li a i{transition:.3s}

/* ================================
Footer
================================= */
footer {background:#ededed;color: #000;	padding: 30px 0 30px;}
footer a {color: #fff;}
footer a:hover {color: #fff;text-decoration: underline;}

.social-icons{padding:0; margin:0; list-style:none;}
.social-icons li{padding:0; margin:0; list-style:none; float: left;}
.social-icons li a{padding:0; width:30px; height:30px; line-height:30px;  margin:0 2px; list-style:none; display:block; background:#003255; border-radius:50%; }
.social-icons li a:hover{background:#74288b!important; color:#ffd200; }
.social-icons li a i{font-size:14px!important; }
.desktopview {display:block!important;}
.mbview{display:none!important; }

#carousel-3 .carousel-control.proleft {right: 100%!important;left:-5%!important; top:45%!important; }
#carousel-3 .carousel-control.proright {right:-8%!important;left:90%!important; top:45%!important; }

/* ================================
more media queries
================================= */

@media (min-width: 320px){.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.arrow-mobi{ display: block!important}.arrow-desk{display: none!important;}.grove-main{ width: 100%; margin-top: 10%!important}.grove{text-align: center!important; width: 96%; margin: 0px auto}.dearjo{font-size: 55px!important; text-align: center!important}.header-font{ text-align: center!important; line-height: 60px; font-size:45px!important; color: #003255!important; font-weight: 500 }.dearjo {color: #003255!important;}.sub-line{color: #003255!important}.footer-text{ text-align: center!important}.social-icons{text-align: center!important}#cta{display: none!important;}#about p{font-size:20px; line-height: 24px; text-align: center}.s-heading h2{ font-size:32px!important; text-align: center!important;}.s-heading h2 span{ font-size:40px!important; }.text-one{font-size:20px; line-height: 25px;  text-align:center}.icon2{ margin-top: 30px }.icon2-img img{ width: 40%; text-align: center!important}.icon2-text{font-size:22px!important; line-height: 28px!important; text-align: center!important; margin-bottom: 20px;}.works-heading h2{ font-size:32px; text-align: center!important}
	.works-heading h2 span{font-size:40px!important;}.parent-say-text{font-size:22px; line-height: 28px; text-align: center;}.text-two{text-align:center; font-size: 20px; line-height: 26px;}.icon3{ margin-top: 30px }.icon3-img img{ width: 40%; text-align: center!important}.icon3-text{font-size:22px!important; line-height: 28px!important; text-align: center!important}.icon4{ margin-top: 30px }.icon4-img img{ width: 40%; text-align: center!important}.icon4-text{font-size:22px!important; line-height: 28px!important; text-align: center!important; margin-bottom: 20px}.text-four{ text-align:center; margin-top: 30px}.banner-button{ text-align:center;}#dynamic{display: block!important; } .curricula-heading  h2{ text-align: center; font-size: 32px}.wrapper {right:-15.5%!important; display:none!important}#Button{display: inline !important;}.assessment-head{ text-align: center!important}.aspiration-head{text-align: center!important }.aspiration{text-align: center!important }.principal{ width:100%;  text-align: center}.principal img{ width:60%; margin: 0px auto;}.img-1{ width:100%;  text-align: center}.img-1 img{ width:70%; margin: 0px auto;}#carousel-service .carousel-control.left{ top: 35%!important; margin-left: 8%}#carousel-service .carousel-control.right{ top: 35%!important;}#carousel-service .carousel-control.left{ top: 35%!important;}.cas-desk{ display: none!important;}.cas-mobi{ display: block!important;}.aspiration-d{ margin-top:40px}.stu-test{ width: 90%;text-align: center;margin:0px auto}#Works p{ text-align:center}.test-head{ text-align: center;}.aspiration-c{ margin-top: 20px}.stu-img{ width:100%;  text-align: center}.stu-img img{ width:80%; margin: 0px auto;}.quote-text{ text-align: center}.testimonials #demo{width: 90%;}.assessment{ padding:10px;}.ao-heading h2{ font-size: 30px!important}.pannel3-heading h2{ font-size: 30px}.pannel3-heading h2 span{ font-size: 40px}.header-2 {font-size: 40px!important}.header-2 span{font-size: 50px!important}.curricula-heading h2{font-size: 40px!important}
}

@media (min-width: 360px){.grove-main{ width: 100%; margin-top: 5%!important}.grove{text-align: center!important; width: 96%; margin: 0px auto}}#Button{display: inline !important;}}

@media (min-width: 375px){.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.arrow-mobi{ display: block!important}.arrow-desk{display: none!important;}.grove-main{ width:64; margin-top: 20%!important}.grove{ text-align: center!important; font-size: 40px!important;margin-top: 20px}.dearjo{font-size: 70px!important; text-align: center!important; line-height: 75px}.header-font{ text-align: center!important;line-height: 56px}.header-font2{ text-align: center}.copy{ text-align: left!important;}.box{ text-align: center!important; width: 100%!important}.header-copy{ text-align: center!important }.footer-text{ text-align: center!important}.social-icons{text-align: center!important}#cta{display: none!important;}.header-copy{ text-align: center!important }.header-font3{}#section-4 p{ text-align:center!important;line-height: 18px!important}#Button{display: inline !important;}}
	

@media (min-width: 414px){.icon-text{ padding-top:10px;; line-height: 12px; font-size: 14px;} }
	#section-five .text-five { } .form-mobi{display: block!important;}#Button{display: inline !important;}.assessment-head{ text-align: center!important}.aspiration-head{text-align: center!important }.aspiration{text-align: center!important }.grove-main{ width: 100%; margin-top: 20%!important}
}

	@media (min-width: 411px){.icon-text{ padding-top:10px;; line-height: 12px; font-size: 14px;} }
#section-five .text-five {  }.form-mobi{display: block!important;}#Button{display: inline !important;}.grove-main{ width: 100%; margin-top: 5%!important}
}

@media (min-width: 568px){.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.grove-main{ width: 90%;}.grove{ text-align: center!important; font-size: 45px!important; line-height: 85px!important}.dearjo{font-size: 50px!important; line-height:65px}.header-font{ text-align: center!important;line-height: 36px;}.icon2-text{ font-size:30px!important;}.grove-main{ width:70%!important; margin: 0px auto}#Button{display: inline !important;}

}

@media (min-width: 667px){.icon4-img img{ width:20%}.icon3-img img{ width:20%}.icon3-text{ text-align: center}#Button{display: inline !important;}
}
@media (min-width: 653px){.icon4-img img{ width:20%}.icon3-img img{ width:20%}.icon3-text{ text-align: center}#Button{display: inline !important;}.grove-main{ margin-top: 10%!important}
}

@media (min-width: 736px) {.form-mobi{ display: block!important}.form-desk{display: none!important; }.theme-mobi{ display: block!important; }.theme-desk{display: none!important;}.grove-main{ width: 50%!important;}.grove{ text-align: center!important; font-size: 45px!important}.dearj{font-size: 60px!important}.header-font{ text-align: center!important;line-height: 36px; }.copy{ text-align: left!important;}#Button{display: inline !important;}
}

@media (min-width: 736px) {.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.grove-main{ width: 70%!important;}.grove{ text-align: center!important; font-size: 45px!important}.dearj{font-size: 60px!important}.header-font{ text-align: center!important;line-height: 36px; }.copy{ text-align: left!important;}#Button{display: inline !important;}
}

@media (min-width: 768px) {.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.grove-main{ width: 50%!important;}.grove{ text-align: center!important; font-size: 45px!important}.dearj{font-size: 60px!important}.text-four{ text-align:left;}.icon2{ margin-top: 0px }.icon2-img img{ width: 80%!important; text-align: center!important}.icon2-text{font-size:16px!important; line-height: 20px!important; text-align: left!important; margin-bottom: 20px;}.text-one{font-size: 16px; text-align: left; line-height: 20px; margin-bottom: 10px}.text-two{font-size: 17px; text-align: left; line-height: 23px}.works-heading h2{ text-align:center; font-size: 40px}.works-heading h2 span{font-size: 36px}.text-four{ margin-top:0px;}.arrow-mobi{ display: none!important;}.icon3-img img{width:100%}.icon3-text{font-size: 14px!important; text-align: left!important}
	.arrow-desk{display: block!important}.icon4-img img{ width:80%}.icon4-text{ margin-top: -6px; text-align: left!important}#Button{display: inline !important;}

}

@media (min-width: 823px){.icon-text{ padding-top:10px;; line-height: 10px; font-size: 12px;}form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.icon4-img img{width:80%!important}.works-heading h2{ text-align:center}#work works-heading h2{ text-align:left!important}#Button{display: none!important;}}

@media (min-width: 812x) {.form-mobi{ display: none!important}.form-desk{display: block!important}.theme-mobi{ display: none!important}.theme-desk{display: block!important}.grove-main{ width: 100%!important;}.grove{ text-align: left!important; font-size: 32px!important; line-height: 40px!important}.dearjo{font-size: 43px!important}#Button{display: inline !important;}}


@media (min-width: 823px) {.form-mobi{ display: none!important}.form-desk{display: block!important}.theme-mobi{ display: none!important}.theme-desk{display: block!important}.grove-main{ width: 100%!important;}.grove{ font-size: 32px!important; line-height: 40px!important;margin-top: 15%;}.dearjo{font-size: 43px!important}.header-font{ line-height:38px;font-size: 26px}#Button{display: none!important;}

}

@media (min-width: 1024px) {.theme-mobi{ display: none!important}.theme-desk{display: block!important}.grove-main{ width:96%!important; margin-top: 40%!important}.grove{ text-align: left!important; font-size: 40px!important; line-height: 50px!important;margin-top: 12%;}.sub-line{ font-size: 22px!important} .div.sticky {right:0%!important;}.icon-text{ margin-top:12px;}
	.icon3{ margin-top:10px}	.icon3-img img{ line-height: 18px; width: 80%}.icon3-text{  line-height: 20px!important;font-size: 18px!important; margin-left: -10px; text-align: left!important; margin-top: 6px;}.text-four{ text-align:left;}.icon2{ margin-top: 0px }.icon2-img img{ width: 100%!important; text-align: center!important}.icon2-text{font-size:16px!important; line-height: 20px!important; text-align: left!important; margin-bottom: 10px;}.text-one{font-size: 16px; text-align: left; line-height: 20px; margin-bottom: 10px}.text-two{font-size: 17px; text-align: left; line-height: 23px}.works-heading h2{}.text-four{ margin-top:0px;}.arrow-mobi{ display: none!important;}
	.arrow-desk{display: block!important}.icon4-img img{ width:80%}.icon4-text{ margin-top: -6px; text-align: left!important}#Button{display: none!important;}.assessment-head{ text-align: left!important}.aspiration-head{text-align: left!important }.aspiration{text-align: left!important }.principal{ width:100%;  text-align: center}.principal img{ width:100%; margin: 0px auto}.stu-img{ width:100%;  text-align: center}.img-1{ width:100%;  text-align: center}.img-1 img{ width:100%; margin: 0px auto}.stu-img{ width:100%;  text-align: center}.stu-img img{ width:100%; margin: 0px auto}#carousel-service .carousel-control.left{ top: 45%!important}.cas-desk{ display: block!important;}.cas-mobi{ display:none!important;}#carousel-service .carousel-control.left{ top: 40%!important}#carousel-service .carousel-control.right{ top: 40%!important}.test-head{ text-align: left}#Works p{ text-align: left}.header-font{font-size:50px!importante-height: 50px;color:#fff!important} .sub-line{font-size: 30px!important; line-height: 30px!important;color:#fff!important}.quote-text{ text-align: left}.dearjo{ color:#fff!important}.assessment{ padding:30px;}.testimonials #demo{width: 60%}#Works .works-heading h2 span{ font-size: 50px!important}.s-heading h2 {font-size:40px!important;}.s-heading h2 span {font-size:48px!important; }.pannel3-heading h2{ font-size: 42px!important}.aspiration-c{ margin-top:100px}.aspiration-d{ margin-top:80px}}

@media (min-width: 1200px){.dearjo{font-size:60px!important; line-height:50px!important;  vertical-align:middle!important;  }.header-font{font-size:50px!importante-height: 50px;} .sub-line{font-size: 30px!important; line-height: 30px!important;color:#fff}.text-one{font-size: 18px; text-align: left}.icon2 { margin-top: 10px;margin-bottom: 0px}.icon2-img img{ line-height: 18px; width: 100%}
.icon2-text{  line-height: 18px!important;font-size: 16px!important; margin-left: -10px; text-align: left!important}#Works .works-heading h2 {font-size:40px; font-weight:600; margin-bottom:0;  line-height: 40px; }#Works .works-heading h2 span {font-size:54px; font-family:'DJ5CAS_P';font-weight:500; margin-bottom:0; }.text-two{font-size: 20px; text-align: left; line-height: 28px}.s-heading h2{ }.k-heading h2{  text-align: center;}.icon3 { margin-top: 10px;margin-bottom: 0px}.icon3-img img{ line-height: 18px; width: 80%}.icon3-text{  line-height: 20px!important;font-size: 18px!important; margin-left: -10px; text-align: left!important; margin-top: 6px;}.icon4 { margin-top: 10px;margin-bottom: 25px}.icon4-img img{ line-height: 18px; width: 100%}.icon4-text{  line-height: 25px!important;font-size: 20px; margin-left: -10px; text-align: left!important; margin-top: 0px;}.text-four{ text-align: left;}.text-five{ text-align: center;}.banner-button{ }.curricula-heading  h2{ text-align: left;}#Button{display: none!important;}}
}
	
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {.oakridge{ margin-left: 0px!important;}.grove-main{ width: 100%!important}.grove{ text-align: left!important;margin-top:11%}.copy{text-align: left!important; font-size: 15px!important; line-height: 22px!important}.header-font{ text-align: left!important;}.footer-text{ text-align: left!important}.social-icons{text-align: left!important}.form-mobi{ display: none!important}.form-desk{display: block!important}.theme-mobi{ display: none!important}.theme-desk{display: block!important; border-top:3px solid #fff!important;}}
.paper-line{padding: 15px; margin-top: 20px;margin-bottom: 20px; border:3px solid #f2f2f2; height:180px!important; }  }
	
#section-4 h3{text-align: left!important}.sub-text{ text-align:left!important; }.h3-sub{text-align: left!important} }