/* line 13, ../sass/styles.scss */
body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 2em;
  color: #555555;
  font-weight: 500;
}

/* line 21, ../sass/styles.scss */
.vcenter {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/* Header */
/* line 34, ../sass/styles.scss */
header {
  margin-top: 15px;
}

/* line 38, ../sass/styles.scss */
a, a:link, a:hover, a:visited {
  text-decoration: none;
}

/* line 42, ../sass/styles.scss */
#logo {
  width: 60px;
}

/* line 46, ../sass/styles.scss */
li a {
  text-transform: uppercase;
  font-weight: 500;
}

/* line 51, ../sass/styles.scss */
.navbar-default {
  background-color: #FFFFFF;
  border: none;
}

/* line 57, ../sass/styles.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #FFFFFF;
  border-bottom: 2px solid #8BC9BE;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  /* line 57, ../sass/styles.scss */
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    border: none;
    color: #8BC9BE;
  }
}

/* line 68, ../sass/styles.scss */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #FFFFFF !important;
}

/* line 72, ../sass/styles.scss */
.navbar-default .navbar-toggle {
  border: none;
}

/* line 76, ../sass/styles.scss */
.navbar-toggle {
  padding: 20px 10px;
}

/* line 80, ../sass/styles.scss */
.navbar-brand {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (max-width: 767px) {
  /* line 85, ../sass/styles.scss */
  .navbar.navbar-default {
    margin-bottom: 0px;
  }
}

/* Footer */
/* line 94, ../sass/styles.scss */
footer {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  /* line 94, ../sass/styles.scss */
  footer {
    margin-top: 0px;
  }
}
/* line 99, ../sass/styles.scss */
footer .contact {
  border-top: 1px solid #BBBBBB;
  padding: 30px 0px;
}
/* line 102, ../sass/styles.scss */
footer .contact p {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.1em;
}
/* line 106, ../sass/styles.scss */
footer .contact p a {
  color: #555555;
}
/* line 109, ../sass/styles.scss */
footer .contact p a:hover {
  color: #8BC9BE;
}
/* line 113, ../sass/styles.scss */
footer .contact ul {
  list-style-type: none;
  text-align: center;
  padding-left: 0px;
}
/* line 117, ../sass/styles.scss */
footer .contact ul li {
  display: inline-block;
}
/* line 119, ../sass/styles.scss */
footer .contact ul li a, footer .contact ul li a:hover {
  color: #555555;
  font-size: 1.25em;
  font-weight: 500;
  padding: 14px 10px;
}
/* line 125, ../sass/styles.scss */
footer .contact ul li a:hover {
  color: #8BC9BE;
}
/* line 131, ../sass/styles.scss */
footer .copyright {
  background-color: #8BC9BE;
  color: #555555;
  font-size: 0.8em;
  font-weight: 500;
  text-align: center;
}
/* line 137, ../sass/styles.scss */
footer .copyright p {
  padding-top: 10px;
}

/* Home Page */
/* line 145, ../sass/styles.scss */
#banner {
  background-image: url("../../images/77Deg-Home.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 700px;
  margin-bottom: 20px;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  /* line 145, ../sass/styles.scss */
  #banner {
    height: 500px;
    background-position: left center;
    padding-left: 15px;
  }
}
/* line 159, ../sass/styles.scss */
#banner h1 {
  font-size: 3em;
  font-weight: 500;
  padding-top: 150px;
  display: block;
  text-transform: capitalize;
  line-height: 1.3;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 159, ../sass/styles.scss */
  #banner h1 {
    padding-top: 110px;
    font-size: 2.5em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 159, ../sass/styles.scss */
  #banner h1 {
    padding-top: 140px;
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 159, ../sass/styles.scss */
  #banner h1 {
    padding-top: 60px;
    font-size: 2em;
    text-align: center;
  }
}
/* line 181, ../sass/styles.scss */
#banner p {
  font-weight: 500;
  font-size: 2em;
  font-weight: 500;
  color: #BBBBBB;
  padding-top: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 181, ../sass/styles.scss */
  #banner p {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 181, ../sass/styles.scss */
  #banner p {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 181, ../sass/styles.scss */
  #banner p {
    font-size: 1.3em;
    text-align: center;
    color: #999999;
  }
}
/* line 200, ../sass/styles.scss */
#banner #aboutme {
  margin-top: 80px;
}
/* line 202, ../sass/styles.scss */
#banner #aboutme a {
  color: #555555;
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
}

/* line 211, ../sass/styles.scss */
#home_courses {
  background-color: #8BC9BE;
  color: #FFFFFF;
}

