/*

    Author: Lukas Troup - www.cleanet.cz
    File: screen.css

*/

/* Font settings - Droid typeface > Font weight 400 */

input,
#secondary-nav,
#content p.text-box,
#page p.quote,
.page p.quote,
#footer p.form-message,
.aq24-mob-nav-1,
.aq24-mob-nav-label-0,
.aq24-mob-nav-label-1,
.course-preview,
.course-output-preview h1 span,
.course-output-preview h2 span,
.course-output-preview h3 span,
.course-output-preview h4 span,
.course-output-preview h5 span,
.course-output-preview h6 span,
.callout-box2,
#slides .slide p {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400;
}

/* Font settings - Droid typeface > Font weight 700 */

.button,
.submit,
h1,
h2,
h3,
h4,
h5,
h6,
#header #nav,
#content p.text-box strong,
#footer .footer-nav,
#page .columns .caption-image,
.page .columns .caption-image,
.aq24-label,
.aq24-mob-nav-0,
.course-preview strong,
.course-preview .date,
p.course-label,
.page-numbers,
.flip-counter,
.lang-nav {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
}

/* Main settings */

html {height: 100%;}

body {
    height: 100%;
    line-height: 24px;
    font-family: Helvetica, Arial sans-serif;
    font-size: 100%;
    color: #414141;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clear {clear: both;} /* Clear floating */

a {color: #2980b9; text-decoration: underline;}
a:hover {text-decoration: none;}

/* Main settings > Titles */

h1,
h1 a,
h2,
h2 a,
h3,
h3 a {color: #111; padding: 0 0 30px 0;}
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {color: #2980b9; padding: 0 0 30px 0;}

h1 a:hover,
h2 a:hover,
h3 a:hover {color: #333;}
h4 a:hover,
h5 a:hover,
h6 a:hover {color: #388ec6;}

h1,
h2 {
    line-height: 50px;
    font-size: 3.125em; /* 50px */
}

h3 {
    line-height: 30px;
    font-size: 1.875em; /* 30px */
}

h4 {
    line-height: 26px;
    font-size: 1.625em; /* 26px */
}

h5 {
    line-height: 22px;
    font-size: 1.375em; /* 22px */
}

h6 {
    line-height: 18px;
    font-size: 1.125em; /* 18px */
}

/* Main settings > Text */

p,
ul,
ol {
    font-size: 1.000em;
    text-align: left;
    margin: 0 0 30px 0;
}

ul li,
ol li {
    padding: 0 0 0 30px;
}

input,
textarea {
    font-size: 0.875em;
    border: none;
}

/* Columns */

.column {
    float: left;
    margin-bottom: 30px;
}

/* Main settings - Alignment */

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 30px 0;
}

/* Alignment settings for WP */

.alignnone {
    margin: 5px 30px 30px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 30px auto 30px auto;
    clear: both;
}

.alignright {
    float: right;
    margin: 5px 0 30px 30px;
}

.alignleft {
    float: left;
    margin: 5px 30px 30px 0;
}

.aligncenter {
    display: block;
    margin: 30px auto 30px auto;
}

img.aligncenter,
.wp-caption.aligncenter img {
    width: auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 30px 30px;
}

a img.alignnone {
    margin: 5px 30px 30px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 30px 30px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* Default WP caption style */

.wp-caption {
    border: none;
    max-width: 100%;
    padding: 0;
    text-align: left;
}

.wp-caption-text {
    line-height: 20px;
    font-size: 0.750em;
    color: #6c6c6c;
    margin: 0;
    text-align: left;
}

.wp-caption img {
    margin: 0;
}

.wp-caption.alignnone {
    margin: 5px 30px 30px 0;
}

.wp-caption.alignleft {
    margin: 5px 30px 30px 0;
}

.wp-caption.alignright {
    margin: 5px 0 30px 30px;
}

/* Full width wrappers */

#header,
#footer {
    width: 100%;
}

/* 1040px wrappers */

.inner-block,
#page,
.page {
    width: 1040px;
    margin: 0 auto;
}

/* Header */

#header {
    background: #181818;
    padding: 40px 0 8px 0;
}

/* Header > Logo */

#header h1 {
    height: 68px;
    line-height: 68px;
    font-size: 1.906em;
    text-transform: uppercase;
    color: #3d95e8;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    overflow: hidden;
}

#header h1 img {
    max-width: 68px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 16px 0 0;
    float: left;
}

#header h1 a {color: #3d95e8; padding: 0;}
#header a {text-decoration: none;}

/* Header > Searchform */

#header #searchform {
    width: 180px;
    background: #3a3a3a;
    height: 34px;
    padding: 0 20px 0 0;
    margin: 20px 0 12px 12px;
    float: right;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#header #searchform input {
    background: transparent;
    width: 124px;
    height: 34px;
    line-height: 34px;
    color: #7a7a7a;
    padding: 0 20px;
    float: left;
}

#header #searchform input.submit {
    background: url(../img/search-icon.png) 0 0 no-repeat;
    width: 16px;
    height: 34px;
    padding: 0;
    cursor: pointer;
}

/* Header > Social icons */

#header ul.social {
    height: 34px;
    padding: 0;
    margin: 20px 0 0 0;
    float: right;
}

#header ul.social li {
    float: left;
    padding: 0 0 12px 12px;
}

#header ul.social li a {
    width: 16px;
    height: 34px;
    overflow: hidden;
    float: left;
}

#header ul.social li.facebook a {background: url(../img/header-facebook-icon.png) 0 0 no-repeat;}
#header ul.social li.twitter a {background: url(../img/header-twitter-icon.png) 0 0 no-repeat;}
#header ul.social li.rss a {background: url(../img/header-rss-icon.png) 0 0 no-repeat;}

#header ul.social li a:hover {
    background-position: 0 -34px;
}

#header ul.social li a span {
    visibility: hidden;
}

/* Header > Navigation */

#header #nav {
    float: right;
    padding: 0;
    margin: 13px 0 0 0;
}

#header #nav li {
    font-size: 0.813em;
    color: #fff;
    padding: 0 38px 0 0;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    position: relative;
    float: left;
}

#header #nav li:last-child {
    padding: 0;
}

#header #nav li a {
    color: #fff;
    padding: 0 0 4px 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #181818;
    display: block;
}

.main-navigation li a:hover,
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
    border-bottom: 1px solid #646464;
}

