.tel,
h1 {
  line-height: 30px;
}
body,
h2 {
  line-height: 20px;
}
h1,
h2,
h3,
ol,
ul {
  margin: 0;
}
#header .dropdown-menu a,
.banner h1,
.footer-nav a,
.tel a {
  color: #fff;
}
.careers .email,
.intro .testimonals .name,
.slider .slide-content a,
h3 {
  font-weight: 700;
}
#footer,
#header,
#header .dropdown-menu > li > a:hover,
.banner:after,
.intro .testimonals {
  background: #025;
}
ol,
ul {
  padding: 0;
  list-style: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.ellipsis {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
#header .header-top,
.main-carousel-section .container-holder,
.main-carousel-section .slick-carousel,
.navbar .nav li {
  position: relative;
}
#hide,
#success_message,
.caligraphy,
.footer-nav li:last-child:after,
.navbar .nav li:last-child:after,
.sidebar {
  display: none;
}
.tel {
  font-size: 25px;
  padding: 19px 0;
}
.tel a:before {
  content: "\f098";
  font-family: FontAwesome;
  margin-right: 10px;
}
.navbar-holder {
  border-top: 1px solid #6195ed;
  border-bottom: 1px solid #6195ed;
}
.navbar .nav li:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #6195ed;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.logo a,
.logo img,
.social-list li a {
  /* display: block; */
}
.navbar .nav li a:hover {
  color: #a1b4db;
}
.navbar .nav li a {
  text-transform: capitalize;
}
.navbar-nav {
  float: none;
}
.banner,
.social-list {
  text-align: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.logo {
  width: 70px;
}
.logo img {
  max-width: 100%;
  height: auto;
}
.top-logo-container { width:148px; margin-top:8px;}
.top-nav-logo> img { width:96px; height:auto; margin-top:10px;  }

/* SOCIAL ICONS */
.social-list { gap: .5rem; }
.social-item { list-style: none; }

.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px; height: 25px;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: transform .2s, box-shadow .2s;
}

.social-link i {
  font-size: 0.85rem;
  color: #fff !important;
  line-height: 1;
}

/* Brand‑colored backgrounds */
.social-link.fb { background: #1877F2; }
.social-link.tw { background: #1DA1F2; }
.social-link.yt { background: #FF0000; }

/* Hover effect */
.social-link:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}


#header .dropdown-menu,
thead {
  background: #025;
  color: #fff;
}
body {
  font-size: 14px;
  font-family: "PT Sans", sans-serif;
  min-width: 320px;
  background: #fff;
  color: #000;
}
h1 {
  font-family: Roboto, sans-serif;
}
h3 {
  line-height: 24px;
}
.banner {
  background: url(../images/banner-bg.jpg) 0 0 / cover no-repeat;
  min-height: 300px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
.social-list,
.social-list li {
  display: -webkit-box;
  display: -ms-flexbox;
}
.footer-nav,
.social-list,
.social-list li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

/* #header .social-list .facebook a, #header .social-list .twitter a, #header .social-list .youtube a {padding-top: 10px;} */
/* #header .social-list .youtube .circle { border: 6px solid #aa0a0a; } */

.banner:after {
  content: "";
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.banner h1 {
  margin: 0 0 25px;
}
.banner .container-holder {
  max-width: 75%;
  margin: 0 auto;
}
.social-networks .container {
  padding-top: 25px;
  padding-bottom: 25px;
}
.downloads .panel .btn,
.downloads .panel p,
.sign-up-panel h3,
.social-networks h2,
.welcome-message p {
  margin: 0 0 15px;
}
.social-list {
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.social-list .facebook a {
  color: #3b5998;
}
.social-list .facebook .circle {
  border-color: #3b5998;
}
.social-list .twitter a {
  color: #1da1f2;
}
.social-list .twitter .circle {
  border-color: #1da1f2;
}
.social-list .google a {
  color: #db4437;
}
.social-list .google .circle {
  border-color: #db4437;
}
.social-list li {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 4px;
}
.social-list li a {
  color: #025;
  text-decoration: none;
}
.social-list li a:hover i {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-decoration: none;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.social-list .circle {
  border: 6px solid #025;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 33px;
}
.welcome-message {
  background: #fdfdfd;
  border: 3px solid #eee;
  border-radius: 6px;
  padding: 10px;
  text-align: justify;
  margin: 0 0 20px;
}
.main-carousel-section {
  display: none;
  margin-bottom: 50px;
}
.main-carousel-section h2 {
  margin: 0 0 20px;
  text-align: center;
}
.main-carousel-section .col-sm-12,
.main-carousel-section .container-fluid {
  padding: 0;
}
.main-carousel-section .slick-slide img {
  border: none;
  width: 100%;
}
.main-carousel-section .slick-carousel .slick-next,
.main-carousel-section .slick-carousel .slick-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
  width: auto;
  height: auto;
}
.main-carousel-section .slick-carousel .slick-next:before,
.main-carousel-section .slick-carousel .slick-prev:before {
  content: "\f137";
  font-family: FontAwesome;
  color: #fff;
  font-size: 40px;
  line-height: 45px;
}
.main-carousel-section .slick-carousel .slick-prev {
  left: 15px;
}
.main-carousel-section .slick-carousel .slick-next {
  right: 15px;
}
.main-carousel-section .slick-carousel .slick-next:before {
  content: "\f138";
}
.main-carousel-section .intro-content {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (min-width: 768px) {
  .caligraphy {
    display: block;
    width: 144px;
    height: 31px;
    clear: both;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .navbar .nav li:after {
    display: block;
  }
  .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  h1 {
    font-size: 37px;
    line-height: 39px;
  }
  h2 {
    font-size: 23px;
    line-height: 27px;
  }
  .banner .container-holder {
    max-width: 50%;
  }
  .welcome-message {
    margin: 0;
  }
  .main-carousel-section .slick-carousel .slick-prev {
    left: 20px;
  }
  .main-carousel-section .slick-carousel .slick-next {
    right: 20px;
  }
  .main-carousel-section .intro-content {
    width: 75%;
  }
}
.main-carousel-section .intro-content h1 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
}
.main-carousel-section .intro-content .btn {
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}
.slider {
  background: #d8dce2;
  padding: 15px 0;
}
.slider .slide-content {
  border-right: none;
  padding: 0 10px;
  text-align: center;
}
@media (min-width: 480px) {
  .main-carousel-section {
    display: block;
  }
  .slider .slide-content {
    padding: 0 40px;
  }
}
@media (min-width: 768px) {
  .main-carousel-section .intro-content h1 {
    margin-bottom: 35px;
    font-size: 25px;
    line-height: 30px;
  }
  .main-carousel-section .intro-content .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 22px;
  }
  .slider .slide-content {
    border-right: 1px solid #6195ed;
    padding: 0 9px;
  }
  .intro .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.slider .slide-content.slick-slide img {
  margin: 0 auto 15px;
  display: block;
  width: 100%;
  height: auto;
}
.slider .slide-content a {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin: 0 0 8px;
}
.slider .slide-content .moreBtn,
.slider .slide-content .moreBtn i {
  display: inline-block;
  vertical-align: middle;
}
.carousel .container {
  padding-top: 50px;
}
@media (min-width: 480px) {
  .slider .slide-content.slick-slide img {
    width: auto;
  }
  .carousel .container {
    padding-top: 0;
  }
}
.intro .container {
  padding-top: 30px;
  padding-bottom: 45px;
}
.intro .col-sm-4 {
  border-right: none;
}
.intro .benefits {
  margin: 0 0 20px;
}
.intro .benefits li {
  margin: 0 0 13px;
}
@media (min-width: 992px) {
  .navbar .nav li a {
    text-transform: uppercase;
  }
  .welcome-message {
    padding: 20px;
  }
  .main-carousel-section .intro-content {
    width: auto;
  }
  .slider .slide-content {
    padding: 0 40px;
  }
  .intro .benefits li {
    margin: 0 0 8px;
  }
}
.intro h2 {
  margin: 0 0 10px;
}
.intro .testimonals {
  color: #fff;
  padding: 20px 30px;
}
.intro .testimonals span {
  display: block;
  margin: 0 0 8px;
}
.intro .testimonals .readmore {
  display: inline-block;
}
.intro .testimonals .quot {
  font-style: italic;
}
.main-article .container {
  padding: 15px 30px;
}
.courses-banner .container-holder {
  max-width: 75%;
}
.content-wrapper .container {
  padding-top: 40px;
  padding-bottom: 35px;
}
.sign-up-panel {
  text-align: center;
}
.panel .social-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.panel .social-list li:first-child {
  margin-left: 0;
}
.prices .table-responsive {
  margin-top: 30px;
}
.prices .panel-body span {
  display: block;
  margin: 0 0 20px;
}
.prices .panel-body .register-now {
  font-weight: 700;
  margin: 0;
}
#add-info {
  display: block;
  font-size: 20px;
  line-height: 25px;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  max-width: 66%;
  margin: 0 auto;
}
#add-info:hover {
  color: #328cb7;
}
.careers-list,
.classes-list {
  padding-left: 15px;
}
.careers-list li,
.classes-list li {
  color: #025;
  margin: 0 0 10px;
}
legend {
  border: none;
  margin: 0;
  padding: 20px 0;
}
.registration-form .btn-default {
  margin-top: 20px;
}
.input-group-addon {
  color: #025;
}
.careers .heading {
  color: #025;
  margin: 0 0 15px;
  display: block;
}
.careers .careers-list {
  margin: 0 0 25px;
}
.careers .email {
  display: block;
}
.mark {
  color: #f5121d;
  background: 0 0;
}


@media (max-width: 768px) {
    
   #header .top-logo-container { width:90% !important; max-width:100%; text-align:center; margin: 0 auto; }
}

@media (min-width: 768px) {
    
 
    .intro .col-sm-4:nth-child(2) {
    border-right: 1px solid #6195ed;
    border-left: 1px solid #6195ed;
  }
  .intro .benefits {
    margin: 0;
  }
  .courses-banner .container-holder {
    max-width: 59%;
  }
  .sidebar {
    display: block;
    padding-top: 56px;
  }
}

#footer {
  text-align: center;
}
#footer .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-nav li {
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
}
.footer-nav li:after {
  content: "|";
  margin-left: 5px;
}