/*
  Global Style
*/
h1, h2, h3, h4, h5, h6, p, a, input, button, label, div {
  font-family: 'Noto Kufi Arabic', sans-serif; }

body {
  overflow: auto; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

@-webkit-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(1.1); }
  100% {
    transform: rotate(360deg) scale(1); } }
@-moz-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(1.1); }
  100% {
    transform: rotate(360deg) scale(1); } }
@-o-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(1.1); }
  100% {
    transform: rotate(360deg) scale(1); } }
@keyframes ld {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(1.1); }
  100% {
    transform: rotate(360deg) scale(1); } }
.m-progress {
  position: relative;
  opacity: .8;
  color: transparent !important;
  text-shadow: none !important; }

.m-progress:hover,
.m-progress:active,
.m-progress:focus {
  cursor: default;
  color: transparent;
  outline: none !important;
  box-shadow: none; }

.m-progress:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: transparent;
  border: 1px solid #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  -webkit-animation: ld 1s ease-in-out infinite;
  -moz-animation: ld 1s ease-in-out infinite;
  -o-animation: ld 1s ease-in-out infinite;
  animation: ld 1s ease-in-out infinite; }

.btn-default.m-progress:before {
  border-left-color: #333333;
  border-right-color: #333333; }

.btn-lg.m-progress:before {
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px; }

.btn-sm.m-progress:before {
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px; }

.btn-xs.m-progress:before {
  margin-top: -7px;
  margin-left: -7px;
  width: 14px;
  height: 14px; }

a {
  text-decoration: none !important; }

.form-check {
  padding-right: 1.25rem;
  padding-left: auto;
  text-align: right; }

.form-check-input {
  margin-right: -1.25rem;
  margin-left: auto; }

.swal-overlay--show-modal {
  background-color: rgba(0, 0, 0, 0.72); }

.swal-footer {
  text-align: center; }

.swal-button {
  background-color: #1CA5F9 !important;
  border: none !important;
  box-shadow: none;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; }
  .swal-button:hover {
    background-color: #1CA5F9 !important;
    opacity: 1 !important;
    border: none !important;
    box-shadow: none; }
  .swal-button:focus {
    border: none !important;
    background-color: #1CA5F9 !important;
    box-shadow: none; }

.swal-modal .swal-text {
  text-align: center !important; }

.btn {
  padding: 10px 30px;
  border: none;
  line-height: 1; }
  .btn:hover {
    background-color: transparent; }
  .btn:focus {
    box-shadow: none; }

.section {
  padding: 30px 0; }

.section-title {
  border-bottom: 3px solid #00205B;
  width: 35%;
  margin: 0 auto 30px auto;
  padding-bottom: 10px; }
  .section-title h3 {
    font-size: 22px;
    font-weight: bold;
    color: #00205B; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/*
  Header
*/
.header nav {
  background-color: #00205B;
  padding: 0; }
  .header nav .navbar-nav {
    padding: 0; }
  .header nav .nav-item > .nav-link {
    padding: 1rem 0.6rem;
    color: #F7F8FC;
    font-size: 14px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    text-align: center; }
    .header nav .nav-item > .nav-link i {
      display: block;
      margin-bottom: 7px;
      font-size: 18px;
      color: #F7F8FC; }
    .header nav .nav-item > .nav-link:hover {
      border-bottom: 3px solid #1CA5F9;
      color: #ddd; }
      .header nav .nav-item > .nav-link:hover i {
        color: #ddd; }
  .header nav .nav-item .dropdown-menu {
    padding: 0;
    right: 0;
    left: auto;
    background-color: #fff;
    min-width: 12rem; }
    .header nav .nav-item .dropdown-menu .nav-link {
      text-align: right;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease;
      color: #F7F8FC;
      padding: .7rem 1.3rem;
      font-size: 14px;
      border-bottom: 1px solid #dddddd59; }
      .header nav .nav-item .dropdown-menu .nav-link:hover {
        color: #00205B; }
      .header nav .nav-item .dropdown-menu .nav-link + .dropdown-menu {
        right: 100%;
        top: 0;
        text-align: right; }
        .header nav .nav-item .dropdown-menu .nav-link + .dropdown-menu .dropdown-item {
          color: #555;
          font-size: 15px; }
  .header nav .nav-item.active .nav-link {
    border-bottom: 3px solid #fff;
    color: #fff; }
    .header nav .nav-item.active .nav-link i {
      color: #fff; }
  .header nav .navbar-brand {
    padding-bottom: 0;
    margin-left: 50px; }
    .header nav .navbar-brand:focus {
      border: none;
      box-shadow: none;
      outline: none; }
  .header nav .dropdown-toggle::after {
    margin-right: .255em;
    vertical-align: .155em;
    margin-left: auto; }
  .header nav .navbar-toggler {
    padding: 10px 15px;
    background-color: #1CA5F9; }
    .header nav .navbar-toggler i {
      color: #eee; }
    .header nav .navbar-toggler:focus {
      border: none;
      outline: none;
      box-shadow: none; }

/*
  Menu Mobile
*/
#menu-mobile {
  position: fixed;
  top: 0;
  right: -280px;
  width: 260px;
  height: 100%;
  background-color: #fff;
  z-index: 99; }
  #menu-mobile .wrap {
    position: relative; }
    #menu-mobile .wrap ul {
      list-style-type: none;
      padding: 40px 10px; }
      #menu-mobile .wrap ul li a {
        text-align: right;
        color: #666;
        margin-bottom: 5px;
        border-bottom: 1px solid #dddddd78; }
        #menu-mobile .wrap ul li a i {
          margin-left: 5px; }
      #menu-mobile .wrap ul li.dropdown.show ul.dropdown-menu {
        position: static;
        display: block;
        width: 100%;
        margin-bottom: 15px;
        border: none; }
        #menu-mobile .wrap ul li.dropdown.show ul.dropdown-menu li a {
          border: none; }
    #menu-mobile .wrap .close {
      cursor: pointer;
      left: 20px;
      position: absolute;
      top: 15px;
      color: #4c4c4a;
      font-size: 22px; }

#loader {
  background-color: #1CA5F9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }
  #loader .img {
    width: 100%; }
    #loader .img img {
      max-width: 100%;
      height: auto; }
  #loader .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  #loader .lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px; }
  #loader .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px; }
  #loader .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    margin: -3px 0 0 -3px; }
  #loader .lds-roller div:nth-child(1) {
    animation-delay: -0.036s; }
  #loader .lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px; }
  #loader .lds-roller div:nth-child(2) {
    animation-delay: -0.072s; }
  #loader .lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px; }
  #loader .lds-roller div:nth-child(3) {
    animation-delay: -0.108s; }
  #loader .lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px; }
  #loader .lds-roller div:nth-child(4) {
    animation-delay: -0.144s; }
  #loader .lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px; }
  #loader .lds-roller div:nth-child(5) {
    animation-delay: -0.18s; }
  #loader .lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px; }
  #loader .lds-roller div:nth-child(6) {
    animation-delay: -0.216s; }
  #loader .lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px; }
  #loader .lds-roller div:nth-child(7) {
    animation-delay: -0.252s; }
  #loader .lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px; }
  #loader .lds-roller div:nth-child(8) {
    animation-delay: -0.288s; }
  #loader .lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px; }
