@charset "utf-8";

/*
Theme Name: Academy
Theme URI: http://themextemplates.com/demo/academy
License: GNU General Public License and Themeforest License
License URI: http://themeforest.net/licenses/regular_extended
Description: Learning Management WordPress Theme.
Author: Themex
Author URI: http://www.themeforest.net/user/themex/
Version: 2.6.20170828
Tags: learning, teaching, education, studying, tutoring
*/

/*--------------------CSS Structure-------------------

1. RESET/GLOBAL
    Global Styles
    Form Elements
    Misc Styles

2. CUSTOM ELEMENTS
    Buttons
    Forms
    Images
    Lists
    Player
    Substrate
    Tabs
    Toggles
    Tooltips
    Google Map

3. LAYOUT
    Columns
    Header
      - Dropdown Menu
      - Select Menu
      - Search Form
      - Login Form
      - Share Tooltip
      - Social Links
    Content
    Footer

4. PAGES
    Course
      - Preview
      - Listing
      - Plan
      - Certificate
    Lesson
      - Listing
      - Questions
      - Quizzes
    Blog
      - Post
      - Comments
      - Pagination
    Users
      - Profile
      - Experts
      - Testimonials

5. SLIDERS
    Parallax Slider
    Boxed Slider

5. WIDGETS
6. WOOCOMMERCE
7. RESPONSIVE STYLES
8. CSS3 EFFECTS
9. IE FIXES

------------------------------------------------*/

/* ============================== RESET/NORMALIZE =========================== */

body {
  position:relative;
    background:#fff;
    color:#0083be;
  letter-spacing:0;
    font-weight:normal;
    font-style:normal;
    font-size:14px;
    font-family:dinregular, Open Sans, Helvetica, Arial, sans-serif;
    line-height:1.5;
}

html,
body {
  height:100%;
}

fieldset,
a img {
    border:none;
}

a {
  outline:none;
    color:#5ea5d7;
    text-decoration:none;
    line-height:inherit;
}

a:focus,
a:hover {
  outline:none;
    color:#5ea5d7;
}

::-moz-selection {  background-color: #f3715d; color: #fff; }
::selection      {  background-color: #f3715d; color: #fff; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color:#0083be;
  position: relative;
z-index: 2;
}

figure {
    margin:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
    margin:0;
    padding:0;
    direction:ltr;
}

p {
    margin-bottom:1em;
    font-weight:normal;
    font-family:inherit;
    line-height:inherit;
}

p:last-child {
  margin-bottom:0;
}

h1 + p {
  margin-top:-0.5em;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    font-weight:normal;
    font-style:normal;
    font-family:Crete Round, Arial, Helvetica, sans-serif;
  line-height:1.3em;
  color:#0083be;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin:-5px 12px 0 0!important;
  vertical-align:middle;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color:#6f6f6f;
    font-size:60%;
    line-height:0;
}

h1 {
  margin-bottom:0.7em;
    font-size:3.0em;
}

h2 {
  margin-bottom:0.7em;
    font-size:2.0em;
}

h3 {
  margin-bottom:0.7em;
    font-size:1.4em;
}

h4 {
  margin-bottom:0.4em;
    font-size:1.3em;
}

h5 {
  margin-bottom:0.7em;
    font-size:1.25em;
}

h6 {
  margin-bottom:0.7em;
    font-size:1em;
}

hr {
    clear:both;
    margin:22px 0 21px;
    height:0;
    border:solid #ddd;
    border-width:1px 0 0;
}

em, i {
    font-style:italic;
    line-height:inherit;
}

strong, b {
    font-weight:bold;
    line-height:inherit;
}

small {
    font-size:80%;
    line-height:inherit;
}

code {
    background:#ffff99;
    font-weight:bold;
}

u, ins {
  text-decoration:none;
}

img, object, embed, iframe {
    max-width:100%;
}

img {
  height:auto;
}

object, embed {
    height:100%;
}

blockquote,
blockquote p {
    color:#6f6f6f;
    line-height:1.5;
}

blockquote {
    margin:0 0 17px;
    padding:9px 20px 9px 19px;
    border-left:1px solid #ddd;
}

blockquote cite {
    display:block;
    color:#555555;
    font-size:13px;
}

blockquote cite a, blockquote cite a:visited {
    color:#555555;
}

abbr, acronym {
    border-bottom:1px solid #ddd;
    color:#333;
    text-transform:uppercase;
    font-size:90%;
    cursor:help;
}

abbr {
    text-transform:none;
}

table {
  width:100%;
  border:1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
  border-right-width:0;
  border-bottom-width:0;
}

thead {
  color:#555;
  font-size:1em;
}

th,td {
  padding:0.5em 10px;
  border:1px solid #ddd;
  border-top-width:0;
  border-left-width:0;
}

td, th {
  text-align:left;
}

address {
  color:#555;
  font-style:italic;
  font-size:1em;
  line-height:1.7em;
}

/*------------------------- Form Elements  -------------------------*/

::-webkit-input-placeholder {
   color: #eee;
}

:-moz-placeholder { /* Firefox 18- */
   color: #eee;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #eee;
}

:-ms-input-placeholder {
   color: #eee;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
  display:block;
  margin:0 0 1em 0;
  padding:0.5em 9px;
  width:auto;
  outline:none;
  border:0px solid #D4D4D4;
  background:#fff;
  color:#333;
  font-size:1em;
  font-family:Open Sans, Arial, Helvetica, sans-serif;
}

input[type="submit"],
input[type="button"] {
  margin:0;
  border:0;
  background:none;
}

input:focus,
select:focus,
textarea:focus {
  outline:none;
}

textarea {
  resize:none;
}

/*----------------------------- Misc ----------------------------*/

.clear {
  clear:both;
}

.clearfix {
  display:block;
}

.clearfix:after {
  display:table;
  clear:both;
  content:" ";
}

.left {
    float:left;
}

.right {
    float:right;
}

.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.text-center {
    text-align:center;
}

.hidden {
    display:none;
}

.hidden-wrap {
  overflow:hidden;
}

.shifted {
  position:absolute;
  left:-9999px;
}

.visible {
  visibility:visible;
  opacity:1!important;
}

.highlight {
    background:#ffff99;
}

.nomargin {
  margin:0!important;
}

.fullwidth {
  display:block;
  padding:0!important;
  width:100%!important;
  height:auto;
}

.alignnone {
    margin: 0.5em 0 0 0;
}

.alignright {
    float:right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 1em auto;
  text-align:center;
}

.aligncenter * {
  text-align:center;
}

.secondary {
  color:#777;
}

.bypostauthor {
  color:#777;
  font-weight:normal;
}

.sticky {
  padding-bottom:2em;
  border-bottom:1px dotted #ccc;
}

/* ========================== CUSTOM ELEMENTS ========================= */

/*----------------------------- Buttons -----------------------------*/

input[type="submit"],
input[type="button"],
.button {
  position:relative;
  display:inline-block;
  overflow:hidden;
  padding:0.2em 10px 0.3em 10px;
  background:#e37222;
  color:#fff!important;
  text-shadow:0 -1px 0 rgba(0,0,0,0.17);
  white-space:nowrap;
  line-height:1.8em;
  cursor:pointer;
}

.button.secondary {
  background-color:#5ea5d7;
}
.button.yellow {
  background-color: #eea904;
}

.button.dark {
  border-color:rgba(0,0,0,0.2);
  background-color:#3d4e5b;
}

.button.medium {
  padding:0 12px;
  font-size:1.2em;
  line-height:2.4em;
}

.button.large {
  padding:0 18px;
  font-size:1.4em;
  line-height:2.4em;
}

.button:hover:after {
  background-color:rgba(255,255,255,0.05);
}

.button img {
  position:relative;
  display:inline!important;
  margin:-2px 8px 0 0;
  vertical-align:middle;
}

.button.medium img {
  margin:-3px 8px 0 0;
}

.button.large img {
  margin:-4px 10px 0 0;
}

p > .button:first-child {
  margin-top:0.5em;
}

.button-icon {
  position:relative;
  display:inline-block;
  margin:-2px 8px 0 0;
  width:16px;
  height:16px;
  background:url(images/icons/button_icons.png) 0 0 no-repeat;
  vertical-align:middle;
}

.button-icon.upload { width:17px; }
.button-icon.help { height:17px; background-position:0 -90px; }
.button-icon.register { width:13px; height:13px; background-position:0 -31px; }
.button-icon.login { width:8px; height:16px; background-position:0 -73px; }
.button-icon.logout { width:11px; height:13px; background-position:0 -60px; }
.button-icon.save { height:15px; background-position:0 -16px; }
.button-icon.check { height:12px; background-position:0 -109px; }
.button-icon.close { width:15px; background-position:-1px -124px; }
.button-icon.prev { width:9px; background-position:-4px -143px; }
.button-icon.next { width:9px; background-position:-3px -162px; }
.button-icon.plus { width:13px; height:13px; background-position:0 -45px; }
.button-icon.edit { width:15px; background-position:0 -178px; }
.button-icon.facebook { background-position: 0 -195px; }

/*------------------------------ Forms ----------------------------*/

.formatted-form .form-row,
.formatted-form .field-wrapper {
  padding:0 10px;
}

.formatted-form .field-wrapper > * {
  margin-left:-10px;
}

.formatted-form .wp-editor-wrap,
.formatted-form input[type="text"],
.formatted-form input[type="password"],
.formatted-form input[type="number"],
.formatted-form input[type="email"],
.formatted-form .chzn-container,
.formatted-form select,
.formatted-form textarea {
  display:block;
  margin-bottom:1.2em;
  margin-left:-10px;
  width:100%;
}

.formatted-form .wp-editor-wrap,
.formatted-form select {
  margin-left:0;
}

.formatted-form textarea {
  height:7em;
}

.formatted-form  .form-captcha img {
  float:left;
  margin:1px 18px 0 0;
}

.formatted-form  .form-captcha input {
  float:left;
  width:55px;
}

.formatted-form .submit-button,
.formatted-form .facebook-button {
  margin-top:40px;
  float:left;
  margin-right:12px;
  margin-left:-15px;
}

.form-loader {
  display:none;
  float:left;
  margin-top:5px;
  width:20px;
  height:20px;
  background:url(images/loader.gif) 0 0 no-repeat;
}

.form-submit {
  margin:0;
}

.popup {
  position:fixed;
  top:50%;
  right:0;
  left:0;
  z-index:1000;
  display:none;
  width:100%;
  text-align:center;
}

.popup .popup-text {
  position:relative;
  display:inline-block;
  margin:-3em 0 0 0;
  padding:1em 20px;
  background:url(images/bgs/black_80_bg.png);
  color:#fff;
}

/*---------------------------------- Images ---------------------------------*/

.gallery-icon,
.wp-caption,
.bordered-image {
  position:relative;
  overflow:hidden;
  padding:3px;
  max-width:100%;
  border:1px solid #e1e1e1;
  background:#fff;
}

.gallery-icon img,
.wp-caption img,
.bordered-image img {
  display:block;
  width:100%;
  height:auto;
  border-width:0!important;
}

.gallery-item,
.wp-caption {
  position:relative;
  margin-bottom:1em;
}

.bordered-image.thick-border {
  padding:5px;
}

.bordered-image.inner-image + p {
  margin-top:2em;
}

.gallery-item .gallery-caption,
.wp-caption .wp-caption-text,
.bordered-image .caption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:1em 15px;
  background:url(images/bgs/white_80_bg.png);
}

.gallery-item .gallery-caption {
  right:13px;
  bottom:3px;
  left:3px;
}

.gallery-item .gallery-icon {
  margin-right:10px;
}

/*----------------------------- Lists ----------------------------*/

ul, ol {
    margin-bottom:17px;
    list-style-position:inside;
  list-style-type:disc;
    line-height:1.6;
}

ol {
  list-style-type:decimal;
}

li > ul, li > ol {
  margin-top:0.5em;
    margin-bottom:0;
}

li {
  margin-bottom:0.5em;
}

ul:last-child,
ol:last-child,
li:last-child {
  margin-bottom:0;
}

ul.square, ul.circle, ul.disc {
    margin-left:17px;
}

ul.square {
    list-style-type:square;
}

