@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/* font variables */
/* color variables */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Mobile (Portrait) */
@media only screen and (max-width: 600px) {
  @keyframes slideInLeft {
    0% {
      transform: translate3d(-250px, 0, 0);
      visibility: visible;
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes slideOutLeft {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-250px, 0, 0);
      visibility: hidden;
    }
  }
  * {
    box-sizing: border-box;
  }
  html {
    overflow-x: hidden;
  }
  html body {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    border: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: "Roboto";
  }
  html body:after {
    background: #C8C007;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    width: 100%;
  }
  html body.open {
    overflow: hidden;
  }
  html body.open:after {
    visibility: visible;
  }
  html body .clear {
    clear: both;
  }
  html body .alignment {
    position: relative;
    margin: 0 auto;
  }
  html body .alignment.full {
    width: 100%;
  }
  html body .alignment.full.padding {
    padding: 0 15px;
  }
  html body .alignment.mid {
    width: 100%;
  }
  html body .alignment.small {
    width: 100%;
  }
  html body section.top {
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
  }
  html body section.top h1.logo {
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    margin: 10px 0;
    background-image: url("../img/common/iefic.png");
    background-repeat: no-repeat;
    background-position: 110px center;
    background-size: 250px auto;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.top .contact {
    display: none !important;
  }
  html body section.top .updates {
    display: none !important;
  }
  html body section.navigation.desktop {
    display: none !important;
  }
  html body section.navigation.mobile .b-nav {
    visibility: hidden;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: -5000px;
    z-index: 11;
    padding: 20px 35px 0 95px;
    transition: all 0.3s ease;
  }
  html body section.navigation.mobile .b-nav.open {
    visibility: visible;
    left: 0;
  }
  html body section.navigation.mobile .b-nav ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    color: #BD4601;
  }
  html body section.navigation.mobile .b-nav ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
  }
  html body section.navigation.mobile .b-nav ul li:last-child {
    border: 0;
  }
  html body section.navigation.mobile .b-nav ul li a {
    display: block;
    margin: 0;
    border: 0;
    padding: 10px 0;
    text-decoration: none;
    color: #BD4601;
  }
  html body section.navigation.mobile .b-nav ul li a.active {
    color: #BD4601;
  }
  html body section.navigation.mobile .b-nav ul li ul.submenu {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 0 30px;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.navigation.mobile .b-nav ul li ul.submenu li {
    display: block;
    margin: 5px 0;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: initial;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
  }
  html body section.navigation.mobile .b-nav ul li ul.submenu li a {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    text-decoration: none;
    color: #FFFFFF;
  }
  html body section.navigation.mobile .b-container {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
  }
  html body section.navigation.mobile .b-container .b-menu {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    padding: 50px 0 0 30px;
    z-index: 12;
    transition: all 0.3s linear;
    user-select: none;
    cursor: pointer;
  }
  html body section.navigation.mobile .b-container .b-menu .b-bun {
    position: relative;
    background: #BD4601;
    transition: all 0.3s linear;
  }
  html body section.navigation.mobile .b-container .b-menu .b-bun--top {
    width: 30px;
    height: 2px;
    top: 0;
  }
  html body section.navigation.mobile .b-container .b-menu .b-bun--mid {
    width: 30px;
    height: 2px;
    top: 5px;
  }
  html body section.navigation.mobile .b-container .b-menu .b-bun--bottom {
    width: 30px;
    height: 2px;
    top: 10px;
  }
  html body section.navigation.mobile .b-container.open .b-menu .b-bun--top {
    top: 9px;
    transform: rotate(45deg);
  }
  html body section.navigation.mobile .b-container.open .b-menu .b-bun--mid {
    opacity: 0;
  }
  html body section.navigation.mobile .b-container.open .b-menu .b-bun--bottom {
    top: 5px;
    transform: rotate(-45deg);
  }
  html body section.banner {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.banner a.slide-content {
    position: relative;
    float: left;
    width: 100%;
    border-left: 20px solid #FFFFFF;
    border-right: 20px solid #FFFFFF;
    outline: 0;
  }
  html body section.banner a.slide-content img {
    width: 100%;
    height: auto;
  }
  html body section.banner .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.banner button.slick-arrow {
    display: none;
  }
  html body section.banner ul.slick-dots {
    position: absolute;
    bottom: -35px;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.banner ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
  }
  html body section.banner ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 2px solid #BD4601;
    border-radius: 100%;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.banner ul.slick-dots li button:hover {
    background-color: #BD4601;
  }
  html body section.banner ul.slick-dots li.slick-active button {
    background-color: #BD4601;
  }
  html body section.newsletter {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    border: 0;
    padding: 30px 0;
    background-color: #BD4601;
  }
  html body section.newsletter h2 {
    display: none !important;
  }
  html body section.newsletter form {
    position: relative;
    float: left;
    width: 90%;
    margin: 0 5%;
  }
  html body section.newsletter form input.name {
    width: 43%;
    margin: 0;
    border: 0;
    padding: 15px 15px 15px 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQ4LDQ0OGMwLDAsMC0yNi40LTIuMi00MC4yYy0xLjgtMTAuOS0xNi45LTI1LjMtODEuMS00OC45Yy02My4yLTIzLjItNTkuMy0xMS45LTU5LjMtNTQuNmMwLTI3LjcsMTQuMS0xMS42LDIzLjEtNjQuMiAgYzMuNS0yMC43LDYuMy02LjksMTMuOS00MC4xYzQtMTcuNC0yLjctMTguNy0xLjktMjdjMC44LTguMywxLjYtMTUuNywzLjEtMzIuN0MzNDUuNCwxMTkuMywzMjUuOSw2NCwyNTYsNjQgIGMtNjkuOSwwLTg5LjQsNTUuMy04Ny41LDc2LjRjMS41LDE2LjksMi4zLDI0LjQsMy4xLDMyLjdjMC44LDguMy01LjksOS42LTEuOSwyN2M3LjYsMzMuMSwxMC40LDE5LjMsMTMuOSw0MC4xICBjOSw1Mi42LDIzLjEsMzYuNSwyMy4xLDY0LjJjMCw0Mi44LDMuOSwzMS41LTU5LjMsNTQuNmMtNjQuMiwyMy41LTc5LjQsMzgtODEuMSw0OC45QzY0LDQyMS42LDY0LDQ0OCw2NCw0NDhoMTkySDQ0OHoiLz48L3N2Zz4=");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    outline: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  html body section.newsletter form input.name.error {
    background-color: #F0CDCF;
    color: #BD4601;
  }
  html body section.newsletter form input.email {
    width: 43%;
    margin: 0;
    border: 0;
    padding: 15px 15px 15px 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cG9seWdvbiBwb2ludHM9IjQ0OCwzODQgNDQ4LDE0MS44IDMxNi45LDI0MS42IDM4NSwzMTkgMzgzLDMyMSAzMDQuMSwyNTEuNCAyNTYsMjg4IDIwNy45LDI1MS40IDEyOSwzMjEgMTI3LDMxOSAxOTUsMjQxLjYgICAgNjQsMTQyIDY0LDM4NCAgIi8+PHBvbHlnb24gcG9pbnRzPSI0MzkuNywxMjggNzIsMTI4IDI1NiwyNjcuOSAgIi8+PC9nPjwvc3ZnPg==");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    outline: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  html body section.newsletter form input.email.error {
    background-color: #F0CDCF;
    color: #BD4601;
  }
  html body section.newsletter form i.submit {
    margin: 0 0 0 10px;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 60px;
    font-weight: 400;
    color: #C8C007;
  }
  html body section.newsletter form i.submit:hover {
    color: #FFFFFF;
  }
  html body section.newsletter form p {
    margin: 10px 0 0 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.presentation {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    text-align: center;
  }
  html body section.presentation h2 {
    margin: 0 0 15px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    color: #C8C007;
  }
  html body section.presentation h2 span {
    color: #BD4601;
  }
  html body section.presentation .video {
    position: relative;
    float: left;
    width: 90%;
    height: 180px;
    margin: 0 5%;
    background-color: #000000;
  }
  html body section.presentation button {
    position: relative;
    float: left;
    width: 90%;
    margin: 10px 5% 0 5%;
    border: 0;
    border-bottom: 5px solid #C8C007;
    padding: 15px 0;
    background-color: #BD4601;
    cursor: pointer;
    outline: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #C8C007;
  }
  html body section.presentation button i {
    margin: 0 0 0 10px;
    vertical-align: middle;
    font-size: 25px;
    font-weight: 100;
    color: #FFFFFF;
  }
  html body section.teachers {
    display: none !important;
  }
  html body section.testimonials {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.testimonials h2 {
    margin: 0 0 15px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    color: #C8C007;
  }
  html body section.testimonials h2 span {
    color: #BD4601;
  }
  html body section.testimonials h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 200;
    font-style: italic;
    color: #6B6B6B;
  }
  html body section.testimonials .thumb {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
  }
  html body section.testimonials .thumb img {
    display: inline-flex;
    width: 120px;
    height: 120px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  html body section.testimonials .name {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #6B6B6B;
  }
  html body section.testimonials .job {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #6B6B6B;
  }
  html body section.testimonials .slick-slider {
    position: relative;
    float: left;
    width: 90%;
    margin: 0 5%;
  }
  html body section.testimonials .slick-slider .slick-list {
    height: auto !important;
  }
  html body section.testimonials .slick-slider .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.testimonials button.slick-arrow {
    display: none;
  }
  html body section.testimonials ul.slick-dots {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.testimonials ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
  }
  html body section.testimonials ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 100%;
    background-color: #DDDDDD;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.testimonials ul.slick-dots li button:hover {
    background-color: #BD4601;
  }
  html body section.testimonials ul.slick-dots li.slick-active button {
    background-color: #BD4601;
  }
  html body section.map {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    background-color: #DDDDDD;
  }
  html body section.page {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 5% 50px 5%;
  }
  html body section.page .notify {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 100px 0;
    text-align: center;
    color: #6B6B6B;
  }
  html body section.page .notify i.fa {
    margin: 0 0 10px 0;
    font-size: 60px;
  }
  html body section.page .notify i.fa.fa-times-circle-o {
    color: #BD4601;
  }
  html body section.page .notify i.fa.fa-check-circle-o {
    color: #669133;
  }
  html body section.page .notify p {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
  }
  html body section.page .notify p em {
    font-style: italic;
    font-weight: bold;
  }
  html body section.page h1 {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    color: #C8C007;
  }
  html body section.page h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #6B6B6B;
  }
  html body section.page p {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #6B6B6B !important;
  }
  html body section.page p:last-child {
    margin: 0;
  }
  html body section.page a {
    text-decoration: none;
    font-weight: bold;
    color: #BD4601;
  }
  html body section.page a:hover {
    text-decoration: underline;
    color: #BD4601;
  }
  html body section.page img {
    max-width: 100%;
  }
  html body section.page hr {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background-color: #999999;
  }
  html body section.page ul {
    margin: 0 0 20px 35px;
    border: 0;
    padding: 0;
    list-style-type: disc;
    font-size: 14px;
    font-weight: normal;
    color: #6B6B6B !important;
  }
  html body section.page ul.testimonials {
    position: relative;
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.page ul.testimonials li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.page ul.testimonials li .left {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
  }
  html body section.page ul.testimonials li .left .thumb {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page ul.testimonials li .left .thumb img {
    display: inline-flex;
    width: 90px;
    height: 90px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  html body section.page ul.testimonials li .left .name {
    position: relative;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #6B6B6B;
  }
  html body section.page ul.testimonials li .left .job {
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #6B6B6B;
  }
  html body section.page ul.testimonials li .right {
    position: relative;
    float: right;
    width: 100%;
    text-align: center;
  }
  html body section.page ul.testimonials li .right h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 200;
    font-style: italic;
    color: #6B6B6B;
  }
  html body section.page ul.courses {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.page ul.courses li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.page ul.courses li:last-child {
    margin: 0;
  }
  html body section.page ul.courses li .thumb {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page ul.courses li .thumb img {
    width: 100%;
    height: auto;
  }
  html body section.page ul.courses li .title {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page ul.courses li .lead {
    margin: 0 0 15px 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #6B6B6B;
  }
  html body section.page ul.courses li .bt {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page ul.courses li .bt a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #BD4601;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
  }
  html body section.page .teachers {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .teachers .img {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
  }
  html body section.page .teachers .content {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
  }
  html body section.page .course {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .course .content {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
  }
  html body section.page .course .sidebar {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .course .sidebar table.basics {
    margin: 0 0 20px 0;
    border: 0;
    padding: 20px;
    background-color: #BD4601;
  }
  html body section.page .course .sidebar table.basics tr {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar table.basics tr:last-child {
    margin: 0;
  }
  html body section.page .course .sidebar table.basics tr td {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 200;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar table.signup {
    margin: 0;
    border: 5px solid #CCCCCC;
    padding: 20px;
  }
  html body section.page .course .sidebar table.signup tr {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
  }
  html body section.page .course .sidebar table.signup tr:last-child {
    margin: 0;
  }
  html body section.page .course .sidebar table.signup tr td.field {
    width: 100%;
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar table.signup tr td.input {
    width: 100%;
    display: block;
    margin: 0;
    border: 0;
    padding: 0 0 0 5px;
    font-size: 16px;
    font-weight: 200;
    color: #999999;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=text] {
    width: 100%;
    max-width: 300px !important;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #999999;
    padding: 0 0 5px 0;
    outline: 0;
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #999999;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=text].error {
    border-bottom: 1px solid #BD4601 !important;
    color: #BD4601 !important;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=submit] {
    width: 300px;
    margin: 50px 0 0 0;
    border: 0;
    padding: 15px 0;
    outline: 0;
    background-color: #BD4601;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar table.signup tr td.input p {
    margin: 0;
    border: 0;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #999999;
  }
  html body section.page .course .sidebar ul.teachers {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 20px;
    background-color: #CCCCCC;
    list-style-type: none;
  }
  html body section.page .course .sidebar ul.teachers li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar ul.teachers li.title {
    margin: 0 0 20px 0;
  }
  html body section.page .course .sidebar ul.teachers li h2 {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 26px;
    font-weight: 700;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar ul.teachers li .img {
    position: relative;
    float: left;
    width: 35%;
  }
  html body section.page .course .sidebar ul.teachers li .img img {
    width: 100% !important;
    height: auto;
  }
  html body section.page .course .sidebar ul.teachers li .info {
    position: relative;
    float: right;
    width: 62%;
  }
  html body section.page .course .sidebar ul.teachers li .info h3 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 22px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page .course .sidebar ul.teachers li .info h4 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar ul.teachers li .info a.bt {
    position: relative;
    float: right;
    padding: 10px 20px;
    background-color: #6B6B6B;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
  }
  html body footer {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 50px 0;
    background-color: #000000;
  }
  html body footer .copyright {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 5%;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #6B6B6B;
  }
  html body footer .copyright a {
    text-decoration: none;
    color: #6B6B6B;
  }
  html body footer .copyright a:hover {
    text-decoration: underline;
    color: #FFFFFF;
  }
  html body footer ul.social {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    border: 0;
    padding: 0 5%;
    list-style-type: none;
    text-align: center;
  }
  html body footer ul.social li {
    display: inline-flex;
    margin: 0 2.5px;
  }
  html body footer ul.social li a {
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    outline: 0;
    text-indent: -10000px;
    font-size: 0;
    color: transparent;
  }
  html body footer ul.social li a.facebook {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0RTcxQTgiIHI9IjI0Ii8+PHBhdGggZD0iTTI5LjksMTkuNWgtNHYtMi42YzAtMSwwLjctMS4yLDEuMS0xLjJjMC41LDAsMi44LDAsMi44LDB2LTQuNGwtMy45LDBjLTQuNCwwLTUuMywzLjMtNS4zLDUuM3YyLjloLTIuNVYyNCAgaDIuNWMwLDUuOCwwLDEyLjcsMCwxMi43aDUuM2MwLDAsMC03LDAtMTIuN2gzLjZMMjkuOSwxOS41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==");
  }
  html body footer ul.social li a.youtube {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiNDQTM3MzciIHI9IjI0Ii8+PHBhdGggZD0iTTM1LjIsMTguNWMwLTAuMSwwLTAuMi0wLjEtMC4zYzAsMCwwLTAuMSwwLTAuMWMtMC4zLTAuOS0xLjEtMS41LTIuMS0xLjVoMC4yYzAsMC0zLjktMC42LTkuMi0wLjYgIGMtNS4yLDAtOS4yLDAuNi05LjIsMC42SDE1Yy0xLDAtMS44LDAuNi0yLjEsMS41YzAsMCwwLDAuMSwwLDAuMWMwLDAuMSwwLDAuMi0wLjEsMC4zYy0wLjEsMS0wLjQsMy4xLTAuNCw1LjUgIGMwLDIuNCwwLjMsNC41LDAuNCw1LjVjMCwwLjEsMCwwLjIsMC4xLDAuM2MwLDAsMCwwLjEsMCwwLjFjMC4zLDAuOSwxLjEsMS41LDIuMSwxLjVoLTAuMmMwLDAsMy45LDAuNiw5LjIsMC42ICBjNS4yLDAsOS4yLTAuNiw5LjItMC42SDMzYzEsMCwxLjgtMC42LDIuMS0xLjVjMCwwLDAtMC4xLDAtMC4xYzAtMC4xLDAtMC4yLDAuMS0wLjNjMC4xLTEsMC40LTMuMSwwLjQtNS41ICBDMzUuNiwyMS42LDM1LjQsMTkuNSwzNS4yLDE4LjV6IE0yNy40LDI0LjVsLTQuNywzLjRDMjIuNiwyOCwyMi41LDI4LDIyLjQsMjhjLTAuMSwwLTAuMiwwLTAuMy0wLjFjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41di02LjggIGMwLTAuMiwwLjEtMC40LDAuMy0wLjVjMC4yLTAuMSwwLjQtMC4xLDAuNiwwbDQuNywzLjRjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjVDMjcuNywyNC4yLDI3LjYsMjQuNCwyNy40LDI0LjV6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+");
  }
  html body footer ul.social li a.twitter {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiMxQ0I3RUIiIHI9IjI0Ii8+PGc+PGc+PHBhdGggZD0iTTM2LjgsMTUuNGMtMC45LDAuNS0yLDAuOC0zLDAuOWMxLjEtMC43LDEuOS0xLjgsMi4zLTMuMWMtMSwwLjYtMi4xLDEuMS0zLjQsMS40Yy0xLTEuMS0yLjMtMS44LTMuOC0xLjggICAgYy0yLjksMC01LjMsMi41LTUuMyw1LjdjMCwwLjQsMCwwLjksMC4xLDEuM2MtNC40LTAuMi04LjMtMi41LTEwLjktNS45Yy0wLjUsMC44LTAuNywxLjgtMC43LDIuOWMwLDIsMC45LDMuNywyLjMsNC43ICAgIGMtMC45LDAtMS43LTAuMy0yLjQtMC43YzAsMCwwLDAuMSwwLDAuMWMwLDIuNywxLjgsNSw0LjIsNS42Yy0wLjQsMC4xLTAuOSwwLjItMS40LDAuMmMtMC4zLDAtMC43LDAtMS0wLjEgICAgYzAuNywyLjMsMi42LDMuOSw0LjksMy45Yy0xLjgsMS41LTQuMSwyLjQtNi41LDIuNGMtMC40LDAtMC44LDAtMS4zLTAuMWMyLjMsMS42LDUuMSwyLjYsOC4xLDIuNmM5LjcsMCwxNS04LjYsMTUtMTYuMSAgICBjMC0wLjIsMC0wLjUsMC0wLjdDMzUuMiwxNy42LDM2LjEsMTYuNiwzNi44LDE1LjR6IiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvZz48L3N2Zz4=");
  }
  html body footer ul.social li a.instagram {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0NDQ0NDQiIHI9IjI0Ii8+PHBhdGggZD0iTTMxLjIsMTIuM0gxNi44Yy0yLjUsMC00LjUsMi00LjUsNC41djQuOHY5LjZjMCwyLjUsMiw0LjUsNC41LDQuNWgxNC40YzIuNSwwLDQuNS0yLDQuNS00LjV2LTkuNnYtNC44ICBDMzUuNywxNC4zLDMzLjcsMTIuMywzMS4yLDEyLjN6IE0zMi41LDE1bDAuNSwwdjAuNVYxOWwtNCwwbDAtNEwzMi41LDE1eiBNMjAuNywyMS42YzAuNy0xLDItMS43LDMuMy0xLjdzMi42LDAuNywzLjMsMS43ICBjMC41LDAuNywwLjgsMS41LDAuOCwyLjRjMCwyLjMtMS45LDQuMS00LjEsNC4xcy00LjEtMS44LTQuMS00LjFDMTkuOSwyMy4xLDIwLjIsMjIuMywyMC43LDIxLjZ6IE0zMy40LDMxLjJjMCwxLjItMSwyLjItMi4yLDIuMiAgSDE2LjhjLTEuMiwwLTIuMi0xLTIuMi0yLjJ2LTkuNmgzLjVjLTAuMywwLjctMC41LDEuNi0wLjUsMi40YzAsMy41LDIuOSw2LjQsNi40LDYuNGMzLjUsMCw2LjQtMi45LDYuNC02LjRjMC0wLjgtMC4yLTEuNy0wLjUtMi40ICBoMy41VjMxLjJ6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+");
  }
  html body footer .address {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 5%;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #6B6B6B;
  }
  html body footer .address p {
    margin: 0;
    border: 0;
    padding: 0;
  }
  html body footer .address p big {
    font-size: 14px;
    font-weight: bold;
  }
}
/* Mobile (Landscape) and Tablet */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  * {
    box-sizing: border-box;
  }
  html {
    overflow-x: hidden;
  }
  html body {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    border: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: "Roboto";
  }
  html body .alignment {
    position: relative;
    margin: 0 auto;
  }
  html body .alignment.full {
    width: 1280px;
  }
  html body .alignment.full.padding {
    padding: 0 15px;
  }
  html body .alignment.mid {
    width: 1024px;
  }
  html body .alignment.small {
    width: 600px;
  }
  html body section.top {
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
  }
  html body section.top h1.logo {
    position: relative;
    float: left;
    width: 300px;
    height: 100px;
    margin: 10px 0 10px 20px;
    background-image: url("../img/common/iefic.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 100px;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.top .contact {
    position: relative;
    float: left;
    width: 260px;
    margin: 0 40px;
    padding: 43px 0 0 0;
  }
  html body section.top .contact h2 {
    margin: 0;
    border: 0;
    padding: 0 0 0 35px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSJTb2NpYWxfSWNvbnMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDM2X19zdHJva2UiPjxnIGlkPSJXaGF0c0FwcCI+PHJlY3QgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDYuMTE0LDMyLjUwOSAgICBjLTEuMjQxLTIuOTcyLTIuMTgyLTMuMDg1LTQuMDYyLTMuMTYxYy0wLjY0LTAuMDM3LTEuMzUzLTAuMDc0LTIuMTQ0LTAuMDc0Yy0yLjQ0NiwwLTUuMDAzLDAuNzE1LTYuNTQ2LDIuMjk1ICAgIGMtMS44OCwxLjkxOS02LjU0NSw2LjM5Ni02LjU0NSwxNS41NzZjMCw5LjE4MSw2LjY5NSwxOC4wNiw3LjU5OCwxOS4zMDNjMC45NDEsMS4yNCwxMy4wNTMsMjAuMzU0LDMxLjg2LDI4LjE0NCAgICBjMTQuNzA3LDYuMDk1LDE5LjA3MSw1LjUzLDIyLjQxOCw0LjgxNmM0Ljg5LTEuMDUzLDExLjAyMS00LjY2NywxMi41NjQtOS4wM2MxLjU0Mi00LjM2NSwxLjU0Mi04LjA5LDEuMDktOC44OCAgICBjLTAuNDUxLTAuNzktMS42OTMtMS4yNC0zLjU3My0yLjE4MmMtMS44OC0wLjk0MS0xMS4wMjEtNS40NTYtMTIuNzUxLTYuMDU4Yy0xLjY5My0wLjYzOS0zLjMxLTAuNDEzLTQuNTg4LDEuMzkzICAgIGMtMS44MDYsMi41MjEtMy41NzMsNS4wOC01LjAwMyw2LjYyMmMtMS4xMjgsMS4yMDQtMi45NzIsMS4zNTUtNC41MTQsMC43MTVjLTIuMDY5LTAuODY0LTcuODYxLTIuODk4LTE1LjAwOC05LjI1NiAgICBjLTUuNTMtNC45MjgtOS4yOTEtMTEuMDYtMTAuMzgxLTEyLjkwNGMtMS4wOTEtMS44ODEtMC4xMTMtMi45NzMsMC43NTItMy45ODhjMC45NDEtMS4xNjcsMS44NDMtMS45OTQsMi43ODMtMy4wODYgICAgYzAuOTQxLTEuMDkxLDEuNDY3LTEuNjU1LDIuMDY5LTIuOTM1YzAuNjQtMS4yNDEsMC4xODgtMi41MjEtMC4yNjMtMy40NjJDNTEuNDE4LDQ1LjQxNCw0Ny42NTcsMzYuMjMzLDQ2LjExNCwzMi41MDl6IE02My45ODEsMCAgICBDMjguNjk5LDAsMCwyOC43MDcsMCw2My45OTljMCwxMy45OTYsNC41MTQsMjYuOTc3LDEyLjE4NywzNy41MTJMNC4yMTIsMTI1LjI5bDI0LjYtNy44NjJDMzguOTMsMTI0LjEyNSw1MS4wMDQsMTI4LDY0LjAxOSwxMjggICAgQzk5LjMwMSwxMjgsMTI4LDk5LjI5MSwxMjgsNjQuMDAxYzAtMzUuMjkyLTI4LjY5OS02My45OTktNjMuOTgxLTYzLjk5OWgtMC4wMzdWMHoiIGZpbGw9IiM2N0MxNUUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IldoYXRzQXBwXzFfIi8+PC9nPjwvZz48L3N2Zz4= ");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px 28px;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
  }
  html body section.top .contact h2 small {
    font-size: 18px;
    font-weight: 400;
  }
  html body section.top .contact h3 {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
  }
  html body section.top .contact h3 a {
    text-decoration: none;
    color: #999999;
  }
  html body section.top .contact h3 a:hover {
    color: #000000;
  }
  html body section.top .updates {
    position: relative;
    float: left;
    width: 620px;
    height: 120px;
    background-color: #C8C007;
  }
  html body section.top .updates:after {
    position: absolute;
    width: 2000px;
    height: 120px;
    top: 0;
    right: -2000px;
    background-color: #C8C007;
    content: "";
  }
  html body section.top .updates .ticker {
    position: relative;
    margin: 25px 30px 0 30px;
  }
  html body section.top .updates .ticker h2 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #BD4601;
  }
  html body section.top .updates .ticker p {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
  }
  html body section.top .updates .ticker p a {
    text-decoration: none;
    color: #000000;
  }
  html body section.top .updates .ticker p a:hover {
    text-decoration: underline;
  }
  html body section.navigation.desktop {
    position: relative;
    float: left;
    width: 100%;
    background-color: #6B6B6B;
  }
  html body section.navigation.desktop ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
  }
  html body section.navigation.desktop ul li {
    position: relative;
    display: inline-flex;
  }
  html body section.navigation.desktop ul li a {
    padding: 40px 30px;
    text-decoration: none;
    color: #FFFFFF;
  }
  html body section.navigation.desktop ul li a:hover {
    z-index: 9;
    background-color: #FFFFFF;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li a:hover:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #BD4601;
    content: "";
  }
  html body section.navigation.desktop ul li a.active {
    z-index: 9;
    background-color: #FFFFFF;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li a.active:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #BD4601;
    content: "";
  }
  html body section.navigation.desktop ul li a.on {
    background-color: #FFFFFF;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li a.on:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #BD4601;
    content: "";
  }
  html body section.navigation.desktop ul li ul.submenu {
    display: none;
    position: absolute;
    min-width: 300px;
    top: 90px;
    left: -1px;
    z-index: 8;
    margin: 0;
    border: 1px solid #6B6B6B;
    padding: 20px 30px;
    background-color: #FFFFFF;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
  }
  html body section.navigation.desktop ul li ul.submenu.show {
    display: block;
  }
  html body section.navigation.desktop ul li ul.submenu li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #DDDDDD;
  }
  html body section.navigation.desktop ul li ul.submenu li:last-child {
    border: 0;
  }
  html body section.navigation.desktop ul li ul.submenu li a {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-decoration: none;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li ul.submenu li a:hover {
    font-weight: 500;
    color: #BD4601;
  }
  html body section.navigation.desktop ul li ul.submenu li a:hover:before {
    display: none;
  }
  html body section.navigation.mobile {
    display: none !important;
  }
  html body section.banner {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0;
  }
  html body section.banner a.slide-content {
    position: relative;
    float: left;
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 450px;
    outline: 0;
  }
  html body section.banner .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.banner button.slick-arrow {
    display: none;
  }
  html body section.banner ul.slick-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.banner ul.slick-dots li {
    display: inline-block;
    margin: 0 5px;
  }
  html body section.banner ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.banner ul.slick-dots li button:hover {
    background-color: #FFFFFF;
  }
  html body section.banner ul.slick-dots li.slick-active button {
    background-color: #FFFFFF;
  }
  html body section.newsletter {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    border: 0;
    padding: 45px 0;
    background-color: #BD4601;
  }
  html body section.newsletter h2 {
    position: relative;
    float: left;
    width: 960px;
    margin: 0 160px 10px 160px;
    border: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 200;
    color: #FFFFFF;
  }
  html body section.newsletter h2 strong {
    color: #C8C007;
  }
  html body section.newsletter form {
    position: relative;
    float: left;
    width: 960px;
    margin: 0 160px;
  }
  html body section.newsletter form input.name {
    width: 400px;
    margin: 0;
    border: 0;
    padding: 15px 15px 15px 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQ4LDQ0OGMwLDAsMC0yNi40LTIuMi00MC4yYy0xLjgtMTAuOS0xNi45LTI1LjMtODEuMS00OC45Yy02My4yLTIzLjItNTkuMy0xMS45LTU5LjMtNTQuNmMwLTI3LjcsMTQuMS0xMS42LDIzLjEtNjQuMiAgYzMuNS0yMC43LDYuMy02LjksMTMuOS00MC4xYzQtMTcuNC0yLjctMTguNy0xLjktMjdjMC44LTguMywxLjYtMTUuNywzLjEtMzIuN0MzNDUuNCwxMTkuMywzMjUuOSw2NCwyNTYsNjQgIGMtNjkuOSwwLTg5LjQsNTUuMy04Ny41LDc2LjRjMS41LDE2LjksMi4zLDI0LjQsMy4xLDMyLjdjMC44LDguMy01LjksOS42LTEuOSwyN2M3LjYsMzMuMSwxMC40LDE5LjMsMTMuOSw0MC4xICBjOSw1Mi42LDIzLjEsMzYuNSwyMy4xLDY0LjJjMCw0Mi44LDMuOSwzMS41LTU5LjMsNTQuNmMtNjQuMiwyMy41LTc5LjQsMzgtODEuMSw0OC45QzY0LDQyMS42LDY0LDQ0OCw2NCw0NDhoMTkySDQ0OHoiLz48L3N2Zz4=");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    outline: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  html body section.newsletter form input.name.error {
    background-color: #F0CDCF;
    color: #BD4601;
  }
  html body section.newsletter form input.email {
    width: 500px;
    margin: 0;
    border: 0;
    padding: 15px 15px 15px 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cG9seWdvbiBwb2ludHM9IjQ0OCwzODQgNDQ4LDE0MS44IDMxNi45LDI0MS42IDM4NSwzMTkgMzgzLDMyMSAzMDQuMSwyNTEuNCAyNTYsMjg4IDIwNy45LDI1MS40IDEyOSwzMjEgMTI3LDMxOSAxOTUsMjQxLjYgICAgNjQsMTQyIDY0LDM4NCAgIi8+PHBvbHlnb24gcG9pbnRzPSI0MzkuNywxMjggNzIsMTI4IDI1NiwyNjcuOSAgIi8+PC9nPjwvc3ZnPg==");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    outline: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  html body section.newsletter form input.email.error {
    background-color: #F0CDCF;
    color: #BD4601;
  }
  html body section.newsletter form i.submit {
    margin: 0 0 0 10px;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 60px;
    font-weight: 400;
    color: #C8C007;
  }
  html body section.newsletter form i.submit:hover {
    color: #FFFFFF;
  }
  html body section.newsletter form p {
    margin: 10px 0 0 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.presentation {
    position: relative;
    float: left;
    width: 96%;
    margin: 0 2% 50px 2%;
    text-align: center;
  }
  html body section.presentation h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    color: #C8C007;
  }
  html body section.presentation h2 span {
    color: #BD4601;
  }
  html body section.presentation .video {
    position: relative;
    float: left;
    width: 960px;
    height: 600px;
    margin: 0 160px 30px 160px;
    background-color: #000000;
  }
  html body section.presentation button {
    border: 0;
    border-bottom: 5px solid #C8C007;
    padding: 15px 60px;
    background-color: #BD4601;
    cursor: pointer;
    outline: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #C8C007;
  }
  html body section.presentation button i {
    margin: 0 0 0 10px;
    vertical-align: middle;
    font-size: 25px;
    font-weight: 100;
    color: #FFFFFF;
  }
  html body section.teachers {
    position: relative;
    float: left;
    width: 96%;
    margin: 0 2% 50px 2%;
    text-align: center;
  }
  html body section.teachers h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    color: #C8C007;
  }
  html body section.teachers h2 span {
    color: #BD4601;
  }
  html body section.teachers ul.page {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.teachers ul.page li {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
  }
  html body section.teachers ul.page li:last-child {
    margin: 0;
  }
  html body section.teachers ul.page li .thumb {
    position: relative;
    float: left;
    width: 240px;
    height: 240px;
  }
  html body section.teachers ul.page li .thumb img {
    width: 100%;
    height: auto;
  }
  html body section.teachers ul.page li .info {
    display: none;
    position: absolute;
    width: 240px;
    height: 240px;
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.8);
  }
  html body section.teachers ul.page li .info h2 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: #C8C007;
  }
  html body section.teachers ul.page li .info p {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.teachers ul.page li .info a.bt {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 0;
    background-color: #BD4601;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #FFFFFF;
  }
  html body section.teachers ul.page li .info a.bt i {
    margin: 0 0 0 5px;
    font-size: 15px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.teachers .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.teachers button.slick-arrow {
    display: none;
  }
  html body section.teachers ul.slick-dots {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.teachers ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
  }
  html body section.teachers ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 100%;
    background-color: #DDDDDD;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.teachers ul.slick-dots li button:hover {
    background-color: #C8C007;
  }
  html body section.teachers ul.slick-dots li.slick-active button {
    background-color: #C8C007;
  }
  html body section.testimonials {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.testimonials h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    color: #C8C007;
  }
  html body section.testimonials h2 span {
    color: #BD4601;
  }
  html body section.testimonials h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 30px;
    font-weight: 200;
    font-style: italic;
    color: #6B6B6B;
  }
  html body section.testimonials .thumb {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
  }
  html body section.testimonials .thumb img {
    display: inline-flex;
    width: 120px;
    height: 120px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  html body section.testimonials .name {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #6B6B6B;
  }
  html body section.testimonials .job {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #6B6B6B;
  }
  html body section.testimonials .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.testimonials button.slick-arrow {
    display: none;
  }
  html body section.testimonials ul.slick-dots {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.testimonials ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
  }
  html body section.testimonials ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 100%;
    background-color: #DDDDDD;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.testimonials ul.slick-dots li button:hover {
    background-color: #BD4601;
  }
  html body section.testimonials ul.slick-dots li.slick-active button {
    background-color: #BD4601;
  }
  html body section.map {
    position: relative;
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    border: 0;
    padding: 0;
    background-color: #DDDDDD;
  }
  html body section.page {
    position: relative;
    float: left;
    width: 96%;
    margin: 50px 2% 0 2%;
  }
  html body section.page .notify {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 100px 0;
    text-align: center;
    color: #6B6B6B;
  }
  html body section.page .notify i.fa {
    margin: 0 0 10px 0;
    font-size: 60px;
  }
  html body section.page .notify i.fa.fa-times-circle-o {
    color: #BD4601;
  }
  html body section.page .notify i.fa.fa-check-circle-o {
    color: #669133;
  }
  html body section.page .notify p {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
  }
  html body section.page .notify p em {
    font-style: italic;
    font-weight: bold;
  }
  html body section.page h1 {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 45px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 28px;
    font-weight: 400;
    color: #C8C007;
  }
  html body section.page h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 26px;
    font-weight: 700;
    color: #6B6B6B;
  }
  html body section.page p {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #6B6B6B !important;
  }
  html body section.page p:last-child {
    margin: 0;
  }
  html body section.page p a {
    text-decoration: none;
    font-weight: bold;
    color: #BD4601;
  }
  html body section.page p a:hover {
    text-decoration: underline;
    color: #BD4601;
  }
  html body section.page img {
    max-width: 100%;
  }
  html body section.page hr {
    margin: 30px 0;
    border: 0;
    height: 1px;
    background-color: #999999;
  }
  html body section.page ul {
    margin: 0 0 20px 50px;
    border: 0;
    padding: 0;
    list-style-type: disc;
    font-size: 16px;
    font-weight: normal;
    color: #6B6B6B !important;
  }
  html body section.page ul.testimonials {
    position: relative;
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.page ul.testimonials li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.page ul.testimonials li .left {
    position: relative;
    float: left;
    width: 280px;
    text-align: right;
  }
  html body section.page ul.testimonials li .left .thumb {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page ul.testimonials li .left .thumb img {
    display: inline-flex;
    width: 90px;
    height: 90px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  html body section.page ul.testimonials li .left .name {
    position: relative;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #6B6B6B;
  }
  html body section.page ul.testimonials li .left .job {
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #6B6B6B;
  }
  html body section.page ul.testimonials li .right {
    position: relative;
    float: right;
    width: 960px;
    text-align: left;
  }
  html body section.page ul.testimonials li .right h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 28px;
    font-weight: 200;
    font-style: italic;
    color: #6B6B6B;
  }
  html body section.page ul.courses {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.page ul.courses li {
    position: relative;
    float: left;
    width: 30%;
    height: 400px;
    margin: 1.5%;
    border: 3px solid #BD4601;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 15px;
  }
  html body section.page ul.courses li .thumb {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page ul.courses li .thumb img {
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  html body section.page ul.courses li .title {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page ul.courses li .lead {
    margin: 0 0 15px 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #6B6B6B;
  }
  html body section.page ul.courses li .bt {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page ul.courses li .bt a {
    display: inline-block;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 20px;
    background-color: #BD4601;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
  }
  html body section.page ul.courses li .bt a:hover {
    background-color: #669133;
  }
  html body section.page .teachers {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .teachers .img {
    position: relative;
    float: left;
    width: 35%;
  }
  html body section.page .teachers .content {
    position: relative;
    float: right;
    width: 62%;
  }
  html body section.page .course {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .course .content {
    position: relative;
    float: left;
    width: 48%;
  }
  html body section.page .course .sidebar {
    position: relative;
    float: right;
    width: 48%;
  }
  html body section.page .course .sidebar table.basics {
    margin: 0 0 20px 0;
    border: 0;
    padding: 20px;
    background-color: #BD4601;
  }
  html body section.page .course .sidebar table.basics tr {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar table.basics tr:last-child {
    margin: 0;
  }
  html body section.page .course .sidebar table.basics tr td {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 200;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar table.signup {
    margin: 0;
    border: 5px solid #CCCCCC;
    padding: 20px;
  }
  html body section.page .course .sidebar table.signup tr {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar table.signup tr:last-child {
    margin: 0;
  }
  html body section.page .course .sidebar table.signup tr td.field {
    width: 140px;
    margin: 0;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar table.signup tr td.input {
    margin: 0;
    border: 0;
    padding: 0 0 0 5px;
    text-align: left;
    font-size: 16px;
    font-weight: 200;
    color: #999999;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=text] {
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #999999;
    padding: 0 0 5px 0;
    outline: 0;
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #999999;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=text].error {
    border-bottom: 1px solid #BD4601 !important;
    color: #BD4601 !important;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=submit] {
    width: 300px;
    margin: 50px 0 0 0;
    border: 0;
    padding: 15px 0;
    outline: 0;
    background-color: #CCCCCC;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=submit]:hover {
    background-color: #BD4601;
  }
  html body section.page .course .sidebar table.signup tr td.input p {
    margin: 0;
    border: 0;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #999999;
  }
  html body section.page .course .sidebar ul.teachers {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 20px;
    background-color: #CCCCCC;
    list-style-type: none;
  }
  html body section.page .course .sidebar ul.teachers li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar ul.teachers li.title {
    margin: 0 0 20px 0;
  }
  html body section.page .course .sidebar ul.teachers li h2 {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 26px;
    font-weight: 700;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar ul.teachers li .img {
    position: relative;
    float: left;
    width: 35%;
  }
  html body section.page .course .sidebar ul.teachers li .img img {
    width: 100% !important;
    height: auto;
  }
  html body section.page .course .sidebar ul.teachers li .info {
    position: relative;
    float: right;
    width: 62%;
  }
  html body section.page .course .sidebar ul.teachers li .info h3 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 28px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page .course .sidebar ul.teachers li .info h4 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar ul.teachers li .info a.bt {
    position: relative;
    float: right;
    padding: 10px 20px;
    background-color: #6B6B6B;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar ul.teachers li .info a.bt:hover {
    background-color: #BD4601;
  }
  html body footer {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 50px 0;
    background-color: #000000;
  }
  html body footer .copyright {
    position: relative;
    float: left;
    width: 40%;
    padding: 25px 20px 0 0;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #6B6B6B;
  }
  html body footer .copyright a {
    text-decoration: none;
    color: #6B6B6B;
  }
  html body footer .copyright a:hover {
    text-decoration: underline;
    color: #FFFFFF;
  }
  html body footer ul.social {
    position: relative;
    float: left;
    width: 20%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body footer ul.social li {
    display: inline-flex;
    margin: 0 2.5px;
  }
  html body footer ul.social li a {
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    outline: 0;
    text-indent: -10000px;
    font-size: 0;
    color: transparent;
  }
  html body footer ul.social li a.facebook {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0RTcxQTgiIHI9IjI0Ii8+PHBhdGggZD0iTTI5LjksMTkuNWgtNHYtMi42YzAtMSwwLjctMS4yLDEuMS0xLjJjMC41LDAsMi44LDAsMi44LDB2LTQuNGwtMy45LDBjLTQuNCwwLTUuMywzLjMtNS4zLDUuM3YyLjloLTIuNVYyNCAgaDIuNWMwLDUuOCwwLDEyLjcsMCwxMi43aDUuM2MwLDAsMC03LDAtMTIuN2gzLjZMMjkuOSwxOS41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==");
  }
  html body footer ul.social li a.youtube {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiNDQTM3MzciIHI9IjI0Ii8+PHBhdGggZD0iTTM1LjIsMTguNWMwLTAuMSwwLTAuMi0wLjEtMC4zYzAsMCwwLTAuMSwwLTAuMWMtMC4zLTAuOS0xLjEtMS41LTIuMS0xLjVoMC4yYzAsMC0zLjktMC42LTkuMi0wLjYgIGMtNS4yLDAtOS4yLDAuNi05LjIsMC42SDE1Yy0xLDAtMS44LDAuNi0yLjEsMS41YzAsMCwwLDAuMSwwLDAuMWMwLDAuMSwwLDAuMi0wLjEsMC4zYy0wLjEsMS0wLjQsMy4xLTAuNCw1LjUgIGMwLDIuNCwwLjMsNC41LDAuNCw1LjVjMCwwLjEsMCwwLjIsMC4xLDAuM2MwLDAsMCwwLjEsMCwwLjFjMC4zLDAuOSwxLjEsMS41LDIuMSwxLjVoLTAuMmMwLDAsMy45LDAuNiw5LjIsMC42ICBjNS4yLDAsOS4yLTAuNiw5LjItMC42SDMzYzEsMCwxLjgtMC42LDIuMS0xLjVjMCwwLDAtMC4xLDAtMC4xYzAtMC4xLDAtMC4yLDAuMS0wLjNjMC4xLTEsMC40LTMuMSwwLjQtNS41ICBDMzUuNiwyMS42LDM1LjQsMTkuNSwzNS4yLDE4LjV6IE0yNy40LDI0LjVsLTQuNywzLjRDMjIuNiwyOCwyMi41LDI4LDIyLjQsMjhjLTAuMSwwLTAuMiwwLTAuMy0wLjFjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41di02LjggIGMwLTAuMiwwLjEtMC40LDAuMy0wLjVjMC4yLTAuMSwwLjQtMC4xLDAuNiwwbDQuNywzLjRjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjVDMjcuNywyNC4yLDI3LjYsMjQuNCwyNy40LDI0LjV6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+");
  }
  html body footer ul.social li a.twitter {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiMxQ0I3RUIiIHI9IjI0Ii8+PGc+PGc+PHBhdGggZD0iTTM2LjgsMTUuNGMtMC45LDAuNS0yLDAuOC0zLDAuOWMxLjEtMC43LDEuOS0xLjgsMi4zLTMuMWMtMSwwLjYtMi4xLDEuMS0zLjQsMS40Yy0xLTEuMS0yLjMtMS44LTMuOC0xLjggICAgYy0yLjksMC01LjMsMi41LTUuMyw1LjdjMCwwLjQsMCwwLjksMC4xLDEuM2MtNC40LTAuMi04LjMtMi41LTEwLjktNS45Yy0wLjUsMC44LTAuNywxLjgtMC43LDIuOWMwLDIsMC45LDMuNywyLjMsNC43ICAgIGMtMC45LDAtMS43LTAuMy0yLjQtMC43YzAsMCwwLDAuMSwwLDAuMWMwLDIuNywxLjgsNSw0LjIsNS42Yy0wLjQsMC4xLTAuOSwwLjItMS40LDAuMmMtMC4zLDAtMC43LDAtMS0wLjEgICAgYzAuNywyLjMsMi42LDMuOSw0LjksMy45Yy0xLjgsMS41LTQuMSwyLjQtNi41LDIuNGMtMC40LDAtMC44LDAtMS4zLTAuMWMyLjMsMS42LDUuMSwyLjYsOC4xLDIuNmM5LjcsMCwxNS04LjYsMTUtMTYuMSAgICBjMC0wLjIsMC0wLjUsMC0wLjdDMzUuMiwxNy42LDM2LjEsMTYuNiwzNi44LDE1LjR6IiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvZz48L3N2Zz4=");
  }
  html body footer ul.social li a.instagram {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0NDQ0NDQiIHI9IjI0Ii8+PHBhdGggZD0iTTMxLjIsMTIuM0gxNi44Yy0yLjUsMC00LjUsMi00LjUsNC41djQuOHY5LjZjMCwyLjUsMiw0LjUsNC41LDQuNWgxNC40YzIuNSwwLDQuNS0yLDQuNS00LjV2LTkuNnYtNC44ICBDMzUuNywxNC4zLDMzLjcsMTIuMywzMS4yLDEyLjN6IE0zMi41LDE1bDAuNSwwdjAuNVYxOWwtNCwwbDAtNEwzMi41LDE1eiBNMjAuNywyMS42YzAuNy0xLDItMS43LDMuMy0xLjdzMi42LDAuNywzLjMsMS43ICBjMC41LDAuNywwLjgsMS41LDAuOCwyLjRjMCwyLjMtMS45LDQuMS00LjEsNC4xcy00LjEtMS44LTQuMS00LjFDMTkuOSwyMy4xLDIwLjIsMjIuMywyMC43LDIxLjZ6IE0zMy40LDMxLjJjMCwxLjItMSwyLjItMi4yLDIuMiAgSDE2LjhjLTEuMiwwLTIuMi0xLTIuMi0yLjJ2LTkuNmgzLjVjLTAuMywwLjctMC41LDEuNi0wLjUsMi40YzAsMy41LDIuOSw2LjQsNi40LDYuNGMzLjUsMCw2LjQtMi45LDYuNC02LjRjMC0wLjgtMC4yLTEuNy0wLjUtMi40ICBoMy41VjMxLjJ6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+");
  }
  html body footer .address {
    position: relative;
    float: left;
    width: 40%;
    padding: 5px 0 0 20px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #6B6B6B;
  }
  html body footer .address p {
    margin: 0;
    border: 0;
    padding: 0;
  }
  html body footer .address p big {
    font-size: 14px;
    font-weight: bold;
  }
}
/* Desktop */
@media screen and (min-width: 1025px) {
  * {
    box-sizing: border-box;
  }
  html {
    overflow-x: hidden;
  }
  html body {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    border: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: "Roboto";
  }
  html body .alignment {
    position: relative;
    margin: 0 auto;
  }
  html body .alignment.full {
    width: 1280px;
  }
  html body .alignment.full.padding {
    padding: 0 15px;
  }
  html body .alignment.mid {
    width: 1024px;
  }
  html body .alignment.small {
    width: 600px;
  }
  html body section.top {
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFFFFF;
  }
  html body section.top h1.logo {
    position: relative;
    float: left;
    width: 300px;
    height: 100px;
    margin: 10px 0 10px 20px;
    background-image: url("../img/common/iefic.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 100px;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.top .contact {
    position: relative;
    float: left;
    width: 260px;
    margin: 0 40px;
    padding: 43px 0 0 0;
  }
  html body section.top .contact h2 {
    margin: 0;
    border: 0;
    padding: 0 0 0 35px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGlkPSJTb2NpYWxfSWNvbnMiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDM2X19zdHJva2UiPjxnIGlkPSJXaGF0c0FwcCI+PHJlY3QgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDYuMTE0LDMyLjUwOSAgICBjLTEuMjQxLTIuOTcyLTIuMTgyLTMuMDg1LTQuMDYyLTMuMTYxYy0wLjY0LTAuMDM3LTEuMzUzLTAuMDc0LTIuMTQ0LTAuMDc0Yy0yLjQ0NiwwLTUuMDAzLDAuNzE1LTYuNTQ2LDIuMjk1ICAgIGMtMS44OCwxLjkxOS02LjU0NSw2LjM5Ni02LjU0NSwxNS41NzZjMCw5LjE4MSw2LjY5NSwxOC4wNiw3LjU5OCwxOS4zMDNjMC45NDEsMS4yNCwxMy4wNTMsMjAuMzU0LDMxLjg2LDI4LjE0NCAgICBjMTQuNzA3LDYuMDk1LDE5LjA3MSw1LjUzLDIyLjQxOCw0LjgxNmM0Ljg5LTEuMDUzLDExLjAyMS00LjY2NywxMi41NjQtOS4wM2MxLjU0Mi00LjM2NSwxLjU0Mi04LjA5LDEuMDktOC44OCAgICBjLTAuNDUxLTAuNzktMS42OTMtMS4yNC0zLjU3My0yLjE4MmMtMS44OC0wLjk0MS0xMS4wMjEtNS40NTYtMTIuNzUxLTYuMDU4Yy0xLjY5My0wLjYzOS0zLjMxLTAuNDEzLTQuNTg4LDEuMzkzICAgIGMtMS44MDYsMi41MjEtMy41NzMsNS4wOC01LjAwMyw2LjYyMmMtMS4xMjgsMS4yMDQtMi45NzIsMS4zNTUtNC41MTQsMC43MTVjLTIuMDY5LTAuODY0LTcuODYxLTIuODk4LTE1LjAwOC05LjI1NiAgICBjLTUuNTMtNC45MjgtOS4yOTEtMTEuMDYtMTAuMzgxLTEyLjkwNGMtMS4wOTEtMS44ODEtMC4xMTMtMi45NzMsMC43NTItMy45ODhjMC45NDEtMS4xNjcsMS44NDMtMS45OTQsMi43ODMtMy4wODYgICAgYzAuOTQxLTEuMDkxLDEuNDY3LTEuNjU1LDIuMDY5LTIuOTM1YzAuNjQtMS4yNDEsMC4xODgtMi41MjEtMC4yNjMtMy40NjJDNTEuNDE4LDQ1LjQxNCw0Ny42NTcsMzYuMjMzLDQ2LjExNCwzMi41MDl6IE02My45ODEsMCAgICBDMjguNjk5LDAsMCwyOC43MDcsMCw2My45OTljMCwxMy45OTYsNC41MTQsMjYuOTc3LDEyLjE4NywzNy41MTJMNC4yMTIsMTI1LjI5bDI0LjYtNy44NjJDMzguOTMsMTI0LjEyNSw1MS4wMDQsMTI4LDY0LjAxOSwxMjggICAgQzk5LjMwMSwxMjgsMTI4LDk5LjI5MSwxMjgsNjQuMDAxYzAtMzUuMjkyLTI4LjY5OS02My45OTktNjMuOTgxLTYzLjk5OWgtMC4wMzdWMHoiIGZpbGw9IiM2N0MxNUUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IldoYXRzQXBwXzFfIi8+PC9nPjwvZz48L3N2Zz4= ");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px 28px;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
  }
  html body section.top .contact h2 small {
    font-size: 18px;
    font-weight: 400;
  }
  html body section.top .contact h3 {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
  }
  html body section.top .contact h3 a {
    text-decoration: none;
    color: #999999;
  }
  html body section.top .contact h3 a:hover {
    color: #000000;
  }
  html body section.top .updates {
    position: relative;
    float: left;
    width: 620px;
    height: 120px;
    background-color: #C8C007;
  }
  html body section.top .updates:after {
    position: absolute;
    width: 2000px;
    height: 120px;
    top: 0;
    right: -2000px;
    background-color: #C8C007;
    content: "";
  }
  html body section.top .updates .ticker {
    position: relative;
    margin: 25px 30px 0 30px;
  }
  html body section.top .updates .ticker h2 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #BD4601;
  }
  html body section.top .updates .ticker p {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
  }
  html body section.top .updates .ticker p a {
    text-decoration: none;
    color: #000000;
  }
  html body section.top .updates .ticker p a:hover {
    text-decoration: underline;
  }
  html body section.navigation.desktop {
    position: relative;
    float: left;
    width: 100%;
    background-color: #6B6B6B;
  }
  html body section.navigation.desktop ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
  }
  html body section.navigation.desktop ul li {
    position: relative;
    display: inline-flex;
  }
  html body section.navigation.desktop ul li a {
    padding: 40px 30px;
    text-decoration: none;
    color: #FFFFFF;
  }
  html body section.navigation.desktop ul li a:hover {
    z-index: 9;
    background-color: #FFFFFF;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li a:hover:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #BD4601;
    content: "";
  }
  html body section.navigation.desktop ul li a.active {
    z-index: 9;
    background-color: #FFFFFF;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li a.active:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #BD4601;
    content: "";
  }
  html body section.navigation.desktop ul li a.on {
    background-color: #FFFFFF;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li a.on:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #BD4601;
    content: "";
  }
  html body section.navigation.desktop ul li ul.submenu {
    display: none;
    position: absolute;
    min-width: 300px;
    top: 90px;
    left: -1px;
    z-index: 8;
    margin: 0;
    border: 1px solid #6B6B6B;
    padding: 20px 30px;
    background-color: #FFFFFF;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
  }
  html body section.navigation.desktop ul li ul.submenu.show {
    display: block;
  }
  html body section.navigation.desktop ul li ul.submenu li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #DDDDDD;
  }
  html body section.navigation.desktop ul li ul.submenu li:last-child {
    border: 0;
  }
  html body section.navigation.desktop ul li ul.submenu li a {
    margin: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-decoration: none;
    color: #6B6B6B;
  }
  html body section.navigation.desktop ul li ul.submenu li a:hover {
    font-weight: 500;
    color: #BD4601;
  }
  html body section.navigation.desktop ul li ul.submenu li a:hover:before {
    display: none;
  }
  html body section.navigation.mobile {
    display: none !important;
  }
  html body section.banner {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0;
  }
  html body section.banner a.slide-content {
    position: relative;
    float: left;
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 450px;
    outline: 0;
  }
  html body section.banner .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.banner button.slick-arrow {
    display: none;
  }
  html body section.banner ul.slick-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.banner ul.slick-dots li {
    display: inline-block;
    margin: 0 5px;
  }
  html body section.banner ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.banner ul.slick-dots li button:hover {
    background-color: #FFFFFF;
  }
  html body section.banner ul.slick-dots li.slick-active button {
    background-color: #FFFFFF;
  }
  html body section.newsletter {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
    border: 0;
    padding: 45px 0;
    background-color: #BD4601;
  }
  html body section.newsletter h2 {
    position: relative;
    float: left;
    width: 960px;
    margin: 0 160px 10px 160px;
    border: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 200;
    color: #FFFFFF;
  }
  html body section.newsletter h2 strong {
    color: #C8C007;
  }
  html body section.newsletter form {
    position: relative;
    float: left;
    width: 960px;
    margin: 0 160px;
  }
  html body section.newsletter form input.name {
    width: 400px;
    margin: 0;
    border: 0;
    padding: 15px 15px 15px 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQ4LDQ0OGMwLDAsMC0yNi40LTIuMi00MC4yYy0xLjgtMTAuOS0xNi45LTI1LjMtODEuMS00OC45Yy02My4yLTIzLjItNTkuMy0xMS45LTU5LjMtNTQuNmMwLTI3LjcsMTQuMS0xMS42LDIzLjEtNjQuMiAgYzMuNS0yMC43LDYuMy02LjksMTMuOS00MC4xYzQtMTcuNC0yLjctMTguNy0xLjktMjdjMC44LTguMywxLjYtMTUuNywzLjEtMzIuN0MzNDUuNCwxMTkuMywzMjUuOSw2NCwyNTYsNjQgIGMtNjkuOSwwLTg5LjQsNTUuMy04Ny41LDc2LjRjMS41LDE2LjksMi4zLDI0LjQsMy4xLDMyLjdjMC44LDguMy01LjksOS42LTEuOSwyN2M3LjYsMzMuMSwxMC40LDE5LjMsMTMuOSw0MC4xICBjOSw1Mi42LDIzLjEsMzYuNSwyMy4xLDY0LjJjMCw0Mi44LDMuOSwzMS41LTU5LjMsNTQuNmMtNjQuMiwyMy41LTc5LjQsMzgtODEuMSw0OC45QzY0LDQyMS42LDY0LDQ0OCw2NCw0NDhoMTkySDQ0OHoiLz48L3N2Zz4=");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    outline: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  html body section.newsletter form input.name.error {
    background-color: #F0CDCF;
    color: #BD4601;
  }
  html body section.newsletter form input.email {
    width: 500px;
    margin: 0;
    border: 0;
    padding: 15px 15px 15px 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cG9seWdvbiBwb2ludHM9IjQ0OCwzODQgNDQ4LDE0MS44IDMxNi45LDI0MS42IDM4NSwzMTkgMzgzLDMyMSAzMDQuMSwyNTEuNCAyNTYsMjg4IDIwNy45LDI1MS40IDEyOSwzMjEgMTI3LDMxOSAxOTUsMjQxLjYgICAgNjQsMTQyIDY0LDM4NCAgIi8+PHBvbHlnb24gcG9pbnRzPSI0MzkuNywxMjggNzIsMTI4IDI1NiwyNjcuOSAgIi8+PC9nPjwvc3ZnPg==");
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    outline: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
  }
  html body section.newsletter form input.email.error {
    background-color: #F0CDCF;
    color: #BD4601;
  }
  html body section.newsletter form i.submit {
    margin: 0 0 0 10px;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 60px;
    font-weight: 400;
    color: #C8C007;
  }
  html body section.newsletter form i.submit:hover {
    color: #FFFFFF;
  }
  html body section.newsletter form p {
    margin: 10px 0 0 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.presentation {
    position: relative;
    float: left;
    width: 96%;
    margin: 0 2% 50px 2%;
    text-align: center;
  }
  html body section.presentation h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    color: #C8C007;
  }
  html body section.presentation h2 span {
    color: #BD4601;
  }
  html body section.presentation .video {
    position: relative;
    float: left;
    width: 960px;
    height: 600px;
    margin: 0 160px 30px 160px;
    background-color: #000000;
  }
  html body section.presentation button {
    border: 0;
    border-bottom: 5px solid #C8C007;
    padding: 15px 60px;
    background-color: #BD4601;
    cursor: pointer;
    outline: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #C8C007;
  }
  html body section.presentation button i {
    margin: 0 0 0 10px;
    vertical-align: middle;
    font-size: 25px;
    font-weight: 100;
    color: #FFFFFF;
  }
  html body section.teachers {
    position: relative;
    float: left;
    width: 96%;
    margin: 0 2% 50px 2%;
    text-align: center;
  }
  html body section.teachers h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    color: #C8C007;
  }
  html body section.teachers h2 span {
    color: #BD4601;
  }
  html body section.teachers ul.page {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.teachers ul.page li {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
  }
  html body section.teachers ul.page li:last-child {
    margin: 0;
  }
  html body section.teachers ul.page li .thumb {
    position: relative;
    float: left;
    width: 240px;
    height: 240px;
  }
  html body section.teachers ul.page li .thumb img {
    width: 100%;
    height: auto;
  }
  html body section.teachers ul.page li .info {
    display: none;
    position: absolute;
    width: 240px;
    height: 240px;
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.8);
  }
  html body section.teachers ul.page li .info h2 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: #C8C007;
  }
  html body section.teachers ul.page li .info p {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.teachers ul.page li .info a.bt {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 0;
    background-color: #BD4601;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #FFFFFF;
  }
  html body section.teachers ul.page li .info a.bt i {
    margin: 0 0 0 5px;
    font-size: 15px;
    font-weight: 300;
    color: #FFFFFF;
  }
  html body section.teachers .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.teachers button.slick-arrow {
    display: none;
  }
  html body section.teachers ul.slick-dots {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.teachers ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
  }
  html body section.teachers ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 100%;
    background-color: #DDDDDD;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.teachers ul.slick-dots li button:hover {
    background-color: #C8C007;
  }
  html body section.teachers ul.slick-dots li.slick-active button {
    background-color: #C8C007;
  }
  html body section.testimonials {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.testimonials h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    color: #C8C007;
  }
  html body section.testimonials h2 span {
    color: #BD4601;
  }
  html body section.testimonials h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    text-align: center;
    font-size: 30px;
    font-weight: 200;
    font-style: italic;
    color: #6B6B6B;
  }
  html body section.testimonials .thumb {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
  }
  html body section.testimonials .thumb img {
    display: inline-flex;
    width: 120px;
    height: 120px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  html body section.testimonials .name {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #6B6B6B;
  }
  html body section.testimonials .job {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #6B6B6B;
  }
  html body section.testimonials .slick-list .slick-track .slider {
    width: 100%;
    outline: 0;
  }
  html body section.testimonials button.slick-arrow {
    display: none;
  }
  html body section.testimonials ul.slick-dots {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body section.testimonials ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
  }
  html body section.testimonials ul.slick-dots li button {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 100%;
    background-color: #DDDDDD;
    cursor: pointer;
    outline: 0;
    text-indent: -5000px;
    font-size: 0;
    color: transparent;
  }
  html body section.testimonials ul.slick-dots li button:hover {
    background-color: #BD4601;
  }
  html body section.testimonials ul.slick-dots li.slick-active button {
    background-color: #BD4601;
  }
  html body section.map {
    position: relative;
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    border: 0;
    padding: 0;
    background-color: #DDDDDD;
  }
  html body section.page {
    position: relative;
    float: left;
    width: 96%;
    margin: 50px 2% 0 2%;
  }
  html body section.page .notify {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 100px 0;
    text-align: center;
    color: #6B6B6B;
  }
  html body section.page .notify i.fa {
    margin: 0 0 10px 0;
    font-size: 60px;
  }
  html body section.page .notify i.fa.fa-times-circle-o {
    color: #BD4601;
  }
  html body section.page .notify i.fa.fa-check-circle-o {
    color: #669133;
  }
  html body section.page .notify p {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
  }
  html body section.page .notify p em {
    font-style: italic;
    font-weight: bold;
  }
  html body section.page h1 {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 45px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page h2 {
    margin: 0 0 30px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 28px;
    font-weight: 400;
    color: #C8C007;
  }
  html body section.page h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 26px;
    font-weight: 700;
    color: #6B6B6B;
  }
  html body section.page p {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #6B6B6B !important;
  }
  html body section.page p:last-child {
    margin: 0;
  }
  html body section.page p a {
    text-decoration: none;
    font-weight: bold;
    color: #BD4601;
  }
  html body section.page p a:hover {
    text-decoration: underline;
    color: #BD4601;
  }
  html body section.page img {
    max-width: 100%;
  }
  html body section.page hr {
    margin: 30px 0;
    border: 0;
    height: 1px;
    background-color: #999999;
  }
  html body section.page ul {
    margin: 0 0 20px 50px;
    border: 0;
    padding: 0;
    list-style-type: disc;
    font-size: 16px;
    font-weight: normal;
    color: #6B6B6B !important;
  }
  html body section.page ul.testimonials {
    position: relative;
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.page ul.testimonials li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
  }
  html body section.page ul.testimonials li .left {
    position: relative;
    float: left;
    width: 280px;
    text-align: right;
  }
  html body section.page ul.testimonials li .left .thumb {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page ul.testimonials li .left .thumb img {
    display: inline-flex;
    width: 90px;
    height: 90px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  }
  html body section.page ul.testimonials li .left .name {
    position: relative;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #6B6B6B;
  }
  html body section.page ul.testimonials li .left .job {
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #6B6B6B;
  }
  html body section.page ul.testimonials li .right {
    position: relative;
    float: right;
    width: 960px;
    text-align: left;
  }
  html body section.page ul.testimonials li .right h3 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 28px;
    font-weight: 200;
    font-style: italic;
    color: #6B6B6B;
  }
  html body section.page ul.courses {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }
  html body section.page ul.courses li {
    position: relative;
    float: left;
    width: 30%;
    height: 400px;
    margin: 1.5%;
    border: 3px solid #BD4601;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 15px;
  }
  html body section.page ul.courses li .thumb {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page ul.courses li .thumb img {
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  html body section.page ul.courses li .title {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page ul.courses li .lead {
    margin: 0 0 15px 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #6B6B6B;
  }
  html body section.page ul.courses li .bt {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page ul.courses li .bt a {
    display: inline-block;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 20px;
    background-color: #BD4601;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
  }
  html body section.page ul.courses li .bt a:hover {
    background-color: #669133;
  }
  html body section.page .teachers {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .teachers .img {
    position: relative;
    float: left;
    width: 35%;
  }
  html body section.page .teachers .content {
    position: relative;
    float: right;
    width: 62%;
  }
  html body section.page .course {
    position: relative;
    float: left;
    width: 100%;
  }
  html body section.page .course .content {
    position: relative;
    float: left;
    width: 48%;
  }
  html body section.page .course .sidebar {
    position: relative;
    float: right;
    width: 48%;
  }
  html body section.page .course .sidebar table.basics {
    margin: 0 0 20px 0;
    border: 0;
    padding: 20px;
    background-color: #BD4601;
  }
  html body section.page .course .sidebar table.basics tr {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar table.basics tr:last-child {
    margin: 0;
  }
  html body section.page .course .sidebar table.basics tr td {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 200;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar table.signup {
    margin: 0;
    border: 5px solid #CCCCCC;
    padding: 20px;
  }
  html body section.page .course .sidebar table.signup tr {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar table.signup tr:last-child {
    margin: 0;
  }
  html body section.page .course .sidebar table.signup tr td.field {
    width: 140px;
    margin: 0;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar table.signup tr td.input {
    margin: 0;
    border: 0;
    padding: 0 0 0 5px;
    text-align: left;
    font-size: 16px;
    font-weight: 200;
    color: #999999;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=text] {
    width: 100%;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #999999;
    padding: 0 0 5px 0;
    outline: 0;
    font-size: 16px;
    font-weight: 200;
    font-style: italic;
    color: #999999;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=text].error {
    border-bottom: 1px solid #BD4601 !important;
    color: #BD4601 !important;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=submit] {
    width: 300px;
    margin: 50px 0 0 0;
    border: 0;
    padding: 15px 0;
    outline: 0;
    background-color: #CCCCCC;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar table.signup tr td.input input[type=submit]:hover {
    background-color: #BD4601;
  }
  html body section.page .course .sidebar table.signup tr td.input p {
    margin: 0;
    border: 0;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #999999;
  }
  html body section.page .course .sidebar ul.teachers {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 20px;
    background-color: #CCCCCC;
    list-style-type: none;
  }
  html body section.page .course .sidebar ul.teachers li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
  }
  html body section.page .course .sidebar ul.teachers li.title {
    margin: 0 0 20px 0;
  }
  html body section.page .course .sidebar ul.teachers li h2 {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 26px;
    font-weight: 700;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar ul.teachers li .img {
    position: relative;
    float: left;
    width: 35%;
  }
  html body section.page .course .sidebar ul.teachers li .img img {
    width: 100% !important;
    height: auto;
  }
  html body section.page .course .sidebar ul.teachers li .info {
    position: relative;
    float: right;
    width: 62%;
  }
  html body section.page .course .sidebar ul.teachers li .info h3 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0;
    letter-spacing: -1px;
    font-size: 28px;
    font-weight: 700;
    color: #BD4601;
  }
  html body section.page .course .sidebar ul.teachers li .info h4 {
    margin: 0 0 20px 0;
    border: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #6B6B6B;
  }
  html body section.page .course .sidebar ul.teachers li .info a.bt {
    position: relative;
    float: right;
    padding: 10px 20px;
    background-color: #6B6B6B;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
  }
  html body section.page .course .sidebar ul.teachers li .info a.bt:hover {
    background-color: #BD4601;
  }
  html body footer {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 50px 0;
    background-color: #000000;
  }
  html body footer .copyright {
    position: relative;
    float: left;
    width: 40%;
    padding: 25px 20px 0 0;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #6B6B6B;
  }
  html body footer .copyright a {
    text-decoration: none;
    color: #6B6B6B;
  }
  html body footer .copyright a:hover {
    text-decoration: underline;
    color: #FFFFFF;
  }
  html body footer ul.social {
    position: relative;
    float: left;
    width: 20%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
  }
  html body footer ul.social li {
    display: inline-flex;
    margin: 0 2.5px;
  }
  html body footer ul.social li a {
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    outline: 0;
    text-indent: -10000px;
    font-size: 0;
    color: transparent;
  }
  html body footer ul.social li a.facebook {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0RTcxQTgiIHI9IjI0Ii8+PHBhdGggZD0iTTI5LjksMTkuNWgtNHYtMi42YzAtMSwwLjctMS4yLDEuMS0xLjJjMC41LDAsMi44LDAsMi44LDB2LTQuNGwtMy45LDBjLTQuNCwwLTUuMywzLjMtNS4zLDUuM3YyLjloLTIuNVYyNCAgaDIuNWMwLDUuOCwwLDEyLjcsMCwxMi43aDUuM2MwLDAsMC03LDAtMTIuN2gzLjZMMjkuOSwxOS41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==");
  }
  html body footer ul.social li a.youtube {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiNDQTM3MzciIHI9IjI0Ii8+PHBhdGggZD0iTTM1LjIsMTguNWMwLTAuMSwwLTAuMi0wLjEtMC4zYzAsMCwwLTAuMSwwLTAuMWMtMC4zLTAuOS0xLjEtMS41LTIuMS0xLjVoMC4yYzAsMC0zLjktMC42LTkuMi0wLjYgIGMtNS4yLDAtOS4yLDAuNi05LjIsMC42SDE1Yy0xLDAtMS44LDAuNi0yLjEsMS41YzAsMCwwLDAuMSwwLDAuMWMwLDAuMSwwLDAuMi0wLjEsMC4zYy0wLjEsMS0wLjQsMy4xLTAuNCw1LjUgIGMwLDIuNCwwLjMsNC41LDAuNCw1LjVjMCwwLjEsMCwwLjIsMC4xLDAuM2MwLDAsMCwwLjEsMCwwLjFjMC4zLDAuOSwxLjEsMS41LDIuMSwxLjVoLTAuMmMwLDAsMy45LDAuNiw5LjIsMC42ICBjNS4yLDAsOS4yLTAuNiw5LjItMC42SDMzYzEsMCwxLjgtMC42LDIuMS0xLjVjMCwwLDAtMC4xLDAtMC4xYzAtMC4xLDAtMC4yLDAuMS0wLjNjMC4xLTEsMC40LTMuMSwwLjQtNS41ICBDMzUuNiwyMS42LDM1LjQsMTkuNSwzNS4yLDE4LjV6IE0yNy40LDI0LjVsLTQuNywzLjRDMjIuNiwyOCwyMi41LDI4LDIyLjQsMjhjLTAuMSwwLTAuMiwwLTAuMy0wLjFjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41di02LjggIGMwLTAuMiwwLjEtMC40LDAuMy0wLjVjMC4yLTAuMSwwLjQtMC4xLDAuNiwwbDQuNywzLjRjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjVDMjcuNywyNC4yLDI3LjYsMjQuNCwyNy40LDI0LjV6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+");
  }
  html body footer ul.social li a.twitter {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiMxQ0I3RUIiIHI9IjI0Ii8+PGc+PGc+PHBhdGggZD0iTTM2LjgsMTUuNGMtMC45LDAuNS0yLDAuOC0zLDAuOWMxLjEtMC43LDEuOS0xLjgsMi4zLTMuMWMtMSwwLjYtMi4xLDEuMS0zLjQsMS40Yy0xLTEuMS0yLjMtMS44LTMuOC0xLjggICAgYy0yLjksMC01LjMsMi41LTUuMyw1LjdjMCwwLjQsMCwwLjksMC4xLDEuM2MtNC40LTAuMi04LjMtMi41LTEwLjktNS45Yy0wLjUsMC44LTAuNywxLjgtMC43LDIuOWMwLDIsMC45LDMuNywyLjMsNC43ICAgIGMtMC45LDAtMS43LTAuMy0yLjQtMC43YzAsMCwwLDAuMSwwLDAuMWMwLDIuNywxLjgsNSw0LjIsNS42Yy0wLjQsMC4xLTAuOSwwLjItMS40LDAuMmMtMC4zLDAtMC43LDAtMS0wLjEgICAgYzAuNywyLjMsMi42LDMuOSw0LjksMy45Yy0xLjgsMS41LTQuMSwyLjQtNi41LDIuNGMtMC40LDAtMC44LDAtMS4zLTAuMWMyLjMsMS42LDUuMSwyLjYsOC4xLDIuNmM5LjcsMCwxNS04LjYsMTUtMTYuMSAgICBjMC0wLjIsMC0wLjUsMC0wLjdDMzUuMiwxNy42LDM2LjEsMTYuNiwzNi44LDE1LjR6IiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvZz48L3N2Zz4=");
  }
  html body footer ul.social li a.instagram {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIGZpbGw9IiM0NDQ0NDQiIHI9IjI0Ii8+PHBhdGggZD0iTTMxLjIsMTIuM0gxNi44Yy0yLjUsMC00LjUsMi00LjUsNC41djQuOHY5LjZjMCwyLjUsMiw0LjUsNC41LDQuNWgxNC40YzIuNSwwLDQuNS0yLDQuNS00LjV2LTkuNnYtNC44ICBDMzUuNywxNC4zLDMzLjcsMTIuMywzMS4yLDEyLjN6IE0zMi41LDE1bDAuNSwwdjAuNVYxOWwtNCwwbDAtNEwzMi41LDE1eiBNMjAuNywyMS42YzAuNy0xLDItMS43LDMuMy0xLjdzMi42LDAuNywzLjMsMS43ICBjMC41LDAuNywwLjgsMS41LDAuOCwyLjRjMCwyLjMtMS45LDQuMS00LjEsNC4xcy00LjEtMS44LTQuMS00LjFDMTkuOSwyMy4xLDIwLjIsMjIuMywyMC43LDIxLjZ6IE0zMy40LDMxLjJjMCwxLjItMSwyLjItMi4yLDIuMiAgSDE2LjhjLTEuMiwwLTIuMi0xLTIuMi0yLjJ2LTkuNmgzLjVjLTAuMywwLjctMC41LDEuNi0wLjUsMi40YzAsMy41LDIuOSw2LjQsNi40LDYuNGMzLjUsMCw2LjQtMi45LDYuNC02LjRjMC0wLjgtMC4yLTEuNy0wLjUtMi40ICBoMy41VjMxLjJ6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+");
  }
  html body footer .address {
    position: relative;
    float: left;
    width: 40%;
    padding: 5px 0 0 20px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #6B6B6B;
  }
  html body footer .address p {
    margin: 0;
    border: 0;
    padding: 0;
  }
  html body footer .address p big {
    font-size: 14px;
    font-weight: bold;
  }
}

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