.main-navigation li.menu-item-has-children a {
    border-bottom: 1px solid #181818;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text,
.mobile-search-wrapper .search-button-text,
.widget-area .widget_search .search-button-text,
.comment-author .says,
.comment-list .reply span {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus,
.mobile-search-wrapper .search-button-text:focus,
.widget-area .widget_search .search-button-text:focus,
.comment-author .says:focus,
.comment-list .reply span:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*--------------------------------------------------------------
## FontAwesome
--------------------------------------------------------------*/
.wp-custom-header-video-button:before,
.search-toggle:before,
.widget-area .widget_search .search-submit:before,
.menu-toggle:before,
.main-navigation .menu-item-has-children > a:after,
.main-navigation .page_item_has_children > a:after,
.dropdown-toggle:after,
.mobile-search-wrapper .search-submit:before,
.social-navigation a:before,
#feature-slider .cycle-prev:before,
#feature-slider .cycle-next:before,
.entry-breadcrumbs a:after,
.comment-list .reply a:before,
#scrollup:before {
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.search-toggle:before,
.mobile-search-wrapper .search-submit:before,
.widget-area .widget_search .search-submit:before {
  content: "\f002";
}

.menu-toggle:before {
  content: "\2630";
}

.search-toggle.open:before,
.menu-toggle.toggled-on:before  {
  content: "\f00d";
}

.dropdown-toggle:after {
  content: "\f0d7";
}

.active.dropdown-toggle:after {
  content: "\f068";
}

/* Header > Navigation > Dropdown items */
/*--------------------------------------------------------------
## Main Menu
--------------------------------------------------------------*/
.site-header-menu {
  clear: both;
  display: block;
}

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul li {
  display: block;
  padding: 0 14px;
  text-align: left;
}

.main-navigation ul ul .menu-item-has-children > a:after {
  float: right;
  padding: 13px 0;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation li {
  border-top: 1px solid #1f1f1f;
  display: block;
  position: relative;
  text-transform: uppercase;
  font-size: 0.813em;
  color: #fff;
}

.main-navigation a {
  color: rgba(255, 255, 255, 0.90);
  display: block;
  font-size: 15px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.667;
  padding: 14px 0px;
  text-decoration: none;

}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.menu li:hover > a,
.main-navigation ul.menu li.focus > a,
.main-navigation ul.menu li:active > a {
    color: #fff;
}

.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a {
  padding-right: 50px;
}

.main-navigation ul ul a {
  text-transform: none;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 2.6;
  padding: 2px 14px;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul > li.focus > a {
  background-color: #0d0d0d;
}


/* Small menu. */
.menu-toggle-wrapper {
  border-top: 1px solid #1f1f1f;
}

.menu-toggle {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  margin: 0 auto;
  padding: 14px 28px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.menu-toggle:hover,
.menu-toggle:focus {
  background-color: #4c4c4c;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #1f1f1f;
}

.menu-toggle:focus {
  outline: thin solid;
}

.mobile-search-wrapper {
  border-top: 1px solid #1f1f1f;
  clear: both;
  display: none;
  padding: 14px 28px;

}

.site-header-menu.toggled-on .menu,
.site-header-menu.toggled-on .mobile-search-wrapper {
  display: block;
}

.mobile-search-wrapper .search-form {
  position: relative;
}

.mobile-search-wrapper label {
  padding: 0;
}

.mobile-search-wrapper .search-field {
  background-color: #141414;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.70);
  margin: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 6px 12px;
  width: -webkit-calc(100% - 41px);
  width: calc(100% - 41px);
}

.mobile-search-wrapper .search-field:focus {
  color: rgba(255, 255, 255, 1);
}

.mobile-search-wrapper .search-submit {
  background: rgba(255, 255, 255, 1);
  -webkit-border-radius: 0;
  border-radius: 0;
  bottom: 0;
  color: #000;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}

.mobile-search-wrapper .search-submit:hover,
.mobile-search-wrapper .search-submit:focus {
  background: rgba(255, 255, 255, 0.7);
}

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.menu-toggle:before {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 15px;
  margin-right: 5px;
}

.menu-toggle.toggled-on:before {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 15px;
}

.dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: unset;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  font-size: 16px;
  font-size: 1rem;
  padding: 18px;
  line-height: 1.1;
}

.sub-menu .dropdown-toggle {
  padding: 13px 18px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.70);
}
/* Language navigation */

.lang-nav {
    height: 34px;
    font-size: 15px;
    color: #a7a7a7;
    border-left: 1px solid #353535;
    padding: 0 0 0 30px;
    margin: 20px 0 0 30px;
    float: right;
}

.lang-nav li {
    background: url(../img/dropdown-arrow.png) right center no-repeat; /* Because of arrow icon */
    height: 34px;
    line-height: 34px;
    padding: 0 16px 0 0;
    position: relative;
}

.lang-nav li a {
    color: #a7a7a7;
    display: block;
}

.lang-nav .sub-menu {
    width: auto;
    top: 6px;
}

.lang-nav .sub-menu li {
    background: none;
    height: auto;
    padding: 0;
    margin: 0;
}

.lang-nav .sub-menu li a {
    line-height: 18px;
    font-size: 13px;
    padding: 10px 20px 9px 20px;
}

/* Main course photo - Full width version */

#main-photo,
#slides {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
    position: relative;
}

#main-photo img,
#slides img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#main-photo img {
    max-width: 1400px;
    margin: 0;
    display: block;
}

/* Main course video */

#main-video {
    background: #eff7fd;
    max-width: 1400px;
    margin: 0 auto;
    display: block;
}

/* Main course video > Container because of max width */

#main-video #video-container {
    max-width: 1040px;
    height: auto;
    padding: 30px 0;
    margin: 0 auto;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}

/* Slider */

/* Slider> Prevents slides from flashing */

#slides {
    position: relative;
}

#slides .slide {
    z-index: 10;
}

#slides .slide img {
  vertical-align: top;
  margin-bottom: 0;
}

#slides .slide p {
    background: rgba(24, 24, 24, 0.8);
    width: 56%;
    line-height: 40px;
    font-size: 1.875em;
    color: #fff;
    text-align: center;
    padding: 40px 22%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}

#slides .slide p a {
    color: #fff;
    text-decoration: none;
}

#slides .slide p strong {
    font-size: 1.32em;
    color: #f1c40f;
    font-weight: 400;
}