@keyframes lds-roller {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/*
  Free Videos Slider
*/
#free-videos {
  padding: 25px 0;
  background-color: #00205B; }
  #free-videos .slick-slider {
    direction: ltr; }
    #free-videos .slick-slider img {
      max-width: 100%;
      height: 180px;
      width: 100%; }
    #free-videos .slick-slider .slick-slide {
      margin: 0 5px; }
    #free-videos .slick-slider .slick-arrow {
      border: 1px solid #ddd;
      background: #fff;
      color: #00205B;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #free-videos .slick-slider .slick-arrow:hover {
        background-color: #00205B;
        color: #fff; }
      #free-videos .slick-slider .slick-arrow:focus {
        outline: none;
        border: 1px solid #ddd; }
    #free-videos .slick-slider .slick-next {
      left: -4%;
      position: absolute;
      top: 50%;
      right: auto;
      font-size: initial; }
    #free-videos .slick-slider .slick-prev {
      right: -4%;
      position: absolute;
      top: 50%;
      left: auto;
      font-size: initial; }
      #free-videos .slick-slider .slick-prev:before {
        content: none; }
    #free-videos .slick-slider .slick-dots {
      display: none !important; }
  #free-videos .video {
    background-color: #fff;
    border: 1px solid #eee; }
    #free-videos .video .video-img {
      position: relative; }
      #free-videos .video .video-img .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, #007297eb, #25a6bc9c); }
        #free-videos .video .video-img .overlay .icon {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
          #free-videos .video .video-img .overlay .icon i {
            font-size: 3rem;
            color: #ddd; }
        #free-videos .video .video-img .overlay .video-name {
          width: 100%;
          position: absolute;
          top: 75%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
          #free-videos .video .video-img .overlay .video-name h3 {
            color: #fff; }
        #free-videos .video .video-img .overlay:hover {
          background: linear-gradient(to top, #007297, #25a6bcdb); }
        #free-videos .video .video-img .overlay:hover .icon i {
          color: #00205B; }
    #free-videos .video .video-name {
      padding: 15px 0; }
      #free-videos .video .video-name h3 {
        font-size: 16px;
        color: #666;
        margin: 0; }

/*
  About
*/
#about {
  display: none; }
  #about .box p {
    text-align: justify;
    color: #777; }

/*
  Features
*/
#features {
  background-color: #f2f3f9;
  display: none; }
  #features .boxes .box {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px 1px #ddd;
    border: 1px solid #ddd;
    border-radius: 30px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease; }
    #features .boxes .box:hover {
      background-color: #00205B;
      border-radius: 0; }
      #features .boxes .box:hover .box-title h3 {
        color: #fff; }
      #features .boxes .box:hover .box-content p {
        color: #fff; }
    #features .boxes .box .box-title {
      margin: 15px; }
      #features .boxes .box .box-title h3 {
        font-size: 18px;
        font-weight: bold;
        color: #607d8b; }
    #features .boxes .box .box-content p {
      color: #888;
      font-size: 16px;
      line-height: 27px; }

/*
  courses
*/
#courses {
  background-color: #F8F7FC; }
  #courses .btns {
    margin-bottom: 20px; }
    #courses .btns .btn {
      background-color: #fff;
      color: #00205B;
      border: 1px solid #00205B;
      margin: 0 3px; }
      #courses .btns .btn:focus {
        border: none;
        outline: none; }
      #courses .btns .btn:hover {
        background-color: #1CA5F9;
        color: #fff;
        border: 1px solid #00205B; }
    #courses .btns .btn.active {
      background-color: #00205B;
      color: #fff;
      border: 1px solid #eee; }
  #courses .box {
    border-radius: 7px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 7px 2px #ddd;
    transition: .3s all ease;
    position: relative;
    padding-bottom: 40px; }
    #courses .box .box-img {
      overflow: hidden;
      position: relative; }
      #courses .box .box-img img {
        height: 200px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
        width: 100%;
        position: relative; }
        #courses .box .box-img img:hover {
          -webkit-transform: scale(1.04);
          -moz-transform: scale(1.04);
          -ms-transform: scale(1.04);
          -o-transform: scale(1.04);
          transform: scale(1.04); }
    #courses .box .short-desc {
      padding-inline: 10px;
      height: 70px;
      font-size: 14px; }
    #courses .box .box-title {
      padding: 25px;
      position: relative;
      height: 70px; }
      #courses .box .box-title h3 {
        font-size: 16px;
        color: #00205B;
        font-weight: bold;
        margin: 0; }
    #courses .box .box-price {
      position: absolute;
      bottom: 0%;
      left: 1%;
      background-color: #fff;
      width: 80px;
      text-align: center;
      padding: 6px;
      color: #00205B;
      font-weight: bold;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      #courses .box .box-price p {
        margin: 0; }
    #courses .box .box-teacher {
      position: absolute;
      bottom: 0%;
      right: 1%;
      background-color: #fff;
      width: auto;
      text-align: center;
      padding: 6px;
      color: #00205B;
      font-weight: bold;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      font-size: 14px; }
      #courses .box .box-teacher p {
        margin: 0; }
    #courses .box:hover {
      border-bottom: 5px solid #00205B; }
  #courses .my-shuffle {
    position: relative;
    overflow: hidden; }
  #courses img {
    max-width: 100%; }
  #courses .section-more .btn {
    display: none;
    background-color: #00205B;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease; }
    #courses .section-more .btn:hover {
      background-color: #1CA5F9; }
  #courses .alert-info {
    width: 70%;
    margin: 15px auto;
    text-align: center;
    background: #4c4c4a;
    color: #fff;
    border: none;
    font-size: 14px; }

#estsharat {
  background-color: #fff; }
  #estsharat .btns {
    margin-bottom: 20px; }
    #estsharat .btns .btn {
      background-color: #fff;
      color: #00205B;
      border: 1px solid #00205B;
      margin: 0 3px; }
      #estsharat .btns .btn:focus {
        border: none;
        outline: none; }
      #estsharat .btns .btn:hover {
        background-color: #1CA5F9;
        color: #ddd;
        border: 1px solid #00205B; }
    #estsharat .btns .btn.active {
      background-color: #00205B;
      color: #fff;
      border: 1px solid #eee; }
  #estsharat .box {
    border-radius: 7px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 0 7px 2px #ddd;
    position: relative; }
    #estsharat .box .box-img {
      overflow: hidden;
      position: relative; }
      #estsharat .box .box-img img {
        height: 200px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
        width: 100%;
        position: relative; }
        #estsharat .box .box-img img:hover {
          -webkit-transform: scale(1.04);
          -moz-transform: scale(1.04);
          -ms-transform: scale(1.04);
          -o-transform: scale(1.04);
          transform: scale(1.04); }
    #estsharat .box .box-title {
      padding: 25px;
      position: relative; }
      #estsharat .box .box-title h3 {
        font-size: 16px;
        color: #666;
        font-weight: bold;
        margin: 0; }
    #estsharat .box .box-price {
      position: absolute;
      bottom: 0;
      left: 1%;
      background-color: #fff;
      width: 80px;
      text-align: center;
      padding: 6px;
      color: #00205B;
      font-weight: bold;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      #estsharat .box .box-price p {
        margin: 0; }
    #estsharat .box .box-teacher {
      position: absolute;
      bottom: 0%;
      right: 1%;
      background-color: #fff;
      width: auto;
      text-align: center;
      padding: 6px;
      color: #00205B;
      font-weight: bold;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      font-size: 14px; }
      #estsharat .box .box-teacher p {
        margin: 0; }
    #estsharat .box:hover {
      border-bottom: 5px solid #00205B; }
  #estsharat .my-shuffle {
    position: relative;
    overflow: hidden; }
  #estsharat img {
    max-width: 100%; }
  #estsharat .section-more .btn {
    display: none;
    background-color: #00205B;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease; }
    #estsharat .section-more .btn:hover {
      background-color: #1CA5F9; }
  #estsharat .alert-info {
    width: 70%;
    margin: 15px auto;
    text-align: center;
    background: #4c4c4a;
    color: #fff;
    border: none;
    font-size: 14px; }