ul.square li ul {
    list-style:inherit;
}

ul.circle {
    list-style-type:circle;
}

ul.circle li ul {
    list-style:inherit;
}

ul.disc {
    list-style-type:disc;
}

ul.disc li ul {
    list-style:inherit;
}

ul.bordered li {
  margin-bottom:0.6em;
  padding-bottom:0.6em;
  padding-left:0;
  border-bottom:1px dotted #d4d4d4;
}

ul.bordered  li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-width:0;
}

ul.checked li {
  margin-bottom:0.5em;
  padding-left:16px;
  background:url(images/bullet_1.png) 0 6px no-repeat;
}

ul.checked,
ul.bordered,
ul.styled-list,
ul.no-bullet {
    list-style:none;
}

ul.styled-list li {
  position:relative;
  margin-bottom:0.6em;
  padding-left:22px;
  color:#555;
}

ul.styled-list li > a {
  color:#333;
}

ul.styled-list li > a:hover {
  color:#5ea5d7;
}

ul.styled-list li:before {
  position:absolute;
  top:2px;
  left:0;
  display:block;
  width:16px;
  height:16px;
  background:#fff;
  content:" ";
}

ul.styled-list.style-2 li:before {
  top:3px;
  background:#fff url(images/bullet_2.png) center 0 no-repeat;
}

ul.styled-list.style-3 li:before {
  background:#fff url(images/bullet_3.png) center 0 no-repeat;
}

ul.styled-list.style-3 li.child:before {
  display:none;
}

ul.styled-list.style-4 li {
  padding-left:30px;
}

ul.styled-list.style-4 li:before {
  top:-1px;
  width:22px;
  height:22px;
  background:#f3715d url(images/icons/attachment_icons.png) -1px -24px no-repeat;
}

ul.styled-list.style-4 li.audio:before {
  background-position:-32px -24px;
}

ul.styled-list.style-4 li.document:before {
  background-position:-60px -24px;
}

ul.styled-list.style-5 li:before {
  top:3px;
  background:#5ea5d7 url(images/icons/twitter_icon.png) center 0 no-repeat;
}

ul.success,
ul.error {
  margin-bottom:0.8em;
  list-style:none;
}

ul.success li,
ul.error li {
  padding-left:13px;
  background:url(images/bullet_4.png) 0 0.6em no-repeat;
}

ul.success li {
  background-image:url(images/bullet_5.png);
}

/*-------------------------------Player---------------------------*/

.jp-container {
  display:none;
  overflow:hidden;
  margin-bottom:2em;
}

.jp-container:last-child {
  margin:0;
}

.jp-gui {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.1);
  background-color:#3d4e5b;
}

.jp-interface {
  position: relative;
  display:table;
  overflow:hidden;
  width:100%;
}

.jp-interface .jp-controls,
.jp-interface .jp-timeline,
.jp-interface .jp-volume {
  display:table-cell;
  vertical-align:top;
}

.jp-controls {
  overflow:hidden;
  padding:1em 15px;
  width:34px;
  border-right:1px solid rgba(0,0,0,0.2);
}

.jp-controls a {
  position:relative;
  display:block;
  overflow:hidden;
  overflow:hidden;
  width:34px;
  height:34px;
  border:1px solid rgba(0,0,0,0.2);
  background:#3d4e5b url(images/icons/player_icons.png) -25px 4px no-repeat;
  text-indent:-9999px;
}

.jp-controls a:after {
  position:absolute;
  top:-1px;
  left:1px;
  display:block;
  width:32px;
  height:1px;
  content:" ";
}

.jp-controls a:before {
  position:absolute;
  top:0;
  bottom:0;
  display:block;
  width:100%;
  height:100%;
  content:" ";
}

.jp-pause {
  display: none;
  background-position:13px 4px!important;
}

.jp-timeline {
  padding:1em 15px;
  border-right:1px solid rgba(0,0,0,0.2);
  border-left:1px solid rgba(255,255,255,0.1);
}

.jp-progress {
  overflow:hidden;
  height:5px;
  border-bottom:1px solid rgba(255,255,255,0.15);
  background:url(images/bgs/black_20_bg.png);
}

.jp-seek-bar {
  width:0px;
  height:100%;
  cursor: pointer;
}

.jp-play-bar {
  width:0px;
  height:100%;
  background: #f3715d;
}

.jp-time-holder,
.jp-title {
  margin-bottom:0.8em;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.2);
  font-size:0.9em;
}

.jp-current-time,
.jp-duration {
  display:inline;
}

.jp-volume {
  overflow:hidden;
  padding:1em 15px;
  width:95px;
  border-left:1px solid rgba(255,255,255,0.1);
}

.jp-mute,
.jp-unmute {
  display:block;
  float:left;
  margin:-5px 0 -3px 0;
  width:16px;
  height:16px;
  background:url(images/icons/player_icons.png) -73px -5px no-repeat;
  text-indent:-9999px;
}

.jp-unmute {
  background-position:-112px -5px;
}

.jp-volume-bar {
  float:left;
  overflow:hidden;
  margin-left:7px;
  width:72px;
  height:5px;
  border-bottom:1px solid rgba(255,255,255,0.15);
  background: url(images/bgs/black_20_bg.png);
  cursor: pointer;
}

.jp-volume-bar-value {
  width:0px;
  height:100%;
  background: #f3715d;
}

.jp-jplayer-wrap {
  position:relative;
  overflow:hidden;
  width:100%;
}

.jp-video-play {
  position:absolute;
  top:0;
  bottom:0;
  overflow:hidden;
  width:100%;
  background-color:transparent;
  cursor:pointer;
}

.jp-video-play-icon {
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  overflow:hidden;
  margin-top:-25px;
  margin-left:-25px;
  width: 50px;
  height: 50px;
  background: #3d4e5b url(images/icons/player_icons.png) -128px 12px no-repeat;
}

.jp-video-play-icon:before {
  position:absolute;
  top:0;
  bottom:0;
  display:block;
  width:100%;
  height:100%;
  content:" ";
}

.jp-jplayer {
  width:auto!important;
  height:auto!important;
  border:1px solid #3d4e5b;
  border-bottom-width:0;
}

.jp-no-solution,
.jp-audio .jp-jplayer {
  position:absolute;
  left:-9999px;
}

.jp-video .jp-jplayer-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 54.5%;
  height: 0;
}

.jp-jplayer audio {
  width:100%!important;
  height:0px;
}

.jp-video video,
.jp-video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
  background:#000;
}

.jp-screen-option {
  display:block;
  float:left;
  overflow:hidden;
  width: 15px;
  height: 16px;
  background: url(images/icons/player_icons.png) -184px -4px no-repeat;
}

.jp-restore-screen {
  background-position:-219px -4px;
}

.jp-video-full {
  position:fixed;
  top:0;
  left:0;
  z-index:1000;
  width:100%;
  height:100%;
  background:#000;
}

.jp-video-full .jp-gui {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  width:100%;
}

.fullscreen-video .site-wrap {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
  width:100%;
  height:100%;
}

.fullscreen-video .site-header,
.fullscreen-video .site-footer {
  display:none;
}

/*--------------------------- Substrate --------------------------*/

.substrate {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  overflow:hidden;
  width:100%;
}

.substrate img {
  display:block;
  width:100%;
  height:auto;
}

.featured-content .substrate:after {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  display:block;
  background:url(images/bgs/substrate_bg.png);
  content:" ";
}

/*--------------------------------- Tabs -------------------------------*/

.tabs-container .tabs{
  position:relative;
  z-index:9;
  margin:0;
  list-style:none;
}

.tabs-container .tabs ul {
  display:block;
  list-style:none;
}

.tabs-container .panes{
  position:relative;
  z-index:0;
  overflow:hidden;
}

.horizontal-tabs .tabs {
  background-color: #c8d9ec;
}

.horizontal-tabs .tabs li{
  float:left;
  margin:0;
  padding:0;
  background:none;
  color:#666;
  cursor:pointer;
}

.horizontal-tabs .tabs li a,
.horizontal-tabs .tabs li a:hover {
  color:#0083be;
}

.horizontal-tabs .tabs li h5 {
  margin:0;
  padding:6px 20px;
}

.horizontal-tabs .tabs li.current{
  position:relative;
  z-index:1;
  margin-bottom:-5px;
  padding-bottom:5px;
  background:none;
  color:#e37222;
}

.horizontal-tabs .tabs li.current a,
.horizontal-tabs .tabs li.current a:hover {

  color:#e37222;
}

.horizontal-tabs .panes {
  clear:left;
  padding:1em 3.7% 1em 3.7%;
  border-top:2px solid #c8d9ec;
}

.horizontal-tabs .pane {
  display:none;
  overflow:hidden;
  padding:1.4em 20px;
}

.vertical-tabs .tabs {
  margin-right:-1px;
  padding:1em 0;
}

.vertical-tabs .tabs li {
  display:block;
  margin:0 0 -1px 0;
  padding:1em 15px;
  background:none;
  color:#666;
  cursor:pointer;
}

.vertical-tabs .tabs li a,
.vertical-tabs .tabs li a:hover {
  color:#0083be;
}

.vertical-tabs .tabs li.current {
  margin-right:-1px;
  color:#e37222;
}

.vertical-tabs .tabs li.current a,
.vertical-tabs .tabs li.current a:hover {
  color:#e37222;
}

.vertical-tabs .panes {
  padding:1em 0 1em 3.7%;
  border-left:2px solid #c8d9ec;
}

.vertical-tabs .pane {
  display:none;
}

/*---------------------------------- Toggles ----------------------------------*/

.toggles-wrap {
  overflow:hidden;
}

.toggle-container {
  color:#0083be;
  background:#f4f4f4;
}

.toggle-container:last-child {
  border-bottom-width:0;
}

.toggle-title {
  position:relative;
  display:block;
  padding:1em 15px 1em 49px;
  background:#c5d7eb;
  cursor:pointer;
}

.toggle-content {
  display:none;
  padding:1em 15px;
  background:#0083be;
}

.expanded .toggle-content {
  display:block;
}

.toggle-title:hover,
.expanded .toggle-title {
  box-shadow: 0px 4px 8px -2px #666;
  background:#c5d7eb;
}

.faq-toggle .toggle-title:before {
  position:absolute;
  top:0.9em;
  left:15px;
  display:block;
  width:24px;
  height:24px;
  background:#5ea5d7 url(images/icons/toggle_icons.png) 7px 6px no-repeat;
  content:" ";
}

.faq-toggle.expanded {
  color:white;
}
.faq-toggle.expanded .toggle-title:before  {
  background-position:7px -21px;
}

/*------------------------------ Tooltips ----------------------------*/

.tooltip {
  position:relative;
}

.tooltip-wrap {
  position:absolute;
  left:50%;
  z-index:1000;
  display:none;
}

.tooltip-wrap .corner {
  position:relative;
  z-index:100;
  margin-left:-5px;
  width:0;
  height:0;
  border:5px solid transparent;
  border-bottom-color:#fff;
}

.tooltip-text {
  float:left;
  margin-left:-50%;
  padding:1em 15px;
  background:#fff;
  color:#333;
}

.tooltip-text iframe,
.tooltip-text object,
.tooltip-text embed {
  max-width:none;
}

/*------------------------------- Google Map ---------------------------*/

.google-map-container {
  position:relative;
  z-index:99;
  border:1px solid #ddd;
  background:#fff;
}

.google-map-container img {
  max-width:none;
}

/* ================================ LAYOUT =========================== */

/*------------------------------ Columns ---------------------------*/

.row {
    margin:0 auto;
  padding:0 30px;
    width:1140px;
}

.row:before, .row:after {
    display:table;
    content:" ";
}

.row:after {
    clear:both;
}

.row .row {
    min-width:0;
    max-width:none;
    width:auto;
}

.row #user-choice .row {
  max-width:100%;
}

.column {
    position:relative;
    float:left;
    margin-right: 3.8%;
    min-height:1px;
}
.fourcol.column {
	margin:0 !important;;
}
.row .onecol { width: 4.85%; }
.row .twocol { width: 13.45%; }
.row .threecol { width: 22.05%; }
.row .fourcol { width: 33.3%; }
.row .fourcol_image { width: 25%; margin:0; }
.row .fivecol { width: 39.45%; }
.row .sixcol { width: 48%; }
.row .sevencol { width: 56.75%; }
.row .eightcol { width: 65.4%; }
.row .ninecol { width: 74.05%; }
.row .tencol { width: 82.7%; }
.row .elevencol { width: 91.35%; }
.row .twelvecol { width: 100%; }