/* line 217, ../sass/styles.scss */
#home_service h2, #home_courses h2 {
  text-align: center;
  font-size: 2.5em;
  font-weight: 500;
  padding-bottom: 30px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 217, ../sass/styles.scss */
  #home_service h2, #home_courses h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 217, ../sass/styles.scss */
  #home_service h2, #home_courses h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 217, ../sass/styles.scss */
  #home_service h2, #home_courses h2 {
    font-size: 2em;
  }
}
/* line 232, ../sass/styles.scss */
#home_service h3, #home_courses h3 {
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 0px 0px 30px 0px;
  margin: 30px 0px;
}
@media screen and (max-width: 767px) {
  /* line 232, ../sass/styles.scss */
  #home_service h3, #home_courses h3 {
    padding-bottom: 0px 0px 15px 0px;
  }
}
/* line 243, ../sass/styles.scss */
#home_service .elearning, #home_courses .elearning {
  border-bottom: 2px solid #968DE8;
}
/* line 246, ../sass/styles.scss */
#home_service .webdesign, #home_courses .webdesign {
  border-bottom: 2px solid #75BAEB;
}
/* line 250, ../sass/styles.scss */
#home_service .appdesign, #home_courses .appdesign {
  border-bottom: 2px solid #FF9496;
}
/* line 255, ../sass/styles.scss */
#home_service .innovation, #home_courses .innovation {
  border-bottom: 2px solid #FFFFFF;
}
/* line 261, ../sass/styles.scss */
#home_service .courses p a, #home_courses .courses p a {
  color: #FFFFFF;
}
/* line 266, ../sass/styles.scss */
#home_service .services, #home_service .courses, #home_courses .services, #home_courses .courses {
  padding: 0px 20px;
}
@media screen and (max-width: 767px) {
  /* line 266, ../sass/styles.scss */
  #home_service .services, #home_service .courses, #home_courses .services, #home_courses .courses {
    padding-bottom: 50px;
  }
}
/* line 271, ../sass/styles.scss */
#home_service .services img, #home_service .courses img, #home_courses .services img, #home_courses .courses img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 100%;
  height: 70px;
  margin-top: 10px;
}
/* line 279, ../sass/styles.scss */
#home_service .services p, #home_service .courses p, #home_courses .services p, #home_courses .courses p {
  font-size: 1em;
  text-align: center;
  font-weight: 500;
}
/* line 284, ../sass/styles.scss */
#home_service .services a, #home_service .courses a, #home_courses .services a, #home_courses .courses a {
  color: #555555;
  font-weight: 800;
  font-size: 1em;
  text-transform: uppercase;
}

/* About Us Page */
/* line 296, ../sass/styles.scss */
#about_banner {
  background-image: url("../../images/77Deg-About-Us.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 500px;
  margin-bottom: 20px;
  border-bottom: 6px solid #8BC9BE;
}
@media screen and (max-width: 767px) {
  /* line 296, ../sass/styles.scss */
  #about_banner {
    height: 500px;
    background-position: left center;
  }
}
/* line 309, ../sass/styles.scss */
#about_banner h1 {
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
  color: #555555;
  padding-left: 15%;
  padding-right: 15%;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 309, ../sass/styles.scss */
  #about_banner h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 309, ../sass/styles.scss */
  #about_banner h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 309, ../sass/styles.scss */
  #about_banner h1 {
    font-size: 1.5em;
  }
}

/* line 333, ../sass/styles.scss */
#quality h2 {
  text-align: center;
  font-size: 2.5em;
  font-weight: 500;
  padding-bottom: 30px;
  margin-top: 40px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 333, ../sass/styles.scss */
  #quality h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 333, ../sass/styles.scss */
  #quality h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 333, ../sass/styles.scss */
  #quality h2 {
    font-size: 2em;
    margin-bottom: 40px;
  }
}
/* line 350, ../sass/styles.scss */
#quality h3 {
  font-size: 1.25em;
  fon-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 0px 0px 20px 0px;
  margin: 10px 0px;
  color: #8BC9BE;
}
@media screen and (max-width: 767px) {
  /* line 350, ../sass/styles.scss */
  #quality h3 {
    padding: 0px 0px 15px 0px;
  }
}
/* line 363, ../sass/styles.scss */
#quality .work_quality {
  padding: 0px 20px;
}
@media screen and (max-width: 767px) {
  /* line 363, ../sass/styles.scss */
  #quality .work_quality {
    padding-bottom: 50px;
  }
}
/* line 368, ../sass/styles.scss */
#quality .work_quality p {
  font-size: 0.9em;
  text-align: center;
}
/* line 372, ../sass/styles.scss */
#quality .work_quality a {
  color: #555555;
  font-weight: bolder;
  font-size: 1em;
  text-transform: uppercase;
}

/* line 381, ../sass/styles.scss */
#testimonials {
  margin-top: 50px;
  background-color: #8BC9BE;
  padding-left: 200px;
  padding-right: 200px;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 767px) {
  /* line 381, ../sass/styles.scss */
  #testimonials {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 0px;
  }
}
/* line 393, ../sass/styles.scss */
#testimonials h2 {
  text-align: center;
  font-size: 2.5em;
  font-weight: 500;
  padding-bottom: 30px;
  padding-top: 20px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 393, ../sass/styles.scss */
  #testimonials h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 393, ../sass/styles.scss */
  #testimonials h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 393, ../sass/styles.scss */
  #testimonials h2 {
    font-size: 2em;
  }
}
/* line 409, ../sass/styles.scss */
#testimonials p {
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
/* line 415, ../sass/styles.scss */
#testimonials .client {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 30px;
}

/* line 423, ../sass/styles.scss */
#projects {
  margin-top: 20px;
}
/* line 425, ../sass/styles.scss */
#projects h2 {
  font-size: 2.5em;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 425, ../sass/styles.scss */
  #projects h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 425, ../sass/styles.scss */
  #projects h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 425, ../sass/styles.scss */
  #projects h2 {
    font-size: 2em;
  }
}
/* line 441, ../sass/styles.scss */
#projects .project_logo {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  /* line 441, ../sass/styles.scss */
  #projects .project_logo {
    margin-top: 0px;
  }
}
/* line 446, ../sass/styles.scss */
#projects .project_logo img {
  height: 128px;
  margin: 0 auto;
  padding-top: 40px;
}
/* line 452, ../sass/styles.scss */
#projects .portfolio-ref {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  /* line 452, ../sass/styles.scss */
  #projects .portfolio-ref {
    margin-bottom: 20px;
  }
}
/* line 458, ../sass/styles.scss */
#projects .portfolio-ref a, #projects .portfolio-ref a:hover {
  color: #8BC9BE;
}

