/*CSS Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');


@font-face { font-family: Times-Roman; src: url(../fonts/times.ttf); }
@font-face { font-family: Bell; src: url(../fonts/BELL.TTF); }
@font-face { font-family: School-Book-Bold; src: url(../fonts/SCHLBKB.TTF); }
@font-face { font-family: Times-Roman-Bold; src: url(../fonts/timesbd.ttf); }
@font-face { font-family: Open-Sans; src: url(../fonts/OpenSans-Regular.ttf); }
@font-face { font-family: Open-Sans-SemiBold; src: url(../fonts/OpenSans-SemiBold.ttf); }
@font-face { font-family: Open-Sans-Bold; src: url(../fonts/OpenSans-Bold.ttf); }


@font-face {font-family: "Canela-Regular";
  src: url("../fonts/canela/4a24899e94d8236f671c1090cd9e068c.eot"); /* IE9*/
  src: url("../fonts/canela/4a24899e94d8236f671c1090cd9e068c.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/canela/4a24899e94d8236f671c1090cd9e068c.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/canela/4a24899e94d8236f671c1090cd9e068c.woff") format("woff"), /* chrome、firefox */
  url("../fonts/canela/4a24899e94d8236f671c1090cd9e068c.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/canela/4a24899e94d8236f671c1090cd9e068c.svg#Canela-Regular") format("svg"); /* iOS 4.1- */
}



body{
  font-family: Times-Roman;
  margin: 0 auto;
  padding: 0;
}