/* Slider > Navigation */

#slides .slidesjs-navigation {
    width: 18px;
    height: 34px;
    display: block;
    position: absolute;
    z-index: 100;
}

#slides .slidesjs-previous {
    left: 180px; bottom: 60px;
}

#slides .slidesjs-next {
    right: 180px; bottom: 60px;
}

/* Flip counter */

.flip-counter {
    background: rgba(61, 149, 232, 0.8);
    min-width: 130px;
    position: absolute;
    left: 60px;
    top: 60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.flip-counter span {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #b2cef3;
    text-align: center;
    display: block;
}

.flip-counter span.count {
    height: 42px;
    line-height: 42px;
    font-size: 60px;
    color: #fff;
}

.flip-counter span.counter-separator {
    background: #1f75cf;
    width: 100%;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 75px;
}

.flip-counter span.counter-block {
    background: #fff;
    width: 2px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 65px;
}

.flip-counter span.counter-block-left {
    left: 0;
}

.flip-counter span.counter-block-right {
    right: 0;
}


/* Page */

#page,
.page {
    padding: 60px 0 0 0;
    display: block;
}

/* Page > Content images */

#content img.alignleft,
#content img.alignright,
#content .wp-caption.alignleft,
#content .wp-caption.alignright{
    max-width: 306px;
}

/* Page > Large content quotes */

#page p.quote,
.page p.quote {
    width: 100%;
    line-height: 50px;
    font-size: 2.500em;
    color: #181818;
    text-align: center;
    padding: 20px 0 80px 0;
    margin: 0;
    float: left;
}

#page p.quote span,
.page p.quote span {
    color: #7a7a7a;
}

/* Page > Social icons */

#page ul.social,
.page ul.social {
    padding: 0;
}

#page ul.social li,
.page ul.social li {
    margin-bottom: 30px;
}

#page ul.social li,
.page ul.social li {
    float: left;
    padding: 0 12px 12px 0;
}

#page ul.social li a,
.page ul.social li a {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
}

#page ul.social li.facebook a,
.page ul.social li.facebook a {background: url(../img/content-facebook-icon.png) 0 0 no-repeat;}
#page ul.social li.twitter a,
.page ul.social li.twitter a {background: url(../img/content-twitter-icon.png) 0 0 no-repeat;}
#page ul.social li.mail a,
.page ul.social li.mail a {background: url(../img/content-mail-icon.png) 0 0 no-repeat;}

#page ul.social li a:hover,
.page ul.social li a:hover {
    background-position: 0 -40px;
}

#page ul.social li a span,
.page ul.social li a span {
    visibility: hidden;
}

/* Page > Form */

#page form,
.page form {
    padding: 0 0 48px 0;
}

#page form fieldset,
.page form fieldset {
    display: block;
}

#page form input,
.page form input {
    background: transparent;
    width: 23.738872403561%;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #7a7a7a;
    padding: 0;
    padding-left: 2.670623145401%;
    padding-right: 2.670623145401%;
    border: 2px solid #bcbcbc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 6px 12px 0;
    float: left;
    -webkit-appearance: none;
}

#page form input.submit,
.page form input.submit {
    background: #f1c40f;
    width: 100px;
    height: 40px;
    color: #6e4e00;
    padding: 0;
    margin: 0 0 12px 0;
    border: none;
    cursor: pointer;
    float: left;
    transition: background 0.2s;
    -moz-transition: background 0.2s; /* Firefox 4 */
    -webkit-transition: background 0.2s; /* Safari and Chrome */
    -o-transition: background 0.2s; /* Opera */
}

#page form input.submit:hover,
.page form input.submit:hover {
    background: #fccf1b;
}

#page form textarea,
.page form textarea {
    background: transparent;
    min-width: 94.06528189911%;
    width: 94.06528189911%;
    max-width: 94.06528189911%;
    min-height: 82px;
    height: 82px;
    max-height: 164px;
    line-height: 24px;
    color: #7a7a7a;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 2.670623145401%;
    padding-right: 2.670623145401%;
    border: 2px solid #bcbcbc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 12px 0;
    float: left;
}

/* Page > Form messages */

#page p.form-message,
.page p.form-message {
    width: 80.392156862745%;
    font-size: 14px;
    text-align: left;
    padding-left: 9.150326797386%;
    padding-right: 9.150326797386%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#page p.sent,
.page p.sent {
    background: #dff0d8;
    color: #326b31;
    border: 2px solid #b5cfb5;
}

#page p.error,
.page p.error {
    background: #f5dede;
    color: #a93538;
    border: 2px solid #e9b4b4;
}

/* Page > Instructor profiles */

#page .instructor-profile h1,
#page .instructor-profile h2,
#page .instructor-profile h3,
#page .instructor-profile h4,
#page .instructor-profile h5,
#page .instructor-profile h6,
.page .instructor-profile h1,
.page .instructor-profile h2,
.page .instructor-profile h3,
.page .instructor-profile h4,
.page .instructor-profile h5,
.page .instructor-profile h6 {
    font-size: 1.188em;
    padding: 0 0 6px 0;
}

#page .instructor-profile h1 a,
#page .instructor-profile h2 a,
#page .instructor-profile h3 a,
#page .instructor-profile h4 a,
#page .instructor-profile h5 a,
#page .instructor-profile h6 a,
.page .instructor-profile h1 a,
.page .instructor-profile h2 a,
.page .instructor-profile h3 a,
.page .instructor-profile h4 a,
.page .instructor-profile h5 a,
.page .instructor-profile h6 a {
    text-decoration: none;
}

#page .instructor-profile img,
.page .instructor-profile img {
    max-width: 160px;
}

#page .instructor-detail img,
.page .instructor-detail img {
    max-width: 320px;
}

/* Page > Specific course newsletter */

#page form#specific-course-newsletter,
.page form#specific-course-newsletter {
    max-width: 306px;
    margin-bottom: 30px;
}

#page form#specific-course-newsletter input,
.page form#specific-course-newsletter input {
    width: 52.287581699346%;
    padding-left: 5.882352941176%;
    padding-right: 5.882352941176%;
    -webkit-appearance: none;
}