/* Elearning */
/* line 466, ../sass/styles.scss */
#elearningmain_section, #webdesignmain_section, #appdesignmain_section, #innovationmain_section {
  margin-bottom: 50px;
}
/* line 468, ../sass/styles.scss */
#elearningmain_section #elearning_bg, #elearningmain_section #webdesign_bg, #elearningmain_section #appdesign_bg, #elearningmain_section #innovationcourse_bg, #webdesignmain_section #elearning_bg, #webdesignmain_section #webdesign_bg, #webdesignmain_section #appdesign_bg, #webdesignmain_section #innovationcourse_bg, #appdesignmain_section #elearning_bg, #appdesignmain_section #webdesign_bg, #appdesignmain_section #appdesign_bg, #appdesignmain_section #innovationcourse_bg, #innovationmain_section #elearning_bg, #innovationmain_section #webdesign_bg, #innovationmain_section #appdesign_bg, #innovationmain_section #innovationcourse_bg {
  background-image: url(../../images/eLearning-Main.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}
/* line 475, ../sass/styles.scss */
#elearningmain_section .small_device, #webdesignmain_section .small_device, #appdesignmain_section .small_device, #innovationmain_section .small_device {
  text-align: center;
  font-size: 2em;
  font-weight: 500;
}
/* line 480, ../sass/styles.scss */
#elearningmain_section h1, #webdesignmain_section h1, #appdesignmain_section h1, #innovationmain_section h1 {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
  color: #000000;
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  /* line 480, ../sass/styles.scss */
  #elearningmain_section h1, #webdesignmain_section h1, #appdesignmain_section h1, #innovationmain_section h1 {
    padding-bottom: 20px;
    font-size: 2.5em;
  }
}
/* line 491, ../sass/styles.scss */
#elearningmain_section h2, #webdesignmain_section h2, #appdesignmain_section h2, #innovationmain_section h2 {
  font-size: 1.5em;
  font-weight: 500;
  text-align: center;
  color: #000000;
  line-height: 1.5;
  padding: 0px 400px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 491, ../sass/styles.scss */
  #elearningmain_section h2, #webdesignmain_section h2, #appdesignmain_section h2, #innovationmain_section h2 {
    padding: 0px 100px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 491, ../sass/styles.scss */
  #elearningmain_section h2, #webdesignmain_section h2, #appdesignmain_section h2, #innovationmain_section h2 {
    padding: 0px 50px;
  }
}
@media screen and (max-width: 767px) {
  /* line 491, ../sass/styles.scss */
  #elearningmain_section h2, #webdesignmain_section h2, #appdesignmain_section h2, #innovationmain_section h2 {
    padding: 0px 5px;
    font-size: 1.25em;
  }
}

/* line 511, ../sass/styles.scss */
#elearning_segments, #webdesign_platform, #appdesign_platform {
  margin-bottom: 50px;
}
/* line 513, ../sass/styles.scss */
#elearning_segments .segment_bg, #webdesign_platform .segment_bg, #appdesign_platform .segment_bg {
  background-color: #F2F2F2;
  padding: 20px;
  padding-right: 50%;
  border-bottom: 2px solid #968DE8;
}
/* line 519, ../sass/styles.scss */
#elearning_segments #education_bg, #webdesign_platform #education_bg, #appdesign_platform #education_bg {
  margin-bottom: 30px;
  background-image: url(../../images/eLearning-education.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 35%;
}
@media screen and (max-width: 767px) {
  /* line 519, ../sass/styles.scss */
  #elearning_segments #education_bg, #webdesign_platform #education_bg, #appdesign_platform #education_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 528, ../sass/styles.scss */
  #elearning_segments #education_bg img, #webdesign_platform #education_bg img, #appdesign_platform #education_bg img {
    padding: 5% 0% 5% 0%;
  }
}
/* line 533, ../sass/styles.scss */
#elearning_segments #corporate_bg, #webdesign_platform #corporate_bg, #appdesign_platform #corporate_bg {
  margin-bottom: 30px;
  background-image: url(../../images/eLearning-Corporate.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 533, ../sass/styles.scss */
  #elearning_segments #corporate_bg, #webdesign_platform #corporate_bg, #appdesign_platform #corporate_bg {
    min-height: 330px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 533, ../sass/styles.scss */
  #elearning_segments #corporate_bg, #webdesign_platform #corporate_bg, #appdesign_platform #corporate_bg {
    min-height: 410px;
  }
}
@media screen and (max-width: 767px) {
  /* line 533, ../sass/styles.scss */
  #elearning_segments #corporate_bg, #webdesign_platform #corporate_bg, #appdesign_platform #corporate_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 547, ../sass/styles.scss */
  #elearning_segments #corporate_bg img, #webdesign_platform #corporate_bg img, #appdesign_platform #corporate_bg img {
    padding: 5% 0% 5% 0%;
  }
}
/* line 552, ../sass/styles.scss */
#elearning_segments #public_bg, #webdesign_platform #public_bg, #appdesign_platform #public_bg {
  margin-bottom: 30px;
  background-image: url(../../images/eLearning-Public-Sector.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 552, ../sass/styles.scss */
  #elearning_segments #public_bg, #webdesign_platform #public_bg, #appdesign_platform #public_bg {
    min-height: 330px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 552, ../sass/styles.scss */
  #elearning_segments #public_bg, #webdesign_platform #public_bg, #appdesign_platform #public_bg {
    min-height: 410px;
  }
}
@media screen and (max-width: 767px) {
  /* line 552, ../sass/styles.scss */
  #elearning_segments #public_bg, #webdesign_platform #public_bg, #appdesign_platform #public_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 566, ../sass/styles.scss */
  #elearning_segments #public_bg img, #webdesign_platform #public_bg img, #appdesign_platform #public_bg img {
    padding: 5% 0% 5% 0%;
  }
}
/* line 571, ../sass/styles.scss */
#elearning_segments h2, #webdesign_platform h2, #appdesign_platform h2 {
  font-size: 2.5em;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 571, ../sass/styles.scss */
  #elearning_segments h2, #webdesign_platform h2, #appdesign_platform h2 {
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 571, ../sass/styles.scss */
  #elearning_segments h2, #webdesign_platform h2, #appdesign_platform h2 {
    font-size: 2.25em;
  }
}
/* line 583, ../sass/styles.scss */
#elearning_segments h3, #webdesign_platform h3, #appdesign_platform h3 {
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  /* line 583, ../sass/styles.scss */
  #elearning_segments h3, #webdesign_platform h3, #appdesign_platform h3 {
    text-align: center;
  }
}
/* line 591, ../sass/styles.scss */
#elearning_segments p, #webdesign_platform p, #appdesign_platform p {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  /* line 591, ../sass/styles.scss */
  #elearning_segments p, #webdesign_platform p, #appdesign_platform p {
    text-align: center;
  }
}

