@charset "utf-8";
/* CSS Document */

.nomarpad{margin:0px; padding:0px;}


@font-face {
    font-family: 'sharp_groteskbold_10';
    src: url('../fonts/sharpgrotesk-bold10.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-bold10.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_groteskbold_20';
    src: url('../fonts/sharpgrotesk-bold20.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-bold20.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_groteskbook_10';
    src: url('../fonts/sharpgrotesk-book10.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-book10.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_groteskbook_20';
    src: url('../fonts/sharpgrotesk-book20.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-book20.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_groteskmedium_10';
    src: url('../fonts/sharpgrotesk-medium10.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-medium10.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_groteskmedium_20';
    src: url('../fonts/sharpgrotesk-medium20.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-medium20.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_grotesksemibold_10';
    src: url('../fonts/sharpgrotesk-semibold10.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-semibold10.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sharp_grotesksemibold_20';
    src: url('../fonts/sharpgrotesk-semibold20.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-semibold20.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sharp_groteskthin_20';
    src: url('../fonts/sharpgrotesk-thin20.woff2') format('woff2'),
         url('../fonts/sharpgrotesk-thin20.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  right:0px;
  left:inherit;
  text-align:left;
  width:40%;
  top:140px;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 250px;
  /*min-width: 100%;
  height: 32rem;*/
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 0px;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.header_top{width:100%; background:#0B2C33;}
.header_top .navbar{background:#0B2C33;}
.navbar-dark .navbar-nav .nav-link{color:#fff; position:relative; top:7px;}
.home_banner{width:100%;}

.header_top .nav-item button{position:relative; top:-8px; border-radius:100px; background:#52BA79;}
.home_banner .carousel-caption h1{font-family:'sharp_grotesksemibold_10'; font-size:140px; line-height:130px;}

.aboutcc{width:100%; margin:-50px 0px 0px 0px;}
.aboutcc .container{background:#00954A; border-radius:15px; border:8px solid #fff; padding:20px; color:#fff; padding:20px 65px; }

.ourvision{width:100%; margin:50px 0px;}
.ourvision h1{font-family:'sharp_grotesksemibold_10'; color:#24CF57; font-size:42px;}
.ourvision p{text-align:justify; font-size:14px; line-height:26px;}

.ourvision img{width:100%;}

.whatweoffer{width:100%; margin:50px 0px; background:url(../images/whatwe_offer_bg.jpg) right top no-repeat; padding:25px 0px 350px 0px;}
.whatweoffer h1{font-family:'sharp_grotesksemibold_10'; color:#24CF57; font-size:76px;}
.whatweoffer p{text-align:justify; font-size:14px; line-height:26px; color:#fff;}

.offer_boxes {margin:-380px 0px 0px 0px;}
.offer_boxes .col-lg-4{background:#00954A; border:1px solid #fff; border-radius:10px; color:#fff; padding:15px 15px; margin-top:20px;}
.offer_boxes .col-lg-8{background:#00954A; border:1px solid #fff; border-radius:10px; color:#fff; padding:15px 15px; margin-top:20px;}

.offer_boxes h1{font-family:'sharp_groteskbook_20'; font-size:16px; color:#fff; font-weight:bold;}
.offer_boxes p{font-size:14px; text-align:justify;}


.whychooseus{background:url(../images/whychoose_bg.jpg) center bottom no-repeat; width:100%; padding:85px 0px;}
.whychooseus h1{font-family:'sharp_grotesksemibold_10'; color:#24CF57; font-size:75px; text-align:center; line-height:75px;}

.whycubcoders h1{font-family:'sharp_groteskbook_20'; font-size:16px; color:#00954A; font-weight:bold; text-align:left; line-height:18px;}
.whycubcoders p{font-size:14px; text-align:justify; margin-bottom:30px;}

.joinus{width:100%; margin:0px; background:url(../images/joinusbg.jpg) center bottom no-repeat; padding:30px 0px 10px;}
.joinusimg{margin-top:-150px;}
.joinus h1{font-family:'sharp_grotesksemibold_10'; font-size:42px; color:#fff; font-weight:bold; text-align:center; border-right:1px solid #fff; height:80px;}
.joinus p{font-size:14px; text-align:justify; color:#fff;}

.footer_copyright{background:#C5206F; text-align:center; color:#fff; padding:10px 0px; width:100%; z-index:9999;}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 25px;
  margin:25px auto;
  background:#406657;
  border-radius:10px;
  border:1px solid #fff;
}
.form-signin h1{color:#fff; font-size:18px; padding:15px 0px;}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin label{color:#fff; font-size:14px;}
.form-signin .form-control{border-bottom:1px solid #fff; border-left:0; border-right:0; border-top:0; background:none; padding-left:0px; color:#EAEAEA; border-radius:0px; margin-bottom:25px !important; padding-top:0px;}
.form-signin .form-control::placeholder{color:#EAEAEA; opacity:0.5;}

.kidloginimg{position:absolute; bottom:0px; right:0px; z-index:9;}

.loginlogo{padding:25px 0px 0px 50px; width:250px;}

.course_heading{background:#0B2C33; margin-top:110px; padding-bottom:10px;}
.course_heading h1{font-family:'sharp_grotesksemibold_10'; font-size:100px; color:#fff; font-weight:bold; text-align:center;}
.course_heading p{font-size:14px; text-align:center; color:#fff; margin-bottom:30px;}

.course_dashboard{margin-bottom:100px;}

.thumbimg{padding:0px;}
.thumbimg span{position:absolute; bottom:0px; left:10px; color:#fff; font-family:'sharp_grotesksemibold_10'; font-size:42px;}
.thumbimg img{margin:0px; padding:0px; width:100%;}

.thumbimg_msofc{padding:0px; height:150px;}
.thumbimg_msofc span{position:absolute; bottom:0px; left:10px; color:#fff; font-family:'sharp_grotesksemibold_10'; font-size:42px;}
.thumbimg_msofc img{margin:0px; padding:0px; width:100%; height:100%;}

.course_title{padding:17px 15px 0px; background:#E3F4E9; font-size:12px;}
.courselist{margin:20px 0px; padding:0px; text-decoration:none; }
.courselist .float-left a{text-decoration:none; color:#fff;}
.numbers{padding:0px; color:#52BA79; font-weight:bold; border-radius:100px; text-align:center; font-family:'sharp_grotesksemibold_10'; font-size:32px; width:40px;}
.course_title ul{display:table; width:100%; list-style:none inside; margin:0px 0px 20px 0px; padding:0px;}
.course_title ul li{display:table-cell; vertical-align:middle;}

.course_container{width:650px; margin:30px auto; text-align:justify;}

.video_course_dashboard h4{font-family:'sharp_grotesksemibold_10'; color:#fff; width:100%; font-size:56px; font-size:50px; padding:20px;}
.video_course_dashboard .chapters_main_dashboard{background:none; box-shadow:none; max-width:20%; margin:0px 0px 20px 150px; border-radius:15px;}
.video_course_dashboard .chapters_main_dashboard span{position:absolute; right:0px; width:95%; text-align:right;}
.count{ position:absolute; left:-30px; font-size:200px; color:#234F3E; color:rgba(0,0,0,.297); font-family:'sharp_grotesksemibold_10'; background:#0B2C33;  -webkit-text-stroke-width:3px!important;
-webkit-text-stroke-color: #fff;  -webkit-text-fill-color:transparent;  -webkit-background-clip:text;  bottom:-60px;  z-index:1;}
  
.video_course_dashboard .thumbimg img {border-radius:15px;}

.dropdown_category .form-control{background:none; color:#fff;}
.dropdown_category option{background:#0B2C33;}


.breadcrumb-item + .breadcrumb-item::before{content:none;}
.course_heading .bi{color:#fff;}
.course_heading .breadcrumb-item.active{color:#fff; font-weight:600;}
.breadcrumb-item + .breadcrumb-item{color:#fff;}
.course_main_headings{background:#E3F4E9; text-align:center; padding:10px 10px; border-radius:10px;}
.course_container h3{color:#234F3E; font-size:20px;}

.video-embed iframe{width:100%;}

.course_container ul {margin:0px; padding:0px; list-style:none inside;}
.course_container ul li{margin:10px 0px;}

.course_container ul li img{width:100%;}
.course_container img{width:100%;}
.course_container h4{margin:70px 0px 10px 0px;}

.course_container h3 {
  font-size:1.5em;
  line-height:1.05em;
  letter-spacing:-.02em;
  margin:1em auto .65em
}


.course_container .attention,
.course_container .glitch {
  clear:both;
  max-width:700px;
  min-height:38px;
  background:url(https://media.gcflearnfree.org/assets/splats/attention.png) no-repeat;
  padding:.25em 50px;
  margin:1.02em 0
}

.chevron {
  max-width:676px;
  background:url(https://media.gcflearnfree.org/global/layout/lesson/chevron-2018-2.png) no-repeat;
  padding:0 50px;
  margin:1.27em 0;
  background-position-y:.25em
}

.course_container .moreInfo,
.course_container .new,
.course_container .undo {
  clear:both;
  min-height:35px;
  background:url(https://media.gcflearnfree.org/assets/splats/moreinfoasterix.png) no-repeat;
  padding:0 50px;
  margin:1.27em 0
}

.course_container video{width:100%;}

/*#login-error-msg-holder {
  width: 100%;
  height: 100%;
  justify-items: center;
  align-items: center;
  position:absolute;
  top:0px;
}*/

#login-error-msg {
  width: 330px;
  text-align: center;
  margin: 0 auto;
  padding:15px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background:#C5206F;
  border-radius:8px;
  opacity: 0;
}

#error-msg-second-line {
  display: block;
}

.centerImage img{width:100%;}

.next_prev{width:100%;}
.leftarrow{float:left; font-size:18px; padding-top:4px; color:#0B2C33; text-decoration:none;}
.arrowright{float:right; font-size:18px; padding-top:4px; color:#C5206F; text-decoration:none;}

.readmore{font-size:12px; font-family:'sharp_groteskbold_20'; font-weight:normal;}
.chapters_main_dashboard{margin:0px 0px 20px 25px; max-width:23%;}


.chapters_main_dashboard{background:#007bff; border:3px solid #fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(148,148,148,1); -moz-box-shadow: 0px 5px 15px 0px rgba(148,148,148,1); box-shadow: 0px 5px 15px 0px rgba(148,148,148,1);}
.chapters_main_dashboard span{position:inherit; width:95%;}



.centerImage img{width:100%;}

.course_container ol li {
  padding: 20px 0px;
}
/*.course_container ol {
  counter-reset:li;
  list-style:none;
  font-family:'Source Sans Pro','Lucida Sans Unicode',sans-serif;
  position:relative;
  padding:0;
  text-shadow:0 1px 0 rgba(255,255,255,.5)
}
.course_container ol li {
  min-height:65px
}

.course_container ol li:before {
  content:counter(li);
  counter-increment:li;
  background:#0ad;
  color:#fff;
  font-size:1em;
  line-height:1.9em;
  position:absolute;
  height:2em;
  width:2em;
  text-align:center;
  border-radius:2em;
  transition:all .3s ease-out;
  margin-top:-.25em;
  margin-left:-2.6em
}
*/

.course_heading .breadcrumb{padding:5px;}
.course_heading img{width:100%;}

.nav-tabs{border-bottom:none; margin-top:15px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background:#00954A; font-weight:bold;}

/*.callout .hotspot {
  background:url(https://media.gcflearnfree.org/assets/ict/button_clicked_large.png) center no-repeat;
  background-size:22px 22px;
  position:absolute;
  z-index:80
}
.tooltip .hotspot {
  background:url(https://media.gcflearnfree.org/assets/ict/button_default_new.png) center no-repeat;
  background-size:20px 20px;
  position:absolute;
  z-index:60
}
.tooltip .hotspot:hover {
  background-size:22px 22px
}
.tooltip .hotspot.active-hs {
  background:url(https://media.gcflearnfree.org/assets/ict/button_clicked_large.png) center no-repeat;
  background-size:22px 22px;
  z-index:80
}
.hotspot-content {
  position:absolute;
  background-color:#FFF;
  border:1px solid #FFF;
  z-index:61;
  height:auto!important;
  font-family:'Source Sans Pro';
  text-align:left!important
}
.tooltip .hotspot-content.active-content {
  z-index:79
}
.hotspot-content h2 {
  background-color:#F37E61;
  color:#FFF!important;
  font-family:'Source Sans Pro'!important;
  font-size:16pt!important;
  font-weight:700;
  letter-spacing:0!important;
  line-height:18pt;
  padding:20px 25px 5px
}
.hotspot-content p {
  border-left:2px solid #B6B9BC;
  border-right:2px solid #B6B9BC;
  border-bottom:2px solid #B6B9BC;
  color:#505860;
  font-size:12pt!important;
  line-height:1.5;
  max-width:98%!important;
  margin:0!important;
  padding:18px 25px 21px 23px
}
.callout .hotspot-content {
  display:block!important
}
.hotspot-content .hsDelete,
.hotspot-content .hsPosition,
.mobile-lg {
  display:none
}
.mobile-lg {
  max-width:500px;
  margin:0 auto;
  text-align:center
}
.mobile-lg-content-wrapper {
  padding:2.2em 0 0;
  text-align:left
}
#content-area .mobile-lg-content-wrapper h2 {
  font-size:1.35em;
  font-weight:400;
  color:#4e4e4e
}
.mobile-lg-content-wrapper p {
  margin:.8em 0 1em
}
.mobile-lg-outer-wrapper {
  margin:0 auto;
  max-width:100%;
  position:relative;
  box-shadow:0 0 8px 1px rgb(0 0 0 / 8%);
  overflow:hidden
}
.mobile-lg-inner-wrapper {
  position:absolute
}
.mobile-lg-hotspot {
  height:24px;
  width:24px;
  position:absolute;
  background:#fff;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:10;
  clip-path:polygon(50% 0,62.37% 20.13%,85.36% 14.64%,79.87% 37.63%,100% 50%,79.87% 62.37%,85.36% 85.36%,62.37% 79.87%,50% 100%,37.63% 79.87%,14.64% 85.36%,20.13% 62.37%,0 50%,20.13% 37.63%,14.64% 14.64%,37.63% 20.13%);
  -webkit-clip-path:polygon(50% 0,62.37% 20.13%,85.36% 14.64%,79.87% 37.63%,100% 50%,79.87% 62.37%,85.36% 85.36%,62.37% 79.87%,50% 100%,37.63% 79.87%,14.64% 85.36%,20.13% 62.37%,0 50%,20.13% 37.63%,14.64% 14.64%,37.63% 20.13%)
}
.mobile-lg-hotspot:after {
  content:"";
  height:19px;
  width:19px;
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background:#fd7855;
  z-index:-1;
  clip-path:polygon(50% 0,61.67% 21.83%,85.36% 14.64%,78.17% 38.33%,100% 50%,78.17% 61.67%,85.36% 85.36%,61.67% 78.17%,50% 100%,38.33% 78.17%,14.64% 85.36%,21.83% 61.67%,0 50%,21.83% 38.33%,14.64% 14.64%,38.33% 21.83%);
  -webkit-clip-path:polygon(50% 0,61.67% 21.83%,85.36% 14.64%,78.17% 38.33%,100% 50%,78.17% 61.67%,85.36% 85.36%,61.67% 78.17%,50% 100%,38.33% 78.17%,14.64% 85.36%,21.83% 61.67%,0 50%,21.83% 38.33%,14.64% 14.64%,38.33% 21.83%)
}
.hotspot:focus {
  background-size:22px 22px
}
@supports selector(:focus-visible) {
  .hotspot:focus-visible {
    outline:#0058aa auto 5px;
    outline-offset:2px
  }
}
@media only screen and (max-width:960px) {
  .lesson .ict.tooltip:not(.lg-no-mobile) {
    margin:0 -77px
  }
  .lg-no-mobile img {
    opacity:.1
  }
  .lg-processed {
    text-align:center
  }
  .lesson .ict.tooltip.lg-no-mobile {
    margin:0
  }
}
@media only screen and (max-width:878px) {
  .lg-processed {
    margin:0 -50px
  }
  .lesson .lg-done .ict.tooltip {
    margin:0 -90px -40px;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scale(.86,.86);
    transform:scale(.86,.86)
  }
}
@media only screen and (max-width:790px) {
  .lesson .ict.tooltip {
    -webkit-transform:none;
    transform:none
  }
  .tooltip img {
    max-width:100%;
    opacity:.1;
    position:relative!important
  }
  .ict.tooltip img {
    opacity:0
  }
  .mobile-lg {
    display:block
  }
  .tooltip.lg-no-mobile img {
    opacity:.1
  }
  .lg-hidden {
    display:none!important
  }
  .tooltip:not(.lg-no-mobile):after {
    display:none
  }
  .tooltip .hotspot {
    display:block;
    opacity:0
  }
  .lg-no-mobile .hotspot {
    display:none
  }
}

.callout .hotspot,
.tooltip .hotspot {
  width:22px;
  height:22px;
  cursor:pointer
}
.ict {
  position:relative;
  display:inline-block!important
}
.ict-edit-option,
.tooltip .hotspot-content {
  display:none
}
.callout .hotspot {
  background:url(https://media.gcflearnfree.org/assets/ict/button_clicked_large.png) center no-repeat;
  background-size:22px 22px;
  position:absolute;
  z-index:80
}
.tooltip .hotspot {
  background:url(https://media.gcflearnfree.org/assets/ict/button_default_new.png) center no-repeat;
  background-size:20px 20px;
  position:absolute;
  z-index:60
}
.tooltip .hotspot:hover {
  background-size:22px 22px
}
.tooltip .hotspot.active-hs {
  background:url(https://media.gcflearnfree.org/assets/ict/button_clicked_large.png) center no-repeat;
  background-size:22px 22px;
  z-index:80
}
.hotspot-content {
  position:absolute;
  background-color:#FFF;
  border:1px solid #FFF;
  z-index:61;
  height:auto!important;
  font-family:'Source Sans Pro';
  text-align:left!important
}
.tooltip .hotspot-content.active-content {
  z-index:79
}
.hotspot-content h2 {
  background-color:#F37E61;
  color:#FFF!important;
  font-family:'Source Sans Pro'!important;
  font-size:16pt!important;
  font-weight:700;
  letter-spacing:0!important;
  line-height:18pt;
  padding:20px 25px 5px
}
.hotspot-content p {
  border-left:2px solid #B6B9BC;
  border-right:2px solid #B6B9BC;
  border-bottom:2px solid #B6B9BC;
  color:#505860;
  font-size:12pt!important;
  line-height:1.5;
  max-width:98%!important;
  margin:0!important;
  padding:18px 25px 21px 23px
}
.callout .hotspot-content {
  display:block!important
}
.hotspot-content .hsDelete,
.hotspot-content .hsPosition,
.mobile-lg {
  display:none
}
.mobile-lg {
  max-width:500px;
  margin:0 auto;
  text-align:center
}
.mobile-lg-content-wrapper {
  padding:2.2em 0 0;
  text-align:left
}
#content-area .mobile-lg-content-wrapper h2 {
  font-size:1.35em;
  font-weight:400;
  color:#4e4e4e
}
.mobile-lg-content-wrapper p {
  margin:.8em 0 1em
}
.mobile-lg-outer-wrapper {
  margin:0 auto;
  max-width:100%;
  position:relative;
  box-shadow:0 0 8px 1px rgb(0 0 0 / 8%);
  overflow:hidden
}
.mobile-lg-inner-wrapper {
  position:absolute
}
.mobile-lg-hotspot {
  height:24px;
  width:24px;
  position:absolute;
  background:#fff;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:10;
  clip-path:polygon(50% 0,62.37% 20.13%,85.36% 14.64%,79.87% 37.63%,100% 50%,79.87% 62.37%,85.36% 85.36%,62.37% 79.87%,50% 100%,37.63% 79.87%,14.64% 85.36%,20.13% 62.37%,0 50%,20.13% 37.63%,14.64% 14.64%,37.63% 20.13%);
  -webkit-clip-path:polygon(50% 0,62.37% 20.13%,85.36% 14.64%,79.87% 37.63%,100% 50%,79.87% 62.37%,85.36% 85.36%,62.37% 79.87%,50% 100%,37.63% 79.87%,14.64% 85.36%,20.13% 62.37%,0 50%,20.13% 37.63%,14.64% 14.64%,37.63% 20.13%)
}
.mobile-lg-hotspot:after {
  content:"";
  height:19px;
  width:19px;
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background:#fd7855;
  z-index:-1;
  clip-path:polygon(50% 0,61.67% 21.83%,85.36% 14.64%,78.17% 38.33%,100% 50%,78.17% 61.67%,85.36% 85.36%,61.67% 78.17%,50% 100%,38.33% 78.17%,14.64% 85.36%,21.83% 61.67%,0 50%,21.83% 38.33%,14.64% 14.64%,38.33% 21.83%);
  -webkit-clip-path:polygon(50% 0,61.67% 21.83%,85.36% 14.64%,78.17% 38.33%,100% 50%,78.17% 61.67%,85.36% 85.36%,61.67% 78.17%,50% 100%,38.33% 78.17%,14.64% 85.36%,21.83% 61.67%,0 50%,21.83% 38.33%,14.64% 14.64%,38.33% 21.83%)
}
.hotspot:focus {
  background-size:22px 22px
}
@supports selector(:focus-visible) {
  .hotspot:focus-visible {
    outline:#0058aa auto 5px;
    outline-offset:2px
  }
}
@media only screen and (max-width:960px) {
  .lesson .ict.tooltip:not(.lg-no-mobile) {
    margin:0 -77px
  }
  .lg-no-mobile img {
    opacity:.1
  }
  .lg-processed {
    text-align:center
  }
  .lesson .ict.tooltip.lg-no-mobile {
    margin:0
  }
}
@media only screen and (max-width:878px) {
  .lg-processed {
    margin:0 -50px
  }
  .lesson .lg-done .ict.tooltip {
    margin:0 -90px -40px;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scale(.86,.86);
    transform:scale(.86,.86)
  }
}
@media only screen and (max-width:790px) {
  .lesson .ict.tooltip {
    -webkit-transform:none;
    transform:none
  }
  .tooltip img {
    max-width:100%;
    opacity:.1;
    position:relative!important
  }
  .ict.tooltip img {
    opacity:0
  }
  .mobile-lg {
    display:block
  }
  .tooltip.lg-no-mobile img {
    opacity:.1
  }
  .lg-hidden {
    display:none!important
  }
  .tooltip:not(.lg-no-mobile):after {
    display:none
  }
  .tooltip .hotspot {
    display:block;
    opacity:0
  }
  .lg-no-mobile .hotspot {
    display:none
  }
}*/

/*
#player-container #play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height:40px;
  width: 40px;
  padding: 12px 18px;
  z-index: 2;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: 16px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
  background-color: gainsboro;
  border-radius:5px;
}

#player-container1 #play-pause1 {
  cursor: pointer;
  text-indent: -999999px;
  height:40px;
  width: 40px;
  padding: 12px 18px;
  z-index: 2;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: 16px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px;
  background-color: gainsboro;
  border-radius:5px;
}
.play {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
}
.pause {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMjRoLTZ2LTI0aDZ2MjR6bTEwLTI0aC02djI0aDZ2LTI0eiIvPjwvc3ZnPg==)!important;
}

.second {
  display: none;
}*/

.play,
.pause {
    width: 30px;
    height: 30px;
    border: 0px;
	float:left;
	margin-right:15px;
}

.play {
    background: url('https://www.freeiconspng.com/uploads/video-play-icon-15.gif') no-repeat center / 100%;
}

.pause {
    background: url('https://www.freeiconspng.com/uploads/pause-icon-19.png') no-repeat center / 100%;
}




#play {
	background:none no-repeat;
	border:none;
	font-size:24px;
	
}

/*#play.played {
	background-image: url(https://rpsthecoder.github.io/js-speech-synthesis/play1.svg);
}*/

#pause {
	background:none no-repeat;
	border:none;
	font-size:24px;
}



/*#pause.paused {
	background:none no-repeat;
	border:none;
	font-size:24px;
}*/

/*#stop {
	background-image: url(https://rpsthecoder.github.io/js-speech-synthesis/stop.svg);
}

#stop.stopped {
	background-image: url(https://rpsthecoder.github.io/js-speech-synthesis/stop1.svg);
}*/

.tabsmain .nav-pills .nav-link.active{background:#C5206F; width:100%;}
.tabsmain .nav-item .nav-link{width:100%; background:#FFE9F4;}

.playpause_btn_div{width:7%; float:left;}
.contentdiv{width:93%; float:left;}

.texthighlight{background:#00ff01; color:#000; padding:4px 8px; font-weight:bold;}

.wp-block-list li {
  list-style:inside disc; padding-left:15px;
}

.article-page_body h2{color:#C5206F;}

.article-page_body ul li {
  list-style:outside disc; margin-left:15px;
}


.tabsmain h4{font-weight: 600;
  color: #C5206F;}
  
  .tabsmain h3 {
  font-weight: 600;
  color: #C5206F;
}

.mobile-lg-content-wrapper h2{margin:35px 0px 0px 0px;  font-weight: 600; font-size:22px;  color: #C5206F;}

#telugu p{font-weight:600; color:#000;}
#telugu li{font-weight:600; color:#000;}

.licontnent li{margin-bottom:30px !important;}

.contactus_footer{background:#00954A; width:100%; padding:20px 0px 0px;}
.contactus_footer h1{color:#FFF; font-size:24px; }
.contactus_footer P{color:#FFF;}

.dropdown_category .form-group{margin:5px 50px 0px 0px; }

.bannerinner{width:100%; margin-top:130px;}
.wrap {
  /*max-width: 804px;*/
  width:100%;
  overflow:hidden;
}
.swiper-slide {
/*   width:330px; */
/*   transition:none; */
}
.swiper-slide .cont {
  text-align:center;
}

.swiper-slide img {
  width:100%;
  height: 300px;
  object-fit: cover;
  display:block;
  border-radius:25px;
}
.swiper-slide span {
  display:inline-block;
  margin-top:20px;
  display:none;
}

.changing,
.changed {  
/*   transform:translateX(-115px); */
  -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.changing {
  transition:transform 0.3s;
  pointer-events:none;
}

.changed {  
  transition:none;
}

.changing.swiper-slide-active,
.changed.swiper-slide-active {
  transform:translateX(0);
}

.swiper-slide-active ~ .changing,
.swiper-slide-active ~ .changed {
/*   transform:translateX(115px); */
}

.changing .img-wrap,
.changed .img-wrap {
  transform-origin:center bottom;
}

.changing .img-wrap {
  transition:transform 0.3s;
}

.changed .img-wrap {  
  transition:none;
}

.courselist_inner{margin:60px 0px 100px 0px; padding:0 20px;}

.courselist_inner h4 {
  font-family: 'sharp_grotesksemibold_10';
  color: #fff;
  width: 100%;
  font-size: 36px;
  padding:20px;}
.courselist_inner ul{width:100%; display:table; text-align:left; margin:0px; padding:0px;}
.courselist_inner ul li{width:220px; display:inline-block; margin:0px 30px 30px 0px;}
.courselist_inner ul li img{width:100%; margin-bottom:5px;}
.courselist_inner ul li p{margin:0px; padding:0px;}
.video_course_title{color:#fff; font-size:14px; font-family:'sharp_groteskbook_20'; font-weight:600; text-decoration:none;}
.video_course_title a{color:#fff; font-size:14px; font-family:'sharp_groteskbook_20'; font-weight:600; text-decoration:none;}
.video_course_title span{color:#44D66D; font-weight:normal; font-size:12px;}

.left_arrow{font-size:18px; padding:5px 8px; color:#fff; text-decoration:none; border:1px solid #fff; border-radius:100px;position: relative;top: -7px;margin-right: 15px;}
.left_arrow a{font-size:18px; color:#fff; text-decoration:none; border-radius:100px;}

.big_video_learning_thumbnail video{width:100%; border-radius: 15px;}
.big_video_title{margin:30px 50px 0px; padding-top:30px; border-top:1px solid #ccc; color:#fff; font-family: 'sharp_groteskbook_20'; font-size:36px; font-weight:600;}
.big_video_paragraph{padding:0px 50px; color:#fff; font-family: 'sharp_groteskbook_20'; font-size:16px;}
.para h4{padding:0px 50px; color:#52BA79;}

@media (max-width:412px ){
	.carousel-item > img{display:none;}
	.carousel-caption{width:100%; text-align:center;}
	.home_banner .carousel-caption h1{font-size:100px; line-height:100px;}
	.aboutcc .container{padding:15px;}
	.joinusimg img{display:none;}
	.joinus h1{border-right:none;}
	.whychooseus img{width:100%;}
	.whatweoffer{background:#081420;}
	.kidloginimg{width:50%; bottom:50px;}
	.loginlogo{padding:0px; width:200px; margin:20px auto 0px;}
	.home_banner{margin:0px auto;}
	.footer_copyright{font-size:16px;}
	.course_heading h1{font-size:80px;}
	.course_container{width:100%;}
	.leftarrow{float:left; font-size:14px; padding-top:7px; color:#0B2C33; text-decoration:none;}
	.arrowright{float:right; font-size:14px; padding-top:7px; color:#C5206F; text-decoration:none;}
	.chapters_main_dashboard{margin:0px; max-width:100%;}
	.centerImage img{width:100% !important;}
	.form-signin{margin-top:0px;}
	.courselist_inner ul li:nth-child(odd){width:145px; margin: 0px 17px 30px 0px;}
	.courselist_inner ul li:nth-child(even){width:145px; margin: 0px 0px 30px 0px;}
	.video_course_title a{font-size:12px;}
	.video_course_dashboard .chapters_main_dashboard{max-width:100%; margin:0px 0px 20px 50px;}
	.para h4{padding:0px;}
	.big_video_title{padding:0px; margin:0px;}
	.big_video_paragraph{padding:0px;}
	
	}
	
	@media (max-width:360px ){
	.carousel-item > img{display:none;}
	.carousel-caption{width:100%; text-align:center;}
	.home_banner .carousel-caption h1{font-size:100px; line-height:100px;}
	.aboutcc .container{padding:15px;}
	.joinusimg img{display:none;}
	.joinus h1{border-right:none;}
	.whychooseus img{width:100%;}
	.whatweoffer{background:#081420;}
	.kidloginimg{width:50%; bottom:30px;}
	.loginlogo{padding:0px; width:200px; margin:20px auto 0px;}
	.home_banner{margin:0px auto;}
	.footer_copyright{font-size:14px;}
	.course_heading h1{font-size:80px;}
	.course_heading p{font-size:12px;}
	.course_container{width:100%;}
	.leftarrow{float:left; font-size:14px; padding-top:7px; color:#0B2C33; text-decoration:none;}
	.arrowright{float:right; font-size:14px; padding-top:7px; color:#C5206F; text-decoration:none;}
	.chapters_main_dashboard{margin:0px 0px 20px 0px;}
	.centerImage img{width:100% !important;}
	.form-signin{margin-top:0px;}
	.courselist_inner ul li:nth-child(odd){width:145px; margin: 0px 17px 30px 0px;}
	.courselist_inner ul li:nth-child(even){width:145px; margin: 0px 0px 30px 0px;}
	.video_course_title a{font-size:12px;}
	.video_course_dashboard .chapters_main_dashboard{max-width:100%; margin:0px 0px 20px 50px;}
	.para h4{padding:0px;}
	.big_video_title{padding:0px; margin:0px;}
	.big_video_paragraph{padding:0px;}
	
	}