.ie .onecol { width: 4.7%;}
.ie .twocol { width: 13.2%; }
.ie .threecol { width: 22.05%; }
.ie .fourcol { width: 30.6%; }
.ie .fivecol { width: 39%; }
.ie .sixcol { width: 48%; }
.ie .sevencol { width: 56.75%; }
.ie .eightcol { width: 61.6%; }
.ie .ninecol { width: 74.05%; }
.ie .tencol { width: 82%; }
.ie .elevencol { width: 91.35%; }

.last { margin-right: 0px!important; }

/*--------------------------- Header --------------------------*/

.header-wrap {
  position:relative;
  z-index:101;
  background-color:#3d4e5b;
  color:#fff;
}

.site-header {
  padding:0.7em 0;
  border:1px solid rgba(255,255,255,0.1);
  border-right-width:0;
  border-left-width:0;
}

.site-header:after {
  bottom:-1px;
}

.site-logo {
    position:absolute;
    top:-3px;
    z-index: 99;
}
.site-logo a {
  color:#fff;
  font-size:1.5em;
}

.site-logo h1 {
  margin:0.3em 0 0 0;
}

/*------------------------- Dropdown Menu ------------------------*/

.header-navigation ul {
  margin:0.5em 0 0 0;
  padding:0;
  list-style:none;
  padding-left:150px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-navigation ul li {
  position:relative;
  margin:0;
}

.header-navigation div > ul > li {
  float:left;
  padding-bottom:0.5em;
}

.header-navigation div > ul:after {
/*  display:table;
  clear:left;
  content:" ";*/
}

.header-navigation div > ul > li a {
  display:block;
  color:#f0f0f0;
  white-space:nowrap;
}

.header-navigation li.current-menu-item > a,
.header-navigation li.hover > a,
.header-navigation a:hover {
  color:#fff;
}

.header-navigation div > ul > li > a {
  padding: 0 0.7em;
  text-shadow:0 -1px 0 rgba(0,0,0,0.15);
  font-size:1.1em;
  font-family:Crete Round, Arial, Helvetica, sans-serif;
  line-height:2.2em;
}

.header-navigation ul ul {
  position:absolute;
  top:2.4em;
  left:0.7em;
  z-index:1000;
  display:none;
  margin:0;
  min-width:130px;
  border: 1px solid #ffffff;
  padding-left: 0;
}

.header-navigation ul li:hover {
  cursor: pointer;
}

.header-navigation ul li.menu-item-has-children:after {
  content: '\f0d7';
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  right: -6px;
}

.header-navigation ul ul li.current-menu-item a {
  color: #e37222;
}

.header-navigation ul ul li a{
  padding:0.4em 15px 0.6em 15px;
}

.header-navigation ul ul li a:hover {
  background-color: #197097;
}

.header-navigation ul ul ul {
  top:-1px;
  left:100%;
}

/*------------------------------ Select Menu ----------------------------*/

.select-menu {
  position:relative;
  display:none;
  overflow:hidden;
  margin:0.5em 0;
  border:1px solid rgba(0,0,0,0.1);
  background:#3d4e5b url(images/select_menu_arrows.png) right 0.9em no-repeat;
}

.select-menu span {
  display:block;
  padding:0.3em 12px;
  min-width:100px;
  color:#f0f0f0;
  text-shadow:0 -1px 0 rgba(0,0,0,0.15);
  font-size:1.1em;
  font-family:Crete Round, Arial, Helvetica, sans-serif;
  cursor:pointer;
}

.select-menu:hover span {
  color:#fff;
}

.select-menu select {
  position:absolute;
  bottom:0;
  left:0;
  margin:0;
  width:100%;
  opacity:0;
  cursor:pointer;
}

/*-------------------------- Search Form -------------------------*/

.search-form  {
  margin:0.5em 0 0.5em 10px;
  border:1px solid rgba(0,0,0,0.1);
  background:#3d4e5b url(images/icons/search_icon.png) right 0.6em no-repeat;
}

.search-form form {
  display:block;
  float:right;
}

.search-form input{
  display:block;
  margin:0;
  padding:0.5em 20px 0.4em 9px;
  width:1px;
  border-width:0;
  background-color:transparent;
  color:transparent;
  cursor:pointer;
}

.search-form input:hover {
  background-color:rgba(255,255,255,0.05);
}

.search-form input:focus {
  padding-right:27px;
  width:130px;
  background-color:transparent;
  color:#fff;
  cursor:text;
}

.mobile-search-form {
  display:none;
  margin-bottom:1em;
  padding:0 27px 0 9px;
  border:1px solid rgba(0,0,0,0.1);
  background:#3d4e5b url(images/icons/search_icon.png) right 0.6em no-repeat;
}

.mobile-search-form input {
  display:block;
  margin:0 0 0 -9px;
  padding:0.5em 27px 0.4em 9px;
  width:100%;
  border-width:0;
  background-color:transparent;
  color:#fff;
}
.mobile-visible {
  display:none;
}
.mobile-hidden {
  display:inherit;
}

/*------------------------- Login Form ------------------------*/

.login-options {
  margin:0.5em 0;
}

.login-options .button {
  display:block;
  border-width:0;
}

.login-button .tooltip-wrap {
  right:0;
  left:auto;
}

.login-button .tooltip-text {
  margin:10px 0 0 0;
  border:1px solid rgba(0,0,0,0.1);
  background:#3d4e5b;
  color:#fff;
}

.formatted-form .facebook-button,
.popup-form .facebook-button {
  background-color:#3f5e9e;
}

.facebook-button .button-icon {
  top:-2px;
  margin:0 -2px;
}

.popup-form .field-wrap {
  margin-bottom:1em;
  border:1px solid rgba(0,0,0,0.1);
}

.popup-form input{
  margin:0;
  width:160px;
  border-width:0;
  background-color:transparent;
  color:#fff;
}

.popup-form .switch-button > span {
  padding-right:8px;
  padding-left:8px;
}

.popup-form .switch-button .button-icon{
  top:-1px;
  margin:0 -2px;
}

.popup-form ul li {
  padding:0;
  background:none;
  font-size:0.9em;
}

.register-form {
  padding-right:5.5%;
  border-right:1px dotted #d4d4d4;
}

/*------------------------- Share Tooltip ------------------------*/

.share-button {
  margin:0.5em 0 0.5em 10px;
  border:1px solid rgba(0,0,0,0.15);
}

.share-button .button {
  display:block;
  padding:0.65em 9px 0.65em 8px;
  border-width:0;
}

.share-button .button-icon {
  display:block;
}

.share-button .tooltip-wrap {
  left:-9999px;
  display:block;
}

.share-button  .tooltip-wrap.active {
  left:50%;
}

/*------------------------------ Social Links -----------------------------*/

.user-links {
  overflow:hidden;
  text-align:center;
  word-spacing:0;
  font-size:0;
  line-height:0;
}

.user-links a {
  display:inline-block;
  margin:0 0 7px 7px;
  width:20px;
  height:20px;
  background:#f0f0f0 url(images/icons/user_social_icons.png) 0 0 no-repeat;
}

.user-links a.twitter { background-position: -24px 0; }
.user-links a.linkedin { background-position: -48px 0; }
.user-links a.google { background-position: -72px 0; }
.user-links a.tumblr { background-position: -96px 0; }
.user-links a.flickr { background-position: -144px 0; }
.user-links a.vimeo { background-position: -168px 0; }
.user-links a.youtube { background-position: -192px 0; }
.user-links a.skype { background-position: -216px 0; }
.user-links a.rss { background-position: -240px 0; }

.user-links a:first-child {
  margin-left:0;
}

.user-links a:hover {
  background-color:#5ea5d7;
  background-position:0 -20px;
}

.user-links a.twitter:hover { background-position: -24px -20px; }
.user-links a.linkedin:hover  { background-position: -48px -20px; }
.user-links a.google:hover  { background-position: -72px -20px; }
.user-links a.tumblr:hover  { background-position: -96px -20px; }
.user-links a.myspace:hover  { background-position: -120px -20px; }
.user-links a.flickr:hover  { background-position: -144px -20px; }
.user-links a.vimeo:hover  { background-position: -168px -20px; }
.user-links a.youtube:hover  { background-position: -192px -20px; }
.user-links a.skype:hover  { background-position: -216px -20px; }
.user-links a.rss:hover  { background-position: -240px -20px; }

/*--------------------------- Content --------------------------*/

.featured-content {
  position:relative;
  overflow:hidden;
  background-color: white;
}

.featured-content:after {
  position:absolute;
  right:0;
  bottom:-5px;
  left:0;
  z-index:100;
  display:block;
  width:100%;
  height:5px;
  content:" ";
}

.featured-content h1 {
  margin-bottom:0.7em;
  font-size:2em;
}

.main-content {
  position:relative;
  z-index:100;
  /*padding:4em 0 8.5em 0;*/
  padding:0 0 8.5em 0;
  background:#fff;
}

.home .main-content {
  /*padding:4em 0 8.5em 0;*/
  padding: 0 0 8.5em 0;
}

.main-content p {
  color:#0083be;
}

.main-content p#breadcrumbs {
  font-family: Droid Sans, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #0087ba;
  margin-bottom: 3em;
  margin-top: 1.25em;
}

.main-content p#breadcrumbs a {
  color: #87b8d2;
}

.main-content p#breadcrumbs a:hover {
  color: #e37222;
  text-decoration: underline;
}

.main-content p#breadcrumbs i.fa-caret-right {
  margin: 0 10px;
}

.site-wrap {
  position:relative;
  overflow:hidden;
  min-height:100%;
}

.page-title {
  position:relative;
  z-index:2;
  overflow:hidden;
  padding:1.6em 0;
  color:#fff;
}

/*--------------------------- Footer --------------------------*/

.footer-wrap {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:100;
  width:100%;
  background:#3d4e5b;
}

.site-footer {
  position:relative;
  z-index:200;
  padding:1.5em 0;
  border-top:1px solid rgba(255,255,255,0.2);
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.2);
  background-image: none !important; // remove gradient
}

.site-footer:after,
.site-header:after {
  position:absolute;
  right:0;
  left:0;
  display:block;
  width:100%;
  height:1px;
  background:#3d4e5b;
  content:" ";
}

.site-footer:after {
  top:-2px;
}

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

.footer-navigation ul ul {
  display:none;
}

.footer-navigation li {
  float:left;
  margin:0 0 0 15px;
}

.footer-navigation li a {
  color:#f0f0f0;
}

.footer-navigation li a:hover {
  color:#fff;
}

/* ================================ PAGES =========================== */

/*------------------------------- Courses ------------------------------*/

.course-preview {
  border:1px solid #e1e1e1;
  background:#fff;
}

.courses-listing {
  float:left;
  margin-bottom:-40px;
  width:100%;
  font-size:0;
}

.courses-listing > .column {
  display:inline-block;
  float:none;
    vertical-align:top;
  font-size:13px;
}

.courses-listing .course-preview {
  margin-bottom:40px;
}

.course-preview .course-image{
  position:relative;
  z-index:10;
  padding:5px;
  background:#fff;
}

.course-preview .course-image img {
  display:block;
  width:100%;
  height:auto;
  background:#fff;
}

.course-price {
  position:absolute;
  top:25px;
  left:-5px;
}

.featured-content .course-price {
  display:none;
}

.course-price .price-text {
  display:block;
  padding:0.2em 10px;
  min-width:38px;
  border:1px solid rgba(0,0,0,0.1);
  background-color:#5ea5d7;
  color:#fff;
  text-align:center;
  text-shadow:0 -1px 0 rgba(0,0,0,0.15);
  font-size:1.2em;
}


.free-course .course-price .price-text {
  background-color:#f3715d;
}

.course-price .corner-wrap {
  position:absolute;
  bottom:-4px;
  left:0;
  width:4px;
  height:4px;
}