/* line 599, ../sass/styles.scss */
#elearning_process, #webdesign_process, #appdesign_process {
  margin: 50px;
  background-color: #968DE8;
  padding: 10px 30px 30px 30px;
  padding-bottom: 0px;
  color: #FFFFFF;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 599, ../sass/styles.scss */
  #elearning_process, #webdesign_process, #appdesign_process {
    margin: 0px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 599, ../sass/styles.scss */
  #elearning_process, #webdesign_process, #appdesign_process {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) {
  /* line 599, ../sass/styles.scss */
  #elearning_process, #webdesign_process, #appdesign_process {
    margin: 0px;
  }
}
/* line 614, ../sass/styles.scss */
#elearning_process h2, #webdesign_process h2, #appdesign_process h2 {
  font-size: 2.5em;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 614, ../sass/styles.scss */
  #elearning_process h2, #webdesign_process h2, #appdesign_process h2 {
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 614, ../sass/styles.scss */
  #elearning_process h2, #webdesign_process h2, #appdesign_process h2 {
    font-size: 2.25em;
  }
}
/* line 626, ../sass/styles.scss */
#elearning_process .process_link, #webdesign_process .process_link, #appdesign_process .process_link {
  border: 1px solid #F2F2F2;
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
  cursor: pointer;
  padding: 5px 0px;
  width: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 626, ../sass/styles.scss */
  #elearning_process .process_link, #webdesign_process .process_link, #appdesign_process .process_link {
    font-size: 1em;
    width: 30px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 626, ../sass/styles.scss */
  #elearning_process .process_link, #webdesign_process .process_link, #appdesign_process .process_link {
    font-size: 1em;
    width: 28px;
  }
}
@media screen and (max-width: 767px) {
  /* line 626, ../sass/styles.scss */
  #elearning_process .process_link, #webdesign_process .process_link, #appdesign_process .process_link {
    font-size: 1em;
    width: 28px;
    display: inline-block;
  }
}
/* line 650, ../sass/styles.scss */
#elearning_process #elearningprocess_bg, #elearning_process #webprocess_bg, #elearning_process #appprocess_bg, #webdesign_process #elearningprocess_bg, #webdesign_process #webprocess_bg, #webdesign_process #appprocess_bg, #appdesign_process #elearningprocess_bg, #appdesign_process #webprocess_bg, #appdesign_process #appprocess_bg {
  margin-bottom: 30px;
  margin-right: -30px;
  background-image: url(../../images/Process.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  min-height: 250px;
}
@media screen and (max-width: 767px) {
  /* line 650, ../sass/styles.scss */
  #elearning_process #elearningprocess_bg, #elearning_process #webprocess_bg, #elearning_process #appprocess_bg, #webdesign_process #elearningprocess_bg, #webdesign_process #webprocess_bg, #webdesign_process #appprocess_bg, #appdesign_process #elearningprocess_bg, #appdesign_process #webprocess_bg, #appdesign_process #appprocess_bg {
    background-image: none;
  }
}
/* line 661, ../sass/styles.scss */
#elearning_process h3, #webdesign_process h3, #appdesign_process h3 {
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  /* line 661, ../sass/styles.scss */
  #elearning_process h3, #webdesign_process h3, #appdesign_process h3 {
    text-align: center;
    line-height: 2;
    padding-bottom: 10px;
  }
}
/* line 671, ../sass/styles.scss */
#elearning_process p, #webdesign_process p, #appdesign_process p {
  font-size: 1em;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  /* line 671, ../sass/styles.scss */
  #elearning_process p, #webdesign_process p, #appdesign_process p {
    text-align: center;
  }
}
/* line 678, ../sass/styles.scss */
#elearning_process .selected_process, #webdesign_process .selected_process, #appdesign_process .selected_process {
  background-color: #555555;
  cursor: default !important;
}

