p html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  Clear Floated Elements
*/

.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}

.clear:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0;
}

* html .clear {
  height:1%;
}

/*
  Style HTML Tags
*/

body {
-webkit-font-smoothing: antialiased;
  color: #666;
font-family: "Open Sans";
  background:#fff4e0;
     font-weight:400;
  line-height: 160%;
}

a {
  color: #3d2c5a;
  text-decoration:none;
}

a:hover {

  text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
  color:#3d2c5a;font-family: "Open Sans";
  font-weight: 500;
  margin-bottom:6px;
  line-height: 125%;


}

h1 {
  font-size:28px;font-weight:500;
}

h2 {
  font-size:30px;
}

h3 {
  font-size:18px;
}

h4 {
  font-size:16px;
}

h5 {
  font-size:15px;
}

h6 {
  font-size:14px;
}

p {
  margin-bottom:18px;font-weight:300;line-height:1.5;
}
.line-br{background:#3d2c5a ;width:40px;height:3px;display:block;}
table {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 15px;
  width: 100%;
}

th, tr, td {
  vertical-align: middle;
}

.sticky-header th, .sticky-table th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em;
  text-align: left;
}

table {
    background-color:transparent;
  border: 0px solid #bbbbbb;
}

th {
   background-color:transparent;
  padding: 10px 4px;
  text-shadow: 1px 1px #fff;
  border-right: 1px solid #c8c7c7;
  color:#333;
}

td {
  background-color:transparent;
  color: #747474;
  text-align: left;
  padding-left: 4px;

}

code {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  display: block;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

mark {
  background-color:#fdfc9b;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

hr {
  border:none;
  border-top:#EEE 1px solid;
}

dt {
  font-weight:bold;
  margin-bottom:24px;
}

dd {
  margin-left:30px;
  margin-bottom:24px;
}

ul {
  list-style-type:disc;
  margin-left:15px;
  margin-bottom:12px;
}

ul ul {
  list-style-type:square;
  margin-bottom:0;
}

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

ol {
  list-style-type:decimal;
  margin-left:30px;
  margin-bottom:24px;
}

ol ol {
  list-style: upper-alpha;
  margin-bottom:0
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

abbr,
acronym {
  border-bottom:#999 1px dotted;
  cursor:help;
}

big {
  font-size:1.3em;
}

cite,
em {
  font-style:italic;
}

ins {
  background-color:#fdfc9b;
  text-decoration:none;
}

pre {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

blockquote, q {
  quotes:none;
  border: 1px solid #bbbbbb;
  background: #d8d8d8 url(images/quote.png) no-repeat;
  padding: 10px 5px 5px 47px;
  text-shadow: 1px 1px #fff;
  margin: 5px 0;
  border-radius: 7px;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

strong {
  font-weight:bold;
}

sup,
sub {
  height:0;
  line-height:1;
  vertical-align:baseline;
  position:relative;
  font-size:10px;
}

sup {
  bottom:1ex;
}

sub {
  top:.5ex;
}

img,
video {
  max-width:100%;
  height:auto;
}

video {
  display:block;
}

audio {
  max-width:100%;
}



/*
  Theme Design, Layout and Typography
*/

#inner_header_wrapper {

  position:relative;
  margin:0 auto;


}

#header_wrapper{  -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;}
#header_wrapper{width:100%;z-index:101;top:0;
	height:100px;
	padding:20px 0 20px 0;display:block;
background:#fff;
border-bottom:5px solid #f8ba4f;
margin-bottom:50px;

}

.header_top{max-width:80%;margin:auto;}
#header {
  max-width: 1000px;
  margin: 0 auto;

}
.logo{display:inline;padding-top:16px;display:inline-block;}
.logo a {font-size:14px;font-weight:600;color:#3d2c5a;}
.menu-open{font-size:18px;font-weight:bold;display:inline-table;vertical-align:top;padding-top:20px}
.breadcrumbs{font-size:18px;font-weight:bold;display:inline-table;vertical-align:top;color:#9f9e9e;margin-left:50px;padding-top:20px}

#site-title a,
#site-description {
  color:#fff;
  font-weight: 300;
}

#site-title,
#site-description {
  float:left;
}

#site-title {
  margin: 25px 0;
  font-size:28px;
  font-weight:bold;
}

#site-title a{
  float: left;
  line-height: 100%;
}

#site-description {
  color: #E7E7E7;
  margin: 0;
  float: left;
  clear: both;
  font-size: 12px;
  line-height: 100%;
}

#main-menu {
  max-width: 1000px;
  margin: 0 auto;
display:inline-table;
  z-index: 11;


}

#main-menu ul {
 right:0;
  padding:0;
  margin:0;
  list-style:none;
  font-size:13px;
	float:right;
}

#main-menu li {
float:left;
  position:relative;
  padding:0;
  margin:0;
  font-size: 14px;
}

#main-menu ul li:first-child {
  padding-left:0;
}

ul, ol, div.item-list ul{
  margin: 5px 0 5px 0;
  padding: 0;
}

ul li, ul.menu li, ul.links li, .item-list ul li {
  list-style: none outside none;
  margin: 0 0 2px;
}
/** #content ul li{background: url(images/m-icon-18.png) no-repeat left top;padding-left:23px ; } */
#main-menu a {
  display: block;
  color:#000;
  text-align: center;
  padding: 5px 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight:bold;

}

#main-menu a:hover,
#main-menu li a.active{
  color: #fff;
  text-decoration: underline ;

}
#main-menu li li a.active{
text-decoration:underline;
}

.drop-down-toggle {
  position:absolute;
  top:7px;
  right:16px;
  display:none;
  width:20px;
  height:20px;
  border-radius:15px;
  background:#333;
  background:-moz-linear-gradient(#333,#444);
  background:-webkit-linear-gradient(#333,#444);
  background:-o-linear-gradient(#333,#444);
  background:-ms-linear-gradient(#333,#444);
  background:linear-gradient(#333,#444);
  border:#aaa 3px solid;
}

.drop-down-arrow {
  display:block;
  width:0;
  height:0;
  margin:8px 0 0 5px;
  border-top:5px solid #aaa;
  border-left:transparent 5px solid;
  border-right:transparent 5px solid;
}

#main-menu li li {
  float:none;
  min-width:190px;
  padding:0;
  margin:0;
}

#main-menu li li a {
  color: #C5C5C5;
  min-width: 150px;
  margin: 0;
  background: #1e272e;
  border-top: 1px solid #333;
  font-size: 11px;
  text-align: left;
  overflow: hidden;
  padding: 3% 5%;
  font-weight: normal;
}

#main-menu li li:first-child > a {
  border-top:none;
}

#main-menu li li a:hover {
  background: rgb(39, 50, 60);
}

#main-menu li ul {
  display:none;
  position:absolute;
  z-index:9999;
  min-width:190px;
  height:auto;
  padding:0;
  margin:0;
  box-shadow:0 0 3px #333;
}

#main-menu li ul ul {
  margin:-33px 0 0 190px !important;
}

#main-menu li:hover > ul,
#main-menu li li:hover > ul,
#main-menu li li li:hover > ul {
  display:block;
}

#main-menu .nav-toggle {
  display:none;font-size:36px;
}

#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
  list-style:none;
}
#main-menu ul.menu li {
  margin: 0;
}

#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
  margin: 0;
  padding: 0;
}

#container {
  clear: both;
  margin: 0 auto;
  overflow: hidden;


}


#slider {
  background: transparent;
  position:relative;
  box-shadow: none;
  overflow: visible;
}

.nivo-caption {
  background: rgba(255, 255, 255, .6);
  margin: 20px;
  width: 60%;
  font-size: 13px;
  padding: 20px;
  border-left: 4px solid rgb(50, 165, 231);
  font-family: Arial, sans-serif;
  color: rgb(0, 0, 0);
  line-height: 120%;
}

.slider-wrapper #slider{
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.theme-default .nivo-controlNav{
  padding: 20px 0 0 0;
}

#slider a:active {
  outline:none;
}

.slides,
.flex-control-nav {
  margin:0;
  padding:0;
  list-style:none;
}

.slides {
  width:100%;
  overflow:hidden;
}

#slider .slides > li {
  display:none;
  position:relative;
  margin:0;
}

#slider .slides li:first-child {
  display:list-item;
}

.flex-pauseplay span {
  text-transform:capitalize;
}

.slides:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.flex-control-nav {
  position:absolute;
  right:4%;
  bottom:7.3%;
  text-align:center;
}

.flex-control-nav li {
  display:inline-block;
  margin:0 0 0 15px;
}

.flex-control-nav li:first-child {
  margin:0;
}

.flex-control-nav li a {
  display:block;
  width:24px;
  height:24px;
  box-shadow:0 0 3px #999;
  cursor:pointer;
  background:#e9e9e9;
  color:#333;
  font-weight:bold;
  line-height:24px;
}

.flex-control-nav li a.active,
.flex-control-nav li a:hover {
  background:#fff;
}

#slider .post {
  padding:1.83%;
  margin:0;
  box-shadow:none;
  background:none;
}

#slider .entry-container {
  float:right;
  max-width:50%;
}

#slider .slide-image {
	max-width:49%;
	padding:0.47%;
	background:#E9E9E9;
}

#slider .entry-header,
#slider .entry-summary {
  margin-left:5%;
}

#slider .entry-title{
  margin-left:0;
  margin-bottom:15px;
}

.content-sidebar-wrap {
  float:left;
  width:100%;
}


.content-sidebar-wrap #content {

  margin-bottom: 2.7%;

  width:100%;
}

#sidebar-first {
  color: #888;
  float: left;
}

#sidebar-second {
  color: #888;
  float: right;
}

/* 3 columns */

body.two-sidebars .content-sidebar-wrap {
  width:80%;
}

body.two-sidebars #content {
  width:75%;
}

body.two-sidebars #sidebar-first {
  width: 24%;
}

body.two-sidebars #sidebar-second {
  width: 19%;
}

/* 2 columns: sidebar-first */

body.sidebar-first .content-sidebar-wrap {
  width: 100%;
}

body.sidebar-first #content {
  width: 80%;
}

body.sidebar-first #sidebar-first {
  width: 19%;
}

/* 2 columns: sidebar-second */

body.sidebar-second .content-sidebar-wrap {
  width: 75%;
}

body.sidebar-second #content {
  width: 100%;
}

body.sidebar-second #sidebar-second {
  width: 24%;
}


#head, #content, #sidebar-second, #sidebar-first {

}

.node {
  margin:20px 0;
}

