@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
  --haya-blue:#1e3a8a;         /* ajuste pro azul exato do site */
  --haya-blue-2:#0b2f7a;
  --haya-yellow:#f2b233;       /* ajuste pro amarelo do site */
  --haya-bg:#f6f8fc;
  --haya-text:#0f172a;
  --haya-muted:#475569;
  --haya-card:#ffffff;
  --haya-border:rgba(15,23,42,.10);
  --haya-shadow:0 18px 40px rgba(2, 8, 23, .12);
  --haya-radius:18px;
}

.haya-year{
  font-weight: 800;
  color: var(--haya-yellow);
  margin-left: 4px;
}

.haya-card--login{
  display:flex;
  flex-direction:column;
  gap: 14px;
}



/* Ajuste mobile */
@media (max-width: 768px){
  .haya-login-image{
    margin-top: 18px;
  }
}


.haya-student{
  padding: 64px 16px;
  background:
    radial-gradient(1200px 400px at 20% 0%, rgba(242,178,51,.18), transparent 55%),
    radial-gradient(900px 500px at 80% 20%, rgba(30,58,138,.18), transparent 55%),
    var(--haya-bg);
}

.haya-student__container{
  max-width: 1100px;
  margin: 0 auto;
}

.haya-student__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom: 22px;
}

.haya-student__header h2{
  font-size: clamp(24px, 2.2vw, 34px);
  margin:0;
  color: var(--haya-text);
  letter-spacing: -0.02em;
}

.haya-student__header p{
  margin:0;
  color: var(--haya-muted);
  max-width: 520px;
}

.haya-student__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
}

.haya-card{
  background: var(--haya-card);
  border: 1px solid var(--haya-border);
  border-radius: var(--haya-radius);
  box-shadow: var(--haya-shadow);
  padding: 22px;
  position: relative;
  overflow:hidden;
}

.haya-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(120deg, rgba(30,58,138,.18), rgba(242,178,51,.18));
  filter: blur(18px);
  opacity:.55;
  pointer-events:none;
}

.haya-card > *{ position:relative; }

.haya-card__top h3{
  margin:0;
  color: var(--haya-text);
  font-size: 18px;
}

.haya-card__top p{
  margin:6px 0 0 0;
  color: var(--haya-muted);
}

.haya-app{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 18px;
  align-items: center;
}

.haya-app__qr{
  background: #fff;
  border: 1px dashed rgba(15,23,42,.18);
  border-radius: 16px;
  padding: 14px;
  text-align:center;
}

.haya-app__qr img{
  width: 100%;
  max-width: 220px;
  height:auto;
  border-radius: 12px;
  display:block;
  margin: 0 auto 10px;
}

.haya-app__qr small{
  color: var(--haya-muted);
  display:block;
  font-size: 12px;
}

.haya-app__stores{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.haya-store{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--haya-border);
  background: linear-gradient(180deg, #fff, rgba(30,58,138,.04));
  text-decoration:none;
  color: var(--haya-text);
  transition: transform .15s ease, border-color .15s ease;
}

.haya-store:hover{
  transform: translateY(-1px);
  border-color: rgba(30,58,138,.35);
}

.haya-store__label{
  font-size: 12px;
  color: var(--haya-muted);
}

.haya-store__name{
  font-size: 16px;
}

.haya-note{
  margin-top: 6px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(242,178,51,.14);
  border: 1px solid rgba(242,178,51,.28);
  color: #4b2d00;
  font-size: 13px;
}

.haya-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 13px 16px;
  border-radius: 14px;
  font-weight: 700;
  text-decoration:none;
  border: 1px solid transparent;
  cursor:pointer;
  user-select:none;
}

.haya-btn--primary{
  background: linear-gradient(180deg, var(--haya-blue), var(--haya-blue-2));
  color:#fff;
  box-shadow: 0 10px 22px rgba(30,58,138,.22);
}

.haya-btn--primary:hover{
  filter: brightness(1.02);
}

.haya-btn--ghost{
  background:#fff;
  color: var(--haya-blue);
  border-color: rgba(30,58,138,.22);
}

.haya-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.haya-divider{
  height:1px;
  background: rgba(15,23,42,.10);
  margin: 16px 0;
}

.haya-help{
  margin: 12px 0 0 0;
  color: var(--haya-muted);
  font-size: 13px;
  line-height: 1.45;
}

/* Responsivo */
@media (max-width: 980px){
  .haya-student__grid{ grid-template-columns: 1fr; }
  .haya-app{ grid-template-columns: 1fr; }
  .haya-app__qr img{ max-width: 260px; }
  .haya-student__header{ flex-direction:column; align-items:flex-start; }
}


.exalunos {text-align: center; background: url("../images/exalunos.jpg"); height: 510px; background-position: center center; background-size: cover;}
.exalunos img {width: 100%}

