/**
 * NoNumber Page stylesheet
 *
 * @package         Sliders
 * @version         4.1.2
 *
 * @author          Peter van Westen <peter@nonumber.nl>
 * @link            http://www.nonumber.nl
 * @copyright       Copyright © 2015 NoNumber All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * You can override this stylesheet by creating your own in:
 * /templates/[YOUR TEMPLATE]/css/sliders/style.min.css
 */
.nn_sliders .fade {
  opacity: 0;
  -webkit-transition: opacity 1ms linear;
  -moz-transition: opacity 1ms linear;
  -o-transition: opacity 1ms linear;
  transition: opacity 1ms linear;
}
.nn_sliders .fade.in {
  opacity: 1;
}
.nn_sliders.has_effects .fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.nn_sliders .collapse {
  position: relative;
  height: 0;    
  overflow: hidden;
  -webkit-transition: height 1ms ease;
  -moz-transition: height 1ms ease;
  -o-transition: height 1ms ease;
  transition: height 1ms ease;
}
.nn_sliders .collapse.in {
  height: auto;
}
.nn_sliders.has_effects .collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.nn_sliders.accordion {
  margin-bottom: 18px;
}
.nn_sliders.accordion > .accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nn_sliders.accordion > .accordion-group .accordion-heading {
  border-bottom: 0;
}
.nn_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
  cursor: pointer;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.nn_sliders.accordion > .accordion-group > .accordion-body.in:hover {
  overflow: visible;
}
@font-face {
  font-family: 'IcoMoon';
  src: url('../../jui/fonts/IcoMoon.eot');
  src: url('../../jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../jui/fonts/IcoMoon.svg#IcoMoon') format('svg'), url('../../jui/fonts/IcoMoon.woff') format('woff'), url('../../jui/fonts/IcoMoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.nn_sliders.accordion > .accordion-group {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.nn_sliders.accordion > .accordion-group .panel-heading {
  padding: 0;
}
.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
  background-color: #eeeeee;
  color: #005580;
  text-decoration: none;
}
.nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
  background-color: #f8f8f8;
  color: #0088cc;
}
.nn_sliders.accordion > .accordion-group > div > a:focus,
.nn_sliders.accordion > .accordion-group.active > div > a:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 2px #eab03f;
  box-shadow: inset 0 0 2px #eab03f;
}
.nn_sliders.accordion > .accordion-group span.nn_sliders-title-inactive {
  display: inherit;
}
.nn_sliders.accordion > .accordion-group span.nn_sliders-title-active {
  display: none;
}
.nn_sliders.accordion > .accordion-group.active span.nn_sliders-title-inactive {
  display: none;
}
.nn_sliders.accordion > .accordion-group.active span.nn_sliders-title-active {
  display: inherit;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
  padding: 15px;
  overflow-y: hidden !important;
  overflow-x: auto;
  *zoom: 1;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner:before,
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner:after {
  clear: both;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner > :first-child {
  margin-top: 0;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner > :last-child {
  margin-bottom: 0;
}
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner .nn_sliders-title {
  display: none;
}
.nn_sliders.accordion > .accordion-group.icon > .accordion-heading > a.accordion-toggle span.nn_sliders-toggle-inner:before {
  display: inline-block;
  *margin-right: .3em;
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
  content: "\2a";
}
.nn_sliders.accordion > .accordion-group.icon.active > .accordion-heading > a.accordion-toggle span.nn_sliders-toggle-inner:before {
  content: "\4b";
}
.nn_sliders.accordion > .accordion-group.blue {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #74b4e8;
}
.nn_sliders.accordion > .accordion-group.blue:hover,
.nn_sliders.accordion > .accordion-group.blue.active {
  border-top-color: #2384d3;
}
.nn_sliders.accordion > .accordion-group.primary {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #74b4e8;
}
.nn_sliders.accordion > .accordion-group.primary:hover,
.nn_sliders.accordion > .accordion-group.primary.active {
  border-top-color: #2384d3;
}
.nn_sliders.accordion > .accordion-group.info {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #6fc2da;
}
.nn_sliders.accordion > .accordion-group.info:hover,
.nn_sliders.accordion > .accordion-group.info.active {
  border-top-color: #2f96b4;
}
.nn_sliders.accordion > .accordion-group.green {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #91c991;
}
.nn_sliders.accordion > .accordion-group.green:hover,
.nn_sliders.accordion > .accordion-group.green.active {
  border-top-color: #51a351;
}
.nn_sliders.accordion > .accordion-group.success {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #91c991;
}
.nn_sliders.accordion > .accordion-group.success:hover,
.nn_sliders.accordion > .accordion-group.success.active {
  border-top-color: #51a351;
}
.nn_sliders.accordion > .accordion-group.orange {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #fbbf69;
}
.nn_sliders.accordion > .accordion-group.orange:hover,
.nn_sliders.accordion > .accordion-group.orange.active {
  border-top-color: #f89406;
}
.nn_sliders.accordion > .accordion-group.warning {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #fbbf69;
}
.nn_sliders.accordion > .accordion-group.warning:hover,
.nn_sliders.accordion > .accordion-group.warning.active {
  border-top-color: #f89406;
}
.nn_sliders.accordion > .accordion-group.red {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #dd7a75;
}
.nn_sliders.accordion > .accordion-group.red:hover,
.nn_sliders.accordion > .accordion-group.red.active {
  border-top-color: #bd362f;
}
.nn_sliders.accordion > .accordion-group.danger {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #dd7a75;
}
.nn_sliders.accordion > .accordion-group.danger:hover,
.nn_sliders.accordion > .accordion-group.danger.active {
  border-top-color: #bd362f;
}
.nn_sliders.accordion > .accordion-group.error {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #dd7a75;
}
.nn_sliders.accordion > .accordion-group.error:hover,
.nn_sliders.accordion > .accordion-group.error.active {
  border-top-color: #bd362f;
}
.nn_sliders.accordion > .accordion-group.grey {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #b3b3b3;
}
.nn_sliders.accordion > .accordion-group.grey:hover,
.nn_sliders.accordion > .accordion-group.grey.active {
  border-top-color: #000000;
}
.nn_sliders.accordion > .accordion-group.gray {
  border-top: 5px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 4px 4px;
  -moz-border-radius: 5px 5px 4px 4px;
  border-radius: 5px 5px 4px 4px;
  border-top-color: #b3b3b3;
}
.nn_sliders.accordion > .accordion-group.gray:hover,
.nn_sliders.accordion > .accordion-group.gray.active {
  border-top-color: #000000;
}
.nn_sliders.accordion .nn_sliders-scroll {
  position: relative;
  visibility: hidden;
  padding: 0;
}




/* Custom Style: mystyle1 */
.nn_sliders.accordion > .accordion-group.mystyle1 > .accordion-heading > a.accordion-toggle {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  font-size: 22px;
  background-color: #ffc2c2;
  background-image: -moz-linear-gradient(top, #ff9999, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9999), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ff9999, #ffffff);
  background-image: -o-linear-gradient(top, #ff9999, #ffffff);
  background-image: linear-gradient(to bottom, #ff9999, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9999', endColorstr='#ffffffff', GradientType=0);
}
.nn_sliders.accordion > .accordion-group.mystyle1 > .accordion-heading > a.accordion-toggle:hover {
  background-color: #c2c2ff;
  background-image: -moz-linear-gradient(top, #9999ff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9999ff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #9999ff, #ffffff);
  background-image: -o-linear-gradient(top, #9999ff, #ffffff);
  background-image: linear-gradient(to bottom, #9999ff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999ff', endColorstr='#ffffffff', GradientType=0);
}
.nn_sliders.accordion > .accordion-group.mystyle1.active > .accordion-heading > a.accordion-toggle {
  background-color: #c2ffc2;
  background-image: -moz-linear-gradient(top, #99ff99, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99ff99), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #99ff99, #ffffff);
  background-image: -o-linear-gradient(top, #99ff99, #ffffff);
  background-image: linear-gradient(to bottom, #99ff99, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99ff99', endColorstr='#ffffffff', GradientType=0);
}
.nn_sliders.accordion > .accordion-group.mystyle1 > .accordion-body > .accordion-inner {
  border-top: none;
  background-color: #f5fff5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#ccffcc));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #ccffcc);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffccffcc', GradientType=0);
}


/* Custom Style: resources */


.nn_sliders.accordion > .accordion-group.resources {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  border-color: #005F88;
}
.nn_sliders.accordion > .accordion-group.resources > .accordion-heading > a.accordion-toggle {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  padding: 8px 20px;
  background-color: #7572DC;
  color: #fff !important;
}
.nn_sliders.accordion > .accordion-group.resources > .accordion-heading > a.accordion-toggle:hover {
  background-color: #8E70A7;
  color: #fff;
}
.nn_sliders.accordion > .accordion-group.resources.active > .accordion-heading > a.accordion-toggle {
  background-color: #666 !important;
  color: #fff !important;
}
.nn_sliders.accordion > .accordion-group.resources > .accordion-body > .accordion-inner {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  border-top: none;
  background-color: #999;
  color: #000;
}
.nn_sliders.accordion > .accordion-group.resources.active > .accordion-body > .accordion-inner {
  background-color: #EEEEEE;
}

.nn_sliders.accordion > .accordion-group.resources.active > .accordion-heading > a.accordion-toggle {
    background-color: #2C439D !important;
    color: #fff !important;
}

/* Custom Style: quest */


.nn_sliders.accordion > .accordion-group.quest {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  border-color: #005F88;
}
.nn_sliders.accordion > .accordion-group.quest > .accordion-heading > a.accordion-toggle {
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 8px 20px;
  background-color: #7572DC;
  color: #fff !important;
}
.nn_sliders.accordion > .accordion-group.quest > .accordion-heading > a.accordion-toggle:hover {
  background-color: #8E70A7;
  color: #fff;
}
.nn_sliders.accordion > .accordion-group.quest.active > .accordion-heading > a.accordion-toggle {
  background-color: #EEEEEE !important;
  color: #fff !important;
}
.nn_sliders.accordion > .accordion-group.quest > .accordion-body > .accordion-inner {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  border-top: none;
  background-color: #999;
  color: #000;
}
.nn_sliders.accordion > .accordion-group.quest.active > .accordion-body > .accordion-inner {
  background-color: #EEEEEE;
}

.nn_sliders.accordion > .accordion-group.quest.active > .accordion-heading > a.accordion-toggle {
    background-color: #2C439D !important;
    color: #fff !important;
}



/* Custom Style: Teacher Section */


.nn_sliders.accordion > .accordion-group.teacher {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  border-color: #005F88;
}
.nn_sliders.accordion > .accordion-group.teacher > .accordion-heading > a.accordion-toggle {
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 8px 20px;
  background-color: #8E70A7;
  color: #fff !important;
}
.nn_sliders.accordion > .accordion-group.teacher > .accordion-heading > a.accordion-toggle:hover {
  background-color: #8E70A7;
  color: #fff;
}
.nn_sliders.accordion > .accordion-group.teacher.active > .accordion-heading > a.accordion-toggle {
  background-color: #EEEEEE !important;
  color: #fff !important;
}
.nn_sliders.accordion > .accordion-group.teacher > .accordion-body > .accordion-inner {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  border-top: none;
  background-color: #999;
  color: #000;
}
.nn_sliders.accordion > .accordion-group.teacher.active > .accordion-body > .accordion-inner {
  background-color: #EEEEEE;
}

.nn_sliders.accordion > .accordion-group.teacher.active > .accordion-heading > a.accordion-toggle {
    background-color: #2C439D !important;
    color: #fff !important;
}