.node h2.title, .page-title {
  font-size: 20px;
}
.title-bottom{top:250px;position:absolute;width:100%;display:block;color:#fff;}
h1.page-title{font-size:30px;font-weight:900;margin:0 auto;max-width:1000px;font-family:'gill','open sans';}

.node-type-article .region-slideshow h2{text-align:center;display:block;color:#fff;font-size:30px;font-weight:900;margin:0 auto;max-width:1000px;font-family:'gill','open sans';}
.node-type-article .region-slideshow{color:#fff;text-align:center;padding:50px 0;background: rgba(0, 0, 0, 0) linear-gradient(to right, #c55b8b 0%, #c15b5b 53%, #d8915e 100%)}
.node-type-article .field-name-body{max-width:740px;margin:auto;}

.node h2.title a{
  color: #000;
}

.block {
  margin-bottom: 1%;
}

.block > h2{

font-weight: normal;
margin: 5px 0px;
padding: 0px 0px 4px 0px;
}

.theme-default .nivo-directionNav a {
 background: url("images/arrows.png") no-repeat;
}

.theme-default a.nivo-nextNav {
  background-position: -30px 0;
}

#footer-area .block > h2 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

#footer-area ul.menu li a.active{
  color:#ddd;
}

.region-front-welcome{
  background: url("images/hr.png") top center no-repeat;
  padding-top: 2%;
  margin-top: 3%;
}

.region-front-welcome h2{
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
}

.submitted {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: rgb(247, 247, 247);
  border: 1px solid rgb(236, 236, 236);
  border-radius: 4px;
  clear: both;
  color: rgb(56, 56, 56);
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 8px;
}

.links {
  color: #000;
  margin-top: 10px;
  font-size: 14px;
}

ul.links {
  margin:0;
}

.links li a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #696F72;
  border-radius: 4px;
  color: #FFF;
  font-weight: normal;
  padding: 4px 8px;
}

.links li a:hover {
  background: #000;
  color: #DDD;
}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/

table.cke_editor {
  background: transparent;
  border: 0;
}
table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/

.poll .vote-form .choices .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.poll .vote-form .choices {
  margin: 0;
}

.form-submit{
  cursor: pointer;
  margin:5px;font-weight:bold;font-size:18px;background:#3d2c5a;color:#fff;text-align:center;padding:10px 30px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

input.form-checkbox, input.form-radio {
  vertical-align: baseline;
}

.form-text {
  padding: 4px 5px;
}

/*-------------------------------------------*
/* Menus and item lists
/*-------------------------------------------*/
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0;
}

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


ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
  margin: 0 0 10px 0;
}

.field-name-field-tags a{
  display: inline-block;
  background: url(images/tag.png) no-repeat;
  padding: 0px 8px 0 16px;
  height: 22px;
  text-shadow: 1px 1px #fff;
  border-radius: 2px;
  font-size: 12px;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager li {
  background: #cfcfcf;
  border-radius: 3px;
  margin-right: 4px;
  text-shadow: 1px 1px #fff;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-left: 2px;
}

.forum-starter-picture {
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 7px 5px 0;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{
  font-size: 16px;
}

/* Images */

img { outline: 0; }

img.scale-with-grid { max-width: 100%; height: auto; }

/* Comments */

.comment h2.title {
  margin-bottom: 1em;
}

.comment div.user-picture img {
  margin-left: 0;
}

.comment {
  margin-bottom: 20px;
  display: table;
  vertical-align: top;
}

.comment .attribution {
  display: table-cell;
  padding: 0 35px 0 0;
  vertical-align: top;
  overflow: hidden;
}

.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}

.comment .attribution .username {
  white-space: nowrap;
}

.comment .comment-submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}

.comment .comment-submitted .comment-time {
  font-size: 0.786em;
}

.comment .comment-submitted .comment-permalink {
  font-size: 0.786em;
  text-transform: lowercase;
}

.comment .content {
  font-size: 0.929em;
  line-height: 1.6;
}

.comment .comment-arrow {
  background: url(images/comment-arrow.gif) no-repeat 0 center transparent;
  border-left: 1px solid;
  border-right: 1px solid;
  height: 40px;
  margin-left: -36px;
  margin-top: 15px;
  position: absolute;
  width: 20px;
}

.comment .comment-text {
  padding: 0 25px 10px 35px;
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 100%;
  border-left: 1px
  solid #d3d7d9;
}

.comment .indented {
  margin-left: 40px;
}

.comment-unpublished {
  margin-right: 5px;
  padding: 5px 2px 5px 5px;
}

.comment .comment-text .comment-arrow {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

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

fieldset {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.fieldset-wrapper {
  margin-top: 25px;
}

.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}

.filter-wrapper {
  top: 0; padding: 1em 0 0.2em;
  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}

.filter-wrapper .form-item label {
  margin-right: 10px;
}

.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}

.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}

fieldset.collapsed {
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
   border-radius: 0;
}

fieldset legend {
  background: #dbdbdb;
  border: 1px solid #ccc;
  border-bottom: none;
  display: block;
  height: 2em;
  left: -1px;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px; width: 100%;
  -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
  -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
}

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 0.929em; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }

/* Form Buttons */

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
font-weight:bold;font-size:18px;background:#3d2c5a;color:#fff;text-align:center;padding:10px 30px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;border:0;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
 background:#000;
 text-decoration:underline;
  cursor: pointer;
	color:#fff;
}



#block-search-form { padding-bottom: 7px; overflow: hidden; }

#block-search-form .content { margin-top: 0; }

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 5px; width: 9em; }

#search-block-form input.form-submit,
#search-form input.form-submit {
  margin-left: 0; margin-right: 0; height: 25px; width: 34px; padding: 0; cursor: pointer;
  text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(images/search-button.png) no-repeat center top; overflow: hidden;
}

#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus { background-position: center bottom; }

#search-block-form .form-actions{ float: left; padding: 0; }

#search-block-form .form-actions input { margin: 1px 0; }

#search-form .form-item-keys label { display: block; }

ol.search-results { padding-left: 0; }

.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; }

.search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; }

.search-results .search-snippet-info { padding-left: 0; }

#top-area {
  clear:both;
}

#top-area {
  position:relative;
}

#top-area .block {
  margin: 0;
}

#top-area .block p{
  margin: 0;
}

#top-area .column {
  float: left;
  width: 32%;
  margin: 1.8% 0;
  margin: 0 5px;
  background: rgb(252, 252, 252);
  border: 1px solid rgb(241, 241, 241);
}

#top-area h2{
  padding: 9px 10px 0px 10px;
  color: rgb(34, 46, 54);
  margin-bottom: 0;
  font-size: 18px;
  margin: 0;
  font-weight: bold;
}

#top-area .column .content{
  padding: 10px;
}

#top-area .column:first-child {
  margin-left:0;
}

#top-area .column-title {
  color:#e0e0e0;
}

#top-area li {
  border-bottom:#555 1px dashed;
}

#footer {
  clear:both;
  color: #fff;
  background: #393939;

}

#footer a{
  color: #fff;
}
.footer-links-wrapper{background:#2b2a27;margin-bottom:20px;}
.footer-links{max-width:1000px;margin:auto;padding:10px 0;}
.footer-links a{padding:0 10px;text-align:center;color:#000;font-size:14px;display:inline-table;}
#footer_wrapper{
  max-width: 1000px;
  margin: 0 auto;
}
.newsletter-signup{padding:20px 0;margin:20px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;}
#block-views-tweets-block{padding:20px 0;margin:20px auto;max-width:1000px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;}
.footer-sig{max-width:1000px;margin:auto;padding:10px 0;margin-top:20px;border-top:1px solid #dcdcdc;text-align:center;}
.footer-sig-left{float:left;display:inline-table;}
.footer-sig-right{float:right;display:inline-table;text-align:right;}
#footer .column-1{width:25%;display:inline-block;vertical-align:top;text-align:center;padding-top:45px;}
#footer .column-1 img{width:75%;}
#footer .column-2{width:45%;display:inline-block;vertical-align:top;
    height: 100%;
    padding: 0 2% 40px 2%;
    text-align: center;padding-top:75px;
 }
.footer-links h2{width:24%;display:inline-block;vertical-align:top;}
.footer-links-section{width:75%;display:inline-block;vertical-align:middle;}
#footer .column-2 a{color:#3d2c5a ;font-size:16px;color:#fff;}
#footer .column-3{width:25%;display:inline-block;vertical-align:top;}
#footer-area {

  color:#fff;
}
.footer-links-area{width:75%;display:inline-block;vertical-align:top;}
.footer-social-links{width:24%;display:inline-block;vertical-align:top;padding-top:10px;}
#footer-area .column {
  float:left;
  width:30.8%;
  margin:0 0 1.9% 3.8%;
}

#footer-area .column:first-child {
  margin-left:0;
}

#footer-area .column-title {
  color:#e0e0e0;
}

#copyright {
  clear:both;
  padding:0 0px;
}

.credits {
  float:right;
  max-width:370px;
  margin-right:12px;
  text-align:right;
}

#copyright p {
  margin:0;
}

.footer_credit{
  color: #000;
  overflow: auto;
  padding: 10px 0px;

}

.footer_inner_credit{
  max-width: 1000px;
  margin: 0 auto;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#intro-load{ position:absolute;width:100%;height:100%;	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2200+0,f54e07+62,b81600+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ba4f+0,dbce6d+50,f2e554+100 */
background: #f8ba4f; /* Old browsers */
background: -moz-linear-gradient(left,  #f8ba4f 0%, #dbce6d 50%, #f2e554 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f8ba4f 0%,#dbce6d 50%,#f2e554 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f8ba4f 0%,#dbce6d 50%,#f2e554 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ba4f', endColorstr='#f2e554',GradientType=1 ); /* IE6-9 */
z-index:10000;display:table;top:0;left:0;}
.intro-load-content{ display: table-cell;vertical-align:middle;text-align:center;}

.mod-boxes{font-size:0;width:90%;margin:50px auto 30px auto;text-align:center;}
.mod-boxes img{width:100%;}
.mod-1-box{height:450px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f8ba4f;width:22%;margin:0 3% 0 0;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}
.mod-boxes .box-border{padding:30px 2.5% 50px 2.5%;}
.mod-box-title{font-size:24px;line-height:30px;}
.mod-2-box{min-height:450px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f8ba4f;width:22%;margin:0 3% 0 0;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}

.mod-3-box{height:450px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f8ba4f;width:22%;margin:0 3% 0 0;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}

.mod-4-box{height:450px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f8ba4f;width:22%;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}



.mod-1-wrapper{font-size:0;clear:both;width:100%;}
#mod-1{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-1-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-1{background: url(pve-images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-1-main{background: url(pve-images/mod-1.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-1-option-bg{background: url(pve-images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-1-option-1{background: url(pve-images/lesson-1-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-1-option-2{background: url(pve-images/lesson-2-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-1-option-3{background: url(pve-images/lesson-3-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-2-wrapper{font-size:0;clear:both;width:100%;}
#mod-2{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-2-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-2{background: url(pve-images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-2-main{background: url(pve-images/mod-2.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-2-option-bg{background: url(pve-images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-2-option-1{background: url(pve-images/lesson-4-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-2-option-2{background: url(pve-images/lesson-5-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-2-option-3{background: url(pve-images/lesson-6-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-3-wrapper{font-size:0;clear:both;width:100%;}
#mod-3{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-3-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-3{background: url(images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-3-main{background: url(images/mod-3.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-2-option-bg{background: url(images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-3-option-1{background: url(images/lesson-icon-7.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-3-option-2{background: url(images/lesson-icon-8.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-3-option-3{background: url(images/lesson-icon-9.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-option .mod-text{display:none;margin-left:240px;}
.mod-option:hover .mod-text{display:block;}



/*  support networks */
#pt1 {
    clear: both;
}
.bottom {
    top: 50px;
}

#pt1, #pt2 {

}
#pb1, #pb2 {

}

#pboth1, #pboth2 {

}
.player textarea{width:95px;}
#workarea {
    position: relative;
    height: 650px;
    width: 100%;