/* header  */
.home-header{position: absolute; width: 100%; z-index: 1; font-family: Bell; padding: 20px 0; right: 74px;}
.home-header .main-header-logo{width: 350px;}
.navbar-light .navbar-toggler{border: 3px solid #fff; border-radius: 100%; width: 50px; height: 50px;}
.navbar-toggler-icon{margin-left: -4px;}

.navbar-nav{width: 20%; float: right; background: #fff;}
.navbar-light .navbar-nav .nav-link{padding: 10px; border-bottom: 1px solid #ddd; text-align: right; padding-right: 20px;}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 222;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-family: "Canela-Regular";
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.carousel-control-next, .carousel-control-prev{z-index:0 !important;}
.carousel-indicators{z-index:0 !important;}

/* home banner  */
.home-banner{padding: 0; font-family: School-Book-Bold; font-size: 20px; position: relative;}
.home-banner .carousel-inner{text-align: center;}
.home-banner .carousel-item{max-height: 700px;}
.home-banner .carousel-item .carousel-caption{bottom: 18rem; right: 200px; left: auto; width: 30%;}
.home-banner .carousel-item .carousel-caption h5{font-size: 50px; text-align: left; text-shadow: 5px 5px 10px #000;}

.home-banner .bannerlogo{width: 100%; text-align: center; position: absolute; bottom: 100px; z-index: 1;}
.home-banner .gradient-overlay{width: 100%; position: absolute; height: 50%; background: linear-gradient(transparent, #fff);; z-index: 0; bottom: 0;}


/* unmatched learning experience  */
.unmatched-learning-experience{ background: #fff; padding: 50px 0; position: relative;}
.unmatched-learning-experience .container{position: relative;}
.unmatched-learning-experience .unmatched-title{font-family: Allura, cursive; color: #C95911;font-weight: 700; padding: 10px; font-size: 105px; line-height:40px; }
.unmatched-learning-experience .unmatched-title span{display:block; padding-left:262px; font-size: 18px; font-family:Open-Sans-Bold; font-style:italic;}

.unmatched-learning-experience .content-custom{padding: 0 50px;}
.unmatched-learning-experience .content-custom p{color: #242424; font-family: Open-Sans; font-size: 18px; font-weight: 700; text-align: justify; line-height: 30px;}

.unmatched-learning-experience .stats-wrapper{padding: 60px 0; margin-left: 4%;}
.unmatched-learning-experience .stats-wrapper .stats{ text-align: center; }

.unmatched-learning-experience .stats-wrapper .stats .counting{ color: #3055A6; font-size: 60px; font-weight: 700; font-family:Open-Sans; }
.unmatched-learning-experience .stats-wrapper .stats h5{ background: #3F63B2; padding: 5px 10px; text-align: center; color: #fff; font-size: 18px; width: 55%; margin: auto; letter-spacing: 1px; border-radius: 30px; font-family:Open-Sans;}

/* courses  */
.courses-calendar{ background: #EFEDEE; padding: 60px 0; margin-top: 50px; }
.courses-calendar h2{text-align: center; font-size: 28px; text-transform: uppercase; color: #1A2F5B; font-weight: 700; font-family: Open-Sans;}

/* calendar */
.calendar{ margin: 30px 0; font-family: Open-Sans;}

.month {
  padding: 10px 0;
  width: 100%;
  background: #375AA8;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

.month ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: Open-Sans;
}

.month .prev {
  float: left;
  padding-top: 10px;
}

.month .next {
  float: right;
  padding-top: 10px;
}

.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #fff;
}

.weekdays li {
  display: inline-block;
  width: 13%;
  color: #333;
  text-align: center;
  font-weight: 700;
}

.days {
  padding: 10px 0;
  background: #fff;
  margin: 0;
  border-radius: 0 0 10px 10px;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13%;
  text-align: center;
  margin-bottom: 5px;
  font-size:12px;
  color: #777;
}

.days li a.active {
  background: #375AA8;
  color: white !important;
  text-decoration: none;
  display: block;
}
.days li a.list-number {
  background: #F58220;
  color: white !important;
  text-decoration: none;
  display: block;
}
.days li a.red {
  background: #ff0000;
  color: white !important;
  text-decoration: none;
  display: block;
}
.days li a.green {
  background: #00a884;
  color: white !important;
  text-decoration: none;
  display: block;
}
.days li a.purple {
  background: #0f27d3;
  color: white !important;
  text-decoration: none;
  display: block;
}
.days li a.course-number {
  background: #FFCD0D;
  color: white !important;
  text-decoration: none;
  display: block;
}

.inner-content h3{
  font-family: "Canela-Regular";
  font-size: 20px;
}
.accordion-item .accordion-button{font-family: "Canela-Regular"; font-size: 18px; outline: none;}
.accordion-item{border-left: 0; border-right: 0; border-radius: 0;}
.accordion-button:not(.collapsed){ font-weight: 700; color: #000; font-size: 18px; background: none;}

.accordion-body{font-size: 16px;}
.accordion-body strong{font-size: 16px;}

.map-container-section {
  overflow:hidden;
  
  position:relative;
  
}
.map-container-section iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.contact-form-wrapper h3{margin-bottom: 20px !important; font-family: Open-Sans;}
.contact-form-wrapper .md-form{margin-bottom: 15px; font-size: 16px;}
.contact-form-wrapper .md-form label{font-family: Open-Sans;}
.contact-form-wrapper button{font-family: Open-Sans; text-transform: uppercase; font-size: 20px;}
.contact-form-wrapper select{font-family: Open-Sans;}
.icons .fa{font-size: 26px;}


.jobs{ margin-top: 20px;}
.job-heading{font-family: "Canela-Regular"; font-size: 25px; font-weight: 700;}

.jobs a{cursor: default;}
.jobs .list-group-item.active{ background: none; }
.jobs .list-group-item h5{font-family: Open-Sans; font-size: 18px; font-weight: 700;}
.jobs .list-group-item p{font-size: 16px;}

.jobs .list-group-item small{font-family: Open-Sans;}

.pagination{font-family: Open-Sans;}
.pagination .page-item.active .page-link{background-color: #2F54A5; color: #fff; border-color: #2F54A5;}
.pagination .page-link{color: #2F54A5;}


a.testimonial-link{color: #2F54A5; font-weight: 700; text-decoration: none;font-family: Open-Sans; /*float: right; position: absolute;*/ bottom: 40px;}
a.testimonial-link:hover{text-decoration: underline;}

.testimonial-title{font-family: Open-Sans; font-size: 25px; margin-bottom: 30px; font-weight: 700;}



/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
  .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
  .weekdays li, .days li {width: 12.5%;}
  .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {width: 12.2%;}
}

/* view all btn */
.view-all-btn{ text-decoration: none; background: #375AA8; color: #fff; padding: 10px 30px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-family: Open-Sans;}
.view-all-btn:hover{ color: #F58220; }

/* testimonials */
.testimonial{ background: url(../images/map.jpeg) no-repeat center center; background-size: cover; padding: 350px 0; position: relative;}

.testimonial ul{margin: 0; padding: 0;}
.testimonial ul li{list-style: none;}
.testimonial ul li img{max-width: 100%; border-radius:50%; transition:all ease-in-out 0.2s;}
.testimonial ul li:hover img{transform:scale(1.2);}
.testimonial ul li a{text-decoration: none;}
.testimonial ul li .patient-text{ float: right; font-size: 25px; color: #fff; position: absolute; top: 0px; left: 432px; width: 100%; line-height: 35px; letter-spacing: 1px; font-family:Open-Sans; height:100%;}
.testimonial ul li .patient-text span{font-size: 20px; text-transform: capitalize; font-weight: 700; float: right; display: block;}
.testimonial ul li .patient-text:hover span{text-decoration: underline;}
.testimonial ul li:nth-child(4){position: absolute; left: 20%; top: 20%; position: absolute; left: 20%; top: 20%;  background: rgba(255,255,255,0.2);
    padding: 20px;}
.testimonial ul li:nth-child(4) img{transition: all ease-in-out 0.3s;}
.testimonial ul li:nth-child(4):hover img{box-shadow: 0 0;}

.testimonial ul li:nth-child(1){position: absolute; left: 16%; top: 2%;}
.testimonial ul li:nth-child(2){position: absolute; left: 66%; top: 5%;}
.testimonial ul li:nth-child(3){position: absolute; left: 86%; top: 12%;}
.testimonial ul li:nth-child(5){position: absolute; left: 85%; top: 73%;}
.testimonial ul li:nth-child(6){position: absolute; left: 6%; top: 67%;}

/* footer */
footer{background: #F0F5FB; color: #000; font-family: Open-Sans; font-size: 14px;}
footer .footer-title{font-size: 20px; border-left: 6px solid #FDC800; padding-left: 15px; color: #333; font-family: Open-Sans-Bold; text-transform: capitalize;}
footer a{text-decoration: none; color: #666;}
footer a:hover{text-decoration: underline;}
footer p{color: #666;}
footer .li-icon{margin-right: 10px; vertical-align: middle;}
footer .fa{ color: #FDC800; }
footer .copyright{ background-image:
        linear-gradient(to right, #2F5597, #2F5597), /* gradient 1 as solid color */
        linear-gradient(to right, #ED7D31, #ED7D31), /* gradient 2 as solid color */
        linear-gradient(to right, #FFC000, #FFC000), /* gradient 3 as solid color */
        url('http://lorempixel.com/400/200/'); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        20px 0, /* gradient 2 */
        40px 0, /* gradient 3 */
        0 0; /* image position */
    background-size:
        55% 100%,
        80% 100%,
        100% 100%,
        100% 100%; padding: 20px 0 40px 0; margin-top: 40px; }
footer .year{ color: #fff; float: left;}
footer .company{color: #000; float: right;}

/*back to top*/
#button {
  display: inline-block;
  background-color: #2F54A5;
  width: 40px;
  height: 40px;
  text-align: center;
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border: none;
  outline: none;
  color: transparent;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 35px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}


/* menu-links */
ul.menu-links{margin: 0; padding: 0; font-family: "Canela-Regular";}
ul.menu-links li{list-style: none; display: inline-block; font-size: 16px;}
ul.menu-links li a{color: #fff; text-decoration: none; padding: 0 20px 0 0;}
ul.menu-links li a:hover{text-decoration: underline;}

/* Inner Pages */
.inner-header{position: absolute; width: 100%; z-index: 1; font-family: Bell; padding: 20px 0; background: linear-gradient(#506071, transparent)}
.inner-header .main-header-logo{width: 350px;}

.inner-banner{padding: 0; font-family: School-Book-Bold; font-size: 20px; position: relative; text-align: center;}
.inner-banner img{max-width: 100%;}

.inner-banner .gradient-overlay{width: 100%; position: absolute; height: 100%; background: linear-gradient(#000, transparent); z-index: 0; top: 0;}
.inner-banner .gradient-overlay-bottom{width: 100%; position: absolute; height: 100%; background: linear-gradient(transparent, #fff); z-index: 0; bottom: 0;}


.page-title{position: absolute; z-index: 111; top: 45%; font-family: "Canela-Regular"; text-align: left;}
.title{font-weight: 400; font-size: 60px;}
.page-title .breadcrumb-wrapper{font-size: 25px;}
ol.breadcrumb{margin: 0 auto; padding: 0; width: 100%;}
ol.breadcrumb li{text-align: center;}
ol.breadcrumb li a{color: #000; text-decoration: none;}

.inner-content{
  padding: 10px 0 80px 0;
}
.inner-content p{font-family: Open-Sans; font-size: 16px; line-height: 30px; color: #626262;}

ul.left-sub-menus{margin: 0; padding: 0;}
ul.left-sub-menus li{list-style: none; font-family: Open-Sans; border-bottom: 2px solid #ddd;}
ul.left-sub-menus li a{ color: #626262; display: block; text-decoration: none; font-size: 16px; padding: 10px 0; transition: all ease-in-out 0.3s; }
ul.left-sub-menus li a:hover{padding-left: 20px; color: #000; font-family: Open-Sans-Bold;}
ul.left-sub-menus li a.active{padding-left: 20px; color: #000; font-family: Open-Sans-Bold;}


/* login form */
.form-wrapper{
  font-family: Open-Sans; font-size: 16px; margin-top: 50px;
}
.form-wrapper h2{text-align: center; margin: 0 0 20px 0; padding: 20px 0; font-weight: 700; font-family:  "Canela-Regular";}
.form-wrapper a.link{ color: #3155A6; font-weight: 700;}
.form-wrapper a.link:hover{text-decoration: none; color: #F58220;}

.form-wrapper a.link-register{ color: #3155A6; font-weight: 700; border: 1px solid #3155A6; display: block; text-decoration: none; padding: 15px; margin-top: 30px;}
.form-wrapper a.link-register:hover{text-decoration: none; border: 1px solid #F58220; color: #F58220;}

.form-wrapper .form-button{background: #3155A6; outline: none; border: none; color: #fff; padding: 10px 0;}
.form-wrapper .form-button:hover{background: #F58220;}

/* login form */

/* testimonial */
.comma{font-family:  "Canela-Regular"; font-size:40px;}


/* responsive */
/* For Desktop View */
@media screen and (min-width: 1024px) {

}
 
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {


}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
.home-banner .bannerlogo{ width:60%; top:43%; left:20%;}
.home-banner .bannerlogo img{ max-width:100%;}
.testimonial ul li .patient-text{display:none;}
.home-header{right:0;}
.overlay-content{top:15%;}
footer .footer-title{border-left:0;}
.unmatched-learning-experience .content-custom{padding:0 20px;}
footer .year{float:none; width:100%;}
footer .company{float:none; width:100%;}
footer .copyright{background-image:none; background-color:#2F54A5;}
#button{bottom:121px;}
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
.home-banner .bannerlogo{ width:60%; top:43%; left:20%;}
.home-banner .bannerlogo img{ max-width:100%;}
.testimonial ul li .patient-text{display:none;}
.home-header{right:0;}
.overlay-content{top:15%;}
footer .footer-title{border-left:0;}
.unmatched-learning-experience .content-custom{padding:0 20px;}
.calendar{width:100%;}
footer .year{float:none; width:100%;}
footer .company{float:none; width:100%;}
footer .copyright{background-image:none; background-color:#2F54A5;}
#button{bottom:121px;}
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
.home-banner .bannerlogo{ width:60%; top:43%; left:20%;}
.home-banner .bannerlogo img{ max-width:100%;}
.testimonial ul li .patient-text{display:none;}
.home-header{right:0;}
.overlay-content{top:15%;}
footer .footer-title{border-left:0;}
.unmatched-learning-experience .content-custom{padding:0 20px;}
.calendar{width:100%;}
footer .year{float:none; width:100%;}
footer .company{float:none; width:100%;}
footer .copyright{background-image:none; background-color:#2F54A5;}
#button{bottom:121px;}
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
.home-banner .bannerlogo{ width:60%; top:43%; left:20%;}
.home-banner .bannerlogo img{ max-width:100%;}
.testimonial ul li .patient-text{display:none;}
.home-header{right:0;}
.overlay-content{top:15%;}
footer .footer-title{border-left:0;}
.unmatched-learning-experience .content-custom{padding:0 20px;}
footer .year{float:none; width:100%;}
footer .company{float:none; width:100%;}
footer .copyright{background-image:none; background-color:#2F54A5;}
#button{bottom:121px;}
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
.home-banner .bannerlogo{ width:60%; top:43%; left:20%;}
.home-banner .bannerlogo img{ max-width:100%;}
.testimonial ul li .patient-text{display:none;}
.home-header{right:0;}
.overlay-content{top:15%;}
footer .footer-title{border-left:0;}
.unmatched-learning-experience .content-custom{padding:0 20px;}
.calendar{width:100%;}
footer .year{float:none; width:100%;}
footer .company{float:none; width:100%;}
footer .copyright{background-image:none; background-color:#2F54A5;}
#button{bottom:121px;}
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
.home-banner .bannerlogo{ width:60%; top:43%; left:20%;}
.home-banner .bannerlogo img{ max-width:100%;}
.testimonial ul li .patient-text{display:none;}
.home-header{right:0;}
.overlay-content{top:15%;}
footer .footer-title{border-left:0;}
.unmatched-learning-experience .content-custom{padding:0 20px;}
.calendar{width:100%;}
footer .year{float:none; width:100%;}
footer .company{float:none; width:100%;}
footer .copyright{background-image:none; background-color:#2F54A5;}
#button{bottom:121px;}
}