/*
  Free Contents Home
*/
#free-contents {
  background-color: #fff; }
  #free-contents .btns {
    margin-bottom: 20px; }
    #free-contents .btns .btn {
      background-color: #fff;
      color: #00205B;
      border: 1px solid #00205B;
      margin: 0 3px; }
      #free-contents .btns .btn:focus {
        border: none;
        outline: none; }
      #free-contents .btns .btn:hover {
        background-color: #1CA5F9;
        color: #ddd;
        border: 1px solid #00205B; }
    #free-contents .btns .btn.active {
      background-color: #00205B;
      color: #fff;
      border: 1px solid #eee; }
  #free-contents .box {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: 0 0 14px 2px #ddd; }
    #free-contents .box .box-img {
      overflow: hidden;
      position: relative; }
      #free-contents .box .box-img .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.79), rgba(36, 11, 54, 0));
        -webkit-transition: background 1s ease-out;
        -moz-transition: background 1s ease-out;
        -o-transition: background 1s ease-out;
        transition: background 1s ease-out; }
        #free-contents .box .box-img .overlay .icon {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          -webkit-transition: background 1s ease-out;
          -moz-transition: background 1s ease-out;
          -o-transition: background 1s ease-out;
          transition: background 1s ease-out; }
          #free-contents .box .box-img .overlay .icon i {
            font-size: 3rem;
            color: #ddd; }
        #free-contents .box .box-img .overlay:hover {
          background: linear-gradient(to top, rgba(0, 0, 0, 0.88), rgba(37, 37, 37, 0.61)); }
          #free-contents .box .box-img .overlay:hover .icon i {
            color: #00205B; }
      #free-contents .box .box-img img {
        height: 200px;
        width: 100%;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #free-contents .box .box-img img:hover {
          transform: scale(1.2);
          -webkit-filter: grayscale(100%);
          /* Safari 6.0 - 9.0 */
          filter: grayscale(100%); }
    #free-contents .box .box-title {
      margin: 20px 0;
      position: absolute;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }
      #free-contents .box .box-title h3 {
        font-size: 18px;
        color: #fff; }
        #free-contents .box .box-title h3:hover {
          color: #ddd; }
  #free-contents .my-shuffle {
    position: relative;
    overflow: hidden; }
  #free-contents img {
    max-width: 100%; }
  #free-contents .more a {
    background-color: #00205B;
    color: #fff;
    transition: .3s  all ease;
    display: none;
    padding: 5px 50px; }
    #free-contents .more a:hover {
      background-color: #1CA5F9; }

/*
  Free Contents Tax
*/
#free-content-tax {
  text-align: right; }
  #free-content-tax img {
    max-width: 100%; }
  #free-content-tax .breadcrumb {
    display: block;
    padding: 15px;
    background-color: #1CA5F9;
    color: #fff; }
    #free-content-tax .breadcrumb span {
      margin: 0 3px;
      color: #fff;
      display: inline-block; }
    #free-content-tax .breadcrumb span.current {
      color: #ffffff69; }
    #free-content-tax .breadcrumb .links a {
      color: #fff;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #free-content-tax .breadcrumb .links a:hover {
        color: #1CA5F9; }
    #free-content-tax .breadcrumb .course-title h1 {
      font-size: 17px; }
  #free-content-tax .section-courses {
    padding: 40px 0; }
    #free-content-tax .section-courses .course {
      background-color: #F8F7FC;
      box-shadow: 0 0 5px 5px #eee;
      position: relative;
      overflow: hidden;
      margin-bottom: 30px; }
      #free-content-tax .section-courses .course .course-img {
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
        overflow: hidden; }
        #free-content-tax .section-courses .course .course-img img {
          width: 100%;
          height: 200px;
          overflow: hidden;
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
        #free-content-tax .section-courses .course .course-img:hover img {
          transform: scale(1.2);
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
      #free-content-tax .section-courses .course .course-name {
        padding: 10px; }
        #free-content-tax .section-courses .course .course-name h3 {
          color: #666;
          font-size: 16px;
          margin: 0;
          font-weight: bold; }
      #free-content-tax .section-courses .course .course-meta {
        padding: 5px 11px;
        background: #4e4c4a;
        overflow: hidden;
        display: none; }
        #free-content-tax .section-courses .course .course-meta p {
          margin: 0;
          color: #fff;
          font-size: 15px; }
    #free-content-tax .section-courses .alert-info {
      background-color: #1CA5F9;
      border: none;
      color: #fff;
      width: 50%;
      margin: 20px auto; }
  #free-content-tax .lessons {
    padding: 40px 0; }
    #free-content-tax .lessons .lesson {
      background-color: #F8F7FC;
      box-shadow: 0 0 5px 5px #eee;
      position: relative;
      overflow: hidden;
      margin-bottom: 30px; }
      #free-content-tax .lessons .lesson .lesson-img {
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
        overflow: hidden; }
        #free-content-tax .lessons .lesson .lesson-img img {
          width: 100%;
          height: 200px;
          overflow: hidden;
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
        #free-content-tax .lessons .lesson .lesson-img:hover img {
          transform: scale(1.2);
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
      #free-content-tax .lessons .lesson .lesson-name {
        padding: 10px; }
        #free-content-tax .lessons .lesson .lesson-name h3 {
          color: #666;
          font-size: 16px;
          margin: 0;
          font-weight: bold; }
      #free-content-tax .lessons .lesson .lesson-meta {
        padding: 5px 11px;
        background: #4e4c4a;
        overflow: hidden;
        display: none; }
        #free-content-tax .lessons .lesson .lesson-meta p {
          margin: 0;
          color: #fff;
          font-size: 15px; }
    #free-content-tax .lessons .alert-info {
      background-color: #1CA5F9;
      border: none;
      color: #fff;
      width: 50%;
      margin: 20px auto; }

/*
  Numbers
*/
#numbers {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../img/member-bg.jpg");
  background-size: cover;
  display: none; }
  #numbers .box {
    color: #fff; }
    #numbers .box h3 {
      font-size: 25px; }
    #numbers .box p {
      font-size: 15px;
      margin-top: 15px;
      color: #ccc; }
    #numbers .box .boxes {
      margin-top: 30px; }
      #numbers .box .boxes .number-box .icon {
        margin-bottom: 20px; }
        #numbers .box .boxes .number-box .icon i {
          font-size: 30px;
          color: #00205B; }
      #numbers .box .boxes .number-box .number h3 {
        color: #fff;
        font-size: 18px; }
      #numbers .box .boxes .number-box .title h3 {
        font-size: 18px; }