.course-price .corner,
.course-price .corner-background {
  width:0;
  height:0;
  border:2px solid #5ea5d7;
  border-bottom-color:#fff;
  border-left-color:#fff;
}

.course-price .corner-background {
  position:absolute;
  top:0;
  left:0;
  border-top-color:#000;
  border-right-color:#000;
}

.course-price .corner {
  position:relative;
  z-index:1;
  opacity:0.8;
}

.free-course .course-price .corner {
  border-top-color:#f3715d;
  border-right-color:#f3715d;
}

.course-preview .course-header {
  position:relative;
  z-index:9;
  padding:0.5em 15px 0.9em 15px;
}

.course-preview .course-meta {
  overflow:hidden;
}

.course-preview .course-header .author {
  color:#777;
}

.course-preview .course-footer {
  padding:0.7em 15px;
  border-top:1px solid #f0f0f0;
  background:#f2f2f2;
}

.course-preview .course-footer .course-users {
  padding-left:17px;
  background:url(images/icons/user_icon.png) 0 0.2em no-repeat;
  color:#777;
  text-shadow:0 1px 0 #fff;
}

.course-preview .course-rating {
  float:right;
  margin:0;
}

.course-rating {
  overflow:hidden;
  margin:0 auto;
  width:90px!important;
}

.course-rating img {
  display:block;
  float:left;
  margin:1px 0 0 2px;
}

.single-course .featured-content {
  padding:3em 0;
}

.single-course .related-courses {
  margin-top:3em;
}

.course-description.widget {
  padding:20px;
}

.course-description .widget-title {
  margin:-21px -21px 20px -21px;
}

.course-description .course-header {
  margin-bottom:1em;
}

.course-description .course-header .author {
  color:#777;
}

.course-description .course-footer .button {
  margin:0.5em 10px 0 0;
}

.course-description .price-button .price,
.course-description .price-button .caption {
  float:left;
}

.course-description .price-button .price {
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,0.17);
}

.course-description .price-button .caption {
  padding-right:10px;
  border-right:1px solid rgba(0,0,0,0.07);
}

.free-course .price-button .price {
  display:none;
}

.free-course .price-button .caption {
  border-right-width:0;
}

.course-progress {
  overflow:hidden;
  margin-bottom:2em;
  width:100%;
  height:8px;
  background:#ededed;
}

.course-progress span {
  display:block;
  float:left;
  width:0;
  height:8px;
  background:#5ea5d7 url(images/bgs/progress_bg.png) 0 0 repeat-x;
}

.course-status {
  display:inline-block;
  margin-right:5px;
  padding:0 5px;
  border:1px solid rgba(0,0,0,0.1);
  background:#5ea5d7;
  color:#fff;
  text-shadow:0 -1px rgba(0,0,0,0.15);
  font-size:0.9em;
}

.user-courses-listing {
  display:table;
  overflow:hidden;
  width:100%;
  border:1px solid #e1e1e1;
  background:#f4f4f4;
}

.user-courses-listing .course-item {
  display:table-row;
  overflow:hidden;
  width:100%;
}

.user-courses-listing .course-title,
.user-courses-listing .course-meta {
  display:table-cell;
  padding:1em 15px;
  border-bottom:1px dotted #d6d6d6;
  vertical-align:middle;
}

.user-courses-listing .course-title h4 {
  display:inline;
}

.user-courses-listing .course-item:last-child .course-title,
.user-courses-listing .course-item:last-child .course-meta {
  border-width:0;
}

.user-courses-listing .course-item.started a {
  color:#777;
}

.lessons-listing .course-progress,
.user-courses-listing .course-progress {
  margin:0.5em 0 0 0;
  background:#e8e8e8;
}

.user-courses-listing .course-meta {
  position:relative;
  z-index:1;
  background:#fff;
}

.plan-preview {
  overflow:hidden;
  margin:-13px -16px;
}

.plan-preview .plan-description {
  position:relative;
  z-index:10;
  padding:1em 0;
}

.plan-preview .plan-price,
.plan-preview .plan-footer {
  padding:0.5em 15px;
  border:1px solid #e1e1e1;
  border-top-width:0;
  border-bottom-width:0;
  background:#f2f2f2;
  color:#777;
  text-align:center;
  text-shadow:0 1px 0 #fff;
  font-size:1.1em;
}

.plan-preview .plan-price {
  border-bottom:1px solid #f0f0f0;
}

.plan-preview .plan-price span {
  font-size:1.1em;
}

.plan-preview .plan-footer {
  padding:0.7em 15px;
  border-top:1px solid #f0f0f0;
}

.single-certificate {
  height:auto;
  text-align:center;
}

.certificate-error {
  margin:0 auto;
  padding:5em 20px;
}

.certificate-wrap {
  position:relative;
  overflow:hidden;
  margin:5em auto 1.5em auto;
  padding:3px;
  width:600px;
  border:1px solid #e1e1e1;
  background:#fff;
}

.certificate-text {
  position:relative;
  padding:1.5em 20px;
  border:1px solid rgba(0,0,0,0.1);
  text-align:center;
}

/*---------------------------------- Lessons ----------------------------------*/

.lessons-listing {
  display:table;
  overflow:hidden;
  width:100%;
  border:1px solid #e1e1e1;
  background:#f4f4f4;
}

.lessons-listing .lesson-item {
  display:table-row;
  overflow:hidden;
}

.lessons-listing .lesson-title,
.lessons-listing .lesson-attachments {
  display:table-cell;
  padding:1em 15px;
  border-bottom:1px dotted #d6d6d6;
  vertical-align:middle;
}

.lessons-listing .lesson-title h4 {
  display:inline;
}

.lessons-listing .lesson-item.completed .lesson-title a{
  color:#777;
}

.lessons-listing  .lesson-child .lesson-title {
  padding-left:34px;
  font-size:0.9em;
}

.lessons-listing .lesson-attachments {
  padding-bottom:0;
}

.lessons-listing .lesson-item:last-child .lesson-title,
.lessons-listing .lesson-item:last-child .lesson-attachments {
  border-bottom-width:0;
}

.lessons-listing .lesson-attachments {
  position:relative;
  z-index:1;
  border-left:1px solid #e1e1e1;
  background:#fff;
}

.lessons-listing .lesson-attachments a {
  display:block;
  float:left;
  margin:0 15px 15px 0;
  width:26px;
  height:26px;
  background:#f3715d url(images/icons/attachment_icons.png) 1px 1px no-repeat;
}

.lesson-child .lesson-attachments a {
  margin:0 12px 12px 0;
  width:22px;
  height:22px;
  background-position:-1px -24px;
}

.lesson-item .lesson-attachments .audio { background-position:-29px 1px; }
.lesson-item .lesson-attachments .document {  background-position:-59px 1px; }
.lesson-child .lesson-attachments .audio { background-position:-32px -24px; }
.lesson-child .lesson-attachments .document { background-position:-60px -24px; }

.lesson-options {
  overflow:hidden;
  padding-bottom:2em;
}

.lesson-options .button {
  float:right;
  margin-left:10px;
}

.lesson-options .next-lesson {
  padding-right:9px;
  padding-left:11px;
}

.lesson-options .prev-lesson {
  padding-right:11px;
  padding-left:9px;
}

.lesson-options .close-lesson {
  padding-right:8px;
  padding-left:8px;
}


.lesson-toggle {
  float:left;
  margin-right:10px;
  width:24px;
  height:24px;
  background:#5ea5d7 url(images/icons/toggle_icons.png) 7px 6px no-repeat;
  cursor:pointer;
}

.lesson-toggle.expanded {
  background-position:7px -21px;
}

.lesson-child .lesson-toggle {
  margin-right:15px;
  width:0;
  height:1px;
  background:none;
}

.lesson-level-wrap {
  height: 232px;
  width: 100%;
  background-image: url('http://journey2050stg.wpengine.com/wp-content/uploads/2020/06/lesson-background.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-top: 5em;
 	margin-bottom: 2em;
}

.lesson-header {
  height: 116px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lesson-header h2 {
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  font-size: 55px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
}

.lesson-links {
  height: 116px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

a.lessons-menu {
  display: inline-block;
}

a.lessons-menu span {
  width: 104px;
  height: 106px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

span.lesson-guide {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/guide-off.png');
}

a.lessons-menu:hover span.lesson-guide {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/guide-hover.png');
}

span.lesson-1 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level1-off.png');
}
a.lessons-menu:hover span.lesson-1 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level1-hover.png');
}
span.lesson-2 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level2-off.png');
}
a.lessons-menu:hover span.lesson-2 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level2-hover.png');
}
span.lesson-3 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level3-off.png');
}
a.lessons-menu:hover span.lesson-3 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level3-hover.png');
}
span.lesson-4 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level4-off.png');
}
a.lessons-menu:hover span.lesson-4 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level4-hover.png');
}
span.lesson-5 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level5-off.png');
}
a.lessons-menu:hover span.lesson-5 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level5-hover.png');
}
span.lesson-6 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level6-off.png');
}
a.lessons-menu:hover span.lesson-6 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level6-hover.png');
}
span.lesson-7 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level7-off.png');
}
a.lessons-menu:hover span.lesson-7 {
  background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/level7-hover.png');
}

span.lesson-takeaction {
   background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/action-off.png');
}
a.lessons-menu:hover span.lesson-takeaction {
	background-image: url('http://www.journey2050.com/wp-content/uploads/2020/06/action-hover.png');
}
/*------------------------------ Questions ------------------------------*/

.questions {
  clear:both;
  padding-top:2em;
}

.questions-listing {
  margin-bottom:3em;
}

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

.questions-listing ul li {
  display:block;
  margin:0;
  padding:0;
}

.questions-listing .question-title {
  padding:1em 15px 1em 49px;
  border-top:1px dotted #d6d6d6;
}

.questions-listing .question-replies {
  position:absolute;
  top:0.85em;
  left:15px;
  display:block;
  width:24px;
  height:24px;
  background:#5ea5d7;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  line-height:24px;
}

.questions-listing li:first-child .question-title {
  border-width:0;
}

.question-content .avatar-container {
  position:relative;
  float:left;
  overflow:hidden;
  width:10%;
  text-align:center;
}

.question-content {
  overflow:hidden;
  padding:1.5em 15px;
  border-top:1px dotted #d6d6d6;
  background:#fff;
}

.questions-listing li ul {
  padding:0 15px;
}

.questions-listing li ul li .question-content {
  padding:1.5em 0;
}

.questions-listing li ul li  {
  padding:0 0 0 13%;
  border-bottom-width:0;
}

.question-content .avatar-container img {
  display:block;
  width:100%;
  height:auto;
}

.question-content .question-text {
  float:right;
  width:87%;
}

.question-header {
  overflow:hidden;
  margin-bottom:0.4em;
}

.question-author,
.question-time {
  margin:0 10px 0 0;
}

.question-time {
  color:#777;
}

.questions #reply-title,
.questions-listing #respond #title {
  display:none;
}

.questions-listing #respond {
  padding:0 15px 1.5em 15px;
}

.questions-listing #respond form {
  padding-left:13%;
}

/*--------------------------------- Quizzes -------------------------------*/

p + .quiz-listing {
  margin-top:2em;
}

.quiz-listing .quiz-question {
  margin-top:1.5em;
}

.quiz-listing .question-title {
  position:relative;
  overflow:hidden;
  padding:0.5em 15px 0.5em 32px;
}

.quiz-listing .question-number {
  position:absolute;
  top:0.35em;
  left:0;
  display:block;
  width:24px;
  height:24px;
  background:#5ea5d7;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  line-height:24px;
}

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

.quiz-listing li {
  display:block;
  overflow:hidden;
  margin-top:0.5em;
  padding-left:32px;
}

.quiz-listing li.success,
.quiz-listing li.error {
  background:url(images/bullet_5.png) 16px 0.6em no-repeat;
}

.quiz-listing li.error {
  background-image:url(images/bullet_4.png);
}

.quiz-listing .string li.success,
.quiz-listing .string li.error {
  background-position:16px 0.95em;
}

.quiz-listing li input[type="checkbox"],
.quiz-listing li input[type="radio"],
.quiz-listing li label {
  display:inline;
  cursor:pointer;
}

.quiz-listing li input {
  display:inline-block;
  margin:0 5px 0 0;
  vertical-align:middle;
}