/* line 684, ../sass/styles.scss */
#elearning_features, #webdesign_features, #appdesign_types {
  margin-bottom: 50px;
}
/* line 686, ../sass/styles.scss */
#elearning_features .elearning_feature, #webdesign_features .elearning_feature, #appdesign_types .elearning_feature {
  min-height: 400px;
  border: 2px solid #968DE8;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 686, ../sass/styles.scss */
  #elearning_features .elearning_feature, #webdesign_features .elearning_feature, #appdesign_types .elearning_feature {
    min-height: 460px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 686, ../sass/styles.scss */
  #elearning_features .elearning_feature, #webdesign_features .elearning_feature, #appdesign_types .elearning_feature {
    min-height: 600px;
  }
}
@media screen and (max-width: 767px) {
  /* line 686, ../sass/styles.scss */
  #elearning_features .elearning_feature, #webdesign_features .elearning_feature, #appdesign_types .elearning_feature {
    margin-bottom: 20px;
  }
}
/* line 699, ../sass/styles.scss */
#elearning_features h2, #webdesign_features h2, #appdesign_types h2 {
  font-size: 2.5em;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 699, ../sass/styles.scss */
  #elearning_features h2, #webdesign_features h2, #appdesign_types h2 {
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 699, ../sass/styles.scss */
  #elearning_features h2, #webdesign_features h2, #appdesign_types h2 {
    font-size: 2.25em;
  }
}
/* line 711, ../sass/styles.scss */
#elearning_features h3, #webdesign_features h3, #appdesign_types h3 {
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 711, ../sass/styles.scss */
  #elearning_features h3, #webdesign_features h3, #appdesign_types h3 {
    line-height: 1.5;
    font-size: 1.25em;
  }
}
/* line 722, ../sass/styles.scss */
#elearning_features p, #webdesign_features p, #appdesign_types p {
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  padding: 0px 10px 10px 10px;
}

/* line 730, ../sass/styles.scss */
#elearning_hosting, #webdesign_hosting {
  background-color: #F2F2F2;
  border-bottom: 2px solid #968DE8;
}
/* line 733, ../sass/styles.scss */
#elearning_hosting h2, #webdesign_hosting h2 {
  font-size: 2.5em;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 733, ../sass/styles.scss */
  #elearning_hosting h2, #webdesign_hosting h2 {
    padding-bottom: 0px;
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 733, ../sass/styles.scss */
  #elearning_hosting h2, #webdesign_hosting h2 {
    font-size: 2.25em;
    font-weight: 500;
    padding-bottom: 0px;
  }
}
/* line 748, ../sass/styles.scss */
#elearning_hosting p, #webdesign_hosting p {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  /* line 748, ../sass/styles.scss */
  #elearning_hosting p, #webdesign_hosting p {
    text-align: center;
    padding-top: 0px;
  }
}
/* line 755, ../sass/styles.scss */
#elearning_hosting #contact_us, #webdesign_hosting #contact_us {
  margin-top: 40px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 755, ../sass/styles.scss */
  #elearning_hosting #contact_us, #webdesign_hosting #contact_us {
    margin-top: 0px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 755, ../sass/styles.scss */
  #elearning_hosting #contact_us, #webdesign_hosting #contact_us {
    margin-top: 0px;
    padding-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  /* line 755, ../sass/styles.scss */
  #elearning_hosting #contact_us, #webdesign_hosting #contact_us {
    margin-top: 0px;
  }
}
/* line 767, ../sass/styles.scss */
#elearning_hosting #contact_us a, #webdesign_hosting #contact_us a {
  color: #555555;
  font-weight: 500;
  font-size: 1.2em;
  text-transform: uppercase;
}
/* line 774, ../sass/styles.scss */
#elearning_hosting img, #webdesign_hosting img {
  max-height: 500px;
  margin: 0 auto;
  padding-top: 50px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 774, ../sass/styles.scss */
  #elearning_hosting img, #webdesign_hosting img {
    padding-top: 150px;
  }
}
@media screen and (max-width: 767px) {
  /* line 774, ../sass/styles.scss */
  #elearning_hosting img, #webdesign_hosting img {
    max-height: 200px;
  }
}

/* line 787, ../sass/styles.scss */
#elearning_brochure, #webdesign_brochure, #appdesign_brochure, #innovation_brochure {
  background-image: url(../../images/eLearning-brochure.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  margin-top: 50px;
}
/* line 793, ../sass/styles.scss */
#elearning_brochure button, #webdesign_brochure button, #appdesign_brochure button, #innovation_brochure button {
  border-radius: 0 !important;
  text-transform: uppercase;
  margin-left: 10px;
  color: #FFFFFF;
}
/* line 799, ../sass/styles.scss */
#elearning_brochure .btn, #elearning_brochure .btn:hover, #webdesign_brochure .btn, #webdesign_brochure .btn:hover, #appdesign_brochure .btn, #appdesign_brochure .btn:hover, #innovation_brochure .btn, #innovation_brochure .btn:hover {
  background-color: transparent;
  font-size: 1.1em;
  font-weight: 500;
  margin: 10px 30px 30px 30px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
/* line 807, ../sass/styles.scss */
#elearning_brochure .btn-default:active, #webdesign_brochure .btn-default:active, #appdesign_brochure .btn-default:active, #innovation_brochure .btn-default:active {
  box-shadow: none;
}
/* line 810, ../sass/styles.scss */
#elearning_brochure p, #webdesign_brochure p, #appdesign_brochure p, #innovation_brochure p {
  font-size: 1.25em;
  font-weight: 500;
  margin-top: 10px;
  color: #FFFFFF;
  padding: 10px 5px 0px 5px;
}
@media screen and (max-width: 767px) {
  /* line 810, ../sass/styles.scss */
  #elearning_brochure p, #webdesign_brochure p, #appdesign_brochure p, #innovation_brochure p {
    font-size: 1.15em;
    text-align: center;
  }
}
/* line 821, ../sass/styles.scss */
#elearning_brochure .download-brochure, #webdesign_brochure .download-brochure, #appdesign_brochure .download-brochure, #innovation_brochure .download-brochure {
  text-align: center;
}

/* Web Design Page */
/* line 830, ../sass/styles.scss */
#webdesignmain_section #webdesign_bg {
  background-image: url(../../images/WebDesign-Main.jpg);
}