/*
  Testimonials
*/
#testimonial {
  background-color: #F8F7FC; }
  #testimonial .carousel-inner {
    width: 80%;
    margin: auto;
    background-color: #F8F7FC;
    box-shadow: 0 0 5px 5px #eee;
    overflow: hidden; }
  #testimonial .slider {
    padding: 25px 0;
    background-color: #fff; }
    #testimonial .slider .img {
      margin-bottom: 15px; }
      #testimonial .slider .img img {
        width: 100px;
        border-radius: 50%; }
    #testimonial .slider .text {
      color: #777;
      font-size: 15px;
      line-height: 27px; }
    #testimonial .slider .name h3 {
      color: #1CA5F9;
      font-size: 18px; }
    #testimonial .slider .name p {
      color: #00205B;
      font-size: 18px; }
  #testimonial .carousel-indicators {
    bottom: 5px; }
    #testimonial .carousel-indicators li {
      background-color: #ddd; }
    #testimonial .carousel-indicators li.active {
      background-color: #FBB03B; }

/*
  Message
*/
#message {
  display: none; }
  #message .box {
    color: white;
    padding: 20px; }
    #message .box p {
      text-align: justify;
      line-height: 27px;
      font-size: 15px; }
  #message .eye {
    background-color: #607D8B; }
  #message .message {
    background-color: #FBB03B; }

/*
  Clients
*/
#clients {
  background-color: #F8F7FC;
  position: relative; }
  #clients .slick-slider {
    direction: ltr; }
    #clients .slick-slider img {
      max-width: 100%;
      height: 100px; }
    #clients .slick-slider .slick-slide {
      margin: 0 5px; }
    #clients .slick-slider .slick-arrow {
      border: none;
      background: #F8F7FC;
      color: #00205B;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer;
      border: 1px solid #ddd;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #clients .slick-slider .slick-arrow:hover {
        background-color: #00205B;
        color: #F8F7FC; }
      #clients .slick-slider .slick-arrow:focus {
        outline: none;
        border: none; }
    #clients .slick-slider .slick-next {
      left: -4%;
      position: absolute;
      top: 50%; }
    #clients .slick-slider .slick-prev {
      right: -4%;
      position: absolute;
      top: 50%; }
    #clients .slick-slider .slick-dots {
      display: none !important; }

/*
  Teachers
*/
#teachers {
  background-color: #00205B;
  position: relative;
  padding: 0 !important; }
  #teachers .slick-slider {
    direction: ltr; }
    #teachers .slick-slider .slick-track {
      padding: 10px 0; }
    #teachers .slick-slider img {
      max-width: 100%; }
    #teachers .slick-slider .slick-slide {
      margin: 0 10px; }
    #teachers .slick-slider .slick-arrow {
      background: #F8F7FC;
      border: 1px solid #ddd;
      color: #00205B;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #teachers .slick-slider .slick-arrow:hover {
        background-color: #00205B;
        color: #F8F7FC; }
      #teachers .slick-slider .slick-arrow:focus {
        outline: none;
        border: none; }
    #teachers .slick-slider .slick-next {
      left: -4%;
      position: absolute;
      top: 50%; }
    #teachers .slick-slider .slick-prev {
      right: -4%;
      position: absolute;
      top: 50%; }
    #teachers .slick-slider .slick-dots {
      display: none !important; }
  #teachers .teacher {
    padding: 40px 0;
    border-radius: 10px;
    background-color: #F8F7FC;
    height: 185px; }
    #teachers .teacher .teacher-img img {
      display: inline;
      width: 85px;
      border-radius: 50%; }
    #teachers .teacher .teacher-name {
      margin: 10px 0; }
      #teachers .teacher .teacher-name h3 {
        color: #666;
        font-size: 16px;
        font-weight: bold; }
    #teachers .teacher .teacher-employee p {
      color: #777;
      font-size: 14px;
      margin: 0; }