/*----------------------------- User Profile ------------------------------*/

.user-profile {
  display:table;
  width:100%;
}

.user-profile .user-image {
  display:table-cell;
  width:150px;
  vertical-align:top;
}

.user-profile .bordered-image {
  margin-bottom:1em;
}

.user-profile .user-image-uploader {
  margin-top:1em;
  text-align:center;
}

.user-profile .user-fields .column {
  float:none;
  margin:0;
  width:100%;
}

.user-profile .user-description {
  display:table-cell;
  padding-left:6.67%;
  vertical-align:top;
}

.user-profile .user-links {
  padding:0 5px;
}

.user-profile h1 {
  margin-bottom:0.5em;
}

.user-profile .signature {
  margin:-0.8em 0 1.5em 0;
  color:#777;
}

.user-profile .mceStatusbar {
  border-top:1px solid #dedede!important;
  background-color:#f5f5f5!important;
}

.user-profile .wp-editor-container {
  border:1px solid #D4D4D4;
}

#wp-link #internal-toggle,
.user-profile #description_path_row {
    display:none!important;
}

.user-fields {
  margin:0 0 1.5em 0;
  border-width:0;
}

.user-fields th,
.user-fields td {
  padding-left:0;
  border-top-width:0;
  border-right-width:0;
  border-bottom:1px dotted #d4d4d4;
}

.user-fields tr:first-child th,
.user-fields tr:first-child td {
  border-top:1px dotted #d4d4d4;
}

.user-fields td {
  padding-right:0;
  width:50%;
  text-align:right;
}

.users-listing {
  float:left;
  margin-bottom:-5%;
  width:100%;
}

.users-listing .user-image{
  display:block;
  float:left;
  margin:0 6.5% 6.5% 0;
  width:29%;
}

/*------------------------------- Experts ------------------------------*/

.expert-preview {
  display:table;
  margin-bottom:2em;
  width:100%;
}

.expert-preview:last-child {
  margin:0;
}

.expert-preview .expert-meta {
  display:table-cell;
  width:109px;
}

.expert-preview .user-links {
  padding:0 4px;
}

.expert-preview .user-links a:nth-child(4) {
  margin-right:0;
}

.expert-preview  .expert-image {
  margin-bottom:0.5em;
}

.expert-preview .expert-text {
  display:table-cell;
  padding-left:3.8%;
  vertical-align:top;
}

.expert-signature {
  display:block;
  margin-bottom:0.7em;
  color:#777;
}

/*------------------------------- Testimonials ------------------------------*/

.testimonial {
  display:table;
  margin-bottom:1.5em;
  width:100%;
}

.testimonial:last-child {
  margin:0;
}

.testimonial .testimonial-image {
  display:table-cell;
  width:87px;
}

.bubble-image {
  position:relative;
  overflow:hidden;
  width:87px;
  height:88px;
}

.bubble-image img {
  display:block;
  width:100%;
  height:auto;
}

.bubble-image .image-cover {
  position:absolute;
  top:0;
  left:0;
}

.testimonial .testimonial-text {
  display:table-cell;
  padding-left:3.8%;
  vertical-align:top;
}

.testimonial .testimonial-text p {
  margin-bottom:0.5em;
  font-style:italic;
  font-size:1.1em;
}

/*------------------------------- Experts ------------------------------*/

.experts {
  display:table;
  margin-bottom:1.5em;
  width:100%;
}

.expert:last-child {
  margin:0;
}

.expert .expert-image {
  display:table-cell;
  width:87px;
}

.expert .expert-text {
  display:table-cell;
  padding-left:3.8%;
  vertical-align:top;
}

.expert .expert-text p {
  margin-bottom:0.5em;
  font-style:italic;
  font-size:1.1em;
}

/*--------------------------------- Blog -------------------------------*/

.posts-listing {
  margin-bottom:-3em;
}

.page-template-template-resources .posts-listing {
  margin-top: 3em;
}

.page-template-template-resources .disclaimer {
  margin-top: 3em;
  border: 1px solid #1886bf;
  padding: 10px;
  font-size: 13px;
}

.posts-listing .post {
  margin-bottom:3em;
}

.post-footer {
  clear:both;
  overflow:hidden;
}

.post-footer .post-date,
.post-footer .post-categories,
.post-footer .post-author,
.post-footer .post-comment-count,
.post-footer .button {
  float:left;
  margin-right:10px;
}

.post-footer .post-categories,
.post-footer .post-author,
.post-footer .post-date {
  padding:0.4em 0;
  color:#777;
}

.post-footer .post-comment-count {
  margin:6px 8px 0 0;
  width:21px;
  height:20px;
  background:url(images/icons/comments_icon.png) 0 0 no-repeat;
  color:#777;
  text-align:center;
  text-shadow:0 1px 0 #fff;
  font-size:0.9em;
  line-height:17px;
}

.single-post .post-image {
  margin-bottom:2em;
}

.single-post .tagcloud {
  float:right;
  padding-top:0.4em;
}

.tagcloud a {
  display:block;
  float:left;
  margin:0 0 8px 8px;
  padding:0 15px 0 5px;
  border-left:1px solid rgba(0,0,0,0.05);
  background:url(images/bgs/tag_bg.png) right 0 no-repeat;
  color:#999;
  text-shadow:0 1px 0 #F5F5F5;
  font-size:0.9em!important;
  line-height:20px;
}

/*-------------------------------- Comments ----------------------------*/

.post-comments {
  margin-top:3em;
}

.post-comments .pagination {
  float:none;
  margin-bottom:2em;
}

.post-comments .pagination a,
.post-comments .pagination span {
  margin-top:0;
}

.comments-listing {
  margin-bottom:2em;
}

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

.comments-listing li {
  margin-top:1.5em;
  padding-top:1.5em;
  border-top:1px dotted #d7d7d7;
}

.comments-listing > ul > li:first-child {
  margin-top:0;
  padding-top:0;
  border-top-width:0;
}

.comments-listing li ul {
  padding-left:13%;
  list-style:none;
}

.comment .avatar-container {
  position:relative;
  float:left;
  overflow:hidden;
  width:10%;
}

.comment .avatar-container img {
  display:block;
  width:100%;
  height:auto;
}

.comment .comment-text {
  float:right;
  width:87%;
}

.comment .comment-header {
  margin-bottom:0.4em;
}

.comment-author,
.comment-time {
  margin:0 10px 0 0;
}

.comment-time {
  color:#777;
}

.comment-reply-link {
  float:left;
  padding-left:20px;
  background:url(images/icons/reply_icon.png) 0 0.35em no-repeat;
  color:#777;
}

.post-comments #reply-title {
  display:none;
}

.comments-listing #respond {
  padding:2em 0 0.5em 13%;
}

/*-------------------------------Pagination------------------------------*/

.pagination {
  position:relative;
  z-index:1;
  float:left;
  overflow:hidden;
}

.pagination a,
.pagination span {
  float:left;
  margin:2em 11px 0 0;
  height:24px;
  color:#888;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  line-height:24px;
}

.pagination span {
  width:24px;
  border:1px solid #ddd;
  text-shadow:0 1px 0 #fff;
}

.pagination a:hover {
  color:#333;
}

.pagination a.next,
.pagination a.prev {
  width:7px;
  background-image:url(images/pagination_arrows.png);
  background-position:0px 6px;
  background-repeat:no-repeat;
  color:transparent;
}

.pagination a.next {
  background-position:-53px 6px;
}

/* =========================== SLIDERS =========================== */

.themex-slider {
  position:relative;
  overflow:visible;
}

.themex-slider > ul {
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}

.themex-slider > ul > li {
  position:relative;
  display:block;
  overflow:hidden;
}

.themex-slider > ul > li.current,
.themex-slider > ul > li:first-child {
  z-index:1;
}

.themex-slider > ul > li > img,
.themex-slider > ul > li > a > img {
  display:block;
  width:100%;
  height:auto;
}

.themex-slider .arrow {
  position:absolute;
  top:50%;
  z-index:100;
  margin-top:-12px;
  width:88px;
  height:72px;
  background:url(images/main_slider_arrows.png) -13px 0 no-repeat;
  cursor:pointer;
}
.themex-slider .arrow-left {
  left:-50px;
  background-position: -0px -246px;
}

.themex-slider .arrow-left:hover {
  background-position: -0px -82px;
}

.themex-slider .arrow-right {
  right:-50px;
  background-position: -0px -164px;
}
.themex-slider .arrow-right:hover {
  background-position: -0px -0px;
}
.themex-slider .caption {
  display: none;
}

/*------------------------------- Parallax Slider ----------------------------*/

.parallax-slider {
  overflow:hidden;
  color:#fff;
}

.parallax-slider .substrate {
  width:130%;
}

.parallax-slider > ul {
  overflow:hidden;
  width:10000%;
  opacity:0;
}

.parallax-slider > ul > li {
  display:block;
  float:left;
}

.parallax-slider img.aligncenter,
.parallax-slider img.alignnone {
  display:block;
}

/*------------------------------- Boxed Slider ----------------------------*/

.boxed-slider {
  position:relative;
  margin:4em 0;
  padding:5px;
  border:1px solid #e1e1e1;
  background:#fff;
}

.main-content .boxed-slider {
  margin:0 0 2em 0;
}

.boxed-slider > ul > li {
  top:0;
  left:0;
  display:none;
  width:100%;
}

.boxed-slider > ul > li:first-child {
  position:relative;
  display:block;
}

.boxed-slider .caption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:1.5em 20px;
  background:url(images/bgs/white_80_bg.png);
}

.boxed-slider .embedded-video {
  margin-bottom:0;
}

.embedded-video {
  position: relative;
  overflow: hidden;
  margin-bottom:2em;
  padding-top: 30px;
  padding-bottom: 54.5%;
  height: 0;
}

.embedded-video iframe,
.embedded-video object,
.embedded-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
  background:#000;
}

/* ============================== WIDGETS ============================== */

.widget {
  position:relative;
  z-index:1;
  padding:13px 15px;
  border:1px solid #e1e1e1;
  border-bottom:1px solid #e1e1e1;
  background:#c5d7eb;
  color:#0083be;
  margin-bottom: 20px;
}

.widget:after {
  display:block;
  clear:both;
  content:" ";
}

.widget-title {
  position:relative;
  overflow:hidden;
  margin:-14px -16px 13px -16px;
  padding:0.7em 15px;
  border:1px solid rgba(0,0,0,0.01);
  border-bottom-color:#3d4e5b;
  background-color:#3d4e5b;
  color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}

.widget-title:after {
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  height:1px;
  background:rgba(255,255,255,0.2);
  content:" ";
}

.sidebar .widget {
  margin-bottom:3em;
}

.footer-sidebar {
  margin-top:4em;
}

.footer-sidebar .column:last-child,
.sidebar .widget:last-child {
  margin:0;
}

.sidebar .widget ul {
  display:block;
  margin:0;
  list-style:none;
}

.sidebar .widget ul li {
  margin-bottom:0.6em;
  padding-bottom:0.6em;
  border-bottom:1px dotted #d4d4d4;
}

.sidebar .widget ul li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

.sidebar .widget ul li.current {
  font-weight:bold;
}

/* =========================== WOOCOMMERCE =========================== */

.woocommerce .page-title,
.woocommerce-page .page-title,
.woocommerce .course-checkout .woocommerce-info,
.woocommerce .course-checkout .shop_table,
.woocommerce #customer_details .col-1 label,
.woocommerce #customer_details .shipping_address label,
.woocommerce #order_comments_field label,
.woocommerce .comment-form-rating label,
.woocommerce .comment-form-comment  label,
.woocommerce #woocommerce_eu_vat_number h3,
.woocommerce .course-checkout .place-order .terms,
.woocommerce .course-checkout .form-row label,
.woocommerce .course-checkout .billing-details h3 {
  display:none;
}

.woocommerce p:last-child,
.woocommerce .course-checkout .form-row,
.woocommerce #customer_details.col2-set,
.woocommerce #customer_details .col-1 .create-account {
  margin-bottom:1em;
}

.woocommerce .woocommerce-ordering {
  margin-bottom:1.5em;
}