#page form#specific-course-newsletter input.submit,
.page form#specific-course-newsletter input.submit {
    background: #f1c40f;
    width: 100px;
    height: 40px;
    color: #6e4e00;
    padding: 0;
    margin: 0 0 12px 0;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    -moz-transition: background 0.2s; /* Firefox 4 */
    -webkit-transition: background 0.2s; /* Safari and Chrome */
    -o-transition: background 0.2s; /* Opera */
}

#page form#specific-course-newsletter input.submit:hover,
.page form#specific-course-newsletter input.submit:hover {
    background: #fccf1b;
}

/* Sidebar */

#sidebar {
    width: 29.423076923077%;
    float: left;
}

/* Sidebar > Secondary navigation */

#sidebar ul#secondary-nav {
    background: #eff7fd url(../img/secondary-nav-bg.png) right top repeat-y;
    width: 100%;
    font-size: 1.063em;
    text-align: left;
    padding: 12px 0;
}

#sidebar ul#secondary-nav li {
    padding: 0;
}

#sidebar ul#secondary-nav li a {
    background: url(../img/secondary-nav-separator.png) right bottom no-repeat;
    width: 80.392156862745%;
    color: #2980b9;
    padding: 10px 9.803921568627%;
    text-decoration: none;
    display: block;
}

#sidebar ul#secondary-nav li a:hover,
#sidebar ul#secondary-nav li.current_page_item a {
    background: #333 url(../img/secondary-nav-arrow.png) right top no-repeat;
    color: #fff;
}

/* Content */

#content {
    float: right;
    padding: 0 0 15px 0;
    min-height: 400px;
}

#content .column h1,
#content .column h2,
#content .column h3,
#content .column h4,
#content .column h5,
#content .column h6,
#bottom-info .column h1,
#bottom-info .column h2,
#bottom-info .column h3,
#bottom-info .column h4,
#bottom-info .column h5,
#bottom-info .column h6 {
    line-height: 19px;
    font-size: 1.188em;
}

#content .column h1,
#content .column h2,
#content .column h3,
#content .column h4,
#content .column h5,
#content .column h6 {
    padding: 0 0 12px 0;
}

#content p.text-box {
    background: #eff7fd;
    line-height: 1.500em;
    font-size: 1.063em;
    color: #1a98eb;
    text-align: left;
    padding: 30px;
    margin: 0 0 60px 0;
}

#content p.text-box strong {
    color: #2980b9;
}

#content p.course-label {
    font-size: 1.188em;
    color: #2980b9;
    padding: 0;
    margin: 0 0 16px 0;
}

#content ul {
    padding: 0 0 0 30px;
}

#content ol {
    padding: 0 0 0 52px;
}

#content ul li {
    background: url(../img/content-li.png) left 5px no-repeat;
    padding: 0 0 6px 30px;
}

#content ol li {
    list-style-type: decimal;
    list-style-position: outside;
    padding: 0 0 6px 8px;
}

/* Content half width */

.content-half-width {
    width: 64.807692307692%;
}

/* Content half width > 2 columns */

.content-half-width .column2 {
    width: 45.40059347181%;
    margin-right: 9.19881305638%;
}

/* Content half width > 3 columns */

.content-half-width .column3 {
    width: 27.299703264095%;
    margin-right: 9.19881305638%;
}

/* Content half width > Last column in row */

.content-half-width .last {
    margin-right: 0; /* Zero right margin */
}

/* Content full width + Columns + Bottom info */

.content-full-width,
.columns, #bottom-info {
    width: 100%;
}

/* Content full width > 2 columns */

.content-full-width .column2,
.columns .column2,
#bottom-info .column2 {
    width: 47.115384615385%;
    margin-right: 5.769230769231%;
}

#bottom-info .column2.column-full-width {
    width: 100%;
    margin-right: 0;
}

/* Content full width > 3 columns */

.content-full-width .column3,
.columns .column3,
#bottom-info .column3 {
    width: 29.423076923077%;
    margin-right: 5.769230769231%;
}

/* Content full width > 4 columns */

.content-full-width .column4,
.columns .column4,
#bottom-info .column4 {
    width: 20.673076923077%;
    margin-right: 5.769230769231%;
}

/* Content half width > Last column in row */

.content-full-width .last,
.columns .last,
#bottom-info .last {
    margin-right: 0; /* Zero right margin */
}

#page .columns,
.page .columns {
    margin: 0;
    display: block;
}

#page .columns .caption-image,
.page .columns .caption-image {
    width: 100%;
    display: block;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 30px 0;
}

#page .columns .caption-image:hover a,
.page .columns .caption-image:hover a {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}

#page .columns .caption-image a,
.page .columns .caption-image a {
    display: block;
}

#page .columns .caption-image img,
.page .columns .caption-image img {
    max-width: 306px;
    max-height: 203px;
    display: block;
    padding: 0;
    margin: 0; border: none;
    z-index: 1;
}

#page .columns .caption-image .overlay-link,
.page .columns .caption-image .overlay-link {
    width: 100%;
    height: auto;
    text-decoration: none;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    left: 0; bottom: 0;
    z-index: 10;
}

#page .columns .caption-image .overlay-link span,
.page .columns .caption-image .overlay-link span {
    background: rgba(24, 24, 24, 0.8);
    width: 80.392156862745%;
    font-size: 1.063em;
    color: #fff;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 9.803921568627%;
    padding-right: 9.803921568627%;
    margin: 0;
    display: block;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#page .columns .caption-image .overlay-link strong,
.page .columns .caption-image .overlay-link strong {
    color: #f1c40f;
}

#page .columns .caption-image-desc,
.page .columns .caption-image-desc {
    padding: 0 0 30px 0;
}

#page .columns .caption-image-desc p,
.page .columns .caption-image-desc p {
    margin: 0 0 20px 0;
}

#page .columns .caption-image a.overlay-link-video,
.page .columns .caption-image a.overlay-link-video {
    background: url(../img/video-button.png) center center no-repeat;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0; left: 0;
    z-index: 10;
}

/* Bottom info - Text above footer */

#bottom-info {
    background: #eff7fd;
    padding: 60px 0 30px 0;
}

#bottom-info p.feedback span {
    color: #2980b9;
    font-style: italic;
    padding: 12px 0 0 0;
    display: block;
}

#bottom-info p a {text-decoration: none;}
#bottom-info p a:hover {text-decoration: underline;}

#bottom-info .related-course {
    clear: both;
    margin: 0 0 30px 0;
}