/*
  Footer
*/
footer {
  background-color: #1CA5F9;
  padding: 40px 0 0 0; }
  footer .box {
    text-align: right; }
    footer .box .box-title {
      margin-bottom: 15px;
      border-bottom: 1px solid #444;
      padding-bottom: 15px; }
      footer .box .box-title h3 {
        font-size: 14px;
        color: #fff; }
    footer .box .box-content p {
      color: #fff; }
    footer .box .box-content ul {
      padding: 0;
      list-style-type: none; }
  footer .contact p span {
    display: inline-block;
    direction: ltr; }
  footer .contact p i {
    margin-left: 10px; }
  footer .links {
    text-align: center; }
    footer .links a {
      display: block;
      color: #fff;
      margin-bottom: 5px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      footer .links a:hover {
        color: #ddd; }
  footer .about p {
    font-size: 15px;
    line-height: 27px; }
  footer .footer-bottom {
    padding: 20px 0;
    margin-top: 30px;
    background-color: #00205B;
    color: #fff; }
    footer .footer-bottom a {
      color: #fff; }
    footer .footer-bottom p {
      margin: 0;
      color: #fff; }
  footer a {
    color: #fff; }
    footer a:hover {
      color: #fff; }

/*
  Up
*/
#up {
  z-index: 999;
  position: fixed;
  bottom: 5%;
  right: -3%;
  color: #999;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  background-color: #00205B;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; }
  #up:hover {
    background-color: #FBB03B; }
  #up .wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
    #up .wrapper i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px;
      color: #fff; }

/*
  Register
*/
#register {
  background-color: #f2f3f9;
  padding: 50px 0; }
  #register .register-title {
    font-size: 17px;
    font-weight: bold;
    color: #888;
    margin-bottom: 20px; }
  #register .form {
    width: 50%;
    margin: 30px auto;
    background-color: #F8F7FC;
    padding: 20px;
    box-shadow: 0 0 16px 1px #ccc; }
    #register .form input {
      border: 1px solid #ddd; }
    #register .form button[type="submit"] {
      background-color: #00205B;
      color: #fff; }
    #register .form button[type="submit"]:hover {
      background-color: #1CA5F9; }

/*
  Login
*/
#login {
  background-color: #f2f3f9;
  padding: 50px 0; }
  #login .img {
    margin-bottom: 20px;
    display: none; }
  #login .btn {
    margin-top: 5px;
    font-size: 14px; }
  #login .register-title {
    font-size: 17px;
    font-weight: bold;
    color: #888;
    margin-bottom: 20px; }
  #login .form {
    margin: 30px auto;
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    #login .form input {
      border: 1px solid #ddd; }
    #login .form button[type="submit"] {
      background-color: #00205B;
      color: #fff; }
    #login .form a.register {
      background-color: #1CA5F9;
      color: #fff;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #login .form a.register:hover {
        background-color: #00205B; }
  #login .alert-title {
    width: 45%;
    margin: 20px auto 0 auto;
    text-align: center;
    position: relative;
    top: 15px;
    border: none;
    background-color: #fff;
    color: #666;
    font-size: 16px;
    box-shadow: 0 0 3px 1px #DDD; }
  #login .alert-info {
    border: none;
    font-size: 14px;
    color: #fff;
    background-color: #607D8B; }
  #login .forms {
    background-color: #fff;
    border-radius: 10px;
    width: 45%;
    margin: auto;
    box-shadow: 0 0 3px 1px #DDD; }

/*
  Course
*/
#course {
  text-align: right; }
  #course img {
    max-width: 100%; }
  #course .breadcrumb {
    display: block;
    padding: 30px;
    background-color: #1CA5F9;
    color: #fff; }
    #course .breadcrumb span {
      margin: 0 3px;
      color: #fff;
      display: inline-block; }
    #course .breadcrumb span.current {
      color: #ffffff69; }
    #course .breadcrumb .links a {
      color: #fff;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #course .breadcrumb .links a:hover {
        color: #ddd; }
    #course .breadcrumb .course-title h1 {
      font-size: 17px; }
  #course .content {
    padding: 15px 0; }
    #course .content .box {
      margin-bottom: 20px; }
    #course .content .course-head {
      margin-bottom: 30px; }
      #course .content .course-head .meta p {
        display: inline-block;
        color: #666;
        margin-left: 10px;
        font-size: 14px; }
      #course .content .course-head .short-desc p {
        color: #888;
        font-size: 15px; }
    #course .content .course-tabs {
      color: #666;
      font-size: 16px;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      padding: 20px 0;
      text-align: justify;
      line-height: 27px; }
      #course .content .course-tabs p {
        margin-bottom: 4px;
        font-size: 14px; }
      #course .content .course-tabs #pills-tab {
        padding: 0;
        justify-content: center; }
        #course .content .course-tabs #pills-tab .nav-item {
          margin-left: 10px; }
          #course .content .course-tabs #pills-tab .nav-item a {
            background-color: #1CA5F9;
            color: #fff;
            font-size: 14px;
            padding: 3px 20px; }
          #course .content .course-tabs #pills-tab .nav-item a.active {
            background-color: #00205B; }
    #course .content .buy .alert-info {
      font-size: 14px;
      background-color: #eee;
      color: #666666;
      border: none; }
    #course .content .buy .modal .modal-header {
      padding: 10px 15px;
      position: relative; }
      #course .content .buy .modal .modal-header .modal-title {
        font-size: 16px; }
      #course .content .buy .modal .modal-header .close {
        position: absolute;
        left: 0; }
    #course .content .buy .modal .modal-footer {
      display: block;
      text-align: right; }
    #course .content .buy .modal form button[type="submit"] {
      background-color: #00205B;
      font-size: 14px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #course .content .buy .modal form button[type="submit"]:hover {
        background-color: #1CA5F9; }
    #course .content .buy .modal .alert-danger {
      display: none;
      font-size: 13px;
      border: none;
      color: #fff;
      background-color: #F44336; }
    #course .content .buy #payment-methods-modal a {
      color: #666; }
    #course .content .buy #payment-methods-modal .alert-info {
      font-size: 14px;
      background-color: #1CA5F9;
      color: #fff;
      border: none; }
    #course .content .buy #payment-methods-modal .modal-dialog {
      max-width: 550px; }
    #course .content .buy #payment-methods-modal .method {
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease;
      padding: 8px; }
      #course .content .buy #payment-methods-modal .method:hover {
        background-color: #eee; }
      #course .content .buy #payment-methods-modal .method .method-img {
        margin-bottom: 7px; }
        #course .content .buy #payment-methods-modal .method .method-img img {
          height: 70px; }
      #course .content .buy #payment-methods-modal .method .method-title {
        font-size: 14px; }
    #course .content .buy .buy-button {
      background-color: #00205B;
      font-size: 13px;
      color: #ffffff;
      width: 49%;
      padding: 10px 20px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #course .content .buy .buy-button:hover {
        background-color: #087E8B; }
    #course .content .buy .save-button {
      background-color: #1CA5F9;
      font-size: 13px;
      color: #ffffff;
      width: 49%;
      padding: 10px 20px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #course .content .buy .save-button:hover {
        background-color: #087E8B; }
    #course .content .lessons {
      border-right: 1px solid #eee;
      padding-right: 20px; }
      #course .content .lessons > h3 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 15px; }
      #course .content .lessons .lessons-wrapper .lesson {
        background-color: #087E8B;
        padding: 10px;
        margin-bottom: 20px; }
        #course .content .lessons .lessons-wrapper .lesson .lesson-title {
          font-size: 16px;
          font-weight: normal;
          color: #fff; }
          #course .content .lessons .lessons-wrapper .lesson .lesson-title span.time {
            font-size: 13px;
            color: #fff;
            font-weight: normal; }
        #course .content .lessons .lessons-wrapper .lesson .lesson-content {
          color: #fff;
          font-size: 14px;
          text-align: justify; }
          #course .content .lessons .lessons-wrapper .lesson .lesson-content p {
            margin: 0; }
    #course .content .course-sidebar .widget .widget-title {
      background-color: #1CA5F9;
      color: #fff;
      padding: 10px;
      text-align: center;
      margin-bottom: 30px; }
      #course .content .course-sidebar .widget .widget-title h3 {
        margin: 0;
        font-size: 16px; }
    #course .content .course-sidebar .widget .widget-content .course {
      margin-bottom: 20px; }
      #course .content .course-sidebar .widget .widget-content .course img {
        max-width: 100%;
        height: auto; }
      #course .content .course-sidebar .widget .widget-content .course .course-details a {
        color: #00205B;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #course .content .course-sidebar .widget .widget-content .course .course-details a:hover {
          color: #1CA5F9; }
      #course .content .course-sidebar .widget .widget-content .course .course-details .course-title {
        font-size: 14px;
        font-weight: bold; }
      #course .content .course-sidebar .widget .widget-content .course .course-details .course-short-desc {
        color: #888;
        font-size: 13px; }
  #course .alert-buy {
    background-color: #ff5a5f;
    color: #fff;
    border: none;
    font-size: 14px; }
    #course .alert-buy i {
      display: inline-block;
      margin: 0 5px; }
  #course .section-courses {
    padding: 40px 0; }
    #course .section-courses .course {
      background-color: #fff;
      box-shadow: 0 0 5px 5px #eee;
      position: relative;
      overflow: hidden;
      margin-bottom: 30px; }
      #course .section-courses .course .course-img {
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease;
        overflow: hidden; }
        #course .section-courses .course .course-img img {
          width: 100%;
          height: 200px;
          overflow: hidden;
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
        #course .section-courses .course .course-img:hover img {
          transform: scale(1.2);
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
      #course .section-courses .course .course-name {
        padding: 10px; }
        #course .section-courses .course .course-name h3 {
          color: #666;
          font-size: 16px;
          margin: 0;
          font-weight: bold; }
      #course .section-courses .course .course-meta {
        padding: 5px 20px 10px;
        overflow: hidden; }
        #course .section-courses .course .course-meta p {
          margin: 0;
          color: #c10707;
          font-size: 15px;
          font-weight: bold; }
    #course .section-courses .alert-info {
      background-color: #1CA5F9;
      border: none;
      color: #fff;
      width: 50%;
      margin: 20px auto; }