.woocommerce .related ul.products,
.woocommerce .related ul,
.woocommerce ul.products {
  float:left;
  margin-bottom:-3em;
  width:100%;
}

.woocommerce .course-checkout .form-row-first,
.woocommerce .course-checkout .form-row-last {
  float:none;
  padding:0;
  width:100%;
}

.woocommerce .course-checkout form .form-row,
.woocommerce .checkout_coupon .form-row {
  margin-bottom:0;
  padding:0;
}

.woocommerce .checkout_coupon .form-row .button {
  margin-top:0;
}

.woocommerce-checkout  .payment-listing .toggle-title {
  padding:0.7em 10px 0.7em 37px;
}

.payment-listing .toggle-title:before {
  position:absolute;
  top:0.85em;
  left:12px;
  display:block;
  width:16px;
  height:16px;
  background:#bbb url(images/bullet_6.png) center 4px no-repeat;
  content:" ";
}

.payment-listing .expanded .toggle-title:before {
  background-color:#5ea5d7;
}

.woocommerce #payment {
  background:none;
}

.woocommerce #payment .form-row.place-order {
  margin-bottom:0;
  padding:1em 0 0 0;
  border-width:0;
}

.woocommerce #payment .place-order .terms {
  float:left;
  padding:0;
}

.woocommerce ul.order_details {
  display:block;
  list-style:none;
}

.woocommerce ul.order_details li {
  float:none;
  margin-bottom:0.6em;
  padding:0 0 0.6em 0;
  border-right-width:0;
  border-bottom:1px dotted #d4d4d4;
  text-transform:none;
  font-size:1em;
}

.woocommerce ul.order_details li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-width:0;
}

.woocommerce ul.order_details:last-child,
.woocommerce ul.order_details li p,
.woocommerce .quantity input {
  margin-bottom:0;
}

.woocommerce ul.order_details li strong {
  display:inline;
  font-size:1em;
}

.course-checkout p:last-child,
.woocommerce select {
  margin:0;
  padding:0;
}

.woocommerce .comment-text {
  display:block;
}

.woocommerce .button.added:before {
  position:absolute;
  left:-9999px;
}

.woocommerce .product .cart table td.value,
.woocommerce .added_to_cart {
  padding-left:10px;
}

.woocommerce .product .cart .reset_variations {
  display:inline-block;
  margin-top:0.5em;
}

.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td {
  padding-left:12px;
}

.woocommerce .comment-form-rating {
  padding:1em 0 0.5em 0;
}

p.stars a {
  display:inline-block;
  margin-right:4px;
}

.woocommerce .quantity .plus,
.woocommerce .quantity .minus {
  color:#444!important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt {
  padding:0.55em 10px 0.65em 10px;
  border:1px solid rgba(0,0,0,0.15);
  border-bottom-color:rgba(0,0,0,0.1);
  text-shadow:0 -1px 0 rgba(0,0,0,0.17)!important;
  font-weight:normal;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover {
  background:#5ea5d7;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page #content input.button.alt:hover {
  background:#f3715d;
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active,
.woocommerce #content input.button:active,
.woocommerce-page a.button:active,
.woocommerce-page button.button:active,
.woocommerce-page input.button:active,
.woocommerce-page #respond input#submit:active,
.woocommerce-page #content input.button:active {
  top:0;
  background-image:none!important;
}

/*------------------------------- Widgets -----------------------------*/

.widget ul li .count {
  float:right;
}

.widget ul li .amount {
  color:#777;
  font-weight:bold;
}

.widget_product_search form {
  display:block;
  padding:0 10px;
}

.widget_product_search input {
  margin:0 0 0 -10px;
  width:100%;
}

.widget ul.product_list_widget li:after {
  display:block;
  clear:both;
  overflow:hidden;
  height:0;
  content:" ";
}

.widget ul.product_list_widget li a {
  display:block;
}

.widget ul.product_list_widget li img {
  float:right;
  margin:0.2em 0 0 1em;
  padding:3px;
  width:2.3em;
  height:auto;
  border:1px solid #ededed;
  background:#fff;
}

.widget ul.product_list_widget li ins {
  margin-left:.618em;
  text-decoration:none;
  font-weight:bold;
}

.widget_woo_subscribe #connect {
  padding:0;
  border:0;
  background:none;
}

/* ========================= EdGate iFrame Styles ======================== */
.edgate-wrapper {
    background-color: #1384bc;
    margin-bottom: 14px;
    padding: 12px 12px 8px 12px;
}

.edgate-wrapper h2 {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color: #ffffff;
    margin: 0px 10px 8px 10px;
}

p.edgate-intro {
    font-size: 17px;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
}

#edgate-iframe {
    width: 100%;
    max-width: calc(100% - 4px);
    height: 520px;
}
/* ========================= RESPONSIVE STYLES ======================== */

/* --------------------------- 940px-1199px --------------------------- */

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
  .row {
    width:940px;
  }
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .row {
    width:708px;
  }
  .lesson-header h2 {
		font-size: 46px;
	}
	a.lessons-menu span {
	  width: 76px;
	}
}