#bottom-info .column2.column-full-width .related-course {
    width: 47.115384615385%;
    margin-left: 5.769230769231%;
    clear: none;
    float: left;
}

#bottom-info .column2.column-full-width .related-course:nth-child(even) {
    margin-left: 0;
}

#bottom-info .related-course img {
    max-width: 160px;
    max-height: 106px;
    float: left;
}

#bottom-info .related-course img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}

#bottom-info .related-course h1,
#bottom-info .related-course h2,
#bottom-info .related-course h3,
#bottom-info .related-course h4,
#bottom-info .related-course h5,
#bottom-info .related-course h6,
#bottom-info .related-course h1 a,
#bottom-info .related-course h2 a,
#bottom-info .related-course h3 a,
#bottom-info .related-course h4 a,
#bottom-info .related-course h5 a,
#bottom-info .related-course h6 a {
    font-size: 1.063em;
    color: #2980b9;
    text-decoration: none;
    padding: 3px 0 12px 0;
}

#bottom-info .related-course h1 a:hover,
#bottom-info .related-course h2 a:hover,
#bottom-info .related-course h3 a:hover,
#bottom-info .related-course h4 a:hover,
#bottom-info .related-course h5 a:hover,
#bottom-info .related-course h6 a:hover {
    color: #388ec6;
}

.button,
#bottom-info .button,
#page .instructor-profile .button,
.page .instructor-profile .button,
#page .caption-image-desc .button,
.page .caption-image-desc .button,
.course-output-preview .button {
    height: 26px;
    line-height: 26px;
    font-size: 0.875em;
    border: 2px solid #aed0e7;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    float: right;
    transition: border 0.2s;
    -moz-transition: border 0.2s; /* Firefox 4 */
    -webkit-transition: border 0.2s; /* Safari and Chrome */
    -o-transition: border 0.2s; /* Opera */
}

.button:hover,
#bottom-info .button:hover,
#page .instructor-profile .button:hover,
.page .instructor-profile .button:hover,
#page .caption-image-desc .button:hover,
.page .caption-image-desc .button:hover,
.course-output-preview .button:hover {
    border: 2px solid #2980b9;
}

#page .instructor-profile .button,
.page .instructor-profile .button,
.course-output-preview .button {
    margin: 0 0 30px 0;
}

#page .caption-image-desc .button,
.page .caption-image-desc .button {
    float: none;
    display: inline-block;
}

#bottom-info .button {
    margin: 0 0 0 10px;
}

/* Course preview */

#content .course-preview {
    background: #181818;
    width: 100%;
    margin: 0 0 60px 0;
}

#content .course-preview:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
    filter: alpha(opacity=92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
}

#content .course-preview img {
    max-width: 100%;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
}

#content .course-preview p {
    background: #181818;
    width: 91.097922848665%;
    font-size: 1.125em;
    color: #fff;
    text-align: left;
    padding: 14px 4.451038575668% 20px 4.451038575668%;
    margin: 0;
    display: block;
}

#content .course-preview p a {
    color: #fff;
    text-decoration: none;
}

#content .course-preview p .grouping {
    display: block;
    margin-bottom: 2px;
}

#content .course-preview p .date {
    font-size: 0.778em;
    color: #7a7a7a;
    margin: 0 0 4px 0;
    display: block;
}

#content .course-preview p strong {
    line-height: 30px;
    font-size: 1.334em;
    color: #f1c40f;
    margin: 0 0 1px 0;
    display: block;
}

/* Course output preview (same styles for Search results) */

.course-output-preview h1,
.course-output-preview h2,
.course-output-preview h3,
.course-output-preview h4,
.course-output-preview h5,
.course-output-preview h6,
.course-output-preview h1 a,
.course-output-preview h2 a,
.course-output-preview h3 a,
.course-output-preview h4 a,
.course-output-preview h5 a,
.course-output-preview h6 a {
    font-size: 1.087em;
    color: #2980b9;
    text-decoration: none;
    padding: 0;
    margin: 0;
    display: block;
}

.course-output-preview h1 a:hover,
.course-output-preview h2 a:hover,
.course-output-preview h3 a:hover,
.course-output-preview h4 a:hover,
.course-output-preview h5 a:hover,
.course-output-preview h6 a:hover {
    color: #388ec6;
}

.course-output-preview h1 span,
.course-output-preview h2 span,
.course-output-preview h3 span,
.course-output-preview h4 span,
.course-output-preview h5 span,
.course-output-preview h6 span,
.course-output-preview h1 a span,
.course-output-preview h2 a span,
.course-output-preview h3 a span,
.course-output-preview h4 a span,
.course-output-preview h5 a span,
.course-output-preview h6 a span {
    color: #111;
}

.course-output-preview h1 a:hover span,
.course-output-preview h2 a:hover span,
.course-output-preview h3 a:hover span,
.course-output-preview h4 a:hover span,
.course-output-preview h5 a:hover span,
.course-output-preview h6 a:hover span {
    color: #333;
}

#content .course-output-preview img {
    max-width: 160px;
    margin: 0 30px 30px 0;
    float: left;
}

#content .course-output-preview img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}

.blog-archive-desc,
.course-output-author {
    font-style: italic;
    color: #7a7a7a;
    margin: 0 0 10px 0;
    display: block;
}

.course-output-author {
  margin-top: 4px;
}

.blog-archive-desc a {
    color: #7a7a7a;
    text-decoration: none;
}

.blog-archive-desc a:hover {
    text-decoration: underline;
}

.course-output-preview p {
    margin: 0 0 17px 0;
}

/* Pagination */

ul.page-numbers,
#content ul.page-numbers {
    padding: 0;
    margin: 30px 0 37px 0;
    float: right;
    clear: both;
}

ul.page-numbers li,
#content ul.page-numbers li {
    background: none;
    font-size: 14px;
    color: #2980b9;
    padding: 0;
    margin: 0 0 8px 8px;
    float: left;
}

ul.page-numbers li:first-child,
#content ul.page-numbers li:first-child {
    margin-left: 0;
}

ul.page-numbers li a,
#content ul.page-numbers li a,
ul.page-numbers li span,
#content ul.page-numbers li span {
    background: #eff7fd;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    line-height: 40px;
    color: #2980b9;
    text-decoration: none;
    text-align: center;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.page-numbers li span.dots,
#content ul.page-numbers li span.dots {
    background: #fff;
}