/*
  payment message
*/
#payment-message {
  background-color: #f2f3f9; }
  #payment-message .wrapper {
    padding: 50px 0; }
    #payment-message .wrapper .icon {
      margin-bottom: 30px; }
      #payment-message .wrapper .icon i {
        font-size: 12rem;
        color: #ccc; }
    #payment-message .wrapper .alert-success {
      color: #fff;
      background-color: #009688;
      border: none;
      width: 70%;
      margin: auto; }
    #payment-message .wrapper .alert-danger {
      color: #fff;
      background-color: #f44336;
      border: none;
      width: 70%;
      margin: auto; }
    #payment-message .wrapper .btns {
      padding: 40px; }
      #payment-message .wrapper .btns .btn {
        font-size: 15px;
        margin: 0 3px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #payment-message .wrapper .btns .btn:hover {
          background-color: #087E8B; }
      #payment-message .wrapper .btns .home {
        background-color: #1CA5F9; }
      #payment-message .wrapper .btns .dashboard {
        background-color: #00205B; }

/*
  Course View
*/
#course-view {
  background-color: #eee; }
  #course-view .breadcrumb {
    display: block;
    padding: 20px;
    background-color: #1CA5F9;
    color: #fff; }
    #course-view .breadcrumb .course-title h1 {
      font-size: 22px; }
    #course-view .breadcrumb span {
      margin: 0 3px;
      color: #fff;
      display: inline-block; }
    #course-view .breadcrumb span.current {
      color: #ffffff69; }
    #course-view .breadcrumb .links a {
      color: #fff;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #course-view .breadcrumb .links a:hover {
        color: #ddd; }
  #course-view .lessons {
    padding: 30px; }
    #course-view .lessons .lesson {
      margin-bottom: 30px; }
  #course-view .alert-info {
    width: 100%;
    background-color: #009688;
    border: none;
    color: #fff; }
  #course-view .pagin .pagination {
    justify-content: center;
    align-items: center;
    margin-top: 20px; }
    #course-view .pagin .pagination .page-link {
      border: none;
      background-color: #607d8b;
      border-radius: 0;
      color: #fff;
      padding: .5rem .85rem; }
      #course-view .pagin .pagination .page-link:focus {
        border: none;
        box-shadow: none; }
    #course-view .pagin .pagination .page-item.active .page-link {
      background-color: #3f5763; }

/*
  Single Lesson
*/
#single-lesson {
  padding: 40px 0;
  background-color: #F9F9F9; }
  #single-lesson .links {
    background-color: #3f555f; }
    #single-lesson .links .links-menu {
      list-style: none;
      padding: 0;
      margin: 0; }
      #single-lesson .links .links-menu .menu-item {
        text-align: center;
        padding: 14px 0;
        border-bottom: 1px solid #34475094;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #single-lesson .links .links-menu .menu-item i {
          display: block;
          font-size: 20px;
          color: #eee;
          margin-bottom: 8px; }
        #single-lesson .links .links-menu .menu-item span {
          display: block;
          color: #b8c7ce;
          font-size: 13px; }
        #single-lesson .links .links-menu .menu-item:hover {
          background: #26313a;
          border-right: 3px solid #F44336; }
          #single-lesson .links .links-menu .menu-item:hover span, #single-lesson .links .links-menu .menu-item:hover i {
            color: #eee; }
      #single-lesson .links .links-menu .menu-item.active {
        background: #26313a;
        border-right: 3px solid #F44336; }
        #single-lesson .links .links-menu .menu-item.active span, #single-lesson .links .links-menu .menu-item.active i {
          color: #eee; }
  #single-lesson .related-lessons .title {
    background: #26313a;
    color: white;
    padding: 10px; }
    #single-lesson .related-lessons .title h3 {
      margin: 0;
      font-size: 16px; }
  #single-lesson .related-lessons .lesson {
    background: #3f555f;
    color: #fff;
    padding: 6px;
    text-align: center;
    border-bottom: 1px solid #384d56;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease; }
    #single-lesson .related-lessons .lesson a {
      color: #eee;
      font-size: 14px;
      padding: 7px;
      display: block; }
    #single-lesson .related-lessons .lesson:hover {
      background-color: #26313a;
      border-right: 3px solid #F44336; }
      #single-lesson .related-lessons .lesson:hover a {
        color: #fff; }
  #single-lesson .related-lessons .lesson.active {
    background-color: #26313a;
    border-right: 3px solid #F44336; }
    #single-lesson .related-lessons .lesson.active a {
      color: #fff; }
  #single-lesson .content {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 20px;
    text-align: right; }
    #single-lesson .content img {
      max-width: 100%;
      height: auto; }
    #single-lesson .content p {
      line-height: 27px;
      color: #666; }
    #single-lesson .content .about .lesson-title h3 {
      color: #555;
      font-size: 20px;
      font-weight: bold; }
    #single-lesson .content .about .lesson-desc p {
      line-height: 27px;
      color: #666; }
    #single-lesson .content .classes table th {
      font-size: 14px;
      text-align: center; }
    #single-lesson .content .classes table td {
      text-align: center;
      font-size: 13px; }
      #single-lesson .content .classes table td a.view {
        background-color: #00205B;
        color: #fff;
        font-size: 12px;
        padding: 8px 13px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #single-lesson .content .classes table td a.view:hover {
          background-color: #1CA5F9; }
      #single-lesson .content .classes table td a.record {
        background-color: #1CA5F9;
        color: #fff;
        font-size: 12px;
        padding: 8px 13px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #single-lesson .content .classes table td a.record:hover {
          background-color: #1CA5F9; }
    #single-lesson .content .discussions .alert-danger {
      margin: 0;
      color: #fff;
      background-color: #F44336;
      font-size: 15px; }
    #single-lesson .content .discussions .discussion {
      background-color: #f2f3f9;
      border-radius: 10px;
      margin-bottom: 10px;
      padding: 20px 10px; }
      #single-lesson .content .discussions .discussion .row {
        align-items: center; }
      #single-lesson .content .discussions .discussion .teacher-img {
        border-radius: 50%; }
      #single-lesson .content .discussions .discussion .disc-title {
        text-align: right; }
        #single-lesson .content .discussions .discussion .disc-title h3 {
          font-size: 15px;
          color: #666;
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
          #single-lesson .content .discussions .discussion .disc-title h3:hover {
            color: #00205B; }
      #single-lesson .content .discussions .discussion .disc-meta span {
        color: #999;
        font-size: 13px;
        display: inline-block;
        margin-left: 6px; }
      #single-lesson .content .discussions .discussion a {
        color: #1CA5F9; }
    #single-lesson .content .view-disc .discussion {
      background-color: #f2f3f9;
      border-radius: 10px;
      margin-bottom: 10px;
      padding: 20px 10px; }
      #single-lesson .content .view-disc .discussion .teacher-head {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #99999926; }
        #single-lesson .content .view-disc .discussion .teacher-head .row {
          align-items: center; }
        #single-lesson .content .view-disc .discussion .teacher-head .teacher-img {
          border-radius: 50%; }
        #single-lesson .content .view-disc .discussion .teacher-head .disc-title {
          text-align: right; }
          #single-lesson .content .view-disc .discussion .teacher-head .disc-title h3 {
            font-size: 15px;
            color: #666;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            -ms-transition: .5s all ease;
            -o-transition: .5s all ease;
            transition: .5s all ease; }
            #single-lesson .content .view-disc .discussion .teacher-head .disc-title h3:hover {
              color: #00205B; }
        #single-lesson .content .view-disc .discussion .teacher-head .disc-meta span {
          color: #999;
          font-size: 13px;
          display: inline-block;
          margin-left: 6px; }
      #single-lesson .content .view-disc .discussion .teacher-content p {
        font-size: 15px; }
    #single-lesson .content .view-disc .add-discussion {
      background-color: #f2f3f9;
      border-radius: 10px;
      padding: 20px; }
      #single-lesson .content .view-disc .add-discussion .comment-head .user-img {
        border-radius: 50%; }
      #single-lesson .content .view-disc .add-discussion .comment-head .username {
        margin-top: 5px; }
        #single-lesson .content .view-disc .add-discussion .comment-head .username h3 {
          font-size: 15px;
          color: #666;
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
      #single-lesson .content .view-disc .add-discussion #add-comment textarea {
        font-size: 14px;
        color: #666; }
        #single-lesson .content .view-disc .add-discussion #add-comment textarea:focus {
          box-shadow: none; }
      #single-lesson .content .view-disc .add-discussion #add-comment #send-comment {
        background-color: #00205B;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #single-lesson .content .view-disc .add-discussion #add-comment #send-comment:hover {
          background-color: #1CA5F9; }
    #single-lesson .content .view-disc .comments .comment {
      background-color: #f2f3f9;
      border-radius: 10px;
      margin-bottom: 10px;
      padding: 20px 10px; }
      #single-lesson .content .view-disc .comments .comment .comment-head {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #99999926; }
        #single-lesson .content .view-disc .comments .comment .comment-head .row {
          align-items: center; }
        #single-lesson .content .view-disc .comments .comment .comment-head .user-img img {
          border-radius: 50%; }
        #single-lesson .content .view-disc .comments .comment .comment-head .comment-info .disc-title {
          text-align: right; }
          #single-lesson .content .view-disc .comments .comment .comment-head .comment-info .disc-title h3 {
            font-size: 15px;
            color: #666;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            -ms-transition: .5s all ease;
            -o-transition: .5s all ease;
            transition: .5s all ease; }
            #single-lesson .content .view-disc .comments .comment .comment-head .comment-info .disc-title h3:hover {
              color: #00205B; }
        #single-lesson .content .view-disc .comments .comment .comment-head .comment-info .disc-meta span {
          color: #999;
          font-size: 13px;
          display: inline-block;
          margin-left: 6px; }
        #single-lesson .content .view-disc .comments .comment .comment-head .comment-control .btn {
          padding: 7px 15px;
          font-size: 11px;
          -webkit-transition: .5s all ease;
          -moz-transition: .5s all ease;
          -ms-transition: .5s all ease;
          -o-transition: .5s all ease;
          transition: .5s all ease; }
          #single-lesson .content .view-disc .comments .comment .comment-head .comment-control .btn:hover {
            background-color: #1CA5F9; }
        #single-lesson .content .view-disc .comments .comment .comment-head .comment-control a.edit {
          background-color: #00bcd4; }
        #single-lesson .content .view-disc .comments .comment .comment-head .comment-control a.delete {
          background-color: #f44336; }
      #single-lesson .content .view-disc .comments .comment .comment-content {
        font-size: 15px;
        line-height: 27px;
        color: #555; }
  #single-lesson .alert-info {
    background-color: #ff5a5f;
    color: #fff;
    border: none;
    font-size: 14px; }
    #single-lesson .alert-info i {
      margin: 0 5px; }
  #single-lesson .attachments .file {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 5px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease; }
    #single-lesson .attachments .file .icon {
      font-size: 4rem;
      color: #888; }
    #single-lesson .attachments .file .name h3 {
      font-size: 16px;
      color: #555c66; }