/* ------------------------------ 0-999px ---------------------------- */

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

  .header-navigation .menu {
    display:none;
  }

  .header-navigation .select-menu {
    display:block;
    margin-left:175px;
  }

  .search-form input:focus {
    width:60px;
  }
}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {


.boxed-slider {
  width:100%!important;
}
.mobile-visible {
  display:inherit;
}
.mobile-hidden {
  display:none;
}
  .row .column {
    margin:0 0 3em 0;
    width:100%;
  }

  .row .column > .column {
    margin-bottom:1em;
  }

  .column.last,
  .courses-listing .column,
  .lessons-listing,
  .formatted-form .column{
    margin-bottom:0;
  }

  .site-header .search-form,
  table.cart .coupon,
  .boxed-slider .caption,
  .parallax-slider .substrate,
  .footer-navigation {
    display:none;
  }

  .mobile-search-form {
    display:block;
  }

  .site-logo {
    position:relative;
  }
  .select-menu,
  .site-header .site-logo,
  .site-footer .copyright,
  .header-navigation {
    float:none;
    width:100%;
  }
  .header-navigation {
    padding-left:0px;
  }

  .site-header,
  .site-footer {
    text-align:center;
  }

  .header-options {
    display:inline-block;
    float:none;
    margin:1em 0 2px 0;
  }

  .login-options,
  .share-button,
  .search-form,
  .select-menu {
    text-align:left;
  }

  .header-navigation .select-menu {
    margin-left:0px;
  }

  .share-button {
    margin-left:0;
  }

  .parallax-slider {
    padding-top:3em;
  }

  .parallax-slider .column {
    top:0!important;
  }

  .post .post-image ,
  .course-content .course-questions {
    margin-bottom:1.5em;
  }

  .vertical-tabs .tabs {
    margin-bottom:1.5em;
    border-width:0;
  }

  .vertical-tabs .tabs li {
    margin-top:-1px;
  }

  .vertical-tabs .tabs li.current {
    margin-right:0;
    border-right:1px solid #E5E5E5;
  }

  .vertical-tabs .panes {
    padding:0;
    border-width:0;
  }

  .single-course .related-courses {
    margin-top:1em;
  }

  .woocommerce div.product div.images,
  .woocommerce .col2-set .col-2,
  .woocommerce .col2-set .col-1,
  .woocommerce ul.products li.product,
  .woocommerce div.product div.summary {
    margin-right:0;
    margin-bottom:2em;
    width:100%;
  }

  .woocommerce .woocommerce-ordering {
    float:none;
    clear:left;
  }
  .lesson-level-wrap{
    background-image: none;
		height: auto
	}
  .lesson-header {
    background-color: #ebac34;
    height: auto;
    border-bottom: 1px solid #ce7f27;
  }
  .lesson-links {
    background-color: #f6d69b;
    height: auto;
    display: block;
    padding: 10px 0;
  }
  .lesson-links:after {
    display: table;
    clear: both;
    content: " ";
  }
  a.lessons-menu {
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {
  .row {
    padding:0 15px;
    width:450px;
  }

  .featured-content .substrate {
    width:200%;
  }
  .featured-content h1 {
    font-size:0em;
  }
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {
  .row {
    padding:0 15px;
    width:290px;
  }

  .featured-content .substrate {
    width:200%;
  }
  .featured-content h1 {
    font-size:0em;
  }

  .login-button .tooltip-wrap {
    right:auto;
    left:0;
  }
}

@media print {
  .print-button {
    display:none;
  }
}

/* =========================== CSS3 EFFECTS =========================== */

.lesson-toggle,
.questions-listing .question-replies,
.toggle-title:before,
ul.styled-list.style-4 li:before,
.quiz-listing .question-number,
.lesson-attachments a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.jp-video .jp-gui {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}

.login-button .tooltip-text input,
.search-form input:focus {
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.search-form input {
  -webkit-transition: width 0.3s, padding 0.3s;
  -moz-transition: width 0.3s, padding 0.3s;
  -o-transition: width 0.3s, padding 0.3s;
  transition: width 0.3s, padding 0.3s;
}

.parallax-slider ul {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page #content input.button.alt:hover,
input[type="submit"],
input[type="button"],
.course-price .price-text,
.jp-play-bar,
.jp-volume-bar-value,
.jp-controls a:before,
.search-form input,
.select-menu span {
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
}

.jp-interface,
.widget-title,
.site-header,
.site-footer {
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
}


.jp-video-play-icon:before,
.login-button .tooltip-text {
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
}

.login-button .tooltip-text input,
.mobile-search-form input,
.search-form input:focus {
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.05)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%);
}

.pagination span {
  background-image: linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
  background-image: -o-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EBEBEB),color-stop(1, #FFFFFF));
}

ul.products li.product img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ============================ IE FIXES ============================ */

.ie .row,
.ie .clearfix {
  zoom:1;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}



/* ================ Robots and Pencils Customizations ================ */

a.fill {
  position: absolute;
  display: block;
  opacity: 0.1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-title{padding-left:200px;visibility:hidden;}
.header-navigation div > ul > li.current_page_item  a {color:#e37222;}
.header-navigation div > ul > li.current-menu-item  a {color:#e37222;}
.img-border {
  border: 10px solid #0083be;
  max-width:92%;
}
.widget p {
  color:#0083be;
}
.widget.green-callout {
  margin-top:0px;
  background-color:#31b55b;
}
.widget.green-callout:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 0px;
  width: 17px;
  height: 15px;
  background-image: url(./images/J2_Home_Callouts_TriangleGreen.png);
}
.widget.green-callout input[type="text"],
.widget.green-callout input[type="password"],
.widget.green-callout input[type="email"],
.widget.green-callout input[type="number"],
.widget.green-callout textarea {
  background-color:#92d400;
  color:white;
  border:0;
}
.widget.contact-callout {
  margin-top:0px;
}
.widget.contact-callout:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 0px;
  width: 17px;
  height: 15px;
  background-image: url(./images/J2_Home_Callouts_TriangleBlue.png);
}
.counter-callout {
  font-size: 1rem;
  font-weight: bold;
  color: rgb(204, 92, 4);
  padding: 10px 10px 10px 70px;
  margin: 0 auto;
  min-height: 100px;
  position:relative;
}
.counter-callout:after {
  content: " ";
  position:absolute;
  bottom:-15px;
  left:0px;
  width:17px;
  height:15px;
}
.yellow-box {
  background: #f9da33 url(./images/J2_Home_Callout_yellow_cropped.png) repeat-x bottom;
  color: rgb(204, 92, 4);
}
.yellow-box p,
.yellow-box h2,
.yellow-box h1,
.yellow-box h3,
.yellow-box h4 {
  color: rgb(204, 92, 4);
}
.yellow-box:after {
  background-image:url(./images/J2_Home_Callouts_TriangleYellow.png);
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 0px;
  width: 17px;
  height: 15px;
}
.blue-box {
  background-color: #6aade4;
  color: #daf5ff;
}
.blue-box p,
.blue-box h2,
.blue-box h1,
.blue-box h3,
.blue-box h4 {
  color: #daf5ff;
}
.blue-box:after {
  background-image:url(./images/J2_Home_Callouts_TriangleBlue.png);
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 0px;
  width: 17px;
  height: 15px;
}
.orange-box {
  background-color: #ee7421;
  color: #fff;
}
.orange-box p,
.orange-box h2,
.orange-box h1,
.orange-box h3,
.orange-box h4 {
  color: #fff;
}
.game-1-box {
  background-color: #eea904;
  color: #fff;
}
.game-1-box p,
.game-1-box h2,
.game-1-box h1,
.game-1-box h3,
.game-1-box h4 {
  color: #fff;
}
.game-2-box {
  background-color: #ee7421;
  color: #fff;
}
.game-2-box p,
.game-2-box h2,
.game-2-box h1,
.game-2-box h3,
.game-2-box h4 {
  color: #fff;
}
.game-2-box .white-inner {
  padding: 15px;
  margin-top: 15px;
  background-color: #fff;
  color: #0083be;
}
.game-2-box .white-inner p,
.game-2-box .white-inner h2,
.game-2-box .white-inner h1,
.game-2-box .white-inner h3,
.game-2-box .white-inner h4 {
  color: #0083be;
}
.game-3-box {
  background-color: #eea904;
  color: #fff;
}
.game-3-box p,
.game-3-box h2,
.game-3-box h1,
.game-3-box h3,
.game-3-box h4 {
  color: #fff;
}
.game-4-box {
  background-color: #ee7421;
  color: #fff;
}
.game-4-box p,
.game-4-box h2,
.game-4-box h1,
.game-4-box h3,
.game-4-box h4 {
  color: #fff;
}
.intro-box {
  background-color: #ee7421;
  color: #fff;
}
.conclusion-box {
  background-color: #eea904;
  color: #fff;
}
.intro-box p,
.intro-box h2,
.intro-box h1,
.intro-box h3,
.intro-box h4,
.conclusion-box p,
.conclusion-box h2,
.conclusion-box h1,
.conclusion-box h3,
.conclusion-box h4 {
  color: #fff;
}
.orange-box.videos {
  background-image:url(./images/orange-videos-bg.png);
  background-repeat:repeat-y;
  background-position:right top;
  padding-right:175px;
}
.green-box {
  background: #31b55b url(./images/J2_Home_Callout_green_cropped.png) repeat-x bottom;
  color: rgb(218, 255, 218);
}
.green-box:after {
  background-image:url(./images/J2_Home_Callouts_TriangleGreen.png);
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 0px;
  width: 17px;
  height: 15px;
}
.counter-callout .logo-relief {
  background-image:url(./images/Home/J2_Home_Callout_yellowLogo.png);
  width:36px;
  height:36px;
  position:absolute;
  left:20px;
  top:10px;
}
.green-box .logo-relief {
  background-image:url(./images/Home/J2_Home_Callout_greenLogo.png);
}
.boxed-slider {
  width:50%;
  margin: 10px auto;
}

.featured-content .substrate:after {
  background:none;
}

#world-population,
#arable-land {
  font-size:1.2em;
}

.accordion {
  overflow:visible;
  margin-bottom: 20px;
  position:relative;
}
.accordion:before {
  content: " ";
  background:url(./images/Home/J2_Home_FactsFigs_GraphicFarm.png);
  position:absolute;
  top:-63px;
  left:10px;
  width:103px;
  height:67px;
}

.callout-boxes {
  padding-top:25px;
}
.toggle-content p {
  color:white;
}

.step-header {
  position: relative;
  z-index: 2;
}

.two-farmers {
  background:url(./images/J2_Teacher_NotSignedIn_Callouts_GraphicPeople.png);
  position:absolute;
  top:-89px;
  left:20px;
  width:169px;
  height:90px;
  z-index:-1;
}
.farmer-top {
  background:url(./images/Home/J2_Home_News_GraphicLady.png);
  position:absolute;
  top:-63px;
  right:10px;
  width:71px;
  height:68px;
  z-index:-1;
}
.wheat-decoration {
  background:url(./images/decorations/wheat.png);
  position:absolute;
  top:-90px;
  right:51px;
  width:92px;
  height:115px;
  z-index:-1;
}
.orange-combine {
  background:url(./images/decorations/orange-combine.png);
  position:absolute;
  top:-70px;
  right:15px;
  width:155px;
  height:74px;
  z-index:-1;
}
.barn-wheat {
  background:url(./images/decorations/barn-wheat.png);
  position:absolute;
  top:-78px;
  right:25px;
  width:125px;
  height:90px;
  z-index:-1;
}
.orange-windmills {
  background:url(./images/decorations/orange-windmills.png);
  position:absolute;
  top:-90px;
  right:25px;
  width:132px;
  height:94px;
  z-index:-1;
}
.blue-farmers {
  background:url(./images/decorations/blue-farmers.png);
  position:absolute;
  top:-60px;
  right:35px;
  width:106px;
  height:67px;
  z-index:-1;
}
.dark-blue-farmers {
  background:url(https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/DarkBlueFarmers.png);
  position:absolute;
  top:3px;
  right:35px;
  height:67px;
  width:106px;
  z-index:-1;
}
.light-blue-farmers {
  background:url(https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/Light_blue_farmers.png);
  position:absolute;
  top:3px;
  right:35px;
  height:67px;
  width:106px;
  z-index: -1
}
.widget-content .dark-blue-farmers,
.widget-content .light-blue-farmers {
  top: -67px;
}
.yellow-farmers {
  background:url(./images/decorations/yellow-farmers.png);
  position:absolute;
  top:-60px;
  right:35px;
  width:106px;
  height:67px;
  z-index:-1;
}
.games-banner .yellow-farmers {
  top: 3px;
}
.orange-farmers {
  background:url(./images/J2_Kids_GamesHeader_GraphicFarmer.png);
  position:absolute;
  top:-63px;
  right:40px;
  width:106px;
  height:67px;
  z-index:-1;
}
.green-farmers {
  background:url(https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/GreenFarmers.png);
  position:absolute;
  top:3px;
  right:35px;
  width:106px;
  height:67px;
  z-index: -1;
}
.cloud {
  float:left;
  clear:both;
  background:url(./images/Home/J2_Home_Features_GraphicCloud.png);
  width: 214px;
  height: 39px;
  padding: 40px 0 0px 50px;
  color: white;
  font-size: 18px;
  margin:7px 0;
}
.footer-left-vectors {
  background:url(./images/J2_Home_footer_leftVectors.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 328px;
  height: 115px;
  top: -102px;
  left: 10px;
  z-index: -1;
}
.footer-right-vectors {
  background:url(./images/J2_Home_footer_RightVectors.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 456px;
  height: 147px;
  top: -82px;
  right: 10px;
  z-index: -1;
}
.white-overlay {
  background: url(https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/WhiteOverlay_icon.png);
  background-repeat: no-repeat;
  position: absolute;
  width:184px;
  height:94px;
}
.white-barn-overlay {
  background: url(https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/Transparent_Barn_graphic.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 157px;
  height: 93px;
}
.white-cart-overlay {
  background: url(https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/Transparent_Cart_graphic.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 92px;
  height: 85px;
}
.games-banner .white-barn-overlay {
  right: 75px;
  top: 95px;
}
.games-banner .white-cart-overlay {
  left: 75px;
  top: 103px;
}
.widget.dark-blue-bg .eightcol {
  position: relative;
}
.widget.game-6-box .white-overlay {
  left: 50%;
  margin-left: -92px;
  top: 95px;
}
.conclusion-banner .white-overlay {
  right: 75px;
  top: 95px;
}
@media (max-width: 999px) {
  .conclusion-banner .white-overlay {
    top: 200px;
    left: 50%;
    margin-left: -92px;
  }
}
@media (max-width: 999px) {
  .widget.game-6-box .white-overlay {
    display: none;
  }
}
@media (max-width: 768px) {
  .wheat-decoration,
  .farmer-top,
  .orange-combine,
  .barn-wheat,
  .orange-windmills,
  .blue-farmers,
  .dark-blue-farmers,
  .green-farmers,
  .yellow-farmers,
  .footer-left-vectors,
  .white-barn-overlay,
  .white-cart-overlay,
  .conclusion-banner .white-overlay,
  .footer-right-vectors {
    display: none;
  }
}
#experience-header {
  position: absolute;
  top: -44px;
  left: 170px;
}
.site-wrap.wheat .main-content {
  background-image:url(./images/bgs/J2_bkg_wheat.png);
  background-repeat:repeat-y;
  background-position:center top;
}
.site-wrap.sun .main-content {
  background-image:url(./images/bgs/J2_bkg_sun.png);
  background-repeat:repeat-y;
  background-position:center top;
}
.site-wrap.leaf .main-content {
  background-image:url(./images/bgs/J2_bkg_leaf.png);
  background-repeat:repeat-y;
  background-position:center top;
}
.site-wrap.compass .main-content {
  background-image:url(./images/bgs/J2_bkg_compass.png);
  background-repeat:repeat-y;
  background-position:center top;
}
.site-wrap.clouds .main-content {
  background-image:url(./images/bgs/J2_bkg_clouds.png);
  background-repeat:repeat-y;
  background-position:center top;
}
.site-wrap.canola .main-content {
  background-image:url(./images/bgs/J2_bkg_canola.png);
  background-repeat:repeat-y;
  background-position:center top;
}

.sponsors .widget-content {
  background-color:#fff;
  padding:10px;
}
.sponsors ul {
  list-style-type: none;
  text-align: center;
}
.sponsors ul li {
  display: inline;
  margin: 0 1em;
}
.wind-mills {
  background:url(./images/Home/J2_Home_LogosBox_GraphicLady.png);
  position:absolute;
  top: -60px;
  left: 10px;
  width: 149px;
  height: 64px;
}
.star-header {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 0;
}
.round-button-header {
  text-align: left;
  margin-top: 3em;
}
.round-button-header h2 {
  padding-top: 1em;
  margin: 0;
}
.round-button-header h6 {
  margin-bottom: 0;
}
.round-button-header img {
  margin-right: 1em;
  width: 120px;
}
.round-button-header + br {
  display: none;
}

/* == Teacher page == */
.alert-box {
  color: #ee7421;
  font-size:17px;
}
.teacher-image-box {
  margin-right: 10px;
  position: relative;
}
.teacher-image-box img {
  border: 7px solid #0083be;
  width: 100%;
}
.teacher-image-box .caption {
  padding: 1.0em 20px;
  max-height: 50px;
  background-color: #fff;
}
.future-fieldtrip {
  padding:1em 3.7% 1em 0;
  border-top:2px solid #c8d9ec;
  border-bottom:2px solid #c8d9ec;
}
.experience-tab {
  background-color: #999999;
  margin: 0;
  padding: 15px;
  text-align: center;
  color: white;
  font-size:20px;
  position:relative;
}
.experience-tab small {
  position: absolute;
  right: 5px;
  bottom: 3px;
  font-size: 12px;
}
.experience-tab.current {
  background-color:#e37222;;
}
.experience-tab a span {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background-image: url('./images/empty.gif');
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.fourcol.column.last .experience-tab a span {
	border-right:none;
}
.experience-tab.current a span {
  border-bottom:none;
}
.experience-tab.disable,
.experience-tab.current.disable {
  background-color: #adadad;
}
.experience-tab.disable a,
.experience-tab.current.disable a {
  pointer-events: none;
  cursor: default;
}
.submenu {
  font-size:16px;
  margin:0 0 0 0;
  background-color: #e37222;
  padding: 10px 0;
}
ul.inline {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.inline li { display: inline; }

ul.inline li a {
  text-decoration: none;
  padding: .2em 1em;
  color: #5d92d3;
}

ul.inline li a:hover {
  color: #5d92d3;
}

ul.inline li.current a {
  color:#e37222;
}
.submenu ul.inline li.current a {
  color:#FFF;
}
.submenu ul.inline li a {
  color: #C5D7EB;
}
.submenu ul.inline li a:hover {
  color: #C5D7EB;
}

table.assets td.first {
  background-color:#c5d7eb;
  color:#0083be;
  font-weight:bold;
}
table.assets td.second {
  background-color:#eef3f9;
}
table.assets {
  border:0;
  margin-bottom:20px;
}
table.assets td {
  border:0;
}
strong.call-to-action {
  font-size:16px;
  color:#0083be;
  padding-bottom:7px;
}
.bus-icon {
  background-image: url(./images/J2_Teacher_Tab_GraphicBus.png);
  width:80px;
  height:42px;
  vertical-align: middle;
  display:inline-block;
}
.desk-icon {
  background-image: url(./images/J2_Teacher_Tab_GraphicDesk.png);
  width:67px;
  height:42px;
  vertical-align: middle;
  display:inline-block;
}
#new_teacher .form-inputs .row {
  padding: 0;
}

/* == Student page == */
#students-tabs {
  text-align: center;
  margin-top: 5em;
  margin-bottom: 5em;
}
#students-tabs ul.tabs {
  display: inline-block;
  background-color: transparent;
}
#students-tabs ul.tabs > li {
  padding: 0 15px;
}
.j2050-button-lesson {
  border-radius: 8px;
  padding: 13px 0;
  background-color: #E37222;
  color: #ffffff;
  font-family: Droid Sans, Arial, Helvetica, sans-serif;
  font-size: 32px;
  -webkit-box-shadow: -2px 2px 14px -2px #707070; 
  box-shadow: -2px 2px 14px -2px #707070;
}

.j2050-button-lesson:hover {
  background-color: #FF6A00;
}

.horizontal-tabs .tabs li a.j2050-button-lesson,
.horizontal-tabs .tabs li a.j2050-button-lesson:hover {
  color: #ffffff;
}

.j2050-button-lesson-num {
  border-right: 1px solid #E6AA85;
  padding: 13px 20px;
}

.j2050-button-lesson-text {
  padding: 13px 16px;
}

#students-tabs ul.tabs > li.current .j2050-button-lesson {
  background-color: #F2F2F2;
  color: #E37222;
  -webkit-box-shadow: inset 2px 2px 12px -3px rgba(112, 112, 112, 0.5);
  box-shadow: inset 2px 2px 12px -3px rgba(112, 112, 112, 0.5);
}

#students-tabs ul.tabs > li.current .j2050-button-lesson-num {
  border-color: #CBCBCB;
}

#students-tabs div.panes {
  border-top: 0;
  margin-top: 3em;
  padding: 0;
}
#students-tabs div.pane {
  padding: 0;
}
#students-tabs .testimonials {
  text-align: left;
}

