@font-face {
  font-family: Merriweather;
  src: url("../fonts/merriweather.regular.ttf") format('truetype');
}

@font-face {
  font-family: Gotham;
  url("../fonts/GothamBook.ttf") format('truetype');
  font-weight: normal;
}
body {
  font-family: Gotham!important;
}
.bg-aqua {
  background: #eff8fd;
}
.student-img img{
  width:32%;
  margin:5px 2px;
}
a{
  text-decoration: none!important;
}

/*** navbar ***/

.navbar-nav li {
  font-family: Merriweather!important;
  font-weight: bold;
  padding: 4px 6px;
  border-right: 1px solid #ddd;
  list-style-type: none;
  text-indent: -6px;
  font-size:13px;
}

.navbar-nav li:last-child {
  border: none;
}

.navbar-nav li.active {
  background: #f0f7ff;
}

.navbar {
  padding:0rem;
}
.dropdown .dropdown-menu {
  border-radius:0;
  font-size:13px;
  font-family: Merriweather;
  font-weight: bold;
}

.navbar-toggler{
  background-color: #49c1e2;
  font-size:20px;
  line-height:25px;
  border-radius:0;
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:999;

}
.breadcrumb{
  font-family: Merriweather;
  background: #eff8fd;
  border:none;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}
.bg-blue{
  background-color:#009CDE;
}
.text-blue{
  color:#009CDE;
}
.bg-kreablue{
  background-color:#49c1e2;
}
.bg-bluedark{
  background-color:#005da8;
}
.top-ico{
  width:40px;
  height:40px;
  float:left;
  margin:0px 5px;
  text-align:center;
  line-height:40px;
  color:#FFF;
  border-radius:100%;
}
.top-ico a{
  color:#FFF;
}

.bg-fb{
  background-color:#bba6a3;
  transition: 0.3s linear all;
}
.bg-fb:hover{
  background: #b39f9e;
}
.bg-twitter{
  background-color:#e16666;
  transition: 0.3s linear all;
}
.bg-twitter:hover{
  background: #cf5456;
}
.bg-insta{
  background-color:#e4c19b;
  transition: 0.3s linear all;
}
.bg-insta:hover{
  background: #ddba9a;
}
.bg-youtube{
  background-color:#51c2e1;
  transition: 0.3s linear all;
}
.bg-youtube:hover{
  background: #35abb7;
}
.bg-linkedin{
  background-color:#2688c5;
  transition: 0.3s linear all;
}
.bg-linkedin:hover{
  background: #0e6aaa;
}

#why-us h2{
  font-size:22px;
}
.bar {
  height: 3px;
  width: 100px;
  margin-bottom: 10px;
}

.bar-fluid {
  width: 100%;
}

.bar-block .bar {
  display: inline-block;
  width: 25px;
  margin-left: -5px !important;
}

.bar-block-fluid .bar {
  display: inline-block;
  width: 25%;
  margin-left: -5px !important;
}

.bar-block .bar:first-child,
.bar-block-fluid .bar:first-child {
  margin-left: 0px !important;
}

.bold .bar {
  height: 8px;
}

.bar-1 {
  background: #0F5FA6;
}

.bar-2 {
  background: #1389CA;
}

.bar-3 {
  background: #0ABFE1;
}

.bar-4 {
  background: #6BCBDE;
}
/*** about main ***/

#about-main {
  font-family: Gotham;
}

.sidebar {
  padding: 10px 20px;
  padding-top: 41px;
}

.sidebar li {
  font-family: Merriweather;
  text-align: left;
}

.sidebar li a {
  display: block;
  margin: 12px 0;
}

.sidebar li a:hover {
  color: #1389CA;
}

.sidebar li.active a {
  color: #1389CA;
}

.sidebar li a {
  color: #808080;
  text-decoration: none !important;
}

.list-unstyled ul {
  font-family: Merriweather;
  text-align: left;
}

.list-unstyled a {
  margin-left: 17px;
  padding-top: 0px !important;
}



.sidebar .bar {
  height: 3px;
  margin: 0;
}


/* end sidebar */

.flex-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  /*max-width: 700px;*/
  padding: 3rem;
  margin: 0 auto;
}

.flex-content h2 {
  font-family: Gotham;
}

.flex-content p {
  font-size: 16px;
  color: #6d6d6d;
}

#about-text {
  position: relative;
  font-family: Gotham;
}

#about-text .overlay-img {
  position: absolute;
  top: -60px;
  left: 60px;
  z-index: 15;
}

#about-text .overlay-img img {
  width: 240px;
  height: 240px;
  border: 1px solid #ddd;
  border-radius: 50%;
}

#about-text .overlay-text {
  margin-left: 150px;
  max-width: 900px;
}

@media(max-width:1200px) {
  #about-text .overlay-img {
    display: none;
  }

  .navbar-nav li {
    font-family: Merriweather;
    font-weight: bold;
    padding: 10px 10px;
    border-right: 1px solid #ddd;
    list-style-type: none;
    text-indent: -15px;
  }
}

@media (max-width:768px){

  #form
  {
    width: 100%;
  }

  #form p
  {
    font-size: 15px;
  }
  .sidebar1 {
    position: relative;
    top: 0;
    background: #fff;
    width: auto;
    max-width: 100%;
    padding: 10px 20px;
    padding-left: 20px;
    padding-left: 0px;
    z-index: 999;
    display: block;
  }

/*** footer ***/


footer ul {
  float: right;
}

footer ul li {
  display: inline-block;
  padding: 15px 0px;
}

@media (max-width:767px) {
  footer ul {
    float: none;
  }
  footer ul {
    padding: 0;
  }
  footer ul li {
    padding: 0;
  }
}

footer ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: red;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

footer ul li a:hover {
  text-decoration: none!important;
  color: #fff;
}


/* Medium devices (tablets, 768px and up)
The navbar toggle appears at this breakpoint */

@media(min-width:767px) and (max-width:991px) {
  .navbar-nav li {
    padding: 10px 15px;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius:0;
  }
}


@media(max-width:1200px) {
  .navbar-nav li {
    font-family: Merriweather;
    font-weight: bold;
    padding: 10px 10px;
    border-right: 1px solid #ddd;
    list-style-type: none;
    text-indent: -15px;
  }
}

@media(max-width:1263px) {


  .navbar-nav li {
    font-family: Merriweather;
    font-weight: bold;
    padding: 3px 10px;
    border-right: 1px solid #ddd;
    list-style-type: none;
    text-indent: -15px;
  }
}