/* line 836, ../sass/styles.scss */
#webdesign_platform .platform_bg {
  background-color: #F2F2F2;
  padding: 20px;
  padding-right: 50%;
  border-bottom: 2px solid #75BAEB;
}
/* line 842, ../sass/styles.scss */
#webdesign_platform #wordpress_bg {
  margin-bottom: 30px;
  background-image: url(../../images/WebDesign-WordPress.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 842, ../sass/styles.scss */
  #webdesign_platform #wordpress_bg {
    min-height: 660px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 842, ../sass/styles.scss */
  #webdesign_platform #wordpress_bg {
    min-height: 885px;
  }
}
@media screen and (max-width: 767px) {
  /* line 842, ../sass/styles.scss */
  #webdesign_platform #wordpress_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 856, ../sass/styles.scss */
  #webdesign_platform #wordpress_bg img {
    padding: 5% 41% 5% 0%;
  }
}
/* line 861, ../sass/styles.scss */
#webdesign_platform #html_bg {
  margin-bottom: 30px;
  background-image: url(../../images/WebDesign-HTML.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 861, ../sass/styles.scss */
  #webdesign_platform #html_bg {
    min-height: 660px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 861, ../sass/styles.scss */
  #webdesign_platform #html_bg {
    min-height: 885px;
  }
}
@media screen and (max-width: 767px) {
  /* line 861, ../sass/styles.scss */
  #webdesign_platform #html_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 875, ../sass/styles.scss */
  #webdesign_platform #html_bg img {
    padding: 5% 44% 5% 0%;
  }
}

/* line 882, ../sass/styles.scss */
#webdesign_process {
  background-color: #75BAEB;
}

/* line 887, ../sass/styles.scss */
#webdesign_features .webdesign_feature {
  border: 2px solid #75BAEB;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 887, ../sass/styles.scss */
  #webdesign_features .webdesign_feature {
    min-height: 485px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 887, ../sass/styles.scss */
  #webdesign_features .webdesign_feature {
    min-height: 630px;
  }
}
@media screen and (max-width: 767px) {
  /* line 887, ../sass/styles.scss */
  #webdesign_features .webdesign_feature {
    margin-bottom: 20px;
  }
}

/* line 901, ../sass/styles.scss */
#webdesign_hosting {
  border-bottom: 2px solid #75BAEB;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 903, ../sass/styles.scss */
  #webdesign_hosting img {
    padding-top: 100px;
  }
}

/* line 910, ../sass/styles.scss */
#webdesign_brochure {
  background-image: url(../../images/WebDesign-brochure.jpg);
}

/*App Design Page */
/* line 917, ../sass/styles.scss */
#appdesignmain_section #appdesign_bg {
  background-image: url(../../images/AppDesign-Main.jpg);
}

/* line 923, ../sass/styles.scss */
#appdesign_platform .platform_bg {
  background-color: #F2F2F2;
  padding: 20px;
  padding-right: 50%;
  border-bottom: 2px solid #FF9496;
}
/* line 929, ../sass/styles.scss */
#appdesign_platform #xd_bg {
  margin-bottom: 30px;
  background-image: url(../../images/AppDesign-XD.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 767px) {
  /* line 929, ../sass/styles.scss */
  #appdesign_platform #xd_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 937, ../sass/styles.scss */
  #appdesign_platform #xd_bg img {
    padding: 5% 40% 5% 0%;
  }
}
/* line 941, ../sass/styles.scss */
#appdesign_platform #xd_bg a, #appdesign_platform #xd_bg a:hover {
  color: #FF9496;
}
/* line 945, ../sass/styles.scss */
#appdesign_platform #illustrator_bg {
  margin-bottom: 30px;
  background-image: url(../../images/AppDesign-Illustrator.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (min-width: 1200px) {
  /* line 945, ../sass/styles.scss */
  #appdesign_platform #illustrator_bg {
    min-height: 325px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 945, ../sass/styles.scss */
  #appdesign_platform #illustrator_bg {
    min-height: 355px;
  }
}
@media screen and (max-width: 767px) {
  /* line 945, ../sass/styles.scss */
  #appdesign_platform #illustrator_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 959, ../sass/styles.scss */
  #appdesign_platform #illustrator_bg img {
    padding: 5% 40% 5% 0%;
  }
}
/* line 964, ../sass/styles.scss */
#appdesign_platform #photoshop_bg {
  margin-bottom: 30px;
  background-image: url(../../images/AppDesign-Photoshop.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (min-width: 1200px) {
  /* line 964, ../sass/styles.scss */
  #appdesign_platform #photoshop_bg {
    min-height: 325px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 964, ../sass/styles.scss */
  #appdesign_platform #photoshop_bg {
    min-height: 355px;
  }
}
@media screen and (max-width: 767px) {
  /* line 964, ../sass/styles.scss */
  #appdesign_platform #photoshop_bg {
    background-image: none;
    padding-right: 20px;
  }
  /* line 978, ../sass/styles.scss */
  #appdesign_platform #photoshop_bg img {
    padding: 5% 40% 5% 0%;
  }
}

/* line 985, ../sass/styles.scss */
#appdesign_process {
  background-color: #FF9496;
}

/* line 989, ../sass/styles.scss */
#appdesign_types {
  margin-bottom: 30px;
}
/* line 991, ../sass/styles.scss */
#appdesign_types .appdesign_type {
  border: 2px solid #FF9496;
  height: 280px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 991, ../sass/styles.scss */
  #appdesign_types .appdesign_type {
    min-height: 335px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 991, ../sass/styles.scss */
  #appdesign_types .appdesign_type {
    min-height: 450px;
  }
}
@media screen and (max-width: 767px) {
  /* line 991, ../sass/styles.scss */
  #appdesign_types .appdesign_type {
    min-height: 340px;
  }
}