@media (max-width: 1199px) {
  #students-tabs ul.tabs > li {
    padding: 0 15px;
    width: auto;
  }
  .visible-desktop {
    display: none;
  }
}

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

  .j2050-button-lesson {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px){
  .j2050-button-lesson-num,
  .j2050-button-lesson-text {
    padding: 13px;
  }

  #students-tabs ul.tabs li {
    float: none;
    margin-bottom: 3em;
  }

  #students-tabs ul.tabs li:last-of-type {
    margin-bottom: 0;
  }
}

.image-banner {
  height: 240px;
  margin: 0;
  margin-top: 5em;
  margin-bottom: 2em;
  color: white;
  padding: 10px;
  background-size: cover !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.image-banner h2 {
  color: white;
  padding-top: 1em;
}
.image-banner p {
  color: white;
}
@media (min-width: 1200px) {
  .image-banner p,
  .image-banner li {
    font-size: 1.2em;
  }
}
.image-banner < ul < li {
  margin: 0;
}
.image-banner.intro-banner {
  background-image: url('https://journey2050.staging.wpengine.com/wp-content/uploads/2014/09/IntroBanner.png');
}
.image-banner.games-banner {
  background-image: url('https://journey2050.staging.wpengine.com/wp-content/uploads/2014/09/GamesBanner.png');
}
.image-banner.getinvolved-banner {
  background-image: url('https://journey2050.staging.wpengine.com/wp-content/uploads/2014/09/GetinvolvedBanner.png');
}
.image-banner.conclusion-banner {
  background-image: url('https://journey2050.staging.wpengine.com/wp-content/uploads/2014/09/ConclusionBanner.png');
}
#coming-soon-button {
  margin: 0;
}
@media (max-width: 1199px) {
  #coming-soon-button {
    clear: both;
  }
}
@media (min-width: 1200px) {
  #coming-soon-button {
    position: absolute;
    bottom: 15px;
    left: 63%;
  }
}

.play-overlay {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 20px;
  margin-bottom: 1em;
}
.play-overlay:after {
  content: '';
  position: absolute;
  background: url('https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/play.png');
  width: 23px;
  height:26px;
  left: 50%;
  margin-left: -12px;
  top: 50%;
  margin-top: -13px;
}

.play-button-overlay {
  position: relative;
}
.play-button-overlay:after {
  content: '';
  position: absolute;
  background: url('https://journey2050.staging.wpengine.com/wp-content/uploads/2014/10/Play_Button.png');
  width: 145px;
  height: 60px;
  left: 50%;
  margin-left: -72px;
  bottom: 40px;
}

.widget.dark-blue-bg {
  background-color: #0d7ebb;
}
.widget.green-bg,
.widget.green-border {
  background-color: #4fae69;
}
.widget.green-bg p,
.widget.dark-blue-bg p,
.widget.green-bg h4,
.widget.dark-blue-bg h4 {
  color: #ffffff;
}
.widget.green-border > .widget-content {
  background-color: #ffffff;
  color: #0083be;
}
.widget.green-border > .widget-content p {
  color: #0083be;
}

img.game-screenshot {
  margin-top: 21px;
}

p > a.align-p {
  margin: 0 !important;
  margin-left: 10px !important;
  vertical-align: middle;
}

.text-orange {
  color: #e37222
}

/* == FORMS == */
.help-inline {
  color:#c60f13;
}
.button-wrap {
  margin-right:10px;
}
textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #2ba6cb;
  border-color: #2285a2;
  color: white;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */ }
  button:hover, button:focus {
    background-color: #2285a2; }
  button:hover, button:focus {
    color: white; }
  button.secondary {
    background-color: #e9e9e9;
    border-color: #bababa;
    color: #333333; }
    button.secondary:hover, button.secondary:focus {
      background-color: #bababa; }
    button.secondary:hover, button.secondary:focus {
      color: #333333; }
  button.yellow {
    background-color: #eea904;
    border-color: #eea904;
    color: #fff; }
    button.yellow:hover, button.yellow:focus {
      background-color: #feb914; }
    button.yellow:hover, button.yellow:focus {
      color: #bbb; }
  button.success {
    background-color: #5da423;
    border-color: #4a831c;
    color: white; }
    button.success:hover, button.success:focus {
      background-color: #4a831c; }
    button.success:hover, button.success:focus {
      color: white; }
  button.alert {
    background-color: #c60f13;
    border-color: #9e0c0f;
    color: white; }
    button.alert:hover, button.alert:focus {
      background-color: #9e0c0f; }
    button.alert:hover, button.alert:focus {
      color: white; }
  button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
  button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
  button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
  button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  button.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  button.disabled, button[disabled] {
    background-color: #2ba6cb;
    border-color: #2285a2;
    color: white;
    cursor: default;
    opacity: 0.7;
    -webkit-box-shadow: none;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus {
      background-color: #2285a2; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus {
      background-color: #2ba6cb; }
    button.disabled.secondary, button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #bababa;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus {
        background-color: #bababa; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success {
      background-color: #5da423;
      border-color: #4a831c;
      color: white;
      cursor: default;
      opacity: 0.7;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus {
        background-color: #4a831c; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert {
      background-color: #c60f13;
      border-color: #9e0c0f;
      color: white;
      cursor: default;
      opacity: 0.7;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus {
        background-color: #9e0c0f; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus {
        background-color: #c60f13; }

button.button-orange,
a.button-orange {
  background-color: #e37222;
  color: #ffffff;
  font-size: 15px;
  font-family: Droid Sans, Arial, Helvetica, sans-serif;
  display: inline-block;
  margin-top: 1em;
  padding: 12px;
}
  button.button-orange:hover,
  a.button-orange:hover {
    background-color: #ff6a00;
    color: #ffffff;
  }

  button.button-orange:focus,
  a.button-orange:focus {
    color: #ffffff;
  }

button.button-orange.disabled,
a.button-orange.disabled {
  background-color: #E37222;
  opacity: 0.5;
}

button.button-orange.disabled:hover,
a.button-orange.disabled:hover {
  cursor: default;
  background-color: #E37222;
  opacity: 0.5;
}

button.button-orange-secondary,
a.button-orange-secondary {
  background-color: #ffffff;
  color: #E37222;
  border: 1px solid #E37222;
  font-size: 15px;
  font-family: Droid Sans, Arial, Helvetica, sans-serif;
  display: inline-block;
  margin-top: 1em;
  padding: 12px;
}

button.button-orange-secondary:hover,
a.button-orange-secondary:hover {
  border-color: #FF6A00;
  color: #FF6A00;
}
button.button-orange-secondary:focus,
a.button-orange-secondary:focus {
  color: #E37222;;
}

button.button-orange-secondary i,
a.button-orange-secondary i {
  margin-right: 8px;
}

button.button-orange-secondary.disabled,
a.button-orange-secondary.disabled {
  border-color: #E37222;
  color: #E37222;
  opacity: 0.5;
}

button.button-orange-secondary.disabled:hover,
a.button-orange-secondary.disabled:hover {
  border-color: #E37222;
  color: #E37222;
  cursor: default;
}
@media only screen and (min-width: 40.063em) {
  button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

select {
  -webkit-appearance: none !important;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 97% center;
  border: 1px solid #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  -webkit-border-radius: 0;
  border-radius: 0; }
  select.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }

select::-ms-expand {
  display: none; }

@-moz-document url-prefix() {
  select {
    background: #fafafa; }

  select:hover {
    background: #f3f3f3; } }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }


/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }
  span.prefix.radius, label.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }
  span.postfix.radius, label.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled], fieldset[disabled] input[type="text"],
  input[type="password"][disabled], fieldset[disabled]
  input[type="password"],
  input[type="date"][disabled], fieldset[disabled]
  input[type="date"],
  input[type="datetime"][disabled], fieldset[disabled]
  input[type="datetime"],
  input[type="datetime-local"][disabled], fieldset[disabled]
  input[type="datetime-local"],
  input[type="month"][disabled], fieldset[disabled]
  input[type="month"],
  input[type="week"][disabled], fieldset[disabled]
  input[type="week"],
  input[type="email"][disabled], fieldset[disabled]
  input[type="email"],
  input[type="number"][disabled], fieldset[disabled]
  input[type="number"],
  input[type="search"][disabled], fieldset[disabled]
  input[type="search"],
  input[type="tel"][disabled], fieldset[disabled]
  input[type="tel"],
  input[type="time"][disabled], fieldset[disabled]
  input[type="time"],
  input[type="url"][disabled], fieldset[disabled]
  input[type="url"],
  textarea[disabled], fieldset[disabled]
  textarea {
    background-color: #dddddd; }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  textarea.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Add height value for select elements to match text input height */
select {
  height: 2.3125rem; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: 1px solid #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  margin-bottom: 0; }

label.error {
  color: #c60f13; }

div.div20 {
  height: 20px;
}

/* ================ Magnific Popup with Video ================ */
.mfp-fade.mfp-bg {
  opacity: 0.001; /* Chrome opacity transition bug */
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* ================ Agenda Content ================ */
.agenda_table {
	display:table;
	width:100%;
	font-size:15px;
	color:#0083be;
	table-layout:fixed;
	margin:0 0 25px 0;
}
.agenda_table > div {
	display:table-row;
}
.agenda_table > div > div {
	display:table-cell;
	background-color:#eef3f9;
	border-top:1px solid #add1f0;
	padding:7px 10px
}
.agenda_table > div > div:first-child {
	background-color:#c5d7eb;
	width:42%;
}
.agenda_table > div > div:nth-child(2){
	width:32%;
}
.agenda_table > div > div:nth-child(3) {
	width:26%;
}
.agenda_table > div:first-child > div {
	background-color:#FFF;
	border-top:none;
	font-size:19px;
	font-weight:bold;
}
.agenda_table > div:nth-child(2) > div {
	border-top:none;
}
.agenda_bold {
	font-weight:bold;
}
.four_images {
	padding: 0 0 25px 0;
	float: left;
	margin: 20px 0;
	border-bottom: 1px solid #6CACE2;
}
.table {
  border: 0;
}
.table th, td {
  border: 0;
}