/*
  Clients
*/
#clients-page {
  padding: 50px 0;
  background-color: #f2f3f9; }
  #clients-page .title {
    width: 25%;
    margin: 0  auto 40px auto; }
    #clients-page .title h3 {
      border-bottom: 2px solid #ddddff;
      font-size: 18px;
      color: #666;
      padding-bottom: 15px;
      font-weight: bold; }
  #clients-page .client {
    box-shadow: 0 0 11px 0 #DDD;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: center; }
    #clients-page .client img {
      height: 150px;
      max-width: 100%; }
    #clients-page .client .overlay {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #f7f7f7;
      transition: top 0.7s ease;
      padding: 30px 0; }
      #clients-page .client .overlay h3 {
        font-size: 15px;
        color: #777;
        width: 100%;
        font-weight: bold;
        margin-bottom: 10px; }
      #clients-page .client .overlay p {
        font-size: 14px;
        color: #777;
        width: 100%; }
      #clients-page .client .overlay .btn {
        background-color: #1CA5F9;
        font-size: 15px;
        padding: 10px 20px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #clients-page .client .overlay .btn:hover {
          background-color: #00205B; }
    #clients-page .client:hover .overlay {
      top: 0%; }

/*
  Page
*/
#page .title {
  width: 20%;
  margin: 50px auto; }
  #page .title h3 {
    border-bottom: 2px solid #ddddff;
    font-size: 18px;
    color: #666;
    padding-bottom: 15px;
    font-weight: bold; }
#page .content {
  text-align: right;
  padding: 50px; }
  #page .content p {
    color: #666;
    line-height: 27px; }

/*
  Payment Another Methods
*/
#payments-another-methods {
  background-color: #f2f3f9; }
  #payments-another-methods .title {
    width: 20%;
    margin: 50px auto; }
    #payments-another-methods .title h3 {
      border-bottom: 2px solid #ddddff;
      font-size: 18px;
      color: #666;
      padding-bottom: 15px;
      font-weight: bold; }
  #payments-another-methods .content {
    text-align: right;
    padding: 50px 0; }
    #payments-another-methods .content p {
      color: #666;
      margin-bottom: 5px; }
    #payments-another-methods .content b {
      margin-bottom: 10px;
      display: block; }
    #payments-another-methods .content .bank {
      margin-bottom: 15px; }
    #payments-another-methods .content #payments-form {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 5px 5px #eee;
      width: 55%;
      margin: auto; }
      #payments-another-methods .content #payments-form input {
        border: 1px solid #eee; }
      #payments-another-methods .content #payments-form button[type="submit"] {
        background-color: #00205B;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #payments-another-methods .content #payments-form button[type="submit"]:hover {
          background-color: #1CA5F9; }
      #payments-another-methods .content #payments-form .alert-danger {
        background-color: #F44336;
        color: #fff;
        border: none;
        font-size: 13px;
        text-align: center; }
      #payments-another-methods .content #payments-form .alert-success {
        background-color: #009688;
        color: #fff;
        border: none;
        font-size: 13px;
        text-align: center; }
    #payments-another-methods .content .page-content {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 5px 5px #eee; }