/* line 1007, ../sass/styles.scss */
#appdesign_brochure {
  background-image: url(../../images/AppDesign-brochure.jpg);
}

/* portfolio Page */
/* line 1013, ../sass/styles.scss */
h2 {
  text-align: center;
  font-size: 2.5em;
  font-weight: 500;
  padding-bottom: 40px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 1013, ../sass/styles.scss */
  h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 1013, ../sass/styles.scss */
  h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1013, ../sass/styles.scss */
  h2 {
    font-size: 2em;
  }
}

/* line 1030, ../sass/styles.scss */
#sample1 {
  background-image: url(../../images/Periodic-table-sample-bw.jpg);
}

/* line 1038, ../sass/styles.scss */
#sample2 {
  background-image: url(../../images/Language-sample-bw.jpg);
}

/* line 1045, ../sass/styles.scss */
#sample3 {
  background-image: url(../../images/Fashion-sample-bw.jpg);
}

/* line 1052, ../sass/styles.scss */
#sample4 {
  background-image: url(../../images/Gaiasoft-sample-bw.jpg);
}

/* line 1059, ../sass/styles.scss */
#sample5 {
  background-image: url(../../images/Tennis-sample-bw.jpg);
}

/* line 1066, ../sass/styles.scss */
#sample6 {
  background-image: url(../../images/Airline-sample-bw.jpg);
}

/* line 1073, ../sass/styles.scss */
#sample7 {
  background-image: url(../../images/eNIMES-sample-bw.jpg);
}

/* line 1080, ../sass/styles.scss */
#sample8 {
  background-image: url(../../images/PMS-sample-bw.jpg);
}

/* line 1087, ../sass/styles.scss */
#sample9 {
  background-image: url(../../images/Locality-sample-bw.jpg);
}

/* line 1094, ../sass/styles.scss */
#sample10 {
  background-image: url(../../images/Restaurant-sample-bw.jpg);
}

/* line 1101, ../sass/styles.scss */
#sample11 {
  background-image: url(../../images/Apple-sample-bw.jpg);
}

/* line 1108, ../sass/styles.scss */
#sample12 {
  background-image: url(../../images/Pivot-table-sample-bw.jpg);
}