ul.page-numbers li a:hover,
#content ul.page-numbers li a:hover,
#content ul.page-numbers li span.current {
    background: #2980b9;
    color: #fff;
}

ul.page-numbers li a.prev,
#content ul.page-numbers li a.prev,
ul.page-numbers li a.next,
#content ul.page-numbers li a.next {
    background: #fff;
    height: 36px;
    line-height: 36px;
    max-width: 300px;
    border: 2px solid #b9d5e8;
    padding: 0 16px;
    transition: border 0.2s;
    -moz-transition: border 0.2s; /* Firefox 4 */
    -webkit-transition: border 0.2s; /* Safari and Chrome */
    -o-transition: border 0.2s; /* Opera */
}

ul.page-numbers li a.prev:hover,
#content ul.page-numbers li a.prev:hover,
ul.page-numbers li a.next:hover,
#content ul.page-numbers li a.next:hover {
    color: #2980b9;
    border: 2px solid #2980b9;
}

/* E-learning icon */

.elearning-icon {
    background: url(../img/elearning-icon.png) 0 0 no-repeat; /* Fallback */
    background: url(../img/elearning-icon.svg) 0 0 no-repeat;
    display: block;
    float: left;
}

.elearning-icon-24 {
    width: 24px;
    height: 24px;
    margin: 8px 14px 0 0;
}

.elearning-icon-48 {
    background: url(../img/elearning-icon-48.png) 0 0 no-repeat; /* Fallback */
    background: url(../img/elearning-icon.svg) 0 0 no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    margin: 1px 14px 14px 0;
}

/* E-learning icon > Icon on special pages */

.course-preview .elearning-icon-24 {
    margin: 2px 10px 0 1px;
}

.related-course .elearning-icon-24 {
    margin: -3px 14px 0 0;
}

/* E-learning category page logos */

#content .elearning-logos img {
  max-width: 204px;
  margin-right: 30px;
  float: left;
}

#content .elearning-logos img.last {
  margin-right: 0;
}

.elearning-logos-2 {
  margin-bottom: 30px;
}

.callout-box {
    background: #efefef;
    padding: 30px 30px 0 30px;
    margin: 0 0 30px 0;
    overflow: hidden;
}

.callout-box2 {
    padding: 30px 30px 0 30px;
    margin: 0 0 45px 0;
    overflow: hidden;
    background: #eff7fd;
    font-size: 18px;
    color: #2980b9;
}

/* Tables */

table {
    margin-bottom: 40px;
}

tr {
    border-bottom: 1px solid #add0e8;
}

td,
th {
    background: #fbfdff;
    text-align: left;
    padding: 20px 2em;
}

tr:nth-child(even) td {
    background: #fff;
}

th {
    background: #eff7fd;
    color: #1f81bb;
}

/* Canceled course */

.canceled {
    color: #7a7a7a;
}

.cancel-icon {
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #f1c40f;
    text-align: center;
    margin: 0 10px 0 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-weight: bold;
    border: 2px solid #f1c40f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Footer */

#footer {
    background: #181818;
    color: #7a7a7a;
    padding: 60px 0 30px 0;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4 {
    line-height: 24px;
    font-size: 1.188em;
    color: #7a7a7a;
    padding: 0 0 15px 0;
}

#footer .column {
    width: 29.423076923077%;
    margin-right: 5.769230769231%;
}

/* Footer > Navigation */

#footer .footer-nav {
    width: 57.692307692308%;
    padding: 0;
}

#footer .footer-nav ul li {
    font-size: 0.813em;
    color: #fff;
    padding: 0 38px 0 0;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    float: left;
}

#footer .footer-nav ul li:last-child {
    padding: 0;
}

#footer .footer-nav ul li a {
    color: #fff;
    padding: 0 0 4px 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #181818;
    float: left;
}

#footer .footer-nav ul li a:hover,
#footer .footer-nav ul li.current_page_item a,
#footer .footer-nav ul li.current-menu-item a {
    border-bottom: 1px solid #646464;
}

/* Footer > Navigation > Dropdown */

#footer .footer-nav ul li ul {
    display: none;
}

/* Footer > Subscribe form */

#footer form#footer-subscribe {
    max-width: 306px;
    margin-bottom: 30px;
}

#footer form#footer-subscribe input {
    background: #3a3a3a;
    min-width: 100px;
    width: 52.287581699346%;
    height: 40px;
    line-height: 40px;
    color: #7a7a7a;
    padding: 0 5.882352941176%;
    margin: 0 6px 12px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    -webkit-appearance: none;
}

#footer form#footer-subscribe input.submit {
    background: #f1c40f;
    min-width: 60px;
    width: 32.679738562092%;
    height: 40px;
    color: #6e4e00;
    padding: 0;
    margin: 0 0 12px 0;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    -moz-transition: background 0.2s; /* Firefox 4 */
    -webkit-transition: background 0.2s; /* Safari and Chrome */
    -o-transition: background 0.2s; /* Opera */
}

#footer form#footer-subscribe input.submit:hover {
    background: #fccf1b;
}

/* Footer > Subscribe form > Messages */

#footer p.form-message {
    width: 80.392156862745%;
    font-size: 14px;
    text-align: left;
    padding-left: 9.803921568627%;
    padding-right: 9.803921568627%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 0 12px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#footer p.sent {
    background: #dff0d8;
    color: #326b31;
}

#footer p.error {
    background: #f5dede;
    color: #a93538;
}

#footer p.copyright {
    font-size: 0.813em;
    text-align: center;
}

/* Mobile navigation - theme specific properties */

/* Container for whole mobile navigation */

#aq24-mob-nav {
    background: #181818;
    color: #fff;
}

/* Icon and text */

#aq24-mob-nav-button {
    padding: 0 5%;
}

.aq24-icon {
    width: 40px;
    margin: 0 0 0 -6px;
    padding: 0;
    line-height: 40px;
    font-size: 40px;
}

.aq24-label {
    padding: 0 4px;
    line-height: 40px;
    font-size: 0.875em;
    text-transform: uppercase;
}

/* Icon and text when menu is opened */

#aq24-mob-nav-button.active {
    color: #7a7a7a;
}

/* Container for primary and secondary nav lists */

#aq24-mob-nav-links li a {
    text-decoration: none;
    display: block;
}

#aq24-mob-nav-links ul {
    margin: 0;
    text-align: left;
}

/* Labels for mobile menus */