background:url(/sites/all/themes/creative-responsive-theme/images/strr/lesson3/lesson-3-character-bg-2.jpg) no-repeat 25px 25px;
}

#workarea.l6 {
    position: relative;
    height: 650px;
    width: 100%;
background:url(/sites/all/themes/creative-responsive-theme/images/strr/lesson5/6lea.jpg) no-repeat 25px 25px !important;
}

#workarea2 {
    position: relative;
    height: 650px;
    width: 100%;
background:url(/sites/all/themes/creative-responsive-theme/images/drag.png) no-repeat 25px 25px;
}
#workarea .yui3-dd-drop-active-valid {

}
#workarea #b2.yui3-dd-drop-over {
    background-color: #a81d05;
}
#workarea #b1.yui3-dd-drop-over {
    background-color: #71db5c;
}
#workarea #b3.yui3-dd-drop-over {
    background-color: #ae7c03;
}

#workarea .yui3-dd-drop-active-invalid {
    border: 2px solid red;

}
#ba-1{top:100px;left:280px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2{top:480px;left:280px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-3{top:300px;left:80px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-4{top:300px;left:460px;background:#f6e4ba;border:3px solid #ae7c03;}
#br-1{top:220px;left:0px;width:49%;height:400px;border:0px solid #ae7c03;background:none;}
#br-2{top:220px;right:0px;width:49%;height:400px;border:0px solid #ae7c03;background:none;}


#br-3{top:380px;left:180px;background:#ffccc3;border:3px solid #a81d05;}
#br-4{top:380px;left:380px;background:#ffccc3;border:3px solid #a81d05;}
#bg-1{top:430px;left:30px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2{top:430px;left:510px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-3{top:150px;left:30px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-4{top:150px;left:510px;background:#d9ffd2;border:3px solid #71db5c;}


#ba-2-1{top:150px;left:120px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2-2{top:150px;left:420px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2-3{top:430px;left:120px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2-4{top:430px;left:420px;background:#f6e4ba;border:3px solid #ae7c03;}
#br-2-1{top:220px;left:280px;background:#ffccc3;border:3px solid #a81d05;}
#br-2-2{top:380px;left:280px;background:#ffccc3;border:3px solid #a81d05;}
#br-2-3{top:300px;left:180px;background:#ffccc3;border:3px solid #a81d05;}
#br-2-4{top:300px;left:380px;background:#ffccc3;border:3px solid #a81d05;}
#bg-2-1{top:25px;left:280px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2-2{top:550px;left:280px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2-3{top:300px;left:0px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2-4{top:300px;left:540px;background:#d9ffd2;border:3px solid #71db5c;}



