/*---------------*/
/* NORMILIZE.CSS */
/*---------------*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #1c1c1c;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  : -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/*------------*/
/* LAYOUT.CSS */
/*------------*/
/* Base elements and classes */
html {
	border-bottom: 1px solid #1c1c1c;
	min-height: 100%;
}
body > div > footer,
body > div > header,
body > div > section,
body > footer,
body > header,
body > section {
	/* class used in the full template-width containers */
	clear: both;
	margin: 0 auto;
}
section#gkPageTop {
	overflow: visible; /* Necessary to make menu working */
	width: 100%; /* Necessary to achieve full background width */
}
#gkTop1,
#gkTop2,
#gkTop3,
#gkTop4,
#gkTop5,
#gkTop6,
#gkTop7,
#gkTop8,
#gkTop9,
#gkTop10,
#gkBottom1,
#gkBottom2,
#gkBottom3,
#gkBottom4,
#gkBottom5,
#gkBottom6,
#gkBottom7,
#gkBottom8,
#gkBottom9,
#gkBottom10 {
	/* Positions blocks -clearing */
	clear: both;
}
/* Columns */
section#gkContent,
section#gkComponentWrap,
aside#gkSidebar {
	/* Main columns */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
.itemBody {
	float: left;
	width: 100%;
}
/*------------*/
/* JOOMLA.CSS */
/*------------*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #9ba2a8;
	color: #1c1c1c;
    font-size: 20px;
    padding: 15px 12px;
	max-width: 100%;
    width: 100%;
    -webkit-appearance: none;
    outline: none;
}
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	padding: 12px
}
legend {
	color: #1c1c1c;
}
html.-moz-select {
	padding: 3px 5px
}
button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon {
	-webkit-appearance: none;
	background: #eee;
    border: none;
	color: #1c1c1c;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 24px;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}
button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.readon:hover {
	background: #1c1c1c;
	border-color: #1c1c1c;
	color: #fff;
}
input[type=checkbox],
.checkbox,
input[type=radio],
.radio {
	background: transparent!important;
	border: none!important;
	height: auto!important;
	margin-top: 7px!important
}
select[size] {
	font-size: 12px;
	height: auto
}
select[size="1"] {
	height: 39px;
	line-height: 39px;
}
label {
	color: #1c1c1c;
	font-size: 14px;
	font-weight: 600;
	padding: 0 6px 0 0;
}
section img {
	display: block;
	height: auto;
	max-width: 100%;
}
table {
	margin-bottom: 20px;
	width: 100%
}
th {
	background: #1c1c1c;
	color: #eee;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}
tbody tr td {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px
}
tbody tr td p {
	margin: .5em 0
}
section.login .login-fields {
	padding-bottom: 16px
}
section.login .login-fields label {
	display: block;
	float: left;
	line-height: 34px;
	min-width: 100px
}
section.login ul {
	font-size: 11px;
	margin-top: 40px
}
.profile dl {
	margin: 32px 0;
}
.profile dt {
	clear: both;
	color: #444;
	float: left;
	font-size: 14px;
	font-weight: 400;
	min-width: 200px;
}
.tip-wrap {
	z-index: 1;
}
#awMessages {
    -webkit-box-shadow: 0 0 9px -4px #1c1c1c;
    -moz-box-shadow: 0 0 9px -4px #1c1c1c;
    box-shadow: 0 0 9px -4px #1c1c1c;
    bottom: 10px;
    max-width: 320px;
    overflow: hidden;
    position: fixed;
    right: 10px;
}
#system-message-container {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
#system-message {
    float: left;
    margin: 0;
    position: relative;
}
#system-message a.close,
#system-message h4.alert-heading {
    display: none;
}
#awMessages .message {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 100%;
}
#system-message dd.error,
#system-message .alert-error {
    background: #1c1c1c;
    color: #fff;
}
#system-message dd.notice,
#system-message .alert-notice {
    background: #1c1c1c;
    color: #fff;
}
#system-message p {
    margin: 0;
    padding:  0;
    text-align: center;
}
#system-message dd ul {
    list-style: none!important;
}
#system-message dd ul,
#system-message dd ul li {
    line-height: 1;
}
#system-message dt {
    display: none
}
/*-------------*/
/* TEMPATE.CSS */
/*-------------*/
/* Basic elements */
html {
	-webkit-font-smoothing: subpixel-antialiased;
}
body {
    background-color: #fff5e3;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 auto;
	max-width: 2000px;
	min-height: 100%;
	overflow-x: hidden;
	padding: 0;
	word-wrap: break-word;
}
a {
	color: #1c1c1c;
	position: relative;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;
	text-decoration: none;
}
a:hover {
	color: #555;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #1c1c1c;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 44px;
	font-weight: 500;
}
h2,
.componentheading {
	font-size: 42px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 15px 0 30px;
}
iframe {
	max-width: 100%!important;
}
.gkPage {
	max-width: 1440px;
}
.heartContainer {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    width: 100%;
    z-index: 10;
}
.heartContainerInner {
    float: left;
    position: relative;
    width: 100%;
}
.heartContainerInner img {
    float: right;
    position: relative;
}
.generalBtn,
input.generalBtn {
    background-color: #5a79bc;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 13px 20px 15px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.generalBtn:hover,
input.generalBtn:hover {
    background: #1c1c1c;
    color: #fff;
}
body .popover {
    display: none !important;
}
/* Containers */
.gkPage {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	margin: 0 auto!important;
	padding: 0 30px;
	width: 100%;
}
#gkHeader {
    background-color: #1c1c1c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
    color: #fff;
	width: 100%;
}
#gkHeader .gkPage {
    max-width: 100%;
}
.gkHeaderInner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
#gkHeaderTop {
    float: left;
    position: relative;
    width: 100%;
}
#gkHeaderTop a {
    color: #fff;
}
#gkHeaderLeft {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
	position: relative;
}
/* Logo  */
div.logoContainer {
    -webkit-align-items: center;
    align-items: center;
    border-right: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    float: left;
    height: 100%;
    margin: 0 20px 0 0;
    padding: 10px 20px 10px 0;
    position: relative;
}
#gkLogo {
    float: left;
    margin: 0;
    padding: 0;
    text-indent: -999em;
    text-shadow: none;
    position: relative;
    z-index: 10;
}
#gkLogo img,
#gkLogo svg {
    display: block;
    margin: 0;
    height: 60px;
    width: 95px;
}
#gkLogo svg #heart {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#gkLogo svg:hover #heart {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: logo;
    animation-name: logo;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes logo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.gkTopLogo {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
}
.moduleAwImageContainer{
    float: left;
    position: relative;
}
.moduleAwImageContainer img,
.moduleAwImageContainer svg {
    float: left;
    position: relative;
}
/* Languages */
.topLangContainer {
    float: left;
    position: relative;
}
.topLangContainer * {
    float: left;
    position: relative;
}
div.mod-languages > div,
div.mod-languages > form {
	display: inline-block;
	margin: 0;
}
div.mod-languages {
	text-align: center
}
.mod-languages ul.lang-inline,
.mod-languages ul.lang-block {
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
	float: left
}
div.mod-languages > ul.lang-block > li,
div.mod-languages > ul.lang-inline > li {
	display: inline-block !important;
	float: left;
	font-size: 15px;
	margin: 5px 0;
	position: relative;
}
div.mod-languages ul.lang-inline li a {
	float: left;
	line-height: 1;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
div.mod-languages ul.lang-inline li a:hover {
    color: #fff;
    opacity: 1;
}
div.mod-languages ul li.lang-active a {
	cursor: default;
    opacity: 1;
}
#gkHeaderRight {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    position: relative;
}
.topLoginContainer,
.topLoginContainer * {
    float: left;
    position: relative;
}
.topLoginContainer input[type="submit"].plainButton {
    color: #fff;
    opacity: 0.5;
}
.topLoginContainer input[type="submit"].plainButton:hover {
    color: #fff;
    opacity: 1;
}
#gkMenu1 {
    border-top: 1px solid #fff;
    float: left;
    padding: 15px 0;
    position: relative;
    width: 100%;
}
.headerBannerContainer {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    height: 100%;
    position: relative;
    width: auto;
}
/* TEMPLATE MENU */
#gkMainMenu {
	display: -webkit-flex;
	display: flex;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