.aq24-mob-nav-label-0,
.aq24-mob-nav-label-1 {
    font-size: 1em;
    color: #7a7a7a;
    text-align: center;
    padding: 0 0 10px 0;
}

/* Primary navigation list - top-level ul element */

.aq24-mob-nav-0 {
    padding: 0 0 40px 0;
}

.aq24-mob-nav-0 li {
    font-size: 0.813em;
    text-transform: uppercase;
    padding: 0;
}

.aq24-mob-nav-0 li a {
    background: #2980b9;
    color: #fff;
    border-bottom: 1px solid #368dc6;
    padding: 10px 5%;
}

.aq24-mob-nav-0 ul li {
    font-size: 1em;
}

.aq24-mob-nav-0 ul li a {
    background: #1a6799;
    color: #eff7fd;
    padding: 10px 5% 10px 8%;
}

.aq24-mob-nav-0 ul {
    padding: 0;
}

.aq24-mob-nav-0 .current ul li a {
    background: #1a6799;
    border-bottom: 1px solid #368dc6;
}

.aq24-mob-nav-0 .current a,
.aq24-mob-nav-0 li a:hover,
.aq24-mob-nav-0 .current ul li a:hover {
    background: #333;
    color: #fff;
    border-bottom: 1px solid #333;
}

/* Secondary navigation list- top-level ul element */

.aq24-mob-nav-1 {
    padding: 0 0 40px 0;
}

.aq24-mob-nav-1 li {
    font-size: 0.938em;
    padding: 0;
}

.aq24-mob-nav-1 li a {
    background: #eff7fd;
    border-bottom: 1px solid #dcebf6;
    padding: 10px 5%;
}

.aq24-mob-nav-1 .current a,
.aq24-mob-nav-1 li a:hover  {
    background: #333;
    color: #fff;
    border-bottom: 1px solid #333;
}

/* Responsive part */

/* Responsive part > More then 1400px width */

@media screen and (min-width: 1400px) {

    body {background: #eee;} /* Grey background when page is wider then 1400px */

    #header,
    #bottom-info,
    #footer {
        width: 1400px;
        margin: 0 auto;
    }

    #slides .slidesjs-previous {
        left: 180px;
    }

    #slides .slidesjs-next {
        right: 180px;
    }

    #page,
    .page {
        background: #fff;
        width: 1040px;
        padding: 60px 180px 0 180px;
    }

}

/* Responsive part > Less then 1040px width */

@media screen and (max-width: 1040px) {

    .flip-counter {
        min-width: 110px;
        left: 5%;
        top: 40px;
    }

    .flip-counter span {
        height: 44px;
        line-height: 44px;
        font-size: 18px;
    }

    .flip-counter span.count {
        height: 32px;
        line-height: 32px;
        font-size: 54px;
    }

    .flip-counter span.counter-separator {
        top: 60px;
    }

    .flip-counter span.counter-block {
        top: 50px;
    }

    #header h1 {
        height: 51px;
        line-height: 51px;
        font-size: 1.375em;
    }

    #header h1 img {
        max-width: 51px;
        margin: 0 12px 0 0;
    }

    #slides .slide p {
        line-height: 32px;
        font-size: 1.500em;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #slides .slide p strong {
        font-size: 1.32em;
    }

    #slides .slidesjs-previous {
        left: 5%; bottom: 44px;
    }

    #slides .slidesjs-next {
        right: 5%; bottom: 44px;
    }

    .inner-block,
    #page,
    .page {
        width: 90%;
        padding: 5% 5% 0 5%;
    }

    #main-video #video-container {
        max-width: 90%;
        padding: 30px 5%;
    }

    #header,
    #footer {
        padding: 0 0 0.2% 0;
    }

    #header h1 {
        padding: 0;
        margin: 0 0 24px 0;
    }

    #page .columns .caption-image .overlay-link span,
    .page .columns .caption-image .overlay-link span {
        font-size: 1.069em;
        bottom: 7px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    #bottom-info .related-course img {
        max-width: 144px;
    }

    h1,
    h2 {
        line-height: 45px;
        font-size: 2.813em;
    }

    #page p.quote,
    .page p.quote {
        line-height: 45px;
        font-size: 2.250em;
    }

    #page .instructor-profile p,
    .page .instructor-profile p {
        text-align: left;
    }

    #page .instructor-profile img,
    .page .instructor-profile img {
        max-width: 144px;
    }

    #page .instructor-detail img,
    .page .instructor-detail img {
        max-width: 288px;
    }

    #footer h1,
    #footer h2,
    #footer h3,
    #footer h4 {
        font-size: 1.000em;
    }

    #footer form#footer-subscribe input {
        font-size: 82%;
    }

}

@media screen and (max-width: 870px) {

    #page .columns .caption-image img,
    .page .columns .caption-image img {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    #page .columns .caption-image .overlay-link,
    .page .columns .caption-image .overlay-link {
        position: relative;
        top: -1px;
    }

    #page .columns .caption-image .overlay-link span,
    .page .columns .caption-image .overlay-link span {
        background: rgba(24, 24, 24, 1);
    }

    #page .columns .caption-image-desc,
    .page .columns .caption-image-desc {
    margin-top: -1px;
}

    #bottom-info .column2.column-full-width .related-course {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #footer form#footer-subscribe input {
        width: 88.235294117647%;
    }

    #footer form#footer-subscribe input.submit {
        width: 100px;
    }

}

/* Responsive part > Less then 680px width */