html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #80CD36;
text-shadow: none;
color: #fff;
}
::selection {
background: #80CD36;
text-shadow: none;
color: #fff;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
a:focus{outline: 0;}
*:focus{outline:none;}
input, textarea{
box-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
color: #323232;
font-family: "Rubik", sans-serif;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
body {
font-family: "Rubik", sans-serif;
}
p {
font-size: 16px;
color: #727272;
font-weight: 300;
line-height: 30px;
}
a {
transition: 0.3s ease;
}
a:hover,
a:active,
a:focus {text-decoration: none;}
figure {margin: 0;}

iframe{border: 0 none;}

.molduramapa {border: 3px solid #ffc640;}

.el-btn-escolas {
font-size: 14px;
color: #222  !important;
background: #ffc640;
border: 2px solid #ffc640;
padding: 5px 9px;
border-radius: 3px;
font-weight: 500 !important;
transition: 0.3s ease !important;
display: inline-block;
}
.el-btn-escolas:hover {
color: #222;
background: #dea51f;
border-color: #ffc640;
}

.el-btn-regular {
font-size: 14px;
color: #222;
background: #ffc640;
border: 2px solid #ffc640;
text-transform: uppercase;
padding: 13px 25px;
border-radius: 3px;
font-weight: 500 !important;
transition: 0.3s ease !important;
display: inline-block;
}
.el-btn-regular:hover {
color: #222;
background: #dea51f;
border-color: #ffc640;
}
.el-btn-medium {
font-size: 15px;
color: #fff;
background: #80CD36;
border: 2px solid #80CD36;
text-transform: uppercase;
padding: 20px 50px;
border-radius: 3px;
font-weight: 500 !important;
transition: 0.3s ease !important;
}
.el-btn-medium:hover {
color: #80CD36;
background: #fff;
border-color: #fff;
}
.slider-vplay-btn {
display: inline-block;
position: relative;
top: 24px;
}
.slider-vplay-btn span {
display: table-cell;
vertical-align: middle;
}
.slider-vplay-btn span:first-child {
width: 60px;
height: 60px;
background: #80CD36;
border-radius: 100px;
color: #fff;
font-size: 20px;
text-align: center !important;
}
.slider-vplay-btn span:last-child {
padding-left: 15px;
width: 120px;
font-size: 20px;
font-family: "Roboto Slab", serif;
color: #fff;
}
.kids-btn {
background-image: url("../images/kindergarten/btn-bg.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border: 2px solid #b5d56a;
border-radius: 0;
color: #b5d56a;
margin-top: 25px;
position: relative;
display: inline-block;
padding: 15px 30px;
font-size: 20px;
}
.kids-btn:before {
background: #e6e6e6;
border: 2px solid #b5d56a;
content: "";
height: 100%;
left: 10px;
position: absolute;
top: 10px;
width: 100%;
z-index: -1;
transition: 0.3s ease;
}
.kids-btn:hover {
color: #b5d56a;
}
.kids-btn:hover:before {
left: 0;
top: 0;
}
.kg-slider-btn {
background: #b5d56a;
border-color: #b5d56a;
}
.kg-slider-btn:hover {
color: #b5d56a;
}
/* -------- Pre Loader -------- */
#preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fefefe;
z-index:99999;
}

#status {
width:250px;
height:200px;
position:absolute;
left:50%;
top:50%;
background-image:url('../images/logo-colegiohaya.png');
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px;
}
/* ==============================
Home Main Version
================================ */
/* Header */

header .header-top-dark {background: #262626;padding: 0px !important;}
header .header-top-dark .header-top-left {padding-top: 15px;padding-bottom: 15px;}
header .header-top-dark .header-top-right ul li a {color: #222;}
header .header-top-dark .header-top-right ul li a:hover {color: #EABC0E;}
header .header-top-dark .header-top-right ul li a.apply-btn {
background: #28b811;
display: block;
padding: 22px 25px;
font-weight: 500;
color: #fff;
}
header .header-top-dark .header-top-right ul li a.apply-btn:hover {
background: #FFD022;
color: #222;
}


/* Slider Bottom Services */

.slider-bottom-services {
background: #3c3d41;
padding: 35px 0;
}
.slider-bottom-services .service-box .service-icon {
display: table-cell;
vertical-align: middle;
}
.slider-bottom-services .service-box .service-info {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.slider-bottom-services .service-box .service-info h3 {
font-size: 20px;
margin: 0 0 7px 0;
color: #fff;
transition: 0.3s ease;
}
.slider-bottom-services .service-box .service-info p {
margin-bottom: 7px;
color: #fff;
}
.slider-bottom-services .service-box .service-info a {
text-transform: uppercase;
color: #fff;
font-size: 13px;
}
.slider-bottom-services .service-box .service-info a i {
display: inline-block;
padding-left: 5px;
}
.slider-bottom-services .service-box .service-info:hover h3,
.slider-bottom-services .service-box .service-info:hover a {
color: #80CD36;
}

.cursos{
box-shadow: 0 0 10px rgba(0,0,0,.13);
overflow: hidden;
transition: .3s ease;
float: left;
padding: 0px;
border-radius: 8px;
background: #fff;
border: 3px solid #FFD022;
margin: 4px;
}

.cursos .online-course-details {
background: #fff;
}

.cursos .online-course-details p {
font-size: 15px
}

.cursos .course-details-btn a {
    background: #1F3A93;
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 16px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.cursos .online-course-details h3, .cursos .online-course-details p {padding:15px; text-align: center;}


/* Courses */

.courses-main {
padding: 100px 0 70px 0;
}
.courses-main .section-header-d {
margin-bottom: 10px;
}
.courses-main .course-carousel-main .owl-stage-outer {
padding: 30px 0;
}
.courses-main .course-carousel-main .online-course-single {
box-shadow: 0 0 10px rgba(0,0,0,.13);
overflow: hidden;
transition: .3s ease;
width: 375px;
float: left;
padding: 8px;
border-radius: 8px;
background: #FF8F21;
}
.courses-main .course-carousel-main .online-course-single figure {
position: relative;
}
.courses-main .course-carousel-main .online-course-single figure figcaption {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.courses-main .course-carousel-main .online-course-single figure figcaption ul {

position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.courses-main .course-carousel-main .online-course-single figure figcaption ul li {
display: inline-block;
margin-right: 25px;
}
.courses-main .course-carousel-main .online-course-single figure figcaption ul li:last-child {
margin-right: 0;
}
.courses-main .course-carousel-main .online-course-single figure figcaption ul li a {
font-size: 45px;
color: #fff;
}
.courses-main .course-carousel-main .online-course-single figure figcaption ul li a:hover {
color: #80CD36;
}
.courses-main .course-carousel-main .online-course-single .online-course-details {
padding: 50px 20px 15px 20px;
position: relative;
background: #fff;
}
.courses-main .course-carousel-main .online-course-single .online-course-details p.price-tag {
background: #80CD36;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
color: #fff;
display: inline-block;
font-size: 20px;
left: 15%;
padding: 10px 25px;
position: absolute;
text-align: center;
top: -23px;
width: 70%;
text-transform: uppercase;
font-weight: 500;
}
.courses-main .course-carousel-main .online-course-single .online-course-details p.price-tag:before {
border-bottom: 22px solid transparent;
border-right: 20px solid #80CD36;
border-top: 22px solid transparent;
content: "";
height: 0;
left: -20px;
position: absolute;
top: 0;
width: 0;
}
.courses-main .course-carousel-main .online-course-single .online-course-details p.price-tag:after {
border-bottom: 22px solid transparent;
border-left: 20px solid #80CD36;
border-top: 22px solid transparent;
content: "";
height: 0;
right: -20px;
position: absolute;
top: 0;
width: 0;
}
.courses-main .course-carousel-main .online-course-single .online-course-details h3 {
margin: 0 0 20px 0;
transition: 0.3s ease;
text-transform: uppercase;
font-weight: 600;
}
.courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info {
margin-bottom: 20px;
}
.courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info li {
display: table-cell;
vertical-align: middle;
margin-right: 10px;
font-size: 15px;
color: #727272;
}
.courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info li:last-child {
margin-right: 0;
padding-left: 20px;
}
.courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info li img {
border: 2px solid transparent;
transition: 0.3s ease;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt {
padding-bottom: 15px;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt span {
font-size: 13px;
display: block;
color: #727272;
padding-bottom: 5px;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt span:last-child {
padding-bottom: 0;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt .col-sm-4 {
position: relative;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt .col-sm-4:before {
background: rgba(0, 0, 0, 0.07);
content: "";
height: 35px;
position: absolute;
right: 5px;
top: 0;
width: 1px;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt .col-sm-4:last-child:before {
content: none;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul {
margin-bottom: 0;
padding: 15px 0 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul li {
display: inline-block;
font-size: 18px;
margin-right: 25px;
color: #727272;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child {
margin-right: 0;
float: right;
color: #FFEF3B;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-details-btn {
position: absolute;
width: 100%;
bottom: -100px;
left: 0;
visibility: hidden;
opacity: 1;
transition: 0.3s ease;
}
.courses-main .course-carousel-main .online-course-single .online-course-details .course-details-btn a {
background: #80CD36;
color: #fff;
display: block;
font-size: 17px;
padding: 16px 0;
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
.courses-main .course-carousel-main .online-course-single:hover figure figcaption {
visibility: visible;
opacity: 1;
}
.courses-main .course-carousel-main .online-course-single:hover .online-course-details h2 {
color: #80CD36;
}
.courses-main .course-carousel-main .online-course-single:hover .online-course-details ul.teacher-info img {
border-color: #80CD36;
}
.courses-main .course-carousel-main .online-course-single:hover .course-details-btn {
visibility: visible;
opacity: 1;
bottom: 0;
}
.courses-main .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -13px;
width: 100%;
}
.courses-main .owl-nav .owl-prev,
.courses-main .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #ff5057;
color: #fff;
padding-top: 5px;
transition: 0.3s ease;
background: #ff5057;
}
.courses-main .owl-nav .owl-prev:hover,
.courses-main .owl-nav .owl-next:hover {
color: #fff;
border-color: #FFB102;
background: #FFB102;
}
.courses-main .owl-nav .owl-prev {
margin-right: 10px;
}


/* Video */
.video-main {
padding: 100px 0;
}
.video-main .vt-box {
left: 0;
}
.video-main .video-play-btn {
text-align: center;
}


/* Teachers */
.teachers-main {
padding: 100px 0 60px 0;
}
.teachers-main .section-header04 {
margin-bottom: 40px;
}
.teachers-main .teacher-single05 {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 40px;
transition: 0.3s ease;
}
.teachers-main .teacher-single05:hover .ts5-info h3,
.teachers-main .teacher-single05:hover .ts5-info a {
color: #80CD36;
}
.teachers-main .teacher-single05:hover .ts5-image figure figcaption {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.teachers-main .teacher-single05 .ts5-image figure {
position: relative;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
transition: 0.3s ease;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul {
margin: 0;
text-align: center;
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li {
display: inline-block;
margin-right: 15px;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li:last-child {
margin-right: 0;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li a {
font-size: 16px;
width: 35px;
height: 35px;
display: block;
border-radius: 100px;
color: #fff;
text-align: center;
padding-top: 6px;
background: #80CD36;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li.facebook a:hover {
background: #3B5998;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li.twitter a:hover {
background: #1DA1F2;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li.gplus a:hover {
background: #DD4B39;
}
.teachers-main .teacher-single05 .ts5-image figure figcaption ul li.linkedin a:hover {
background: #00A0DC;
}
.teachers-main .teacher-single05 .ts5-info {
padding: 40px 30px 40px 5px;
}
.teachers-main .teacher-single05 .ts5-info h3 {
margin: 0 0 10px 0;
transition: 0.3s ease;
text-transform: uppercase;
font-weight: 600;
}
.teachers-main .teacher-single05 .ts5-info span {
font-size: 15px;
color: #6a6a6a;
display: block;
margin-bottom: 15px;
}
.teachers-main .teacher-single05 .ts5-info p {
color: #9a9a9a;
margin-bottom: 20px;
}
.teachers-main .teacher-single05 .ts5-info a {
font-size: 14px;
color: #323232;
text-transform: uppercase;
font-weight: 500;
}
.teachers-main .teacher-single05 .ts5-info a i {
display: inline-block;
padding-left: 5px;
}


/* Blog */

.blog-main .course08-carousel .carousel-item .course-single .course-image figure img {
min-height: 335px;
}
.blog-main .course08-carousel .carousel-item .course-single:hover .course-info h3 a {
color: #80CD36;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info {
padding-right: 0;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info h3 {
line-height: 26px;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info h3 a {
color: inherit;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li {
display: inline-block;
float: left;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li img,
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li span {
display: inline-block;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li img {
width: auto;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li span {
padding-left: 10px;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li span a {
color: inherit;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li:last-child {
float: right;
padding: 10px 0;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-bottom li {
color: #bababa;
font-size: 14px;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-bottom li:last-child {
font-size: 14px;
color: #bababa;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-tags li {
display: inline-block;
padding-right: 5px;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-tags li:last-child {
padding-right: 0;
}
.blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-tags li a {
color: #bababa;
}
.blog-main .section-header04 {
margin-bottom: 10px;
}
.blog-main .section-header04 h2 {
line-height: 30px;
}
.blog-main .owl-nav {
top: -43px;
}


/* ===============================
Home Page Version 01
================================ */
header .header-top {
background: #1F3A93;
padding: 15px 0px;
}
header .header-top .header-top-left ul {
margin-bottom: 0;
}
header .header-top .header-top-left ul li {
display: inline-block;
color: #fff;
font-weight: 300;
margin-right: 20px;
font-size: 17px;
}

header .header-top .header-top-left ul li a {
color: #fff ;
}



header .header-top .header-top-left ul li:last-child {
margin-right: 0;
}
header .header-top .header-top-left ul li i {
display: inline-block;
padding-right: 5px;
color: #FFD022;
}
header .header-top .header-top-right {
text-align: right;
}
header .header-top .header-top-right ul {
margin-bottom: 0;
}
header .header-top .header-top-right ul li {
display: inline-block;
margin-right: 15px;
}
header .header-top .header-top-right ul li:first-child {
color: #fff;
}
header .header-top .header-top-right ul li:last-child {
margin-right: 0;
}
header .header-top .header-top-right ul li i {
color: #80CD36;
}
header .main-menu {
padding: 0;
transition: 0.3s ease;
/*background: #fac627 url("../images/fundotopo.png") repeat-x;*/

}
header .main-menu nav.navbar {
margin-bottom: 0;
z-index: 999999999;
]}
header .main-menu nav.navbar .navbar-header a.navbar-brand {
padding: 3px 0;
transition: 0.3s ease;
height: auto;
}
header .main-menu nav.navbar .navbar-header a.navbar-brand img {
margin-top: 5px;
}
header .main-menu nav.navbar .nav-container {
float: right;
padding-right: 50px;
position: relative;
margin-top: 7px;
}
header .main-menu nav.navbar .nav-container .menu-search {
position: absolute;
right: 0;
top: 24px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav {
padding: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
margin-right: 1px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:last-child {
margin-right: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
color: #1F3A93;
font-family: "Rubik", sans-serif;
font-weight: 500;
font-size: 15px;
padding: 40px 12px;
display: inline-block;
position: relative;
transition: 0.3s ease;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:focus,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:active {
background: none;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover {
color: #1F3A93;
background: #ffc640;
}

.activemenu {
color: #fff;
background: #ffc640;
}

.amarelo {color: #ffc640;}


header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover:after {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:after {
position: absolute;
content: "";
width: 100%;
height: 4px;
left: 0;
bottom: -1px;
background: #063690;
transition: 0.5s ease;
-webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a {
color: #80CD36;
position: relative;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a:after {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown a.dropdown-toggle:before {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 1px;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
margin-top: -20px;
transition: 0.3s ease;
padding: 0;
border-radius: 0;
min-width: 215px;
border-top: 3px solid #FFD022;
border-right: 0;
border-bottom: 0;
border-left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li {
padding: 0;
margin-right: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a {
padding: 15px 20px;
display: block;
color: #696969;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:hover {
color: #1F3A93 !important; background: #ffc640;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:after {
content: none;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu {
position: relative;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu a {
display: inline-block;
width: 100%;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu i {
position: absolute;
right: 0;
padding: 15px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
margin-top: -3px !important;
left: 212px;
top: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {
visibility: visible;
opacity: 1;
margin-top: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown {
position: relative;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown:hover ul.dropdown-menu {
visibility: visible;
opacity: 1;
margin-top: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown i {
display: inline-block;
padding-left: 7px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(6) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(7) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(8) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(9) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(10) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(11) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
left: -215px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(9) ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(10) ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(11) ul.dropdown-menu {
left: -140px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(8) ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(9) ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(10) ul.dropdown-menu,
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(11) ul.dropdown-menu {
left: auto;
right: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu {
position: inherit;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu i {
display: inline-block;
padding-left: 5px;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block {
position: absolute;
left: -100px;
top: 110px;
border-top: 3px solid #80CD36;
border-right: 0;
border-bottom: 0;
border-left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
width: 900px;
z-index: 1;
background: #fff;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li {
padding: 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content {
padding: 30px 0;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block {
position: relative;
padding: 0 30px;
float: left;
width: 25%;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block:before {
position: absolute;
content: "";
right: 0;
top: 0;
width: 1px;
height: 100%;
background: #f4f4f4;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block:last-child:before {
content: none;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block a {
display: block;
padding: 15px 0;
color: #696969;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block a:hover {
color: #80CD36;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu:hover ul.mega-menu-block {
visibility: visible;
opacity: 1;
top: 100px;
}
header .is-sticky .main-menu {
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
z-index: 1000 !important;
transition: 0.3s ease;
}
header#header-style02 .is-sticky .main-menu,
header.header13 .is-sticky .main-menu {
background: #3c3d41;
z-index: 1000 !important;
}
header#header-style02.header-sticky {
padding-bottom: 0;
}
header#header-style02.header-sticky .is-sticky .main-menu {
background: #80CD36;
}
header#header-style02.header-sticky .is-sticky .main-menu .container .col-sm-12:first-child {
visibility: hidden;
height: 0;
}
header#header-style02.header-sticky .is-sticky .main-menu .container .col-sm-12 nav#main-nav {
margin-top: 0;
}
header#header-style02.header-sticky .is-sticky .main-menu nav.navbar .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
/* Menu Search */
.nav-search {
color: inherit;
display: block;
font-size: 14px;
line-height: 20px;
padding: 15px;
position: relative;
}

.nav-search:hover {
color: inherit;
}

.nav-search-wrap.style-2 .nav-search {
font-size: 16px;
}

.search-wrap {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 121;
background-color: rgba(0,0,0,0.8);
cursor: url(../images/mouse-cross.png), auto;
}

.search-wrap .search-inner {
position: relative;
width: 100%;
height: 100%;
}

.search-wrap .search-cell {
position: absolute;
top: 40%;
width: 100%;
}

.search-wrap .search-field-holder {
width: 50%;
margin: auto;
position: relative;
-webkit-animation: slideInUp .3s;
        animation: slideInUp .3s;
background: #fff;
}

.search-wrap .form-control {
height: 66px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
font-family: "Roboto Slab", sans-serif;
font-size: 20px;
margin-bottom: 0;
color: #424242;
position: relative;
box-shadow: none;
border-radius: 0;
transition:.3s ease;
font-weight: 300;
padding: 0 0 0 15px;
display: table-cell;
vertical-align: top;
width: 87.77%;
}
.search-field-holder > button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #696969;
display: table-cell;
font-size: 21px;
position: absolute;
vertical-align: top;
width: 66px;
height: 66px;
right: 0;
top: 0;
}
.search-wrap input.form-control, .search-wrap input.form-control:focus {
background-color: #fff;
}

@keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

@-webkit-keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

input.main-search-input::-webkit-input-placeholder {
color: #424242;
}

input.main-search-input:-moz-placeholder {
color: #424242;
opacity: 1;
}

input.main-search-input::-moz-placeholder {
color: #424242;
opacity: 1;
}

input.main-search-input:-ms-input-placeholder {
color: #424242;
}

#search-close {
position: absolute;
top: 25px;
right: 0px;
font-size: 30px;
color: #424242;
cursor: pointer;
transition:0.3s ease;
}
#search-close:hover{
color:#80CD36;
}
.mobile-links li > a {
padding: 15px 0 15px 15px;
line-height: 20px;
border-bottom: 1px solid #eaeaea;
color: #6c6c6c;
display: block;
}

.mobile-links li > a:hover {
color: #435BE0;
}

.mobile-search .form-control {
height: 46px;
border-bottom: 1px solid #eaeaea;
background-color: transparent;
border-left: none;
border-top: none;
border-right: none;
margin-bottom: 0;
}

#mobile-search .search-button {
position: absolute;
right: 0;
top: 0;
width: 45px;
height: 46px;
border: 0;
cursor: pointer;
background-color: transparent;
}
header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.nav-right{
margin-right:0;
padding:0;
}


/* Slider Section */
.slider {
position: relative;
}
.slider .slider-caption {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.slider .slider-caption .caption-content p {
font-size: 20px;
font-family: "Roboto Slab", serif;
color: #fff;
margin-bottom: 0;
}
.slider .slider-caption .caption-content h1 {
font-size: 60px;
line-height: 80px;
color: #fff;
max-width: 680px;
margin: 45px 0 70px 0;
}
.slider .slider-caption .caption-content ul li {
display: inline-block;
margin-right: 50px;
}
.slider .slider-caption .caption-content ul li:last-child {
margin-right: 0;
}
.slider .slider-caption .caption-content ul li a {
font-size: 20px;
color: #80CD36;
border: 2px solid #80CD36;
padding: 10px 20px;
display: inline-block;
border-radius: 3px;
}
.slider .slider-caption .caption-content ul li a:hover {
background: #80CD36;
color: #fff;
}
.slider .tp-caption .slider-btn-left {
margin-right: 20px;
}
.slider .tp-bullets {
top: 95% !important;
}
.slider .tp-bullets .tp-bullet {
border: 3px solid #80CD36 !important;
background: none !important;
}
.slider .tp-bullets .tp-bullet.selected {
background: #80CD36 !important;
left: 20px;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}
.slider .slider-bottom-btn {
position: absolute;
width: 100%;
left: 0;
bottom: 50px;
text-align: center;
}
.slider .slider-bottom-btn a {
display: inline-block;
}
.slider .slider-bottom-boxes {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
.slider .slider-bottom-boxes .about-boxes a {
display: block;
background: rgba(60,61,65,0.7);
padding: 20px;
color: #fff;
}
.slider .slider-bottom-boxes .about-boxes a:hover {
background: #3c3d41;
}
.slider .slider-bottom-boxes .about-boxes a ul {
margin-bottom: 0;
}
.slider .slider-bottom-boxes .about-boxes a ul li {
display: table-cell;
vertical-align: top;
font-size: 24px;
font-weight: 600;
font-family: "Roboto Slab", serif;
}
.slider .slider-bottom-boxes .about-boxes a ul li:last-child {
padding-left: 20px;
}
.slider .slider-bottom-boxes .about-boxes a ul li img {
margin-top: 10px;
}


/* About */
.about {
padding: 100px 0;
}
.about .about-text {
padding-right: 80px;
}
.about .about-text h2 {
text-transform: uppercase;
margin: 20px 0 40px 0;
font-weight: 600;
}
.about .about-text h2 span {
color: #80CD36;
}
.about .about-text > p {
margin-bottom: 30px;
}
.about .about-text a {
padding: 13px 50px;
}
.about .about-text a:hover {
background: none;
border-color: #80CD36;
}
.about .about-image {
position: relative;
}
.about .about-image::before {
content: "";
position: absolute;
width: 100%;
height: 90%;
top: 5%;
left: 0;
background: #80CD36;
z-index: -1;
}
.about .about-image img {
box-shadow: 0 0 80px rgba(0, 0, 0, 0.3);
}


/* Section Header */
.section-header {
text-align: center;
margin-bottom: 80px;
}
.section-header h2 {
font-weight: 600;
text-transform: uppercase;
margin: 0 0 20px 0;
line-height: 0.8;
}
.section-header h2 span {
color: #80CD36;
}
.section-header h2 span:before,
.section-header h2 span:after {
content: none;
}
.section-header span {
display: inline-block;
position: relative;
}
.section-header span:before {
content: "";
position: absolute;
border-top: 1px dashed #80CD36;
height: 2px;
right: 30px;
top: 13px;
width: 200px;
}
.section-header span:after {
content: "";
position: absolute;
border-top: 1px dashed #80CD36;
height: 2px;
left: 30px;
top: 13px;
width: 200px;
}
.section-header p {
max-width: 600px;
margin: 35px auto 0 auto;
color: inherit;
}
.section-header.header-dark p {
color: #fff;
}


/* Courses */
.courses {
padding: 100px 0;
background: url(../images/course-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
}
.courses:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
z-index: -1;
}
.courses .section-header {
text-align: center;
}
.courses .section-header h2 {
color: #fff;
}
.courses .course-slide .row:last-child .course-single {
margin-bottom: 0;
}
.courses .course-slide .course-single {
margin-bottom: 65px;
position: relative;
}
.courses .course-slide .course-single .course-thumb {
position: relative;
}
.courses .course-slide .course-single .course-thumb span.price {
background: #80CD36;
bottom: -10px;
display: inline-block;
font-family: "Roboto Slab", serif;
font-size: 27px;
left: -10px;
padding: 5px 15px 5px 25px;
position: absolute;
color: #fff;
}
.courses .course-slide .course-single .course-thumb span.price:before {
content: "";
position: absolute;
border-bottom: 10px solid #80CD36;
border-left: 10px solid transparent;
height: 0;
left: 0;
top: -10px;
width: 0;
}
.courses .course-slide .course-single .course-details {
background: #fff;
padding: 30px 15px 20px;
}
.courses .course-slide .course-single .course-details h3 {
margin: 0 0 20px 0;
font-weight: 600;
text-transform: uppercase;
}
.courses .course-slide .course-single .course-details .course-teacher ul li {
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.courses .course-slide .course-single .course-details .course-teacher ul li:last-child {
padding-right: 0;
}
.courses .course-slide .course-single .course-details .course-teacher ul li h4 {
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #727272;
margin: 0;
font-weight: 400;
}
.courses .course-slide .course-single .course-details .course-excerpt {
margin-top: 20px;
}
.courses .course-slide .course-single .course-details .course-excerpt ul {
margin-bottom: 0;
}
.courses .course-slide .course-single .course-details .course-excerpt ul li {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
position: relative;
}
.courses .course-slide .course-single .course-details .course-excerpt ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.courses .course-slide .course-single .course-details .course-excerpt ul li:last-child:before {
content: none;
}
.courses .course-slide .course-single .course-details .course-excerpt ul li:before {
content: "";
position: absolute;
width: 1px;
height: 35px;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.07);
}
.courses .course-slide .course-single .course-details .course-excerpt ul li span {
display: block;
color: #727272;
font-size: 13px;
}
.courses .course-slide .course-single .course-hover {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 0;
background: url(../images/course-hover-shape.png);
background-repeat: no-repeat;
background-size: 100% 100%;
visibility: hidden;
opacity: 0;
transition: 0.5s ease;
}
.courses .course-slide .course-single .course-hover .course-hover-content {
right: 0;
bottom: 50px;
width: 200px;
position: absolute;
text-align: center;
transition: 0.5s ease;
}
.courses .course-slide .course-single .course-hover .course-hover-content ul li {
display: inline-block;
color: #fff;
font-size: 15px;
margin-right: 25px;
}
.courses .course-slide .course-single .course-hover .course-hover-content ul li:last-child {
margin-right: 0;
}
.courses .course-slide .course-single .course-hover .course-hover-content a {
font-size: 15px;
color: #80CD36;
display: inline-block;
background: #fff;
padding: 10px 20px;
border-radius: 3px;
margin-top: 30px;
}
.courses .course-slide .course-single:hover .course-hover {
height: 100%;
visibility: visible;
opacity: 1;
}
.courses .owl-nav .owl-prev,
.courses .owl-nav .owl-next {
border: 1px solid #fff;
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 30px;
padding-top: 6px;
height: 60px;
position: absolute;
text-align: center;
width: 60px;
top: 50%;
margin-top: -65px;
transition: 0.3s ease;
}
.courses .owl-nav .owl-prev:hover,
.courses .owl-nav .owl-next:hover {
border-color: #80CD36;
color: #80CD36;
}
.courses .owl-nav .owl-prev {
left: -65px;
}
.courses .owl-nav .owl-next {
right: -65px;
}
.courses .course-btn {
text-align: center;
}
.courses .course-btn a {
display: inline-block;
}
.courses .owl-dots {
text-align: center;
margin-top: 0;
display: none;
}
.courses .owl-dots .owl-dot {
display: inline-block;
margin-right: 15px;
}
.courses .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.courses .owl-dots .owl-dot span {
border: 3px solid #80CD36;
display: block;
height: 17px;
width: 17px;
transition: 0.3s ease;
}
.courses .owl-dots .owl-dot.active span {
background: #80CD36;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}

/* Teachers */
.teachers {
padding: 100px 0;
}
.teachers .teachers-block .teacher-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 65px;
transition: 0.3s ease;
}
.teachers .teachers-block .teacher-single .teacher-image {
display: table-cell;
vertical-align: top;
width: 48%;
}
.teachers .teachers-block .teacher-single .teacher-image img {
min-height: 260px;
}
.teachers .teachers-block .teacher-single .teacher-details {
display: table-cell;
vertical-align: top;
width: 52%;
position: relative;
padding: 20px 10px 10px 20px;
}
.teachers .teachers-block .teacher-single .teacher-details:before {
width: 0;
height: 3px;
background: #80CD36;
position: absolute;
left: 0;
top: 0;
content: "";
transition: 0.5s ease;
}
.teachers .teachers-block .teacher-single .teacher-details h3 {
margin: 0 0 10px 0;
color: #80CD36;
font-weight: 600;
text-transform: uppercase;
}
.teachers .teachers-block .teacher-single .teacher-details h4 {
font-size: 15px;
font-family: "Roboto", sans-serif;
font-weight: 400;
margin: 0 0 20px 0;
}
.teachers .teachers-block .teacher-single .teacher-details .plus-btn {
position: relative;
padding-top: 10px;
}
.teachers .teachers-block .teacher-single .teacher-details .plus-btn:before {
position: absolute;
width: 95%;
height: 1px;
background: #E6F5D6;
content: "";
top: 0;
left: 0;
}
.teachers .teachers-block .teacher-single .teacher-details .plus-btn i.plus,
.teachers .teachers-block .teacher-single .teacher-details .plus-btn i.minus {
width: 40px;
height: 40px;
text-align: center;
background: #80CD36;
color: #fff;
border-radius: 100px;
font-size: 20px;
padding-top: 10px;
display: inline-block;
float: left;
transition: 0.3s ease;
cursor: pointer;
}
.teachers .teachers-block .teacher-single .teacher-details .plus-btn i.minus {
display: none;
}
.teachers .teachers-block .teacher-single .teacher-details ul.teacher-social {
margin: 0 0 0 50px;
padding: 10px 0 0;
transition: 0.3s ease;
opacity: 0;
}
.teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li {
display: inline-block;
}
.teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li a {
font-size: 17px;
margin-right: 25px;
text-shadow: -1px -1px 0 #80CD36, 1px -1px 0 #80CD36, -1px 1px 0 #80CD36, 1px 1px 0 #80CD36;
color: #fff;
}
.teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li a:hover {
text-shadow: none;
color: #80CD36;
}
.teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li:last-child a {
margin-right: 0;
}
.teachers .teachers-block .teacher-single:hover {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
}
.teachers .teachers-block .teacher-single:hover .teacher-details:before {
width: 100%;
}
.teachers .teachers-block .row:last-child .teacher-single {
margin-bottom: 0;
}


/* Video */
.video {
padding: 150px 0;
background: url(../images/video-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.video .vt-box {
background: #fff none repeat scroll 0 0;
max-width: 535px;
text-align: center;
}
.video .vt-box .vt-text {
margin: 0 auto;
padding: 60px 60px 50px 60px;
}
.video .vt-box .vt-text h2 {
font-size: 40px;
font-weight: 600;
margin: 0 0 40px;
text-transform: uppercase;
}
.video .vt-box .vt-text p {
font-size: 20px;
line-height: 32px;
}
.video .vt-box .vt-btn a {
display: block;
background: #80CD36;
padding: 25px 0;
font-size: 25px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
}
.video .video-play-btn {
text-align: center;
padding: 130px 0;
}
.video .video-play-btn a {
display: inline-block;
max-width: 260px;
color: #fff;
font-size: 20px;
font-family: "Roboto Slab", serif;
}
.video .video-play-btn a span {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
text-align: left;
}
.video .video-play-btn a span:first-child {
width: 110px;
height: 110px;
text-align: center;
background: #80CD36;
color: #80CD36;
font-size: 30px;
padding-top: 0;
border-radius: 100px;
padding-left: 0;
position: relative;
}
.video .video-play-btn a span:first-child:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
        transform: scale(0.6);
background: #fff;
border-radius: 50%;
transition: 0.3s ease;
}
.video .video-play-btn a span:first-child:hover:before {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.video .video-play-btn a span:first-child i {
display: inline-block;
padding-left: 6px;
}
.video .video-play-btn a i {
position: relative;
}
.video .video-play-btn a i span {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
border-radius: 100px;
height: 130%;
left: -15%;
position: absolute;
top: -15%;
width: 130%;
z-index: -1;
-webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
transition: 0.2s ease;
opacity: 0;
visibility: hidden;
}
.video .video-play-btn a i:hover span {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
opacity: 1;
visibility: visible;
}
.events {
padding: 126px 0 450px;
background: #edebde url(../images/bgeventos.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
background-position: bottom;
background-repeat: no-repeat;
background-position: center 3px;
  background-size: cover;
}



.events .events-block .event-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 65px;
transition: 0.3s ease;
}
.events .events-block .event-single .event-image {
display: table-cell;
vertical-align: top;
width: 30%;
}
.events .events-block .event-single .event-image img {
min-height: 230px;
}
.events .events-block .event-single .event-details {
display: table-cell;
vertical-align: top;
width: 70%;
padding: 20px;
}
.events .events-block .event-single .event-details h3 {
margin: 0 0 15px 0;
transition: 0.3s ease;
font-weight: 600;
text-transform: uppercase;
}
.events .events-block .event-single .event-details ul {
margin-bottom: 20px;
}
.events .events-block .event-single .event-details ul li {
display: inline-block;
margin-right: 10px;
}
.events .events-block .event-single .event-details ul li:last-child {
margin-right: 0;
}
.events .events-block .event-single .event-details ul li i {
color: #80CD36;
display: inline-block;
padding-right: 5px;
}
.events .events-block .event-single .event-details a {
color: #323232;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-top: 10px;
text-transform: uppercase;
}
.events .events-block .event-single:hover {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
}
.events .events-block .event-single:hover .event-details h3,
.events .events-block .event-single:hover .event-details a {
color: #80CD36;
}
.events-default02 {
padding-bottom: 35px;
}


/* Testimonial */
.testimonial {
padding: 100px 0 100px 0;
background: url(../images/testimonial-bg.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial .testimonial-carousel {
position: relative;
}
.testimonial .testimonial-carousel .testimonial-single {
background: #fff;
text-align: center;
position: relative;
padding: 90px 35px 35px 35px;
}
.testimonial .testimonial-carousel .testimonial-single .client-image {
position: absolute;
left: 50%;
margin-left: -60px;
top: -60px;
border-radius: 100px;
}
.testimonial .testimonial-carousel .testimonial-single .client-content ul.client-rating {
margin: 20px 0;
}
.testimonial .testimonial-carousel .testimonial-single .client-content ul.client-rating li {
display: inline-block;
color: #FFEF3B;
}
.testimonial .testimonial-carousel .testimonial-single .client-content h3.client-info {
margin: 0;
color: #80CD36;
font-weight: 600;
text-transform: uppercase;
}
.testimonial .testimonial-carousel .testimonial-single .client-content h3.client-info span {
color: #969595;
font-size: 15px;
font-weight: 400;
font-family: "Roboto", sans-serif;
text-transform: none;
}
.testimonial .owl-stage-outer {
padding-top: 60px;
}
.testimonial .owl-nav .owl-prev,
.testimonial .owl-nav .owl-next {
border: 1px solid #fff;
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 30px;
padding-top: 6px;
height: 60px;
position: absolute;
text-align: center;
width: 60px;
top: 50%;
margin-top: -50px;
transition: 0.3s ease;
}
.testimonial .owl-nav .owl-prev:hover,
.testimonial .owl-nav .owl-next:hover {
border-color: #80CD36;
color: #80CD36;
}
.testimonial .owl-nav .owl-prev {
left: -65px;
}
.testimonial .owl-nav .owl-next {
right: -65px;
}
.testimonial .owl-dots {
text-align: center;
margin-top: 85px;
}
.testimonial .owl-dots .owl-dot {
display: inline-block;
margin-right: 15px;
}
.testimonial .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.testimonial .owl-dots .owl-dot span {
border: 3px solid #80CD36;
display: block;
height: 17px;
width: 17px;
transition: 0.3s ease;
}
.testimonial .owl-dots .owl-dot.active span {
background: #80CD36;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}


/* Blog */
.blog {
padding: 100px 0;
}
.blog .blog-posts .single-blog {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.blog .blog-posts .single-blog figure {
position: relative;
overflow: hidden;
}
.blog .blog-posts .single-blog figure .blog-thumb {
padding: 5px;
}
.blog .blog-posts .single-blog figure .blog-thumb img {
width: 100%;
transition: 0.5s ease;
}
.blog .blog-posts .single-blog figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.blog .blog-posts .single-blog figure figcaption p.post-date {
position: absolute;
right: 25px;
top: 25px;
width: 60px;
height: 60px;
background: #80CD36;
border-radius: 100px;
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 400;
padding-top: 4px;
}
.blog .blog-posts .single-blog figure figcaption a {
position: absolute;
left: 0;
bottom: -5px;
padding: 5px 10px 10px;
font-size: 17px;
font-family: "Roboto Slab", serif;
background: #80CD36;
color: #fff;
}
.blog .blog-posts .single-blog .blog-excerpt {
padding: 20px 15px;
overflow: hidden;
position: relative;
}
.blog .blog-posts .single-blog .blog-excerpt h3 {
margin: 0 0 20px 0;
font-weight: 600;
text-transform: uppercase;
line-height: 26px;
}
.blog .blog-posts .single-blog .blog-excerpt h3 a {
color: #323232;
transition: 0.3s ease;
}
.blog .blog-posts .single-blog .blog-excerpt p + a {
color: #323232;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-top: 10px;
text-transform: uppercase;
}
.blog .blog-posts .single-blog .blog-excerpt p + a i {
display: inline-block;
padding-left: 5px;
}
.blog .blog-posts .single-blog:hover figure .blog-thumb img {
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.blog .blog-posts .single-blog:hover .blog-excerpt h3 a {
color: #80CD36;
}
.blog .blog-posts .single-blog:hover .blog-excerpt a {
color: #80CD36;
}


/* Footer */
footer {
padding: 80px 0 0 0;
background: #232323;
color: #ffff;
position: relative;
}
footer .container .row .col-sm-3 .widget:last-child {
margin-bottom: 0;
}
footer .widget {
margin-bottom: 50px;
}
footer .widget .widget-title h2 {
font-size: 20px;
color: #ffff;
margin: 5px 0 30px 0;
font-weight: 600;
}
footer .widget .widget-title img {
margin-bottom: 15px;
}
footer .widget.about-widget .widget-content p {
color: #ffff;
}
footer .widget.about-widget .widget-content ul {
margin-top: 25px;
}
footer .widget.about-widget .widget-content ul li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #2F7ECE;
}
footer .widget.about-widget .widget-content ul li i {
display: inline-block;
padding-right: 5px;
font-size: 16px;
color: #ffff;
}
footer .widget.footer-social .widget-content ul li {
display: inline-block;
margin-right: 25px;
}
footer .widget.footer-social .widget-content ul li:last-child {
margin-right: 0;
}
footer .widget.footer-social .widget-content ul li a {
color: #ffff;
font-size: 20px;
}
footer .widget.footer-social .widget-content ul li a:hover {
color: #ffff;
}
footer .widget.links .widget-content ul li {
margin-bottom: 20px;
}
footer .widget.links .widget-content ul li:last-child {
margin-bottom: 0;
}
footer .widget.links .widget-content ul li a {
color: #ffff;
}
footer .widget.links .widget-content ul li a:hover {
color: #ffff;
}
footer .widget.latest-news .widget-content .news-single {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #39534C;
}
footer .widget.latest-news .widget-content .news-single:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: 0 none;
}
footer .widget.latest-news .widget-content .news-single .news-thumb {
display: table-cell;
vertical-align: top;
}
footer .widget.latest-news .widget-content .news-single .news-excerpt {
display: table-cell;
vertical-align: top;
padding-left: 20px;
}
footer .widget.latest-news .widget-content .news-single .news-excerpt h3 {
margin: -5px 0 5px 0;
}
footer .widget.latest-news .widget-content .news-single .news-excerpt h3 a {
font-size: 15px;
color: #fff;
font-weight: normal;
text-transform: none;
}
footer .widget.latest-news .widget-content .news-single .news-excerpt h3 a:hover {
color: #80CD36;
}
footer .widget.latest-news .widget-content .news-single .news-excerpt span {
font-size: 12px;
color: #6b6b6b;
}
footer .widget.contact-widget .widget-content form {
position: relative;
}
footer .widget.contact-widget .widget-content form input {
height: 35px;
border: 1px solid #39534c;
display: block;
width: 100%;
background: transparent;
padding: 5px;
margin-bottom: 15px;
box-shadow: none;
}
footer .widget.contact-widget .widget-content form textarea {
border: 1px solid #39534c;
display: block;
width: 100%;
background: transparent;
padding: 5px;
margin-bottom: 15px;
box-shadow: none;
resize: none;
height: 100px;
}
footer .widget.contact-widget .widget-content form input,
footer .widget.contact-widget .widget-content form textarea {
transition: 0.3s ease;
}
footer .widget.contact-widget .widget-content form input:focus,
footer .widget.contact-widget .widget-content form textarea:focus {
border-color: #fff;
}
footer .widget.contact-widget .widget-content form button {
position: absolute;
right: 0;
bottom: 0;
padding: 4.5px 10px;
font-size: 15px;
text-transform: uppercase;
color: #fff;
background: #80CD36;
border: 0 none;
}
footer .widget.subscribe .widget-content p {
color: #fff;
}
footer .widget.subscribe .widget-content form {
position: relative;
margin-top: 20px;
}
footer .widget.subscribe .widget-content form input {
border: 1px solid #39534c;
display: block;
width: 100%;
background: transparent;
padding: 5px 70px 5px 5px;
margin-bottom: 15px;
box-shadow: none;
resize: none;
height: 35px;
transition: 0.3s ease;
}
footer .widget.subscribe .widget-content form input:focus {
border-color: #fff;
}
footer .widget.subscribe .widget-content form button {
position: absolute;
right: 0;
top: 0;
padding: 5px 10px;
font-size: 15px;
text-transform: uppercase;
color: #fff;
background: #80CD36;
border: 2px solid #80CD36;
}

.widget-content a{color: #fff !important;}


/* Footer Bottom */
.footer-bottom {
background: #2d3e50;
}
.footer-bottom .footer-bottom-inner {
border-top: 1px solid #2F7ECE;
padding: 35px 0;
}
.footer-bottom p {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-family: "Roboto Slab", serif;
margin: 20px 0 0 0;
font-weight: 300;
}
.footer-bottom p#back-top {
text-align: right;
margin-bottom: 0;
position: fixed;
bottom: 30px;
right: 50px;
z-index: 10;
}
.footer-bottom p#back-top a {
background: #323232;
color: #fff;
display: inline-block;
font-size: 25px;
height: 35px;
text-align: center;
width: 35px;
padding-top: 3px;
}
.footer-bottom p#back-top a:hover {
background: #80CD36;
border-color: #80CD36;
color: #fff;
}
.footer-bottom.footer-bottom-default .footer-bottom-inner {
border-top: 0;
}
.footer-bottom ul.footer-menu {
text-align: right;
margin-bottom: 0;
}
.footer-bottom ul.footer-menu li {
display: inline-block;
padding-right: 15px;
}
.footer-bottom ul.footer-menu li:last-child {
padding-right: 0;
}
.footer-bottom ul.footer-menu li a {
color: inherit;
opacity: .7;
font-size: 15px;
font-weight: 300;
color: rgba(255, 255, 255, 0.7);
}
.footer-bottom ul.footer-menu li a:hover {
color: #80CD36;
}


/* ==============================
Home Page Version 02
================================ */
/* Header */
#header-style02 {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
}
#header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
color: #fff;
}
#header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a {
color: #80CD36;
}
#header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown i {
color: #fff;
}
#header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li a {
color: inherit;
}
#header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a {
color: inherit;
}
#header-style02 .nav-search {
color: #fff !important;
}


/* Slider */
.slider-style02 {
position: relative;
overflow: hidden;
}
.slider-style02 .slider-overlay {
position: absolute;
z-index: 1;
}
.slider-style02 .slider-overlay:before {
border-bottom: 2000px solid transparent;
border-left: 1000px solid rgba(0, 0, 0, 0.4);
content: "";
position: absolute;
transition: all 0.3s ease 0s;
z-index: -1;
}
.slider-style02 .slider-caption {
z-index: 10;
}
.slider-style02 .slider-caption .caption-content {
position: relative;
top: 50px;
}


/* About */
.about-style02 {
position: relative;
padding: 100px 0 160px 0;
}
.about-style02 .about-text {
position: relative;
z-index: 1;
background: #F8F8F7;
padding: 45px 25px 55px 25px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
top: 60px;
}
.about-style02 .about-text h2 {
text-transform: uppercase;
margin: 0 0 40px 0;
font-weight: 600;
}
.about-style02 .about-text h2 span {
color: #80CD36;
}
.about-style02 .about-text > p {
margin-bottom: 30px;
}
.about-style02 .about-text a {
padding: 13px 50px;
}
.about-style02 .about-text a:hover {
background: none;
border-color: #80CD36;
}
.about-style02 .about-image {
position: absolute;
right: 0;
z-index: -1;
min-width: 570px;
}
.about-style02 .about-image img {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}


/*Courses*/

.courses-style02 {
background: url(../images/course-bg02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.container-custom {
width: 1170px;
margin: 0 auto;
}
.container-custom .owl-carousel .owl-item {
padding: 0 15px;
}


/* Teachers */

.teachers-style02 {
padding-bottom: 170px;
}
.teachers-style02 .section-header {
margin-bottom: 50px;
}
.teachers-style02 .teachers-carousel .teacher-single-box {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-top: 30px;
margin-bottom: 30px;
transition: 0.5s ease;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure {
position: relative;
overflow: hidden;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure img {
transition: 0.5s ease;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background: rgba(128, 205, 54, 0.7);
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
transition: 0.5s ease;
visibility: hidden;
opacity: 0;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul {
text-align: center;
margin-bottom: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li {
display: inline-block;
margin-right: 10px;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li:last-child {
margin-right: 0;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li a {
display: block;
width: 35px;
height: 35px;
border-radius: 100px;
background: #fff;
text-align: center;
padding-top: 7px;
color: #6b6b6b;
}
.teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li a:hover {
color: #80CD36;
}
.teachers-style02 .teachers-carousel .teacher-single-box div {
text-align: center;
padding: 15px;
}
.teachers-style02 .teachers-carousel .teacher-single-box div h3 {
margin: 0 0 10px 0;
transition: 0.5s ease;
}
.teachers-style02 .teachers-carousel .teacher-single-box div h3 a {
color: inherit;
}
.teachers-style02 .teachers-carousel .teacher-single-box div span {
font-size: 15px;
transition: 0.5s ease;
}
.teachers-style02 .teachers-carousel .teacher-single-box:hover div h3 a {
color: #80CD36;
}
.teachers-style02 .teachers-carousel .teacher-single-box:hover div span {
color: #80CD36;
}
.teachers-style02 .teachers-carousel .teacher-single-box:hover figure img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.teachers-style02 .teachers-carousel .teacher-single-box:hover figure figcaption {
height: 100%;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
visibility: visible;
opacity: 1;
}
.teachers-style02 .owl-nav .owl-prev,
.teachers-style02 .owl-nav .owl-next {
border: 1px solid #E0E0E0;
border-radius: 100px;
color: #E0E0E0;
display: inline-block;
font-size: 30px;
padding-top: 6px;
height: 60px;
position: absolute;
text-align: center;
width: 60px;
top: 50%;
margin-top: -30px;
transition: 0.3s ease;
}
.teachers-style02 .owl-nav .owl-prev:hover,
.teachers-style02 .owl-nav .owl-next:hover {
border-color: #80CD36;
color: #80CD36;
}
.teachers-style02 .owl-nav .owl-prev {
left: -65px;
}
.teachers-style02 .owl-nav .owl-next {
right: -65px;
}
.teachers-style02 .owl-dots {
text-align: center;
margin-top: 0;
display: none;
}
.teachers-style02 .owl-dots .owl-dot {
display: inline-block;
margin-right: 15px;
}
.teachers-style02 .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.teachers-style02 .owl-dots .owl-dot span {
border: 3px solid #80CD36;
display: block;
height: 17px;
width: 17px;
transition: 0.3s ease;
}
.teachers-style02 .owl-dots .owl-dot.active span {
background: #80CD36;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}


/* Video */

.video-style02 {
padding: 0 0 100px 0;
background: url(../images/testimonial-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
}
.video-style02:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
content: "";
}
.video-style02 .video-play-btn {
background: url(../images/video-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding: 0;
min-height: 475px;
position: relative;
top: -100px;
box-shadow: 6px 0 52px rgba(0, 0, 0, 0.36);
}
.video-style02 .video-play-btn a.video-iframe {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
margin-left: -130px;
left: 50%;
}
.video-style02 .video-counter {
text-align: center;
}
.video-style02 .video-counter span {
font-family: "Roboto Slab", serif;
font-size: 60px;
font-weight: 600;
line-height: 45px;
margin-bottom: 15px;
display: block;
color: #fff;
}
.video-style02 .video-counter p {
font-size: 20px;
font-weight: 500;
color: #80CD36;
margin-bottom: 0;
}
.video-style02 .video-counter .v-counter-box {
position: relative;
}
.video-style02 .video-counter .v-counter-box:before {
position: absolute;
content: "";
right: -2px;
top: -60px;
width: 4px;
height: 220px;
background: linear-gradient(rgba(0, 0, 0, 0.1), #9c9c9c, rgba(0, 0, 0, 0.1));
background: -moz-linear-gradient(rgba(0, 0, 0, 0.1), #9c9c9c, rgba(0, 0, 0, 0.1));
}
.video-style02 .video-counter .v-counter-box:last-child:before {
content: none;
}


/* Events */

.events-style02 .events-block {
position: relative;
}
.events-style02 .events-block a.view-all-btn {
border: 1px solid #1F3A93;
background: #1F3A93;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 13px;
padding: 8px 20px;
position: absolute;
right: 15px;
text-transform: uppercase;
top: -85px;
}
.events-style02 .events-block .event2-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
padding: 30px 0;
position: relative;
margin-bottom: 65px;
transition: 0.3s ease;
border:1px solid #578CF2;
border-radius: 9px;
}
.events-style02 .events-block .event2-single:hover {
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15);
}
.events-style02 .events-block .event2-single:hover .event-date span:first-child {
color: #0c41b9;
}
.events-style02 .events-block .event2-single:hover .event-info h3 {
color: #0c41b9;
}
.events-style02 .events-block .event2-single:hover .event-info a.erm-btn {
color: #0c41b9;
}
.events-style02 .events-block .event2-single .event-date {
text-align: left;
position: relative;
top: 50%;
-webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
        transform: translateY(50%);
padding-left: 45px;
}
.events-style02 .events-block .event2-single .event-date span:first-child {
font-size: 45px;
line-height: 60px;
font-weight: 500;
}
.events-style02 .events-block .event2-single .event-date span {
font-size: 20px;
display: block;
transition: 0.3s ease;
}
.events-style02 .events-block .event2-single .event-info {
padding: 0 35px 0 25px;
}
.events-style02 .events-block .event2-single .event-info h3 {
margin: 0 0 15px 0;
transition: 0.3s ease;
text-transform: uppercase;
font-weight: 600;
}
.events-style02 .events-block .event2-single .event-info p {
transition: 0.3s ease;
}
.events-style02 .events-block .event2-single .event-info p.event-td {
margin-bottom: 20px;
}
.events-style02 .events-block .event2-single .event-info p.event-td span {
margin-right: 25px;
font-size: 15px;
color: #323232;
transition: 0.3s ease;
}
.events-style02 .events-block .event2-single .event-info p.event-td span:last-child {
margin-right: 0;
}
.events-style02 .events-block .event2-single .event-info p.event-td span i {
color: #80CD36;
display: inline-block;
padding-right: 5px;
font-size: 14px;
}
.events-style02 .events-block .event2-single .event-info a.erm-btn {
color: #323232;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
margin-top: 10px;
}
.events-style02 .events-block .event2-single .event-info a.erm-btn i {
display: inline-block;
padding-left: 5px;
}
.events-style02 .events-block .col-sm-12:last-child .event2-single {
margin-bottom: 0;
}


/* Testimonial */

.testimonial-style02 {
min-height: auto;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left {
position: relative;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-image {
position: absolute;
left: 0;
z-index: 1;
top: 38px;
box-shadow: 0 0 27px rgba(0, 0, 0, 0.35);
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content {
background: #fff;
width: 80%;
position: absolute;
right: 0;
top: 0;
padding: 100px 25px 100px 150px;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content p {
position: relative;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content p:before {
position: absolute;
content: "\f10d";
font-family: "FontAwesome";
left: -10px;
top: -5px;
font-size: 48px;
opacity: 0.1;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content ul.client-rating {
margin: 20px 0;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content ul.client-rating li {
display: inline-block;
color: #FFEF3B;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info {
margin: 0;
color: #80CD36;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info span {
color: #969595;
font-size: 15px;
font-weight: 400;
font-family: "Roboto", sans-serif;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right {
position: relative;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content {
background: #fff;
width: 80%;
position: absolute;
left: 0;
top: 0;
padding: 100px 150px 100px 25px;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content p {
position: relative;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content p:before {
position: absolute;
content: "\f10d";
font-family: "FontAwesome";
left: -10px;
top: -5px;
font-size: 48px;
opacity: 0.1;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content ul.client-rating {
margin: 20px 0;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content ul.client-rating li {
display: inline-block;
color: #FFEF3B;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content h3.client-info {
margin: 0;
color: #80CD36;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content h3.client-info span {
color: #969595;
font-size: 15px;
font-weight: 400;
font-family: "Roboto", sans-serif;
}
.testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-image {
position: absolute;
right: 0;
z-index: 1;
top: 38px;
box-shadow: 0 0 27px rgba(0, 0, 0, 0.35);
}
.testimonial-style02 .owl-stage-outer {
min-height: 405px;
padding-top: 0;
}
.testimonial-style02 .owl-nav .owl-prev,
.testimonial-style02 .owl-nav .owl-next {
margin-top: -80px;
}


/* Blog */

.blog .blog-posts02 .col-sm-6:nth-child(3) .single-blog,
.blog .blog-posts02 .col-sm-6:nth-child(4) .single-blog {
margin-bottom: 0;
}
.blog .blog-posts02 .single-blog {
min-height: 680px;
margin-bottom: 65px;
position: relative;
}
.blog .blog-posts02 .single-blog:hover figure figcaption {
background: rgba(128, 205, 54, 0.5);
}
.blog .blog-posts02 .single-blog:hover figure figcaption ul {
visibility: visible;
opacity: 1;
}
.blog .blog-posts02 .single-blog:hover .blog-excerpt span {
color: #80CD36;
}
.blog .blog-posts02 .single-blog:hover .blog-excerpt h3 a {
color: #80CD36;
}
.blog .blog-posts02 .single-blog:hover .blog-excerpt a.rm-btn {
background: #80CD36;
color: #fff;
}
.blog .blog-posts02 .single-blog figure {
position: relative;
}
.blog .blog-posts02 .single-blog figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 0.3s ease;
}
.blog .blog-posts02 .single-blog figure figcaption p.post-date {
position: absolute;
right: 25px;
top: 25px;
width: 60px;
height: 60px;
background: #80CD36;
border-radius: 100px;
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 400;
padding-top: 4px;
}
.blog .blog-posts02 .single-blog figure figcaption ul {
display: inline-block;
padding: 25px 0 0 25px;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.blog .blog-posts02 .single-blog figure figcaption ul li {
display: inline-block;
margin-right: 20px;
}
.blog .blog-posts02 .single-blog figure figcaption ul li:last-child {
margin-right: 0;
}
.blog .blog-posts02 .single-blog figure figcaption ul li a {
display: block;
width: 64px;
height: 64px;
background: rgba(255, 255, 255, 0.5);
border-radius: 100px;
text-align: center;
font-size: 34px;
padding-top: 8px;
color: #000;
}
.blog .blog-posts02 .single-blog figure figcaption ul li a i {
opacity: .5;
}
.blog .blog-posts02 .single-blog figure figcaption ul li a:hover {
background: #fff;
color: #80CD36;
}
.blog .blog-posts02 .single-blog .blog-excerpt {
text-align: center;
position: absolute;
width: 80%;
left: 10%;
bottom: 0;
background: #fff;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
padding: 30px 20px;
}
.blog .blog-posts02 .single-blog .blog-excerpt span {
font-size: 17px;
font-family: "Roboto Slab", serif;
color: #323232;
transition: 0.3s ease;
}
.blog .blog-posts02 .single-blog .blog-excerpt h3 {
margin: 20px 0;
}
.blog .blog-posts02 .single-blog .blog-excerpt h3 a {
color: #323232;
}
.blog .blog-posts02 .single-blog .blog-excerpt p {
margin-bottom: 0;
}
.blog .blog-posts02 .single-blog .blog-excerpt a.rm-btn {
margin-top: 25px;
}
.blog .blog-posts02 .single-blog .blog-excerpt a.rm-btn:hover {
border-color: #80CD36;
background: none;
color: #80CD36;
}


/* Footer Subscribe */

.footer-style02 {
padding-top: 0;
overflow: hidden;
position: relative;
}
.footer-style02:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100px;
background: #80CD36;
}
.footer-style02 .footer-top-subscribe {
padding: 35px 0;
margin-bottom: 80px;
background: none;
padding: 25px 0;
}
.footer-style02 .footer-top-subscribe form .form-group {
margin-bottom: 0;
}
.footer-style02 .footer-top-subscribe form .form-group input {
height: 50px;
border: 2px solid #fff;
border-radius: 3px;
background: transparent;
font-weight: 300;
font-size: 20px;
font-family: "Roboto Slab", serif;
color: #fff;
padding: 0 30px;
width: 100%;
}
.footer-style02 .footer-top-subscribe form .form-group button {
background: transparent;
border: 2px solid #fff;
height: 50px;
font-weight: 300;
font-size: 20px;
font-family: "Roboto Slab", serif;
display: block;
padding: 0 10px;
color: #fff;
transition: 0.3s ease;
border-radius: 3px;
}
.footer-style02 .footer-top-subscribe form .form-group button:hover {
color: #80CD36;
background: #fff;
}
.footer-style02 .special-widget {
position: relative;
z-index: 1;
padding-top: 30px;
}
.footer-style02 .special-widget:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 4000px;
background: #191919;
z-index: -1;
}
.footer-style02 .widget.opening-hour ul li {
padding-bottom: 10px;
}
.footer-style02 .widget.opening-hour ul li:last-child {
padding-bottom: 0;
}
.footer-style02 .widget.opening-hour ul li span:last-child {
float: right;
}


/* ==============================
Home Page Version 03
================================ */

.home {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(37,204,135,1) 0%, rgba(141,207,54,1) 100%); 
padding: 125px 0;
position: relative;
}


.home .home-content {
text-align: center;
position: absolute;
top: 43%;
width: 100%;
-webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
        transform: translateY(-40%);
}
.home .home-content h1 {
font-size: 53px;
font-weight: 600;
color: #fff;
margin: 0 0 25px 0;
}
.home .home-content span.home-subtitle {
font-size: 25px;
color: #fff;
}
.home .home-content form.home-search {
margin: 30px 0 50px 0;
position: relative;
}
.home .home-content form.home-search input {
width: 100%;
height: 60px;
background: #fff;
border: 0 none;
padding: 0 75px 0 20px;
font-size: 18px;
font-style: italic;
}
.home .home-content form.home-search button {
position: absolute;
font-size: 20px;
top: 0;
right: 0;
color: #fff;
background: #80CD36;
border: 0 none;
height: 60px;
padding: 0 25px;
}
.home .home-content ul li {
padding-right: 35px;
display: inline-block;
font-size: 15px;
color: #fff;
}
.home .home-content ul li:last-child {
padding-right: 0;
}
.home .home-content ul li i {
font-size: 17px;
}
.home .home-content a.home-to-bottom {
margin-top: 100px;
display: inline-block;
}


/* Course Category */

.course-category {
padding: 100px 0;
background: #f1f1f1;
}
.course-category .course-categories .cc-single {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.course-category .course-categories .cc-single figure {
position: relative;
}
.course-category .course-categories .cc-single figure:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.course-category .course-categories .cc-single figure:hover:before,
.course-category .course-categories .cc-single figure:hover figcaption {
visibility: visible;
opacity: 1;
}
.course-category .course-categories .cc-single figure figcaption {
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
}
.course-category .course-categories .cc-single figure figcaption h3 {
color: #80CD36;
font-weight: 600;
margin: 0 0 20px 0;
text-transform: uppercase;
}
.course-category .course-categories .cc-single figure figcaption a {
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 500;
padding: 5px 20px 17px;
text-transform: uppercase;
}
.course-category .course-categories .cc-single figure figcaption a i {
display: inline-block;
font-size: 36px;
padding-right: 10px;
position: relative;
top: 6px;
}
.course-category .course-categories .cc-single figure figcaption a:hover {
background: #80CD36;
}
.course-category .course-categories .cc-single p.course-category-name {
background: rgba(128, 205, 51, 0.8);
bottom: 0;
color: #fff;
font-size: 15px;
font-weight: 500;
left: 0;
margin-bottom: 0;
padding: 15px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 100%;
transition: 0.6s ease;
}
.course-category .course-categories .cc-single:hover p.course-category-name {
bottom: -100px;
}
.course-category .course-info-block {
margin-top: 65px;
}
.course-category .course-info-block .cib-single h3 {
margin: 30px 0 20px 0;
text-transform: uppercase;
font-weight: 600;
}
.course-category .course-info-block .cib-single a {
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-top: 10px;
text-transform: uppercase;
color: #323232;
}
.course-category .course-info-block .cib-single a:hover {
color: #80CD36;
}
.course-category .course-info-block .cib-single a i {
display: inline-block;
padding-left: 5px;
}
.course-category .free-trial-btn {
text-align: center;
margin-top: 65px;
}
.course-category .free-trial-btn a:hover {
background: none;
border-color: #80CD36;
color: #80CD36;
}


/* Online Course List */

.online-course-list {
padding: 100px 0px;
}
.online-course-list .course-container .online-course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
overflow: hidden;
margin-bottom: 65px;
transition: 0.3s ease;
}
.online-course-list .course-container .online-course-single figure {
position: relative;
}
.online-course-list .course-container .online-course-single figure figcaption {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.online-course-list .course-container .online-course-single figure figcaption ul {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.online-course-list .course-container .online-course-single figure figcaption ul li {
display: inline-block;
margin-right: 25px;
}
.online-course-list .course-container .online-course-single figure figcaption ul li:last-child {
margin-right: 0;
}
.online-course-list .course-container .online-course-single figure figcaption ul li a {
font-size: 45px;
color: #fff;
}
.online-course-list .course-container .online-course-single figure figcaption ul li a:hover {
color: #80CD36;
}
.online-course-list .course-container .online-course-single .online-course-details {
padding: 50px 20px 15px 20px;
position: relative;
}
.online-course-list .course-container .online-course-single .online-course-details p.price-tag {
background: #80CD36;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 500;
left: 15%;
padding: 10px 25px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -23px;
width: 70%;
}
.online-course-list .course-container .online-course-single .online-course-details p.price-tag:before {
border-bottom: 22px solid transparent;
border-right: 20px solid #80CD36;
border-top: 22px solid transparent;
content: "";
height: 0;
left: -20px;
position: absolute;
top: 0;
width: 0;
}
.online-course-list .course-container .online-course-single .online-course-details p.price-tag:after {
border-bottom: 22px solid transparent;
border-left: 20px solid #80CD36;
border-top: 22px solid transparent;
content: "";
height: 0;
right: -20px;
position: absolute;
top: 0;
width: 0;
}
.online-course-list .course-container .online-course-single .online-course-details h3 {
margin: 0 0 20px 0;
transition: 0.3s ease;
}
.online-course-list .course-container .online-course-single .online-course-details ul.teacher-info {
margin-bottom: 20px;
}
.online-course-list .course-container .online-course-single .online-course-details ul.teacher-info li {
display: table-cell;
vertical-align: middle;
margin-right: 10px;
font-size: 15px;
color: #727272;
}
.online-course-list .course-container .online-course-single .online-course-details ul.teacher-info li:last-child {
margin-right: 0;
padding-left: 20px;
}
.online-course-list .course-container .online-course-single .online-course-details ul.teacher-info li img {
border: 2px solid #80CD36;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt {
padding-bottom: 15px;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt span {
font-size: 13px;
display: block;
color: #727272;
padding-bottom: 5px;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt span:last-child {
padding-bottom: 0;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt .col-sm-4:before {
background: rgba(0, 0, 0, 0.07);
content: "";
height: 35px;
position: absolute;
right: 5px;
top: 0;
width: 1px;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt .col-sm-4:last-child:before {
content: none;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul {
margin-bottom: 0;
padding: 15px 0 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul li {
display: inline-block;
font-size: 18px;
margin-right: 25px;
color: #727272;
}
.online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child {
margin-right: 0;
float: right;
color: #FFEF3B;
}
.online-course-list .course-container .online-course-single .online-course-details .course-details-btn {
position: absolute;
width: 100%;
bottom: -100px;
left: 0;
visibility: hidden;
opacity: 1;
transition: 0.3s ease;
}
.online-course-list .course-container .online-course-single .online-course-details .course-details-btn a {
background: #80CD36;
color: #fff;
display: block;
font-size: 17px;
font-weight: 500;
padding: 16px 0;
text-align: center;
text-transform: uppercase;
}
.online-course-list .course-container .online-course-single:hover figure figcaption {
visibility: visible;
opacity: 1;
}
.online-course-list .course-container .online-course-single:hover .online-course-details h2 {
color: #80CD36;
}
.online-course-list .course-container .online-course-single:hover .course-details-btn {
visibility: visible;
opacity: 1;
bottom: 0;
}
.online-course-list .course-container .all-course-btn a {
background: #80CD36;
border-radius: 3px;
color: #fff;
display: block;
font-size: 16px;
font-weight: 500;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
}


/* Counters & Call To Action */

.counter-cta {
background: url(../images/index12/02.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 100px 0;
}
.counter-cta:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
left: 0;
top: 0;
}
.counter-cta .counters {
position: relative;
background: url(../images/online-course/counter-shape-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.counter-cta .counters .counters-block {
padding-top: 60px;
padding-bottom: 60px;
}
.counter-cta .counters .counters-block:nth-child(3),
.counter-cta .counters .counters-block:last-child {
margin-bottom: 0;
}
.counter-cta .counters span {
display: block;
text-align: center;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.counter-cta .counters span:first-child {
font-size: 60px;
line-height: 45px;
margin-bottom: 15px;
font-family: "Roboto Slab", serif;
font-weight: 600;
}
.counter-cta .counters span:last-child {
color: #80CD36;
}
.counter-cta .cta {
background: #fff;
text-align: center;
border-radius: 3px;
}
.counter-cta .cta h2 {
padding: 85px 55px 45px 55px;
font-size: 25px;
text-transform: uppercase;
margin: 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.counter-cta .cta p {
padding: 0 55px 75px 55px;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.counter-cta .cta a {
background: #80CD36;
border-radius: 0 0 3px 3px;
color: #fff;
display: block;
font-size: 20px;
font-weight: 500;
padding: 30px 0;
text-align: center;
text-transform: uppercase;
}
.counter-cta .vt-box {
left: 0;
top: 67px;
}


/* Teacher */

.teacher-course-hub1 {
padding-bottom: 70px;
}


/* Testimonial 02 */

.testimonial02 {
padding: 100px 0;
background: url(../images/index12/02.jpg) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 1;
}
.testimonial02:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: -1;
}
.testimonial02:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(128, 205, 51, 0.1);
z-index: -2;
}
.testimonial02 .testimonial-thumb {
text-align: center;
}
.testimonial02 .testimonial-thumb ul li {
display: inline-block;
margin-right: 20px;
}
.testimonial02 .testimonial-thumb ul li:last-child {
margin-right: 0;
}
.testimonial02 .testimonial-thumb ul li a {
display: block;
}
.testimonial02 .testimonial-thumb ul li a img {
transition: 0.3s ease;
}
.testimonial02 .testimonial-thumb ul li.active a img {
-webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
        transform: scale(1.4);
}
.testimonial02 .testimonial-items {
text-align: center;
margin-top: 60px;
color: #fff;
}
.testimonial02 .testimonial-items p {
max-width: 770px;
margin: 0 auto;
text-align: center;
color: #fff;
margin-bottom: 0;
}
.testimonial02 .testimonial-items h3 {
text-transform: uppercase;
font-weight: 600;
color: #80CD36;
margin: 35px 0 15px 0;
}
.testimonial02 .testimonial-items span {
font-size: 14px;
font-weight: 500;
}
.testimonial02 .block-media .slider-nav .slick-slide img {
padding: 10px;
transition: 0.3s ease;
cursor: pointer;
opacity: .7;
}
.testimonial02 .block-media .slider-nav .slick-center img {
padding: 0;
transition: 0.3s ease;
}
.testimonial02 .block-text {
text-align: center;
margin-top: 60px;
color: #fff;
}
.testimonial02 .block-text p {
margin: 0 auto;
text-align: center;
color: #fff;
margin-bottom: 0;
}
.testimonial02 .block-text h3 {
text-transform: uppercase;
font-weight: 600;
color: #80CD36;
margin: 35px 0 15px 0;
}
.testimonial02 .block-text span {
font-size: 14px;
font-weight: 500;
}
.testimonial02 .block-text .slick-list {
margin: 0;
}


/* Footer */

.footer-style03 {
background: rgb(2,0,36);
background: linear-gradient(0deg, rgba(31,58,147,1) 0%, rgba(11,68,186,1) 100%); 
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer-bottom {
background: #1F3A93;
}


/* ==============================
Home Page Version 04
================================ */

.home04 {
background: url(../images/online-course/intro02.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.home04 .home-content h1 {
font-size: 53px;
font-weight: 600;
color: #fff;
margin: 0 0 30px 0;
}
.home04 .home-content p {
font-size: 25px;
color: #fff;
}
.home04 .home-content a.home-video-btn {
display: inline-block;
width: 100px;
height: 100px;
background: #80CD36;
color: #fff;
border-radius: 100px;
font-size: 40px;
padding-top: 21px;
margin-top: 40px;
position: relative;
}
.home04 .home-content a.home-video-btn:before {
position: absolute;
content: "";
width: 130%;
height: 130%;
left: -15%;
top: -15%;
background: rgba(128, 205, 51, 0.3);
border-radius: 100px;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
transition: 0.3s ease;
opacity: 1;
z-index: -1;
}
.home04 .home-content a.home-video-btn:after {
position: absolute;
content: "";
width: 130%;
height: 130%;
left: -15%;
top: -15%;
background: rgba(255, 255, 255, 0.3);
border-radius: 100px;
-webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
transition: 0.3s ease;
opacity: 0;
z-index: -2;
}
.home04 .home-content a.home-video-btn:hover {
background: #fff;
color: #80CD36;
}
.home04 .home-content a.home-video-btn:hover:before {
-webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
opacity: 0;
}
.home04 .home-content a.home-video-btn:hover:after {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
opacity: 1;
}


/* Course Wrapper */

.course-wrapper {
position: relative;
min-height: 400px;
}
.course-wrapper .course-search {
position: absolute;
width: 1250px;
left: 50%;
top: -160px;
margin-left: -625px;
}
.course-wrapper .course-search .serach-header {
width: 326px;
background: #80CD36;
padding: 20px 0 20px 55px;
border-radius: 3px 3px 0 0;
}
.course-wrapper .course-search .serach-header h2 {
font-size: 22px;
color: #fff;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
.course-wrapper .course-search .search-container {
background: #fff;
box-shadow: 6px 0 52px rgba(0, 0, 0, 0.3);
border-radius: 0 5px 5px 5px;
}
.course-wrapper .course-search .search-container .home-search-inner {
padding: 55px 0;
}
.course-wrapper .course-search .search-container .home-search-inner form .select-default {
position: relative;
}
.course-wrapper .course-search .search-container .home-search-inner form .select-default:before {
position: absolute;
content: "\f107";
font-family: "FontAwesome";
font-size: 18px;
color: #727272;
pointer-events: none;
top: 15px;
right: 15px;
cursor: pointer;
}
.course-wrapper .course-search .search-container .home-search-inner form .select-default select {
width: 100%;
padding: 10px 15px;
border: 2px solid #727272;
border-radius: 3px;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.course-wrapper .course-search .search-container .home-search-inner form .select-default select option {
font-size: 15px;
text-transform: uppercase;
color: #727272;
padding: 5px 15px;
display: block;
}
.course-wrapper .course-search .search-container .home-search-inner form button {
width: 100%;
padding: 12px 15px;
border: 2px solid #80CD36;
background: #80CD36;
border-radius: 3px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
}
.course-wrapper .course-search .search-container .home-search-inner form button i {
display: inline-block;
padding-right: 5px;
}
.course-wrapper .course-tab-wrapper {
padding-top: 170px;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image {
position: relative;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure {
position: relative;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure:hover figcaption {
visibility: visible;
opacity: 1;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
text-align: center;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn {
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
width: 100%;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn a {
border: 0 none;
font-size: 20px;
display: inline-block;
padding: 15px 20px 15px 60px;
background: rgba(255, 255, 255, 0.4);
color: #fff;
font-weight: 400;
margin: 0;
position: relative;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn a:before {
position: absolute;
left: 15px;
top: 0;
content: "\f01d";
font-family: "FontAwesome";
font-size: 40px;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn a:hover {
background: #80CD36;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image h2 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(128, 205, 51, 0.8);
color: #fff;
text-align: center;
font-size: 20px;
padding: 25px 0;
margin: 0;
font-family: "Roboto", sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav {
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-prev,
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-next {
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 100px;
font-size: 20px;
padding-top: 5px;
color: rgba(255, 255, 255, 0.5);
margin-left: 15px;
transition: 0.3s ease;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-prev:hover,
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-next:hover {
border-color: #fff;
color: #fff;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-next {
float: right;
margin-left: 0;
margin-right: 15px;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane h2 {
margin: 0 0 25px 0;
font-weight: 600;
text-transform: uppercase;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane a {
border: 2px solid #80CD36;
background: none;
color: #80CD36;
margin-top: 40px;
}
.course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane a:hover {
background: #80CD36;
color: #fff;
}
.course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs {
border: 0;
margin-top: 40px;
}
.course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .active.col-sm-2 a {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a {
padding: 0;
border: 0 none;
margin: 0;
display: block;
}
.course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a figure {
position: relative;
}
.course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a figure figcaption {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: rgba(128, 205, 51, 0.78);
text-align: center;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
padding: 10px 0;
transition: .3s ease;
}
.course-wrapper .course-style04 {
padding: 100px 0;
}
.course-wrapper .course-style04 .course-single {
margin-bottom: 75px;
}
.course-wrapper .course-style04 .course-single .cs-text {
padding: 65px 0;
text-align: center;
}
.course-wrapper .course-style04 .course-single .cs-text span.course-subtitle {
font-size: 16px;
display: block;
position: relative;
transition: 0.3s ease;
}
.course-wrapper .course-style04 .course-single .cs-text span.course-subtitle:before {
position: absolute;
content: "";
width: 220px;
height: 1px;
background: #80CD36;
right: -50px;
top: 19px;
z-index: 1;
}
.course-wrapper .course-style04 .course-single .cs-text h3 {
margin: 20px 0 30px 0;
transition: .3s ease;
}
.course-wrapper .course-style04 .course-single .cs-text ul.course-author {
margin-bottom: 25px;
}
.course-wrapper .course-style04 .course-single .cs-text ul.course-author li {
display: inline-block;
}
.course-wrapper .course-style04 .course-single .cs-text ul.course-author li:first-child {
padding-right: 15px;
}
.course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt li {
display: inline-block;
margin-right: 30px;
}
.course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt li:last-child {
margin-right: 0;
}
.course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt li span {
display: block;
}
.course-wrapper .course-style04 .course-single .cs-text a.view-btn {
border: 2px solid #80CD36;
border-radius: 3px;
color: #80CD36;
display: inline-block;
font-family: "Roboto", serif;
font-size: 14px;
font-weight: 500;
margin-top: 25px;
padding: 13px 50px;
text-transform: uppercase;
}
.course-wrapper .course-style04 .course-single .cs-image figure {
position: relative;
}
.course-wrapper .course-style04 .course-single .cs-image figure figcaption {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: .3s ease;
}
.course-wrapper .course-style04 .course-single .cs-image figure figcaption span {
font-size: 60px;
font-weight: 600;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
left: 0;
color: #fff;
}
.course-wrapper .course-style04 .course-single:hover .cs-text span.course-subtitle {
color: #80CD36;
}
.course-wrapper .course-style04 .course-single:hover .cs-text h2 {
color: #80CD36;
}
.course-wrapper .course-style04 .course-single:hover .cs-image figure figcaption {
visibility: visible;
opacity: 1;
}
.course-wrapper .course-style04 .course-single:hover a.view-btn {
background: #80CD36;
color: #fff;
}
.course-wrapper .course-style04 .course-single.image-left {
margin-bottom: 75px;
}
.course-wrapper .course-style04 .course-single.image-left .cs-text span.course-subtitle:before {
left: -50px;
right: auto;
}
.course-wrapper .course-style04 .browse-all-course a {
background: #80CD36;
border-radius: 3px;
color: #fff;
display: block;
font-size: 16px;
font-weight: 500;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
}


/* ==============================
Kindergarten Version 01
================================ */

body.kids-school {
font-family: "Sniglet", cursive;
}
body.kids-school h1,
body.kids-school h2,
body.kids-school h3,
body.kids-school h4,
body.kids-school h5,
body.kids-school h6 {
font-family: "Sniglet", cursive;
}


/* Header */

header.header-style05 .header-top {
background: #b5d56a;
}
header.header-style05 .header-top .header-top-left ul li i {
color: #fff;
text-shadow: none;
}
header.header-style05 .header-top .header-top-right ul li i {
color: #fff;
text-shadow: none;
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
font-family: "Sniglet", cursive;
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover {
color: #b5d56a;
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:after {
background: #b5d56a;
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a {
color: #b5d56a;
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu {
border-top: 3px solid #b5d56a;
}
header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block {
border-top: 3px solid #b5d56a;
}


/* Slider */

.slider .slider-bottom-shape {
position: absolute;
left: 0;
bottom: 0;
}
.slider .slider-bottom-shape img {
width: 100%;
}
.slider .slider-bottom-blocks {
position: absolute;
width: 100%;
left: 0;
bottom: -140px;
}
.slider .slider-bottom-blocks .sb-block {
text-align: center;
padding: 25px 15px;
background: #ddd;
z-index: 1;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.slider .slider-bottom-blocks .sb-block:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
border-radius: 5px;
border-radius: 5px;
}
.slider .slider-bottom-blocks .sb-block h2 {
font-size: 24px;
margin: 20px 0;
color: #fff;
}
.slider .slider-bottom-blocks .sb-block p {
margin-bottom: 0;
font-weight: 400;
color: #fff;
}
.slider .slider-bottom-blocks .sb-block a {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100px;
background: #fff;
font-size: 20px;
padding-top: 9px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
margin-top: 20px;
}
.slider .slider-bottom-blocks .sb-block a:hover {
background: #B5D56A;
color: #fff;
}
.slider .slider-bottom-blocks .sb-block1 {
background: url(../images/kindergarten/h01.png);
background-size: cover;
background-repeat: no-repeat;
}
.slider .slider-bottom-blocks .sb-block1:before {
background: rgba(240, 194, 75, 0.95);
}
.slider .slider-bottom-blocks .sb-block1 a {
color: #f0c24b;
}
.slider .slider-bottom-blocks .sb-block2 {
background: url(../images/kindergarten/h02.png);
background-size: cover;
background-repeat: no-repeat;
}
.slider .slider-bottom-blocks .sb-block2:before {
background: rgba(181, 213, 106, 0.95);
}
.slider .slider-bottom-blocks .sb-block2 a {
color: #b5d56a;
}
.slider .slider-bottom-blocks .sb-block3 {
background: url(../images/kindergarten/h03.png);
background-size: cover;
background-repeat: no-repeat;
}
.slider .slider-bottom-blocks .sb-block3:before {
background: rgba(234, 112, 102, 0.95);
}
.slider .slider-bottom-blocks .sb-block3 a {
color: #ea7066;
}
.slider .slider-bottom-blocks .sb-block4 {
background: url(../images/kindergarten/h04.png);
background-size: cover;
background-repeat: no-repeat;
}
.slider .slider-bottom-blocks .sb-block4:before {
background: rgba(132, 190, 214, 0.95);
}
.slider .slider-bottom-blocks .sb-block4 a {
color: #84bed6;
}


/* About */

.about.about05 {
position: relative;
padding: 260px 0 240px 0;
}
.about.about05 .about-text {
padding-right: 15px;
}
.about.about05 .about-text h2 {
margin-bottom: 25px;
}
.about.about05 .about-text h2 span {
color: #b5d56a;
}
.about.about05 .about-text span.heading-devider {
display: inline-block;
width: 340px;
border-bottom: 1px dashed #727272;
position: relative;
margin-bottom: 25px;
}
.about.about05 .about-text span.heading-devider:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
background: #b5d56a;
border-radius: 100px;
left: 50%;
margin-left: -3px;
top: -3px;
}
.about.about05 .about-text span.heading-devider:after {
position: absolute;
content: "";
height: 3px;
width: 60px;
left: 50%;
margin-left: -30px;
top: -1px;
background: #b5d56a;
}
.about.about05 .about-text p {
color: #9a9a9a;
}
.about.about05 .about-text a {
background-image: url("../images/kindergarten/btn-bg.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border: 2px solid #b5d56a;
border-radius: 0;
color: #b5d56a;
margin-top: 25px;
position: relative;
padding: 15px 40px;
font-size: 16px;
display: inline-block;
}
.about.about05 .about-text a:before {
position: absolute;
left: 10px;
top: 10px;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
z-index: -1;
border: 2px solid #b5d56a;
}
.about.about05 .about-image01 {
position: absolute;
left: 100px;
right: -70px;
top: 0;
z-index: -2;
}
.about.about05 .about-image02 {
position: absolute;
left: 0;
top: 150px;
z-index: -1;
}


/* Call To Action */

.kids-callto-action {
padding: 100px 0;
background: url(../images/kindergarten/cta-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
text-align: center;
}
.kids-callto-action .callto-action-content {
position: relative;
z-index: 1;
}
.kids-callto-action .callto-action-content h2 {
margin: 0 0 30px 0;
text-transform: uppercase;
}
.kids-callto-action .callto-action-content h2 span {
color: #b5d56a;
}
.kids-callto-action .callto-action-content p {
max-width: 750px;
margin: 0 auto;
color: #9a9a9a;
font-size: 20px;
line-height: 32px;
}
.kids-callto-action .callto-action-content a {
background-image: url(../images/kindergarten/btn-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
color: #b5d56a;
border-radius: 0;
border: 2px solid #b5d56a;
margin-top: 30px;
display: inline-block;
font-size: 20px;
padding: 15px 30px;
}
.kids-callto-action .callto-action-content a:before {
position: absolute;
left: 10px;
top: 10px;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
border: 2px solid #b5d56a;
z-index: -1;
}


/* Courses */

.section-header02 {
margin-bottom: 20px;
}
.section-header02 h2 {
margin-bottom: 35px;
}
.section-header02 h2 span {
color: #b5d56a;
}
.section-header02 h2 span:before,
.section-header02 h2 span:after {
content: none;
}
.section-header02 span.heading-devider {
display: inline-block;
width: 340px;
border-bottom: 1px dashed #727272;
position: relative;
margin-bottom: 25px;
}
.section-header02 span.heading-devider:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
background: #b5d56a;
border-radius: 100px;
left: 50%;
margin-left: -3px;
top: -3px;
}
.section-header02 span.heading-devider:after {
position: absolute;
content: "";
height: 3px;
width: 60px;
left: 50%;
margin-left: -30px;
top: -1px;
background: #b5d56a;
}
.kids-courses {
padding: 100px 0 25px 0;
background: url(../images/kindergarten/course-bg.png);
background-position: top;
background-repeat: no-repeat;
background-size: contain;
}
.kids-courses .course-slide .owl-stage-outer {
padding-bottom: 10px;
}
.kids-courses .course-slide .online-course-single .online-course-details {
position: relative;
z-index: 1;
transition: 0.3s ease;
}
.kids-courses .course-slide .online-course-single .online-course-details:hover {
background: url(../images/kindergarten/cta-bg2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.kids-courses .course-slide .online-course-single .online-course-details:hover:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85);
left: 0;
top: 0;
z-index: -1;
}
.kids-courses .course-slide .online-course-single .online-course-details p.price-tag {
background: #b5d56a;
}
.kids-courses .course-slide .online-course-single .online-course-details p.price-tag:before {
border-right-color: #b5d56a;
}
.kids-courses .course-slide .online-course-single .online-course-details p.price-tag:after {
border-left-color: #b5d56a;
}
.kids-courses .course-slide .online-course-single .online-course-details h3 {
text-align: center;
font-weight: 400;
}
.kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info {
text-align: center;
}
.kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info li {
display: block;
}
.kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info li img {
display: inline;
width: 45px;
height: 45px;
}
.kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info li:last-child {
padding: 5px 0 0 0;
}
.kids-courses .course-slide .online-course-single .online-course-details .course-excerpt {
text-align: center;
}
.kids-courses .online-course-single .online-course-details ul.teacher-info li img {
border-color: #b5d56a !important;
}
.kids-courses .online-course-single .online-course-details .course-details-btn a {
background: #b5d56a !important;
}
.kids-courses .owl-nav .owl-prev,
.kids-courses .owl-nav .owl-next {
border: 1px solid #4d4d4d;
border-radius: 10px;
color: #4d4d4d;
display: inline-block;
font-size: 40px;
height: 60px;
position: absolute;
text-align: center;
width: 60px;
top: 50%;
margin-top: -65px;
transition: 0.3s ease;
}
.kids-courses .owl-nav .owl-prev:hover,
.kids-courses .owl-nav .owl-next:hover {
border-color: #b5d56a;
color: #b5d56a;
}
.kids-courses .owl-nav .owl-prev {
left: -65px;
}
.kids-courses .owl-nav .owl-next {
right: -65px;
}
.kids-courses .owl-dots {
text-align: center;
margin-top: 0;
display: none;
}
.kids-courses .owl-dots .owl-dot {
display: inline-block;
margin-right: 15px;
}
.kids-courses .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.kids-courses .owl-dots .owl-dot span {
border: 3px solid #80CD36;
display: block;
height: 17px;
width: 17px;
transition: 0.3s ease;
}
.kids-courses .owl-dots .owl-dot.active span {
background: #80CD36;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}


/* kids Register */

.kids-register {
padding: 100px 0;
background: url(../images/kindergarten/01.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.kids-register .countdown {
position: relative;
left: 0;
top: 50%;
-webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
        transform: translateY(40%);
}
.kids-register .countdown span {
font-size: 30px;
color: #fff;
text-transform: uppercase;
}
.kids-register .countdown span span {
color: #b5d56a;
}
.kids-register .countdown h2 {
font-size: 80px;
text-transform: uppercase;
margin: 15px 0 50px 0;
color: #fff;
}
.kids-register .countdown #timer-wrapper .timer-body-block .table-cell {
display: inline-block;
text-align: center;
color: #fff;
padding: 15px;
width: 115px;
height: 115px;
border: 2px solid #fff;
border-radius: 10px;
margin-right: 40px;
}
.kids-register .countdown #timer-wrapper .timer-body-block .table-cell:last-child {
margin-right: 0;
}
.kids-register .countdown #timer-wrapper .timer-body-block .table-cell .tab-val {
font-size: 55px;
line-height: 55px;
}
.kids-register .countdown #timer-wrapper .timer-body-block .table-cell .tab-unit {
font-size: 20px;
text-transform: uppercase;
}
.kids-register .registration-form {
background: #fff;
position: relative;
}
.kids-register .registration-form:before {
position: absolute;
content: url(../images/kindergarten/butterfly.png);
right: -75px;
top: -35px;
}
.kids-register .registration-form h2 {
font-size: 30px;
text-transform: uppercase;
margin: 0;
padding: 40px 0 30px 0;
margin: 0 0 25px 0;
text-align: center;
position: relative;
}
.kids-register .registration-form h2:before {
position: absolute;
left: 0;
bottom: 0;
width: 50%;
height: 1px;
content: "";
background: #ebf5e7;
}
.kids-register .registration-form h2:after {
position: absolute;
right: 0;
bottom: 0;
width: 50%;
height: 1px;
content: "";
background: #ecebc8;
}
.kids-register .registration-form h2 span {
color: #b5d56a;
}
.kids-register .registration-form form .form-group {
padding: 0 20px;
}
.kids-register .registration-form form input,
.kids-register .registration-form form textarea {
display: block;
width: 100%;
font-size: 25px;
color: #9a9a9a;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #b2b2b2;
border-left: 0;
margin-bottom: 30px;
padding: 0 15px 15px 15px;
transition: 0.3s ease;
box-shadow: none;
}
.kids-register .registration-form form input:focus,
.kids-register .registration-form form textarea:focus {
border-color: #b5d56a;
}
.kids-register .registration-form form textarea {
min-height: 100px;
resize: none;
}
.kids-register .registration-form form button {
padding: 20px 0;
text-align: center;
display: block;
font-size: 30px;
text-transform: uppercase;
color: #fff;
background: #b5d56a;
width: 100%;
border: 0 none;
}


/* Teacher */

.kids-teacher {
padding: 100px 0 0 0;
}
.kids-teacher .section-header02 {
margin-bottom: 60px;
}
.kids-teacher .teacher-single05 {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 100px;
transition: 0.3s ease;
}
.kids-teacher .teacher-single05:hover .ts5-info h3,
.kids-teacher .teacher-single05:hover .ts5-info a {
color: #b5d56a;
}
.kids-teacher .teacher-single05 .ts5-image {
position: relative;
top: -40px;
}
.kids-teacher .teacher-single05 .ts5-image ul {
margin: 20px 0 0 0;
text-align: center;
}
.kids-teacher .teacher-single05 .ts5-image ul li {
display: inline-block;
margin-right: 15px;
}
.kids-teacher .teacher-single05 .ts5-image ul li:last-child {
margin-right: 0;
}
.kids-teacher .teacher-single05 .ts5-image ul li a {
font-size: 16px;
width: 35px;
height: 35px;
display: block;
border-radius: 100px;
color: #fff;
text-align: center;
padding-top: 6px;
background: #b5d56a;
}
.kids-teacher .teacher-single05 .ts5-image ul li.facebook a:hover {
background: #3B5998;
}
.kids-teacher .teacher-single05 .ts5-image ul li.twitter a:hover {
background: #1DA1F2;
}
.kids-teacher .teacher-single05 .ts5-image ul li.gplus a:hover {
background: #DD4B39;
}
.kids-teacher .teacher-single05 .ts5-image ul li.linkedin a:hover {
background: #00A0DC;
}
.kids-teacher .teacher-single05 .ts5-info {
padding: 40px 30px 40px 5px;
}
.kids-teacher .teacher-single05 .ts5-info h3 {
margin: 0 0 10px 0;
transition: 0.3s ease;
text-transform: uppercase;
font-weight: 400;
}
.kids-teacher .teacher-single05 .ts5-info span {
font-size: 15px;
color: #6a6a6a;
display: block;
margin-bottom: 15px;
}
.kids-teacher .teacher-single05 .ts5-info p {
color: #9a9a9a;
margin-bottom: 20px;
}
.kids-teacher .teacher-single05 .ts5-info a {
font-size: 14px;
color: #323232;
text-transform: uppercase;
font-weight: 500;
}
.kids-teacher .teacher-single05 .ts5-info a i {
display: inline-block;
padding-left: 5px;
}


/* Testimonial */

.kids-testimonial {
background: url(../images/kindergarten/cta-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.kids-testimonial .testimonial-carousel02 .testimonial-single .ts-left .client-image {
box-shadow: 8px 0 13px rgba(0, 0, 0, 0.13);
}
.kids-testimonial .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info {
color: #b5d56a;
font-weight: 400;
}
.kids-testimonial .testimonial-carousel02 .testimonial-single .ts-right .client-image {
box-shadow: -8px 0 13px rgba(0, 0, 0, 0.13);
}
.kids-testimonial .testimonial-carousel02 .testimonial-single .ts-right .client-content h3.client-info {
color: #b5d56a;
font-weight: 400;
}
.kids-testimonial .owl-nav .owl-prev,
.kids-testimonial .owl-nav .owl-next {
border: 1px solid #4d4d4d;
border-radius: 10px;
color: #4d4d4d;
margin-top: -45px;
}
.kids-testimonial .owl-nav .owl-prev:hover,
.kids-testimonial .owl-nav .owl-next:hover {
border-color: #b5d56a;
color: #b5d56a;
}
.kids-testimonial .owl-dots {
display: none;
}


/* Blog */

.blog02 {
padding: 100px 0;
}
.blog02 .blog-posts .single-blog {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
padding: 0 0 30px 0;
transition: 0.3s ease;
}
.blog02 .blog-posts .single-blog:hover figure figcaption ul li {
color: #b5d56a;
}
.blog02 .blog-posts .single-blog:hover .blog-excerpt h3 a {
color: #b5d56a;
}
.blog02 .blog-posts .single-blog:hover .blog-excerpt a.view-more-btn {
color: #b5d56a;
}
.blog02 .blog-posts .single-blog figure figcaption ul {
padding: 20px 0 10px 0;
padding: 20px 20px 0 20px;
}
.blog02 .blog-posts .single-blog figure figcaption ul li {
display: inline-block;
font-size: 18px;
color: #727375;
text-transform: uppercase;
transition: 0.3s ease;
}
.blog02 .blog-posts .single-blog figure figcaption ul li:last-child {
float: right;
}
.blog02 .blog-posts .single-blog .blog-excerpt {
padding: 0 20px;
}
.blog02 .blog-posts .single-blog .blog-excerpt h3 {
line-height: 26px;
margin: 0 0 15px 0;
font-weight: 400;
}
.blog02 .blog-posts .single-blog .blog-excerpt h3 a {
color: #323232;
}
.blog02 .blog-posts .single-blog .blog-excerpt p {
color: #9a9a9a;
margin-bottom: 20px;
}
.blog02 .blog-posts .single-blog .blog-excerpt a.view-more-btn {
font-size: 14px;
text-transform: uppercase;
color: #323232;
font-weight: 500;
}
.blog02 .blog-posts .single-blog .blog-excerpt a.view-more-btn i {
display: inline-block;
padding-left: 5px;
}


/* Footer */

footer.footer02 {
background: url(../images/kindergarten/footer-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
padding-bottom: 0;
}
footer.footer02 .widget .widget-title h2 {
color: #b5d56a;
}
footer.footer02 .widget.about-widget .widget-content ul li i {
text-shadow: none;
color: #b5d56a;
}
footer.footer02 .widget.footer-social ul li a i {
text-shadow: none;
color: #fff;
}
footer.footer02 .widget.footer-social ul li a:hover i {
color: #b5d56a;
}
footer.footer02 .widget.links .widget-content ul li a:hover {
color: #b5d56a;
}
footer.footer02 .widget.latest-news .news-single .news-excerpt h3 a:hover {
color: #b5d56a;
}
footer.footer02 .widget.contact-widget form button,
footer.footer02 .widget.subscribe form button {
background: #b5d56a;
border-color: #b5d56a;
font-family: "Sniglet", cursive;
}
.footer-bottom02 {
background: transparent;
border-top-color: #697B41;
}
.footer-bottom02 p {
font-family: inherit;
}


/* ==============================
Kindergarten Version 02
================================ */
/* Header */

header.header-kg {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
header.header-kg .header-top {
padding-left: 40px;
padding-right: 40px;
}
header.header-kg .main-menu {
padding-left: 40px;
padding-right: 40px;
background: #fff;
border-radius: 0 0 3px 3px;
}
header.header-kg .main-menu nav.navbar .navbar-header a.navbar-brand {
padding: 30px 0;
}
header.header-kg .main-menu nav.navbar .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
header.header-kg .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block {
left: -159px;
}
header.header-kg .main-menu nav.navbar .nav-container .menu-search {
right: -15px;
}


/* Slider */

.kindergarten-slider {
position: relative;
}
.kindergarten-slider .su-overlay-kg {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.kindergarten-slider .su-overlay-kg:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(163, 191, 95, 0.1);
transition: all 0.3s ease 0s;
z-index: -2;
}
.kindergarten-slider .su-overlay-kg:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
z-index: -1;
}


/* Section Header */

.section-header-kg {
text-align: center;
margin-bottom: 60px;
}
.section-header-kg h2 {
text-transform: uppercase;
margin: 0;
padding-bottom: 25px;
position: relative;
line-height: 30px;
}
.section-header-kg h2:before {
position: absolute;
content: "";
width: 70px;
height: 1px;
background: #ea7066;
left: 50%;
bottom: 0;
margin-left: -70px;
z-index: -3;
}
.section-header-kg h2:after {
position: absolute;
content: "";
width: 70px;
height: 1px;
background: #84bed6;
left: 50%;
bottom: 0;
margin-left: 0;
z-index: -2;
}
.section-header-kg h2 span {
position: absolute;
width: 50px;
height: 3px;
background: #b5d56a;
bottom: -1px;
left: 50%;
margin-left: -25px;
z-index: -1;
}
.section-header-kg h2 span:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #f0c24b;
left: 50%;
margin-left: -3px;
bottom: -2px;
}
.section-header-kg p {
max-width: 625px;
margin: 20px auto 0 auto;
}


/* Features */

.kindergarten-features {
padding: 100px 0 60px 0;
}
.kindergarten-features .features-boxes .feature-box-wrapper {
margin-bottom: 40px;
}
.kindergarten-features .features-boxes .feature-box-wrapper:first-child .feature-box-single {
background: #b5d56a;
}
.kindergarten-features .features-boxes .feature-box-wrapper:first-child .feature-box-single a.more-btn {
color: #b5d56a;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(2) .feature-box-single {
background: #f0c24b;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(2) .feature-box-single a.more-btn {
color: #f0c24b;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(3) .feature-box-single {
background: #ea7066;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(3) .feature-box-single a.more-btn {
color: #ea7066;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(4) .feature-box-single {
background: #84bed6;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(4) .feature-box-single a.more-btn {
color: #84bed6;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(5) .feature-box-single {
background: #a597e7;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(5) .feature-box-single a.more-btn {
color: #a597e7;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(6) .feature-box-single {
background: #ea77ad;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(6) .feature-box-single a.more-btn {
color: #ea77ad;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(7) .feature-box-single {
background: #7ee6e9;
}
.kindergarten-features .features-boxes .feature-box-wrapper:nth-child(7) .feature-box-single a.more-btn {
color: #7ee6e9;
}
.kindergarten-features .features-boxes .feature-box-wrapper:last-child .feature-box-single {
background: #92278f;
}
.kindergarten-features .features-boxes .feature-box-wrapper:last-child .feature-box-single a.more-btn {
color: #92278f;
}
.kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single {
text-align: center;
padding: 30px 20px;
border-radius: 3px;
}
.kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single h3 {
margin: 20px 0 15px 0;
color: #fff;
font-weight: 400;
}
.kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single p {
color: #fff;
margin-bottom: 0;
}
.kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single a.more-btn {
display: inline-block;
width: 50px;
height: 50px;
margin-top: 20px;
border-radius: 50%;
background: #fff;
padding-top: 12px;
font-size: 18px;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.13);
}


/* Information Kids Care */

.information-middle {
background: url(../images/kindergarten/bg2.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.information-middle .info-image {
position: relative;
top: 10px;
}
.information-middle .info-content {
padding-left: 70px;
padding-top: 150px;
}
.information-middle .info-content h2 {
line-height: 50px;
color: #fff;
margin: 0 0 30px 0;
}
.information-middle .info-content p {
color: #fff;
margin-bottom: 0;
}
.information-middle .info-content a {
background: #fff;
color: #b5d56a;
border-color: #fff;
padding: 12px 40px;
margin-top: 50px;
}


/* Courses */

.courses-kindergarten2 {
padding: 100px 0;
}
.courses-kindergarten2 .courses-wrapper .course-single-box {
margin-bottom: 50px;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info:hover h3 a {
color: #f0c24b;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.author-info li:last-child a {
color: #f0c24b;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.author-info li img {
border-color: #f0c24b;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.course-meta li span {
color: #f0c24b;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.course-bottom li:last-child {
color: #f0c24b;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info:hover h3 a {
color: #ea7066;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.author-info li:last-child a {
color: #ea7066;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.author-info li img {
border-color: #ea7066;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.course-meta li span {
color: #ea7066;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.course-bottom li:last-child {
color: #ea7066;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info:hover h3 a {
color: #84bed6;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.author-info li:last-child a {
color: #84bed6;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.author-info li img {
border-color: #84bed6;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.course-meta li span {
color: #84bed6;
}
.courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.course-bottom li:last-child {
color: #84bed6;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image {
padding-right: 0;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image:hover figure figcaption {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure {
position: relative;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption div {
text-align: center;
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption div a {
background: #b5d56a;
border-color: #b5d56a;
padding: 10px 25px;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption div a:hover {
color: #b5d56a;
background: #fff;
border-color: #fff;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info {
padding: 20px 35px 10px 20px;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info:hover h3 a {
color: #b5d56a;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info h3 {
margin: 0 0 15px 0;
font-weight: 400;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info h3 a {
color: inherit;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info {
margin-bottom: 0;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li {
display: table-cell;
vertical-align: middle;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li:last-child {
padding-left: 15px;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li:last-child a {
color: #b5d56a;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li img {
border: 2px solid #b5d56a;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta {
margin: 15px 0;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li {
display: inline-block;
padding-right: 30px;
position: relative;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li span {
color: #b5d56a;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li:last-child {
padding-right: 0;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li:first-child:before {
position: absolute;
content: "|";
right: 10px;
top: 0;
color: rgba(0, 0, 0, 0.13);
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info p {
margin-bottom: 10px;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom {
margin: 0;
padding-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom li {
display: inline-block;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom li span {
color: #ffef3b;
font-size: 16px;
}
.courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom li:last-child {
color: #b5d56a;
float: right;
font-size: 20px;
line-height: 22px;
}
.courses-kindergarten2 .courses-wrapper .course-more-btn {
text-align: center;
}
.courses-kindergarten2 .courses-wrapper .course-more-btn a {
background: #b5d56a;
border-color: #b5d56a;
}
.courses-kindergarten2 .courses-wrapper .course-more-btn a:hover {
color: #b5d56a;
background: none;
}


/* Counters */

.info-counter {
padding: 100px 0;
background: url(../images/kindergarten/01.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: -4;
}
.info-counter:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
z-index: -5;
}
.info-counter .section-header-kg h2 {
color: #fff;
}
.info-counter .section-header-kg p {
color: #fff;
}
.info-counter .counter-boxes .counter-single {
width: 20%;
float: left;
text-align: center;
}
.info-counter .counter-boxes .counter-single:nth-child(2) .counter-data span:first-child {
color: #f0c24b;
}
.info-counter .counter-boxes .counter-single:nth-child(3) .counter-data span:first-child {
color: #ea7066;
}
.info-counter .counter-boxes .counter-single:nth-child(4) .counter-data span:first-child {
color: #84bed6;
}
.info-counter .counter-boxes .counter-single:last-child .counter-data span:first-child {
color: #a597e7;
}
.info-counter .counter-boxes .counter-single .count-icon {
padding: 15px;
background: #fff;
display: inline-block;
}
.info-counter .counter-boxes .counter-single .counter-data {
margin-top: 50px;
}
.info-counter .counter-boxes .counter-single .counter-data span {
display: block;
color: #fff;
font-size: 15px;
}
.info-counter .counter-boxes .counter-single .counter-data span:first-child {
font-size: 40px;
color: #b5d56a;
line-height: 32px;
margin-bottom: 10px;
}


/* Gallery */

.kindergarten-gallery {
padding: 100px 0;
overflow: hidden;
}
.kindergarten-gallery .gallery-wrapper {
margin-right: -5px;
margin-left: -5px;
}
.kindergarten-gallery .gallery-wrapper .gallery-box {
width: 20%;
float: left;
padding: 0 5px 20px 5px;
}
.kindergarten-gallery .gallery-wrapper .gallery-box:hover figure img {
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.kindergarten-gallery .gallery-wrapper .gallery-box:hover figure figcaption {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.kindergarten-gallery .gallery-wrapper .gallery-box figure {
position: relative;
overflow: hidden;
}
.kindergarten-gallery .gallery-wrapper .gallery-box figure img {
transition: 0.5s ease;
}
.kindergarten-gallery .gallery-wrapper .gallery-box figure figcaption {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.7);
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
transition: 0.3s ease;
}
.kindergarten-gallery .gallery-wrapper .gallery-box figure figcaption span {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
left: 0;
}
.kindergarten-gallery .gallery-wrapper .gallery-box figure figcaption span a {
color: #b5d56a;
font-size: 20px;
}
.kindergarten-gallery .view-more {
text-align: center;
margin-top: 30px;
}
.kindergarten-gallery .view-more a {
background: #b5d56a;
border-color: #b5d56a;
}
.kindergarten-gallery .view-more a:hover {
background: none;
color: #b5d56a;
}


/* Testimonial */

.testimonial-kindergarten {
padding: 100px 0 90px 0;
background: url(../images/kindergarten/testimonial-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -4;
position: relative;
}
.testimonial-kindergarten .section-header-kg {
margin-bottom: 50px;
}
.testimonial-kindergarten .section-header-kg h2 {
color: #fff;
}
.testimonial-kindergarten .section-header-kg h2 span:before {
background: #fff;
}
.testimonial-kindergarten .section-header-kg p {
color: #fff;
}
.testimonial-kindergarten .testimonial-kg .owl-stage-outer {
padding-top: 10px;
padding-bottom: 10px;
}
.testimonial-kindergarten .testimonial-kg .testimonial-single-inner {
background: #fff;
}
.testimonial-kindergarten .testimonial-kg .testimonial-single-inner ul.author-info li:last-child span:first-child {
color: #b5d56a !important;
font-family: inherit !important;
font-weight: 400 !important;
}
.testimonial-kindergarten .owl-nav .owl-prev,
.testimonial-kindergarten .owl-nav .owl-next {
border: 2px solid rgba(0, 0, 0, 0.4);
border-radius: 10px;
color: rgba(0, 0, 0, 0.4);
display: inline-block;
font-size: 32px;
height: 50px;
margin-top: -35px;
position: absolute;
text-align: center;
top: 50%;
transition: all 0.3s ease 0s;
width: 50px;
background: #fff;
}
.testimonial-kindergarten .owl-nav .owl-prev:hover,
.testimonial-kindergarten .owl-nav .owl-next:hover {
border-color: #b5d56a;
color: #b5d56a;
}
.testimonial-kindergarten .owl-nav .owl-prev {
left: -60px;
}
.testimonial-kindergarten .owl-nav .owl-next {
right: -60px;
}


/* Teachers */

.kg-teachers {
padding: 100px 0;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover figure img {
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover figure figcaption {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover .teachers-details h3 {
color: #b5d56a;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover .teachers-details span {
color: #323232;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover .teachers-details ul.teacher-social li a {
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
color: #b5d56a;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner figure {
position: relative;
overflow: hidden;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner figure img {
transition: 0.5s ease;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
transition: 0.3s ease;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption div {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
left: 0;
text-align: center;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption div a {
background: #b5d56a;
border-color: #b5d56a;
padding: 10px 25px;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption div a:hover {
background: none;
color: #b5d56a;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details {
padding: 20px 15px;
text-align: center;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details h3 {
font-weight: 400;
margin: 0 0 10px 0;
transition: 0.3s ease;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details span {
font-size: 15px;
color: #727272;
transition: 0.3s ease;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social {
margin: 20px 0 10px 0;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li {
display: inline-block;
margin-right: 20px;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li:last-child {
margin-right: 0;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li a {
display: block;
width: 28px;
height: 28px;
background: #f9f9f9;
border-radius: 50%;
font-size: 14px;
color: #a7a7a7;
padding-top: 4px;
}
.kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li a:hover {
background: #b5d56a;
color: #fff;
}


/* Call To Action */

.kg-cta {
padding: 60px 0;
background: url(../images/kindergarten/bg3.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.kg-cta p {
font-size: 25px;
text-transform: uppercase;
color: #fff;
margin: 12px 0 0 0;
}
.kg-cta .col-sm-4 {
text-align: right;
}
.kg-cta .col-sm-4 a.cta-btn {
padding: 10px 30px;
background: #fff;
border-color: #fff;
color: #b5d56a;
}
.kg-cta .col-sm-4 a.cta-btn:hover {
background: #b5d56a;
color: #fff;
}


/* ==============================
Home Page Version 06
================================ */

.header-top-border span {
display: block;
width: 50%;
float: left;
height: 3px;
position: relative;
}
.header-top-border span:first-child:before {
position: absolute;
width: 50%;
content: "";
left: 0;
top: 0;
background: #fff;
height: 3px;
}
.header-top-border span:first-child:after {
position: absolute;
width: 50%;
content: "";
right: 0;
top: 0;
background: #80CD36;
height: 3px;
}
.header-top-border span:last-child:before {
position: absolute;
width: 50%;
content: "";
left: 0;
top: 0;
background: #fff;
height: 3px;
}
.header-top-border span:last-child:after {
position: absolute;
width: 50%;
content: "";
right: 0;
top: 0;
background: #80CD36;
height: 3px;
}
#header-style02.header-style04 {
top: 3px;
}
#header-style02.header-style04 .main-menu {
border-bottom: 1px solid #bfc3c5;
}
#header-style02.header-style04 .is-sticky .main-menu {
border-bottom-color: #1B1B1B;
}
#header-style02.header-style04 .nav-search {
color: #fff;
}
.header-style03 .nav-search {
color: #fff;
}


/* Slider */

.slider-university {
position: relative;
}
.slider-university .su-overlay {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.slider-university .su-overlay:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease 0s;
z-index: -1;
}


/* About */

.about06 {
padding: 100px 0;
}
.about06 .about-content h2 {
margin: 0 0 30px 0;
padding: 0 0 30px 0;
position: relative;
text-transform: uppercase;
font-weight: 600;
}
.about06 .about-content h2:after {
position: absolute;
content: "";
width: 120px;
height: 1px;
background: #323232;
left: 0;
bottom: 0;
}
.about06 .about-content h2 span {
color: #80CD36;
}
.about06 .about-content a.rm-btn {
display: inline-block;
margin-top: 25px;
}
.about06 .about-content a.rm-btn:hover {
background: none;
border-color: #80CD36;
color: #80CD36;
}
.about06 .about-video iframe {
height: 415px;
width: 100%;
}
.about06 .about-boxes {
padding-top: 100px;
}
.about06 .about-boxes a {
display: block;
background: rgba(60,61,65, 0.9);
padding: 20px;
color: #fff;
}
.about06 .about-boxes a:hover {
color: #80CD36;
background: #3c3d41;;
}
.about06 .about-boxes a ul {
margin-bottom: 0;
}
.about06 .about-boxes a ul li {
display: table-cell;
vertical-align: top;
font-size: 24px;
font-weight: 600;
font-family: "Roboto Slab", serif;
}
.about06 .about-boxes a ul li:last-child {
padding-left: 20px;
}
.about06 .about-boxes a ul li img {
margin-top: 10px;
}


/* Courses */

.courses06 {
padding: 100px 0 70px 0;
background: #F7F7F7;
}
.courses06 .section-header03 h2 {
margin-bottom: 10px;
}
.courses06 .course-slider03 {
position: relative;
}
.courses06 .course-slider03 .owl-stage-outer {
padding: 30px 0;
}
.courses06 .course-slider03 .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: .3s ease;
}
.courses06 .course-slider03 .course-single:hover figcaption {
visibility: visible;
opacity: 1;
}
.courses06 .course-slider03 .course-single:hover .course-content h3 a {
color: #80CD36;
}
.courses06 .course-slider03 .course-single:hover .course-content ul li img {
border: 2px solid #80CD36;
}
.courses06 .course-slider03 .course-single figure {
position: relative;
}
.courses06 .course-slider03 .course-single figure img {
width: 100%;
}
.courses06 .course-slider03 .course-single figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.courses06 .course-slider03 .course-single figure figcaption div {
text-align: center;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.courses06 .course-slider03 .course-single figure figcaption div a {
display: inline-block;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
background: #80CD36;
color: #fff;
padding: 10px 20px;
border-radius: 3px;
}
.courses06 .course-slider03 .course-single .course-content {
padding: 20px 15px;
background: #ffff;
}
.courses06 .course-slider03 .course-single .course-content h3 {
font-size: 15px;
line-height: 22px;
font-weight: 600;
margin: 0 0 20px 0;
}
.courses06 .course-slider03 .course-single .course-content h3 a {
color: #323232;
}
.courses06 .course-slider03 .course-single .course-content ul {
margin-bottom: 20px;
}
.courses06 .course-slider03 .course-single .course-content ul li {
display: table-cell;
vertical-align: top;
}
.courses06 .course-slider03 .course-single .course-content ul li img {
display: inline;
transition: 0.3s ease;
border: 2px solid transparent;
}
.courses06 .course-slider03 .course-single .course-content ul li:last-child {
padding-left: 15px;
padding-top: 5px;
}
.courses06 .course-slider03 .course-single .course-content ul li:last-child span {
font-size: 12px;
color: #acacac;
display: block;
}
.courses06 .course-slider03 .course-single .course-content ul li:last-child span:last-child {
font-size: 15px;
color: #727272;
}
.courses06 .course-slider03 .course-single .course-content .course-rating span {
font-size: 18px;
padding-right: 3px;
}
.courses06 .course-slider03 .course-single .course-content .course-rating span i {
font-size: 18px;
color: #ffef3b;
}
.courses06 .course-slider03 .course-single .course-content .course-rating span:last-child {
font-size: 12px;
color: #727272;
padding-left: 15px;
}
.courses06 .course-slider03 .course-single .course-content-bottom {
background: #fff;
padding: 20px 15px;
position: relative;
}
.courses06 .course-slider03 .course-single .course-content-bottom:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.07);
left: 0;
top: 0;
}
.courses06 .course-slider03 .course-single .course-content-bottom ul {
text-align: right;
margin-bottom: 0;
}
.courses06 .course-slider03 .course-single .course-content-bottom ul li {
font-size: 15px;
color: #727272;
font-weight: 400;
display: inline-block;
}
.courses06 .course-slider03 .course-single .course-content-bottom ul li:first-child {
float: left;
font-size: 19px;
font-weight: 600;
font-family: "Roboto Slab", serif;
color: #80CD36;
line-height: 20px;
}
.courses06 .course-slider03 .course-single .course-content-bottom ul li:first-child span {
display: inline-block;
font-size: 13px;
text-decoration: line-through;
color: #727272;
padding-left: 5px;
font-weight: 400;
}
.courses06 .course-slider03 .course-single .course-content-bottom ul li:nth-child(2) {
padding-right: 15px;
}
.courses06 .course-slider03 .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -44px;
width: 100%;
}
.courses06 .course-slider03 .owl-nav .owl-prev,
.courses06 .course-slider03 .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #030304;
color: #030304;
padding-top: 5px;
transition: 0.3s ease;
}
.courses06 .course-slider03 .owl-nav .owl-prev:hover,
.courses06 .course-slider03 .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.courses06 .course-slider03 .owl-nav .owl-prev {
margin-right: 10px;
}


/* Section Header (03) */

.section-header03 h2 {
margin: 0 0 50px 0;
padding: 0 0 15px 0;
position: relative;
line-height: 30px;
font-weight: 600;
}
.section-header03 h2:after {
position: absolute;
content: "";
width: 120px;
height: 1px;
background: #323232;
left: 0;
bottom: 0;
}
.section-header03 h2 span {
color: #80CD36;
}


/* Call To Action */

.counter-cta03 {
background: url(../images/index06/2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.counter-cta03 .counters {
background: url(../images/index08/counter-shape-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.counter-cta03 .counters .counters-block span:first-child {
color: #fff;
}


/* Publications */

.publications {
padding: 100px 0;
}
.publications .section-header03 h2 {
margin-bottom: 10px;
}
.publications .publication-carousel .owl-stage-outer {
padding-top: 30px;
}
.publications .publication-carousel .book-single:hover figure figcaption h3 a {
color: #80CD36;
}
.publications .publication-carousel .book-single:hover figure figcaption a.buy-btn {
background: #80CD36;
color: #fff;
}
.publications .publication-carousel .book-single figure img {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: 0.3s ease;
}
.publications .publication-carousel .book-single figure figcaption {
text-align: center;
}
.publications .publication-carousel .book-single figure figcaption h3 {
margin: 25px 0 10px 0;
}
.publications .publication-carousel .book-single figure figcaption h3 a {
font-size: 18px;
color: #323232;
}
.publications .publication-carousel .book-single figure figcaption p.author {
color: #727272;
}
.publications .publication-carousel .book-single figure figcaption p.author span {
color: #323232;
}
.publications .publication-carousel .book-single figure figcaption a.buy-btn {
border: 2px solid #80CD36;
padding: 10px 20px;
display: inline-block;
color: #80CD36;
border-radius: 3px;
font-weight: 500;
text-transform: uppercase;
}
.publications .publication-carousel .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -44px;
width: 100%;
}
.publications .publication-carousel .owl-nav .owl-prev,
.publications .publication-carousel .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #030304;
color: #030304;
padding-top: 5px;
transition: 0.3s ease;
}
.publications .publication-carousel .owl-nav .owl-prev:hover,
.publications .publication-carousel .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.publications .publication-carousel .owl-nav .owl-prev {
margin-right: 10px;
}


/* Information Call To Action */

.information-cta {
padding: 35px 0;
background: #1B42C1 ;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
position: relative;
z-index: 1;
}
.information-cta:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.information-cta h2 {
font-weight: 600;
color: #fff;
margin: 0 0 25px 0;
font-size: 30px;
}
.information-cta h2 span {
color: #80CD36;
}
.information-cta p {
/*width: 750px;*/
margin: 0 auto;
font-size: 18px;
margin-bottom: 30px;
color: #fff;
line-height: 27px;
}


.information-cta2 {
padding: 100px 0;
background: #1F3A93 url("../images/bgplugin.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
position: relative;
z-index: 1;
}
.information-cta2:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.information-cta2 h2 {
font-weight: 600;
color: #fff;
margin: 0 0 25px 0;
font-size: 30px;
}
.information-cta2 h2 span {
color: #80CD36;
}
.information-cta2 p {
/*width: 750px;*/
margin: 0 auto;
font-size: 18px;
margin-bottom: 30px;
color: #fff;
line-height: 27px;
}


/* Teachers */

.teachers06 {
padding: 100px 0;
}
.teachers06 .teachers-block .teacher-single:hover figure:before {
width: 100%;
opacity: 1;
visibility: visible;
}
.teachers06 .teachers-block .teacher-single:hover figure img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.teachers06 .teachers-block .teacher-single:hover figure figcaption {
visibility: visible;
opacity: 1;
right: 0;
}
.teachers06 .teachers-block .teacher-single:hover .teacher-info h4 a {
color: #80CD36;
}
.teachers06 .teachers-block .teacher-single figure {
position: relative;
overflow: hidden;
}
.teachers06 .teachers-block .teacher-single figure:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 0;
height: 100%;
background: rgba(0, 0, 0, 0.3);
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.teachers06 .teachers-block .teacher-single figure img {
transition: .5s ease;
}
.teachers06 .teachers-block .teacher-single figure figcaption {
position: absolute;
width: 60px;
right: -60px;
top: 0;
height: 100%;
background: #80CD36;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: 0.6s ease;
}
.teachers06 .teachers-block .teacher-single figure figcaption ul {
text-align: center;
margin-top: 20px;
}
.teachers06 .teachers-block .teacher-single figure figcaption ul li {
margin-bottom: 15px;
}
.teachers06 .teachers-block .teacher-single figure figcaption ul li a {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100px;
font-size: 14px;
background: #fff;
color: #80CD36;
padding-top: 5px;
}
.teachers06 .teachers-block .teacher-single .teacher-info {
text-align: center;
}
.teachers06 .teachers-block .teacher-single .teacher-info h4 {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin: 15px 0 10px 0;
transition: 0.3s ease;
}
.teachers06 .teachers-block .teacher-single .teacher-info h4 a {
color: inherit;
}
.teachers06 .teachers-block .teacher-single .teacher-info span {
font-size: 15px;
}


/* Latest News */

.blog06 {
padding: 100px 0 70px 0;
}
.blog06 .section-header03 h2 {
margin-bottom: 10px;
}
.blog06 .blog-posts-carousel .owl-stage-outer {
padding: 30px 0;
}
.blog06 .blog-posts-carousel .single-blog {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: .3s ease;
}
.blog06 .blog-posts-carousel .single-blog:hover figcaption h3 a {
color: #80CD36;
}
.blog06 .blog-posts-carousel .single-blog figure figcaption h3 {
margin: 15px 0;
padding: 0 15px;
line-height: 26px;
}
.blog06 .blog-posts-carousel .single-blog figure figcaption h3 a {
color: #323232;
font-size: 16px;
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt {
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta,
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-text {
display: table-cell;
vertical-align: top;
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta {
text-align: center;
padding: 0 15px;
border-right: 1px solid rgba(0, 0, 0, 0.07);
position: relative;
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta:before {
position: absolute;
left: 0;
top: 50%;
content: "";
background: rgba(0, 0, 0, 0.07);
width: 100%;
height: 1px;
margin-top: 1px;
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta span.day {
font-size: 30px;
font-family: "Roboto Slab", serif;
color: #323232;
font-weight: 600;
display: block;
padding: 5px 0;
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta span.month {
font-size: 18px;
color: #323232;
display: block;
padding: 5px 0;
}
.blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-text {
padding: 10px 15px;
}
.blog06 .blog-posts-carousel .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -44px;
width: 100%;
}
.blog06 .blog-posts-carousel .owl-nav .owl-prev,
.blog06 .blog-posts-carousel .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #030304;
color: #030304;
padding-top: 5px;
transition: 0.3s ease;
}
.blog06 .blog-posts-carousel .owl-nav .owl-prev:hover,
.blog06 .blog-posts-carousel .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.blog06 .blog-posts-carousel .owl-nav .owl-prev {
margin-right: 10px;
}


/* Footer */

.footer06 + .footer-bottom {
background: #232323;
}


/* ==============================
Home Page Version 07
================================ */

.section-header04 h2 {
font-weight: 600;
margin: 0 0 15px 0;
}
.section-header04 span.section-devider {
display: inline-block;
width: 190px;
text-align: center;
font-size: 9px;
color: #ffbf2b;
position: relative;
}
.section-header04 span.section-devider:before {
position: absolute;
content: "";
left: 0;
top: 6px;
height: 1px;
width: 80px;
background: #ffbf2b;
}
.section-header04 span.section-devider:after {
position: absolute;
content: "";
right: 0;
top: 6px;
height: 1px;
width: 80px;
background: #ffbf2b;
}
.section-header04 span.section-devider span {
display: inline-block;
position: relative;
}
.section-header04 span.section-devider span:before {
position: absolute;
content: "";
width: 5px;
height: 5px;
background: #ffbf2b;
border-radius: 100px;
left: -15px;
top: 4px;
}
.section-header04 span.section-devider span:after {
position: absolute;
content: "";
width: 5px;
height: 5px;
background: #ffbf2b;
border-radius: 100px;
right: -15px;
top: 4px;
}


/* Publications */

.publications.publications02 {
padding: 100px 0 90px 0;
}
.publications.publications02 .publication-carousel02 .owl-stage-outer {
padding-top: 30px;
padding-bottom: 10px;
}
.publications.publications02 .publication-carousel02 .book-single:hover figure figcaption h3 a {
color: #80CD36;
}
.publications.publications02 .publication-carousel02 .book-single figure {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption {
text-align: left;
padding: 20px;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption h3 {
margin: 0 0 10px 0;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption h3 a {
font-size: 18px;
color: #323232;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption p.author {
color: #727272;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption p.author span {
color: #323232;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix {
margin: 20px 0 0 0;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li {
display: inline-block;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:first-child {
padding: 8px 0;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:last-child {
float: right;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:last-child a {
padding: 8px 25px;
}
.publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:last-child a:hover {
border-color: #80CD36;
}
.publications.publications02 .publication-carousel02 .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -44px;
width: 100%;
}
.publications.publications02 .publication-carousel02 .owl-nav .owl-prev,
.publications.publications02 .publication-carousel02 .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #030304;
color: #030304;
padding-top: 5px;
transition: 0.3s ease;
}
.publications.publications02 .publication-carousel02 .owl-nav .owl-prev:hover,
.publications.publications02 .publication-carousel02 .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.publications.publications02 .publication-carousel02 .owl-nav .owl-prev {
margin-right: 10px;
}


/* Latest News */

.blog07 {
padding: 100px 0;
position: relative;
background: url(../images/index07/01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
}
.blog07:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
z-index: -1;
}
.blog07 .section-header04 {
margin-bottom: 40px;
}
.blog07 .section-header04 h2,
.blog07 .section-header04 p {
color: #fff;
}
.blog07 .section-header04 span.section-devider:before,
.blog07 .section-header04 span.section-devider:after,
.blog07 .section-header04 span.section-devider span:before,
.blog07 .section-header04 span.section-devider span:after {
background: #e2e2e2;
}
.blog07 .blog07-wrapper .single-blog {
background: #fff;
padding-bottom: 20px;
}
.blog07 .blog07-wrapper .single-blog:hover figure figcaption {
visibility: visible;
opacity: 1;
}
.blog07 .blog07-wrapper .single-blog:hover .blog-single-content h3 a {
color: #80CD36;
}
.blog07 .blog07-wrapper .single-blog figure {
position: relative;
}
.blog07 .blog07-wrapper .single-blog figure figcaption {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
text-align: center;
visibility: hidden;
opacity: 0;
transition: .3s ease;
}
.blog07 .blog07-wrapper .single-blog figure figcaption div {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.blog07 .blog07-wrapper .single-blog figure figcaption div a {
font-size: 17px;
font-weight: 300;
display: inline-block;
padding: 8px 20px;
background: #80CD36;
border-radius: 3px;
color: #fff;
}
.blog07 .blog07-wrapper .single-blog .blog-single-content {
padding: 15px 15px 30px 15px;
background: #fff;
}
.blog07 .blog07-wrapper .single-blog .blog-single-content h3 {
margin: 0 0 10px 0;
line-height: 26px;
}
.blog07 .blog07-wrapper .single-blog .blog-single-content h3 a {
font-weight: 600;
color: inherit;
}
.blog07 .blog07-wrapper .single-blog .blog-single-content p {
font-weight: 300;
color: #727272;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom {
background: #f1f1f1;
padding: 0 15px;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1,
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 {
padding: 6px 0;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 {
float: left;
position: relative;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 span,
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p {
display: inline-block;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 span {
position: absolute;
width: 50px;
height: 55px;
background: #80CD36;
font-size: 18px;
color: #fff;
font-weight: 600;
text-align: center;
top: -20px;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p {
padding-left: 65px;
margin-bottom: 0;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p a {
color: #80CD36;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p i {
color: #323232;
font-size: 17px;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 {
float: right;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul {
margin-bottom: 0;
margin-top: 3px;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul li {
display: inline-block;
padding-right: 15px;
color: #80CD36;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul li:last-child {
padding-right: 0;
}
.blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul li i {
color: #323232;
font-size: 17px;
}
.blog07 .blog07-wrapper .owl-nav {
left: 0;
padding-right: 15px;
position: absolute;
text-align: right;
top: -82px;
width: 100%;
}
.blog07 .blog07-wrapper .owl-nav .owl-prev,
.blog07 .blog07-wrapper .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #fff;
color: #fff;
padding-top: 5px;
transition: 0.3s ease;
}
.blog07 .blog07-wrapper .owl-nav .owl-prev:hover,
.blog07 .blog07-wrapper .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.blog07 .blog07-wrapper .owl-nav .owl-prev {
margin-right: 10px;
}


/* Events */

.events-style02 .section-header04 {
margin-bottom: 40px;
}
.events-style02 .events-carousel .event2-single {
position: relative;
background: #fff;
}


/* Clients Logo */

.clients-logo {
padding-top: 100px;
}
.clients-logo .clients-logo-slider .owl-dots {
padding: 50px 0;
text-align: center;
}
.clients-logo .clients-logo-slider .owl-dots .owl-dot {
display: inline-block;
margin-right: 10px;
}
.clients-logo .clients-logo-slider .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.clients-logo .clients-logo-slider .owl-dots .owl-dot span {
display: block;
width: 9px;
height: 9px;
border: 1px solid #80CD36;
transition: .3s ease;
border-radius: 100px;
}
.clients-logo .clients-logo-slider .owl-dots .owl-dot.active span {
background: #80CD36;
transition: .3s ease;
}
.clients-logo .client-logo-bottom {
text-align: center;
}
.clients-logo .client-logo-bottom img {
display: inline;
}


/* ==============================
Home Page Version 08
================================ */
/* Slider Bottom */

.slider-bottom {
background: #F6F6F6;
padding: 40px 0;
}
.slider-bottom ul.slider-bottom-info {
margin-bottom: 0;
}
.slider-bottom ul.slider-bottom-info li {
display: inline-block;
}
.slider-bottom ul.slider-bottom-info li:first-child {
margin-right: 25px;
}
.slider-bottom ul.slider-bottom-info li span {
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
padding-left: 15px;
}
.slider-bottom ul.slider-bottom-info li span.icon {
width: 60px;
height: 60px;
border: 2px solid #E0E0E0;
border-radius: 100px;
text-align: center;
color: #80CD36;
padding-left: 0;
}
.slider-bottom ul.slider-bottom-info li span i {
font-size: 30px;
position: relative;
top: 1px;
}
.slider-bottom .connect-btn {
text-align: right;
}
.slider-bottom .connect-btn a {
font-size: 16px;
padding: 10px 25px;
background: #80CD36;
color: #fff;
border-radius: 3px;
display: inline-block;
margin-top: 7px;
font-weight: 500;
text-transform: uppercase;
border: 2px solid #80CD36;
}
.slider-bottom .connect-btn a:hover {
background: transparent;
color: #80CD36;
}


/* Services */

.service-boxes {
padding: 40px 0;
}
.service-boxes .section-header04 {
margin-bottom: 50px;
text-align: center;
}
.service-boxes .service-boxes-inner .service-box-content {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
padding: 30px 15px;
text-align: center;
transition: 0.3s ease;
}
.service-boxes .service-boxes-inner .service-box-content:hover {
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
}
.service-boxes .service-boxes-inner .service-box-content:hover .box-icon i {
color: #80CD36;
}
.service-boxes .service-boxes-inner .service-box-content:hover h3 {
color: #80CD36;
}
.service-boxes .service-boxes-inner .service-box-content:hover a.service-box-btn {
color: #80CD36;
}
.service-boxes .service-boxes-inner .service-box-content .box-icon {
margin-bottom: 20px;
}
.service-boxes .service-boxes-inner .service-box-content .box-icon i {
font-size: 60px;
color: #C9D0D8;
transition: 0.3s ease;
}
.service-boxes .service-boxes-inner .service-box-content h3 {
font-size: 22px;
margin: 0 0 15px 0;
transition: 0.3s ease;
}
.service-boxes .service-boxes-inner .service-box-content a.service-box-btn {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
text-align: center;
font-size: 25px;
color: #323232;
padding-top: 7px;
}


/* About */

.about08 {
background: url(../images/index08/02.jpg);
background-color: #ececec;
background-repeat: no-repeat;
background-position: left;
position: relative;
overflow: hidden;
}
.about08 .about-image-social {
position: absolute;
left: 80px;
top: 80px;
}
.about08 .about-image-social p {
margin-bottom: 60px;
-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: 5px 50% 0;
    -ms-transform-origin: 5px 50% 0;
        transform-origin: 5px 50% 0;
position: relative;
}
.about08 .about-image-social p:before {
position: absolute;
content: "";
width: 45px;
right: 75px;
bottom: 12px;
background: #727272;
height: 1px;
}
.about08 .about-image-social ul.social-icon li {
margin-bottom: 20px;
}
.about08 .about-image-social ul.social-icon li:last-child {
margin-bottom: 0;
}
.about08 .about-image-social ul.social-icon li a {
color: #727272;
font-size: 18px;
}
.about08 .about-image-social ul.social-icon li a:hover {
color: #80CD36;
}
.about08 .about-text {
padding: 100px 15px 100px 30px;
position: relative;
z-index: 1;
}
.about08 .about-text:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 4000px;
height: 100%;
background: #3c3d41;
z-index: -1;
}
.about08 .about-text .section-header04 {
margin-bottom: 25px;
}
.about08 .about-text .section-header04 h2 {
color: #fff;
}
.about08 .about-text .section-header04 h2 span {
color: #80CD36;
}
.about08 .about-text .section-header04 span.section-devider::before,
.about08 .about-text .section-header04 span.section-devider::after,
.about08 .about-text .section-header04 span.section-devider span::before,
.about08 .about-text .section-header04 span.section-devider span::after {
background: #e4e4e4;
}
.about08 .about-text p {
margin-bottom: 30px;
color: #fff;
}
.about08 .about-text a.lm-btn {
background: #80CD36;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 16px;
padding: 13px 20px;
font-weight: 500;
text-transform: uppercase;
}


/* Courses */

.courses08 {
padding: 100px 0 70px 0;
}
.courses08 .section-header04 {
margin-bottom: 20px;
}
.courses08 .course08-carousel .owl-stage-outer {
padding: 30px 0;
}
.courses08 .course08-carousel .carousel-item .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 40px;
transition: .3s ease;
}
.courses08 .course08-carousel .carousel-item .course-single:last-child {
margin-bottom: 0;
}
.courses08 .course08-carousel .carousel-item .course-single:hover .course-info h2 {
color: #80CD36;
}
.courses08 .course08-carousel .carousel-item .course-single:hover .course-info ul.author-info li:last-child a {
color: #80CD36;
}
.courses08 .course08-carousel .carousel-item .course-single:hover .course-image figure figcaption {
visibility: visible;
opacity: 1;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info {
padding: 30px 0 15px 20px;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info h3 {
font-weight: 600;
margin: 0 0 10px 0;
transition: .3s ease;
text-transform: uppercase;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info {
margin: 20px 0;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info li {
display: table-cell;
vertical-align: middle;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info li:last-child {
padding-left: 15px;
color: #727272;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info li:last-child a {
color: #727272;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom {
border-top: 1px solid #d5d5d5;
padding-top: 15px;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom li {
display: inline-block;
font-size: 15px;
color: #727272;
}
.courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom li:last-child {
float: right;
font-size: 15px;
color: #80CD36;
}
.courses08 .course08-carousel .carousel-item .course-single .course-image figure {
position: relative;
}
.courses08 .course08-carousel .carousel-item .course-single .course-image figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
}
.courses08 .course08-carousel .carousel-item .course-single .course-image figure figcaption div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.courses08 .course08-carousel .carousel-item .course-single .course-image figure figcaption div a {
border-radius: 0;
}
.courses08 .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -62px;
width: 100%;
}
.courses08 .owl-nav .owl-prev,
.courses08 .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #323232;
color: #323232;
padding-top: 5px;
transition: 0.3s ease;
}
.courses08 .owl-nav .owl-prev:hover,
.courses08 .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.courses08 .owl-nav .owl-prev {
margin-right: 10px;
}


/* Counters & Call To Action */

.counter-cta08 {
background: url(../images/index08/03.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 0;
}
.counter-cta08 .counters {
margin-top: 115px;
}
.counter-cta08 .cta-from {
padding: 100px 0;
width: 400px;
margin: 0 0 0 100px;
}
.counter-cta08 .cta-from h2 {
font-size: 30px;
text-align: center;
color: #fff;
line-height: 40px;
margin: 0 0 30px 0;
}
.counter-cta08 .cta-from h2 span {
color: #80CD36;
}
.counter-cta08 .cta-from form {
background: #fff;
}
.counter-cta08 .cta-from form h3 {
background: #80CD36;
border-bottom: 1px solid #d9f0c1;
color: #fff;
font-size: 25px;
margin: 0;
padding: 30px 0;
text-align: center;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.counter-cta08 .cta-from form .form-group {
padding: 30px;
margin-bottom: 0;
}
.counter-cta08 .cta-from form .form-group input,
.counter-cta08 .cta-from form .form-group textarea {
width: 100%;
display: block;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #b2b2b2;
border-left: 0;
transition: 0.3s ease;
resize: none;
margin-bottom: 30px;
}
.counter-cta08 .cta-from form .form-group input:focus,
.counter-cta08 .cta-from form .form-group textarea:focus {
border-color: #80CD36;
}
.counter-cta08 .cta-from form .form-group input {
padding: 10px 0;
}
.counter-cta08 .cta-from form .form-group textarea {
height: 75px;
}
.counter-cta08 .cta-from form .form-group div {
text-align: center;
}
.counter-cta08 .cta-from form .form-group div button {
font-size: 16px;
padding: 15px 0;
width: 100%;
}
.counter-cta08 .cta-from form .form-group div button:hover {
background: none;
border-color: #80CD36;
}


/* Testimonial */

.testimonial08 {
background: none;
padding: 100px 0 0 0;
position: relative;
}
.ostestimonial{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.testimonial08:before,
.testimonial08:after {
content: none;
}
.testimonial08 .section-header04 {
margin-bottom: 60px;
text-align: center;
}
.testimonial08 .block-text .single-box {
padding: 15px 0;
}
.testimonial08 .block-text .single-box p {
color: #727272;
position: relative;
}
.testimonial08 .block-text .single-box p:before {
position: absolute;
content: "\f10d";
font-size: 48px;
opacity: 0.1;
font-family: "FontAwesome";
left: 0;
top: 0;
}
.testimonial08 .block-text .single-box p:after {
position: absolute;
content: "\f10e";
font-size: 48px;
opacity: 0.1;
font-family: "FontAwesome";
right: 0;
bottom: 0;
}
.testimonial08 .testimonial-bottom-banner {
text-align: center;
margin-top: 10px;
}
.testimonial08 .testimonial-bottom-banner img {
display: inline;
}


/* Footer */

.footer08 {
padding: 70px 0 0 0;
background: url(../images/online-course/footer-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.footer08 .widget .widget-title h2 {
margin: 0 0 25px 0;
}
.footer08 .text-widget ul li {
padding-bottom: 15px;
}
.footer08 .text-widget ul li:last-child {
padding-bottom: 0;
}
.footer08 .text-widget ul li i {
display: inline-block;
padding-right: 5px;
}
.footer08 .footer-bottom08 {
background: transparent;
}
.footer08 .footer-bottom08 ul.footer-menu {
text-align: right;
margin-bottom: 0;
}
.footer08 .footer-bottom08 ul.footer-menu li {
display: inline-block;
padding-right: 15px;
}
.footer08 .footer-bottom08 ul.footer-menu li:last-child {
padding-right: 0;
}
.footer08 .footer-bottom08 ul.footer-menu li a {
color: inherit;
opacity: .7;
font-size: 15px;
font-weight: 300;
}
.footer08 .footer-bottom08 ul.footer-menu li a:hover {
color: #80CD36;
}


/* ==============================
Home Page Version 09
================================ */
/* Slider */

.slider-dance-school {
position: relative;
}
.slider-dance-school .su-overlay {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.slider-dance-school .su-overlay:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
transition: all 0.3s ease 0s;
z-index: -1;
}


/* Section Header */

.section-header-d {
margin-bottom: 40px;
}
.section-header-d h2 {
line-height: 30px;
margin-bottom: 12px;
}
.section-header-d h2 span {
color: #ffbf2b;
}

.textobraco {
color: #fff !important;
}

.textoazul {
color: #37428E !important;
}


.textobranco {
color: #fff !important;
}


/* Dance Category */

.dance-category {
padding: 100px 0;
}
.dance-category .dance-category-carousel .owl-stage-outer {
padding: 10px 0;
}
.dance-category .dance-category-carousel .category-item {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
overflow: hidden;
position: relative;
}
.dance-category .dance-category-carousel .category-item:hover figure figcaption {
top: 0;
}
.dance-category .dance-category-carousel .category-item:hover .category-caption {
bottom: -100%;
}
.dance-category .dance-category-carousel .category-item figure {
position: relative;
}
.dance-category .dance-category-carousel .category-item figure figcaption {
position: absolute;
left: 0;
top: -100%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
text-align: center;
transition: .3s ease;
}
.dance-category .dance-category-carousel .category-item figure figcaption div {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.dance-category .dance-category-carousel .category-item figure figcaption div h3 {
font-size: 25px;
margin: 0 0 10px 0;
font-weight: 500;
}
.dance-category .dance-category-carousel .category-item figure figcaption div h3 a {
color: #fff;
}
.dance-category .dance-category-carousel .category-item figure figcaption div h3 a:hover {
color: #80CD36;
}
.dance-category .dance-category-carousel .category-item figure figcaption div ul li {
display: inline-block;
}
.dance-category .dance-category-carousel .category-item figure figcaption div ul li a {
display: block;
width: 30px;
height: 30px;
text-align: center;
font-size: 18px;
border-radius: 3px;
color: #fff;
border: 1px solid #fff;
padding-top: 1px;
}
.dance-category .dance-category-carousel .category-item figure figcaption div ul li a:hover {
background: #fff;
color: #80CD36;
}
.dance-category .dance-category-carousel .category-item .category-caption {
left: 0;
bottom: 0;
width: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 15px 0;
transition: 0.3s ease;
}
.dance-category .dance-category-carousel .category-item .category-caption h3 {
color: #fff;
font-size: 25px;
margin: 0;
}
.dance-category .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -82px;
width: 100%;
}
.dance-category .owl-nav .owl-prev,
.dance-category .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #323232;
color: #323232;
padding-top: 5px;
transition: 0.3s ease;
}
.dance-category .owl-nav .owl-prev:hover,
.dance-category .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.dance-category .owl-nav .owl-prev {
margin-right: 10px;
}
.dance-category .category-bottom .about-boxes {
padding-top: 80px;
}
.dance-category .category-bottom .about-boxes a {
display: block;
background: rgba(60,61,65,0.7);
padding: 20px;
color: #fff;
}
.dance-category .category-bottom .about-boxes a:hover {
background: #3c3d41;
color: #80CD36;
}
.dance-category .category-bottom .about-boxes a ul {
margin-bottom: 0;
}
.dance-category .category-bottom .about-boxes a ul li {
display: table-cell;
vertical-align: middle;
font-size: 24px;
font-weight: 600;
font-family: "Roboto Slab", serif;
}
.dance-category .category-bottom .about-boxes a ul li:last-child {
padding-left: 20px;
}


/* Dance Class */

.dance-class {
background: #f3f3f3;
padding: 100px 0 60px 0;
}
.dance-class .section-header03 h2 {
margin-bottom: 30px;
}
.dance-class .dance-courses {
position: relative;
padding-top: 10px;
}
.dance-class .dance-courses .view-all-btn {
position: absolute;
right: 15px;
top: -100px;
}
.dance-class .dance-courses .view-all-btn a {
font-size: 18px;
display: inline-block;
border: 1px solid #80CD36;
padding: 10px 25px;
color: #80CD36;
}
.dance-class .dance-courses .view-all-btn a:hover {
background: #80CD36;
color: #fff;
}
.dance-class .dance-courses .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: 0.3s ease;
margin-bottom: 40px;
}
.dance-class .dance-courses .course-single:hover figure figcaption {
opacity: 1;
visibility: visible;
}
.dance-class .dance-courses .course-single:hover .course-info h3 {
color: #80CD36;
}
.dance-class .dance-courses .course-single:hover .course-info ul.author-info li img {
border-color: #80CD36;
}
.dance-class .dance-courses .course-single figure {
position: relative;
}
.dance-class .dance-courses .course-single figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
text-align: center;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.dance-class .dance-courses .course-single figure figcaption div {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.dance-class .dance-courses .course-single .course-info {
background: #fff;
padding: 15px;
}
.dance-class .dance-courses .course-single .course-info h3 {
font-size: 16px;
font-weight: 600;
margin: 0 0 20px 0;
transition: 0.3s ease;
}
.dance-class .dance-courses .course-single .course-info ul.author-info {
margin-bottom: 0;
}
.dance-class .dance-courses .course-single .course-info ul.author-info li {
display: table-cell;
vertical-align: middle;
}
.dance-class .dance-courses .course-single .course-info ul.author-info li:last-child {
padding-left: 15px;
font-size: 15px;
font-weight: 300;
color: #727272;
}
.dance-class .dance-courses .course-single .course-info ul.author-info li img {
border: 2px solid #727272;
transition: 0.3s ease;
}
.dance-class .dance-courses .course-single .course-info ul.course-rating {
margin: 15px 0 0 0;
}
.dance-class .dance-courses .course-single .course-info ul.course-rating li {
display: inline-block;
color: #ffef3b;
font-size: 18px;
}
.dance-class .dance-courses .course-single .course-info ul.course-rating li:last-child {
padding-left: 20px;
font-size: 12px;
font-weight: 300;
color: #727272;
}
.dance-class .dance-courses .course-single .course-info-bottom {
background: #fff;
border-top: 1px solid #bfe699;
padding: 15px 15px 20px 15px;
}
.dance-class .dance-courses .course-single .course-info-bottom ul {
text-align: right;
margin-bottom: 0;
}
.dance-class .dance-courses .course-single .course-info-bottom ul li {
color: #727272;
font-size: 15px;
display: inline-block;
}
.dance-class .dance-courses .course-single .course-info-bottom ul li:first-child {
float: left;
font-size: 19px;
font-weight: 600;
color: #80CD36;
line-height: 23px;
}
.dance-class .dance-courses .course-single .course-info-bottom ul li:first-child del {
font-size: 13px;
font-weight: 300;
color: #727272;
display: inline-block;
padding-left: 5px;
}
.dance-class .dance-courses .course-single .course-info-bottom ul li:last-child {
padding-left: 15px;
}


/* Teachers */

.dance-teachers {
padding: 100px 0 90px 0;
}
.dance-teachers .dance-teacher-carousel .owl-stage-outer {
padding: 10px 0;
}
.dance-teachers .dance-teacher-carousel .section-header-d {
margin-bottom: 30px;
}
.dance-teachers .dance-teacher-carousel .teacher-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: 0.3s ease;
overflow: hidden;
}
.dance-teachers .dance-teacher-carousel .teacher-single:hover figure img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.dance-teachers .dance-teacher-carousel .teacher-single:hover figure figcaption {
left: 0;
visibility: visible;
opacity: 1;
}
.dance-teachers .dance-teacher-carousel .teacher-single:hover .teacher-info h3 a {
color: #80CD36;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure {
position: relative;
overflow: hidden;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure img {
transition: 0.5s ease;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure figcaption {
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(128, 205, 51, 0.3);
visibility: hidden;
opacity: 0;
transition: .3s ease;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul {
position: absolute;
margin-bottom: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li {
display: inline-block;
padding-right: 10px;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li:last-child {
padding-right: 0;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li a {
display: block;
width: 35px;
height: 35px;
background: #d9ded6;
border-radius: 100px;
color: #727272;
padding-top: 7px;
}
.dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li a:hover {
background: #fff;
color: #80CD36;
}
.dance-teachers .dance-teacher-carousel .teacher-single .teacher-info {
padding: 15px 0;
text-align: center;
}
.dance-teachers .dance-teacher-carousel .teacher-single .teacher-info h3 {
font-weight: 600;
margin: 0 0 5px 0;
transition: 0.3s ease;
}
.dance-teachers .dance-teacher-carousel .teacher-single .teacher-info h3 a {
color: inherit;
}
.dance-teachers .dance-teacher-carousel .teacher-single .teacher-info p {
margin-bottom: 0;
font-size: 15px;
font-weight: 300;
}
.dance-teachers .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -82px;
width: 100%;
}
.dance-teachers .owl-nav .owl-prev,
.dance-teachers .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #323232;
color: #323232;
padding-top: 5px;
transition: 0.3s ease;
}
.dance-teachers .owl-nav .owl-prev:hover,
.dance-teachers .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.dance-teachers .owl-nav .owl-prev {
margin-right: 10px;
}


/* Call To Action */

.dance-information-cta {
background: url(../images/index09/banner.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}


/* Video Gallery */

.video-gallery {
padding: 100px 0 60px 0;
}
.video-gallery .video-gallery-items {
position: relative;
padding-top: 10px;
}
.video-gallery .video-gallery-items .view-all-btn {
position: absolute;
right: 15px;
top: -100px;
}
.video-gallery .video-gallery-items .view-all-btn a {
font-size: 18px;
display: inline-block;
border: 1px solid #80CD36;
padding: 10px 25px;
color: #80CD36;
}
.video-gallery .video-gallery-items .view-all-btn a:hover {
background: #80CD36;
color: #fff;
}
.video-gallery .video-gallery-items .video-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 40px;
}
.video-gallery .video-gallery-items .video-single:hover figure figcaption {
background: none;
}
.video-gallery .video-gallery-items .video-single:hover figure figcaption .play-btn a {
color: #dd2c28;
}
.video-gallery .video-gallery-items .video-single figure {
position: relative;
}
.video-gallery .video-gallery-items .video-single figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
transition: 0.3s ease;
}
.video-gallery .video-gallery-items .video-single figure figcaption .play-btn {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.video-gallery .video-gallery-items .video-single figure figcaption .play-btn a {
font-size: 60px;
color: #80cd36;
}
.video-gallery .video-gallery-items .video-single figure figcaption .vsite-logo {
position: absolute;
right: 15px;
bottom: 5px;
}
.video-gallery .video-gallery-items .video-single figure figcaption .vsite-logo a {
font-size: 60px;
color: #dd2c28;
}


/*Blog*/

.dance-blog {
padding: 100px 0 90px 0;
}
.dance-blog .blog-posts-carousel .owl-stage-outer {
padding: 10px 0;
}
.dance-blog .blog-posts-carousel .owl-nav {
top: -82px;
}


/* ==============================
Home Page Version 10
================================ */
/* About */

.about-ds {
padding: 100px 0 68px;
}
.about-ds .section-header03 h2 {
margin-bottom: 40px;
}
.about-ds .about-ds-content p {
margin-bottom: 23px;
}
.about-ds .about-ds-content a.rm-btn:hover {
border-color: #dea51f;
color: #fff;
}

.about-ds2 {
padding: 60px 0 60px;
}


/* Courses */

.driving-course .section-header03 h2 {
margin-bottom: 10px;
}
.driving-course .course-slider03 .owl-nav {
top: -45px;
}


/* Why Choose Us */

.why-choose-us {
background: #3c3d41;
overflow: hidden;
}
.why-choose-us .wcu-content {
padding: 100px 0;
}
.why-choose-us .wcu-content .section-header03 h2 {
color: #fff;
font-weight: 600;
}
.why-choose-us .wcu-content .section-header03 h2:after {
background: #fff;
}
.why-choose-us .wcu-content ul li {
color: #fff;
font-family: "Roboto Slab",serif;
font-size: 23px;
font-weight: 600;
margin-bottom: 45px;
text-transform: uppercase;
}
.why-choose-us .wcu-content ul li:last-child {
margin-bottom: 0;
}
.why-choose-us .wcu-content ul li img {
display: inline-block;
padding-right: 15px;
}
.why-choose-us .wcu-image {
position: relative;
min-height: 732px;
}
.why-choose-us .wcu-image .wcu-offset {
background: url(../images/index10/02.jpg);
background-repeat: no-repeat;
background-size: auto;
background-position: left;
height: 100%;
position: absolute;
width: 4000px;
}


/* Pricing Table */

.pricing-table {
padding: 100px 0;
}
.pricing-table .section-header03 h2 {
text-align: center;
margin-bottom: 40px;
}
.pricing-table .section-header03 h2:before {
left: 50%;
margin-left: -12px;
}
.pricing-table .section-header03 h2:after {
left: 50%;
margin-left: -90px;
}
.pricing-table .price-table-wrapper .pricing-single {
padding: 30px;
text-align: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: 0.3s ease;
}
.pricing-table .price-table-wrapper .pricing-single:hover {
background: #80CD36;
}
.pricing-table .price-table-wrapper .pricing-single:hover .price-header h3 {
color: #fff;
}
.pricing-table .price-table-wrapper .pricing-single:hover .price-header h4 {
color: #fff;
}
.pricing-table .price-table-wrapper .pricing-single:hover .price-header span {
color: #fff;
}
.pricing-table .price-table-wrapper .pricing-single:hover .price-content a.price-btn {
color: #80CD36;
background: #fff;
}
.pricing-table .price-table-wrapper .pricing-single:hover .price-content ul li {
color: #fff;
}
.pricing-table .price-table-wrapper .pricing-single .price-header {
margin-bottom: 40px;
}
.pricing-table .price-table-wrapper .pricing-single .price-header h3 {
margin: 0 0 30px 0;
color: #80CD36;
transition: 0.3s ease;
}
.pricing-table .price-table-wrapper .pricing-single .price-header h4 {
margin: 0;
transition: 0.3s ease;
}
.pricing-table .price-table-wrapper .pricing-single .price-header h4 span {
font-size: 60px;
}
.pricing-table .price-table-wrapper .pricing-single .price-header h4 span:first-child {
font-size: 25px;
position: relative;
top: -10px;
}
.pricing-table .price-table-wrapper .pricing-single .price-header span {
font-size: 14px;
text-transform: uppercase;
transition: 0.3s ease;
}
.pricing-table .price-table-wrapper .pricing-single .price-content ul li {
margin-bottom: 20px;
font-size: 15px;
transition: 0.3s ease;
}
.pricing-table .price-table-wrapper .pricing-single .price-content ul li:last-child {
margin-bottom: 0;
}
.pricing-table .price-table-wrapper .pricing-single .price-content a.price-btn {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 25px;
display: inline-block;
color: #fff;
background: #80CD36;
margin-top: 15px;
border-radius: 3px;
}
.pricing-table .price-table-wrapper .pricing-single.pricing-featured {
background: #80CD36;
position: relative;
}
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .feature-tag {
background: #fff none repeat scroll 0 0;
color: #80CD36;
font-size: 10px;
padding: 8px 5px 20px 5px;
position: absolute;
right: 10px;
top: 0;
text-transform: uppercase;
-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
}
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .feature-tag:before {
border-right: 18px solid transparent;
border-top: 18px solid #80CD36;
content: "";
position: absolute;
right: 3px;
bottom: -10px;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-header h3,
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-header h4,
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-header span {
color: #fff;
}
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-content ul li {
color: #fff;
}
.pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-content a.price-btn {
background: #fff;
color: #80CD36;
}


/* Call To Action */

.driving-cta {
padding: 100px 0;
background: url(../images/index10/03.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.driving-cta:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
}
.driving-cta .driving-offer h2 {
font-weight: 600;
color: #fff;
margin: 0 0 30px 0;
}
.driving-cta .driving-offer p {
max-width: 610px;
margin-bottom: 40px;
color: #fff;
}
.driving-cta .driving-video .video-play {
position: relative;
top: 50%;
-webkit-transform: translateY(48%);
    -ms-transform: translateY(48%);
        transform: translateY(48%);
}
.driving-cta .driving-video .video-play a {
display: table-cell;
vertical-align: middle;
width: 100px;
height: 100px;
text-align: center;
background: #80CD36;
color: #fff;
border-radius: 100px;
font-size: 30px;
position: relative;
}
.driving-cta .driving-video .video-play a:before {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
border-radius: 100px;
content: "";
height: 120%;
left: -10%;
position: absolute;
top: -10%;
width: 120%;
z-index: -1;
-webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
transition: .3s ease;
}
.driving-cta .driving-video .video-play a:hover:before {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.driving-cta .driving-video .video-play span {
display: table-cell;
vertical-align: middle;
color: #fff;
padding-left: 15px;
width: 125px;
font-size: 20px;
font-family: "Roboto Slab", serif;
}


/* Teachers */

.teachers06 .section-header03 h2 {
margin-bottom: 40px;
}
.teachers06 .driving-teacher .owl-nav {
left: 0;
padding-right: 15px;
position: absolute;
text-align: right;
top: -75px;
width: 100%;
}
.teachers06 .driving-teacher .owl-nav .owl-prev,
.teachers06 .driving-teacher .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #323232;
color: #323232;
padding-top: 5px;
transition: 0.3s ease;
}
.teachers06 .driving-teacher .owl-nav .owl-prev:hover,
.teachers06 .driving-teacher .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.teachers06 .driving-teacher .owl-nav .owl-prev {
margin-right: 10px;
}


/* Blog */

.blog-driving-s {
padding: 100px 0 70px 0;
}
.blog-driving-s .section-header03 h2 {
margin-bottom: 10px;
}
.blog-driving-s .owl-stage-outer {
padding: 30px 0;
}
.blog-driving-s .driving-blog .owl-nav {
left: 0;
padding-right: 30px;
position: absolute;
text-align: right;
top: -45px;
width: 100%;
}
.blog-driving-s .driving-blog .owl-nav .owl-prev,
.blog-driving-s .driving-blog .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #323232;
color: #323232;
padding-top: 5px;
transition: 0.3s ease;
}
.blog-driving-s .driving-blog .owl-nav .owl-prev:hover,
.blog-driving-s .driving-blog .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.blog-driving-s .driving-blog .owl-nav .owl-prev {
margin-right: 10px;
}


/* ==============================
Home Page Version 11
================================ */
/* Header */

#header-style02.header-style11 {
background: #262626;
padding: 30px 0 115px 0;
position: relative;
}
#header-style02.header-style11 .header-os-top {
transition: 0.3s ease;
}
#header-style02.header-style11 .header-top-item {
text-align: right;
}
#header-style02.header-style11 .header-top-item ul {
margin: 13px 0 0 0;
}
#header-style02.header-style11 .header-top-item ul li {
display: inline-block;
color: #fff;
padding-right: 20px;
font-weight: 300;
font-size: 15px;
}
#header-style02.header-style11 .header-top-item ul li:last-child {
padding-right: 0;
}
#header-style02.header-style11 .header-top-item ul li i {
display: inline-block;
padding-left: 5px;
color: #80CD36;
}
#header-style02.header-style11 .main-menu {
position: absolute;
width: 100%;
}
#header-style02.header-style11 nav.navbar {
background: #80CD36;
border-radius: 0;
margin-top: 35px;
transition: 0.3s ease;
}
#header-style02.header-style11 nav.navbar .navbar-collapse {
padding-left: 35px;
padding-right: 35px;
}
#header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav {
width: 100%;
}
#header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav li.active a {
color: #fff !important;
}
#header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav li.login-btn {
float: right;
padding: 30px 0;
}
#header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav li.login-btn a {
padding: 10px 20px;
font-weight: 500;
background: #fff;
color: #80CD36;
border-radius: 3px;
}
#header-style02.header-style11 .nav-search {
color: #fff;
padding-right: 20px;
}


/* Home */

.home11 {
background: url(../images/index11/01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 150px 0 100px 0;
min-height: auto;
}
.home11:before {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.home11 .content-left {
padding: 65px 30px 0 0;
position: relative;
}
.home11 .content-left h1 {
font-size: 43px;
font-weight: 600;
color: #fff;
margin: 0 0 30px 0;
line-height: 60px;
}
.home11 .content-left p {
color: #fff;
margin: 0 0 50px 0;
}
.home11 .content-left ul li {
display: table-cell;
vertical-align: middle;
}
.home11 .content-left ul li:last-child {
padding-left: 35px;
}
.home11 .content-left ul li:last-child {
margin-right: 0;
}
.home11 .content-left ul li a.video-iframe {
display: block;
}
.home11 .content-left ul li a.video-iframe span {
display: table-cell;
vertical-align: middle;
}
.home11 .content-left ul li a.video-iframe span:first-child {
width: 60px;
height: 60px;
background: #80CD36;
border-radius: 100px;
color: #fff;
font-size: 20px;
text-align: center;
}
.home11 .content-left ul li a.video-iframe span:last-child {
padding-left: 15px;
width: 120px;
font-size: 20px;
font-family: "Roboto Slab", serif;
color: #fff;
}
.home11 .content-left .arrow {
bottom: 60px;
position: absolute;
right: 30px;
}
.home11 .content-right form {
background: #fff;
}
.home11 .content-right form h2 {
background: #80CD36;
color: #fff;
font-size: 25px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 0;
padding: 30px 0;
text-align: center;
text-transform: uppercase;
}
.home11 .content-right form .form-group {
padding: 30px;
margin-bottom: 0;
}
.home11 .content-right form .form-group input,
.home11 .content-right form .form-group textarea {
border-top: 0;
border-right: 0;
border-bottom: 1px solid #b2b2b2;
border-left: 0;
display: block;
width: 100%;
font-size: 15px;
color: #727272;
margin-bottom: 30px;
padding: 0 0 15px 0;
}
.home11 .content-right form .form-group textarea {
height: 80px;
resize: none;
}
.home11 .content-right form .form-group div {
text-align: center;
}
.home11 .content-right form .form-group div button {
padding: 15px 70px;
display: block;
width: 100%;
font-size: 16px;
}
.home11 .content-right form .form-group div button:hover {
border-color: #80CD36;
color: #80CD36;
}


/* Section Header */

.section-header11 h2 {
text-align: center;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.4px;
line-height: 33px;
margin: 0 0 50px 0;
padding-bottom: 20px;
position: relative;
}
.section-header11 h2 span {
color: #80CD36;
}
.section-header11 h2:before {
position: absolute;
content: "";
background: #323232;
width: 170px;
height: 1px;
left: 50%;
margin-left: -85px;
bottom: 0;
}
.section-header11 h2:after {
background: #323232 none repeat scroll 0 0;
border: 2px solid #80CD36;
border-radius: 100px;
bottom: -3px;
content: "";
height: 8px;
left: 50%;
margin-left: -2.5px;
position: absolute;
width: 8px;
}


/* Course Categories */

.course11-categories {
padding: 100px 0 60px 0;
}
.course11-categories .category-blocks {
position: relative;
}
.course11-categories .category-blocks a.va-btn {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid #80CD36;
border-radius: 3px;
padding: 10px 30px;
display: inline-block;
color: #80CD36;
position: absolute;
right: 15px;
top: -100px;
}
.course11-categories .category-single {
background: #f9f9f9;
padding: 30px;
text-align: center;
margin-bottom: 40px;
}
.course11-categories .category-single:hover{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.course11-categories .category-single h3 {
margin: 30px 0 20px 0;
}
.course11-categories .category-single h3 a {
color: #80CD36;
font-weight: 600;
}


/* Get Started */

.get-started {
background: url(../images/index11/02.png);
background-repeat: no-repeat;
background-position: left;
background-color: #f7f7f7;
position: relative;
overflow: hidden;
}
.get-started:before {
position: absolute;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.8);
}
.get-started .gs-content {
min-height: 600px;
position: relative;
}
.get-started .gs-content .gs-content-inner {
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.get-started .gs-content .gs-content-inner h2 {
font-size: 30px;
font-weight: 600;
color: #fff;
margin: 0 0 30px 0;
text-transform: uppercase;
}
.get-started .gs-content .gs-content-inner p {
color: #fff;
margin-bottom: 30px;
}
.get-started .gs-features {
padding-top: 60px;
position: relative;
min-height: 600px;
}
.get-started .gs-features:before {
background: #f7f7f7;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 4000px;
}
.get-started .gs-features .gs-features-inner {
padding-left: 30px;
}
.get-started .gs-features .gs-features-inner .gs-feature-block {
margin-bottom: 60px;
}


/* Courses */

.courses-11 {
padding: 100px 0 160px 0;
}
.courses-11 .course11-blocks {
position: relative;
}
.courses-11 .course11-blocks a.va-btn {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid #80CD36;
border-radius: 3px;
padding: 10px 30px;
display: inline-block;
color: #80CD36;
position: absolute;
right: 15px;
top: -100px;
}
.courses-11 .course11-blocks .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: .3s ease;
margin-bottom: 40px;
}
.courses-11 .course11-blocks .course-single:hover {
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
}
.courses-11 .course11-blocks .course-single:hover figcaption {
visibility: visible;
opacity: 1;
}
.courses-11 .course11-blocks .course-single:hover .course-content h3 a {
color: #80CD36;
}
.courses-11 .course11-blocks .course-single:hover .course-content ul li img {
border: 2px solid #80CD36;
}
.courses-11 .course11-blocks .course-single figure {
position: relative;
}
.courses-11 .course11-blocks .course-single figure img {
width: 100%;
}
.courses-11 .course11-blocks .course-single figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.courses-11 .course11-blocks .course-single figure figcaption div {
text-align: center;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.courses-11 .course11-blocks .course-single .course-content {
padding: 20px 15px;
background: #ffff;
}
.courses-11 .course11-blocks .course-single .course-content h3 {
font-size: 15px;
line-height: 22px;
font-weight: 600;
margin: 0 0 20px 0;
}
.courses-11 .course11-blocks .course-single .course-content h3 a {
color: #323232;
}
.courses-11 .course11-blocks .course-single .course-content ul {
margin-bottom: 20px;
}
.courses-11 .course11-blocks .course-single .course-content ul li {
display: table-cell;
vertical-align: top;
}
.courses-11 .course11-blocks .course-single .course-content ul li img {
display: inline;
transition: 0.3s ease;
border: 2px solid transparent;
}
.courses-11 .course11-blocks .course-single .course-content ul li:last-child {
padding-left: 15px;
padding-top: 5px;
}
.courses-11 .course11-blocks .course-single .course-content ul li:last-child span {
font-size: 12px;
color: #acacac;
display: block;
}
.courses-11 .course11-blocks .course-single .course-content ul li:last-child span:last-child {
font-size: 15px;
color: #727272;
}
.courses-11 .course11-blocks .course-single .course-content .course-rating span {
font-size: 18px;
padding-right: 3px;
}
.courses-11 .course11-blocks .course-single .course-content .course-rating span i {
font-size: 18px;
color: #ffef3b;
}
.courses-11 .course11-blocks .course-single .course-content .course-rating span:last-child {
font-size: 12px;
color: #727272;
padding-left: 15px;
}
.courses-11 .course11-blocks .course-single .course-content-bottom {
background: #fff;
padding: 20px 15px;
position: relative;
}
.courses-11 .course11-blocks .course-single .course-content-bottom:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #bfe699;
left: 0;
top: 0;
}
.courses-11 .course11-blocks .course-single .course-content-bottom ul {
text-align: right;
margin-bottom: 0;
}
.courses-11 .course11-blocks .course-single .course-content-bottom ul li {
font-size: 15px;
color: #727272;
font-weight: 400;
display: inline-block;
}
.courses-11 .course11-blocks .course-single .course-content-bottom ul li:first-child {
float: left;
font-size: 19px;
font-weight: 600;
font-family: "Roboto Slab", serif;
color: #80CD36;
}
.courses-11 .course11-blocks .course-single .course-content-bottom ul li:first-child span {
display: inline-block;
font-size: 13px;
text-decoration: line-through;
color: #727272;
padding-left: 5px;
font-weight: 400;
}
.courses-11 .course11-blocks .course-single .course-content-bottom ul li:nth-child(2) {
padding-right: 15px;
}


/* Video */

.video11 .video-play-btn {
background: url(../images/index11/03.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.video11 .video-play-btn:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
}
.video11 .video-counter .v-counter-box p {
color: #80CD36;
}


/* Events */

.events11 {
padding: 100px 0;
}
.events11 .events-list {
position: relative;
}
.events11 .events-list a.va-btn {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid #80CD36;
border-radius: 3px;
padding: 10px 30px;
display: inline-block;
color: #80CD36;
position: absolute;
right: 15px;
top: -100px;
}
.events11 .events-list .col-sm-12:last-child .event-single-row {
border-bottom: 1px solid #e5e5e5;
}
.events11 .events-list .event-single-row {
padding: 50px 0;
border-top: 1px solid #e5e5e5;
}
.events11 .events-list .event-single-row:hover .event-day span:first-child,
.events11 .events-list .event-single-row:hover .event-details .event-info h3 {
color: #80CD36;
}
.events11 .events-list .event-single-row .event-day {
margin-top: 30px;
position: relative;
}
.events11 .events-list .event-single-row .event-day:before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 150px;
position: absolute;
right: 15px;
top: -43px;
width: 1px;
}
.events11 .events-list .event-single-row .event-day span {
display: block;
font-size: 18px;
}
.events11 .events-list .event-single-row .event-day span:first-child {
font-size: 20px;
font-family: "Roboto Slab", serif;
font-weight: 600;
transition: 0.3s ease;
}
.events11 .events-list .event-single-row .event-details .event-image,
.events11 .events-list .event-single-row .event-details .event-info {
display: table-cell;
vertical-align: top;
}
.events11 .events-list .event-single-row .event-details .event-image {
width: 25%;
}
.events11 .events-list .event-single-row .event-details .event-info {
width: 75%;
}
.events11 .events-list .event-single-row .event-details .event-info h3 {
margin: 0 0 20px 0;
transition: 0.3s ease;
}
.events11 .events-list .event-single-row .event-details .event-info p {
margin-bottom: 0;
}
.events11 .events-list .event-single-row .event-meta {
position: relative;
}
.events11 .events-list .event-single-row .event-meta:before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 150px;
position: absolute;
left: 5px;
top: -13px;
width: 1px;
}
.events11 .events-list .event-single-row .event-meta .event-time {
padding-left: 30px;
}
.events11 .events-list .event-single-row .event-meta .event-time p span {
display: block;
font-size: 15px;
font-weight: 300;
}
.events11 .events-list .event-single-row .event-meta .event-time p span:first-child {
font-size: 17px;
font-weight: 400;
color: #323232;
}
.events11 .events-list .event-single-row .event-meta .event-details-link {
text-align: right;
}
.events11 .events-list .event-single-row .event-meta .event-details-link a {
background: #80CD36;
border-radius: 3px;
color: #fff;
display: block;
font-size: 15px;
font-weight: 500;
margin-top: 30px;
padding: 13px 15px;
text-align: center;
text-transform: uppercase;
}


/* Blog */

.blog11 {
padding: 100px 0;
background: url(../images/index11/blog-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.blog11:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.7);
}
.blog11 .section-header11 h2 {
color: #fff;
}
.blog11 .section-header11 h2:before {
background: #fff;
}
.blog11 .blog11-contents {
position: relative;
}
.blog11 .blog11-contents a.va-btn {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid #80CD36;
border-radius: 3px;
padding: 10px 30px;
display: inline-block;
color: #80CD36;
position: absolute;
right: 15px;
top: -100px;
}
.blog11 .blog11-contents .blog11-single {
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: 0.3s ease;
}
.blog11 .blog11-contents .blog11-single:hover figure figcaption {
background: rgba(0, 0, 0, 0.7);
}
.blog11 .blog11-contents .blog11-single:hover figure figcaption div a {
visibility: visible;
opacity: 1;
}
.blog11 .blog11-contents .blog11-single:hover .blog-excerpt h3 a {
color: #80CD36;
}
.blog11 .blog11-contents .blog11-single figure {
position: relative;
}
.blog11 .blog11-contents .blog11-single figure figcaption {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: 0.3s ease;
}
.blog11 .blog11-contents .blog11-single figure figcaption div {
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
text-align: center;
}
.blog11 .blog11-contents .blog11-single figure figcaption div a {
visibility: hidden;
opacity: 0;
}
.blog11 .blog11-contents .blog11-single figure figcaption div.blog-date {
top: auto;
bottom: -20px;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}
.blog11 .blog11-contents .blog11-single figure figcaption div.blog-date span {
background: #f9f9f9;
font-size: 13px;
text-transform: uppercase;
color: #323232;
display: inline-block;
padding: 10px 30px;
border-radius: 100px;
}
.blog11 .blog11-contents .blog11-single .blog-excerpt {
padding: 30px 15px;
}
.blog11 .blog11-contents .blog11-single .blog-excerpt h3 {
margin: 0 0 15px 0;
line-height: 26px;
}
.blog11 .blog11-contents .blog11-single .blog-excerpt h3 a {
color: #323232;
}
.blog11 .blog11-contents .blog11-single .blog-excerpt ul {
margin-bottom: 15px;
}
.blog11 .blog11-contents .blog11-single .blog-excerpt ul li {
display: inline-block;
font-size: 12px;
font-weight: 500;
color: #969595;
}
.blog11 .blog11-contents .blog11-single .blog-excerpt ul li:last-child {
float: right;
}


/* Testimonial */

.testimonial08 .testimonial-wrapper {
position: relative;
}
.testimonial08 .testimonial-wrapper a.va-btn {
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
border: 1px solid #80CD36;
border-radius: 3px;
padding: 10px 30px;
display: inline-block;
color: #80CD36;
position: absolute;
right: 15px;
top: -105px;
}
.testimonial08 .app-download .app-screen {
text-align: right;
}
.testimonial08 .app-download .app-screen img {
display: inline;
}
.testimonial08 .app-download .app-details {
margin-top: 130px;
}
.testimonial08 .app-download .app-details h3 {
font-size: 35px;
font-weight: 600;
margin: 0 0 15px 0;
max-width: 350px;
line-height: 47px;
}
.testimonial08 .app-download .app-details p {
margin-bottom: 25px;
}
.testimonial08 .app-download .app-details ul li {
display: inline-block;
margin-right: 50px;
}
.testimonial08 .app-download .app-details ul li:last-child {
margin-right: 0;
}


/* ==============================
Home Page Version 12
================================ */
/* About */

.about12 .about-content h2 {
text-align: left;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.4px;
line-height: 33px;
margin: 0 0 50px 0;
padding-bottom: 20px;
position: relative;
}
.about12 .about-content h2 span {
color: #80CD36;
}
.about12 .about-content h2:before {
position: absolute;
content: "";
background: #323232;
width: 170px;
height: 1px;
left: 0;
margin-left: 0;
bottom: 0;
}
.about12 .about-content h2:after {
background: #323232 none repeat scroll 0 0;
border: 2px solid #80CD36;
border-radius: 100px;
bottom: -3px;
content: "";
height: 8px;
left: 85px;
margin-left: 0px;
position: absolute;
width: 8px;
}


/* Information CAll To Action */

.icta12 {
background: url(../images/index12/01.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}


/* Courses */

.courses12 {
padding: 100px 0;
}
.courses12 .courses12-wrapper .course-filter-nav {
text-align: center;
margin-bottom: 40px;
}
.courses12 .courses12-wrapper .course-filter-nav ul.course-filter {
display: inline-block;
text-align: center;
border: 1px solid #e5e5e5;
}
.courses12 .courses12-wrapper .course-filter-nav ul.course-filter li {
display: inline-block;
cursor: pointer;
padding: 15px 25px;
font-size: 16px;
color: #323232;
transition: 0.3s ease;
}
.courses12 .courses12-wrapper .course-filter-nav ul.course-filter li.active {
background: #80CD36;
color: #fff;
transition: 0.3s ease;
}
.courses12 .courses12-wrapper .filter-container .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: .3s ease;
}
.courses12 .courses12-wrapper .filter-container .course-single:hover {
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
}
.courses12 .courses12-wrapper .filter-container .course-single:hover figcaption {
visibility: visible;
opacity: 1;
}
.courses12 .courses12-wrapper .filter-container .course-single:hover .course-content h3 a {
color: #80CD36;
}
.courses12 .courses12-wrapper .filter-container .course-single:hover .course-content ul li img {
border: 2px solid #80CD36;
}
.courses12 .courses12-wrapper .filter-container .course-single figure {
position: relative;
}
.courses12 .courses12-wrapper .filter-container .course-single figure img {
width: 100%;
}
.courses12 .courses12-wrapper .filter-container .course-single figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.courses12 .courses12-wrapper .filter-container .course-single figure figcaption div {
text-align: center;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content {
padding: 20px 15px;
background: #ffff;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content h3 {
font-size: 15px;
line-height: 22px;
font-weight: 600;
margin: 0 0 20px 0;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content h3 a {
color: #323232;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content ul {
margin-bottom: 20px;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content ul li {
display: table-cell;
vertical-align: top;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content ul li img {
display: inline;
transition: 0.3s ease;
border: 2px solid transparent;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content ul li:last-child {
padding-left: 15px;
padding-top: 5px;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content ul li:last-child span {
font-size: 12px;
color: #acacac;
display: block;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content ul li:last-child span:last-child {
font-size: 15px;
color: #727272;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content .course-rating span {
font-size: 18px;
padding-right: 3px;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content .course-rating span i {
font-size: 18px;
color: #ffef3b;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content .course-rating span:last-child {
font-size: 12px;
color: #727272;
padding-left: 15px;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom {
background: #fff;
padding: 20px 15px;
position: relative;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #bfe699;
left: 0;
top: 0;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul {
text-align: right;
margin-bottom: 0;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li {
font-size: 15px;
color: #727272;
font-weight: 400;
display: inline-block;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li:first-child {
float: left;
font-size: 19px;
font-weight: 600;
font-family: "Roboto Slab", serif;
color: #80CD36;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li:first-child span {
display: inline-block;
font-size: 13px;
text-decoration: line-through;
color: #727272;
padding-left: 5px;
font-weight: 400;
}
.courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li:nth-child(2) {
padding-right: 15px;
}
.courses12 .courses12-wrapper .view-all-btn {
text-align: center;
margin-top: 50px;
}
.courses12 .courses12-wrapper .view-all-btn a {
display: inline-block;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 40px;
border: 1px solid #80CD36;
border-radius: 3px;
color: #80CD36;
}


/* Counters & Call To Action */

.cta12 {
background: url(../images/index12/02.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cta12:before {
background: rgba(0, 0, 0, 0.45);
}


/* Events */

.events11 .events-list .view-all-btn {
text-align: center;
margin-top: 50px;
}
.events11 .events-list .view-all-btn a {
display: inline-block;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 40px;
border: 1px solid #80CD36;
border-radius: 3px;
color: #80CD36;
}


/* Blog */

.blog12 {
padding: 100px 0;
}
.blog12 .blog-boxes .blog-box-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 40px;
transition: 0.3s ease;
}
.blog12 .blog-boxes .blog-box-single:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.blog12 .blog-boxes .blog-box-single:hover .blog-excerpt h3 a {
color: #80CD36;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt {
padding: 15px 15px;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt h3 {
margin: 0 0 15px 0;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt h3 a {
font-size: 16px;
line-height: 24px;
color: #323232;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt p {
margin-bottom: 20px;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt ul li {
margin-bottom: 5px;
font-size: 11px;
font-weight: 300;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt ul li:last-child {
margin-bottom: 0;
}
.blog12 .blog-boxes .blog-box-single .blog-excerpt ul li a,
.blog12 .blog-boxes .blog-box-single .blog-excerpt ul li span {
color: #80CD36;
font-size: 13px;
font-weight: 400;
}
.blog12 .blog-boxes .view-all-btn {
text-align: center;
margin-top: 10px;
}
.blog12 .blog-boxes .view-all-btn a {
display: inline-block;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 10px 40px;
border: 1px solid #80CD36;
border-radius: 3px;
color: #80CD36;
}


/* Footer */

.footer-top-subscribe {
background: #80CD36;
padding: 35px 0;
}
.footer-top-subscribe h2 {
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
margin: 10px 0 0 0;
}
.footer-top-subscribe form .form-group {
margin-bottom: 0;
}
.footer-top-subscribe form .form-group input,
.footer-top-subscribe form .form-group button {
width: 100%;
height: 50px;
padding: 0 15px;
border: 2px solid #fff;
border-radius: 3px;
background: none;
font-size: 20px;
color: #fff;
font-family: "Roboto Slab", serif;
opacity: 1;
transition: 0.3s ease;
}
.footer-top-subscribe form .form-group button:hover {
background: #fff;
color: #80CD36;
}


/* ==============================
Home Page Version 13
================================ */
/* Header */

.header13 {
background: #262626;
}
.header13 .main-menu nav.navbar .navbar-header {
float: none;
text-align: center;
}
.header13 .main-menu nav.navbar .navbar-header a.navbar-brand {
display: inline-block;
float: none;
margin-left: 0;
line-height: normal;
height: auto;
padding: 25px 0 0 0;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav {
float: none;
text-align: center;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
padding: 0;
float: none;
display: inline-block;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
color: #fff;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block {
top: 186px;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu:hover ul.mega-menu-block {
top: 176px;
}
.header-single .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu:hover ul.mega-menu-block {
top: 100px;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li {
display: block;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a {
color: #727272;
}
.header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:hover {
color: #80CD36;
}
.header13 .main-menu nav.navbar .nav-container {
float: none;
}
.header13 .main-menu nav.navbar .nav-container .menu-search {
left: auto;
margin-left: -30px;
right: 0;
bottom: -15px;
color: #fff;
top: 25px;
}


/* Intro */

.home13 {
padding: 175px 0 40px 0;
background: url(../images/index13/01.png) #8dd248;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.home13 .home13-contents {
text-align: center;
color: #fff;
}
.home13 .home13-contents span.heading-top {
font-size: 25px;
font-family: "Roboto Slab", serif;
display: block;
}
.home13 .home13-contents h1 {
font-size: 75px;
line-height: 80px;
margin: 20px 0 30px 0;
color: #fff;
font-weight: 600;
position: relative;
display: inline-block;
}
.home13 .home13-contents h1 span {
position: absolute;
right: -130px;
top: -110px;
width: 142px;
height: 142px;
background: url(../images/index13/star-bg.png) #fff;
background-repeat: no-repeat;
background-position: center;
border-radius: 100px;
font-size: 50px;
font-weight: 600;
color: #80CD36;
text-align: center;
padding-top: 30px;
-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.home13 .home13-contents p {
width: 600px;
margin: 0 auto;
color: #fff;
}
.home13 .home13-contents a.buy-btn {
font-size: 17px;
display: inline-block;
text-transform: uppercase;
color: #80CD36;
background: #fff;
padding: 15px 35px;
border-radius: 3px;
margin: 30px 0 90px 0;
}
.home13 .home13-contents a.buy-btn i {
display: inline-block;
padding-right: 10px;
}


/* About */

.about13 {
padding: 100px 0;
}
.about13 .about-content h2 {
text-align: left;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.4px;
line-height: 45px;
margin: 0 0 25px 0;
padding-bottom: 20px;
position: relative;
}
.about13 .about-content h2:before {
position: absolute;
content: "";
background: #323232;
width: 170px;
height: 1px;
left: 0;
bottom: 0;
}
.about13 .about-content h2:after {
background: #323232 none repeat scroll 0 0;
border: 2px solid #80CD36;
border-radius: 100px;
bottom: -3px;
content: "";
height: 8px;
left: 85px;
position: absolute;
width: 8px;
}
.about13 .about-content h2 span {
color: #80CD36;
}
.about13 .about-content a.rm-btn {
margin-top: 30px;
}
.about13 .about-content a.rm-btn:hover {
border-color: #80CD36;
color: #80CD36;
}
.about13 .about-video figure {
position: relative;
}
.about13 .about-video figure figcaption {
position: absolute;
left: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.about13 .about-video figure figcaption div {
text-align: center;
}
.about13 .about-video figure figcaption div a {
display: inline-block;
width: 90px;
height: 90px;
font-size: 35px;
color: #000;
border-radius: 100px;
padding-top: 20px;
background: #fff;
}
.about13 .about-video figure figcaption div a:hover {
background: #80CD36;
color: #fff;
}


/* Learning Benefit */

.benefit-section {
background: #3c3d41;
overflow: hidden;
}
.benefit-section .benefit-content {
padding: 100px 0;
}
.benefit-section .benefit-content .section-header11 h2 {
color: #fff;
text-align: left;
}
.benefit-section .benefit-content .section-header11 h2:before {
background: #fff;
left: 0;
margin-left: 0;
}
.benefit-section .benefit-content .section-header11 h2:after {
left: 85px;
margin-left: -4px;
}
.benefit-section .benefit-content ul li {
margin-bottom: 30px;
}
.benefit-section .benefit-content ul li:last-child {
margin-bottom: 0;
}
.benefit-section .benefit-content ul li div {
display: table-cell;
vertical-align: top;
}
.benefit-section .benefit-content ul li div:last-child {
padding-left: 15px;
}
.benefit-section .benefit-content ul li div h3 {
font-weight: 600;
color: #fff;
margin: 0 0 16px 0;
}
.benefit-section .benefit-content ul li div p {
color: #fff;
margin-bottom: 0;
}
.benefit-section .benefit-image {
position: relative;
min-height: 749px;
}
.benefit-section .benefit-image .benefit-offset {
background: url(../images/index13/02.png);
background-repeat: no-repeat;
background-size: auto;
background-position: left;
height: 100%;
position: absolute;
width: 4000px;
}


/* Testimonial */

.testimonial13 {
padding: 100px 0;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
padding: 80px 50px 30px 50px;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner p {
font-weight: 300;
position: relative;
margin-bottom: 0;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner p:before {
position: absolute;
content: "\f10d";
font-family: "FontAwesome";
font-size: 100px;
opacity: 0.1;
left: -5px;
top: -20px;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner ul.testimonial-rating {
margin: 15px 0 20px 0;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner ul.testimonial-rating li {
display: inline-block;
color: #ffef3b;
font-size: 17px;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li {
display: table-cell;
vertical-align: middle;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li:last-child {
padding-left: 15px;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li:last-child span {
display: block;
font-size: 15px;
font-weight: 300;
}
.testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li:last-child span:first-child {
font-size: 18px;
font-weight: 600;
color: #80CD36;
font-family: "Roboto Slab", serif;
}


/* Intsructors */

.instructors {
padding: 100px 0;
background: url(../images/index08/03.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.instructors .section-header11 h2 {
color: #fff;
}
.instructors .section-header11 h2:before {
background: #fff;
}
.instructors .instructor-carousel .instructor-single {
background: #fff;
}
.instructors .instructor-carousel .instructor-single:hover h3 a {
color: #80CD36;
}
.instructors .instructor-carousel .instructor-single figure img {
width: 100%;
}
.instructors .instructor-carousel .instructor-single figure figcaption {
padding: 25px 15px;
}
.instructors .instructor-carousel .instructor-single figure figcaption h3 {
font-weight: 600;
margin: 0 0 15px 0;
transition: 0.3s ease;
}
.instructors .instructor-carousel .instructor-single figure figcaption h3 a {
color: inherit;
}
.instructors .instructor-carousel .instructor-single figure figcaption span {
margin-bottom: 15px;
display: block;
}
.instructors .instructor-carousel .instructor-single figure figcaption p {
margin-bottom: 0;
}
.instructors .owl-nav .owl-prev,
.instructors .owl-nav .owl-next {
border: 1px solid #fff;
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 40px;
height: 60px;
position: absolute;
text-align: center;
width: 60px;
top: 50%;
margin-top: -35px;
transition: 0.3s ease;
}
.instructors .owl-nav .owl-prev:hover,
.instructors .owl-nav .owl-next:hover {
border-color: #80CD36;
color: #80CD36;
}
.instructors .owl-nav .owl-prev {
left: -80px;
}
.instructors .owl-nav .owl-next {
right: -80px;
}


/* ==============================
404 Page
================================ */

.error404 {
position: relative;
background: url(../images/404-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
min-height: 100%;
}
.error404:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
}
.error404 .error404-content {
left: 0;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.error404 .error404-content h1 {
font-size: 60px;
font-weight: 600;
color: #80CD36;
line-height: 60px;
margin: 0 0 15px 0;
}
.error404 .error404-content p {
font-size: 35px;
font-weight: 600;
color: #fff;
font-family: "Roboto Slab", serif;
}
.error404 .error404-content img {
display: inline-block;
width: 400px;
}
.error404 .error404-content ul {
margin: 15px 0 0 0;
display: block;
text-align: left;
}
.error404 .error404-content ul li {
display: inline-block;
}
.error404 .error404-content ul li:last-child {
float: right;
}
.error404 .error404-content ul li:last-child a i {
padding-right: 0;
padding-left: 10px;
}
.error404 .error404-content ul li a {
font-size: 20px;
color: #fff;
}
.error404 .error404-content ul li a i {
font-size: 25px;
display: inline-block;
padding-right: 10px;
}
.error404 .error404-content ul li a:hover {
color: #80CD36;
}


/* ==============================
Coming Soon
================================ */

html,
body {
height: 100%;
margin: 0;
padding: 0;
}
.coming-soon {
position: relative;
background: url(../images/coming-soon-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 70px 0 20px 0;
height: 100%;
min-height: 100%;
}
.coming-soon:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
}
.coming-soon:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(128, 205, 51, 0.03);
}
.coming-soon .website-logo {
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.coming-soon .cs-content {
text-align: center;
position: relative;
z-index: 1;
}
.coming-soon .cs-content h1 {
font-size: 45px;
font-weight: 600;
color: #fff;
margin: 0 0 70px 0;
}
.coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell {
display: inline-block;
color: #fff;
width: 25%;
position: relative;
}
.coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell:before {
content: ":";
font-family: "Roboto Slab", serif;
font-size: 115px;
position: absolute;
right: -5px;
bottom: 10px;
}
.coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell:last-child {
margin-right: 0;
}
.coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell:last-child:before {
content: none;
}
.coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val {
font-size: 80px;
font-weight: 600;
font-family: "Roboto Slab", serif;
line-height: 65px;
margin-bottom: 10px;
}
.coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-unit {
font-family: "Roboto Slab", serif;
font-size: 25px;
text-transform: capitalize;
}
.coming-soon .cs-content .cs-form {
margin: 65px 0 70px 0;
}
.coming-soon .cs-content .cs-form .form-group {
margin-bottom: 0;
}
.coming-soon .cs-content .cs-form form input,
.coming-soon .cs-content .cs-form form button {
display: table-cell;
vertical-align: top;
}
.coming-soon .cs-content .cs-form form input {
height: 60px;
border: 1px solid #fff;
width: 80%;
background: url(../images/mail-icon.png) transparent;
background-position: 98% center;
background-repeat: no-repeat;
padding: 0 15px;
font-size: 20px;
color: #fff;
}
.coming-soon .cs-content .cs-form form button {
background: #80CD36;
font-size: 31px;
font-weight: 600;
font-family: "Roboto Slab", serif;
height: 60px;
border: 1px solid #80CD36;
color: #fff;
width: 20%;
margin-left: -1px;
}
.coming-soon .cs-content ul.cs-social {
margin-bottom: 0;
}
.coming-soon .cs-content ul.cs-social li {
display: inline-block;
margin-right: 30px;
}
.coming-soon .cs-content ul.cs-social li:last-child {
margin-right: 0;
}
.coming-soon .cs-content ul.cs-social li a {
display: block;
width: 35px;
height: 35px;
color: #fff;
border-radius: 100px;
background: #80CD36;
padding-top: 7px;
}
.coming-soon .cs-content ul.cs-social li a.twitter {
background: #55acee;
}
.coming-soon .cs-content ul.cs-social li a.facebook {
background: #3b5998;
}
.coming-soon .cs-content ul.cs-social li a.pinterest {
background: #cb2027;
}
.coming-soon .cs-content ul.cs-social li a.gplus {
background: #dc4e41;
}
.coming-soon .cs-content ul.cs-social li a.linkedin {
background: #007ab9;
}
.coming-soon .cs-content ul.cs-social li a:hover {
background: #80CD36;
}


/* ===============================
Blog One Style
================================ */

.page-header {
padding: 35px 0;
background: url(../images/bgtopo.jpg);
position: relative;
margin: 0;
}
.page-header:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
}
.page-header h1 {
font-weight: 600;
font-size: 30px;
color: #fff;
margin: 0 0 20px 0;

}
.page-header ul li {
display: inline-block;
margin-right: 20px;
position: relative;
font-size: 16px;
}
.page-header ul li:last-child {
margin-right: 0;
}
.page-header ul li:last-child:before {
content: none;
}
.page-header ul li:before {
position: absolute;
right: -15px;
top: 0;
content: "/";
color: #fff;
}
.page-header ul li a {
color: #fff;
font-size: 16px;
}
.page-header ul li.active {
color: rgba(255, 255, 255, 0.7);
}


/* Blog Page Styles */

.blog-wrapper {
padding: 100px 0;
}
.blog-wrapper .blog-list-inner .blog-single {
margin-bottom: 80px;
}
.blog-wrapper .blog-list-inner .blog-single .blog-thumb {
margin-bottom: 30px;
}
.blog-wrapper .blog-list-inner .blog-single .blog-thumb iframe {
width: 100%;
}
.blog-wrapper .blog-list-inner .blog-single .blog-thumb figure {
position: relative;
overflow: hidden;
}
.blog-wrapper .blog-list-inner .blog-single .blog-thumb figure img {
width: 100%;
transition: 0.6s ease;
}
.blog-wrapper .blog-list-inner .blog-single.featured .blog-thumb figure figcaption {
position: absolute;
text-align: center;
min-width: 115px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background: #80CD36;
left: 0;
top: 40px;
padding: 10px 0;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-date {
background: #80CD36;
text-align: center;
color: #fff;
padding: 30px;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-date span {
display: block;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-date span:first-child {
font-size: 45px;
font-weight: 600;
line-height: 30px;
margin-bottom: 5px;
padding-bottom: 12px;
position: relative;
font-family: "Roboto Slab", serif;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-date span:first-child:before {
position: absolute;
content: "";
width: 50px;
height: 1px;
background: #fff;
left: 50%;
bottom: 0;
margin-left: -25px;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt h2 {
font-size: 30px;
font-weight: 600;
margin: 0;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt h2 a {
color: inherit;
text-transform: uppercase;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta {
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
margin-bottom: 0;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li {
display: inline-block;
padding-right: 15px;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li:last-child {
padding-right: 0;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li i {
color: #80CD36;
display: inline-block;
padding-right: 5px;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li a {
color: inherit;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li a:hover {
color: #80CD36;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt p {
padding: 20px 0;
margin-bottom: 0;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt a.blog-rm {
text-transform: uppercase;
color: inherit;
font-weight: 500;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt a.blog-rm:hover {
color: #80CD36;
}
.blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt a.blog-rm i {
display: inline-block;
padding-left: 5px;
}
.blog-wrapper .blog-list-inner .blog-single:hover .blog-thumb figure img {
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.blog-wrapper .blog-list-inner .blog-single:hover .blog-details .post-excerpt h2 a {
color: #80CD36;
}
.blog-wrapper .blog-pagination ul {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
border-top: 1px solid rgba(0, 0, 0, 0.04);
margin-bottom: 0;
padding: 10px 0;
text-align: center;
}
.blog-wrapper .blog-pagination ul li {
display: inline-block;
}
.blog-wrapper .blog-pagination ul li a {
background: none;
font-weight: 500;
display: block;
padding: 10px 15px;
color: #727272;
}
.blog-wrapper .blog-pagination ul li a:hover {
background: #80CD36;
color: #fff;
}
.blog-wrapper .blog-pagination ul li.active a {
background: #80CD36;
color: #fff;
}
.blog-wrapper .blog-sidebar .sidebar-widget {
margin-bottom: 50px;
}
.blog-wrapper .blog-sidebar .sidebar-widget:last-child {
margin-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget h3 {
margin: 0 0 20px 0;
padding-bottom: 10px;
position: relative;
font-size: 20px;
}
.blog-wrapper .blog-sidebar .sidebar-widget h3:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 60px;
height: 1px;
background: #80CD36;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form {
position: relative;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form input {
width: 100%;
height: 45px;
border: 1px solid rgba(0, 0, 0, 0.13);
padding: 0 65px 0 15px;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 45px;
border: 1px solid #80CD36;
background: #80CD36;
color: #fff;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: 0 none;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-thumb {
display: table-cell;
vertical-align: top;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt {
display: table-cell;
vertical-align: top;
padding-left: 20px;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt h4 {
margin: -5px 0 5px 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt h4 a {
font-size: 15px;
color: #727272;
font-weight: normal;
text-transform: none;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt h4 a:hover {
color: #80CD36;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt span {
font-size: 12px;
color: #6b6b6b;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul {
margin-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li {
padding-bottom: 15px;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li:last-child {
padding-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li a {
color: #727272;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li a:hover {
color: #80CD36;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul {
margin-bottom: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li {
display: inline-block;
padding-right: 10px;
padding-bottom: 10px;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li:last-child {
padding-right: 0;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li a {
display: block;
padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.13);
color: #727272;
}
.blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li a:hover {
border-color: #80CD36;
color: #80CD36;
}


/* ===============================
Blog Two Style
================================ */
/* Blog Page Content */

.blog-wrapper .blog-two-content .post-single {
margin-bottom: 80px;
}
.blog-wrapper .blog-two-content .post-single .post-date {
background: #80CD36;
padding: 20px 0;
text-align: center;
margin-bottom: 30px;
}
.blog-wrapper .blog-two-content .post-single .post-date span {
display: block;
font-size: 15px;
text-transform: uppercase;
color: #fff;
}
.blog-wrapper .blog-two-content .post-single .post-date span:first-child {
font-size: 30px;
font-weight: 600;
}
.blog-wrapper .blog-two-content .post-single .post-sticky {
text-align: center;
background: #f4f4f4;
font-size: 25px;
color: #727272;
padding: 25px 0;
}
.blog-wrapper .blog-two-content .post-single .post-details h2 {
font-size: 30px;
font-weight: 600;
margin: 25px 0 15px 0;
text-transform: uppercase;
}
.blog-wrapper .blog-two-content .post-single .post-details h2 a {
color: inherit;
}
.blog-wrapper .blog-two-content .post-single .post-details a.rm-btn {
color: inherit;
font-weight: 500;
text-transform: uppercase;
margin-top: 10px;
}
.blog-wrapper .blog-two-content .post-single:hover .post-details h2 a {
color: #80CD36;
}
.blog-wrapper .blog-two-content .post-single:hover .post-details a.rm-btn {
color: #80CD36;
}


/* ===============================
Blog Three Style
================================ */

.blog-wrapper .blog-three-content .carousel-item .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 40px;
transition: .3s ease;
}
.blog-wrapper .blog-three-content .carousel-item .course-single:hover .course-info h3 a {
color: #80CD36;
}
.blog-wrapper .blog-three-content .carousel-item .course-single:hover .course-image figure figcaption {
visibility: visible;
opacity: 1;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info {
padding-top: 15px;
padding-left: 15px;
padding-botto: 15px;
padding-right: 0;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info h3 {
line-height: 26px;
font-weight: 600;
margin: 0 0 10px 0;
transition: .3s ease;
text-transform: uppercase;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info h3 a {
color: inherit;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li {
display: inline-block;
float: left;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li img,
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li span {
display: inline-block;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li img {
width: auto;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li span {
padding-left: 10px;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li span a {
color: inherit;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li:last-child {
float: right;
padding: 10px 0;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-bottom li {
color: #bababa;
font-size: 14px;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-bottom li:last-child {
font-size: 14px;
color: #bababa;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-tags li {
display: inline-block;
padding-right: 5px;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-tags li:last-child {
padding-right: 0;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-tags li a {
color: #bababa;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure {
position: relative;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure figcaption div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure figcaption div a {
border-radius: 0;
}


/* ===============================
Blog Four Style
================================ */

.blog-wrapper.blog .blog-four-content .blog-posts .single-blog {
margin-bottom: 50px;
}


/* ===============================
Blog Five Style
================================ */

.blog-wrapper.blog .blog-five-content .blog-posts02 .col-sm-6:nth-child(3) .single-blog,
.blog-wrapper.blog .blog-five-content .blog-posts02 .col-sm-6:nth-child(4) .single-blog {
margin-bottom: 65px;
}


/* ===============================
Blog Six Style
================================ */

.blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog {
margin-bottom: 50px;
}
.blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog figure .blog-thumb img {
width: 100%;
}
.blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog .blog-excerpt h3 {
font-weight: 600;
}


/* ===============================
Blog Seven Style
================================ */

.blog-wrapper.blog06 .blog-seven-content .single-blog {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
transition: .3s ease;
margin-bottom: 60px;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog:hover figcaption h3 a {
color: #80CD36;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog figure figcaption h3 {
margin: 15px 0;
padding: 0 15px;
line-height: 26px;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog figure figcaption h3 a {
color: #323232;
font-size: 16px;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt {
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta,
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-text {
display: table-cell;
vertical-align: top;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta {
text-align: center;
padding: 0 15px;
border-right: 1px solid rgba(0, 0, 0, 0.07);
position: relative;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta:before {
position: absolute;
left: 0;
top: 50%;
content: "";
background: rgba(0, 0, 0, 0.07);
width: 100%;
height: 1px;
margin-top: 1px;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta span.day {
font-size: 30px;
font-family: "Roboto Slab", serif;
color: #323232;
font-weight: 600;
display: block;
padding: 5px 0;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta span.month {
font-size: 18px;
color: #323232;
display: block;
padding: 5px 0;
}
.blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-text {
padding: 10px 15px;
}


/* ===============================
Blog Eight Style
================================ */

.blog-wrapper.blog07 {
background: none;
}
.blog-wrapper.blog07:before {
content: none;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog {
background: #fff;
padding-bottom: 20px;
margin-bottom: 60px;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog:hover figure figcaption {
visibility: visible;
opacity: 1;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog:hover .blog-single-content h3 a {
color: #80CD36;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog figure {
position: relative;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog figure img {
width: 100%;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog figure figcaption {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
text-align: center;
visibility: hidden;
opacity: 0;
transition: .3s ease;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog figure figcaption div {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.blog-wrapper.blog07 .blog-eight-content .single-blog figure figcaption div a {
font-size: 17px;
font-weight: 300;
display: inline-block;
padding: 8px 20px;
background: #80CD36;
border-radius: 3px;
color: #fff;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content {
padding: 15px 15px 30px 15px;
background: #fff;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content h3 {
margin: 0 0 10px 0;
line-height: 26px;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content h3 a {
font-weight: 600;
color: inherit;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content p {
font-weight: 300;
color: #727272;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom {
background: #f1f1f1;
padding: 0 15px;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1,
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 {
padding: 6px 0;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 {
float: left;
position: relative;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 span,
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p {
display: inline-block;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 span {
position: absolute;
width: 50px;
height: 55px;
background: #80CD36;
font-size: 18px;
color: #fff;
font-weight: 600;
text-align: center;
top: -20px;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p {
padding-left: 65px;
margin-bottom: 0;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p a {
color: #80CD36;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p i {
color: #323232;
font-size: 17px;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 {
float: right;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul {
margin-bottom: 0;
margin-top: 3px;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li {
display: inline-block;
padding-right: 15px;
color: #80CD36;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li:last-child {
padding-right: 0;
}
.blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li i {
color: #323232;
font-size: 17px;
}


/* ===============================
Blog Nine Style
================================ */

.blog-wrapper.blog11 {
background: none;
}
.blog-wrapper.blog11:before {
content: none;
}
.blog-wrapper.blog11 .blog-nine-content .blog11-contents .blog11-single {
margin-bottom: 60px;
}
.blog-wrapper.blog11 .blog-nine-content .blog11-contents .blog11-single figure img {
width: 100%;
}


/* ===============================
Blog Details Style
================================ */

.blog-wrapper .blog-details-wrapper .blog-image img {
width: 100%;
}
.blog-wrapper .blog-details-wrapper .blog-meta {
margin: 20px 0 25px 0;
}
.blog-wrapper .blog-details-wrapper .blog-meta h2 {
margin: 0;
font-size: 30px;
text-transform: uppercase;
}
.blog-wrapper .blog-details-wrapper .blog-meta ul {
margin: 15px 0 0 0;
}
.blog-wrapper .blog-details-wrapper .blog-meta ul li {
display: inline-block;
margin-right: 20px;
}
.blog-wrapper .blog-details-wrapper .blog-meta ul li:last-child {
margin-right: 0;
}
.blog-wrapper .blog-details-wrapper .blog-meta ul li i {
display: inline-block;
color: #80CD36;
padding-right: 4px;
}
.blog-wrapper .blog-details-wrapper .blog-meta ul li a {
color: inherit;
}
.blog-wrapper .blog-details-wrapper .blog-meta ul li a:hover {
color: #80CD36;
}
.blog-wrapper .blog-details-wrapper .blog-content blockquote {
margin: 40px 0;
background: rgba(0, 0, 0, 0.04);
padding: 15px;
border-left: 2px solid #80CD36;
font-style: italic;
}
.blog-wrapper .blog-details-wrapper .blog-share ul {
margin: 60px 0 0 0;
padding: 15px 0;
border-top: 1px solid rgba(0, 0, 0, 0.04);
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.blog-wrapper .blog-details-wrapper .blog-share ul li {
display: inline-block;
padding-right: 10px;
}
.blog-wrapper .blog-details-wrapper .blog-share ul li:last-child {
padding-right: 0;
}
.blog-wrapper .blog-details-wrapper .blog-share ul li:first-child {
font-weight: 500;
}
.blog-wrapper .blog-details-wrapper .blog-share ul li a {
color: inherit;
}
.blog-wrapper .blog-details-wrapper .blog-share ul li a:hover {
color: #80CD36;
}
.blog-wrapper .blog-details-wrapper .blog-comment {
margin: 60px 0 0 0;
}
.blog-wrapper .blog-details-wrapper .blog-comment h2 {
font-size: 25px;
margin: 0 0 40px 0;
text-transform: uppercase;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li {
margin-bottom: 50px;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-author {
display: table-cell;
vertical-align: top;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details {
display: table-cell;
vertical-align: top;
padding-left: 30px;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details h3 {
margin: 0 0 10px 0;
color: #80CD36;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details p {
margin: 10px 0;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details a {
color: inherit;
font-weight: 500;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details a:hover {
color: #80CD36;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li ul.children {
margin-left: 50px;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li ul.children li {
margin: 50px 0 0 0;
}
.blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li ul.children li:last-child {
margin-bottom: 0;
}
.blog-wrapper .blog-details-wrapper .post-comment {
margin-top: 100px;
}
.blog-wrapper .blog-details-wrapper .post-comment h2 {
margin: 0 0 40px 0;
text-transform: uppercase;
font-size: 25px;
}
.blog-wrapper .blog-details-wrapper .post-comment form .form-group {
margin-bottom: 0;
}
.blog-wrapper .blog-details-wrapper .post-comment form .form-group input {
width: 100%;
height: 45px;
border: 1px solid rgba(0, 0, 0, 0.13);
padding: 0 15px;
margin-bottom: 30px;
}
.blog-wrapper .blog-details-wrapper .post-comment form .form-group textarea {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.13);
padding: 15px;
height: 150px;
margin-bottom: 30px;
}
.blog-wrapper .blog-details-wrapper .post-comment form .form-group button {
border: 2px solid #80CD36;
background: #80CD36;
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding: 12px 30px;
transition: 0.3s ease;
}
.blog-wrapper .blog-details-wrapper .post-comment form .form-group button:hover {
background: none;
color: #80CD36;
}


/* ================================
Courses One Style
================================== */

.all-course-wrapper,
.all-teachers-wrapper {
padding: 100px 0;
}
.all-course-wrapper .blog-pagination ul,
.all-teachers-wrapper .blog-pagination ul {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
border-top: 1px solid rgba(0, 0, 0, 0.04);
margin-bottom: 0;
padding: 10px 0;
text-align: center;
}
.all-course-wrapper .blog-pagination ul li,
.all-teachers-wrapper .blog-pagination ul li {
display: inline-block;
}
.all-course-wrapper .blog-pagination ul li a,
.all-teachers-wrapper .blog-pagination ul li a {
background: none;
font-weight: 500;
display: block;
padding: 10px 15px;
color: #727272;
}
.all-course-wrapper .blog-pagination ul li a:hover,
.all-teachers-wrapper .blog-pagination ul li a:hover {
background: #80CD36;
color: #fff;
}
.all-course-wrapper .blog-pagination ul li.active a,
.all-teachers-wrapper .blog-pagination ul li.active a {
background: #80CD36;
color: #fff;
}


/* ================================
Courses Two Style
================================== */

.all-course-wrapper .course-style02-wrapper .course-single {
margin-bottom: 65px;
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.all-course-wrapper .course-style02-wrapper .course-single .course-thumb {
position: relative;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-thumb span.price {
background: #80CD36;
bottom: -10px;
display: inline-block;
font-family: "Roboto Slab", serif;
font-size: 27px;
left: -10px;
padding: 5px 15px 5px 25px;
position: absolute;
color: #fff;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-thumb span.price:before {
content: "";
position: absolute;
border-bottom: 10px solid #80CD36;
border-left: 10px solid transparent;
height: 0;
left: 0;
top: -10px;
width: 0;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details {
background: #fff;
padding: 30px 15px 20px;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details h3 {
margin: 0 0 20px 0;
font-weight: 600;
text-transform: uppercase;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-teacher ul li {
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-teacher ul li:last-child {
padding-right: 0;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-teacher ul li h4 {
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #727272;
margin: 0;
font-weight: 400;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt {
margin-top: 20px;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul {
margin-bottom: 0;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
position: relative;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li:last-child:before {
content: none;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li:before {
content: "";
position: absolute;
width: 1px;
height: 35px;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.07);
}
.all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li span {
display: block;
color: #727272;
font-size: 13px;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-hover {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 0;
background: url(../images/course-hover-shape.png);
background-repeat: no-repeat;
background-size: 100% 100%;
visibility: hidden;
opacity: 0;
transition: 0.5s ease;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content {
right: 0;
bottom: 50px;
width: 200px;
position: absolute;
text-align: center;
transition: 0.5s ease;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content ul li {
display: inline-block;
color: #fff;
font-size: 15px;
margin-right: 25px;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content ul li:last-child {
margin-right: 0;
}
.all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content a {
font-size: 15px;
color: #80CD36;
display: inline-block;
background: #fff;
padding: 10px 20px;
border-radius: 3px;
margin-top: 30px;
}
.all-course-wrapper .course-style02-wrapper .course-single:hover .course-hover {
height: 100%;
visibility: visible;
opacity: 1;
}


/* ================================
Courses Five Style
================================== */

.all-course-wrapper.course-wrapper .course-style04 {
padding: 0;
}


/* ================================
Courses Six Style
================================== */

.all-course-wrapper .course-six-wrapper .course-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 60px;
transition: .3s ease;
}
.all-course-wrapper .course-six-wrapper .course-single:hover .course-info h2 {
color: #80CD36;
}
.all-course-wrapper .course-six-wrapper .course-single:hover .course-info ul.author-info li:last-child a {
color: #80CD36;
}
.all-course-wrapper .course-six-wrapper .course-single:hover .course-image figure figcaption {
visibility: visible;
opacity: 1;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info {
padding: 15px;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info h3 {
font-weight: 600;
margin: 0 0 10px 0;
transition: .3s ease;
text-transform: uppercase;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info {
margin: 20px 0;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info li {
display: table-cell;
vertical-align: middle;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info li:last-child {
padding-left: 15px;
color: #727272;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info li:last-child a {
color: #727272;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.course-bottom {
border-top: 1px solid #d5d5d5;
padding-top: 15px;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.course-bottom li {
display: inline-block;
font-size: 15px;
color: #727272;
}
.all-course-wrapper .course-six-wrapper .course-single .course-info ul.course-bottom li:last-child {
float: right;
font-size: 22px;
color: #80CD36;
}
.all-course-wrapper .course-six-wrapper .course-single .course-image figure {
position: relative;
}
.all-course-wrapper .course-six-wrapper .course-single .course-image figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
}
.all-course-wrapper .course-six-wrapper .course-single .course-image figure figcaption div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.all-course-wrapper .course-six-wrapper .course-single .course-image figure figcaption div a {
border-radius: 0;
}


/* ================================
Single Course Style
================================== */

.single-course-wrapper {
padding: 100px 0;
}
.single-course-wrapper .single-course-content h3.course-title {
font-size: 30px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
}
.single-course-wrapper .single-course-content .course-meta {
margin-top: 35px;
margin-bottom: 45px;
}
.single-course-wrapper .single-course-content .course-meta .course-duration .course-icon,
.single-course-wrapper .single-course-content .course-meta .course-duration .duration-details {
display: table-cell;
vertical-align: top;
}
.single-course-wrapper .single-course-content .course-meta .course-duration .duration-details {
padding-left: 15px;
}
.single-course-wrapper .single-course-content .course-meta .course-duration .duration-details span {
display: block;
font-size: 15px;
}
.single-course-wrapper .single-course-content .course-meta .course-duration .duration-details span:last-child {
font-size: 18px;
font-weight: 600;
font-family: "Roboto Slab", serif;
margin-top: 5px;
}
.single-course-wrapper .single-course-content .course-meta .course-reviews span {
font-size: 15px;
display: block;
}
.single-course-wrapper .single-course-content .course-meta .course-reviews ul li {
display: inline-block;
color: #FFEF3B;
}
.single-course-wrapper .single-course-content .course-meta .course-reviews ul li:last-child {
padding-left: 5px;
font-size: 18px;
font-weight: 600;
color: inherit;
margin-top: 5px;
text-transform: uppercase;
}
.single-course-wrapper .single-course-content .course-meta .course-cat span {
display: block;
font-size: 15px;
}
.single-course-wrapper .single-course-content .course-meta .course-cat span:last-child {
margin-top: 5px;
}
.single-course-wrapper .single-course-content .course-meta .course-cat span:last-child a {
font-size: 18px;
font-weight: 600;
color: inherit;
text-transform: uppercase;
}
.single-course-wrapper .single-course-content .course-meta .course-cat span:last-child a:hover {
color: #80CD36;
}
.single-course-wrapper .single-course-content .course-gallery {
margin-bottom: 60px;
}
.single-course-wrapper .single-course-content .course-gallery #sync1 {
margin-bottom: 30px;
position: relative;
}
.single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
padding: 0 15px;
}
.single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-prev,
.single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-next {
display: inline-block;
width: 48px;
height: 48px;
text-align: center;
border-radius: 50%;
border: 2px solid #fff;
transition: 0.3s ease;
color: #fff;
font-size: 22px;
padding-top: 6px;
}
.single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-prev:hover,
.single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-next:hover {
border-color: #80CD36;
color: #80CD36;
}
.single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-next {
float: right;
}
.single-course-wrapper .single-course-content .course-gallery #sync2 .item img:hover {
cursor: pointer;
}
.single-course-wrapper .single-course-content .course-info-tabs ul.nav-tabs {
border-bottom: 1px solid #cccccc;
}
.single-course-wrapper .single-course-content .course-info-tabs ul.nav-tabs li a {
background: none;
border: none;
font-size: 18px;
font-weight: 600;
font-family: "Roboto Slab", serif;
text-transform: uppercase;
color: inherit;
border-radius: 0;
padding: 15px 25px;
}
.single-course-wrapper .single-course-content .course-info-tabs ul.nav-tabs li.active a {
background: #80CD36;
color: #fff;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane h4 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 50px 0 15px 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul {
margin-top: 25px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul li {
position: relative;
color: #727272;
font-size: 15px;
padding-left: 20px;
padding-bottom: 5px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul li:before {
position: absolute;
content: "\f101";
font-family: "FontAwesome";
left: 0;
top: 0;
color: #80CD36;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul li:last-child {
padding-bottom: 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul.list-two li {
width: 50%;
float: left;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol {
padding-left: 15px;
list-style-type: none;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol li {
padding-bottom: 5px;
color: #727272;
font-size: 15px;
counter-increment: count-me;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol li:last-child {
padding-bottom: 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol li:before {
content: counter(count-me) ". ";
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -1.2em;
top: .05em;
color: #80CD36;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure {
margin-top: 50px;
position: relative;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption {
text-align: center;
background: #fafafa;
padding: 15px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption h4 {
margin: 0 0 5px 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption span {
display: block;
font-size: 14px;
text-transform: uppercase;
color: #323232;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul {
margin: 15px 0 0 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li {
display: inline-block;
padding-left: 10px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li:before {
content: none;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li:first-child {
padding-left: 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li a {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #d0d0d0;
display: block;
height: 29px;
padding-top: 3px;
width: 29px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li a:hover {
color: #80CD36;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews {
margin-top: 50px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review {
margin-bottom: 60px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review:last-child {
margin-bottom: 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-image,
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content {
display: table-cell;
vertical-align: top;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content {
padding-left: 30px;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content h5 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content ul {
margin-top: 0;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content ul li {
display: inline-block;
padding-left: 0;
color: #ffef3b;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content ul li:before {
content: none;
}
.single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content span.rating-subject {
font-weight: 500;
display: block;
text-transform: uppercase;
margin-bottom: 10px;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-tags,
.single-course-wrapper .single-course-content .course-bottom-content .course-share {
margin: 30px 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-tags h4,
.single-course-wrapper .single-course-content .course-bottom-content .course-tags ul,
.single-course-wrapper .single-course-content .course-bottom-content .course-share h4,
.single-course-wrapper .single-course-content .course-bottom-content .course-share ul {
display: inline-block;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-tags h4,
.single-course-wrapper .single-course-content .course-bottom-content .course-share h4 {
margin-right: 15px;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-tags ul li,
.single-course-wrapper .single-course-content .course-bottom-content .course-share ul li {
display: inline-block;
margin-right: 10px;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-tags ul li:last-child,
.single-course-wrapper .single-course-content .course-bottom-content .course-share ul li:last-child {
margin-right: 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-tags ul li a,
.single-course-wrapper .single-course-content .course-bottom-content .course-share ul li a {
display: block;
padding: 5px 10px;
border: 1px solid #aeaeae;
color: #727272;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-share {
margin: 0 0 30px 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-share ul li a {
padding: 4px 0 0 0;
width: 30px;
height: 30px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
border: 0 none;
text-align: center;
}
.single-course-wrapper .single-course-content .course-bottom-content .course-share ul li a:hover {
background: #80CD36;
color: #fff;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course {
margin-top: 50px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single {
border: 1px solid #f4f4f4;
overflow: hidden;
transition: 0.3s ease;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure {
position: relative;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.course-single .course-info h3 {
line-height: 25px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
width: 100%;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li {
display: inline-block;
margin-right: 25px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li:last-child {
margin-right: 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li a {
font-size: 45px;
color: #fff;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li a:hover {
color: #80CD36;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details {
padding: 50px 20px 15px 20px;
position: relative;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details p.price-tag {
background: #80CD36;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
color: #fff;
display: inline-block;
font-size: 20px;
left: 15%;
padding: 10px 25px;
position: absolute;
text-align: center;
top: -23px;
width: 70%;
text-transform: uppercase;
font-weight: 500;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details p.price-tag:before {
border-bottom: 22px solid transparent;
border-right: 20px solid #80CD36;
border-top: 22px solid transparent;
content: "";
height: 0;
left: -20px;
position: absolute;
top: 0;
width: 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details p.price-tag:after {
border-bottom: 22px solid transparent;
border-left: 20px solid #80CD36;
border-top: 22px solid transparent;
content: "";
height: 0;
right: -20px;
position: absolute;
top: 0;
width: 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details h3 {
margin: 0 0 20px 0;
transition: 0.3s ease;
text-transform: uppercase;
font-weight: 600;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info {
margin-bottom: 20px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info li {
display: table-cell;
vertical-align: middle;
margin-right: 10px;
font-size: 15px;
color: #727272;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info li:last-child {
margin-right: 0;
padding-left: 20px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info li img {
border: 2px solid transparent;
transition: 0.3s ease;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt {
padding-bottom: 15px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt span {
font-size: 13px;
display: block;
color: #727272;
padding-bottom: 5px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt span:last-child {
padding-bottom: 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt .col-sm-4 {
position: relative;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt .col-sm-4:before {
background: rgba(0, 0, 0, 0.07);
content: "";
height: 35px;
position: absolute;
right: 5px;
top: 0;
width: 1px;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt .col-sm-4:last-child:before {
content: none;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt-bottom ul {
margin-bottom: 0;
padding: 15px 0 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt-bottom ul li {
display: inline-block;
font-size: 18px;
margin-right: 25px;
color: #727272;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child {
margin-right: 0;
float: right;
color: #FFEF3B;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-details-btn {
position: absolute;
width: 100%;
bottom: -100px;
left: 0;
visibility: hidden;
opacity: 1;
transition: 0.3s ease;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-details-btn a {
background: #80CD36;
color: #fff;
display: block;
font-size: 17px;
padding: 16px 0;
text-align: center;
text-transform: uppercase;
font-weight: 500;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover figure figcaption {
visibility: visible;
opacity: 1;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover .online-course-details h2 {
color: #80CD36;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover .online-course-details ul.teacher-info img {
border-color: #80CD36;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover .course-details-btn {
visibility: visible;
opacity: 1;
bottom: 0;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav {
left: 0;
padding-right: 0;
position: absolute;
text-align: right;
top: -83px;
width: 100%;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-prev,
.single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-next {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
border: 1px solid #323232;
color: #323232;
padding-top: 5px;
transition: 0.3s ease;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-prev:hover,
.single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-next:hover {
color: #80CD36;
border-color: #80CD36;
}
.single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-prev {
margin-right: 10px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget {
margin-bottom: 60px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget:last-child {
margin-bottom: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget h3.widget-title {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
background: #80CD36;
color: #fff;
padding: 30px 0;
margin: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget {
background: #fafafa;
padding: 25px 45px 45px 45px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul {
margin-bottom: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li {
padding-bottom: 30px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li span,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li span {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li span i,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li span i {
display: inline-block;
width: 25px;
color: #80CD36;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li span:last-child,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li span:last-child {
float: right;
font-weight: 500;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features h4,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget h4 {
text-align: center;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features div,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget div {
text-align: center;
margin-top: 30px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features div a.course-btn,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget div a.course-btn {
display: inline-block;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 15px 45px;
background: #80CD36;
color: #fff;
border-radius: 3px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure {
margin-top: 50px;
position: relative;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure img {
width: 100%;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption {
text-align: center;
background: #fafafa;
padding: 20px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption h4 {
margin: 0 0 8px 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption h4 a {
font-size: 22px;
text-transform: uppercase;
font-weight: 600;
color: inherit;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption h4 a:hover {
color: #80CD36;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption span {
display: block;
font-size: 14px;
text-transform: uppercase;
color: #323232;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul {
margin: 15px 0 0 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li {
display: inline-block;
padding-left: 10px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li:before {
content: none;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li:first-child {
padding-left: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li a {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #d0d0d0;
display: block;
height: 32px;
padding-top: 5px;
width: 32px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li a:hover {
color: #80CD36;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li {
padding-bottom: 30px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li:last-child {
padding-bottom: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget {
background: #fafafa;
padding: 30px 15px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single {
margin-bottom: 30px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single:last-child {
margin-bottom: 0;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-image,
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix {
display: table-cell;
vertical-align: top;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix {
padding-left: 15px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix h4 {
margin: 0 0 10px 0;
line-height: 27px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix h4 a {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: inherit;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix h4 a:hover {
color: #80CD36;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix ul li {
display: inline-block;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix ul li a {
font-size: 14px;
font-weight: 500;
padding: 5px 15px;
background: #80CD36;
color: #fff;
display: block;
border-radius: 3px;
}
.single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix ul li:last-child {
float: right;
color: #ffef3b;
font-size: 20px;
}


/* ================================
Events One Style
================================== */

.all-course-wrapper .events-block .col-sm-12:last-child .event2-single {
margin-bottom: 65px;
}


/* ================================
Events Three Style
================================== */

.all-course-wrapper.events11 .events-list .col-sm-12:last-child .event-single-row {
margin-bottom: 60px;
}


/* ================================
Event Details Style
================================== */

.event-details-wrapper .single-event-inner h2.event-title {
margin: 0 0 30px 0;
text-transform: none;
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.event-details-wrapper .single-event-inner .event-image {
margin-bottom: 30px;
}
.event-details-wrapper .single-event-inner .event-image img {
width: 100%;
}
.event-details-wrapper .single-event-inner .event-content p {
margin-bottom: 0;
}
.event-details-wrapper .single-event-inner .event-content .event-speaker {
margin-top: 50px;
}
.event-details-wrapper .single-event-inner .event-content .event-speaker h3 {
margin: 0 0 20px 0;
}
.event-details-wrapper .single-event-inner .event-content .event-speaker .speaker-list figure figcaption {
margin-top: 15px;
text-align: center;
}
.event-details-wrapper .single-event-inner .event-content .event-speaker .speaker-list figure figcaption p {
margin: 0 0 5px 0;
text-transform: uppercase;
font-weight: 500;
color: inherit;
}
.event-details-wrapper .single-event-inner .event-content .event-speaker .speaker-list figure figcaption span {
text-transform: uppercase;
color: #727272;
font-size: 13px;
}
.event-details-wrapper .single-event-inner .event-content .event-time-place {
margin-top: 50px;
}
.event-details-wrapper .single-event-inner .event-content .event-time-place h3 {
margin: 0 0 15px 0;
}
.event-details-wrapper .single-event-inner .event-content .event-time-place p {
margin-bottom: 10px;
}
.event-details-wrapper .single-event-inner .event-content .event-time-place p:last-child {
margin-bottom: 0;
}
.event-details-wrapper .single-event-inner .event-content .event-details {
margin-top: 50px;
}
.event-details-wrapper .single-event-inner .event-content .event-details h3 {
margin: 0 0 15px 0;
}
.event-details-wrapper .single-event-inner .event-content .event-details ul li {
position: relative;
padding: 0 0 10px 25px;
}
.event-details-wrapper .single-event-inner .event-content .event-details ul li:last-child {
padding-bottom: 0;
}
.event-details-wrapper .single-event-inner .event-content .event-details ul li:before {
position: absolute;
content: "\f00c";
left: 0;
top: 0;
font-family: "FontAwesome";
color: #80CD36;
}
.event-details-wrapper .single-event-inner .event-content .event-participant {
margin-top: 50px;
}
.event-details-wrapper .single-event-inner .event-content .event-participant h3 {
margin: 0 0 20px 0;
}
.event-details-wrapper .single-event-inner .event-content .event-participant figure figcaption {
margin-top: 15px;
text-align: center;
}
.event-details-wrapper .single-event-inner .event-content .event-participant figure figcaption p {
margin: 0 0 5px 0;
text-transform: uppercase;
font-weight: 500;
color: inherit;
}
.event-details-wrapper .single-event-inner .event-content .event-participant figure figcaption span {
text-transform: uppercase;
color: #727272;
font-size: 13px;
}
.event-details-wrapper .single-event-inner .event-content .join-event {
margin-top: 80px;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul {
margin-bottom: 0;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul li {
display: inline-block;
margin-right: 15px;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul li a {
display: block;
border: 2px solid #80CD36;
color: #80CD36;
padding: 13px 45px;
text-transform: uppercase;
font-weight: 500;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul li a:hover {
background: #80CD36;
color: #fff;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul li:last-child {
float: right;
margin-right: 0;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul li:last-child a {
background: #80CD36;
color: #fff;
}
.event-details-wrapper .single-event-inner .event-content .join-event ul li:last-child a:hover {
background: none;
color: #80CD36;
}


/* ================================
Teachers One Style
================================== */

.all-teachers-wrapper.teachers .teachers-block .row:last-child .teacher-single {
margin-bottom: 65px;
}


/* ================================
Teachers Two Style
================================== */

.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-top: 30px;
margin-bottom: 50px;
transition: 0.5s ease;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure {
position: relative;
overflow: hidden;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure img {
transition: 0.5s ease;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background: rgba(128, 205, 54, 0.7);
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
transition: 0.5s ease;
visibility: hidden;
opacity: 0;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul {
text-align: center;
margin-bottom: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li {
display: inline-block;
margin-right: 10px;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li:last-child {
margin-right: 0;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li a {
display: block;
width: 35px;
height: 35px;
border-radius: 100px;
background: #fff;
text-align: center;
padding-top: 7px;
color: #6b6b6b;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li a:hover {
color: #80CD36;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div {
text-align: center;
padding: 15px;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div h3 {
margin: 0 0 10px 0;
transition: 0.5s ease;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div h3 a {
color: inherit;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div span {
font-size: 15px;
transition: 0.5s ease;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover div h3 a {
color: #80CD36;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover div span {
color: #80CD36;
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover figure img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover figure figcaption {
height: 100%;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
visibility: visible;
opacity: 1;
}


/* ================================
Teachers Four Style
================================== */

.all-teachers-wrapper .teachers-four-wrapper .teacher-single {
margin-bottom: 60px;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover figure:before {
width: 100%;
opacity: 1;
visibility: visible;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover figure img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover figure figcaption {
visibility: visible;
opacity: 1;
right: 0;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover .teacher-info h4 a {
color: #80CD36;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure {
position: relative;
overflow: hidden;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 0;
height: 100%;
background: rgba(0, 0, 0, 0.3);
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure img {
transition: .5s ease;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption {
position: absolute;
width: 60px;
right: -60px;
top: 0;
height: 100%;
background: #80CD36;
z-index: 2;
visibility: hidden;
opacity: 0;
transition: 0.6s ease;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption ul {
text-align: center;
margin-top: 20px;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption ul li {
margin-bottom: 15px;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption ul li a {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100px;
font-size: 14px;
background: #fff;
color: #80CD36;
padding-top: 5px;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info {
text-align: center;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info h4 {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin: 15px 0 10px 0;
transition: 0.3s ease;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info h4 a {
color: inherit;
}
.all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info span {
font-size: 15px;
}


/* ================================
Teachers Six Style
================================== */

.all-teachers-wrapper .teachers-six-wrapper .instructor-single {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
margin-bottom: 60px;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single:hover h3 a {
color: #80CD36;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single figure img {
width: 100%;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption {
padding: 25px 15px;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption h3 {
font-weight: 600;
margin: 0 0 15px 0;
transition: 0.3s ease;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption h3 a {
color: inherit;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption span {
margin-bottom: 15px;
display: block;
}
.all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption p {
margin-bottom: 0;
}


/* ================================
Teachers Seven Style
================================== */

.all-teachers-wrapper .kg-teachers-wrapper .teacher-single-inner {
margin-bottom: 60px;
}


/* ================================
About Us Page Style
================================== */

.about-page-services {
padding-bottom: 50px;
background: url(../images/bgnossosideais.jpg);
background-size: cover;
}
.about-page-services .service-boxes-inner .service-box-content {
margin-bottom: 50px;
}
.about-testimonial {
background: #f9f9f9;
padding-bottom: 80px;
}
.about-testimonial .section-header03 h2 {
text-align: center;
}
.about-testimonial .section-header03 h2:after {
left: 50%;
margin-left: -60px;
}
.about-testimonial .testimonial-items .owl-item .single-box span {
color: #727272;
}


.value-inner-content .number .bg-3 {
    background-color: #eca110; color: #fff;
}

.value-inner-content .number span {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    background-color: #d3f5fe;
    text-align: center;
    font-size: 25px;
    color: #1b0238;
    border-radius: 50px;
    position: absolute;
    left: 0;
 	margin-top: -5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.bgeducacaoinfantil {background: #faf8f9 url(../images/bgeducacaoinfantil.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;}

.value-inner-content h4, .value-inner-content p, .value-inner-content ul.valores {padding-left: 50px;}
.value-inner-content h4 {font-size: 25px; color: #ECA110;}


.about-page-services strong {font-size: 20px; color: #eca110;}

/* ================================
Teacher Single Page Style
================================== */

.teacher-details-wrapper {
padding: 100px 0;
}
.teacher-details-wrapper .teacher-detail-left .teacher-skills {
margin-top: 30px;
}
.teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single {
margin-top: 20px;
}
.teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single span {
display: block;
}
.teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single span:last-child {
width: 100%;
height: 10px;
background: #f3f3f3;
margin-top: 10px;
position: relative;
}
.teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single span:last-child span {
position: absolute;
height: 100%;
background: #80CD36;
left: 0;
top: 0;
margin-top: 0;
}
.teacher-details-wrapper .teacher-detail-right .teacher-info {
background: #f3f3f3;
border: 1px solid #e8e8e8;
padding: 20px 15px;
min-height: 360px;
}
.teacher-details-wrapper .teacher-detail-right .teacher-info ul {
margin-bottom: 0;
}
.teacher-details-wrapper .teacher-detail-right .teacher-info ul li {
border-bottom: 2px solid #e8e8e8;
margin-bottom: 18px;
padding-bottom: 18px;
}
.teacher-details-wrapper .teacher-detail-right .teacher-info ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0 none;
}
.teacher-details-wrapper .teacher-detail-right .teacher-info ul li h3 {
margin: 0 0 10px 0;
}
.teacher-details-wrapper .teacher-detail-right .teacher-contact {
background: #f3f3f3;
border: 1px solid #e8e8e8;
min-height: 360px;
}
.teacher-details-wrapper .teacher-detail-right .teacher-contact h2 {
margin: 0;
padding: 20px 0;
background: #80CD36;
color: #fff;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
.teacher-details-wrapper .teacher-detail-right .teacher-contact form {
padding: 30px;
}
.teacher-details-wrapper .teacher-detail-right .teacher-contact form input {
width: 100%;
margin-bottom: 18px;
height: 45px;
padding: 0 15px;
border: 1px solid #e8e8e8;
transition: 0.3s ease;
}
.teacher-details-wrapper .teacher-detail-right .teacher-contact form input:focus {
border-color: #80CD36;
}
.teacher-details-wrapper .teacher-detail-right .teacher-contact form button {
width: 100%;
border: 0 none;
background: #80CD36;
color: #fff;
text-transform: uppercase;
padding: 13px 0;
font-weight: 500;
}
.teacher-details-wrapper .teacher-detail-right .teacher-tab {
margin-top: 30px;
}
.teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs {
border-color: #e8e8e8;
}
.teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li a {
text-transform: uppercase;
border: 1px solid #e8e8e8;
border-radius: 0;
color: inherit;
margin-right: -1px;
font-weight: 500;
}
.teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li.active a {
border: 0 none;
background: #80CD36;
color: #fff;
border: 1px solid #80CD36;
}
.teacher-details-wrapper .teacher-detail-right .teacher-tab .tab-content .tab-pane {
padding-top: 15px;
}


/* ================================
Become A Teacher Page Style
================================== */

.teacher-registration-wrapper {
padding: 100px 0;
}
.teacher-registration-wrapper .tr-header {
margin-bottom: 100px;
}
.teacher-registration-wrapper .tr-header h2 {
font-size: 30px;
text-transform: uppercase;
font-weight: 600;
margin: 0 0 30px 0;
}
.teacher-registration-wrapper .tr-header p:last-child {
margin-bottom: 0;
}
.teacher-registration-wrapper .tr-image {
margin-bottom: 100px;
}
.teacher-registration-wrapper .bt-tabs ul.nav-tabs {
border-color: #e8e8e8;
}
.teacher-registration-wrapper .bt-tabs ul.nav-tabs li a {
text-transform: uppercase;
border: 1px solid #e8e8e8;
border-radius: 0;
color: inherit;
margin-right: -1px;
font-weight: 500;
}
.teacher-registration-wrapper .bt-tabs ul.nav-tabs li.active a {
border: 0 none;
background: #80CD36;
color: #fff;
border: 1px solid #80CD36;
}
.teacher-registration-wrapper .bt-tabs .tab-content .tab-pane {
padding-top: 20px;
}
.teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul {
margin: 30px 0 0 0;
}
.teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li {
color: #727272;
padding-bottom: 15px;
position: relative;
padding-left: 25px;
}
.teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li:before {
position: absolute;
content: "\f00c";
font-family: FontAwesome;
color: #80CD36;
left: 0;
top: 0;
}
.teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li:last-child {
padding-bottom: 0;
}
.teacher-registration-wrapper .teacher-apply {
background: #f3f3f3;
}
.teacher-registration-wrapper .teacher-apply h3 {
margin: 0;
padding: 20px;
text-align: center;
background: #80CD36;
color: #fff;
text-transform: uppercase;
}
.teacher-registration-wrapper .teacher-apply p {
text-align: center;
padding: 0 30px;
margin: 15px 0 0 0;
}
.teacher-registration-wrapper .teacher-apply form {
padding: 30px;
}
.teacher-registration-wrapper .teacher-apply form input {
display: block;
width: 100%;
height: 35px;
padding: 0 15px;
margin-bottom: 20px;
border: 1px solid #e8e8e8;
transition: 0.3s ease;
}
.teacher-registration-wrapper .teacher-apply form textarea {
width: 100%;
display: block;
padding: 15px;
height: 60px;
border: 1px solid #e8e8e8;
transition: 0.3s ease;
}
.teacher-registration-wrapper .teacher-apply form input:focus,
.teacher-registration-wrapper .teacher-apply form textarea:focus {
border-color: #80CD36;
}
.teacher-registration-wrapper .teacher-apply form input[type="file"] {
display: none;
}
.teacher-registration-wrapper .teacher-apply form .custom-file-upload {
border: 0 none;
cursor: pointer;
display: inline-block;
font-weight: 400;
margin: 20px 0;
padding: 0;
width: 100%;
}
.teacher-registration-wrapper .teacher-apply form .custom-file-upload i {
display: inline-block;
padding-right: 5px;
}
.teacher-registration-wrapper .teacher-apply form button {
width: 100%;
display: block;
padding: 15px 0;
background: #80CD36;
text-transform: uppercase;
font-weight: 500;
border: 0 none;
color: #fff;
}


/* ================================
FAQ Page Style
================================== */

.faq-wrapper {
padding: 100px 0;
}
.faq-wrapper .faq-header {
margin-bottom: 50px;
}
.faq-wrapper .faq-header h3 {
margin: 0;
}
.faq-wrapper .faq-tabs {
margin-bottom: 100px;
}
.faq-wrapper .faq-tabs .panel-group {
margin-bottom: 0;
}
.faq-wrapper .faq-tabs .panel-group .panel {
border: 0 none;
box-shadow: none;
margin-bottom: 20px;
}
.faq-wrapper .faq-tabs .panel-group .panel:last-child {
margin-bottom: 0;
}
.faq-wrapper .faq-tabs .panel-group .panel .panel-heading {
border: 0 none;
background: none;
border-radius: 0;
padding: 0;
}
.faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a {
display: block;
padding: 15px;
background: #f7f7f7;
position: relative;
}
.faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a[aria-expanded='false']:before {
content: "\f196";
font-family: "FontAwesome";
position: absolute;
right: 15px;
top: 17px;
transition: all 0.3s ease 0s;
color: #80CD36;
}
.faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a[aria-expanded='true']:before {
position: absolute;
content: "\f147";
right: 15px;
top: 17px;
font-family: "FontAwesome";
transition: 0.3s ease;
}
.faq-wrapper .faq-tabs .panel-group .panel .panel-collapse .panel-body {
border: 0 none;
}
.faq-wrapper .question-form form .form-group {
margin-bottom: 0;
}
.faq-wrapper .question-form form .form-group input {
width: 100%;
height: 45px;
padding: 0 15px;
border: 1px solid #f3f3f3;
margin-bottom: 20px;
transition: 0.3s ease;
}
.faq-wrapper .question-form form .form-group textarea {
width: 100%;
min-height: 175px;
border: 1px solid #f3f3f3;
padding: 15px;
transition: 0.3s ease;
margin-bottom: 20px;
}
.faq-wrapper .question-form form .form-group input:focus,
.faq-wrapper .question-form form .form-group textarea:focus {
border-color: #80CD36;
}
.faq-wrapper .question-form form .form-group button {
border: 2px solid #80CD36;
color: #fff;
background: #80CD36;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
padding: 13px 40px;
transition: 0.3s ease;
}
.faq-wrapper .question-form form .form-group button:hover {
background: none;
color: #80CD36;
}


/* ================================
Portfolio Page Style
================================== */

.portfolio-wrapper {
padding: 100px 0;
}
.portfolio-wrapper .portfolio-content figure {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.portfolio-wrapper .portfolio-content figure img {
transition: 0.6s ease;
}
.portfolio-wrapper .portfolio-content figure:hover img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.portfolio-wrapper .portfolio-content figure:hover figcaption {
background: rgba(128, 205, 54, 0.8);
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
bottom: 0;
left: 0;
}
.portfolio-wrapper .portfolio-content figure figcaption {
position: absolute;
bottom: 50%;
left: 50%;
width: 100%;
height: 100%;
background: #000;
visibility: hidden;
opacity: 0;
transition: 0.6s ease;
-webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
        transform: scale(0.2);
}
.portfolio-wrapper .portfolio-content figure figcaption div {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.portfolio-wrapper .portfolio-content figure figcaption div p a {
color: #fff;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
}
.portfolio-wrapper .portfolio-content figure figcaption div h3 {
margin: 0;
}
.portfolio-wrapper .portfolio-content figure figcaption div h3 a {
text-transform: uppercase;
color: #fff;
}
.portfolio-wrapper .portfolio-content figure figcaption div a:hover {
color: #323232;
}
.portfolio-wrapper .blog-pagination {
margin-top: 30px;
}
.portfolio-wrapper .blog-pagination ul {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
border-top: 1px solid rgba(0, 0, 0, 0.04);
margin-bottom: 0;
padding: 10px 0;
text-align: center;
}
.portfolio-wrapper .blog-pagination ul li {
display: inline-block;
}
.portfolio-wrapper .blog-pagination ul li a {
background: none;
font-weight: 500;
display: block;
padding: 10px 15px;
color: #727272;
}
.portfolio-wrapper .blog-pagination ul li a:hover {
background: #80CD36;
color: #fff;
}
.portfolio-wrapper .blog-pagination ul li.active a {
background: #80CD36;
color: #fff;
}


/* ================================
Contact One Style
================================== */

.contact-wrapper {
padding: 100px 0;
}
.contact-wrapper .contact-one-form h2 {
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 50px 0;
line-height: 22px;
}
.contact-wrapper .contact-one-form form .form-group {
margin-bottom: 0;
}
.contact-wrapper .contact-one-form form .form-group input {
width: 100%;
height: 45px;
padding: 0 15px;
border: 1px solid #102560;
margin-bottom: 25px;
transition: 0.3s ease;
}
.contact-wrapper .contact-one-form form .form-group textarea {
width: 100%;
height: 200px;
border: 1px solid #102560;
margin-bottom: 25px;
padding: 15px;
transition: 0.3s ease;
}
.contact-wrapper .contact-one-form form .form-group input:focus,
.contact-wrapper .contact-one-form form .form-group textarea:focus {
border-color: #80CD36;
}
.contact-wrapper .contact-one-form form .form-group button {
padding: 13px 40px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: #57A40D;
border: 2px solid #80CD36;
transition: 0.3s ease;
}
.contact-wrapper .contact-one-form form .form-group button:hover {
background: none;
color: #80CD36;
}
.contact-wrapper .contact-map h2 {
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 50px 0;
line-height: 22px;
}
.contact-wrapper .contact-boxes {
margin-top: 100px;
text-align: center;
}
.contact-wrapper .contact-boxes i {
font-size: 30px;
color: #043f87;
}


/* ================================
Contact Two Style
================================== */

.contact-wrapper .contact-two-top h3 {
font-size: 22px;
margin: 0 0 40px 0;
}
.contact-wrapper .contact-two-top .contact-info .contact-info-box {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
margin-bottom: 20px;
}
.contact-wrapper .contact-two-top .contact-info .contact-info-box .icon,
.contact-wrapper .contact-two-top .contact-info .contact-info-box .cinfo {
display: table-cell;
vertical-align: top;
}
.contact-wrapper .contact-two-top .contact-info .contact-info-box .icon {
width: 60px;
}
.contact-wrapper .contact-two-top .contact-info .contact-info-box .icon i {
font-size: 40px;
color: #80CD36;
}
.contact-wrapper .contact-two-top .contact-info .contact-info-box .cinfo h4 {
margin: 0 0 5px 0;
text-transform: uppercase;
}
.contact-wrapper .contact-two-top .contact-info .contact-info-box .cinfo p {
margin-bottom: 0;
}
.contact-wrapper .contact-two-bottom {
padding-top: 60px;
margin-top: 40px;
border-top: 1px solid #e8e8e8;
}
.contact-wrapper .contact-two-bottom h3 {
font-size: 22px;
margin: 0 0 40px 0;
}
.contact-wrapper .contact-two-bottom .team-single {
margin-bottom: 30px;
}
.contact-wrapper .contact-two-bottom .team-single:last-child {
margin-bottom: 0;
}
.contact-wrapper .contact-two-bottom .team-single .team-image,
.contact-wrapper .contact-two-bottom .team-single .team-info {
display: table-cell;
vertical-align: top;
}
.contact-wrapper .contact-two-bottom .team-single .team-info {
padding-left: 30px;
}
.contact-wrapper .contact-two-bottom .team-single .team-info h4 {
margin: 0 0 5px;
text-transform: uppercase;
}
.contact-wrapper .contact-two-bottom .team-single .team-info ul {
margin: 10px 0 0 0;
}
.contact-wrapper .contact-two-bottom form .form-group {
margin-bottom: 0;
}
.contact-wrapper .contact-two-bottom form .form-group input,
.contact-wrapper .contact-two-bottom form .form-group textarea {
width: 100%;
height: 45px;
padding: 0 15px;
margin-bottom: 20px;
border: 1px solid #e8e8e8;
transition: 0.3s ease;
}
.contact-wrapper .contact-two-bottom form .form-group input:focus,
.contact-wrapper .contact-two-bottom form .form-group textarea:focus {
border-color: #80CD36;
}
.contact-wrapper .contact-two-bottom form .form-group textarea {
height: 150px;
padding: 15px;
}
.contact-wrapper .contact-two-bottom form .form-group button {
padding: 13px 40px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: #80CD36;
border: 2px solid #80CD36;
transition: 0.3s ease;
}
.contact-wrapper .contact-two-bottom form .form-group button:hover {
background: none;
color: #80CD36;
}


/* ================================
Contact Three Style
================================== */

.contact-wrapper .contact-three-header h2 {
font-size: 30px;
line-height: 20px;
margin: 0 0 50px;
padding-bottom: 25px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.contact-wrapper .contact-three-header h2:before {
background: #80CD36;
bottom: 0;
content: "";
height: 2px;
left: 50%;
margin-left: -50px;
position: absolute;
width: 100px;
}
.contact-wrapper .contact-three-info ul {
margin-bottom: 40px;
}
.contact-wrapper .contact-three-info ul li span {
display: block;
}
.contact-wrapper .contact-three-info ul li span.icon {
width: 80px;
height: 80px;
text-align: center;
border: 5px solid #e8e8e8;
background: #80CD36;
font-size: 30px;
color: #fff;
border-radius: 50%;
padding-top: 13px;
margin-bottom: 15px;
}
.contact-wrapper .contact-map iframe {
pointer-events: none;
width: 100%;
border: 0 none;
}
.contact-wrapper .contact-three-form {
background: #80CD36;
min-height: 577px;
padding: 60px 35px;
}
.contact-wrapper .contact-three-form form input,
.contact-wrapper .contact-three-form form textarea {
width: 100%;
height: 45px;
border: 1px solid #fff;
margin-bottom: 30px;
padding: 0 15px;
transition: 0.3s ease;
background: none;
color: #fff;
}
.contact-wrapper .contact-three-form form input:focus,
.contact-wrapper .contact-three-form form textarea:focus {
border-color: #fff;
}
.contact-wrapper .contact-three-form form textarea {
height: 150px;
padding: 15px;
}
.contact-wrapper .contact-three-form form button {
padding: 13px 40px;
text-transform: uppercase;
background: #fff;
border: 2px solid #fff;
color: #80CD36;
transition: 0.3s ease;
font-weight: 500;
}
.contact-wrapper .contact-three-form form button:hover {
background: none;
color: #fff;
}


/* ================================
Forum Page Style
================================== */

.forum-wrapper .forum-search {
background: #f4f4f4;
padding: 15px;
margin-bottom: 30px;
}
.forum-wrapper .forum-search p {
margin: 6px 0 0 0;
font-weight: 500;
text-transform: uppercase;
}
.forum-wrapper .forum-search form {
position: relative;
}
.forum-wrapper .forum-search form input {
width: 100%;
height: 35px;
padding: 0 15px;
border: 1px solid #e8e8e8;
}
.forum-wrapper .forum-search form button {
position: absolute;
background: none;
height: 35px;
padding: 0 15px;
right: 0;
top: 0;
color: #727272;
border: 0 none;
}
.forum-wrapper .forum-header {
background: #80CD36;
padding: 15px;
}
.forum-wrapper .forum-header .forum-name h3,
.forum-wrapper .forum-header .total-topic h3,
.forum-wrapper .forum-header .total-post h3,
.forum-wrapper .forum-header .last-modified h3 {
color: #fff;
margin: 0;
}
.forum-wrapper .forum-header .total-topic,
.forum-wrapper .forum-header .total-post,
.forum-wrapper .forum-header .last-modified {
text-align: center;
}
.forum-wrapper .forum-content {
margin-bottom: 60px;
}
.forum-wrapper .forum-content .single-forum {
padding: 30px 15px;
}
.forum-wrapper .forum-content .single-forum .forum-subject h3 {
margin: 0 0 6px 0;
line-height: 26px;
}
.forum-wrapper .forum-content .single-forum .forum-subject h3 a {
color: inherit;
text-transform: none;
}
.forum-wrapper .forum-content .single-forum .forum-subject h3 a:hover {
color: #80CD36;
}
.forum-wrapper .forum-content .single-forum .ftopics,
.forum-wrapper .forum-content .single-forum .fposts,
.forum-wrapper .forum-content .single-forum .f-modified-time {
text-align: center;
}
.forum-wrapper .forum-content .single-forum .f-modified-time span {
display: block;
}
.forum-wrapper .forum-content .single-forum .f-modified-time span:last-child {
margin-top: 10px;
}
.forum-wrapper .forum-content .single-forum .f-modified-time span:last-child a {
color: #80CD36;
}
.forum-wrapper .forum-content .single-forum.forum-inverted {
background: #fafafa;
}

/* ==================================================================
                    [- Shop Page -]
================================================================== */
.shop-area{
padding: 100px 0;
}
.shop-area .shop-top{
margin-bottom: 50px;
}
.shop-area .shop-top p{
display: inline-block;
margin-bottom: 0;
}
.shop-area .shop-top select {
background: rgba(0, 0, 0, 0) url("../images/select-btn.png") no-repeat scroll 95% center / 20px auto;
border: 1px solid #eee;
padding: 10px 40px 10px 10px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
cursor: pointer;
}
.shop-area .product-column .single-product{
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #eee;
}
.shop-area .product-column .single-product figure{
position: relative;
overflow: hidden;
border:1px solid #f5f5f5;
}
.shop-area .product-column .single-product figure:before{
position: absolute;
content: "";
width: 100%;
height: 0;
left: 0;
bottom: 0;
background: rgba(128,205,54,.8);
transition: .3s ease;
visibility: hidden;
opacity: 0;
}
.shop-area .product-column .single-product figure:hover:before{
height: 100%;
opacity: 1;
visibility: visible;
}
.shop-area .product-column .single-product figure figcaption{
position: absolute;
left: 0;
width: 100%;
text-align: center;
top: 100%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: .8s ease;
}
.shop-area .product-column .single-product figure:hover figcaption{
top: 50%;
opacity: 1;
visibility: visible;
}
.shop-area .product-column .single-product figure figcaption ul{
margin-bottom: 0;
}
.shop-area .product-column .single-product figure figcaption ul li a{
border: 1px solid #fff;
padding: 8px 15px;
display: inline-block;
color: #000;
background: #fff;
margin-bottom: 10px;
text-transform: uppercase;
border-radius:3px;
}
.shop-area .product-column .single-product figure figcaption ul li a:hover{
background: #000;
color: #fff;
border-color: #000;
}
.shop-area .product-column .single-product .product-bottom{
text-align: center;
padding: 15px 0 0 0;
}
.shop-area .product-column .single-product .product-bottom h4{
margin: 0 0 10px 0;
}
.shop-area .product-column .single-product .product-bottom h4 a{
color: #333;
}
.shop-area .product-column .single-product .product-bottom h4 a:hover{
color: #80CD36;
}
.shop-area .product-pagination{
text-align: center;
padding-top: 20px;
}
.shop-area .product-pagination ul{
margin-bottom: 0;
}
.shop-area .product-pagination ul li{
display: inline;
}
.shop-area .product-pagination ul li a{
display: inline-block;
padding: 10px 15px;
border: 1px solid #eee;
color: #333;
}
.shop-area .product-pagination ul li.active a{
background: #80CD36;
color: #fff;
border-color:#80CD36;
}
.shop-area .product-pagination ul li a:hover{
border-color:#80CD36;
}


/* ==================================================================
                    [- Product Details Page -]
================================================================== */
.product-details{
padding: 100px 0;
}
.product-details .product-info{
margin-bottom: 50px;
}
.product-details .product-info > h2 {
color: #000;
font-size: 22px;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 20px 0;
}
.product-details .product-info span.p-price{
font-weight: 700;
display: block;
font-size: 24px;
color: #80CD36;
margin-bottom: 20px;
}
.product-details .product-info .product-activity{
margin-top: 20px;
padding: 30px 0 40px 0;
border-top: 1px solid #eee;
}
.product-details .product-info .product-activity form div.quantity, .product-details .product-info .product-activity form button, .product-details .product-info .product-activity form .wishbtn{
display: inline-block;
}
.product-details .product-info .product-activity form div.quantity > input {
padding: 10px 0 10px 10px;
width: 60px;
border:1px solid #eee;
transition: .3s ease;
}
.product-details .product-info .product-activity form div.quantity > input:hover{
border-color: #777;
}
.product-details .product-info .product-activity form.cart button[type="submit"]{
background: #80CD36;
border:0 none;
padding: 10px 25px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-left: 6px;
transition: .3s ease;
}
.product-details .product-info .product-activity form.cart button[type="submit"]:hover{
background: #000;
}
.product-details .product-info .product-activity form.cart .wishbtn a{
color: #fff;
background: #80CD36;
padding: 10px 15px;
display: inline-block;
margin-left: 6px;
}
.product-details .product-info .product-activity form.cart .wishbtn a:hover{
background: #000;
}
.product-details .product-info .product-category p, .product-details .product-info .product-category ul, .product-details .product-info .product-tags p, .product-details .product-info .product-tags ul{
display: inline-block;
}
.product-details .product-info .product-category{
margin-bottom: 10px;
}
.product-details .product-info .product-category p, .product-details .product-info .product-tags p{
min-width: 130px;
color: #333;
font-weight: 600;
}
.product-details .product-info .product-category ul, .product-details .product-info .product-tags ul{
margin-bottom: 0;
}
.product-details .product-info .product-category ul li, .product-details .product-info .product-tags ul li{
display: inline;
position: relative;
padding-right: 10px;
margin-right: 0px;
}
.product-details .product-info .product-category ul li:before, .product-details .product-info .product-tags ul li:before{
position: absolute;
content: "/";
right: 0;
}
.product-details .product-info .product-category ul li:last-child:before, .product-details .product-info .product-tags ul li:last-child:before{
content: none;
padding-right: 0;
margin-right: 0;
}
.product-details .product-info .product-category ul li a, .product-details .product-info .product-tags ul li a{
color: #777;
}
.product-details .product-info .product-category ul li a:hover, .product-details .product-info .product-tags ul li a:hover{
color: #333;
}
.product-details .product-tabs ul.nav li a {
font-size: 16px;
color: #777;
}
.product-details .product-tabs ul.nav li a:hover{
color: #80CD36;
}
.product-details .product-tabs ul.nav li.active a{
color: #333;
}
.product-details .product-tabs .tab-content .tab-pane{
padding: 50px 0;
}
.product-details .product-tabs .tab-content .tab-pane p{
font-weight: 300;
}
.product-details .product-tabs .tab-content .tab-pane ul li{
font-size: 15px;
font-weight: 300;
}

/* Review Style */
.product-details .product-tabs .tab-content .tab-pane .review-area .review-title h2{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review{
display: table-cell;
vertical-align: top;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single{
padding-top: 40px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb{
padding-right: 20px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li{
display: inline;
margin-right: 10px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2){
position: relative;
text-transform: uppercase;
font-weight: 500;
padding-right: 18px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(3){
color: #80CD36;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2){
font-weight: 400;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child:before, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2):before{
position: absolute;
content: "|";
right: 0;
top: -2px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .review-reply .author-review .review-meta ul li:nth-child(2):before{
content: none;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child{
float: right;
position: relative;
top: -7px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul{
display: inline-block;
margin-right: 15px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul li{
display: inline-block;
padding-right: 0;
margin-right: 5px;
position: inherit;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul li:last-child{
margin-right: 0;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child a{
display: inline-block;
width: 30px;
height: 30px;
background: #eee;
color: #727272;
text-align: center;
padding-top: 6px;
}

.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb img{
width: 80px;
}
.product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .review-reply{
margin: 40px 0 0 90px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating{
margin-bottom: 25px;
}
.fa-2x {
font-size: 18px;
margin-right: 5px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating span{
display: block;
margin-bottom: 10px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating span .rating-symbol {
color: #80CD36;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating p{
margin-bottom: 0;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating p i:hover{
color: #80CD36;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area h2.review-form-title{
margin: 50px 0 40px 0;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.product-details .product-tabs .tab-content .tab-panet .review-form-area h2.review-form-title{
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group label{
display: block;
font-weight: 400;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group input, .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea{
width: 100%;
border-top:0 none; 
border-bottom:1px solid #eee; 
border-left:0 none; 
border-right: 0 none;
padding: 5px 0;
box-shadow: none;
margin-bottom: 20px;
transition: .3s ease;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group input:focus, .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea:focus{
border-bottom-color: #80CD36;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea{
height: 150px;
}
.product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group button{
background: #80CD36;
border: 0 none;
padding: 10px 25px;
color: #fff;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
}
.related-products h2{
margin: 0 0 50px 0;
font-size: 20px;
font-weight: 700;
padding: 0;
text-transform: uppercase;
}
.related-products .product-column .single-product{
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #eee;
}
.related-products .product-column .single-product figure{
position: relative;
overflow: hidden;
border:1px solid #f5f5f5;
}
.related-products .product-column .single-product figure:before{
position: absolute;
content: "";
width: 100%;
height: 0;
left: 0;
bottom: 0;
background: rgba(128,205,54,0.8);
transition: .3s ease;
visibility: hidden;
opacity: 0;
}
.related-products .product-column .single-product figure:hover:before{
height: 100%;
opacity: 1;
visibility: visible;
}
.related-products .product-column .single-product figure figcaption{
position: absolute;
left: 0;
width: 100%;
text-align: center;
top: 100%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
visibility: hidden;
opacity: 0;
transition: .8s ease;
}
.related-products .product-column .single-product figure:hover figcaption{
top: 50%;
opacity: 1;
visibility: visible;
}
.related-products .product-column .single-product figure figcaption ul{
margin-bottom: 0;
}
.related-products .product-column .single-product figure figcaption ul li a{
border: 1px solid #fff;
padding: 8px 15px;
display: inline-block;
color: #000;
background: #fff;
margin-bottom: 10px;
text-transform: uppercase;
border-radius:3px;
}
.related-products .product-column .single-product figure figcaption ul li a:hover{
background: #000;
color: #fff;
border-color: #000;
}
.related-products .product-column .single-product .product-bottom{
text-align: center;
padding: 15px 0 0 0;
}
.related-products .product-column .single-product .product-bottom h4{
margin: 0 0 10px 0;
}
.related-products .product-column .single-product .product-bottom h4 a{
color: #333;
}
.related-products .product-column .single-product .product-bottom h4 a:hover{
color: #80CD36;
}
/* Product Details Sidebar */
.pd-sidebar h2{
text-align: center;
background: #80CD36;
margin: 0 0 30px 0;
padding: 15px 0;
color: #fff;
font-size: 18px;
text-transform: uppercase;
}
.pd-sidebar .sidebar-single-product{
margin-bottom: 30px;
}
.pd-sidebar .sidebar-single-product .product-np, .pd-sidebar .sidebar-single-product .product-thumb{
display: table-cell;
vertical-align: top;
}
.pd-sidebar .sidebar-single-product .product-np{
width: 70%;
}
.pd-sidebar .sidebar-single-product .product-np h4{
margin: 0 0 15px 0;
}
.pd-sidebar .sidebar-single-product .product-np span{
color: #80CD36;
font-size: 20px;
}
.pd-sidebar .sidebar-single-product .product-np h4 a{
color: #333;
}
.pd-sidebar .sidebar-single-product .product-thumb{
width: 30%;
}


/* ==========================================================================
Helper classes
========================================================================== */
.nopadding{
padding-left: 0;
padding-right: 0;
}
.hidden {
display: none !important;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}


.bgcursos{background: url(../images/bgcursos.jpg) !important; background-size: cover !important;}

.bordaimagem{border: 1px solid #ccc; padding: 5px;}

.alinhardireita{text-align: right !important;}

header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:active {
color: #fff;
background: #000b57;
}


ul.valores{float: left; margin:0px 0 0 20px; padding: 0px;}

ul.valores li{ margin:0px; list-style: square; padding: 0px; color: #727272; font-size: 15px; line-height: 24px;}

.espacoimagens{margin:0 0 30px 0;}

.espacoimagens a {z-index: 11; position: relative;}


.margemtopo{margin-top: 90px;}

.margemfooter80{margin-bottom:80px;}

.formulario{width: 100%;}

.formulario input{background: #ccc; border: 1px solid #222;}


/** MailChimp Styles **/
#mc_embed_signup{ background: none; clear: left; font: 14px Helvetica, Arial, sans-serif; text-align: center; width: 100%; margin: 0 auto; position: relative; }

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display: block; position: relative; text-align: left; padding: 10px 0 10px 0; }
#mc_embed_signup h2 {font-weight: bold; padding: 0; margin: 15px 0; font-size: 1.4em; }

#mc_embed_signup input { border: 3px solid #72c701; -webkit-appearance: none; }
#mc_embed_signup input[type=checkbox]{ -webkit-appearance: checkbox; }
#mc_embed_signup input[type=radio]{ -webkit-appearance: radio; }
#mc_embed_signup input:focus { border-color: #799877; }

#mc_embed_signup .button {
display: block;
position: relative;
background-color: #056daf;
padding: 0;
margin: 0;
border: 0 none;
border-bottom: #056daf 3px solid;
border-radius: 6px;
color: #fff; 
cursor: pointer;
font-size: 14px;
width: 100%;
height: 36px;
line-height: 36px;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: top;
}
#mc_embed_signup .button:hover { background-color: #005799; border-bottom-color: #005799; }
#mc_embed_signup .button:active { top: 2px; border-bottom-width: 1px; }

#mc_embed_signup .small-meta { font-size: 11px; }

#mc_embed_signup .nowrap { white-space: nowrap; }     
#mc_embed_signup .clear { clear: none; display: inline; }

#mc_embed_signup label { display: block; font-size: 13px; text-transform: uppercase; padding-bottom: 7px; color: #616161; font-weight: bold; }
#mc_embed_signup input.email {
display: block;
padding: 8px 4px;
margin: 0 4% 3px 0;
text-indent: 5px;
color: #818181;
font-size: 1.0em;
background: #f3f3f3;
font-weight: bold;
width: 100%;
float: left;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 12px;
}
#mc_embed_signup input.email:focus { 
color: #666;
background: #f3f3f3;
-webkit-box-shadow: 0 0 12px #80cf7b;
-moz-box-shadow: #80cf7b;
box-shadow: #80cf7b;
}

#mc_embed_signup div#mce-responses { float: left; top: -1.4em; padding: 0em .5em 0em .5em; overflow: hidden; width: 90%; margin: 0 5%; clear: both; }
#mc_embed_signup div.response { margin: 1em 0; padding: 1em .5em .5em 0; font-weight: bold; float: left; top: -1.5em; z-index: 1; width: 80%; }

#mc_embed_signup #mce-error-response { display: none; }
#mc_embed_signup #mce-success-response { color: #529214; display: none; }
#mc_embed_signup label.error {display: block; float: none; width: auto; margin-left: 1.05em; text-align: left; padding: .5em 0; }

.formulario2{ border: 1px dotted #ccc; margin-top: 20px; padding: 0px 34px; background: #ffffeb; border-radius: 4px;}

#mc_embed_signup_scroll{text-align: center; margin: 0 auto;}


#notification_container .alert {
display: block;
width: 99%;
padding: 9px 20px;
border: 1px solid #cfc07e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #515151;
font-size: 12px;
line-height: 1.3em;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(255,255,255,.75);
background-color: #e3cb77;
background-image: -webkit-gradient(linear,left top,left bottom,from(#e3cb77),to(#f4e4a8));
background-image: -webkit-linear-gradient(top,#e3cb77,#f4e4a8);
background-image: -moz-linear-gradient(top,#e3cb77,#f4e4a8);
background-image: -ms-linear-gradient(top,#e3cb77,#f4e4a8);
background-image: -o-linear-gradient(top,#e3cb77,#f4e4a8);
background-image: linear-gradient(top,#e3cb77,#f4e4a8);
}

#notification_container .success {
display: block;
width: 100%;
padding: 7px 20px;
border: 1px solid #78aa5f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #515151;
font-size: 12px;
line-height: 14px;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(255,255,255,.5);
background-color: #9ac784;
background-image: -webkit-gradient(linear,left top,left bottom,from(#9ac784),to(#aed39c));
background-image: -webkit-linear-gradient(top,#9ac784,#aed39c);
background-image: -moz-linear-gradient(top,#9ac784,#aed39c);
background-image: -ms-linear-gradient(top,#9ac784,#aed39c);
background-image: -o-linear-gradient(top,#9ac784,#aed39c);
background-image: linear-gradient(top,#9ac784,#aed39c);
}

#formulario{width: 100%;
padding: 43px 0;
border-radius: 10px;
border: 1px solid #d2d2d2;
margin: 0 auto;
text-align: center;
background: #f8f8f8;
}

#formulario input {background: #fcfcfc; border: 1px solid #7D7D7D;
border-radius: 5px;
margin-bottom: 11px;
width: 26%;
padding: 10px;
}

#formulario input.button {background: #17810e; border: 1px solid #7D7D7D; color: #fff;
border-radius: 5px;
margin-bottom: 11px;
width: 26%;
padding: 10px;
}


p.comunicadoimportante{font-size: 17px !important}


}
.page-header2 {
padding: 35px 0;
background: url(../images/testimonial-main.png) top center;
position: relative;
margin: 0;
}


/*#mascara{ position:fixed; width: 100%; height: 100%; left:0; top:0; z-index:99999; background-color:#000; display:none; cursor: pointer;  }
.fechar{ font-size: 13px; position: absolute; color: #fff; z-index: 100; top: -35px; right: 0px; display:block; width: 90px; height: 20px; text-align:right; cursor: pointer;  }     

@media only screen and (min-width: 768px) {
.window{ width:610px; display: inline-block; height:auto; position:fixed; left:50%; top:30%; margin-top: -120px; margin-left: -300px; z-index:9900; padding:0px; border-radius:0px; border:6px solid #99b5d9; background-size: 100%; z-index: 9999999999999; }
}
@media only screen and (min-width: 480px) and (max-width: 767px){

.window{ width:90%; display: block; height:auto; position:fixed; top:50px; left: 5%; z-index:9900; padding:0px; border-radius:0px; border:6px solid #99b5d9; background-size: 100%; z-index: 9999999999999; }
}
@media only screen and (max-width: 479px) {
.window{ width:80% !important; max-width: 261px; margin-left: -130px; height:auto; position:fixed; top:100px; left:50%; z-index:9900; padding: 0px; border-radius:10px; border:6px solid #99b5d9; background-size: 100%; z-index: 9999999999999 }
.fechar {display: block !important; width: 50% !important; top: -40px !important;}
}*/


.window{ background: url(../images/modal15102020.png) no-repeat ; width:650px; height:441px; position:fixed; left:50%; top:22%; margin-top: -150px; margin-left: -300px; z-index:9900; padding:0px; border-radius:0px; border:6px solid #f1e901; background-size: 100%; z-index: 9999999999999; }
#mascara{ position:absolute; left:0; top:0; z-index:99999; background-color:#000; display:none; cursor: pointer;  }
.fechar{ font-size: 13px; position: absolute; color: #fff; z-index: 100; top: -35px; right: 0px; display:block; width: 90px; height: 20px; text-align:right; cursor: pointer;  }  

.bannerPromo a{float: left !important; display: block; width: 100%; height: 418px; cursor: pointer;}

@media only screen and (max-width: 479px) {

.window{ background: url(../images/modal15102020mobile.png) no-repeat !important; background-size: 100% !important;  width:350px !important; height:452px; position:absolute; left:6% !important; top:45%; margin: -175px auto; z-index:9900; padding: 0px; border-radius:10px; border:6px solid #f1e901; background-size: 100%; z-index: 9999999999999 }
.fechar {display: block !important; width: 50% !important; top: -40px !important;}



}    


@media only screen and (max-width: 976px) {
.exalunos {text-align: center; background: url("../images/exalunos2.jpg"); height: 780px; background-position: center center; }
}




ul.aulaonline  {border: 2px solid #555; float: left; list-style: none; margin:0px 0px 35px 0; padding: 0px; border-radius: 8px; height: 180px;}
ul.aulaonline li{list-style: none; margin:0px; padding: 0px;  padding: 9px 17px;}

.aulaonline1 {background: #a8d08d; font-weight: bold; border-radius: 5px; }
.aulaonline2 {background: #9999ff; font-weight: bold; border-radius: 5px;}
.aulaonline3 {background: #99ccff ;font-weight: bold; border-radius: 5px;}
.aulaonline4 {background: #9e4fc6 ;font-weight: bold; border-radius: 5px;}
.aulaonline5 {background: #c6c64f ;font-weight: bold; border-radius: 5px;}
.aulaonline6 {background: #c6774f ;font-weight: bold; border-radius: 5px;}
.aulaonline7 {background: #a8d08d ;font-weight: bold; border-radius: 5px;}
.aulaonline8 {background: #e8a2a2 ;font-weight: bold; border-radius: 5px;}
.aulaonline9 {background: #9fc1dd ;font-weight: bold; border-radius: 5px;}
.aulaonline10 {background: #ff85c5 ;font-weight: bold; border-radius: 5px;}
.aulaonline11 {background: #7bf5be ;font-weight: bold; border-radius: 5px;}
.aulaonline12 {background: #ffff00 ;font-weight: bold; border-radius: 5px;}
.aulaonline13 {background: #aeb8c2 ;font-weight: bold; border-radius: 5px;}
.aulaonline14 {background: #71eeff ;font-weight: bold; border-radius: 5px;}
.aulaonline15 {background: #bdd6ee ;font-weight: bold; border-radius: 5px;}
.aulaonline16 {background: #ff99ff ;font-weight: bold; border-radius: 5px;}
.aulaonline17 {background: #339966 ;font-weight: bold; border-radius: 5px;}
.aulaonline18 {background: #b979ff ;font-weight: bold; border-radius: 5px;}
.aulaonline19 {background: #83f195 ;font-weight: bold; border-radius: 5px;}

.fundolinha {background: #1919b3; color: #fff;}

.fundolinha2 {background: #d2d2ed;}

.intervalo {background: #fce444 !important;}

.onlineaulas {margin-top: 50px;}
.onlineaulas h3 {width: 100%; text-align: center; font-size: 26px;}




/* Table Base */

table {
  font-family: arial;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table { 
  width: 100%;
  margin-bottom: 20px;
}

td {border: 2px solid #666666;}

.table th,
.table td {
  font-weight: normal;
  font-size: 12px !important;
  padding: 8px 15px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #dddddd;
}
.table thead th {
  background: #eeeeee;
  vertical-align: bottom;
}   
.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background-color: #fafafa;
}    
.table .t-small {
  width: 5%;
}
.table .t-medium {
  width: 15%;
}
.table .t-status {
  font-weight: bold;
}
.table .t-active {
  color: #46a546;
}
.table .t-inactive {
  color: #e00300;
}
.table .t-draft {
  color: #f89406;
}
.table .t-scheduled {
  color: #049cdb;
}

/* Small Sizes */
@media (max-width: 480px) { 
  .table-action thead {
    display: none;
  }
  .table-action tr {
    border-bottom: 1px solid #dddddd;
  }
  .table-action td {
    border: 0;
    display: block;
  }
  .table-action td:not(:first-child) {
    display: block;
  }

  #formulario input {width: 81%;}
  #formulario input.button{width: 77%;}

  .events {
    padding: 55px 0 132px;
    background: #edebde url(../images/bgeventos.jpg);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    bac
    }


}

.frame-box::after {
content: "";
width: 100%;
position: absolute;
left: 2px;
top: -11px;
height: 111%;
background-image: url(../images/frambox.png);
background-size: contain;
z-index: 1;
background-repeat: no-repeat;
}


.comunicados h3 {font-size: 30px; margin: 7px 0px !important; color: #fff;}
.comunicados p {font-size: 14px; margin: 0px 0px !important; color: #fff;}

.comunicados em {font-size: 14px; margin: 0px 0px 20px !important; float: left; width: 100%; color: #fff; }

.comunicados2 {border: 1px solid #fff; border-radius: 6px; padding: 10px 10px 20px 20px; background: #1F3A93;}


.cadastresetitulo {font-size: 20px; color: #fff;  float: left;}


.captcha {float: left;}

.obrigado {background: #54c133; color: #fff; border-radius: 6px;padding: 19px;text-align: center;width: 97%;margin-left: 15px;}

.enviarForm {float: left; margin-left:15px;}

.tooltipErro {float: left; position: absolute; margin-top: -2px; color: #ffc640 !important;}