#gkMainMenu:after {
	clear: both;
	content: "";
	display: table;
}
#gkMainMenu .gkMenu {
	float: left;
	margin: 0;
	max-width: 1100px;
	position: relative;
	text-align: center;
	width: 100%;
}
.gkMenu > ul {
	margin: 0;
	padding: 0;
}
.gkmenu.level0 {
	display: -webkit-flex;
    display: flex;
	float: left;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 0 -5%;
	position: relative;
    width: 110%;
}
.gkMenu > ul > li {
	clear: none!important;
	display: inline-block;
	text-align: left;
	padding: 0 5%;
	position: relative;
}
.gkMenu > ul > li.first {
	display: none;
}
.gkMenu > ul > li > a {
	color: #808285;
	display: block;
	float: left;
	font-size: 14px;
	position: relative;
}
.gkMenu > ul > li > .childcontent,
.gkMenu > ul > li > .childcontent .childcontent {
	position: absolute;
	left: -999em;
	z-index: 999;
}
.gkMenu > ul > li > .childcontent .gkcol {
	border-left: 1px solid #eee;
	float: left;
}
.gkMenu > ul > li > .childcontent .gkcol:first-child {
	border-left: none;
}
.gkMenu > ul > li:hover > .childcontent,
.gkMenu > ul > li:hover > .childcontent li:hover > .childcontent {
	left: 50%;
	margin: 0;
	top: 151px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.gkMenu > ul > li:hover > .childcontent:before,
.gkMenu > ul > li:hover > .childcontent li:hover > .childcontent:before {
	background-color: #5a79bc;
	content: '';
	height: 3px;
	left: 50%;
	position: absolute;
	top: -44px;;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% - 100px);
}
.gkMenu > ul > li .childcontent {
	margin-left: -20px;
	margin-top: 0;
}
.gkMenu > ul > li .childcontent .childcontent {
	margin-left: 100px;
	margin-top: -35px!important;
}
/* main menu CSS */
.gkMenu > ul > li > a,
.gkMenu > ul > li > a:after {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.gkMenu > ul > li > a:hover,
.gkMenu > ul > li.active > a {
	color: #808285;
}
.gkMenu > ul > li > a:after {
	background-image: url('../../../images/template/heart.png');
	content: '';
	display: block;
	height: 11px;
	opacity: 0;
	position: absolute;
	right: -15px;
	top: -6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 12px;
}
.gkMenu > ul > li > a:hover:after,
.gkMenu > ul > li.active > a:after {
	opacity: 1;
	visibility: visible;
}
.gkMenu ul ul {
	background-color: rgba(238,61,150,0.6);
	padding: 0 30px;
}
.gkMenu > ul li div.childcontent {
	background-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0;
	text-transform: none;
}
.gkMenu > ul li div.childcontent-inner {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gkMenu > ul li > .childcontent .gkcol {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 0;
}
.gkMenu > ul li div.childcontent li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #5a79bc;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.gkMenu > ul li div.childcontent li:last-child {
	border: none;
}
.gkMenu > ul li div.childcontent li.active a,
.gkMenu > ul li div.childcontent a:hover {
	color: #fed095;
}
.gkMenu > ul li div.childcontent li:hover > a,
.gkMenu > ul li div.childcontent li:hover > a small {
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.gkMenu > ul li div.childcontent a {
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 7px 0;
}
.gkMenu ul ul svg,
.gkMenu ul ul img {
	float: left;
	margin: 0 6px 0 0;
	width: 15px;
}
.gkMenu > ul li div.childcontent .header {
	color: #444;
	display: block;
	font-size: 12px;
	font-weight: 600!important;
	margin: 6px 0 0;
	padding: 0 20px;
	text-transform: uppercase
}
.gkMenu > ul li div.childcontent .header a {
	color: #444;
}
.gkMenu > ul li div.childcontent .header small {
	display: block;
	text-transform: none;
}
.gkMenu .childcontent.active,
.gkMenu > ul > li:hover > .childcontent {
    pointer-events: auto;
}
.gkMenu .childcontent {
    pointer-events: none;
}
.gkMenu li .module p {
	font-size: 12px;
	line-height: 18px;
}
/* hide mobile menu */
#gkMobileMenu {
	display: none;
}
/* Group modules */
#gkTop1,
#gkTop2,
#gkTop3,
#gkTop4,
#gkTop5,
#gkTop6,
#gkTop7,
#gkTop8,
#gkTop9,
#gkTop10,
#gkBottom1,
#gkBottom2,
#gkBottom3,
#gkBottom4,
#gkBottom5,
#gkBottom6,
#gkBottom7,
#gkBottom8,
#gkBottom9,
#gkBottom10 {
	padding: 0;
}
#gkPageWrap {
	margin: 0 auto;
}
#gkContent,
#gkPageContent {
	width: 100%;
}
.gkPageContentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
	min-height: calc(100vh - 210px);
    padding: 0 0 calc(40px + (60 - 40)*((100vw - 320px)/(2000 - 320)));
    position: relative;
    width: 100%;
}
#gkHeaderMod {
	float: left;
	position: relative;
	width: 100%;
}
.mainButton,
input[type="submit"].mainButton {
    -webkit-appearance: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #1c1c1c;
    color: #1c1c1c;
    cursor: pointer;
    display: block;
    float: left;
    font-size: calc(20px + (24 - 20)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
    margin: 0 auto;
    padding: 5px 25px;
    text-align: center;
    -webkit-transition: border .3s ease 0s, padding .3s ease 0s;
    -moz-transition: border .3s ease 0s, padding .3s ease 0s;
    transition: border .3s ease 0s, padding .3s ease 0s;
}
.mainButton:hover,
input[type="submit"].mainButton:hover {
    background-color: transparent;
    outline: #1c1c1c;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1c1c1c;
}
.plainButton,
input[type="submit"].plainButton {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.plainButton:hover,
input[type="submit"].plainButton:hover {
    color: #fff;
    text-decoration: underline;
}
.whiteButton,
 input[type="submit"].whiteButton {
     color: #fff;
 }
.whiteButton:hover,
input[type="submit"].whiteButton:hover {
    color: #1c1c1c;
}
/* FORMS */
.generalForm {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.generalFormInner {
    float: left;
    position: relative;
    width: 100%;
}
.generalFormInner {
    max-width: 700px;
}
.generalForm .userData {
    float: left;
    position: relative;
    width: 100%;
}
.generalForm .formHeaderText {
    float: left;
    font-size: calc(30px + (50 - 30)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
    margin: 0 0 40px;
    position: relative;
    width: 100%;
}
.formFieldsContainer {
    float: left;
    position: relative;
    width: 100%;
}
.formFieldContainer {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.formFieldsContainer.mainFields {
    margin: 0 0 10px;
}
.formFieldsContainer.mainFields .formFieldContainer {
    margin: 0 0 40px;
}
.formFieldContainer select,
.formFieldContainer textarea,
.formFieldContainer input[type="text"],
.formFieldContainer input[type="password"],
.formFieldContainer input[type="url"],
.formFieldContainer input[type="email"] {
    background-color: transparent;
    border: 5px solid #1c1c1c;
    width: 100%;
}
.formFieldContainer label {
    font-size: calc(16px + (18 - 16)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
    padding: 0 0 5px;
    width: 100%;
}
.formFieldsContainer.fields .formFieldContainer label {
    font-size: 14px;
}
.checkboxField input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.checkboxField label {
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 0 0 2px 30px;
    position: relative;
}
.checkboxField label::before {
    -webkit-align-items: center;
    align-items: center;
    border: 5px solid #1c1c1c;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: -webkit-flex;
    display: flex;
    float: left;
    font-family: 'FontAwesome';
    font-size: 12px;
    height: 22px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 1;
    margin: 0;
    position: absolute;
    width: 22px;
}
.checkboxField > input:checked + label::before {
    background-color: #1c1c1c;
    border-color: #1c1c1c;
    content: "\f00c";
    color: #fff;
}
.formButtonsContainer {
    float: left;
    margin: 10px 0 20px;
    position: relative;
    width: 100%;
}
.formExtrasContainer {
    float: left;
    font-size: 12px;
    position: relative;
    width: 100%;
}
.formExtraContainer {
    float: left;
    margin: 0 0 3px;
    position: relative;
    width: 100%;
}
.generalFormWrapper {
    float: left;
    position: relative;
    width: 100%;
}
.generalFormWrapperInner {
    float: left;
    position: relative;
    width: 100%;
}
.generalForm.loginForm,
.generalForm.remindForm,
.generalForm.resetForm,
.generalForm.confirmForm,
.generalForm.completeForm {
    margin: calc(30px + (60 - 30)*((100vw - 320px)/(2000 - 320))) 0 0;
}
.generalForm.loginForm .generalFormInner,
.generalForm.remindForm .generalFormInner,
.generalForm.resetForm .generalFormInner,
.generalForm.confirmForm .generalFormInner,
.generalForm.completeForm .generalFormInner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.generalForm.loginForm .userData,
.generalForm.remindForm .userData,
.generalForm.resetForm .userData,
.generalForm.confirmForm .userData,
.generalForm.completeForm .userData {
    float: left;
    position: relative;
    width: 100%;
}
.generalForm.loginForm .formTextContainer,
.generalForm.remindForm .formTextContainer,
.generalForm.resetForm .formTextContainer,
.generalForm.confirmForm .formTextContainer,
.generalForm.completeForm .formTextContainer {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 15px;
    line-height: 1.2;
    margin: calc(20px + (50 - 20)*((100vw - 320px)/(2000 - 320))) 0 0;
    padding: calc(20px + (40 - 20)*((100vw - 320px)/(2000 - 320))) calc(20px + (60 - 20)*((100vw - 320px)/(2000 - 320)));
    position: relative;
    text-align: center;
    width: 100%;
}
.formIcon {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.formIconInner {
    float: left;
    position: relative;
}
.formText {
    float: left;
    font-size: calc(16px + (20 - 16)*((100vw - 320px)/(2000 - 320)));
    position: relative;
    width: 100%;
}
.formText div {
    float: left;
    margin: 5px 0;
    position: relative;
    width: 100%;
}
/* MOD MENU */
.modMenu {
    float: left;
    position: relative;
    width: 100%;
}
.modMenuInner {
    float: left;
    position: relative;
    width: 100%;
}
.modMenu.mainMenuContainer .menu {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.modMenu.mainMenuContainer .menu > .menuItem:first-child {
    display: none;
}
.modMenu.mainMenuContainer .menuItem {
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 5px 25px;
    position: relative;
}
.modMenu.mainMenuContainer .menuItem a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    width: 100%;
}
.modMenu.mainMenuContainer .menuItem.current > a,
.modMenu.mainMenuContainer .menuItem.active > a,
.modMenu.mainMenuContainer .menuItem > a:hover {
    outline: #fff;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.modMenu.mainMenuContainer .menuItem.parent > div {
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.modMenu.mainMenuContainer .menuItem.parent:hover > div {
    opacity: 1;
    visibility: visible;
}
.modMenu.mainMenuContainer .menuItem.parent > div .menuItem {
    margin: 0;
}
.modMenu.mainMenuContainer .menuItem.parent > div .menuItem > a {
    margin: 0 0 3px;
}
.modMenu.mainMenuContainer img {
    display: none;
}
/* MOD MENU - SUBMENU */
.modMenu.subMenuContainer {
    margin: 0 0 10px;
    width: 100%;
}
.modMenu.subMenuContainer .menu {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    width: 100%;
}
.modMenu.subMenuContainer .menu .menuItem {
    color: #5a79bc;
    float: left;
    font-weight: 700;
    margin: 0 0 0 30px;
    position: relative;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.modMenu.subMenuContainer .menu .menuItem a {
    color: #1c1c1c;
    float: left;
    font-weight: 700;
    padding: 0 0 5px;
    position: relative;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.modMenu.subMenuContainer .menu .menuItem a::after {
    background-color: #5a79bc;
    bottom: 0;
    content: '';
    left: 0;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.modMenu.subMenuContainer .menu .menuItem.active a::after,
.modMenu.subMenuContainer .menu .menuItem.current a::after,
.modMenu.subMenuContainer .menu .menuItem a:hover::after {
    height: 2px;
}
/* MOD MENU - HOMEPAGE */
.modMenu.homepageMenu,
.homepageMenu {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: calc(30px + (60 - 30)*((100vw - 320px)/(2000 - 320))) 0 0;
    position: relative;
    width: 100%;
}
.homepageMenu .menu {
    float: left;
    position: relative;
    width: 100%;
}
.homepageMenu .menuItems {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.homepageMenu .menuItems .menuItem:first-child {
    display: none;
}
.homepageMenu .menu .menuItem {
    -webkit-align-items: center;
    align-items: center;
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    float: left;
    margin: 15px;
    height: 220px;
    position: relative;
    width: 360px;
}
.homepageMenu .menu .menuItem a {
    -webkit-align-items: center;
    align-items: center;
    border: 5px solid #cbcee9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    color: #fff;
    float: left;
    font-weight: 700;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px 30px;
    position: relative;
    -webkit-transition: border 0.2s ease 0s, padding 0.2s ease 0s;
    -moz-transition: border 0.2s ease 0s, padding 0.2s ease 0s;
    transition: border 0.2s ease 0s, padding 0.2s ease 0s;
    width: 100%;
}
.homepageMenu .menu .menuItem a:hover {
    border-width: 0;
    outline: #fff;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    padding: 25px 35px;
}
.homepageMenu .menu .menuItem a .homepageMenuImage {
    -webkit-align-items: center;
    align-items: center;
    /*display: -webkit-flex;
    display: flex;*/
    display: none;
    -webkit-justify-content: center;
    justify-content: center;
    height: 40px;
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(20px,-15px);
    -moz-transform: translate(20px,-15px);
    transform: translate(20px,-15px);
    width: 40px;
}
.homepageMenu .menu .menuItem a .homepageMenuImage .homepageMenuImageInner {
    float: left;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 25px;
}
.homepageMenu .menu .menuItem a:hover .homepageMenuImage .homepageMenuImageInner {
    width: 35px;
}
.homepageMenu .menu .menuItem a,
.homepageMenu .menu .menuItem .homepageMenuTitle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 24px;
    position: relative;
    text-align: center;
    width: 100%;
}
/* MOD MENU - HOMEPAGE */
.modMenu.faceMenu {
    margin-left: 0;
}
.faceMenu {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    float: left;
    position: relative;
    width: 100%;
}
.faceMenu .menu {
    float: left;
    position: relative;
}
.faceContainer {
    float: left;
    max-width: 800px;
    position: relative;
}
.faceMenu .menuItems .menuItem:first-child {
    display: none;
}
.faceMenu .menu .menuItem {
    position: absolute;
    width: 250px;
}
.faceMenu .menu .menuItem a {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    color: #5a79bc;
    float: left;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.faceMenu .menu .menuItem a .faceMenuImage {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: 40px;
    position: relative;
    width: 40px;
}
.faceMenu .menu .menuItem a .faceMenuImage .faceMenuImageInner {
    float: left;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.faceMenu .menu .menuItem a:hover .faceMenuImage .faceMenuImageInner {
    width: 40px;
}
.faceMenu .menu .menuItem .faceMenuTitle {
    float: left;
    margin: 0 20px;
    position: relative;
    max-width: calc(100% - 60px);
}
.faceMenu .menuItems .menuItem:nth-child(2n+2) a {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
}
.faceMenu .menuItems .menuItem:nth-child(2n+2) a .faceMenuImage {
    order: 2;
}
.faceMenu .menuItems .menuItem:nth-child(2n+2) a .faceMenuTitle {
    order: 1;
}
.faceMenu .menuItems .menuItem:nth-child(2) a .faceMenuTitle,
.faceMenu .menuItems .menuItem:nth-child(3)  a .faceMenuTitle,
.faceMenu .menuItems .menuItem:nth-child(6) a .faceMenuTitle,
.faceMenu .menuItems .menuItem:nth-child(7)  a .faceMenuTitle {
    margin: 0 30px;
}
.faceMenu .menuItems .menuItem:nth-child(2) {
    right: 65%;
    top: 18.5%;
}
.faceMenu .menuItems .menuItem:nth-child(3) {
    left: 66%;
    top: 18%;
}
.faceMenu .menuItems .menuItem:nth-child(4) {
    right: 78.2%;
    top: 49%;
}
.faceMenu .menuItems .menuItem:nth-child(5) {
    left: 79%;
    top: 49%;
}
.faceMenu .menuItems .menuItem:nth-child(6) {
    right: 67.5%;
    top: 78.5%;
}
.faceMenu .menuItems .menuItem:nth-child(7) {
    left: 68.4%;
    top: 78.5%;
}
.faceMenu .menuItems .menuItem:nth-child(8) a .faceMenuTitle {
    order: 2;
}
.faceMenu .menuItems .menuItem:nth-child(8) a .faceMenuImage {
    order: 1;
}
.faceMenu .menuItems .menuItem:nth-child(8) {
    left: 50%;
    top: 87.5%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.faceMenu .menuItems .menuItem:nth-child(8) a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
/* MOD LOGIN - PROFILE MODE */
.profileContainer {
    float: left;
    left: 100%;
    position: absolute;
    top: 0;
}
.profileSwitch {
    background: transparent no-repeat scroll 0 0 url('../../../images/template/profileBgPinkIcon.png');
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    float: left;
    left: 0;
    padding: 0 30px 10px 10px;
    position: absolute;
    top: 0;
    z-index: 2;
}
.profileSwitchIcon {
    position: absolute;
    right: 18px;
    top: 10px;
    z-index: 3;
}
.profileSwitchIcon img {
    display: block;
    float: left;
    position: relative;
    width: 12px;
}
.profileBody {
    background-color: #1c1c1c;
    border-top: 4px solid #ee3d96;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    float: left;
    padding: 10px 10px 13px 70px;
    position: relative;
    width: 320px;
}
.profileSchoolTitle {
    color: #fff;
    float: left;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.profileStudentName {
    color: #fff;
    float: left;
    margin: 10px 0;
    position: relative;
    width: 100%;
}
.profileForm {
    float: left;
    position: relative;
    width: 100%;
}
.profileForm input[type="submit"].plainButton {
    font-size: 13px;
}
/* MOD AW SLIDESHOW */
.moduleAwSlideshow {
	float: left;
	position: relative;
	width: 100%;
}
.awSlideshowSlide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding-top: 35%;
	position: relative;
}
.awSlideshowSlideBody {
	color: #fff;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	white-space: nowrap;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 20;
}
.awSlideshowSlideTitle {
	display: block;
	font-size: 44px;
	font-weight: 700;
	position: relative;
}
/* MOD AW TEXT */
.moduleAwText {
	float: left;
	position: relative;
	width: 100%;
}
.moduleAwText {
	float: left;
	margin: calc(30px + (60 - 30)*((100vw - 320px)/(2000 - 320))) 0 0;
	position: relative;
	width: 100%;
}
.awTextContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.awTitle {
	float: left;
	font-size: calc(22px + (32 - 22)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
	margin: 10px 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.awText {
	float: left;
    margin: 10px 0;
    text-align: center;
	width: 100%;
}
.awTextInner {
	float: left;
	font-size: 22px;
	margin: 0 0 50px;
	max-width: 950px;
	position: relative;
	text-align: center;
	width: 100%;
}
/* MOD AW IMAGE */
.moduleAwImage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 36% 0 0;
	position: relative;
	width: 100%;
}
/* MOD AW 3 COLUMNS - MOD AW 3 COLUMNS COLORS */
.moduleAw3Columns,
.moduleAw3ColumnsColors {
    float: left;
    padding: 100px 0 20px;
    position: relative;
    width: 100%;
}
.moduleAw3ColumnsInner,
.moduleAw3ColumnsColorsInner {
    float: left;
    position: relative;
    width: 100%;
}
.aw3ColumnsMainTitle,
.aw3ColumnsColorsMainTitle {
    color: #5a79bc;
    float: left;
    font-size: 44px;
    margin: 0 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
}
.aw3ColumnsContainer,
.aw3ColumnsColorsContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    position: relative;
    width: 100%;
}
.aw3ColumnsColorsContainer {
    margin: 30px 0 0;
}
.aw3ColumnsItem,
.aw3ColumnsColorsItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 30px;
    position: relative;
    width: 33.33%;
}
.aw3ColumnsItemIconContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.aw3ColumnsColorsItemIconContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    position: relative;
    width: 100%;
}
.aw3ColumnsItemIcon {
    float: left;
    position: relative;
    text-align: center;
    width: 100px;
}
.aw3ColumnsColorsItemIcon {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 10px 10px 24px -3px #bbb;
    -moz-box-shadow: 10px 10px 24px -3px #bbb;
    box-shadow: 10px 10px 24px -3px #bbb;
    border-radius: 15px 15px 0 0;
    float: left;
    padding: 25px 25px 15px;
    position: relative;
    text-align: center;
    width: 140px;
}
.aw3ColumnsItemIcon img,
.aw3ColumnsColorsItemIcon img {
    display: inline-block;
}
.aw3ColumnsItemText {
    color: #1c1c1c;
    float: left;
    font-size: 22px;
    position: relative;
    text-align: center;
    width: 100%;
}
.aw3ColumnsColorsItemText {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 10px 10px 24px -3px #bbb;
    -moz-box-shadow: 10px 10px 24px -3px #bbb;
    box-shadow: 10px 10px 24px -3px #bbb;
    border-radius: 10px;
    color: #58595b;
    float: left;
    font-size: 22px;
    padding: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}
.aw3ColumnsItemText p,
.aw3ColumnsColorsItemText p {
    margin: 0;
}
.aw3ColumnsColorsItemLinkContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 40px 0 10px;
    position: relative;
    width: 100%;
}
.aw3ColumnsColorsItemLinkContainerInner {
    float: left;
    position: relative;
}
.aw3ColumnsColorsItemLinkContainerInner a {
    float: left;
    position: relative;
}
.aw3ColumnsBottomText {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.aw3ColumnsBottomTextInner {
    color: #5a79bc;
    float: left;
    font-family: 'BP Pallas';
    font-size: 100px;
    line-height: 1;
    margin: 130px 0 50px;
    max-width: 1000px;
    position: relative;
    text-align: center;
    width: 100%;
}
.aw3ColumnsBottomText p {
    font-family: 'BP Pallas';
    margin: 0;
}
/* MOD AW TOP TEXT */
.moduleAwTopText {
    float: left;
    position: relative;
    text-align: right;
}
.awTopText {
    float: left;
    margin: 0 0 8px;
    position: relative;
}
.awTopText1 {
    float: left;
    font-size: calc(24px + (34 - 24)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
    line-height: 1.2;
    position: relative;
}
/* MOD ACYMAILING */
.modAcymailing {
    background-color: #e8f4d8;
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%;
}
.modAcymailing .gkPage {
    max-width: 1020px;
}
.acymailing_module {
    float: left;
    position: relative;
    width: 100%;
}
.acymailing_module .acymailingIntrotextContainer {
    float: left;
    position: relative;
    width: 100%;
}
.acymailing_module div.acymailingIntrotextContainer {
    color: #5a79bc;
    float: left;
    font-size: 34px;
    margin: 0 0 60px !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.acymailing_module .acymailing_fulldiv {
    float: left;
    position: relative;
    width: 100%;
}
.acymailing_module .acymailing_fulldiv form {
    float: left;
    position: relative;
    width: 100%;
}
.acymailing_module .acymailing_module_form {
    float: left;
    position: relative;
    width: 100%;
}
.acymailing_module .acymailing_form {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    border-bottom: 1px dotted #808285 !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 0 10px !important;
    position: relative;
    width: 100%;
}
.acymailing_module .fieldacyemail {
    float: left;
    position: relative;
    width: calc(100% - 200px);
}
.acymailing_module .acyfield_email {
    float: left;
    position: relative;
    width: 100%;
}
.acymailing_module .acyfield_email input {
    background-color: transparent;
    border: none;
    float: left;
    line-height: 1;
    padding: 0;
    position: relative;
    width: 100%;
}
.acymailing_module .acysubbuttons {
    float: left;
    position: relative;
}
.acymailing_module input.generalBtn {
    color: #e8f4d8;
}
/* MOD AW CALENDAR */
.modAwCalendar {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.modAwCalendarInner {
    float: left;
    position: relative;
    width: 100%;
} 
/* ARTICLES (PAGES) */
.contentItemView.article {
	float: left;
	position: relative;
	width: 100%;
}
.itemSection1 {
    float: left;
    position: relative;
    width: 100%;
}
.itemMainImageContainer {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 35% 0 0;
	position: relative;
	width: 100%;
}
.itemMainImageTitle {
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.itemMainImageTitleInner {
	color: #fff;
	font-size: 44px;
	font-weight: 700;
	float: left;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2 {
	float: left;
	position: relative;
	width: 100%;
}
.itemSection2Inner {
	float: left;
	padding: 100px 0 20px;
	position: relative;
	width: 100%;
}
.itemSection2MainTitle {
	color: #5a79bc;
	float: left;
	font-size: 44px;
	margin: 0 0 60px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2MainText {
	color: #58595b;
	float: left;
	font-size: 22px;
	margin: 0 0 80px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2MainImageContainer {
	display: -webkit-flex;
	display: flex;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 80px;
	position: relative;
	width: 100%;
}
.itemSection2MainImage {
	float: left;
	position: relative;
}
.itemSection2BottomText {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center; ;
    justify-content: center;
    position: relative;
    width: 100%;
}
.itemSection2BottomTextInner {
	float: left;
	margin: 0 0 50px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2BottomTextInner p {
	margin: 0;
}
.itemSection2BottomTextStyle1 .itemSection2BottomTextInner {
	color: #1c1c1c;
	float: left;
	font-family: 'BP Pallas';
	font-size: 100px;
	line-height: 1;
	max-width: 1000px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2BottomTextStyle2 .itemSection2BottomTextInner {
	 color: #5a79bc;
	 float: left;
	 font-family: 'BP Pallas';
	 font-size: 100px;
	 line-height: 1;
	 max-width: 1000px;
	 position: relative;
	 text-align: center;
	 width: 100%;
 }
.itemSection2BottomTextStyle3 .itemSection2BottomTextInner {
	color: #808285;
	float: left;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	max-width: 680px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2BottomTextStyle4 .itemSection2BottomTextInner {
	color: #1c1c1c;
	float: left;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	max-width: 900px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection2BottomTextStyle5 .itemSection2BottomTextInner {
	color: #5a79bc;
	float: left;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	max-width: 900px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection3 {
	background-color: #f4f9ec;
	float: left;
	padding: 130px 0 50px;
	position: relative;
	width: 100%;
}
.itemSection3Inner {
	float: left;
	position: relative;
	width: 100%;
}
.itemSection3MainTitle {
	color: #5a79bc;
	float: left;
	font-size: 44px;
	margin: 0 0 60px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection3MainText {
	color: #58595b;
	float: left;
	font-size: 22px;
	margin: 0 0 80px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection3List {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 80px -30px;
	position: relative;
	width: calc(100% + 60px);
}
.itemSection3ListItem {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0 30px;
	position: relative;
	width: 33.33%;
}
.itemSection3ListItemIconContainer {
	display: -webkit-flex;
	display: flex;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 20px;
	position: relative;
	width: 100%;
}
.itemSection3ListItemIcon {
	float: left;
	position: relative;
    text-align: center;
    width: 100px;
}
.itemSection3ListItemIcon img {
    display: inline-block;
}
.itemSection3ListItemText {
	color: #58595b;
	float: left;
	font-size: 22px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection3ListItemText p {
	margin: 0;
}
.itemSection4 {
	float: left;
	position: relative;
	width: 100%;
}
.itemSection4Inner {
	float: left;
	padding: 100px 0 20px;
	position: relative;
	width: 100%;
}
.itemSection4MainTitle {
	color: #5a79bc;
	float: left;
	font-size: 44px;
	margin: 0 0 60px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection4MainText {
	color: #58595b;
	float: left;
	font-size: 22px;
	margin: 0 0 80px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection4MainImageContainer {
	display: -webkit-flex;
	display: flex;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 80px;
	position: relative;
	width: 100%;
}
.itemSection4MainImage {
	float: left;
	position: relative;
}
.itemSection4List {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 80px -30px;
	position: relative;
	width: calc(100% + 60px);
}
.itemSection4ListItem {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	float: left;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0 30px;
	position: relative;
	width: 33.33%;
}
.itemSection4ListItemText {
	color: #58595b;
	float: left;
	font-size: 22px;
	position: relative;
	text-align: center;
	width: 100%;
}
.itemSection3ListItemText p {
	margin: 0;
}
.itemSectionVideo {
	background-color: #f4f9ec;
	float: left;
    margin: 0 0 60px;
	padding: 130px 0;
	position: relative;
	width: 100%;
}
.itemSectionVideoInner {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.itemSectionVideoContainer {
    float: left;
    position: relative;
    width: 50%;
}
.itemSectionVideoDescriptionContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #58595b;
    float: left;
    font-size: 22px;
    padding: 0 40px;
    position: relative;
    text-align: center;
    width: 50%;
}
.itemSectionVideoDescriptionContainer p {
    margin: 30px 0;
}
/* NEWS CATEGORY - PROGRAMS CATEGORY */
.news.categoryView,
.programs.categoryView {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.news.categoryView .categoryViewInner,
.programs.categoryView .categoryViewInner {
    float: left;
    position: relative;
    width: 100%;
}
.news.categoryView .subheading-category,
.programs.categoryView .subheading-category {
    color: #5a79bc;
    float: left;
    font-size: 44px;
    margin: 0 0 60px;
    position: relative;
    text-align: center;
    width: 100%
}
.news.categoryView .itemsLeading,
.programs.categoryView .itemsLeading,
.programs.categoryView .subcategoriesContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 0 0 0 -20px;
    position: relative;
    width: calc(100% + 40px);
}
.news.categoryView .itemsLeadingItem,
.programs.categoryView .itemsLeadingItem {
    border-bottom: 10px solid #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 20px 40px;
    padding: 0 0 20px;
    position: relative;
    width: calc(50% - 40px);
}
.news.categoryView .itemsIntro,
.programs.categoryView .itemsIntro,
.programs.categoryView .subcategoryContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 0 0 0 -20px;
    position: relative;
    width: calc(100% + 40px);
}
.news.categoryView .itemsIntroItem,
.programs.categoryView .itemsIntroItem,
.programs.categoryView .subcategoryItem {
    border-bottom: 10px solid #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 10px 20px 40px;
    padding: 0 0 20px;
    position: relative;
    width: calc(33.33% - 40px);
}
.news.categoryView .catItemImageContainer,
.programs.categoryView .catItemImageContainer {
    background-color: #fff;
    float: left;
    position: relative;
    width: 100%;
}
.news.categoryView .catItemImage,
.programs.categoryView .catItemImage,
.programs.categoryView .subcategoryItemBody {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;
}
.news.categoryView .itemsLeadingItem .catItemImage,
.programs.categoryView .itemsLeadingItem .catItemImage,
.news.categoryView .itemsIntroItem .catItemImage,
.programs.categoryView .itemsIntroItem .catItemImage,
.programs.categoryView .subcategoryItemBody {
    padding: 100% 0 0;
}
.news.categoryView .catItemOverlay,
.programs.categoryView .catItemOverlay,
.programs.categoryView .subcategoryItemOverlay {
    background-color: #1c1c1c;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    width: 100%;
    z-index: 2;
}
.news.categoryView .catItemImage:hover .catItemOverlay,
.programs.categoryView .catItemImage:hover .catItemOverlay,
.programs.categoryView .subcategoryItemBody:hover .subcategoryItemOverlay {
    opacity: 0.2;
}
.news.categoryView .catItemLink,
.programs.categoryView .catItemLink,
.programs.categoryView .subcategoryItemLink {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.news.categoryView .catItemBody,
.programs.categoryView .catItemBody,
.programs.categoryView .subcategoryItemBody {
    float: left;
    margin: 20px 0 0;
    position: relative;
    width: 100%;
}
.news.categoryView .catItemBodyInner,
.programs.categoryView .catItemBodyInner,
.programs.categoryView .subcategoryItemBodyInner {
    float: left;
    position: relative;
    width: 100%;
}
.news.categoryView .catItemBodyTitle,
.programs.categoryView .catItemBodyTitle,
.programs.categoryView .subcategoryItemBodyTitle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    width: 100%;
    z-index: 4;
}
.news.categoryView .itemsLeadingItem .catItemBodyTitle a,
.programs.categoryView .itemsLeadingItem .catItemBodyTitle a,
.news.categoryView .itemsIntroItem .catItemBodyTitle a,
.programs.categoryView .itemsIntroItem .catItemBodyTitle a {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.news.categoryView .itemsLeadingItem .catItemBodyTitle a:hover,
.programs.categoryView .itemsLeadingItem .catItemBodyTitle a:hover,
.news.categoryView .itemsIntroItem .catItemBodyTitle a:hover,
.programs.categoryView .itemsIntroItem .catItemBodyTitle a:hover {
    color: #1c1c1c;
}
.news.categoryView .catItemDate {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #5a79bc;
    float: left;
    position: relative;
    width: 100%;
    z-index: 4;
}
.news.categoryView .catItemType {
	font-size: 16px;
	font-weight: 700;
	left: 0;
	padding: 6px 30px;
    pointer-events: none;
	position: absolute;
	top: 25px;
	z-index: 4;
}
.news.categoryView .typeStyle1 {
	background-color: #5a79bc;
}
.news.categoryView .typeStyle2 {
    background-color: #c94949;
}
.news.categoryView .typeStyle3 {
    background-color: #92c949;
}
.news.categoryView .typeStyle4 {
    background-color: #495ec9;
}
.news.categoryView .typeStyle5 {
    background-color: #c99a49;
}
.catItemBodyButtonContainer {
    float: left;
    margin: 20px 0 0;
    position: relative;
    width: 100%;
}
.catItemBodyButton {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    position: relative;
}
.catItemBodyButton:hover {
    color: #1c1c1c;
}
.catItemBodyButton .text {
    float: left;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    position: relative;
}
.catItemBodyButton .icon {
    float: left;
    margin: 0 0 0 10px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.catItemBodyButton:hover .icon {
    margin: 0 0 0 15px;
}
.catItemBodyButton .icon svg {
    float: left;
    position: relative;
}
/* NEWS ARTICLE - PROGRAMS ARTICLE - CALENDAR ARTICLE - TEACHERS BLOG ARTICLE */
.contentItemView.news,
.contentItemView.calendar,
.contentItemView.programs,
.contentItemView.teachersBlog {
	float: left;
	position: relative;
	width: 100%;
}
.contentItemView.news .contentItemViewInner,
.contentItemView.calendar .contentItemViewInner,
.contentItemView.programs .contentItemViewInner,
.contentItemView.teachersBlog .contentItemViewInner {
	float: left;
	position: relative;
	width: 100%;
}
.contentItemView.news .itemImage,
.contentItemView.calendar .itemImage,
.contentItemView.programs .itemImage,
.contentItemView.teachersBlog .itemImage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
    padding: 40% 0 0;
	position: relative;
	width: 100%;
}
.contentItemView.news .itemType {
	bottom: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	left: 50%;
	padding: 6px 30px;
	pointer-events: none;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 4;
}
.contentItemView.news .typeStyle1 {
	background-color: #5a79bc;
}
.contentItemView.news .typeStyle2 {
	background-color: #c94949;
}
.contentItemView.news .typeStyle3 {
	background-color: #92c949;
}
.contentItemView.news .typeStyle4 {
	background-color: #495ec9;
}
.contentItemView.news .typeStyle5 {
	background-color: #c99a49;
}
.contentItemView.news .itemMainContainer,
.contentItemView.calendar .itemMainContainer,
.contentItemView.programs .itemMainContainer,
.contentItemView.teachersBlog .itemMainContainer {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 3;
}
.contentItemView.news .itemMainContainerInner,
.contentItemView.calendar .itemMainContainerInner,
.contentItemView.programs .itemMainContainerInner,
.contentItemView.teachersBlog .itemMainContainerInner {
    background-color: #fff;
    border: 10px solid #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: calc(20px + (30 - 20)*((100vw - 320px)/(2000 - 320)));
    position: relative;
    width: 100%;
}
.contentItemView.news .itemHeader,
.contentItemView.calendar .itemHeader,
.contentItemView.programs .itemHeader,
.contentItemView.teachersBlog .itemHeader {
    float: left;
    position: relative;
    width: 100%;
}
.contentItemView.news .itemInfoContainer,
.contentItemView.calendar .itemInfoContainer,
.contentItemView.programs .itemInfoContainer,
.contentItemView.teachersBlog .itemInfoContainer {
    color: #5a79bc;
	float: left;
    font-size: 20px;
	margin: 10px 0 0;
	position: relative;
	width: 100%;
}
.contentItemView.news .itemDate,
.contentItemView.calendar .itemDate,
.contentItemView.programs .itemDate,
.contentItemView.teachersBlog .itemDate {
	float: left;
	font-weight: 400;
	margin: 10px 0 0;
	position: relative;
	width: 100%;
}
.contentItemView.news .itemCategory,
.contentItemView.calendar .itemCategory,
.contentItemView.programs .itemCategory,
.contentItemView.teachersBlog .itemCategory {
	float: left;
	font-weight: 700;
	position: relative;
}
.contentItemView.news .itemCategory:before,
.contentItemView.calendar .itemCategory:before,
.contentItemView.programs .itemCategory:before,
.contentItemView.teachersBlog .itemCategory:before {
	content: '|';
	float: left;
	font-weight: 400;
	margin: 0 5px;
	position: relative;
}
.contentItemView.news .itemCategory:after,
.contentItemView.calendar .itemCategory:after,
.contentItemView.programs .itemCategory:after,
.contentItemView.teachersBlog .itemCategory:after {
	content: '|';
	float: right;
	font-weight: 400;
	margin: 0 5px;
	position: relative;
}
.contentItemView.news .itemTitleContainer,
.contentItemView.calendar .itemTitleContainer,
.contentItemView.programs .itemTitleContainer,
.contentItemView.teachersBlog .itemTitleContainer {
    float: left;
    position: relative;
    width: 100%;
}
.contentItemView.news .itemTitle,
.contentItemView.calendar .itemTitle,
.contentItemView.programs .itemTitle,
.contentItemView.teachersBlog .itemTitle {
	float: left;
	font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
	margin: 0 0 30px;
	position: relative;
	width: 100%;
}
.contentItemView.news .itemBody,
.contentItemView.calendar .itemBody,
.contentItemView.programs .itemBody,
.contentItemView.teachersBlog .itemBody {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.contentItemView.news .itemFullTextContainer,
.contentItemView.calendar .itemFullTextContainer,
.contentItemView.programs .itemFullTextContainer,
.contentItemView.teachersBlog .itemFullTextContainer {
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 16px;
    line-height: 1.2;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.contentItemView.news .itemFullText,
.contentItemView.calendar .itemFullText,
.contentItemView.programs .itemFullText,
.contentItemView.teachersBlog .itemFullText {
    float: left;
    max-width: 1200px;
    position: relative;
    width: 100%;
}
.contentItemView.news .itemFullText ul,
.contentItemView.calendar .itemFullText ul,
.contentItemView.programs .itemFullText ul,
.contentItemView.teachersBlog .itemFullText ul {
    list-style: outside;
    margin: 0;
    padding: 0 0 0 15px;
}
.contentItemView.news .itemFullText ul li,
.contentItemView.calendar .itemFullText ul li,
.contentItemView.programs .itemFullText ul li,
.contentItemView.teachersBlog .itemFullText ul li {
    margin: 15px 0;
}
.contentItemView.news .itemFullText .avPlayerWrapper,
.contentItemView.calendar .itemFullText .avPlayerWrapper,
.contentItemView.programs .itemFullText .avPlayerWrapper,
.contentItemView.teachersBlog .itemFullText .avPlayerWrapper {
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 10px 0 40px;
    position: relative;
    width: 100%;
}
.contentItemView.news .itemFullText .avPlayerWrapper .avPlayerContainer,
.contentItemView.calendar .itemFullText .avPlayerWrapper .avPlayerContainer,
.contentItemView.programs .itemFullText .avPlayerWrapper .avPlayerContainer,
.contentItemView.teachersBlog .itemFullText .avPlayerWrapper .avPlayerContainer {
    max-width: 800px;
}
.contentItemView.news .itemFullText img,
.contentItemView.calendar .itemFullText img,
.contentItemView.programs .itemFullText img,
.contentItemView.teachersBlog .itemFullText img {
    display: inline-block;
}
/* SIMPLE IMAGE GALLERY */
.imageGalleryContainer {
	float: left;
    margin: 0;
	position: relative;
	width: 100%;
}
.imageGalleryContainerInner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 20px 0 20px -10px;
    position: relative;
    width: calc(100% + 20px);
}
.imageGalleryThumb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 10px;
	position: relative;
	width: 33.33%;
}
.itemFullText .imageGalleryThumb {
    width: 20%;
}
.sigProLink.swipebox {
	float: left;
	position: relative;
	width: 100%;
}
.sigProImg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 80% 0 0;
	position: relative;
	width: 100%;
}
/* MOD AW QA */
.moduleAwQa {
	float: left;
	position: relative;
	width: 100%;
}
.modAwQa {
	float: left;
	position: relative;
	width: 100%;
}
.modAwQa .moduleMainTitle {
	color: #5a79bc;
	float: left;
	font-size: 34px;
	line-height: 1.2;
	margin: 100px 0 80px;
	position: relative;
	text-align: center;
	width: 100%;
}
.modAwQaContainer {
	float: left;
	margin: 0;
	position: relative;
	width: 100%;
}
.modAwQaItem {
	border-bottom: 1px solid #9ba2a8;
	float: left;
	padding: 20px 0 0;
	position: relative;
	width: 100%;
}
.modAwQaItem:last-child {
	border: none;
}
.modAwQaQuestion {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	font-size: 20px;
	font-weight: 500;
	padding: 0 60px 0 0;
	position: relative;
	width: 100%;
}
.modAwQaQuestion:after {
	content: 'B';
	font-family: 'aw-font';
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 0;
}
.modAwQaQuestion.opened:after {
	content: 'A';
}
.modAwQaQuestion p {
	margin: 0 0 20px;
}
.modAwQaAnswer {
	display: none;
	float: left;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	width: 100%;
}
.modAwQaAnswer p {
	margin: 0 0 20px;
}
/* MOD RS FORM */
.modRsform {
    float: left;
    position: relative;
    width: 100%;
}
.modRsformInner {
    float: left;
    position: relative;
    width: 100%;
}
.modRsform form {
    float: left;
    position: relative;
    width: 100%;
}
.formContainer.contactForm {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.formContainerInner {
    float: left;
    max-width: 930px;
    position: relative;
    width: 100%;
}
.formContainer .formRow {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.formMainTitle {
    color: #5a79bc;
    float: left;
    font-size: 34px;
    line-height: 1.2;
    margin: 100px 0 80px;
    position: relative;
    text-align: center;
    width: 100%;
}
.formContainer .formColumn {
    float: left;
    position: relative;
    width: calc(50% - 10px);
}
.rsform-block {
    float: left;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
}
.formControlLabel {
    float: left;
    margin: 0 0 4px;
    position: relative;
    width: 100%;
}
.rsform-block .formBody {
    float: left;
    position: relative;
    width: 100%;
}
.rsform-block input {
    float: left;
    position: relative;
    width: 100%;
}
.rsform-block textarea {
    height: 190px;
    max-height: 190px;
    min-height: 190px;
    resize: none;
}
.rsform-block input:focus,
.rsform-block textarea:focus {
    border-color: #1c1c1c;
}
.formContainer .formRow.captchaContainer {
    -webkit-justify-content: center;
    justify-content: center;
    margin: 50px 0 0;
    text-align: center;
}
.rsform-block.rsform-block-captcha .formBody {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.rsform-block-captcha .formBody > div {
	float: left;
	position: relative;
}
.formSendContainer {
    float: left;
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}
.formRequiredContainer {
    color: #808285;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.rsform-block.rsform-block-send {
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
button.rsform-submit-button {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 10px 40px;
}
button.rsform-submit-button:hover {
    background-color: #5a79bc;
    color: #fff;
}
.formErrorContainer,
.formErrorContainer > div {
    float: left;
    position: relative;
    width: 100%;
}
.formErrorContainer p.formRed {
    color: #5a79bc;
    float: left;
    font-size: 15px;
    margin: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.formValidation {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 1px;
    position: relative;
    width: 100%;
}
.formValidation .formError {
    color: #5a79bc;
    float: left;
    position: relative;
    width: 100%;
}
/* CALENDARS */
/* SPECIAL OFFERS  PAGE*/
.modAwDiet {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.modAwCalendarInner {
    float: left;
    position: relative;
    width: 100%;
}
.calendarContainer {
    float: left;
    position: relative;
    width: 100%;
}
.calendarContainer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.calendarContainer .clndr-controls {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: flex;
    font-size: calc(18px + (24 - 18)*((100vw - 320px)/(2000 - 320)));
    font-weight: bold;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1.66;
    padding: 0 0 20px;
    text-align: center;
}
.calendarContainer .clndr-controls .clndr-controls-btns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.calendarContainer .clndr-controls .clndr-previous-button,
.calendarContainer .clndr-controls .clndr-next-button {
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 0 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.calendarContainer .clndr-controls .clndr-previous-button:hover,
.calendarContainer .clndr-controls .clndr-next-button:hover {
    opacity: 0.5;
}
.calendarContainer .clndr-grid .days-of-the-week {
    /*border-left: 2px solid #5a79bc;
    border-right: 2px solid #5a79bc;*/
    color: #fff;
    display: -webkit-flex;
    display: flex;
}
.calendarContainer .clndr-grid .days-of-the-week .header-day {
    background-color: #1c1c1c;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    padding: 8px 14px;
    text-align: center;
    width: calc(100% / 7);
}
.calendarContainer .clndr-grid .days-of-the-week .header-day:first-child {
    border-left: 1px solid #1c1c1c;
}
.calendarContainer .clndr-grid .days-of-the-week .header-day:last-child {
    border-right: 1px solid #1c1c1c;
}
.calendarContainer .clndr-grid .days {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}
.calendarContainer .clndr-grid .days .day,
.calendarContainer .clndr-grid .days .empty {
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    min-height: 100px;
    padding: 10px;
    width: calc(100% / 7);
}
.calendarContainer .clndr-grid .days .day:nth-child(1),
.calendarContainer .clndr-grid .days .day:nth-child(2),
.calendarContainer .clndr-grid .days .day:nth-child(3),
.calendarContainer .clndr-grid .days .day:nth-child(4),
.calendarContainer .clndr-grid .days .day:nth-child(5),
.calendarContainer .clndr-grid .days .day:nth-child(6),
.calendarContainer .clndr-grid .days .day:nth-child(7) {
    border-top: none;
}
.calendarContainer .clndr-grid .days .day:nth-child(7n + 1) {
    border-left-width: 2px;
}
.calendarContainer .clndr-grid .days .day:nth-child(7n) {
    border-right-width: 2px;
}
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 1),
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 2),
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 3),
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 4),
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 5),
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 6),
.calendarContainer .clndr-grid .days .day:nth-last-child(-n + 7) {
    border-bottom-width: 2px;
}
.calendarContainer .clndr-grid .days .day.last-month,
.calendarContainer .clndr-grid .days .day.next-month,
.calendarContainer .clndr-grid .days .empty.empty {
    background-color: #eee;
}
.calendarContainer .clndr-grid .days .day.today {
    background-color: #5a79bc;
}
.calendarContainer .clndr-grid .days .topLine {
    padding-bottom: 7px;
}
.calendarContainer .clndr-grid .days .dayNumber,
.calendarContainer .clndr-grid .days .dayName,
.calendarContainer .clndr-grid .days .date {
    color: #5a79bc;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.66;
}
.calendarContainer .clndr-grid .days .day.today.event .dayName,
.calendarContainer .clndr-grid .days .day.today.event .date {
    color: #fff;
}
.calendarContainer .clndr-grid .dayName,
.calendarContainer .clndr-grid .date {
    display: none;
}
.calendarContainer .clndr-grid .days .day.today .dayNumber {
    color: #fff;
}
.calendarContainer .clndr-grid .days .day.event {
    position: relative;
}
.calendarContainer .clndr-grid .days .day.event p {
    margin: 0;
}
.calendarContainer .clndr-grid .days .day.event .breakfastContainer,
.calendarContainer .clndr-grid .days .day.event .lunchContainer {
    float: left;
    margin: 5px 0;
    position: relative;
    width: 100%;
}
.calendarContainer .clndr-grid .days .day.event .homeworkLessonName {
    float: left;
    font-weight: 700;
    margin: 5px 0 0;
    position: relative;
    width: 100%;
}
.calendarContainer .clndr-grid .days .day.event .homeworkName {
    float: left;
    margin: 0 0 5px;
    position: relative;
    width: 100%;
}
.calendarContainer .clndr-grid .days .day.event a {
    display: block;
    width: 100%;
}
.calendarContainer .clndr-grid .days .day.today.event,
.calendarContainer .clndr-grid .days .day.today.event a {
    color: #fff;
}
.calendarContainer .clndr-grid .days .day.today.event a:hover {
    color: #1c1c1c;
}
.calendarContainer .clndr-grid .days .event .dayNumber {
    color: #5a79bc;
}
.calendarContainer .clndr-grid .days .event .topLine {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 25px;
}
.calendarContainer .clndr-grid .days .event .eventTitle {
    display: block;
    margin-bottom: 5px;
}
.calendarContainer .eventTooltip {
    background: #1c1c1c;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    left: 2px;
    opacity: 0;
    padding: 20px 30px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 200%;
    z-index: 50;
}
.calendarContainer .eventTooltip a {
    color: #fff;
}
.calendarContainer .eventTooltip a:hover {
    color: #5a79bc;
}
.calendarContainer .eventTooltip.shown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.calendarContainer .eventTooltip p {
    margin: 0;
}
.calendarContainer .eventTooltip:before {
    border-color: transparent transparent #1c1c1c transparent;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    content: '';
    height: 0;
    left: 15px;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 0;
}
.calendarContainer .clndr-grid .days .day:nth-child(7n) .eventTooltip {
    left: auto;
    right: 2px;
}
.calendarContainer .clndr-grid .days .day:nth-child(7n) .eventTooltip:before {
    left: auto;
    right: 15px;
}
.calendarNotesContainer {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 15px;
    line-height: 1.2;
    margin: calc(40px + (60 - 40)*((100vw - 320px)/(2000 - 320))) 0 0;
    padding: calc(20px + (40 - 20)*((100vw - 320px)/(2000 - 320))) calc(20px + (60 - 20)*((100vw - 320px)/(2000 - 320)));
    position: relative;
    text-align: center;
    width: 100%;
}
.calendarNotes {
    float: left;
    position: relative;
    width: 100%;
}
/* MOD AW DAILY REPORT */
.moduleAwDailyReport {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.moduleAwDailyReportInner {
    float: left;
    position: relative;
    width: 100%;
}
.dailyReportMessageContainer {
    float: left;
    font-weight: 700;
    margin: 100px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.dailyReportGeneralInfoContainer {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.dailyReportGeneralInfoTitle,
.dailyReportStudentTitle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c1c1c;
    float: left;
    font-size: calc(18px + (24 - 18)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
    padding: 0 30px 0 0;
    position: relative;
}
.dailyReportGeneralInfoDate {
    float: left;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.dailyReportActivitiesContainer {
    border-left: 2px solid #5a79bc;
    border-top: 2px solid #5a79bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 50px 0 0;
    position: relative;
    width: 100%;
}
.dailyReportActivity {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 2px solid #5a79bc;
    border-bottom: 2px solid #5a79bc;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: calc(16px + (18 - 16)*((100vw - 320px)/(2000 - 320)));
    font-weight: 700;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    width: 25%;
}
.dailyReportStudentMainContainer {
    float: left;
    margin: 100px 0 0;
    position: relative;
    width: 100%;
}
.dailyReportStudentContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 50px 0 0;
    position: relative;
    width: 100%;
}
.dailyReportStudentFoodContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    position: relative;
    width: calc(100% - 400px);
}
.dailyReportFoodContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
    width: 50%;
}
.dailyReportFoodRow {
    float: left;
    max-width: 250px;
    position: relative;
    width: 100%;
}
.dailyReportFoodRow.dailyReportFoodRowFirst {
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 2px solid #5a79bc;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dailyReportFoodEvaluation {
    border-right: 2px solid #5a79bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 10px 20px;
    position: relative;
}
.dailyReportFoodEvaluation img {
    display: block;
    width: 30px;
}
.dailyReportFoodTitle {
    color: #1c1c1c;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    float: left;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-align: center;
}
.dailyReportFood {
    float: left;
    font-size: 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.dailyReportEvaluationsTable {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 40px;
    position: relative;
    width: 340px;
}
.dailyReportEvaluationsTableItem {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    position: relative;
    width: 48%;
}
.dailyReportEvaluationsTableItemIcon {
    float: left;
    position: relative;
}
.dailyReportEvaluationsTableItemIcon img {
    display: block;
    width: 30px;
}
.dailyReportEvaluationsTableItemSeparator {
    float: left;
    margin: 0 5px;
    position: relative;
}
.dailyReportEvaluationsTableItemName {
    float: left;
    font-size: 15px;
    position: relative;
}
.dailyReportStudentNotes {
    float: left;
    font-size: 15px;
    margin: 100px 0 0;
    position: relative;
    width: 100%;
}
.dailyReportGeneralNotes {
    float: left;
    font-size: 15px;
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}
/* MOD AW WEEKLY REPORT */
/* MOD AW E-LEARNING */
/* MOD AW TEACHERS BLOG */
.moduleAwWeeklyReport,
.moduleAweLearning,
.moduleAwTeachersBlog {
    float: left;
    margin: 0;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.moduleAwWeeklyReportInner,
.moduleAweLearningInner {
    float: left;
    position: relative;
    width: 100%;
}
.moduleAwWeeklyReport.visible,
.moduleAweLearning.visible,
.moduleAwTeachersBlog.visible {
    opacity: 1;
    visibility: visible;
}
.weeklyReportsForm,
.eLearningForm,
.teachersBlogForm {
    float: left;
    position: relative;
    width: 100%;
}
.wrTypesContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
}
.wrTypeItem {
    color: #5a79bc;
    cursor: pointer;
    float: left;
    font-weight: 700;
    margin: 0 0 0 30px;
    padding: 0 0 5px;
    position: relative;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.wrTypeItem:after {
    background-color: #5a79bc;
    bottom: 0;
    content: '';
    left: 0;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.wrTypeItem.active:after,
.wrTypeItem:hover:after {
    height: 4px;
}
.wrMonthsContainer,
.elMonthsContainer,
.tbMonthsContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 20px 0 10px;
    position: relative;
    width: 100%;
}
.wrMonth,
.elMonth,
.tbMonth {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 15px 20px;
    padding: 0 0 4px;
    position: relative;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.wrMonth:after,
.elMonth:after,
.tbMonth:after {
    background-color: #5a79bc;
    bottom: 0;
    content: '';
    left: 0;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.wrMonth.active:after,
.wrMonth.opened:after,
.wrMonth:hover:after,
.elMonth.active:after,
.elMonth.opened:after,
.elMonth:hover:after,
.tbMonth.active:after,
.tbMonth.opened:after,
.tbMonth:hover:after {
    height: 2px;
}
.wrMonthName,
.elMonthName,
.tbMonthName {
    color: #1c1c1c;
    cursor: pointer;
    float: left;
    position: relative;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.wrMonth.active .wrMonthName,
.elMonth.active .elMonthName,
.tbMonth.active .elMonthName {
    color: #5a79bc;
}
.wrMonthPeriods {
    background-color: #1c1c1c;
    bottom: 0;
    display: none;
    float: left;
    left: 0;
    padding: 3px 0 5px;
    position: absolute;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    z-index: 10;
}
.wrMonthPeriodsInner {
    -webkit-align-items: center;
    align-items: center;
    background-color: #1c1c1c;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    position: relative;
    width: 100%;
}
.wrMonthPeriod {
    color: #fff;
    cursor: pointer;
    float: left;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.wrMonthPeriod.active,
.wrMonthPeriod:hover,
.tbMonthPeriod:hover {
    color: #5a79bc;
}
.wrLessonsSwitchContainer,
.elLessonsSwitchContainer,
.tbLessonsSwitchContainer {
    -webkit-align-items: center;
    align-items: center;
    background-color: #8c8c8c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: none;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 5px;
    padding: 15px 20px;
    position: relative;
    width: 100%;
}
.wrLessonsSwitchTitle,
.elLessonsSwitchTitle,
.tbLessonsSwitchTitle {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}
.wrLessonsSwitch,
.elLessonsSwitch,
.tbLessonsSwitch {
    float: left;
    font-family: 'aw-font';
    margin: 0 0 -2px;
    position: relative;
    -webkit-transition: transform 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
}
.wrLessonsSwitchContainer.opened .wrLessonsSwitch,
.elLessonsSwitchContainer.opened .elLessonsSwitch,
.tbLessonsSwitchContainer.opened .tbLessonsSwitch {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.wrMainContainer,
.elMainContainer,
.tbMainContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 40px 0 0;
    position: relative;
    width: 100%;
}
.wrLessonsContainer,
.elLessonsContainer,
.tbLessonsContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    padding: 0 30px 0 0;
    position: relative;
    width: 400px;
}
.wrLesson,
.elLesson,
.tbLesson {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 18px;
    margin: 5px 0;
    padding: 20px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.wrLesson.active,
.elLesson.active,
.tbLesson.active {
    background-color: #5a79bc;
    color: #fff !important;
    cursor: default;
}
.wrLesson:hover,
.elLesson:hover,
.tbLesson:hover {
    color: #5a79bc;
}
.wrDetailsContainer,
.elDetailsContainer,
.tbDetailsContainer {
    float: left;
    position: relative;
    width: calc(100% - 400px);
}
.wrReportContainer,
.elReportContainer,
.tbArticlesContainer {
    float: left;
    position: relative;
    width: 100%;
}
.wrReport,
.elReport,
.tbArticles {
    display: none;
    float: left;
    position: relative;
    width: 100%;
}
.wrReport.active,
.elReport.active,
.tbArticles.active {
    display: block;
}
.wrReportLessonTitle,
.elReportLessonTitle,
.tbReportLessonTitle {
    color: #1c1c1c;
    display: none;
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 10px;
    position: relative;
    width: 100%;
}
.wrReportTeachersContainer,
.elReportTeachersContainer {
    float: left;
    font-size: 14px;
    padding: 5px 0 30px;
    position: relative;
    width: 100%;
}
.wrReportTeachersTitle,
.elReportTeachersTitle {
    float: left;
    position: relative;
    width: 100%;
}
.wrReportTeachersList,
.elReportTeachersList {
    float: left;
    position: relative;
    width: 100%;
}
.wrReportTeacher,
.elReportTeacher {
    float: left;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.wrReportList {
    float: left;
    position: relative;
    width: 100%;
}
.wrReportItem {
    border-bottom: 4px solid #5a79bc;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    position: relative;
    width: 100%;
}
.wrReportItem:first-child {
    border-top: 4px solid #5a79bc;
}
.wrReportItemTitle {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 2px solid #5a79bc;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 14px;
    padding: 15px 10px;
    position: relative;
    width: 40%;
}
.wrReportItemTitleInner {
    float: left;
    position: relative;
    width: 100%;
}
.wrReportItemValue {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #5a79bc;
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 60%;
}
.quarterReport .wrReportItemValue {
    -webkit-align-items: stretch;
    align-items: stretch;
}
.wrReportItemQuarterValue {
    -webkit-align-items: center;
    align-items: center;
    border-left: 2px solid #5a79bc;
    border-right: 2px solid #5a79bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 33.33%;
}
.wrReportItemQuarterValue:first-child {
    border-left: none;
}
.wrReportItemQuarterValue:last-child {
    border-right: none;
}
.wrReportItemValueInner {
    float: left;
    position: relative;
}
.wrReportItemValueInner img {
    width: 30px;
}
.wrReportItemHeader {
    background-color: #daebc1;
}
.wrReportItemHeader .wrReportItemTitle,
.wrReportItemHeader .wrReportItemValue {
    color: #5a79bc;
    font-weight: 700;
}
.wrNotesList {
    border-top: 4px solid #5a79bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: -4px 0 0;
    position: relative;
    width: 100%;
}
.wrNoteContainer {
    border-bottom: 4px solid #5a79bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 80px;
    padding: 10px;
    position: relative;
    width: 100%;
}
.wrNoteLabel {
    color: #5a79bc;
    float: left;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.wrNote {
    float: left;
    font-size: 14px;
    position: relative;
    width: 100%;
}
.wrEvaluationsTable {
    background-color: #1c1c1c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 80px 0 0;
    padding: 15px 20px;
    position: relative;
    width: 100%;
}
.wrEvaluationsTableItem {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    padding: 0 10px;
    position: relative;
}
.wrEvaluationsTableItemIcon {
    float: left;
    position: relative;
}
.wrEvaluationsTableItemIcon img {
    display: block;
    width: 30px;
}
.wrEvaluationsTableItemSeparator {
    float: left;
    margin: 0 5px;
    position: relative;
}
.wrEvaluationsTableItemName {
    float: left;
    font-size: 15px;
    position: relative;
}

.elReportList {
    float: left;
    position: relative;
    width: 100%;
}
.elReportListWeek {
    float: left;
    margin: 0 0 100px;
    position: relative;
    width: 100%;
}
.elReportListWeekRow {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    position: relative;
    width: 100%;
}
.elReportListWeekRowTitle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 4px solid #5a79bc;
    color: #f164ab;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    position: relative;
    width: 140px;
}
.elReportListWeekRowDetails {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    padding: 10px 25px;
    position: relative;
    width: calc(100% - 140px);
}
.elReportListWeekRowDetailsTitle {
    float: left;
    font-weight: 700;
    margin: 0 0 5px;
    position: relative;
    width: 100%;
}
.elReportListWeekRowDetailsText {
    float: left;
    position: relative;
    width: 100%;
}
.elReportListWeekRowDetailsText p {
    margin: 0;
}
.elReportListWeekRow:first-child .elReportListWeekRowTitle,
.elReportListWeekRow:first-child .elReportListWeekRowDetails {
    padding-top: 0;
}
.elReportListWeekRow:last-child .elReportListWeekRowTitle,
.elReportListWeekRow:last-child .elReportListWeekRowDetails {
    padding-bottom: 0;
}
.elReportListWeekSynopsisRow .elReportListWeekRowTitle,
.elReportListWeekSynopsisRow .elReportListWeekRowDetails {
    padding-top: 50px;
}
.tbArticlesList {
    float: left;
    position: relative;
    width: 100%;
}
.tbArticlesListItem {
    border-top: 4px solid #5a79bc;
    float: left;
    margin: 2px 0 0;
    padding: 40px 0;
    position: relative;
    width: 100%;
}
.tbArticlesListItem:first-child {
    border-top: none;
    padding-top: 0;
}
.tbArticlesListItemDate {
    color: #f164ab;
    float: left;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.tbArticlesListItemTitle {
    float: left;
    font-size: 21px;
    font-weight: 700;
    margin: 5px 0 10px;
    position: relative;
    width: 100%;
}
.tbArticlesListItemIntroText {
    float: left;
    position: relative;
    width: 100%;
}

.naMessage,
.wrMessage,
.elMessage,
.tbMessage {
    float: left;
    font-weight: 700;
    margin: 30px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
/* footer */
#gkFooter {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    float: left;
    margin: 0;
	padding: 0;
    position: relative;
    width: 100%;
}
.awFooter {
    background-color: #1c1c1c;
    float: left;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}
.awFooterInner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin-left: -10px;
    position: relative;
    width: calc(100% + 20px);
}
.awFooterColumn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    max-width: 25%;
    padding: 0 40px 70px 10px;
    position: relative;
    width: auto;
}
.awFooterColumn.logoColumn {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    padding: 0 10px 70px;
}
.awFooterColumn a {
    color: #fff;
}
.awFooterSchool {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}
.awFooterSchoolTitle {
    float: left;
    font-size: 14px;
    padding: 0 0 20px;
    position: relative;
}
.awFooterSchoolAddress {
    float: left;
    font-size: 12px;
    padding: 0 0 20px;
    position: relative;
}
.awFooterSchoolEmail,
.awFooterSchoolPhone {
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 12px;
    position: relative;
}
.awFooterSchoolEmail .label,
.awFooterSchoolPhone .label {
    margin: 0 5px 0 0;
}
.awFooterLogo {
    display: -webkit-flex;
    display: flex;
    float: left;
    position: relative;
}
.awFooterLogoImage {
    float: left;
    position: relative;
}
.awFooterLogo img,
.awFooterLogo svg {
    display: block;
    margin: 0;
    height: 84px;
    width: 140px;
}
.awFooterLogo svg #heart {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: logo;
    animation-name: logo;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.awFooterIb {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    margin: 10px 0 0;
    position: relative;
}
.awFooterIbImage {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 36px;
}
.awFooterIbImage img,
.awFooterIbImage svg {
    float: left;
    position: relative;
    width: 36px;
}
.awFooterIbText {
    float: left;
    font-size: 12px;
    position: relative;
}
.awFooterRowCopyrights {
    background-color: #1c1c1c;
    color: #fff;
    float: left;
    font-size: 12px;
    padding: 15px 0;
    position: relative;
    width: 100%;
}
.awFooterRowCopyrights a {
    color: #fff;
}
.awFooterRowCopyrights a:hover {
    color: #fff;
    text-decoration: underline;
}
.awFooterRowCopyrightsInner {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.copyrights {
    float: left;
    position: relative;
    margin: 0 5px;
}
.credits {
    display: -webkit-flex;
    display: flex;
    float: left;
    margin: 0 5px;
    position: relative;
}
.credits .development {
    float: left;
    position: relative;
}
.credits a {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
}
.credits .development svg,
.credits .development img {
    display: inline-block;
    height: 13px;
    margin: 0 0 0 5px;
}
/* Suffixes */
div.content {
	clear: both;
}
/* PAGINATION */
.paginationContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 50px 0 0;
    position: relative;
    width: 100%;
}
.paginationItem {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    float: left;
    margin: 4px;
    position: relative;
}
.paginationItem span {
    float: left;
    line-height: 1;
    margin: -10px 0 0;
    position: relative;
}
.paginationItem .pagenav {
    -webkit-align-items: center;
    align-items: center;
    background-color: #1c1c1c;
    border: none;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    float: left;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.paginationItem span.pagenav,
.paginationItem a.pagenav:hover {
    background-color: #fff;
    color: #1c1c1c;
}
.paginationStart a.pagenav,
.paginationStart span.pagenav,
.paginationPrevious a.pagenav,
.paginationPrevious span.pagenav,
.paginationNext a.pagenav,
.paginationNext span.pagenav,
.paginationEnd a.pagenav,
.paginationEnd span.pagenav {
    font-family: 'aw-Font';
    font-size: 14px;
}
#fancybox-overlay {
	z-index: 10002;
}
.mobileHeaderProfile {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    float: left;
    margin: 0 0 calc(40px + (60 - 40)*((100vw - 320px)/(2000 - 320)));
    position: relative;
    width: 100%;
}
.profileContainer {
    float: left;
    left: 0;
    position: relative;
    top: 0;
}
@media (max-width: 1266px) {
    .gkPageContentInner {
        padding: 0 0 100px;
    }
    .awFooterInner {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .awFooterColumn {
       width: 25%;
    }
    .awFooterColumn.logoColumn {
        margin: 0;
        width: auto;
    }
}
@media (max-width: 1106px) {
    .homepageMenu .menu .menuItem {
        width: 250px;
    }
}
@media (max-width: 1030px) {
	#gkPageContent {
		background-image: none!important;
	}
	#gkContent, 
	#gkSidebar,
	#gkContentWrap {
		width: 100% !important;
	}
	#gkContentWrap {
		padding: 0!important;
	}
	#gkSidebar {
		padding: 0!important;
	}
}
@media (max-width: 1000px) {
    .dailyReportStudentFoodContainer {
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
    }
    .dailyReportEvaluationsTable {
        -webkit-justify-content: space-around;
        justify-content: space-around;
        margin: 30px 0 0;
        width: 100%;
    }
    .dailyReportEvaluationsTableItem {
        margin: 10px 15px;
        width: auto;
    }
    .wrLessonsContainer,
    .elLessonsContainer,
    .tbLessonsContainer {
        width: 200px;
    }
    .wrDetailsContainer,
    .elDetailsContainer,
    .tbDetailsContainer {
        width: calc(100% - 200px);
    }
    .wrLesson,
    .elLesson,
    .tbLesson {
        font-size: 14px;
        margin: 5px 0;
    }
}
@media (max-width: 980px) {
    .gkPage {
        padding: 0 15px;
    }
    #gkMobileMenu {
        display: block;
    }
    #gkMenu1 {
        display: none;
    }
    #MobileMenu .mobile_menu .menu > li:first-child{
        display: none;
    }
    #MobileMenu .mobile_menu .menu li a img{
        margin-right: 12px;
        width: 20px;
    }
    .news.categoryView .itemsIntroItem,
    .programs.categoryView .itemsIntroItem,
    .programs.categoryView .subcategoryItem {
        width: calc(50% - 40px);
    }
    .calendarContainer .clndr-grid .days-of-the-week .header-day {
        font-size: 12px;
    }
    .calendarContainer .clndr-grid .days .dayNumber, .calendarContainer .clndr-grid .days .dayName,
    .calendarContainer .clndr-grid .days .date {
        font-size: 14px;
        font-weight: 700;
    }
    .awFooterColumn {
        max-width: 50%;
        text-align: center;
        width: 50%;
    }
    .awFooterSchoolEmail,
    .awFooterSchoolPhone {
        -webkit-justify-content: center;
        justify-content: center;
    }
}
@media (max-width: 925px) {
    .itemFullText .imageGalleryThumb {
        width: 33%;
    }
}
@media (max-width: 860px) {
    .calendarContainer .clndr-grid .days {
        margin-left: -2px;
        width: calc(100% + 4px);
    }
    .calendarContainer .clndr-grid .days .day {
        margin: 2px;
        width: calc(33.33% - 4px) !important;
    }
    .calendarContainer .clndr-grid .days-of-the-week,
    .calendarContainer .clndr-grid .days .day:not(.event),
    .calendarContainer .clndr-grid .dayNumber {
        display: none;
    }
    .calendarContainer .clndr-grid .dayName,
    .calendarContainer .clndr-grid .date {
        display: block;
    }
    .calendarContainer .clndr-grid .days .day,
    .calendarContainer .clndr-grid .days .day:nth-child(1),
    .calendarContainer .clndr-grid .days .day:nth-child(2),
    .calendarContainer .clndr-grid .days .day:nth-child(3),
    .calendarContainer .clndr-grid .days .day:nth-child(4),
    .calendarContainer .clndr-grid .days .day:nth-child(5),
    .calendarContainer .clndr-grid .days .day:nth-child(6),
    .calendarContainer .clndr-grid .days .day:nth-child(7),
    .calendarContainer .clndr-grid .days .day:nth-child(7n + 1),
    .calendarContainer .clndr-grid .days .day:nth-child(7n),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 1),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 2),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 3),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 4),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 5),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 6),
    .calendarContainer .clndr-grid .days .day:nth-last-child(-n + 7) {
        border: 2px solid #1c1c1c;
    }
    .calendarContainer .eventTooltip {
        width: 100%;
    }
    .calendarContainer .clndr-grid .days .day:nth-child(7n) .eventTooltip {
        left: 2px;
        right: auto;
    }
    .calendarContainer .clndr-grid .days .day:nth-child(7n) .eventTooltip::before {
        left: 15px;
        right: auto;
    }
}
@media (max-width: 825px) {
    .faceContainer {
        max-width: 606px;
    }
    .modMenu.mainMenuContainer .menuItem {
        font-size: 12px;
    }
}
@media (max-width: 800px) {
    .dailyReportGeneralInfoTitle, .dailyReportStudentTitle {
        font-size: 20px;
    }
    .awFooterRowCopyrightsInner {
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .awFooterRowCopyrightsInner .copyrights {
        margin: 0;
    }
    .awFooterRowCopyrightsInner .credits {
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .awFooterRowCopyrightsInner .credits .development {
        margin: 0;
    }
}
@media (max-width: 770px) {
    .moduleAwTopText {
        max-width: 290px;
    }
    .imageGalleryThumb {
        width: 50%;
    }
    .contentItemView.news .itemTitle,
    .contentItemView.calendar .itemTitle,
    .contentItemView.programs .itemTitle {
        font-size: 20px;
    }
    .dailyReportActivity {
        width: 33.33%;
    }
}
@media (max-width: 725px) {
    .faceContainer {
        max-width: 500px;
    }
    .faceMenu .menuItems .menuItem:nth-child(3) {
        left: 67%;
    }
    .faceMenu .menuItems .menuItem:nth-child(4) {
        right: 77%;
        top: 46%;
    }
    .faceMenu .menuItems .menuItem:nth-child(5) {
        left: 77.7%;
        top: 46%;
    }
    .faceMenu .menuItems .menuItem:nth-child(6) {
        top: 74.5%;
    }
    .faceMenu .menuItems .menuItem:nth-child(7) {
        left: 68.8%;
        top: 74.5%;
    }
}

@media (max-width: 720px) {
    .generalForm.loginForm .formTextContainer,
    .generalForm.remindForm .formTextContainer,
    .generalForm.resetForm .formTextContainer,
    .generalForm.confirmForm .formTextContainer,
    .generalForm.completeForm .formTextContainer {
        padding: 40px 15px;
    }
}

@media (max-width: 700px) {
    .dailyReportEvaluationsTableItem {
        -webkit-justify-content: center;
        justify-content: center;
        margin: 10px;
        width: calc(50% - 20px);
    }
    .wrReportLessonTitle,
    .elReportLessonTitle,
    .tbReportLessonTitle {
        display: block;
    }
    .wrLessonsSwitchContainer,
    .elLessonsSwitchContainer,
    .tbLessonsSwitchContainer {
        display: -webkit-flex;
        display: flex;
    }
    .wrLesson,
    .elLesson,
    .tbLesson {
        font-size: 16px;
    }
    .wrLessonsContainer,
    .elLessonsContainer,
    .tbLessonsContainer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        width: 100%;
    }
    .wrDetailsContainer,
    .elDetailsContainer,
    .tbDetailsContainer {
        width: 100%;
    }
}
@media (max-width: 680px) {
    .calendarContainer .clndr-grid .days .day {
        width: calc(50% - 4px) !important;
    }
}
@media (max-width: 670px) {
    .faceMenu .menu {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .menuItems {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        float: left;
        margin-top: 20px;
        position: relative;
        width: 100%;
    }
    .faceMenu .menu .menuItem {
        float: left;
        position: relative;
        width: 100%;
    }
    .faceMenu .menu .menuItem a .faceMenuImage {
        display: none;
    }
    .faceMenu .menuItems .menuItem a .faceMenuTitle {
        margin: 15px 0!important;
    }
    .faceMenu .menuItems .menuItem:nth-child(2) {
        right: 0;
        top: 0;
    }
    .faceMenu .menuItems .menuItem:nth-child(3) {
        left: 0;
        top:0;
    }
    .faceMenu .menuItems .menuItem:nth-child(4) {
        right: 0;
        top: 0;
    }
    .faceMenu .menuItems .menuItem:nth-child(5) {
        left: 0;
        top: 0;
    }
    .faceMenu .menuItems .menuItem:nth-child(6) {
        right: 0;
        top: 0;
    }
    .faceMenu .menuItems .menuItem:nth-child(7) {
        left: 0;
        top: 0;
    }
    .faceMenu .menuItems .menuItem:nth-child(8) {
        left: 0;
        top: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    .faceMenu .menuItems .menuItem:nth-child(2n+2) a {
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .faceMenu .menuItems .menuItem:nth-child(8) a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
    }
    .faceMenu .menuItems .menuItem:nth-child(2n+2) a .faceMenuTitle {
        order: 2;
    }
    .faceMenu .menuItems .menuItem:nth-child(2) a .faceMenuTitle,
    .faceMenu .menuItems .menuItem:nth-child(3) a .faceMenuTitle {
        margin-bottom: 0;
    }
    .faceMenu .menuItems .menuItem:nth-child(6) a .faceMenuTitle,
    .faceMenu .menuItems .menuItem:nth-child(7) a .faceMenuTitle {
        margin-top: 0;
    }
    .faceMenu .menu .menuItem a {
        -webkit-justify-content: center;
        justify-content: center;
    }
}
@media (max-width: 660px) {
    body #cc-notification h2, 
    body #cc-notification h3, 
    body #cc-notification p {
        font-size: 12px!important;
        margin-bottom:0!important;
        width: 100%!important;
        max-width: 100%!important;
    }
    body #cc-notification h2 span, 
    body #cc-notification h2 {
        font-size: 12px!important;
    }
    body #cc-notification #cc-notification-wrapper {
        padding: 10px 32px 0!important;
    }
    body #cc-notification ul.cc-notification-buttons {
        clear: both!important;
        width: 100%!important;
        position: static!important;
        text-align: center;
    }
    body #cc-notification ul.cc-notification-buttons li {
        float: none!important;
        display: inline-block;
    }
    body #cc-notification a, 
    body #cc-notification a:visited {
        font-size: 12px!important;
    }
    .news.categoryView .itemsLeading,
    .programs.categoryView .itemsLeading,
    .programs.categoryView .subcategoriesContainer,
    .news.categoryView .itemsIntro,
    .programs.categoryView .itemsIntro,
    .programs.categoryView .subcategoryContainer {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .news.categoryView .itemsLeadingItem,
    .programs.categoryView .itemsLeadingItem,
    .news.categoryView .itemsIntroItem,
    .programs.categoryView .itemsIntroItem,
    .programs.categoryView .subcategoryItem {
        max-width: 420px;
        width: 100%;
    }
}
@media (max-width: 620px) {
    .generalForm.loginForm .formTextContainer,
    .generalForm.remindForm .formTextContainer,
    .generalForm.resetForm .formTextContainer,
    .generalForm.confirmForm .formTextContainer,
    .generalForm.completeForm .formTextContainer {
        margin-top: 25px;
        padding: 40px 50px;
        width: 100%;
    }
    /*.generalForm.loginForm,
    .generalForm.remindForm,
    .generalForm.resetForm,
    .generalForm.confirmForm,
    .generalForm.completeForm {
        margin: 60px 0 80px;
    }*/
    .itemFullText .imageGalleryThumb {
        width: 50%;
    }
}
@media (max-width: 600px){
    .dailyReportActivity {
        width: 50%;
    }
    .dailyReportFoodContainer {
        width: 100%;
    }
    .dailyReportStudentMainContainer {
        margin: 60px 0 0;
    }
    .dailyReportStudentNotes {
        margin: 30px 0 0;
    }
}
@media (max-width: 588px) {
    .moduleAwImageContainer img {
        width: 186px;
    }
}

@media (max-width: 580px) {
	/* Fix for tables */
	fieldset {
		box-sizing: border-box!important;
		max-width: 100%!important;
		width: 100%!important;
		overflow: hidden;
	}
	#gkMainbody table:before {
		content: "Scroll horizontally to view the whole table";
		height: 14px;
		width: 100%;
		display: block;
		font-size: 10px;
		margin-top: -30px;
		margin-bottom: 10px;
	}
	#gkMainbody table {
		width: 540px!important;
		display: block!important;
		padding: 30px 0 20px 0; /* padding for the scrollbars and the top message */
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
	}
	#gkMainbody table tbody,
	#gkMainbody table thead,
	#gkMainbody table tfoot {
		width: 540px!important;
		display: table;
	}
    .awFooterColumn {
        max-width: 100%;
        padding: 0 10px 70px;
        order: 2;
        text-align: center;
        width: 100%;
    }
    .awFooterColumn.logoColumn {
        order: 1;
    }
    .awFooterLogo,
    .awFooterIb {
        -webkit-justify-content: center;
        justify-content: center;
    }
}
@media (max-width: 550px) {
    .moduleAwTopText {
        max-width: 195px;
    }
    .awTopText1 {
        font-size: 18px;
    }
    .news.categoryView .itemsLeadingItem .catItemImage,
    .programs.categoryView .itemsLeadingItem .catItemImage,
    .news.categoryView .itemsIntroItem .catItemImage,
    .programs.categoryView .itemsIntroItem .catItemImage,
    .programs.categoryView .subcategoryItemBody {
        padding: 80% 0 0;
    }
    .news.categoryView .catItemBodyTitle,
    .programs.categoryView .catItemBodyTitle,
    .programs.categoryView .subcategoryItemBodyTitle {
        font-size: 20px;
    }
    .news.categoryView .itemsIntroItem .catItemBodyTitle,
    .programs.categoryView .itemsIntroItem .catItemBodyTitle {
        font-size: 20px;
    }
    .contentItemView.news .itemImage,
    .contentItemView.calendar .itemImage,
    .contentItemView.programs .itemImage {
        padding: 59% 0 0;
    }
    .calendarContainer .clndr-controls {
        font-size: 16px;
    }
    .calendarContainer .clndr-controls .clndr-previous-button,
    .calendarContainer .clndr-controls .clndr-next-button {
        font-size: 12px;
    }
    .elReportListWeek {
        margin: 0 0 50px;
    }
    .elReportListWeekRow {
        border-top: 4px solid #5a79bc;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .elReportListWeekRow:first-child {
        border: none;
    }
    .wrReportItemTitle {
        border: none;
        text-align: center;
        width: 100%;
    }
    .wrReportItemValue {
        border: none;
        padding: 0 0 15px;
        text-align: center;
        width: 100%;
    }
    .elReportListWeekRowTitle {
        border: none;
        width: 100%;
    }
    .elReportListWeekRowDetails {
        padding: 10px 0;
        width: 100%;
    }
    .elReportListWeekSynopsisRow .elReportListWeekRowTitle,
    .elReportListWeekSynopsisRow .elReportListWeekRowDetails {
        padding-top: 10px;
    }
}
@media (max-width: 480px) {
	#gkMainbody table {
		width: 420px!important;
	}
    .profileContainer {
        left: 0;
    }
}
@media (max-width: 460px) {
    .headerBannerContainer {
        display: none;
    }
    .generalForm.loginForm .formTextContainer,
    .generalForm.remindForm .formTextContainer,
    .generalForm.resetForm .formTextContainer,
    .generalForm.confirmForm .formTextContainer,
    .generalForm.completeForm .formTextContainer {
        margin-top: 25px;
        padding: 40px 50px;
        width: 100%;
    }
    .contentItemView.news .itemImage,
    .contentItemView.calendar .itemImage,
    .contentItemView.programs .itemImage {
        padding: 70% 0 0;
    }
    .calendarContainer .clndr-controls {
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .calendarContainer .clndr-controls .clndr-previous-button,
    .calendarContainer .clndr-controls .clndr-next-button {
        margin: 0 20px;
    }
    .calendarContainer .clndr-controls .current-month {
        margin:0 20px;
    }
    .calendarContainer .clndr-grid .days .day {
        width: calc(100% - 4px) !important;
    }
}
@media (max-width: 440px) {
	#gkMainbody table {
		width: 260px!important;
	}
    #gkHeaderRight {
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .topLoginContainer {
        margin: 0 0 10px;
    }
    .gkTopLogo {
        display: none;
    }
    .generalForm.loginForm .formTextContainer,
    .generalForm.remindForm .formTextContainer,
    .generalForm.resetForm .formTextContainer,
    .generalForm.confirmForm .formTextContainer,
    .generalForm.completeForm .formTextContainer {
        padding: 40px 10px;
    }
    .generalForm.loginForm .userData,
    .generalForm.remindForm .userData,
    .generalForm.resetForm .userData,
    .generalForm.confirmForm .userData,
    .generalForm.completeForm .userData {
        width: 100%;
    }
    .dailyReportGeneralInfoDate {
        font-size: 22px;
        margin: 0 0 20px;
        order: 1;
        width: 100%;
    }
    .dailyReportGeneralInfoTitle {
        order: 2;
        width: 100%;
    }
    .dailyReportActivitiesContainer {
        order: 3;
    }
    .dailyReportActivity {
        width: 100%;
    }
    .dailyReportStudentContainer {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .dailyReportEvaluationsTable {
        -webkit-flex-direction: column;
        flex-direction: column;
        width: auto;
    }
    .dailyReportEvaluationsTableItem {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin: 10px 0;
        width: auto;
    }
    .dailyReportFoodRow {
        max-width: 100%;
    }
}
@media (max-width: 400px) {
    .dailyReportActivity {
        font-size: 14px;
        padding: 15px 10px;
    }
    .dailyReportGeneralInfoTitle,
    .dailyReportStudentTitle {
        font-size: 17px;
    }
    .dailyReportGeneralInfoDate {
        font-size: 20px;
    }
    .dailyReportActivitiesContainer {
        margin: 30px 0 0;
    }
}
@media (max-width: 390px) {
    .news.categoryView .catItemType {
        font-size: 13px;
    }
    .news.categoryView .catItemBodyTitle,
    .programs.categoryView .catItemBodyTitle,
    .programs.categoryView .subcategoryItemBodyTitle {
        font-size: 17px;
    }
    .news.categoryView .itemsIntroItem .catItemBodyTitle,
    .programs.categoryView .itemsIntroItem .catItemBodyTitle {
        font-size: 17px;
    }
    .contentItemView.news .itemImage, .contentItemView.calendar .itemImage, .contentItemView.programs .itemImage {
        padding: 87% 0 0;
    }

}
@media (max-width: 360px) {
    .headerBannerContainer {
       display: none;
    }
}
@media (max-width: 350px) {
    .profileContainer {
        left: 0;
    }
}