/* line 1116, ../sass/styles.scss */
.sample {
  background-repeat: no-repeat;
  background-size: cover;
  height: 320px;
  border: 1px solid #000000;
}
/* line 1121, ../sass/styles.scss */
.sample h1 {
  font-size: 1.5em;
  font-weight: 500;
  color: #000000;
  text-align: center;
  margin-top: 10px;
  padding: 5px;
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 1121, ../sass/styles.scss */
  .sample h1 {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 1121, ../sass/styles.scss */
  .sample h1 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1121, ../sass/styles.scss */
  .sample h1 {
    font-size: 1.5em;
    margin-top: 20px;
  }
}
/* line 1140, ../sass/styles.scss */
.sample h2 {
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  background-color: #968DE8;
  padding: 5px;
  width: 150px;
  text-align: center;
  transform: rotate(-90deg);
  transform-origin: 120px 135px;
  -moz-transform: rotate(-90deg);
  -ms-transform-origin: 120px 135px;
  -moz-transform-origin: 120px 135px;
  -webkit-transform-origin: 120px 135px;
  -o-transform-origin: 120px 135px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 1140, ../sass/styles.scss */
  .sample h2 {
    transform: rotate(-90deg);
    transform-origin: 122px 137px;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 122px 137px;
    -ms-transform-origin: 122px 137px;
    -webkit-transform-origin: 122px 137px;
    -o-transform-origin: 122px 137px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 1140, ../sass/styles.scss */
  .sample h2 {
    transform: rotate(-90deg);
    transform-origin: 122px 137px;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 122px 137px;
    -ms-transform-origin: 122px 137px;
    -webkit-transform-origin: 122px 137px;
    -o-transform-origin: 122px 137px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
}
@media screen and (max-width: 767px) {
  /* line 1140, ../sass/styles.scss */
  .sample h2 {
    transform: rotate(-90deg);
    transform-origin: 115px 130px;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 115px 130px;
    -ms-transform-origin: 115px 130px;
    -webkit-transform-origin: 115px 130px;
    -o-transform-origin: 115px 130px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
}
/* line 1196, ../sass/styles.scss */
.sample .elearning-color {
  background-color: #968DE8;
}
/* line 1199, ../sass/styles.scss */
.sample .web-color {
  background-color: #75BAEB;
}
/* line 1202, ../sass/styles.scss */
.sample .ux-color {
  background-color: #FF9496;
}
/* line 1205, ../sass/styles.scss */
.sample .graphic-color {
  background-color: #8BC9BE;
}
/* line 1208, ../sass/styles.scss */
.sample p {
  color: #000000;
  font-size: 0.9em;
  font-weight: 500;
  padding-left: 30%;
  padding-right: 20px;
  text-align: right;
  position: absolute;
  bottom: 0%;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  /* line 1208, ../sass/styles.scss */
  .sample p {
    position: relative;
    text-align: center;
    margin: 0px auto;
    padding-left: 0%;
  }
}
/* line 1225, ../sass/styles.scss */
.sample .tool {
  font-size: 0.9em;
  font-weight: 700;
  position: relative;
  display: block;
  margin-top: 10px;
}
/* line 1232, ../sass/styles.scss */
.sample a {
  text-align: center;
  font-size: 1.1em;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  background-color: #8BC9BE;
  padding: 5px;
  position: absolute;
  bottom: 50%;
  right: 49%;
  width: 30%;
  margin-right: -15%;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 1247, ../sass/styles.scss */
  .sample a, .sample a:hover {
    visibility: visible;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    background-color: #8BC9BE;
    padding: 5px;
    position: absolute;
    bottom: 50%;
    right: 49%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1262, ../sass/styles.scss */
  .sample a, .sample a:hover {
    position: absolute;
    bottom: 10%;
    left: 50%;
    visibility: visible;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    background-color: #8BC9BE;
    padding: 5px;
    width: 20%;
    display: block;
    margin-left: -10%;
  }
}

/* line 1283, ../sass/styles.scss */
.sample-selected p {
  display: none;
}
/* line 1286, ../sass/styles.scss */
.sample-selected h1 {
  color: #FFFFFF;
}
/* line 1289, ../sass/styles.scss */
.sample-selected h2 {
  color: #FFFFFF;
}

/*Innovation Course Page */
/* line 1329, ../sass/styles.scss */
#experience_innovation {
  background-color: #F2F2F2;
}
/* line 1333, ../sass/styles.scss */
#experience_innovation #innovationmain_section #innovationcourse_bg {
  background-image: url(../../images/Innovation-Main.jpg);
}
/* line 1339, ../sass/styles.scss */
#experience_innovation #innovation_course .innovation_bg {
  background-color: #FFFFFF;
  padding: 20px;
  padding-right: 50%;
  border-bottom: 2px solid #8BC9BE;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 390px;
}
@media screen and (min-width: 1200px) {
  /* line 1339, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg {
    min-height: 325px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 1339, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg {
    min-height: 480px;
    background-position: center right;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 1339, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg {
    padding-right: 10px;
    padding-left: 10px;
    min-height: 500px;
  }
  /* line 1359, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg img {
    width: 200px;
    margin: 0 auto;
  }
  /* line 1363, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg h3 {
    text-align: center;
  }
  /* line 1366, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg p {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1339, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg {
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  /* line 1374, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg img {
    width: 200px;
    margin: 0 auto;
  }
  /* line 1378, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  /* line 1382, ../sass/styles.scss */
  #experience_innovation #innovation_course .innovation_bg p {
    text-align: center;
    margin-top: 20px;
  }
}
/* line 1388, ../sass/styles.scss */
#experience_innovation #innovation_course #course-outline_bg {
  margin-bottom: 30px;
  background-image: url(../../images/innovation-course-outline.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 767px) {
  /* line 1388, ../sass/styles.scss */
  #experience_innovation #innovation_course #course-outline_bg {
    background-image: none;
    padding-right: 20px;
  }
}
/* line 1397, ../sass/styles.scss */
#experience_innovation #innovation_course #course-outline_bg a, #experience_innovation #innovation_course #course-outline_bg a:hover {
  color: #FF9496;
}
/* line 1403, ../sass/styles.scss */
#experience_innovation #innovation_course #course-outline_bg p a {
  color: #8BC9BE;
  padding-top: 20px;
  font-weight: bold;
}
/* line 1411, ../sass/styles.scss */
#experience_innovation #innovation_course #course-outline_bg {
  background-image: url(../../images/innovation-course-outline.png);
}
/* line 1414, ../sass/styles.scss */
#experience_innovation #innovation_course #keyfeatures_bg {
  background-image: url(../../images/Innovation-keyfeatures.png);
}
/* line 1417, ../sass/styles.scss */
#experience_innovation #innovation_course #outcomes_bg {
  background-image: url(../../images/Innovation-outcomes.png);
}
/* line 1420, ../sass/styles.scss */
#experience_innovation #innovation_course #participant_bg {
  background-image: url(../../images/Innovation-participant.png);
}
/* line 1423, ../sass/styles.scss */
#experience_innovation #innovation_course #facetoface_bg {
  background-image: url(../../images/Innovation-face-training.png);
}
/* line 1426, ../sass/styles.scss */
#experience_innovation #innovation_course #online_bg {
  background-image: url(../../images/Innovation-online-training.png);
}
/* line 1429, ../sass/styles.scss */
#experience_innovation #innovation_course #worksheet_bg {
  background-image: url(../../images/Innovation-worksheets.png);
}
@media screen and (max-width: 767px) {
  /* line 1432, ../sass/styles.scss */
  #experience_innovation #innovation_course #course-outline_bg, #experience_innovation #innovation_course #keyfeatures_bg, #experience_innovation #innovation_course #outcomes_bg, #experience_innovation #innovation_course #participant_bg, #experience_innovation #innovation_course #facetoface_bg, #experience_innovation #innovation_course #online_bg, #experience_innovation #innovation_course #worksheet_bg {
    background-image: none;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* line 1432, ../sass/styles.scss */
  #experience_innovation #innovation_course #course-outline_bg, #experience_innovation #innovation_course #keyfeatures_bg, #experience_innovation #innovation_course #outcomes_bg, #experience_innovation #innovation_course #participant_bg, #experience_innovation #innovation_course #facetoface_bg, #experience_innovation #innovation_course #online_bg, #experience_innovation #innovation_course #worksheet_bg {
    background-image: none;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  /* line 1440, ../sass/styles.scss */
  #experience_innovation #innovation_course #course-outline_bg p, #experience_innovation #innovation_course #keyfeatures_bg p, #experience_innovation #innovation_course #outcomes_bg p, #experience_innovation #innovation_course #participant_bg p, #experience_innovation #innovation_course #facetoface_bg p, #experience_innovation #innovation_course #online_bg p, #experience_innovation #innovation_course #worksheet_bg p {
    margin: 0 2px 10px !important;
  }
}

/* line 1448, ../sass/styles.scss */
#innovation_brochure {
  background-image: url(../../images/Innovation-brochure.jpg);
}