#block-block-13 .exercise-intro-right{margin-bottom:0;}
#node-19 h2 a{display:none;}
#node-19{width:760px;}
#node-9 .player-wrapper .continue{margin-left:280px;}
#node-19 textarea{width:100%;min-height:100px;font-size:18px;}
#block-block-13{margin:50px 0;}
.slot {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 100px;
    height: 60px;
    z-index: 0;
	opacity:0.6;
}
.player-wrapper{width:100%;position:absolute;top:0px;right:0px;height:650px;float:left;}
.player-wrapper a{font-size:18px;}
.player {
    border: 0px solid #8080;
	background:#fff;
    color: #000;
    text-align: center;
    position: relative;
	vertical-align:baseline;
    float: left;
    margin: 4px;
  width: 110px;
    height: 60px;
    z-index: 1;
    cursor: move;
border:0px solid #f1f0ef;
font-size:0;
}
#section7 .player{height:70px;position:relative;}
#section7 .player a.enlarge{position:absolute;top:0;right:0;width:}
#section7 .player a.enlarge-tip{position:absolute;top:0;left:0;}
h2{color:#dbce6d;}
.wrapper h2{color:#20172c;}
.key-wrapper{margin-right:30px;margin-top:70px;display:table;float:right;}
.key-row{font-size:30px;margin-bottom:20px;}
.key-block{width:53px;height:30px;display:inline-block;margin-right:10px;}
.key-block-red{background:#d6351a;}
.key-block-amber{background:#d69f1a;}
.key-block-green{background:#29a311;}
.wrapper{width:80%;padding:50px 3%;margin:50px auto 50px auto;background:#fff;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
min-height:550px;
  border-left:10px solid #f8ba4f;

}


.wrapper-2-col{font-size:0;width:45%;padding:0;margin:0 auto;background:#fff;display:inline-block;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
vertical-align:top;

}
.wrapper-2-col:nth-child(1){margin-right:10%;}
.wrapper-2-col p{font-size:18px;line-height:24px;padding:10px 20px;}

.video-wrapper{width:55%;display:inline-block;vertical-align:top;float:left;}
.video-text-wrapper{display:inline-block;vertical-align:top;width:45%;padding:20px 0%;
 -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
	  -moz-transition-duration: 0.6s;

	position:relative;
}
.video-text-wrapper{min-width: 100%;}
.video-text-wrapper p{font-size:1.4em;font-weight:bold;width: 47%;display:block;}
.video-text-wrapper img{display: inline-block;width: 47%;margin-left: 5%;}
.cross-match-text + canvas {
    display: unset;
    top: 0;
    pointer-events: none;
    position: absolute;
    left: -50px;
}

.wrapper-border{padding:50px 3%;	}
.wrapper-border h2{width:100%;text-align:left;margin:10px auto 50px auto}
.wrapper-border .part-no{width:100%;}
.definitions-1{margin:40px auto 0 auto;display:block;vertical-align:top;font-size:18px;text-align:center;}
.definitions-2{margin:40px auto 0 auto;display:block;vertical-align:top;font-size:18px;text-align:center;}
.definitions-1 h2, .definitions-2 h2{margin-top:30px;}
.definitions-rl{display:inline-block;width:49%;margin:20px 0;text-align:center;}
.definitions-rl img{margin:auto}
.definitions-block{display:none;font-size:24px;}
.definitions-revealed{display:block !important;}
.definitions-gb{width:47.5%;vertical-align:top;font-size:0;}
.definitions-gb:first-child{margin-right:5%;}
.definitions-gb-show{font-size:24px !important;}
.definitions-gb img{display:none;}
.definitions-gb-show img{display:table;margin:10px auto;}

.video-text-wrapper{display: none;}
#definitions-m-4-reveal{display:none;}
#definitions-i-4-reveal{display:none;}
.show-me{display:block !important;}
.show-me-inline{display:inline-table !important;}
.show-me-inline-block{display:inline-block !important;}
.center-me{margin:auto !important;display:table !important;}
.part-no{text-align:left;color:#3d2c5a;line-height:0.6;font-size:14px;font-weight:bold;margin-bottom:10px;display:block;}
#m3-lesson8{width:100%;}
.video-text-wrapper .part-no{width:100%;display:block;}
.h2-center{text-align:center;}
.wrapper .mod-no{text-align:center;font-size:16px;color:#000;}
.btn-a{margin:auto;

	display:table;padding:10px 20px;text-align:center;border:5px solid #f8ba4f;color:#fff;background:#f8ba4f;font-weight:bold;}

.l7-p4-questions-question .btn-a{font-size:14px !important;padding:5px 20px;display:inline-block !important}

.btn-b{
	font-size:14px;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	display:table;padding:10px 20px;text-align:center;border:5px solid #f8ba4f;color:#20172c;background:#fff;font-weight:bold;}
.text-hidden{display:none;  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.btn-center{margin:auto !important;}
.reveal-text{text-align:right;}
.definitions-arrow{margin:40px 0;background:url(/sites/all/themes/creative-responsive-theme/images/definitions-arrow.png) no-repeat center center;}
#definitions-park-film{display:none;margin:auto;}
#gifts-film{display:none;margin:auto;}
.player-hide{position:absolute;top:-13d2c5a0000px;}
.storyboard{line-height:0;font-size:0;text-align:center;}
.storyboard img{margin:10px 0;width:28%;}
.storyboard img#e3s2f2,.storyboard img#e3s2f5{margin:10px 2%;}
#cboxTitle {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 30px;
	padding-top: 20px;text-align:center;line-height:1.2}
#qlaa-content{margin:50px 0 150px 0;}

.qlaa-text{display:none;font-size:24px;text-align:center;}
.page-node-52 .qlaa-text{display:none;font-size:24px;line-height:30px;text-align:center;}
#qlaa-1-reveal,#qlaa-1-2-reveal,.qlaa-btn-show{display:table ;}

#aio-1-reveal,#aio-1-2-reveal{display:table;}
.qlaa-content{font-size:0;}
#definitions-film-1-continue{display:none;}
#gifts-continue{display:none;}
#film-7-continue{display:none}
.qlaa-block{display:inline-block;font-size:16px;width:24%;display:inline-block;vertical-align:top;min-height:65px;line-height:65px;}
.qlaa-block img{vertical-align:middle}
.qlaa-block-3 img{float:right;}
.qlaa-block-3{display:inline-block;font-size:16px;text-align:center;width:33%;display:inline-block;vertical-align:top;height:65px;line-height:65px;}
.qlaa-block h3{font-size:30px;}
#qlaa-5-reveal{margin:auto;margin-top:20px;}
.page-node-3 #section2{padding-bottom:150px;}
.page-node-3 #section2a{padding-bottom:150px;}

.qlaa-block a {height:22px;line-height:22px;}


.strr-nav {margin:10px 0 20px 0; font-size: 16px;}
.strr-nav a{margin:0px 40px 0 0;color:#f8ba4f;}

.btn-inline{display:inline-table;margin:0 5px;font-size:14px;}
.btn-doc{border:0;font-size:14px;color:#fff;background:url(/sites/all/themes/creative-responsive-theme/images/doc-icon.png) #3d2c5a no-repeat 12px 13px;float:right;padding: 15px 30px;padding-left:43px !important;margin-bottom:10px; }
.btn-doc:hover{color:#fff;}

/* lesson 4 */

#film-3-wrapper{display:none;margin:auto;}
#film-4-wrapper{display:none;margin:auto;}
.lesson-4-questions{ margin:40px auto;width:80%;font-size:24px;text-align:center;}
#lesson-4-answers-1{display:none;}
#lesson-4-answers-2{display:none;}
.lesson-4-answers-inline{width:49.5%;display:inline-block;vertical-align:top;font-size:30px;font-weight:bold;margin:40px 0;}
.answers-box{margin:20px auto;width:60%;}
#lesson-4-continue{display:none;}
#film-3-continue{display:none;}
#film-4-continue{display:none;}
.col-md-6{width:50%;display:inline-block;}
#block-seesaw-seesaw-exercise h2{display:none;}
#block-seesaw-seesaw-exercise{text-align:center;}
.seesaw-images{position:relative;}
#block-seesaw-seesaw-exercise .seesaw--item img{outline:2px solid #fff;}

#block-support-networks-support-networks h2{display:none;}
#block-support-networks-support-networks{text-align:center;}

#tailor-wrapper{font-size:0;}
#tailor-content-wrapper{width:50%;display:inline-block;vertical-align:top;font-size:24px;text-align:left;}
#tailor-image-wrapper{width:50%;display:inline-block;vertical-align:top;text-align:right;}
#tailor-content-wrapper .btn-a{margin:0}
.tailor-content{display:none;}
#tailor-2-reveal{display:none;}
#tailor-3-reveal{display:none;}
#tailor-4-reveal{display:none;}



#section3 #role-play-wrapper{text-align:center;}
#section6 #role-play-wrapper{text-align:center;}
#section6 #role-play-wrapper img{width:80%;margin:50px auto;}

.ptp-inline{width:30%;display:inline-block;vertical-align:top;margin:50px 0;}
.ptp-inline h3{text-align:center;}
.tip-title-1 {
    display: inline-block;
    text-align: center;
    width: 49%;
}
.tip-title-2 {
    display: inline-block;
    text-align: center;
     width: 49%;
}
.footer {background:#fff;padding:50px 0;}
.footer img{height:100px;width:auto;margin:0 10px;}
#block-block-2{text-align:center;}
#block-block-2 h2{font-weight:bold;}

.intro-module{font-size:14px;font-weight:bold;padding-bottom:15px;width:80%;margin:auto}
.intro-aim{font-size:30px;font-weight:normal;width:80%;margin:auto;line-height:1.3;}
/* dyslexia rules */
body{background:#fff4e0;color:#17375d;}
.wrapper{background:#fff}
h1, h2, h3, h4, h5, h6,.wrapper h2 {
	color:#17375d;}
.support-networks--item{width:19% !important;vertical-align:top;}
.support-networks--brand-name{font-size:1.2rem !important}
.support-networks--item--lower{width:100%;}

.support-networks--dialog .remodal-close::before{color:#000 !important;}
.support-networks--jigsaw-piece-upper{left:0 !important;margin-bottom:-40px !important;}
.support-networks--upper-wrapper h3{padding:0 5px !important;}
.dropped .support-networks--info{margin-top:2%;}
.submitted{display:none;}
.support-networks--item--lower .brand-logo{width:155px !important;margin-top:50px;}
.support-networks--item .dropped .support-networks--item--lower{margin-top:-70px;}
.dropped .support-networks--info{top:100% !important;}

.node-resources .field-type-file .field-item a{margin-bottom:10px;display:inline-block;}
#cboxClose{top:0 !important;}
#cboxLoadedContent h2.title{display:none;}
.popup-qs{font-size:30px;text-align:center;line-height:48px;margin-bottom:50px;}
.popup-q{font-size:30px;font-weight:bold;width:15%;margin:0 3%;border-radius: 10px;
padding: 15px 20px;
text-align: center;
border: 5px solid
#f8ba4f; color:#20172c;display:inline-block;text-align:center;vertical-align:top;}

.popup-a{font-size:36px;line-height:48px;display:none;text-align:center;}
.popup-a b{font-weight:bold;}

/* user icons */

.user-dashboard{font-size:18px;font-weight:bold;display:inline-table;vertical-align:top;float:right;color:#9f9e9e;}
.user-dashboard >li{margin:0 5px;display:inline-block;font-size:14px;vertical-align:top;text-align:center;padding:25px 20px;color: #3d2c5a;cursor: pointer;position: relative;transition:0.3s;}
.user-dashboard .sub-menu{position: absolute;text-align: left;right: 0;width: auto;white-space: nowrap;background: #f8ba4f;top: 100%;padding: 50px 40px;z-index: 10;visibility: hidden;opacity: 0;transition: 100ms;}
.user-dashboard li:hover .sub-menu{visibility: visible;opacity: 1;transition: 0.3s;}
.user-dashboard .sub-menu h5 {font-weight: 600;margin-bottom: 12px;color: #000;font-size: 18px;}
.user-dashboard .sub-menu h5 a{color: inherit;font-family: inherit;font-size: inherit;}
.user-dashboard >li:hover{background: #f8ba4f;color: #fff;}


.user-dashboard .sub-menu ul {
    margin: 25px 0 30px;
}
.user-dashboard .sub-menu li a {
    display: block;
    color: #000;
    font-weight: normal;
    padding: 4px 20px;
}

.whole-school{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/whole-school.png) top center no-repeat ;
}
.accessibility{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/accessibility-icon.png) top center no-repeat ;
}
.user-guide{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/guide-icon.png) top center no-repeat ;
}
.user-help{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/help-icon.png) top center no-repeat ;
}
.user-resources{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/resources-icon.png) top center no-repeat ;
}
.user-login{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/login-icon.png) top center no-repeat ;
}
.user-logout{
	padding-top:30px;
	background:url(/sites/all/themes/creative-responsive-theme/images/icons/logout-icon.png) top center no-repeat ;
}

#vtp-reveal{display:none;}
#body-language-wrapper{margin:40px 5%;}
#body-language-reveal{display:none;font-size:28px;text-align:center;}
#lesson-4-answers-2-reveal{display:none;}
.further-scenarios-key{font-size:24px;text-align:right;line-height:36px;}
img#tailor-image{height:700px;}

.page-node-14 #role-play-wrapper a{text-align:center;margin:auto;}
 
.tip-popup{font-size:30px;line-height:36px;}
.tip-popup h1{margin-top:50px;font-weight:bold;}
 
 

/* front page login */
.page-node-22{background:#fff;text-align:center;}
.page-node-22 #sticky-header{display:none;}

.page-user #sticky-header{display:none;}
.page-user {background:#fff;text-align:center;}
.page-user .tabs-wrapper{display:none;}

.page-user #block-system-main{margin-top:50px;}

#front-header{padding:40px 0;width:100%;display:block;text-align:center;color:#fff;font-size:48px;font-weight:700;background:#f8ba4f}
.front-quote{font-size:30px;color:#000;width:40%;line-height:36px;margin:30px auto 0 auto;}
.quote-icon{font-size:60px;color:#f8ba4f;text-align:left;}
.quote-right{text-align:right;margin-top:10px;}
.logged-in #front-header{display:none;}
.page-node-22 .wrapper{background:#fff;}
.front-wrapper{width:80%;margin:50px auto 0 auto;font-size:0;}
.front-wrapper .mod-boxes{margin:50px 0 30px 0;width:100%;}
.front-wrapper iframe{max-width:90%;}
#block-access-code-access-code h2{display:none;}
#block-access-code-access-code  #edit-access-code{width:40%;margin-top:20px;font-size:18px;}
#front-contact{font-size:0;}
.front-contact-2-col{display:inline-block;width:45%;vertical-align:top;font-size:24px;margin:40px 0;}
.front-contact-2-col:nth-child(1){margin-right:10%;}
.front-contact-2-col:nth-child(2){text-align:right;}

#block-webform-client-block-27 h2{display:none;}
#block-webform-client-block-27 .form-text{width:80%;margin:10px auto;padding:10px 2.5%;}


/* exercise navigation */
.exercise-navigation{width:80%;text-align:right;margin:40px auto;}
.exercise-navigation a{display:inline;margin-left:20px;padding: 10px 20px;}

.wrapper .exercise-navigation{display:table;width:auto;margin:100px auto 40px auto;}

#cboxLoadedContent #sticky-header{display:none;}

/* seesaw fix */
.seesaw-images img{vertical-align:top;}
.seesaw--dropzone img{vertical-align:bottom;}


/* help */
.help-wrapper{width:80%;margin:50px auto 0 auto;font-size:0;}
.help-left{width:45%;display:inline-block;vertical-align:top;}
.help-left ul{padding-left:20px;}
.help-left ul li{font-size:18px;list-style:circle;}
.help-right{width:45%;margin-left:10%;display:inline-block;vertical-align:top;font-size:18px;}
.help-right .form-text{width:100%;}
.help-right h2{font-weight:700;}


.inline-resource-link{position:absolute;bottom:20px;right:20px;

padding-left:38px;height:40px;line-height:40px;color:#17375d;
	background:url(/sites/all/themes/creative-responsive-theme/images/resource-icon.png) left center no-repeat ;

}

.exercise-navigation .inline-resource-link{position:relative;font-size:18px;bottom:0;right:0;margin-left:0;padding-left:30px;padding-right:0;}

/* side menu padding */

#mmenu_left li.mmenu-expanded{display:none;}

.draggable-source{min-height:100px;}

.m-image{padding:10px;width:300px;}

/* Lesson 8 - new act, inform, observe */
.l8-select-wrapper{height:200px;margin:40px 5%;}
.l8-select-main{width:40%;display:inline-block;vertical-align:top;}
.l8-select-action{position:relative;width:19%;display:inline-block;vertical-align:top;background:#f5f5f5;outline:2px solid #000;color:#000;height:100%;text-align:center;line-height:100%;}
.l8-selected{font-weight:bold;background:#c5c5c5;}
.l8-select-action p{top:45%;position:absolute;width:100%;text-align:center;font-size:24px;font-weight:bold;}

p.center{text-align:center;}
/* whole school approach */
.node-type-wsa .region-content .block-block {font-size:14px !important;}
.node-type-wsa .region-content .block-block a{font-size:14px !important;display:block;}
.node-type-wsa #container {width:80%;margin:auto;}
.node-type-wsa #container .content-sidebar-wrap{font-size:0;}
.node-type-wsa #container .content-sidebar-wrap #content{float:right;}
.node-type-wsa #container .content-sidebar-wrap div{font-size:18px;}

#block-views-whose-school-approach-block .view-content a{margin-bottom:10px;display:block;}
#block-views-whose-school-approach-block .view-content a.active{font-weight:bold;}
/* user guide */
.node-type-user-guide .region-content .block-block {font-size:14px !important;}
.node-type-user-guide .region-content .block-block a{font-size:14px !important;display:block;}
.node-type-user-guide #container {width:80%;margin:auto;}
.node-type-user-guide #container .content-sidebar-wrap{font-size:0;}
.node-type-user-guide #container .content-sidebar-wrap #content{float:right;}
.node-type-user-guide #container .content-sidebar-wrap div{font-size:18px;}

.node-type-resources .region-content .block-block {font-size:14px !important;}
.node-type-resources .region-content .block-block a{font-size:14px !important;display:block;}
.node-type-resources #container {width:80%;margin:auto;}
.node-type-resources #container .content-sidebar-wrap{font-size:0;}
.node-type-resources #container .content-sidebar-wrap #content{float:right;}
.node-type-resources #container .content-sidebar-wrap div{font-size:18px;}

#block-views-teachers-guide-block .view-content a{margin-bottom:10px;display:block;}
#block-views-teachers-guide-block .view-content a.active{font-weight:bold;}

.node-type-user-guide h1.page-title,.node-type-wsa h1.page-title,.node-type-resources h1.page-title{display:block;color:#000;}

.access-popup{display:none;}
.access-popup-show{display:block;}

/* accessibility */
.accessibility-yellow{background:#fffed5;color:#0b1375;}
#block-styleswitcher-styleswitcher .content ul li{display:inline-block;margin:0 10px;}
#block-styleswitcher-styleswitcher .content ul li.last a{display:block;text-align:center;width:150px;height:150px;font-size:60px;line-height:150px;border:2px solid #0b1375;background:#fffed5;color:#0b1375;}
#block-styleswitcher-styleswitcher .content ul li.first a{display:block;text-align:center;width:150px;height:150px;font-size:60px;line-height:150px;border:2px solid #0b1375;background:#f5f5f5;color:#000;}
#block-styleswitcher-styleswitcher .content ul li a.active{border:5px solid #f9ec1f !important;}
#block-styleswitcher-styleswitcher h2{font-size:48px;font-weight:bold;}
#block-textsize-form h2{font-size:48px;font-weight:bold;}
#block-styleswitcher-styleswitcher,#block-textsize-form{max-width:80%;margin:auto;}
#block-textsize-form{margin-top:30px;}
.textsize_list{display:inline-table;}
.textsize_list li{display:inline-table;margin-right:20px;}
.textsize_current{display:inline-table !important;margin-left:40px !important;}

#cboxContent{background-color:none;}
#cboxLoadedContent .region-footer,#cboxLoadedContent .footer{display:none;}

.lesson-2-question{font-size:24px;font-style:italic;font-weight:bold;line-height:30px;text-align:center !important;}

/* tug buttons */

.tug-buttons{
	display:block;
	height:40px;
	margin-top:20px;
}
.tug-words{
	display:block;
	height:40px;
	margin:20px 0;
}
.tug-intro{
	display:block;
text-align:center;
	font-size:24px;
  font-weight:bold;
  line-height:48px;
	margin:20px 0;
		font-style:italic;
}



.tug-text{
	display:none;
	text-align:center;
	clear:both;
	height:30px;

	font-size:48px;
	font-weight:bold;
}

.tug-text-show{
	display:block;
}

.tug-left-button{
	  background: #f8ba4f none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
	float:left;
	line-height:30px;
		margin-left:180px;
}

.tug-left-button:hover{
	color:#fff;

}

.tug-right-button{
	  background: #f8ba4f none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
	line-height:30px;
		margin-right:180px;
	float:right;
}

.tug-right-button:hover{
	color:#fff;

}
.support-bubbles {
	position:relative;
	top:100px;
	left:-11px;
}

#support-bg{padding-top:50px;}
.support-bubbles img{
	animation: MoveUpDown 1.5s linear infinite;
  position: absolute;
  bottom: 0;
	width:115px;
	left:0;
}

.support-bubbles img#support-values{
	

	left:840px;

}

.support-bubbles img#support-feelings{
	

	left:195px;

}

.support-bubbles img#support-teacher{
	

	left:400px;

}

.support-bubbles img#support-help{

left:620px;
}

.support-bubbles img#support-plan{
	
left:670px;


}
.support-overlay{
	position:absolute;
	z-index;900;
	text-align:center;
	height:90px;
	background:#fff;
	margin-top:-20px;
	display:none;
	width:80%;}

.support-popup{
	position:absolute;
	z-index;1000;
	text-align:center;
	width:80%;
	display:none;
	
}
#support-popup-close{
	background:#000;
	display:block;
	width:20px;
	text-align:center;
	color:#fff;
	border-radius:50px;
	padding:5px;
	line-height:0.4;
	margin-left:300px;
	height:20px;
}
.support-popup img{
	margin:auto;
	text-align:center;
	display:none;
}


@keyframes MoveUpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 5px;
  }
  100% {
    bottom: 0;
  }
}


@keyframes MoveUpDown2 {
  0% {
    top: 200px;
  }
  50% {
    top: 210px;
  }
  100% {
    top: 200px;
  }
}


/* storymap buttons */
.storymap-reveal-button{
	  background: #f8ba4f none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
	line-height:30px;
		margin:auto;
}
.storymap-reveal-button:hover{
	color:#fff;
}
.storymap-hide-me{
	display:none;
}

.l2-suggestion-btn{ background: #f8ba4f none repeat scroll 0 0;

    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
	line-height:30px;
		margin:10px auto 0;}
.l2-suggestion-btn:hover{
	color:#fff;
}
.l2-suggestion{margin-top:10px;font-size:24px;line-height:30px;text-align:center;}

.l2-suggestion	.answer {

  border-top:2px dashed #000;
 margin:auto;
  height:2px;
  width:80%;
	display:block;
	margin-top:40px;

}
.storymap-2-col{
	display:inline-block;
	width:49%;
	margin-top:50px;
}
.storymap-row{margin:auto 0;
line-height:0;}
.storymap-wrapper{font-size:0;}

.l2-2-col{
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin:50px 0;
	min-height:200px;
	
}

.l4-fact-wrapper{margin-top:50px;}
.l4-fact-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-size:48px;font-weight:bold;}
.l4-fact-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:24px;line-height:30px;display:inline-block;vertical-align:top;text-align:left;}

.l4-question-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-weight:bold;margin-bottom:40px;}
.l4-question-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:36px;line-height:48px;font-weight:bold;padding-top:50px;text-align:center;display:inline-block;}

.l4-fao-wrapper{position:relative;}
.l4-fao-bg{-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;display:block;position:absolute;width:100%;margin-left:0%;z-index:1;min-height:646px;height:auto;}
.l4-fao-bg img{width:100%;height:auto;}
.l4-fao-item{min-height:600px;position:relative;z-index:200;width:90%;padding-top:20px;margin:auto;}
h2.fao-title{font-size:48px;line-height:60px;font-family: 'Mali', cursive;font-weight:normal;margin:40px 0;}
.l4-fao-left{width:31%;padding:0 2%;display:inline-block;vertical-align:top;text-align:center;font-weight:bold;margin-bottom:40px;}
.l4-fao-right{font-family: 'Roboto Slab', serif;font-weight:normal;width:59%;margin-bottom:50px;margin-right:5%;font-size:30px;line-height:36px;font-weight:bold;padding-top:0px;text-align:left;display:inline-block;}
.l4-fao-item-f .l4-fao-right,.l4-fao-item-o .l4-fao-right{font-family: "Open Sans";font-style:italic;}
  .fao-inline{display:inline-table;font-family: "Open Sans";}
.l4-fao-item-f{color:#049f3b;}
.l4-fao-item-o{color:#c41616;}
.l4-fao-item a{font-weight:bold;padding:12px 15px;font-size:24px;font-family: "Open Sans";font-style:normal;}
.fao-buttons{font-family: "Open Sans";padding-top:10px;margin-top:10px; border-top:2px solid #f5f5f5;font-size:18px;font-style:italic;}

.l4-fao-start-reveal-title{background: #f8ba4f none repeat scroll 0 0;
border-radius: 10px;
color: #fff;
display: table;
font-size: 14px;
font-weight: bold;
padding: 5px 20px;
text-align: center;
height: 30px;
line-height: 30px;
margin: 30px auto 0;}
/* lesson 5 */
.l5-rad-wrapper{margin-top:80px;}
.l5-fact-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-size:48px;font-weight:bold;}
.l5-fact-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:24px;line-height:30px;display:inline-block;vertical-align:top;text-align:left;}
.green-answer{color:green}
/* river popup */
.l5-river-wrapper{position: relative;}
.l5-popup-trigger-left{ position: absolute;
  bottom: 300px;
  font-size:24px;
  background:#fff;
  color:#f8ba4f;
  height:30px;
  line-height:30px;
  width:30px;
  text-align:center;
  border-radius:50%;
  left: 16px;}
.l5-popup-trigger-right{ position: absolute;
  bottom: 300px;
  font-size:24px;
  background:#fff;
  color:#f8ba4f;
  height:30px;
    line-height:30px;
  width:30px;
  text-align:center;
  border-radius:50%;
  right: 16px;}

.l5-popup-left{ position: absolute;
 top: 80px;
  font-size:24px;
background:rgba(255,255,255,0.9);
  color:#17375d;
  height:250px;
  padding:20px;
  line-height:48px;
  width:270px;
  text-align:left;
 border-radius:20px;
  left: 16px;}
.l5-popup-right{ position: absolute;
  top: 80px;
  font-size:24px;
background:rgba(255,255,255,0.9);
  color:#17375d;
 height:250px;
  padding:20px;
    line-height:48px;
  width:270px;
  text-align:right;
  border-radius:20px;

  right: 16px;}
.l5-popup-close-right{
  position: absolute;
  top: -10px;
  font-size:24px;
  background:#fff;
  color:#f8ba4f;
  height:30px;
    line-height:30px;
  width:30px;
  text-align:center;
  border-radius:50%;
  right: -10px;
}

.l5-popup-close-left{
  position: absolute;
  top: -10px;
  font-size:24px;
  background:#fff;
  color:#f8ba4f;
  height:30px;
    line-height:30px;
  width:30px;
  text-align:center;
  border-radius:50%;
  left: 280px;
}


#l5-rad-2-title-2{margin-top:50px;}
.l5-rad-item-question{font-size:24px;line-height:30px;margin:10px 0;font-style:italic;}

.l5-rad-item{font-size:24px;line-height:30px;margin:10px 0;}

.river-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:100;}
.river-video{position:fixed;left:10%;top:10%;margin-left:;width:80%;height:80%;background:#fff;z-index:1000;text-align:center;padding:40px;}
.river-video h2{margin-bottom:20px ;}
.river-video h2, .river-story h2{font-size:36px;}
.river-story h2 i{font-style:italic !important;font-weight:normal !important;}
.river-close{font-size:30px;display:inline-block;float:right;color:red;padding:5px;}
.river-story{position:fixed;left:5%;width:90%;height:90%;background:#fff;z-index:1000;text-align:center;padding:40px;top:5%;}
.river-story p{font-size:30px;text-align:left;}
.river-story-left{width:45%;margin-right:4%;display:inline-block;vertical-align:top;margin-top:20px;}
.river-story-right{width:50%;display:inline-block;vertical-align:top;text-align:left;margin-top:40px;}
.l5-coj-wrapper{position:relative;}
.l5-coj-bg{ display:block;position:absolute;width:100%;margin-left:0;z-index:1;min-height:646px;height:auto;}
.l5-coj-bg img{width:100%;height:auto;}
.l5-coj-item{min-height:600px;position:relative;z-index:200;width:80%;margin:auto;font-family: 'Roboto Slab', serif;font-weight:normal;color:#fff;font-size:30px;line-height:36px;}
h2.fao-title{font-size:48px;text-align:center;line-height:60bapx;font-family: Bradley Hand, cursive;font-weight:normal;margin:40px 0;}



#section11 .cross-match-text .people img{max-width:250px;max-height:250px;height:auto;}
/* lesson 6 */
.l6-search-wrapper{position:relative;}
.l6-search-bg{ display:block;position:absolute;width:100%;margin-left:0;z-index:1;min-height:646px;height:auto;}
.l6-search-bg img{width:100%;}
.l6-search-item{min-height:600px;position:relative;z-index:200;width:100%;margin:auto;padding-top:23px;}
h2.search-title{font-size:36px;font-weight:normal;margin:20px 0;text-align:left;}
.l6-search-left{width:40%;display:inline-block;vertical-align:top;text-align:center;font-weight:bold;margin-bottom:40px;}
.l6-search-right{font-family: 'Roboto Slab', serif;font-weight:normal;width:54%;margin-bottom:50px;margin-right:5%;font-size:36px;line-height:48px;font-weight:bold;padding-top:0px;text-align:left;display:inline-block;}


.search-bar-wrapper{background:#f5f5f5;font-size:0;padding:10px 2%;width:88%;margin:auto;}
.search-bar-nav{width:10%;display:inline-block;vertical-align:top;font-size:14px;}
.search-bar-back{width:50%;display:inline-block;vertical-align:top;}
.search-bar-next{width:50%;display:inline-block;vertical-align:top;color:#cdcdcd;}
.search-bar-icon{width:auto;display:inline-block;vertical-align:top;}
.search-bar-icon img{height:22px;width:auto;}
.search-bar-icon-not{color:#cdcdcd;padding-right:10px;padding-bottom:5px;}
.search-bar-address{width:90%;display:inline-block;vertical-align:top;font-size:14px;text-align:left;background:#fff;padding:5px 1% 0 1%;}
#search-bar-back-home{color:#cdcdcd;}

.goggle-logo{display:inline-block;text-align:left;}

.goggle-search{margin-left:2%;border:4px solid #f5f5f5;padding:10px 20px;text-align:left;font-size:18px;display:inline-block;width:60%;}
.goggle-search-row{max-width:1000px !important;margin:auto;}
.goggle-search-title{color:blue;}
.goggle-search-sub{color:green;}
.goggle-search-date{color:grey;}
.goggle-search-row a{display:block;}

.google-links-inner{width:80%;margin:auto;text-align:left;}
.google-link-wrapper{text-align:left; height: 500px;
    max-height: 500px;
    overflow-y: scroll;
  font-size:18px;
  width:100%;
   }
.google-link-wrapper p{width:85%;}
.slider-header{font-size:30px;text-align:center;font-weight:bold;margin-bottom:40px;width:70%;}
.slider-key{display:inline-block;width:49%;}
.slider-key-2{text-align:right;}
.google-link-back{text-align:right;font-weight:bold;font-size:18px;float:right;margin-top:20px;margin-bottom:80px;}
.google-link-title{font-size:30px;line-height:36px;font-weight:bold;margin-bottom:20px;}
/* typing effect */
p.typing{
  color: #17375d; 
  margin: 10px 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  width: 30em;
  animation: type 4s steps(60, end); 
}
.goggle-search-row{text-align:left;}
.goggle-search-intro{font-size:14px;text-align:left;margin-bottom:10px;}
.goggle-search-intro span{display:inline;padding:0 20px;font-size:14px;}
.goggle-search-time{font-size:14px;color:grey;border-bottom:1px solid #f5f5f5;text-align:left;padding-bottom:10px;margin-bottom:10px;}
.goggle-search-time span{display:inline;padding:0 20px;}
p.typing:nth-child(2){
  animation: type2 8s steps(60, end);
}


.l6-questions-row-1{
font-size:0;  
}
.l6-questions-row-1 .l6-questions-col{font-size:18px;text-align:center;width:30%;display:inline-block;vertical-align:top;}

.l6-questions-row-2{
font-size:0;  
}
.l6-questions-row-2 .l6-questions-col-1{font-size:18px;text-align:center;width:30%;display:inline-block;vertical-align:top;}
.l6-questions-row-2 .l6-questions-inner-row{adding:40px 1.5%;}
.l6-questions-row-2 .l6-questions-col-2{font-size:18px;text-align:center;width:60%;;display:inline-block;vertical-align:top;}
.l6-questions-row-2 .l6-questions-col-2 img{vertical-align:top;width:auto;height:80% !importnat;}

.l6-questions-row-1 img,.l6-questions-row-2 img {
  max-width: 70%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.l6-questions-row-1 img:hover{
-moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.l6-questions-row-1{
font-size:0;  
}
.l6-questions-row-1 .l6-questions-col{font-size:18px;text-align:center;width:30%;display:inline-block;vertical-align:top;}

.l6-questions-row-2{
font-size:0;  
}
.l6-questions-row-2 .l6-questions-col-1{font-size:18px;text-align:center;width:30%;display:inline-block;vertical-align:top;}
.l6-questions-row-2 .l6-questions-inner-row{adding:40px 1.5%;}
.l6-questions-row-2 .l6-questions-col-2{font-size:18px;text-align:center;width:60%;;display:inline-block;vertical-align:top;}
.l6-questions-row-2 .l6-questions-col-2 img{vertical-align:top;width:auto;height:80% !importnat;}

.l6-questions-row-1 img,.l6-questions-row-2 img {
  max-width: 70%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.l6-questions-row-1 img:hover{
 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.l6-questions-row-1 img,.l6-questions-row-2 img {
  max-width: 70%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.l6-questions-row-1 img:hover{
-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
transform: scale(1.1);}
.l6-questions-row-2 img:hover{
-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
transform: scale(1.1);}
.scales{width:80%;padding:25px 10%;font-size:0;margin:40px auto;}
.scale-no{display:inline-block;width:14%;font-weight:bold;margin:0 1%;text-align:center;font-size:36px;background:red;color:#fff;display:inline-block;padding:20px 2%;  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
    border-radius: 7px;}
.scale-no:hover{color:#f5f5f5;}
.scale-outcome{text-align:center;font-size:30px;font-style:italic;margin-bottom:20px;}
.l6-s-value{border:2px solid red;color:black;font-weight:bold;font-size:18px;display:block;width:30px;height:30px;line-height:30px;
border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;}
.scale-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:100;}
.scale-video{position:fixed;left:10%;top:10%;;width:80%;height:80%;background:#fff;z-index:1000;text-align:center;padding:40px;}
.scale-video h2{margin-bottom:20px ;}
.scale-video h2, .river-story h2{font-size:36px;}
.scale-close{font-size:30px;display:inline-block;float:right;color:red;padding:5px;}
/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.l5-coj-text{padding:100px;}
.l5-coj-text-inner{position: relative;
    top: 50%;  
    width: 100%;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 36px;
  line-height:48px;
    text-align: center;

    transform: translateY(-50%); }
.l5-coj-answer{font-family: "Open Sans";text-align:center;font-size:36px;font-weight:bold;}
.l5-coj-buttons .button{display:inline-table; 
  background: #f8ba4f none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
	height:30px;
	line-height:30px;
		margin:10px auto 0;}
.l5-coj-buttons .real{
  background-color:green;
}
.l5-coj-answer-real{color:green;}
.l5-coj-answer-fake{color:red;}


.page-node-12 #workarea {
    position: relative;
    height: 650px;
    width: 1124px;
background:url(/sites/all/themes/creative-responsive-theme/pve-images/lesson-4/bg.png) no-repeat 25px 25px;
}

.page-node-12 #workarea .player-wrapper {
    width: 380px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 650px;
    float: right;
}
.kadeem-help{display:block;clear:both;}

.page-node-12 #workarea .player {
    border: 0px solid #80 8080;
    background: #fff;
    color: #000;
    text-align: center;
    position: relative;
    vertical-align: baseline;
    float: right;
    margin: 4px;
    width: 106px;
    height: 142px;
    z-index: 1;
    cursor: move;
    border: 1px solid #f1f0ef;
    font-size: 16px;
    font-weight: bold;
}

.page-node-12 #workarea .slot {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 102px;
    height: 102px;
    z-index: 0;
}

.friends{margin-top:20px; background: url(/sites/all/themes/creative-responsive-theme/pve-images/lesson-4/friends-bg.png) no-repeat 0 center transparent; /* LTR */color:#fff;padding:10px;display:block;}


#b1{top:0px;left:270px;}
#b2{top:80px;left:65px;}
#b3{top:80px;left:475px;}
#b4{top:285px;left:0px;}
#b5{top:285px;left:545px;}
#b6{top:470px;left:475px;}
#b7{top:470px;left:65px;}
#b8{top:560px;left:270px;}




.intro{font-size: 30px;
font-weight: 600;
color: #f8ba4f;
text-align:center;}

.tooltip-custom{font-size:30px;}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#038903+0,ffb82e+50,b91919+100 */
background: #038903; /* Old browsers */
background: -moz-linear-gradient(left,  #038903 0%, #ffb82e 50%, #b91919 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #038903 0%,#ffb82e 50%,#b91919 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #038903 0%,#ffb82e 50%,#b91919 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038903', endColorstr='#b91919',GradientType=1 ); /* IE6-9 */

    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #f5f5f5; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #f5f5f5; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

p.typing a{
  color: #17375d;
  text-decoration: none;
}

p.typing span{
  animation: blink 1s infinite;
}

@keyframes type{ 
  from { width: 0; } 
} 

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink{
  to{opacity: .0;}
}


.tooltip{font-size:30px !important;}



/* Lesson 7 */

.l7-p3-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l7-p3-text-popup{z-index:100000;position:fixed;top:10%;left:10%;width:80%;border-radius:10px;font-size:24px;line-height:30px;background:#fff;font-weight:bold;text-align:center;padding:25px;}
.l7-p3-popup-left{width:30%;margin-right:5%;display:inline-block;vertical-align:top;font-size:48px;line-height:60px;}
.l7-p3-popup-right{width:58%;display:inline-block;vertical-align:top;text-align:left;}
.l7-p3-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l7-p4-tabs{width:50%;padding:20px 0;margin: auto;text-align:center;position:relative;}
.l7-p4-tabs a{font-size:18px;padding:0 25px;font-weight: 900;color:#17375d;opacity:0.4;height:45px;line-height:45px;display:inline-block;}
.l7-p4-tabs a:first-child{border-right:1px solid #b1b1b1;} 
.l7-p4-tabs a.active{opacity:1;}
.l7-p4-tabs a img{display:inline-block;vertical-align:middle;margin-right:15px;}

.l7-p4-questions{width:90%;margin:auto;}
.l7-p4-questions-question{font-size:30px;line-height:48px;padding:0;margin-left:5%;font-weight: 900;width:60%;display:inline-block;vertical-align:top;margin-top:40px;}
.l7-p4-questions-image{width:34%;display:inline-block;text-align:center;}

.l7-p6-wrapper .btn-a{font-size:24px;}
.l7-p6-wrapper{text-align:center;margin:auto;position:relative;height:600px;width:100%;font-size:0;text-align:center;background:#fff;}
.l7-p6-bg-image{position:absolute;left:50%;margin-left:-550px;z-index:1;width:1100px;}
.l7-p6-player{position:absolute;left:50%;margin-left:-280px;z-index:2;width:560px;top:90px;}



.l7-p6-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l7-p6-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l7-p6-text-popup{z-index:100000;position:fixed;top:40%;left:30%;width:40%;border-radius:10px;font-size:36px;line-height:48px;background:#fff;font-weight:bold;text-align:center;padding:25px;}


.l8-p4-wrapper{text-align:center;margin:auto;position:relative;height:600px;width:100%;font-size:0;text-align:center;background:#fff;}
.l8-p4-bg-image{position:absolute;left:50%;margin-left:-550px;z-index:1;width:1100px;}
.l8-p4-player{position:absolute;left:50%;margin-left:-110px;z-index:2;width:220px;top:150px;}
.l8-p4-title{font-size:24px;line-height:30px;margin:5px 0 10px 0;text-align:left;font-weight:bold;}
.l8-p4-text{font-size:14px;line-height:18px;text-align:left;}

.l8-p4-arrows{float:right;margin-right:60px;}
.l8-p4-arrows-inner{position:relative;}
.l8-p4-arrow{border-radius:50%;line-height:10px;display:inline-block;border: 1px solid #d9d9d9;padding:15px; 30px;font-size:30px;font-weight:bold;background:#f5f5f5;width:50px;height:50px;margin-bottom:20px;margin-right:30px;}
.l8-p4-zoom{position:relative;left:750px;line-height:30px;border: 1px solid #d9d9d9;font-size:24px;border-radius:25px;padding:15px; 30px;background:#f5f5f5;display:table;font-weight:bold;}
.l8-p4-phone-zoomed{-webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
  border:10px solid #000;background:#fff;
  border-bottom:5px solid #fff;
  overflow:hidden;
    width:600px;height:500px;margin:20px auto;
position:relative;}


.l8-p4-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l8-p4-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l8-p4-text-popup{z-index:100000;position:fixed;top:40%;left:30%;width:40%;border-radius:10px;font-size:36px;line-height:48px;background:#fff;font-weight:bold;text-align:center;padding:25px;}


.l8-p4-phone-zoomed .l8-p4-player{position:absolute;left:50%;margin-left:-200px;z-index:2;width:400px;top:150px;}
.l8-p4-phone-zoomed .l8-p4-title{font-size:30px;line-height:48px;margin:5px 0 10px 0;text-align:left;padding:0 20px;font-weight:bold;}
.l8-p4-phone-zoomed .l8-p4-text{font-size:24px;line-height:36px;padding:0 20px;text-align:left;}
.l8-p4-phone-zoomed .l8-p4-text h2{margin:20px 0;}
.l8-p4-phone-zoomed .comment-wrapper{margin-bottom:10px;border-bottom:1px solid #666;padding-bottom:10px;}
.l8-p4-phone-zoomed .comment-name{font-weight:bold;font-size:24px;display: flex;
   align-items:center;}
.l8-p4-phone-zoomed .comment-name img{width:50px;height:50px;margin-right:10px;}
.l8-p4-phone-zoomed .comment-likes{font-style:italic;font-size:24px;display: flex;
   align-items:center;}
.l8-p4-phone-zoomed .comment-likes img{width:30px;height:auto;}
.l8-p4-phone-zoomed .comment-likes span{margin:0 10px;}
h2.l8-p8-article-title{text-align:center !important;margin-bottom:20px !important;}
.l8-p8-wrapper{text-align:center;margin:auto;position:relative;height:600px;width:100%;font-size:0;text-align:center;background:#fff;}
.l8-p8-bg-image{position:absolute;left:50%;margin-left:-550px;z-index:1;width:1100px;}
.l8-p8-player{position:absolute;left:50%;margin-left:-410px;z-index:2;width:800px;top:40px}
#l8-p8-player-5 .l8-p8-title{text-align:center;}
#l8-p8-player-5 #l8-p8-continue{font-size:18px;}
.l8-p8-title{font-size:24px;line-height:30px;margin:5px 0 10px 50px;text-align:left;font-weight:bold;}
.l8-p8-left{width:60%;display:inline-block;vertical-align:top;}
.l8-p8-right{width:35%;margin-left:4%;display:inline-block;vertical-align:top;font-size:18px;}
.l8-p8-list{text-align:left;}
.l8-p8-list h2{font-size:18px;margin-bottom:20px;}
.l8-p8-list-item{text-align:left;padding:20px 10px;display:block;border:1px dotted #666;font-weight:bold;}
.l8-p8-list-item:hover{border:1px solid #f8ba4f;color:#f8ba4f;text-decoration:none;}
.l8-p8-list-item-2,.l8-p8-list-item-1{border-bottom:0px dotted #666;}
.l8-p8-progress-bar{-webkit-box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
  background:#f5f5f5;
  border-radius:25px;height:40px;width:600px;margin:30px auto;}
#l8-p8-progress-bar-2 span{display:block;background:#00a843;width:25%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p8-progress-bar-3 span{display:block;background:#00a843;width:50%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p8-progress-bar-4 span{display:block;background:#00a843;width:75%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p8-progress-bar-5 span{display:block;background:#00a843;width:100%;height:100%;margin-top:5%;border-radius: 25px;}


.l8-p8-tabs-info{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px #B2B2B2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:-280px;
top:50px;
  
width:300px
  
}

.l8-p8-tabs-info:before {
    background-color: #fff;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 40px;
    transform:             rotate( 45deg );
        -moz-transform:    rotate( 45deg );
        -ms-transform:     rotate( 45deg );
        -o-transform:      rotate( 45deg );
        -webkit-transform: rotate( 45deg );
    width:  20px;
    }


.l8-info-close{
  position:relative;
  top:-100px;
  right:-25px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l8-p8-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l8-p8-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l8-p8-text{z-index:100000;position:fixed;top:40%;left:30%;width:40%;border-radius:10px;font-size:36px;line-height:48px;background:#fff;font-weight:bold;text-align:center;padding:25px;}
.l7-p6-yt-logo{text-align:left;padding-bottom:0px;}
.l7-p6-yt-main{width:55%;margin-right:5%;display:inline-block;vertical-align:top;font-size:24px;padding-top:35px;}
.l7-p6-yt-next{width:40%;display:inline-block;vertical-align:top;font-size:24px;text-align:left;font-weight:bold;position:relative;overflow:visible;}
.l7-p6-yt-next img{width:42%;display:inline-block;transition: all .2s ease-in-out;}
.l7-p6-yt-next img:hover{width:42%;display:inline-block;transform: scale(1.05);}
.l7-p6-yt-show-f1:after{position:relative;}
.l7-p6-yt-show-f1:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch Racing Video #1";
margin-top:-50px;
}

.l7-p6-yt-show-f1-2:after{position:relative;}
.l7-p6-yt-show-f1-2:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch Racing Video #2";
margin-top:-50px;
}

.l7-p6-yt-show-fair:after{position:relative;}
.l7-p6-yt-show-fair:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch FairTrade Video #1";
margin-top:-50px;
}


.l7-p6-yt-show-fair-2:after{position:relative;}
.l7-p6-yt-show-fair-2:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch FairTrade Video #2";
margin-top:-50px;
}

.l7-p6-yt-show-extreme:after{position:relative;}
.l7-p6-yt-show-extreme:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch Extreme Video #1";
margin-top:-50px;
}

.l7-p6-yt-show-extreme-2:after{position:relative;}
.l7-p6-yt-show-extreme-2:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch Extreme Video #2";
margin-top:-50px;
}


.l7-p6-yt-show-extreme-3:after{position:relative;}
.l7-p6-yt-show-extreme-3:hover:after{position:relative;
  top:0px;
  left:-20px;
  float:left;
  height:50px;
  padding:10px 0;
  line-height:50px;
  width:300px;
  background:#fff;
  border-radius: 5px;
  text-align:center;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  color:#666;
  content:"Watch Extreme Video #3";
margin-top:-50px;
}



.l7-p8-wrapper{text-align:center;margin:auto;}
.l7-p8-ipad{margin:auto;}
.l7-p8-questions{font-size:30px;line-height:48px;padding:0;margin:auto;text-align:center;font-weight: 900;width:70%;}
.l7-p12-questions{font-size:30px;line-height:48px;padding:0;margin:auto;text-align:center;font-weight: 900;width:70%;}
.l7-question-btn{display:inline-block  !important;margin:0 10px !important;font-size:18px  !important}

.l7-p10-tabs-info{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px #f41010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:-250px;
top:0px;
  
}

#l7-p10-tabs-info-4{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px #f41010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:-50px;
top:0px;
  
}

#l8-p2-tabs-info-1{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px rgba( 244, 16, 16, .4 );
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:50px;
top:50px;
  
}
#l8-p2-tabs-info-2{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px rgba( 244, 16, 16, .4 );
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:-50px;
top:220px;
  
}

#l8-p4-tabs-info-1{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px #f41010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:20px;
top:100px;
  
}

#l8-p4-tabs-info-1:after {
    background-color: #fff;
       box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    right: 60px;
    position: absolute;
    top: -10px;
    transform:             rotate( 135deg );
        -moz-transform:    rotate( 135deg );
        -ms-transform:     rotate( 135deg );
        -o-transform:      rotate( 135deg );
        -webkit-transform: rotate( 135deg );
    width:  20px;
    }

#l8-p4-tabs-info-1-close{
  position:relative;
  top:-25px;
  right:-25px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}

#l8-p4-tabs-info-2{position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:center;
 box-shadow: 0px 0px 6px #f41010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
right:20px;
top:100px;
  
}

#l8-p4-tabs-info-2:before {
    background-color: #fff;
       box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    left: -23px;
    position: relative;
    top: 100px;
    transform:             rotate( 45deg );
        -moz-transform:    rotate( 45deg );
        -ms-transform:     rotate( 45deg );
        -o-transform:      rotate( 45deg );
        -webkit-transform: rotate( 45deg );
    width:  20px;
    }

#l7-p5-tabs-info-1{left:-220px !important;}

#l7-p6-tabs-info-1{left:200px !important;top:100px !important;}

#l7-p6-tabs-info-1:after {
    background-color: #fff;
       box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    right: 230px;
    position: absolute;
    top: 55px;
    transform:             rotate( -45deg );
        -moz-transform:    rotate( -45deg );
        -ms-transform:     rotate( -45deg );
        -o-transform:      rotate( -45deg );
        -webkit-transform: rotate( -45deg );
    width:  20px;
    }



#l7-p6-tabs-info-2{left:370px !important;top:70px !important;}

#l7-p6-tabs-info-2:after {
    background-color: #fff;
       box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    right: 230px;
    position: absolute;
    top: 55px;
    transform:             rotate( -45deg );
        -moz-transform:    rotate( -45deg );
        -ms-transform:     rotate( -45deg );
        -o-transform:      rotate( -45deg );
        -webkit-transform: rotate( -45deg );
    width:  20px;
    }



.l7-p10-tabs-info-left{
  position:absolute;background:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:36px;
  text-align:left;
 box-shadow: 0px 0px 6px #f41010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  z-index:1000;
padding:15px;
left:50px !important;
top:20px;
  
}
.l7-p10-tabs-info-left:after {
    background-color: #fff;
    box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    right: -10px;
    position: absolute;
    top: 22px;
    transform:             rotate( -135deg );
        -moz-transform:    rotate( -135deg );
        -ms-transform:     rotate( -135deg );
        -o-transform:      rotate( -135deg );
        -webkit-transform: rotate( -135deg );
    width:  20px;
    }
#l7-p10-tabs-info{left:-270px !important;top:15px !important;}
#l7-p10-tabs-info-3:after {
    background-color: #fff;
       box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    right: 230px;
    position: absolute;
    top: 55px;
    transform:             rotate( -45deg );
        -moz-transform:    rotate( -45deg );
        -ms-transform:     rotate( -45deg );
        -o-transform:      rotate( -45deg );
        -webkit-transform: rotate( -45deg );
    width:  20px;
    }


.l7-p10-tabs-info-left .info-close{
  position:relative;
  top:-25px;
  left:-25px;
  float:left;
    text-align:center;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}



.l7-p10-tabs-info:before {
    background-color: #fff;
  box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 22px;
    transform:             rotate( 45deg );
        -moz-transform:    rotate( 45deg );
        -ms-transform:     rotate( 45deg );
        -o-transform:      rotate( 45deg );
        -webkit-transform: rotate( 45deg );
    width:  20px;
    }


.l7-p10-tabs-info .info-close{
  position:relative;
  top:-25px;
  right:-25px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}

.l7-p10-tabs{width:50%;padding:20px 0;margin: auto;text-align:center;position:relative;}
.l7-p10-tabs a{font-size:18px;padding:0 25px;font-weight: 900;color:#17375d;opacity:0.4;height:45px;line-height:45px;display:inline-block;}
.l7-p10-tabs a:first-child{border-right:1px solid #b1b1b1;} 
.l7-p10-tabs a.active{opacity:1;}
.l7-p10-tabs a img{display:inline-block;vertical-align:middle;margin-right:15px;}

.l7-p10-sub-tabs{width:50%;padding:20px 0;margin: auto;text-align:center;border-top: 1px solid #b1b1b1;}
.l7-p10-sub-tabs a{width:49%;font-size:18px;padding:0 25px;font-weight: 900;color:#17375d;opacity:0.4;height:45px;line-height:45px;display:inline-block;}
.l7-p10-sub-tabs a:first-child{border-right:1px solid #b1b1b1;} 
.l7-p10-sub-tabs a.active{opacity:1;}
.l7-p10-sub-tabs a img{display:inline-block;vertical-align:middle;margin-right:15px;}



.l7-p10-chamber{text-align:center;position:relative;}
.l7-p10-chamber-question{margin:30px auto;font-size:36px;line-height:36px;text-align:center;}

.l7-p10-chamber-item-close{
  position:relative;
  top:-40px;
  right:-30px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}

.l7-p10-chamber-item{
position:absolute;
  bottom:-350px;
  left:-350px;
  width:350px;
  background:#fff;
  font-size:30px;
  line-height:36px;
  display:table;
  border:1px solid #e0e0e0;
transition: all 1s ease-in-out;
border-radius:10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
padding:20px;}
.l7-p10-chamber-item-right{ left:auto;right:-350px;}
.l7-p10-chamber-item img{width:auto;height:40px;float:right;}

.l7-p10-chamber-question-popup{
  background:#fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  width:60%;
  padding:25px;
  text-align:center;
  font-size:30px;
  line-height:48px;
  font-weight:bold;
  border-radius:10px;
position:fixed;
  top:300px;
  left:20%;
   z-index:1000;
  
}
#l7-p10-chamber-question-overlay{
  width:100%;
  height:100%;
  position:fixed;
  background:rgba(1,1,1,0.5);
  left:0;
  top:0;
 z-index:100;
}

.set-speed{transition-delay: 5s;}
.fade-me-out{transform: scale(0); }
.fade-me-in{transform: scale(1); }
.hide-the-text{font-size:0px !important;}
.hide-the-text img{display:none !important;}

.l7-p10-chamber-hover-item{position:absolute;
 animation: MoveUpDown2 1.5s linear infinite;
  top:200px;
  left:250px;
  width:50px;
  height:30px;
  background:#fff;
  font-size:30px;
  line-height:36px;
  display:table;
  border:1px solid #e0e0e0;
transition: all 1s ease-in-out;
border-radius:10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
padding:10px;}

#l7-p10-chamber-hannah-hover-item-1{
   left:330px;
}

#l7-p10-chamber-hannah-hover-item-2{
   left:260px;
}
#l7-p10-chamber-hannah-hover-item-3{
   left:190px;
}

#l7-p10-chamber-hannah-hover-item-4{
   left:120px;
}

#l7-p10-chamber-hannah-hover-item-5{
   left:50px;
}

#l7-p10-chamber-hannah-hover-item-6{
   right:330px;
}


#l7-p10-chamber-hannah-hover-item-7{
   right:260px;
}

#l7-p10-chamber-hannah-hover-item-8{
   right:190px;
}

#l7-p10-chamber-hannah-hover-item-9{
   right:120px;
}

#l7-p10-chamber-hannah-hover-item-10{
   right:50px;
}

#l7-p10-chamber-adam-hover-item-1{
   left:330px;
}

#l7-p10-chamber-adam-hover-item-2{
   left:260px;
}
#l7-p10-chamber-adam-hover-item-3{
   left:190px;
}

#l7-p10-chamber-adam-hover-item-4{
   left:120px;
}

#l7-p10-chamber-adam-hover-item-5{
   left:50px;
}

#l7-p10-chamber-adam-hover-item-6{
   right:330px;
}


#l7-p10-chamber-adam-hover-item-7{
   right:260px;
}

#l7-p10-chamber-adam-hover-item-8{
   right:190px;
}

#l7-p10-chamber-adam-hover-item-9{
   right:120px;
}

#l7-p10-chamber-adam-hover-item-10{
   right:50px;
}

.simple-text p{font-size: 1.4em;font-weight: bold;display: block;}
.l7-p10-chamber-hover-item-right{position:absolute;
 animation: MoveUpDown2 1.5s linear infinite;
  top:200px;
  right:250px;
  width:50px;
  height:30px;
  background:#fff;
  font-size:30px;
  line-height:36px;
  display:table;
  border:1px solid #e0e0e0;
transition: all 1s ease-in-out;
border-radius:10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
padding:10px;}

.l8-question-btn{display:inline-block  !important;margin:0 10px !important;font-size:18px  !important}

.l8-p6-questions{font-size:30px;line-height:48px;padding:0;margin:auto;text-align:center;font-weight: 900;width:70%;}
.l8-p10-questions{font-size:30px;line-height:48px;padding:0;margin:auto;text-align:center;font-weight: 900;width:70%;}
.l8-p2-step{position:relative;}
.l8-p2-word-text{font-size:30px;line-height:48px;padding:0;margin:auto;text-align:center;}
.l8-p2-word-text span{font-weight:bold;}
.l8-p2-progress-bar{-webkit-box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
  background:#f5f5f5;
  border-radius:25px;height:40px;width:600px;margin:30px auto;}
.l8-p2-word-buttons{display: flex;
padding:40px 0;text-align:center;margin:auto;}

.l8-p2-word-button{ flex:1;grid-gap:50px;padding:20px 50px;background:#f5f5f5;border:1px solid #d9d9d9;color:#17375d;border-radius:35px;margin:20px 25px;font-size:24px;line-height:24px;text-align:center;font-weight: 900;}
.l8-p2-word-button:hover{text-decoration:none;border:1px solid #17375d;t}
.l8-p2-error{border:1px solid #f8ba4f  !important;color:#f8ba4f  !important;background:  url(images/lesson8/l8-p2-x.png) no-repeat 10px 13px;}
.l8-p2-correct{border:1px solid #00a843 !important;color:#00a843  !important; background:  url(images/lesson8/l8-p2-tick.png) no-repeat 10px 13px;}
.l8-p2-disable{ pointer-events: none  !important;
  border:1px solid #b2b2b2 !important;color:#17375d  !important;
  cursor: default !important;}

.l8-p2-progress-bar{-webkit-box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
box-shadow: inset 10px 10px 5px 0px rgba(227,227,227,1);
  background:#f5f5f5;
  border-radius:25px;height:40px;width:600px;margin:30px auto;}
#l8-p2-progress-bar-2 span{display:block;background:#00a843;width:20%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p2-progress-bar-3 span{display:block;background:#00a843;width:40%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p2-progress-bar-4 span{display:block;background:#00a843;width:60%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p2-progress-bar-5 span{display:block;background:#00a843;width:80%;height:100%;margin-top:5%;border-radius: 25px;}
#l8-p2-progress-bar-6 span{display:block;background:#00a843;width:100%;height:100%;margin-top:5%;border-radius: 25px;}



.l9-p4-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l9-p4-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l9-p4-text-popup{z-index:100000;position:fixed;top:25%;left:10%;width:80%;border-radius:10px;font-size:24px;line-height:30px;background:#fff;font-weight:bold;text-align:center;padding:25px;}
.l9-p4-popup-left{width:30%;margin-right:5%;display:inline-block;vertical-align:top;font-size:48px;line-height:60px;}
.l9-p4-popup-right{width:58%;display:inline-block;vertical-align:top;text-align:left;}


.l9-p2-tabs{width:50%;padding:20px 0;margin: auto;text-align:center;position:relative;}
.l9-p2-tabs a{font-size:18px;padding:0 25px;font-weight: 900;color:#17375d;opacity:0.4;height:45px;line-height:45px;display:inline-block;}
.l9-p2-tabs a:first-child{border-right:1px solid #b1b1b1;} 
.l9-p2-tabs a.active{opacity:1;}
.l9-p2-tabs a img{display:inline-block;vertical-align:middle;margin-right:15px;}

#l9-p2-tabs-info-1{left:-220px !important;}
#l9-p2-tabs-info-2{left:-200px !important;}
#l9-p2-tabs-info-3{right:-350px !important;}
#l9-p2-tabs-info-2:after{
      background-color: #fff;
       box-shadow: -2px 2px 2px 0 rgba( 244, 16, 16, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    left: 140px;
    position: absolute;
    top: 55px;
    transform:             rotate( -45deg );
        -moz-transform:    rotate( -45deg );
        -ms-transform:     rotate( -45deg );
        -o-transform:      rotate( -45deg );
        -webkit-transform: rotate( -45deg );
    width:  20px;
}
.word-reveal {
  font-size: 6vw;
  color: rgb(193, 187, 160);
  
  &:before {
    content: attr(data-before);
    word-break: break-all;
    opacity: 0.5;
  }
  &:after {
    content: attr(data-after);
    word-break: break-all;
    opacity: 0.5;
  }
}

.word-button {
  padding: 20px 40px;
  font: inherit;
  color: rgb(20, 13, 9);
  background-color: rgb(193, 187, 160);
  opacity: 0;
  transform: translate3d(0,50px,0);
  transition: all 0.3s cubic-bezier(0,1,0,1);
  cursor: pointer;
  
  &.show {
    opacity: 1;
    transform: translate3d(0,30px,0);
  }
}

.l7-characters-wrapper{display:flex;grid-gap: 10px;}
.l7-character-col{flex:1;text-align:center;font-size:48px;font-weight:bold;line-height:60px;min-height:350px;}
.l7-character-col a{font-size:24px !important;margin-top:50px;line-height:24px;}



h1.stext {
  font-size: 6vw;
  color: rgb(193, 187, 160);
  
  &:before {
    content: attr(data-before);
    word-break: break-all;
    opacity: 0.5;
  }
  &:after {
    content: attr(data-after);
    word-break: break-all;
    opacity: 0.5;
  }
}

.hide-me{display:none;}

.next-lesson{background:#f8ba4f !important;color:#fff;display:block !important;font-weight:bold;margin:50px 0 !important;text-align:center;padding:15px;width:100%;font-size:16px !important;}

.sbutton {
  padding: 20px 40px;
  font: inherit;
  color: rgb(20, 13, 9);
  background-color: rgb(193, 187, 160);
  opacity: 0;
  transform: translate3d(0,50px,0);
  transition: all 0.3s cubic-bezier(0,1,0,1);
  cursor: pointer;
  
  &.show {
    opacity: 1;
    transform: translate3d(0,30px,0);
  }
}
.page-node-type-resources #container,.page-node-type-user-guide #container{width: 80%;margin: auto;}
#sidebar-first{width: 19%;}
#block-views-block-teacher-guide-block-1 .view-content a.active{font-weight: bold;}
#block-views-block-teacher-guide-block-1 .view-content a {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}
.page-node-type-resources #content,.page-node-type-user-guide #content{float: right;width: 80%;}
#sidebar-first{margin-top: 12px;}
.page-node-type-resources .content-sidebar-wrap,.page-node-type-user-guide .content-sidebar-wrap{float: unset;}
.page-node-type-resources .field__label,.page-node-type-user-guide .field__label{font-size: 18px;font-weight: unset;}
.page-node-type-resources .field__item,.page-node-type-user-guide .field__item{font-size: 18px;font-weight: unset;line-height: 30px;}
.page-node-type-resources p,.page-node-type-user-guide p{font-size: 18px;}
.impressum-cls p{font-size: 13px;}