@media screen and (max-width: 680px) {

    .flip-counter {
        display: none;
    }

    #header h1 {
        width: 100%;
    }

    #header ul.social {margin: 0 0 12px 0;}

    #header #searchform {
        width: 40%;
        padding: 0;
        margin: 0 0 24px 0;
        float: left;
    }

    #header #searchform input {
        width: 68%;
        padding: 0 8%;
    }

    #nav,
    .footer-nav,
    #secondary-nav {
      display: block;
    }

    .lang-nav {
        margin-top: 0;
        margin-left: 20px;
        padding-left: 20px;
    }

    #aq24-mob-nav {
      display: block;
    }

    #slides .slide p {
        line-height: 28px;
        font-size: 1.250em;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #slides .slidesjs-previous {
        bottom: 28px;
    }

    #slides .slidesjs-next {
        bottom: 28px;
    }

    #page .columns .caption-image .overlay-link span,
    .page .columns .caption-image .overlay-link span {
        font-size: 0.950em;
    }

    #content {
      min-height: 200px;
    }

    #content img.alignleft,
    #content img.alignright,
    #content .wp-caption.alignleft,
    #content .wp-caption.alignright{
        max-width: 206px;
    }

    .columns .column3 {width: 40%;}

    .share-this-course {display: none;}

    #bottom-info .column2,
    #footer .column,
    .content-half-width .column2,
    #bottom-info .column3,
    .content-half-width .column3 {
        width: 100%;
        margin-right: 0;
    }

    .elearning-logos-2 {
      margin-bottom: 10px;
    }

    .elearning-icon-48 {
        background-size: 36px 36px;
        width: 36px;
        height: 36px;
        margin: 2px 14px 14px 0;
    }

    #content .course-preview {
        margin: 0 0 40px 0;
    }

    .course-output-preview h1,
    .course-output-preview h2,
    .course-output-preview h3,
    .course-output-preview h4,
    .course-output-preview h5,
    .course-output-preview h6,
    .course-output-preview h1 a,
    .course-output-preview h2 a,
    .course-output-preview h3 a,
    .course-output-preview h4 a,
    .course-output-preview h5 a,
    .course-output-preview h6 a {
        padding: 0 0 8px 0;
    }

    #sidebar,
    .content-half-width {
        width: 100%;
    }

    #sidebar ul#secondary-nav li a {
        width: 80.392156862745%;
    }

    h1,
    h2 {
        line-height: 40px;
        font-size: 2.500em;
    }

    h3 {
        line-height: 24px;
        font-size: 1.500em;
    }

    h4 {
        line-height: 21px;
        font-size: 1.313em;
    }

    h5 {
        line-height: 18px;
        font-size: 1.125em;
    }

    h6 {
        line-height: 15px;
        font-size: 0.938em;
    }

    #page p.quote,
    .page p.quote {
        line-height: 40px;
        font-size: 2.000em;
    }

    #page .instructor-profile img,
    .page .instructor-profile img {
        max-width: 128px;
    }

    #page .instructor-detail img,
    .page .instructor-detail img {
        max-width: 256px;
    }

    #bottom-info .related-course img {
        max-width: 128px;
    }

    #footer .footer-nav {
        padding: 0;
    }

    table {
        width: 100%;
    }

    tr {
        border-left: 1px solid #add0e8;
        border-right: 1px solid #add0e8;
        padding: 20px;
        display: block;
    }

    tr:nth-child(even) {
        background: #eff7fd;
    }

    tr:first-child {
        border-top: 1px solid #add0e8;
    }

    thead,
    thead tr,
    th {
        display: none;
    }

    td {
        background: transparent !important;
        padding: 0;
        display: block;
    }

    table.with-headers td:before {
        content: attr(data-th)": ";
        font-weight: bold;
    }

}

/* Responsive part > Less then 480px width */

@media screen and (max-width: 480px) {

    #header #searchform {
        width: 100%;
    }

    .columns .column3 {
        width: 100%;
        max-width: 306px;
    }

    h1,
    h2 {
        line-height: 35px;
        font-size: 2.188em;
    }

    #slides .slide p {
        line-height: 24px;
        font-size: 1.125em;
    }

    #slides .slide p span {
      display: none;
    }

    #page p.quote {
        line-height: 35px;
        font-size: 1.750em;
    }

    #slides .slidesjs-previous {
        bottom: 40px;
    }

    #page .instructor-profile img {
        max-width: 112px;
    }

    #slides .slidesjs-next {
        bottom: 40px;
    }

    #page .instructor-detail img {
        max-width: 224px;
    }

    #page p.quote,
    .page p.quote {
        line-height: 35px;
        font-size: 1.750em;
    }

    ul.page-numbers,
    #content ul.page-numbers {
        margin: 20px 0 17px 0;
    }

    #page .instructor-profile img,
    .page .instructor-profile img {
        max-width: 112px;
    }

    ul.page-numbers li a,
    #content ul.page-numbers li a,
    ul.page-numbers li span,
    #content ul.page-numbers li span,
    ul.page-numbers li {
        display: none;
    }

    #page .instructor-detail img,
    .page .instructor-detail img {
        max-width: 224px;
    }

    ul.page-numbers li a.prev,
    ul.page-numbers li a.next,
    #content ul.page-numbers li a.prev,
    #content ul.page-numbers li a.next,
    ul.page-numbers li.number-prev,
    ul.page-numbers li.number-next {
        display: block;
    }

    #bottom-info .related-course img {
        max-width: 112px;
    }

    .elearning-icon-48 {
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
        margin: 2px 14px 14px 0;
    }

}

/* Responsive part > Less then 400px width */

@media screen and (max-width: 400px) {

    #content img.alignleft,
    #content img.alignright,
    #content .wp-caption.alignleft,
    #content .wp-caption.alignright{
        max-width: 306px;
        margin-left: 0;
        margin-right: 0;
        display: block;
        float: none;
    }

    #page .instructor-profile img,
    .page .instructor-profile img {
        max-width: 112px;
    }

    #page .instructor-detail img,
    .page .instructor-detail img {
        max-width: 224px;
    }

}
/*--------------------------------------------------------------
## >= 1024px
--------------------------------------------------------------*/
@media screen and (min-width: 64em) {
  .menu-toggle-wrapper,
  .dropdown-toggle,
  .site-header-menu.toggled-on .mobile-search-wrapper {
    display: none;
  }

  .site-search {
    display: block;
  }

    .main-navigation .menu-item-has-children > a,
  .main-navigation .page_item_has_children > a {
    padding-right: 14px;
  }

  .main-navigation .menu-item-has-children li > a,
  .main-navigation .page_item_has_children li > a {
    padding-right: 14px;
  }

  .main-navigation .menu-item-has-children > a:after,
  .main-navigation .page_item_has_children > a:after {
    content: "\f0d7";
    padding-left: 13px;
  }

  .main-navigation ul {
    border-top: none;
    display: block;
    text-align: center;
  }

  .main-navigation li {
    border-top: none;
    display: inline-block;
  }

  .main-navigation ul ul {
    background-color: #000;
    float: left;
    padding: 4px 0;
    position: absolute;
    top: 40px;
    left: -999em;
    width: 266px;
    z-index: 99999;
  }

  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
  }

  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto;
  }
}