/*
  Course Book
*/
#course-book {
  background-color: #f2f3f9; }
  #course-book .title {
    width: 20%;
    margin: 50px auto; }
    #course-book .title h3 {
      border-bottom: 2px solid #ddddff;
      font-size: 18px;
      color: #666;
      padding-bottom: 15px;
      font-weight: bold; }
  #course-book .content {
    text-align: right;
    padding: 50px 0; }
    #course-book .content p {
      color: #666;
      line-height: 27px; }
    #course-book .content #contact-form {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 5px 5px #eee;
      width: 45%;
      margin: auto; }
      #course-book .content #contact-form input {
        border: 1px solid #eee; }
      #course-book .content #contact-form button[type="submit"] {
        background-color: #00205B;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -ms-transition: .5s all ease;
        -o-transition: .5s all ease;
        transition: .5s all ease; }
        #course-book .content #contact-form button[type="submit"]:hover {
          background-color: #1CA5F9; }
      #course-book .content #contact-form .alert-danger {
        background-color: #F44336;
        color: #fff;
        border: none;
        font-size: 13px;
        text-align: center; }
      #course-book .content #contact-form .alert-success {
        background-color: #009688;
        color: #fff;
        border: none;
        font-size: 13px;
        text-align: center; }
    #course-book .content .page-content {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 5px 5px #eee; }

/*
  Single Clients
*/
#single-clients {
  background-color: #f2f3f9;
  padding: 50px 0; }
  #single-clients .wrapper {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    width: 70%;
    margin: auto;
    box-shadow: 0 0 5px 5px #eee; }
    #single-clients .wrapper .title {
      width: 40%;
      margin: 15px auto 20px auto; }
      #single-clients .wrapper .title h3 {
        border-bottom: 2px solid #ddddff;
        font-size: 18px;
        color: #666;
        padding-bottom: 15px;
        font-weight: bold; }
    #single-clients .wrapper .content {
      width: 70%;
      margin: auto;
      text-align: justify; }
      #single-clients .wrapper .content p {
        color: #666;
        line-height: 27px; }

/*
  Single Teachers
*/
#single-teachers {
  background-color: #f2f3f9;
  padding: 50px 0; }
  #single-teachers .wrapper {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    width: 70%;
    margin: auto;
    box-shadow: 0 0 5px 5px #eee; }
    #single-teachers .wrapper .info {
      border-bottom: 2px solid #ddddff;
      width: 50%;
      margin: 25px auto; }
      #single-teachers .wrapper .info .teacher-img img {
        max-width: 100%; }
      #single-teachers .wrapper .info .teacher-info h3 {
        font-size: 16px;
        color: #666;
        font-weight: bold;
        margin: 15px 0; }
      #single-teachers .wrapper .info .teacher-info p {
        font-size: 16px;
        color: #999; }
    #single-teachers .wrapper .content {
      width: 70%;
      margin: auto;
      text-align: justify; }
      #single-teachers .wrapper .content p {
        color: #666;
        line-height: 27px;
        font-size: 15px; }

/*
  Single Teachers
*/
#single-free-content {
  background-color: #f2f3f9;
  padding: 50px 0; }
  #single-free-content .wrapper {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    width: 70%;
    margin: auto;
    box-shadow: 0 0 5px 5px #eee; }
    #single-free-content .wrapper .info {
      border-bottom: 2px solid #ddddff;
      width: 80%;
      margin: 25px auto; }
      #single-free-content .wrapper .info img {
        max-width: 100%;
        height: auto; }
      #single-free-content .wrapper .info .teacher-info h3 {
        font-size: 16px;
        color: #666;
        font-weight: bold;
        margin: 15px 0; }
      #single-free-content .wrapper .info .teacher-info p {
        font-size: 16px;
        color: #999; }
    #single-free-content .wrapper .content {
      width: 80%;
      margin: auto;
      text-align: justify;
      border-bottom: 1px solid #eee; }
      #single-free-content .wrapper .content iframe {
        width: 100%;
        height: 350px; }
      #single-free-content .wrapper .content p {
        color: #666;
        line-height: 27px;
        font-size: 15px; }
    #single-free-content .wrapper .share {
      margin: 20px 0; }
      #single-free-content .wrapper .share h4 {
        color: #666;
        font-size: 16px;
        font-weight: bold; }
      #single-free-content .wrapper .share .addthis_tool {
        text-align: center;
        margin-top: 20px; }

/*
  Check Certificate
*/
#check-certificate {
  background-color: #f2f3f9;
  padding: 50px 0; }
  #check-certificate .form {
    text-align: right;
    width: 500px;
    margin: 20px auto;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 14px 2px #ddd; }
    #check-certificate .form .alert {
      background-color: #00205B;
      font-size: 12px;
      color: #fff;
      border: none; }
    #check-certificate .form .btn-dark {
      background-color: #1CA5F9;
      color: #ddd;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #check-certificate .form .btn-dark:hover {
        background-color: #00205B;
        color: #fff; }
    #check-certificate .form .title {
      width: 80%;
      margin: 10px auto 25px auto; }
      #check-certificate .form .title h3 {
        border-bottom: 2px solid #ddddff;
        font-size: 18px;
        color: #666;
        padding-bottom: 15px;
        font-weight: bold; }
  #check-certificate .logo img {
    width: 185px; }
  #check-certificate .certificates {
    margin: 20px auto; }
    #check-certificate .certificates .box {
      background-color: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 14px 2px #ddd; }
      #check-certificate .certificates .box .title {
        width: 25%;
        margin: 0 auto 40px auto; }
        #check-certificate .certificates .box .title h3 {
          border-bottom: 2px solid #ddddff;
          font-size: 17px;
          color: #666;
          padding-bottom: 15px;
          font-weight: bold; }
    #check-certificate .certificates .user-info {
      text-align: center; }
      #check-certificate .certificates .user-info .img {
        margin-bottom: 10px; }
        #check-certificate .certificates .user-info .img img {
          max-width: 64px;
          border-radius: 50%; }
      #check-certificate .certificates .user-info .name h3 {
        font-size: 15px;
        color: #666; }
    #check-certificate .certificates .content table thead th {
      text-align: right;
      font-size: 14px;
      color: #444; }
    #check-certificate .certificates .content table tbody tr {
      text-align: right; }
    #check-certificate .certificates .content table tbody td .btn {
      padding: 7px 10px;
      font-size: 11px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #check-certificate .certificates .content table tbody td .btn:hover {
        background-color: #00205B; }

/*
  Social Fixed
*/
#fixed-social {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 30px; }
  #fixed-social .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    #fixed-social .wrap a {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 18px;
      color: #fff;
      padding: 5px 7px;
      -webkit-transition: .5s all ease;
      -moz-transition: .5s all ease;
      -ms-transition: .5s all ease;
      -o-transition: .5s all ease;
      transition: .5s all ease; }
      #fixed-social .wrap a:hover {
        background-color: #1CA5F9 !important; }
    #fixed-social .wrap a.facebook {
      background-color: #3b5998; }
    #fixed-social .wrap a.twitter {
      background-color: #1da1f2; }
    #fixed-social .wrap a.whats {
      background-color: #25D366; }
    #fixed-social .wrap a.youtube {
      background-color: #ff0000; }

/*# sourceMappingURL=style.css.map */