@charset "UTF-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    margin: 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "Interstate";
    src: url("../fonts/interstate-2.eot");
    src: url("../fonts/interstate-2.eot?") format("embedded-opentype"), url("../fonts/interstate-3.woff") format("woff"), url("../fonts/interstate-1.ttf") format("truetype"), url("../fonts/interstate-4.svg#Intersate") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "InterstateLight";
    src: url("../fonts/interstatelight-2.eot");
    src: url("../fonts/interstatelight-2.eot?") format("embedded-opentype"), url("../fonts/interstatelight-3.woff") format("woff"), url("../fonts/interstatelight-1.ttf") format("truetype"), url("../fonts/interstatelight-4.svg#Intersate") format("svg");
    font-style: normal;
    font-weight: normal;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.printElement {
    display: none;
}

.offscreen {
    text-indent: -9999em;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    overflow: hidden;
    list-style: none;
}

    .offscreen br {
        display: none;
    }

.clearfix:before, .container:before, .radio:before, .checkbox:before, .upload:before, .gs:before, .documents-list-wrap .container .documents-list .documents-list-body li:before, .upload-details:before {
    content: "";
    display: table;
}

.clearfix:after, .container:after, .radio:after, .checkbox:after, .upload:after, .gs:after, .documents-list-wrap .container .documents-list .documents-list-body li:after, .upload-details:after {
    content: "";
    display: table;
    clear: both;
}

/*--------- Base Styles ---------- */
html {
    font-size: 62.5%;
    height: 100%;
}

a {
    text-decoration: none;
    color: #e4003c;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
}

td img {
    max-width: none;
}

body {
    position: relative;
    overflow-y: scroll;
    height: 100%;
}

@font-face {
    font-family: 'fontello';
    src: url("../fonts/fontello.eot?37682333");
    src: url("../fonts/fontello.eot?37682333#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?37682333") format("woff2"), url("../fonts/fontello.woff?37682333") format("woff"), url("../fonts/fontello.ttf?37682333") format("truetype"), url("../fonts/fontello.svg?37682333#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .form .form-item .divider:after, .form .form-item input[type="checkbox"]:checked:before, .wrong:after, .right:after, .flex-direction-nav a:before {
    font-family: 'fontello' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-reports:before {
    content: '\e800';
}

/* '' */
.icon-dashboard:before {
    content: '\e801';
}

/* '' */
.icon-cancel:before {
    content: '\e802';
}

/* '' */
.icon-down-open:before {
    content: '\e803';
}

/* '' */
.icon-percentage:before {
    content: '\e804';
}

/* '' */
.icon-info:before {
    content: '\e805';
}

/* '' */
.icon-settings:before {
    content: '\e806';
}

/* '' */
.icon-minus:before {
    content: '\e807';
}

/* '' */
.icon-menu:before {
    content: '\e808';
}

/* '' */
.icon-plus:before {
    content: '\e809';
}

/* '' */
.icon-down-open-big:before {
    content: '\e80a';
}

/* '' */
.icon-close:before {
    content: '\e80b';
}

/* '' */
.icon-instagram:before {
    content: '\e80c';
}

/* '' */
.icon-youtube:before {
    content: '\e80d';
}

/* '' */
.icon-bell:before {
    content: '\e80e';
}

/* '' */
.icon-phone:before {
    content: '\e812';
}

/* '' */
.icon-student:before {
    content: '\e814';
}

/* '' */
.icon-small-check-sign:before {
    content: '\e827';
}

/* '' */
.icon-read:before {
    content: '\e828';
}

/* '' */
/* --------- Common Styles ---------- */
.container {
    max-width: 1180px;
    margin: 0 auto;
}

@media (max-width: 1210px) {
    .container {
        padding: 0 20px;
    }
}

.desktop {
    display: none;
}

@media (min-width: 1200px) {
    .desktop {
        display: block;
    }
}

.mobile {
    display: block;
}

@media (min-width: 760px) {
    .mobile {
        display: none;
    }
}

.ipad {
    display: block;
}

@media (min-width: 1200px) {
    .ipad {
        display: none;
    }
}

.desktop-ipad {
    display: block;
}

@media (max-width: 760px) {
    .desktop-ipad {
        display: none;
    }
}

.brand img {
    width: 216px;
}

@media (max-width: 760px) {
    .brand img {
        width: 186px;
    }
}

.mobile-menu {
    font-size: 14px;
    font-size: 1.4rem;
    color: #222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 17px;
    position: absolute;
    top: 78px;
    right: 10px;
    display: table;
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
}

.mobile-menu span {
    display: table-cell;
    vertical-align: middle;
}

.mobile-menu i {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 20px;
    font-size: 2rem;
    background-color: #842B37;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-left: 8px;
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
}

    .mobile-menu i:before {
        top: 10px;
        position: absolute;
        left: 56px;
    }

h1 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #FFFFFF;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 40px;
}

p {
    font-size: 20px;
    font-size: 2rem;
    color: #FFFFFF;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 30px;
}

.alert-block {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
}

    .alert-block .alert-message-wrap {
        position: absolute;
        width: 50%;
        top: 30%;
        margin: 0 0 0 -25%;
        left: 50%;
        background: #fff;
    }

        .alert-block .alert-message-wrap .alert-header {
            background: #e2e3e6;
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e3e6), color-stop(100%, #d4d5d7));
            background-image: -moz-linear-gradient(#e2e3e6, #d4d5d7);
            background-image: -webkit-linear-gradient(#e2e3e6, #d4d5d7);
            background-image: linear-gradient(#e2e3e6, #d4d5d7);
            overflow: hidden;
        }

            .alert-block .alert-message-wrap .alert-header .header-text {
                font-size: 14px;
                font-size: 1.4rem;
                font-family: Interstate, Helvetica, Arial, sans-serif;
                padding: 10px 10px;
                float: left;
            }

        .alert-block .alert-message-wrap .alert-message {
            font-size: 16px;
            font-size: 1.6rem;
            font-family: Interstate, Helvetica, Arial, sans-serif;
            padding: 20px 10px;
        }

.programList {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 12px 26px 12px 12px;
    margin: 10px 0 0 0;
    width: 90%;
    background-color: #f2e0e0;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: center;
}

.alert-success .alert-message-wrap .alert-message {
    color: #000;
}

.alert-danger .alert-message-wrap .alert-message {
    color: #000;
}

.close-alert {
    font-size: 16px;
    font-size: 1.6rem;
    background: #323233;
    color: #fff;
    float: right;
    padding: 10px 16px;
}

.alert-login {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    padding: 12px 0 0 0;
}

.alert-login-danger {
    color: #f08482;
}

.alert-login-success {
    color: #9bbed0;
}

.mask {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
}

    .mask img {
        top: 50%;
        position: absolute;
        left: 50%;
        margin: -20px 0 0 -20px;
    }

.mobile-mask, .attendance-mask {
    display: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
}

.link-body-wrap {
    overflow: hidden;
    *zoom: 1;
    padding: 0 20px;
    position: relative;
}

@media (min-width: 1020px) {
    .link-body-wrap {
        padding: 0;
    }
}

.link-body-wrap .link-body {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    border-bottom: 1px solid #222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    margin: 0;
    color: #222;
    display: inline;
    letter-spacing: 0;
}

    .link-body-wrap .link-body:hover, .link-body-wrap .link-body:focus {
        color: #842B37;
        border-color: #842B37;
    }

.upload-link {
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #842B37;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    line-height: 22px;
    text-align: center;
    border: 1px solid #842B37;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 40px;
    float: right;
    margin-top: 40px;
}

.mask {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
}

    .mask img {
        top: 50%;
        position: absolute;
        left: 50%;
        margin: -20px 0 0 -20px;
    }

.no-result p {
    color: #222;
    margin: 0;
}

.form {
    font-family: Interstate, Helvetica, Arial, sans-serif;
}

    .form .label-border {
        border-bottom: 1px solid #e4e5e8;
        padding: 0 0 25px 0;
    }

    .form legend {
        margin: 15px 0;
        display: block;
    }

    .form label, .form p {
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        line-height: 24px;
        font-weight: 300;
        padding-bottom: 5px;
    }

    .form.ng-submitted textarea.ng-invalid,
    .form.ng-submitted select.ng-invalid,
    .form.ng-submitted input[type="date"].ng-invalid,
    .form.ng-submitted input[type="datetime"].ng-invalid,
    .form.ng-submitted input[type="datetime-local"].ng-invalid,
    .form.ng-submitted input[type="email"].ng-invalid,
    .form.ng-submitted input[type="month"].ng-invalid,
    .form.ng-submitted input[type="number"].ng-invalid,
    .form.ng-submitted input[type="password"].ng-invalid,
    .form.ng-submitted input[type="search"].ng-invalid,
    .form.ng-submitted input[type="tel"].ng-invalid,
    .form.ng-submitted input[type="text"].ng-invalid,
    .form.ng-submitted input[type="time"].ng-invalid,
    .form.ng-submitted input[type="url"].ng-invalid,
    .form.ng-submitted input[type="week"].ng-invalid {
        border-color: #ed1849;
        background: #fff url("../images/incorrect.svg") no-repeat 98% center;
    }

    .form.ng-submitted textarea.ng-valid,
    .form.ng-submitted select.ng-valid,
    .form.ng-submitted input[type="date"].ng-valid,
    .form.ng-submitted input[type="datetime"].ng-valid,
    .form.ng-submitted input[type="datetime-local"].ng-valid,
    .form.ng-submitted input[type="email"].ng-valid,
    .form.ng-submitted input[type="month"].ng-valid,
    .form.ng-submitted input[type="number"].ng-valid,
    .form.ng-submitted input[type="password"].ng-valid,
    .form.ng-submitted input[type="search"].ng-valid,
    .form.ng-submitted input[type="tel"].ng-valid,
    .form.ng-submitted input[type="text"].ng-valid,
    .form.ng-submitted input[type="time"].ng-valid,
    .form.ng-submitted input[type="url"].ng-valid,
    .form.ng-submitted input[type="week"].ng-valid {
        background: #fff url("../images/check-green.png") no-repeat 98% center;
        background-size: 12px 8px;
    }

    .form .ng-invalid.ng-dirty {
        border-color: #ed1849 !important;
        background: #fafafa url("../images/incorrect.svg") no-repeat 98% center !important;
    }

    .form.ng-submitted input.ng-invalid, .form.ng-submitted select.ng-invalid {
        border-color: #ed1849;
    }

    .form.ng-submitted input.ng-valid, .form.ng-submitted select.ng-valid {
        background-size: 12px 8px;
    }

    .form .form-item {
        margin-bottom: 20px;
        position: relative;
        display: block;
    }

        .form .form-item .dd {
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            font-size: 16px;
            font-size: 1.6rem;
            background: #e2e3e6;
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e3e6), color-stop(100%, #d4d5d7));
            background-image: -moz-linear-gradient(#e2e3e6, #d4d5d7);
            background-image: -webkit-linear-gradient(#e2e3e6, #d4d5d7);
            background-image: linear-gradient(#e2e3e6, #d4d5d7);
            font-family: InterstateLight, Helvetica, Arial, sans-serif;
            border: 1px solid #cacbcf;
            width: 100% !important;
            position: relative;
            outline: none;
        }

            .form .form-item .dd.borderRadiusTp {
                background: #474e52;
                border-top: 1px solid #474e52;
                color: #fff;
            }

                .form .form-item .dd.borderRadiusTp .ddlabel {
                    color: #fff;
                }

                .form .form-item .dd.borderRadiusTp #startDate_titleText {
                    display: none !important;
                }

            .form .form-item .dd .text {
                background: #e2e3e6;
                background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
                background-size: 100%;
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e3e6), color-stop(100%, #d4d5d7));
                background-image: -moz-linear-gradient(#e2e3e6, #d4d5d7);
                background-image: -webkit-linear-gradient(#e2e3e6, #d4d5d7);
                background-image: linear-gradient(#e2e3e6, #d4d5d7);
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                width: 92%;
                height: 102%;
                left: 0;
                top: -1px;
                border: none;
                position: absolute;
            }

        .form .form-item .ddTitleText {
            color: #000;
            padding: 10px;
            display: block;
            cursor: pointer;
        }

@media (max-width: 1100px) {
    .form .form-item .ddTitleText {
        padding: 10px 10px 10px 5px;
    }
}

@media (max-width: 760px) {
    .form .form-item .ddTitleText {
        padding: 10px 0;
        text-align: center;
    }
}

.form .form-item .ddlabel {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    padding: 0 4px;
}

@media (max-width: 760px) {
    .form .form-item .ddlabel {
        padding: 0;
    }
}

.form .form-item .ddChild {
    background: #9bbed0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto !important;
    max-height: 150px !important;
}

    .form .form-item .ddChild ul {
        background: #9bbed0;
        height: auto !important;
        max-height: 150px !important;
    }

        .form .form-item .ddChild ul li {
            width: 100%;
            padding: 7px 10px;
            cursor: pointer;
        }

            .form .form-item .ddChild ul li.selected {
                background: #474e52;
            }

            .form .form-item .ddChild ul li .ddlabel {
                color: #fff;
            }

.form .form-item .divider {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #323233;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    border: 1px solid #cacbcf;
    width: 46px;
    height: 104%;
    margin-top: -1px;
    padding: 0;
    right: 0;
    border: none;
    position: absolute;
    cursor: pointer;
}

@media (max-width: 760px) {
    .form .form-item .divider {
        display: none;
    }
}

.form .form-item .divider:after {
    font-size: 22px;
    font-size: 2.2rem;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    content: "\e80c";
    color: #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    font-weight: bold;
    margin-top: -10px;
    margin-left: -6px;
}

.form .form-item .arrow {
    display: none;
}

.form .form-item input[type="text"], .form .form-item input[type="email"], .form .form-item input[type="password"], .form .form-item textarea {
    font-size: 15px;
    font-size: 1.5rem;
    background: #fafafa;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    border: 1px solid #D0D0D0;
    color: #222;
    padding: 12px;
    outline: none;
    width: 100%;
    position: relative;
    z-index: 1;
}

.form .form-item input[type="checkbox"] {
    background: #e4e5e8;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTVlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e5e8), color-stop(100%, #d4d5d8));
    background-image: -moz-linear-gradient(#e4e5e8, #d4d5d8);
    background-image: -webkit-linear-gradient(#e4e5e8, #d4d5d8);
    background-image: linear-gradient(#e4e5e8, #d4d5d8);
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 1.5em;
    width: 1.5em;
    margin-bottom: -0.25em;
    vertical-align: middle;
    border: 1px solid #cfd0d4;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    color: #565a5c;
}

    .form .form-item input[type="checkbox"]:checked {
        background: #93b4c5;
    }

        .form .form-item input[type="checkbox"]:checked:before {
            font-size: 18px;
            font-size: 1.8rem;
            content: "\e80a";
            position: absolute;
            left: 0;
            top: 2px;
            text-align: center;
            width: 1.25em;
            color: #fff;
        }

.form .form-item .sub-title {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    text-transform: none;
    margin-bottom: 28px;
    font-weight: normal;
}

.radio p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.radio .sub-title {
    margin: 10px 0 0 0;
    clear: both;
}

.radio .error {
    margin: 80px 0px 0px;
}

    .radio .error:after {
        left: 25%;
    }

@media (max-width: 760px) {
    .radio .error {
        margin: 10px auto 0;
    }

        .radio .error:after {
            left: 50%;
        }
}

.radio label {
    font-size: 16px;
    font-size: 1.6rem;
    background: #d7d8da;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTVlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDVkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e5e8), color-stop(100%, #d4d5d8));
    background-image: -moz-linear-gradient(#e4e5e8, #d4d5d8);
    background-image: -webkit-linear-gradient(#e4e5e8, #d4d5d8);
    background-image: linear-gradient(#e4e5e8, #d4d5d8);
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0 20px;
    text-align: center;
    color: #000;
    border: 1px solid #cfd0d4;
    font-weight: 600;
    margin-bottom: 6px;
}

@media (max-width: 760px) {
    .radio label {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        float: none;
    }
}

.radio label:last-of-type {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.radio label:first-of-type {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.radio > label > input {
    visibility: hidden;
}

.radio > label > span {
    display: inline-block;
    vertical-align: top;
    line-height: 2em;
    margin-left: -15px;
    color: #000;
    text-transform: none;
}

.radio label.active {
    background: #98bacb;
    border: 1px solid #8eafc0;
}

    .radio label.active span {
        color: #fff;
    }

.checkbox p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    text-transform: none;
    margin: -3px 0 28px 0;
}

.checkbox > label {
    margin-bottom: 0;
}

    .checkbox > label > span {
        font-size: 16px;
        font-size: 1.6rem;
        color: #000;
        font-family: InterstateLight, Helvetica, Arial, sans-serif;
        display: inline-block;
        vertical-align: top;
        line-height: 1.6;
        font-weight: normal;
        color: #000;
        text-transform: none;
        cursor: pointer;
        padding-left: 8px;
        width: 90%;
    }

.upload {
    width: 100% !important;
}

    .upload p {
        font-size: 16px;
        font-size: 1.6rem;
        color: #000;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        margin: 0 0 6px 0;
    }

.space {
    margin-bottom: 26px;
    position: relative;
    clear: right;
}

.no-space {
    position: relative;
    clear: both;
}

.button {
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #ED1849;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    border: none;
    margin: 0 auto;
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 40px;
    outline: none;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    float: right;
}

@media (max-width: 760px) {
    .button {
        float: none;
    }
}

.error {
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    color: #ed1849;
    padding: 8px 5px 0 0;
    position: relative;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
}

.wrong, .right {
    position: absolute;
    top: 0;
}

    .wrong:after, .right:after {
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
        font-size: 21px;
        font-size: 2.1rem;
        color: #fff;
        left: -40px;
        top: 9px;
        position: absolute;
    }

    .right:after {
        content: "\e80a";
        color: #9bbed0;
    }

    .wrong:after {
        content: "\e80b";
        color: #f08482;
    }

.drop-box {
    position: relative;
}

    .drop-box .wrong, .drop-box .right {
        top: -78px;
    }

.placehoder-label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    font-size: 12px !important;
    color: #222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    position: absolute;
    left: 2px;
    transition: all 0.1s linear;
}

    .placehoder-label.on {
        color: #4481C4;
    }

    .placehoder-label.show {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        left: 2px;
        top: -18px;
    }

select {
    height: 0;
    border: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */
.placehoder-label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    font-size: 12px !important;
    color: #222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    position: absolute;
    left: 15px;
    top: 4px;
    transition: all 0.1s linear;
    z-index: 99;
}

    .placehoder-label:after {
        content: "";
        background: #fafafa;
        height: 12px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .placehoder-label.on {
        color: #4481C4;
    }

    .placehoder-label.show {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        left: 9px;
        top: -11px;
        background: #FDEBEB;
        padding: 0 6px;
    }

/* ----------- Grid ------------- */
@media (min-width: 1020px) {
    .gs {
        margin: 0 -20px;
    }
}

.gs .gc-quarter,
.gs .gc-three-quarter,
.gs .gc-third,
.gs .gc-two-third,
.gs .gc-half {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 20px;
    width: 100%;
}

.gs .gc-row {
    clear: both;
    padding: 0 20px;
}

@media (min-width: 760px) {
    .gs .gc-quarter {
        width: 25%;
    }

    .gs .gc-three-quarter {
        width: 75%;
    }

    .gs .gc-third {
        width: 33.333333%;
    }

    .gs .gc-two-third {
        width: 66.666666%;
    }

    .gs .gc-half {
        width: 50%;
    }
}

header {
    background: #fff;
}

    header .header {
        padding: 20px 0;
    }

@media (max-width: 1210px) {
    header .header {
        padding: 20px;
        position: relative;
        z-index: 99;
        background: #fff;
    }
}

@media (max-width: 992px) {
    header .header {
        position: static;
    }
}

body.login-page {
    background: url(../images/login-bg.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
}

@media (max-width: 760px) {
    body.login-page {
        background: none !important;
    }
}

.login-section .container {
    max-width: 960px;
    margin: 60px auto;
    position: relative;
    overflow: hidden;
    height: 700px;
    padding: 0;
}

@media (max-width: 1210px) {
    .login-section .container {
        margin: 60px 20px;
    }
}

@media (max-width: 760px) {
    .login-section .container {
        margin: 0;
        overflow: visible;
        height: auto;
    }
}

.login-content {
    float: left;
    width: 50%;
    padding-right: 120px;
}

@media (max-width: 1024px) {
    .login-content {
        padding-right: 20px;
    }
}

@media (max-width: 760px) {
    .login-content {
        background: url(https://www.ef.com/~/media/efcom/academy/ParentPortal/Login/login-bg.jpg) no-repeat center 0;
        float: none;
        width: 100%;
        position: relative;
        z-index: 999;
        padding: 20px;
        background-size: cover;
    }
}

.right-content {
    overflow: hidden;
    *zoom: 1;
    float: left;
    width: 50%;
}

@media (max-width: 760px) {
    .right-content {
        position: relative;
        float: none;
        overflow: hidden;
        width: 100%;
        min-height: 450px;
    }

        .right-content .login-form, .right-content .forgot-form {
            width: 100%;
        }
}

.login-form, .forgot-form {
    -moz-transition: -moz-transform 2000ms;
    -o-transition: -o-transform 2000ms;
    -webkit-transition: -webkit-transform 2000ms;
    transition: transform 2000ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: -moz-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
    background: #fff;
    right: 0;
    position: absolute;
    width: 40%;
    padding: 30px;
}

    .login-form .button, .forgot-form .button {
        clear: both;
        padding: 14px 20px;
    }

@media (max-width: 760px) {
    .login-form .button, .forgot-form .button {
        float: right;
    }
}

.login-form .button:hover, .login-form .button:focus, .forgot-form .button:hover, .forgot-form .button:focus {
    background-color: #842B37;
}

.login-form {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

    .login-form .link-body-wrap {
        float: right;
        padding: 10px 0 30px 0;
    }

.forgot-form {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

    .forgot-form .link-body-wrap {
        float: left;
        padding: 20px 0 0 0;
    }

    .forgot-form .button {
        margin-top: 10px;
    }

.show-forgot {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hide-forgot {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.show-login {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hide-login {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.login-header h1 {
    color: #000;
    margin-bottom: 10px;
}

.forgot-info, .sent-info {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    margin: 0 0 10px 0;
}

.sent-info {
    display: none;
    line-height: 24px;
}

/* ----------- Flexslider Essentials ------------- */
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

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

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

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

/* ----------- Flexslider Theme ------------- */
.flexslider {
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
    display: none;
}

@media (min-width: 760px) {
    .flex-direction-nav {
        display: block;
    }
}

.flex-direction-nav a {
    display: block;
    position: absolute;
    top: 19%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    border-bottom: none;
}

    .flex-direction-nav a span {
        position: absolute;
        left: -9999px;
    }

    .flex-direction-nav a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        border-bottom: none;
    }

    .flex-direction-nav a:before {
        color: #888;
        font-size: 35px;
        display: block;
        font-weight: normal;
    }

    .flex-direction-nav a.flex-prev {
        left: 5px;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .flex-direction-nav a.flex-prev:before {
            content: '\e803';
        }

    .flex-direction-nav a.flex-next {
        right: 5px;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

        .flex-direction-nav a.flex-next:before {
            content: '\e803';
        }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    z-index: 10;
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    margin: 0;
    padding: 0;
}

@media (min-width: 760px) {
    .flex-control-nav {
        display: block;
    }
}

.flex-control-paging li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-color: transparent !important;
}

    .flex-control-paging li a {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        width: 10px;
        height: 10px;
        display: block;
        background: #fff;
        background-color: #842B37;
        cursor: pointer;
        text-indent: -9999px;
        border-radius: 20px;
        border-bottom: none;
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    }

        .flex-control-paging li a:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            background: #fff;
            background-color: #842B37;
            border-bottom: none;
        }

        .flex-control-paging li a.flex-active {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            background: #fff;
            background-color: #842B37;
            cursor: default;
        }

#google_translate_element {
    float: right;
}

@media (max-width: 992px) {
    #google_translate_element {
        margin-bottom: 18px;
        float: none;
        text-align: right;
        border-bottom: 1px solid #ccc;
        padding-bottom: 12px;
    }
}

.brand {
    float: left;
}

.menu {
    float: right;
    margin-top: -10px;
    clear: both;
}

@media (max-width: 1024px) {
    .menu {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .menu {
        /*float: none;
    margin-top: 30px;*/
        position: fixed;
        width: 60%;
        right: 0;
        background: #842B37;
        top: 0;
        margin: 0;
        height: 100%;
        z-index: 999999;
        transition: .2s ease;
    }
}

.menu.show {
    left: 40%;
    opacity: 1;
}

@media (max-width: 992px) {
    .menu.hide {
        opacity: 0;
        left: 100%;
    }
}

.menu .mobile-close {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 17px;
    position: absolute;
    top: 30px;
    right: 10px;
    display: table;
}

@media (min-width: 992px) {
    .menu .mobile-close {
        display: none;
    }
}

.menu .mobile-close span {
    display: table-cell;
    vertical-align: middle;
}

.menu .mobile-close i {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 20px;
    font-size: 2rem;
    background-color: #842B37;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-left: 8px;
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
}

    .menu .mobile-close i:before {
        top: 11px;
        position: absolute;
        left: 59px;
    }

@media (max-width: 992px) {
    .menu ul {
        display: table;
        margin: 120px 0 0 20px;
    }
}

.menu ul li {
    float: left;
    padding: 0 20px;
}

@media (max-width: 992px) {
    .menu ul li {
        float: none;
        margin-bottom: 30px;
    }
}

@media (max-width: 370px) {
    .menu ul li {
        /*padding: 0 20px 0 0;*/
    }
}

.menu ul li:last-of-type {
    padding-right: 0;
}

.menu ul li:nth-last-child(3) {
    margin-left: 0;
}

@media (max-width: 992px) {
    .menu ul li:nth-last-child(3) {
        margin: 60px 0 30px 0;
    }
}

.menu ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    *zoom: 1;
    color: #222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 19px;
    display: block;
    padding: 1px 0;
    position: relative;
}

@media (max-width: 992px) {
    .menu ul li a {
        font-size: 13px;
        font-size: 1.3rem;
        color: #fff;
        letter-spacing: 1px;
    }
}

.menu ul li a:hover, .menu ul li afocus, .menu ul li a.active {
    color: #842B37;
}

@media (max-width: 992px) {
    .menu ul li a:hover, .menu ul li afocus, .menu ul li a.active {
        color: #fff;
    }
}

.menu ul li a i {
    margin-right: 10px;
    float: left;
}

    .menu ul li a i.icon-bell {
        font-size: 22px;
        font-size: 2.2rem;
    }

@media (max-width: 992px) {
    .menu ul li a i {
        margin-right: 14px;
    }
}

.menu ul li a i.icon-dashboard {
    font-size: 20px;
    font-size: 2rem;
}

@media (max-width: 992px) {
    .menu ul li a i.icon-dashboard {
        font-size: 17px;
        font-size: 1.7rem;
        padding-left: 1px;
    }
}

.menu ul li a i.icon-reports {
    font-size: 20px;
    font-size: 2rem;
}

.menu ul li a i.icon-student {
    font-weight: bold;
}

.menu ul li a i.icon-settings {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 500;
}

@media (max-width: 992px) {
    .menu ul li a i.icon-settings {
        font-size: 20px;
        font-size: 2rem;
    }
}

.menu ul li a i.icon-settings + span {
    margin-top: 1px;
}

.menu ul li a .dot {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #ED1849;
    position: absolute;
    left: 1px;
    top: 0;
}

.menu ul li a span {
    float: right;
}

@media (max-width: 992px) {
    .menu ul li a span {
        float: none;
    }
}

.student-info-wrap {
    background-color: #FDEBEB;
}

    .student-info-wrap .container {
        padding: 60px 0 50px 0;
        position: relative;
    }

@media (max-width: 1210px) {
    .student-info-wrap .container {
        padding: 60px 20px 20px 20px;
    }
}

@media (max-width: 760px) {
    .student-info-wrap .container {
        padding: 20px;
    }
}

.student-info-wrap .container .student-info {
    float: left;
    width: 35%;
    position: relative;
}

@media (max-width: 1200px) {
    .student-info-wrap .container .student-info {
        width: 58%;
    }
}

@media (max-width: 760px) {
    .student-info-wrap .container .student-info {
        width: 80%;
    }
}

.student-info-wrap .container .student-info img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
}

@media (max-width: 760px) {
    .student-info-wrap .container .student-info img {
        display: none;
    }
}

.student-info-wrap .container .student-info .student-details {
    float: right;
    width: 70%;
    margin-top: 12px;
    border-right: 1px solid #9D9797;
}

@media (max-width: 760px) {
    .student-info-wrap .container .student-info .student-details {
        float: left;
        width: 100%;
        padding-right: 1px;
    }
}

.student-info-wrap .container .student-info .student-details span {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
}

    .student-info-wrap .container .student-info .student-details span.student-name {
        font-size: 35px;
        font-size: 3.5rem;
        font-weight: bold;
        line-height: 38px;
        margin-bottom: 8px;
    }

@media (max-width: 760px) {
    .student-info-wrap .container .student-info .student-details span.student-name {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.student-info-wrap .container .student-info .student-details p {
    font-size: 16px;
    font-size: 1.6rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    padding-right: 20px;
    margin-top: 20px;
}

.student-info-wrap .container .student-info .down-arrow {
    font-size: 26px;
    font-size: 2.6rem;
    display: block;
    position: absolute;
    right: -55px;
    top: 50%;
    margin-top: -13px;
    color: #222;
}

.student-info-wrap .container .student-info:hover .down-arrow {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.student-info-wrap .container .nav-menu {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    width: 70%;
    top: 30px;
    left: -29px;
    padding: 15px;
    z-index: 999;
    display: none;
}

@media (max-width: 1200px) {
    .student-info-wrap .container .nav-menu {
        left: 0;
    }
}

@media (max-width: 760px) {
    .student-info-wrap .container .nav-menu {
        width: 100%;
        top: 0;
    }
}

.student-info-wrap .container .nav-menu ul {
    overflow: hidden;
    *zoom: 1;
}

    .student-info-wrap .container .nav-menu ul li {
        overflow: hidden;
        *zoom: 1;
        width: 100%;
        display: block;
    }

        .student-info-wrap .container .nav-menu ul li a {
            overflow: hidden;
            *zoom: 1;
            display: block;
        }

            .student-info-wrap .container .nav-menu ul li a .student-info {
                overflow: hidden;
                *zoom: 1;
                float: none;
                width: 100%;
                padding: 15px 14px;
            }

@media (max-width: 1200px) {
    .student-info-wrap .container .nav-menu ul li a .student-info {
        padding: 15px 5px;
    }
}

.student-info-wrap .container .nav-menu ul li a .student-info img {
    margin-right: 24px;
}

.student-info-wrap .container .nav-menu ul li a .student-info .student-details {
    border: none;
    float: left;
    width: 40%;
}

@media (max-width: 1200px) {
    .student-info-wrap .container .nav-menu ul li a .student-info .student-details {
        margin-left: 2px;
    }
}

@media (max-width: 760px) {
    .student-info-wrap .container .nav-menu ul li a .student-info .student-details {
        margin-left: 0;
        width: 80%;
    }
}

.student-info-wrap .container .nav-menu ul li a:hover {
    background-color: #FDEBEB;
}

.student-info-wrap .container .campus-time {
    float: right;
}

@media (max-width: 1210px) {
    .student-info-wrap .container .campus-time {
        overflow: hidden;
        *zoom: 1;
        float: none;
        clear: both;
        padding-top: 50px;
    }
}

.student-info-wrap .container .campus-time p {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

@media (max-width: 1210px) {
    .student-info-wrap .container .campus-time p {
        float: left;
        width: 60%;
    }
}

.student-info-wrap .container .campus-time p.time {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: right;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

@media (max-width: 1210px) {
    .student-info-wrap .container .campus-time p.time {
        float: right;
        margin: 0;
        width: 40%;
    }
}

.attendance-info-wrap .container {
    padding: 60px 0 30px 0;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container {
        padding: 60px 20px 30px 20px;
    }
}

.attendance-info-wrap .container .percentage-block {
    float: left;
    width: 38%;
    margin-left: 130px;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block .attendance-title {
        text-align: center;
    }
}

.attendance-info-wrap .container .percentage-block .attendance-title .what-link {
    clear: both;
}

.attendance-info-wrap .container .percentage-block .attendance-title .last-update {
    float: left;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block .attendance-title .last-update {
        float: none;
        display: table;
        margin: 0 auto;
    }
}

.attendance-info-wrap .container .percentage-block .attendance-title .last-update p.update-text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #9b9b9b;
    float: left;
    margin: 0 10px 20px 0;
}

.attendance-info-wrap .container .percentage-block .attendance-title .last-update p.Date {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #222;
    float: left;
    margin: 0 0 20px 0;
}

.attendance-info-wrap .container .percentage-block .no-result {
    padding: 30px 0 0 0;
}

    .attendance-info-wrap .container .percentage-block .no-result p {
        font-size: 20px;
        font-size: 2rem;
    }

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block .no-result {
        padding: 30px 0 0 0;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block {
        margin-left: 0;
        width: 50%;
    }
}

@media (max-width: 760px) {
    .attendance-info-wrap .container .percentage-block {
        overflow: hidden;
        *zoom: 1;
        float: none;
        width: 100%;
        margin: 0;
    }
}

.attendance-info-wrap .container .percentage-block p {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    margin: 0 0 20px 0;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block p {
        margin: 0 0 10px 0;
    }
}

.attendance-info-wrap .container .percentage-block:first-of-type {
    border-right: 1px solid #d7d7d7;
}

@media (max-width: 760px) {
    .attendance-info-wrap .container .percentage-block:first-of-type {
        border: none;
        margin: 0 0 30px 0;
    }
}

.attendance-info-wrap .container .percentage-block.single {
    border-right: none;
    width: 53%;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block.single {
        width: 100%;
    }
}

.attendance-info-wrap .container .percentage-block.single .attendance-title {
    float: left;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block.single .attendance-title {
        text-align: left;
    }
}

@media (max-width: 760px) {
    .attendance-info-wrap .container .percentage-block.single .attendance-title {
        float: none;
    }
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage-block.single .attendance-title .last-update {
        float: left;
    }
}

.attendance-info-wrap .container .percentage-block.single .no-result {
    float: right;
    margin-top: 0;
}

@media (max-width: 760px) {
    .attendance-info-wrap .container .percentage-block.single .no-result {
        float: none;
        margin: 30px auto 0;
        display: table;
    }
}

.attendance-info-wrap .container .percentage-block.single .percentage {
    float: right;
    margin-top: 0;
}

@media (max-width: 760px) {
    .attendance-info-wrap .container .percentage-block.single .percentage {
        float: none;
        margin: 30px auto 0;
        display: table;
    }
}

.attendance-info-wrap .container .percentage, .attendance-info-wrap .container .attendance-percentage {
    float: left;
}

    .attendance-info-wrap .container .percentage .progress-circle, .attendance-info-wrap .container .percentage .gpa-circle, .attendance-info-wrap .container .attendance-percentage .progress-circle, .attendance-info-wrap .container .attendance-percentage .gpa-circle {
        position: relative;
    }

        .attendance-info-wrap .container .percentage .progress-circle span, .attendance-info-wrap .container .percentage .gpa-circle span, .attendance-info-wrap .container .attendance-percentage .progress-circle span, .attendance-info-wrap .container .attendance-percentage .gpa-circle span {
            text-align: center;
            font-family: Interstate, Helvetica, Arial, sans-serif;
            color: #222222;
        }

        .attendance-info-wrap .container .percentage .progress-circle .progress-num, .attendance-info-wrap .container .percentage .gpa-circle .progress-num, .attendance-info-wrap .container .attendance-percentage .progress-circle .progress-num, .attendance-info-wrap .container .attendance-percentage .gpa-circle .progress-num {
            font-size: 74px;
            font-size: 7.4rem;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-align: center;
            letter-spacing: -3px;
            line-height: 0;
            font-weight: bold;
        }

            .attendance-info-wrap .container .percentage .progress-circle .progress-num i, .attendance-info-wrap .container .percentage .gpa-circle .progress-num i, .attendance-info-wrap .container .attendance-percentage .progress-circle .progress-num i, .attendance-info-wrap .container .attendance-percentage .gpa-circle .progress-num i {
                font-size: 21px;
                font-size: 2.1rem;
                font-weight: bold;
                line-height: 25px;
                color: #9b9b9b;
                margin: 10px 0 0 8px;
            }

.attendance-info-wrap .container .percentage {
    margin-top: 40px;
}

@media (max-width: 1200px) {
    .attendance-info-wrap .container .percentage {
        float: none;
        margin: 40px auto 0;
        display: table;
    }
}

.attendance-info-wrap .container .attendance-detail-link {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #222;
    clear: both;
    display: inline-block;
    float: right;
    margin-top: 50px;
    color: #222;
    font-weight: 300;
    line-height: 24px;
}

    .attendance-info-wrap .container .attendance-detail-link:hover, .attendance-info-wrap .container .attendance-detail-linkfocus {
        color: #222;
    }

.what-link {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 19px;
    display: block;
}

@media (max-width: 760px) {
    .what-link {
        clear: both;
    }
}

.what-link:hover, .what-linkfocus {
    color: #842B37;
}

    .what-link:hover i, .what-linkfocus i {
        color: #842B37;
    }

    .what-link:hover span, .what-linkfocus span {
        border-color: #842B37;
    }

.what-link i {
    font-size: 30px;
    font-size: 3rem;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #979797;
    font-weight: 300;
    margin-right: 10px;
}

.what-link span {
    border-bottom: 1px solid #222;
    display: inline;
    position: relative;
    top: -6px;
}

.last-update {
    float: right;
}

    .last-update p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0;
        text-align: right;
        line-height: 21px;
    }

        .last-update p.update-text {
            color: #9b9b9b;
        }

        .last-update p.Date {
            color: #222;
        }

    .last-update.ipad, .last-update.mobile {
        margin-bottom: 10px;
    }

@media (max-width: 1200px) {
    .last-update.ipad, .last-update.mobile {
        float: left;
    }
}

.last-update.ipad p.update-text, .last-update.mobile p.update-text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #9b9b9b;
}

@media (max-width: 1200px) {
    .last-update.ipad p.update-text, .last-update.mobile p.update-text {
        float: left;
        margin: 0 10px 5px 0;
    }
}

.last-update.ipad p.Date, .last-update.mobile p.Date {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #222;
}

@media (max-width: 1200px) {
    .last-update.ipad p.Date, .last-update.mobile p.Date {
        float: left;
        margin: 0 0 5px 0;
    }
}

@media (max-width: 1200px) {
    .last-update.ipad {
        float: none;
        display: table;
        margin: 0 auto 10px;
    }
}

.grades-wrap .container .no-result {
    padding: 0 0 60px 130px;
    border-bottom: 1px solid #d7d7d7;
}

@media (max-width: 1200px) {
    .grades-wrap .container .no-result {
        padding: 0 0 60px 0;
    }
}

.grades-wrap .container .grades-header {
    overflow: hidden;
    *zoom: 1;
    padding: 60px 0;
    border-top: 1px solid #d7d7d7;
}

@media (max-width: 1200px) {
    .grades-wrap .container .grades-header {
        padding: 60px 0;
    }
}

@media (max-width: 760px) {
    .grades-wrap .container .grades-header {
        padding: 60px 0;
    }
}

.grades-wrap .container .grades-header .grades-title {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    float: left;
    width: 33.33%;
    margin: 0 0 0 130px;
}

@media (max-width: 1200px) {
    .grades-wrap .container .grades-header .grades-title {
        margin: 0;
    }
}

@media (max-width: 760px) {
    .grades-wrap .container .grades-header .grades-title {
        float: none;
        width: 100%;
        margin: 0 0 8px 0;
    }
}

.grades-wrap .container .grades-header .what-link {
    float: left;
    margin-left: 66px;
}

@media (max-width: 760px) {
    .grades-wrap .container .grades-header .what-link {
        float: none;
        margin: 0;
    }
}

.reports .grades-wrap .container .grades-header {
    border: none;
}

.grades-table {
    border-bottom: 1px solid #d7d7d7;
}

    .grades-table .grades-table-header li {
        overflow: hidden;
        *zoom: 1;
        width: 100%;
    }

        .grades-table .grades-table-header li:first-of-type {
            border-bottom: 1px solid #d7d7d7;
        }

        .grades-table .grades-table-header li div {
            font-size: 15px;
            font-size: 1.5rem;
            float: left;
            width: 14%;
            color: #222222;
            font-family: Interstate, Helvetica, Arial, sans-serif;
            font-weight: bold;
            line-height: 22px;
            text-transform: uppercase;
            padding: 30px;
            margin-right: 60px;
        }

@media (max-width: 1000px) {
    .grades-table .grades-table-header li div {
        width: 17%;
        margin-right: 10px;
    }
}

.grades-table .grades-table-header li div:first-of-type {
    width: 25%;
    margin-right: 0;
    padding-left: 0;
}

@media (max-width: 1000px) {
    .grades-table .grades-table-header li div:first-of-type {
        width: 27%;
    }
}

.grades-table .grades-table-header li div:last-of-type {
    width: 45%;
    margin-right: 0;
}

.grades-table .grades-table-header li div.grades-title {
    -moz-border-radius-topleft: 80px;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    background-color: #Fdebeb;
    text-align: center;
}

.grades-table .grades-table-body li {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    border-bottom: 1px dashed #d7d7d7;
}

    .grades-table .grades-table-body li div {
        font-size: 15px;
        font-size: 1.5rem;
        float: left;
        width: 14%;
        color: #222222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding: 30px;
        margin-right: 60px;
    }

@media (max-width: 1000px) {
    .grades-table .grades-table-body li div {
        width: 17%;
        margin-right: 10px;
    }
}

.grades-table .grades-table-body li div:first-of-type {
    font-size: 21px;
    font-size: 2.1rem;
    width: 25%;
    margin-right: 0;
    line-height: 25px;
    padding-left: 0;
}

@media (max-width: 1000px) {
    .grades-table .grades-table-body li div:first-of-type {
        width: 27%;
    }
}

.grades-table .grades-table-body li div:nth-of-type(2) {
    font-size: 54px;
    font-size: 5.4rem;
    background-color: #Fdebeb;
    text-align: center;
    line-height: 65px;
    position: relative;
}

    .grades-table .grades-table-body li div:nth-of-type(2):after {
        content: '';
        background-color: #Fdebeb;
        width: 100%;
        height: 1000%;
        position: absolute;
        bottom: -1000%;
        left: 0;
    }

.grades-table .grades-table-body li div:last-of-type {
    width: 54%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 0;
}

@media (max-width: 1000px) {
    .grades-table .grades-table-body li div:last-of-type {
        width: 50%;
    }
}

.grades-table .grades-table-body li div:last-of-type p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 24px;
    color: #222;
    margin: 0;
    padding-bottom: 20px;
}

.grades-table .grades-table-body li div.full-text {
    display: none;
    width: 100%;
    padding: 0;
}

.grades-table .grades-table-body li div .link-body-wrap {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    background: transparent;
    text-align: left;
    width: auto;
    margin-bottom: 30px;
    line-height: 0;
}

    .grades-table .grades-table-body li div .link-body-wrap:after {
        content: '';
        width: 0;
        height: 0;
    }

    .grades-table .grades-table-body li div .link-body-wrap .link-body {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
    }

        .grades-table .grades-table-body li div .link-body-wrap .link-body.hide-comment {
            display: none;
        }

        .grades-table .grades-table-body li div .link-body-wrap .link-body.hideLink {
            display: none;
        }

        .grades-table .grades-table-body li div .link-body-wrap .link-body.showLink {
            display: inline;
        }

.next-report {
    font-size: 21px;
    font-size: 2.1rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 28px;
    padding: 30px 0;
    margin-left: 130px;
}

@media (max-width: 760px) {
    .next-report {
        margin: 0;
    }
}

.next-report span {
    display: block;
    font-weight: bold;
}

.grades-table-mobile {
    border-top: 1px dashed #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 0;
}

    .grades-table-mobile ul li {
        font-family: Interstate, Helvetica, Arial, sans-serif;
        border-bottom: 1px dashed #d7d7d7;
        margin-bottom: 25px;
    }

        .grades-table-mobile ul li .grade {
            font-size: 54px;
            font-size: 5.4rem;
            background-color: #FDEBEB;
            text-align: center;
            font-weight: bold;
            line-height: 65px;
            width: 100%;
            padding: 20px 0;
        }

        .grades-table-mobile ul li .subject {
            font-size: 21px;
            font-size: 2.1rem;
            width: 100%;
            margin-right: 0;
            line-height: 25px;
            padding: 10px 0;
        }

        .grades-table-mobile ul li .result-text p {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 24px;
            color: #222;
            margin: 0;
            padding-bottom: 20px;
        }

        .grades-table-mobile ul li .full-text {
            display: none;
            width: 100%;
            padding: 0;
        }

            .grades-table-mobile ul li .full-text p {
                font-size: 16px;
                font-size: 1.6rem;
                font-weight: 300;
                line-height: 24px;
                color: #222;
                margin: 0;
                padding-bottom: 20px;
            }

        .grades-table-mobile ul li .link-body-wrap {
            padding: 0;
            background: transparent;
            text-align: left;
            width: auto;
            margin-bottom: 30px;
        }

            .grades-table-mobile ul li .link-body-wrap:after {
                content: '';
                width: 0;
                height: 0;
            }

            .grades-table-mobile ul li .link-body-wrap .link-body {
                font-size: 16px;
                font-size: 1.6rem;
                font-weight: 300;
            }

.reports-wrap .container {
    max-width: 920px;
    padding-top: 60px;
}

    .reports-wrap .container h2 {
        font-size: 28px;
        font-size: 2.8rem;
        color: #222222;
        font-family: InterstateLight, Helvetica, Arial, sans-serif;
        font-weight: 300;
        letter-spacing: -1px;
        line-height: 35px;
        margin-top: 0;
    }

.reports-list li {
    overflow: hidden;
    *zoom: 1;
    padding: 30px 0;
    border-bottom: 1px dashed #d7d7d7;
}

    .reports-list li .date {
        font-size: 16px;
        font-size: 1.6rem;
        float: left;
        width: 20%;
        color: #222222;
        font-family: InterstateLight, Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 24px;
        display: block;
    }

@media (max-width: 760px) {
    .reports-list li .date {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
}

.reports-list li .reports-content {
    float: left;
    width: 70%;
}

@media (max-width: 760px) {
    .reports-list li .reports-content {
        float: none;
        width: 100%;
    }
}

.reports-list li .reports-content h3 {
    font-size: 21px;
    font-size: 2.1rem;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 22px;
    margin: 0;
}

.reports-list li .reports-content h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 22px;
    margin: 6px 0 20px 0;
    text-transform: none;
}

.reports-list li .reports-content p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    padding-bottom: 20px;
}

.reports-list li .reports-content .full-text {
    display: none;
    width: 100%;
    padding: 0;
}

.reports-list li .reports-content .link-body-wrap {
    padding: 0;
    background: transparent;
    text-align: left;
    width: auto;
}

    .reports-list li .reports-content .link-body-wrap:after {
        content: '';
        width: 0;
        height: 0;
    }

    .reports-list li .reports-content .link-body-wrap .link-body {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
    }

        .reports-list li .reports-content .link-body-wrap .link-body.hide-Report {
            display: none;
        }

.schedule-wrap .container {
    padding: 0;
    margin-top: 60px;
}

@media (max-width: 1200px) {
    .schedule-wrap .container {
        padding: 0 20px;
    }
}

.schedule-wrap .container .no-result {
    padding: 0 0 60px 130px;
    border-bottom: 1px solid #d7d7d7;
}

@media (max-width: 1200px) {
    .schedule-wrap .container .no-result {
        padding: 0 0 60px 0;
    }
}

.schedule-wrap .container .schedule-header {
    padding-left: 130px;
    border-top: 1px solid #d7d7d7;
    padding-top: 60px;
}

@media (max-width: 1200px) {
    .schedule-wrap .container .schedule-header {
        padding-left: 0;
    }
}

.schedule-wrap .container .schedule-header p {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    margin: 0 0 20px 0;
}

.general-header {
    margin-left: 130px;
    border-top: 1px solid #d7d7d7;
    padding-top: 60px;
}

@media (max-width: 1200px) {
    .general-header {
        margin-left: 0;
    }
}

.general-header .general-title {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    margin: 0 0 20px 0;
}

.general-header .general-text {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    line-height: 24px;
}

.schedule-table {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 60px;
}

@media (max-width: 1020px) {
    .schedule-table {
        overflow-x: scroll;
        padding-left: 4em;
    }
}

@media (max-width: 1020px) and (max-width: 760px) {
    .schedule-table {
        padding-left: 4.2em;
    }
}

.schedule-table table thead tr td {
    font-size: 21px;
    font-size: 2.1rem;
    width: 133px;
    padding: 15px 15px 15px 0;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 25px;
    border: 15px solid #fff;
    background: #fff;
}

@media (max-width: 1020px) {
    .schedule-table table thead tr td {
        width: 63px;
    }
}

@media (max-width: 760px) {
    .schedule-table table thead tr td {
        width: 79px;
    }
}

@media (max-width: 410px) {
    .schedule-table table thead tr td {
        width: 73px;
    }
}

.schedule-table table thead tr td span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
}

.schedule-table table tbody tr td {
    font-size: 18px;
    font-size: 1.8rem;
    width: 15%;
    padding: 15px 15px 15px 9px;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 22px;
    border: 15px solid #fff;
    height: 84px;
    vertical-align: top;
}

    .schedule-table table tbody tr td:first-of-type {
        font-size: 16px;
        font-size: 1.6rem;
        color: rgba(34, 34, 34, 0.6);
        font-weight: 300;
        line-height: 19px;
        font-family: InterstateLight, Helvetica, Arial, sans-serif;
        text-align: left;
        vertical-align: top;
        padding: 0;
        width: 20%;
    }

@media (max-width: 1020px) {
    .schedule-table table tbody tr td:first-of-type {
        width: 8%;
        background: #fff;
    }
}

@media (max-width: 420px) {
    .schedule-table table tbody tr td:first-of-type {
        width: 19%;
    }
}

@media (max-width: 320px) {
    .schedule-table table tbody tr td:first-of-type {
        width: 22%;
    }
}

.schedule-table table tbody tr td.yellow {
    background-color: #FAF7B9;
}

.schedule-table table tbody tr td.light-green {
    background-color: #F4FBE9;
}

.schedule-table table tbody tr td.light-orange {
    background-color: #F9EED9;
}

.schedule-table table tbody tr td.light-blue {
    background-color: #E6F3F8;
}

.schedule-table table tbody tr td.pink {
    background-color: #F5D9E1;
}

.schedule-table table tbody tr td.purple {
    background-color: #E6D1FD;
}

.schedule-table table tbody tr td.grey {
    background-color: #F4F4F4;
}

.schedule-table table tbody tr td.dark-green {
    background-color: #DCE3D3;
}

.schedule-table table tbody tr td span {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    line-height: 17px;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    color: #4A4A4A;
}

.schedule-table table tbody tr td .reason {
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
}

@media (max-width: 1020px) {
    .headcol {
        position: absolute;
        width: 5em;
        left: 0;
        top: auto;
        border-top-width: 1px;
        margin-top: -1px;
    }

        .headcol:after {
            content: "";
            background: #fff;
            height: 100%;
            width: 100%;
            display: block;
            border: 7px solid #fff;
        }
}

@media (max-width: 1020px) {
    .headcol:after {
        height: 146%;
    }
}

.clubs-wrap .container {
    padding: 60px 0;
}

@media (max-width: 1200px) {
    .clubs-wrap .container {
        padding: 60px 20px;
    }
}

.clubs-wrap .container .clubs {
    width: 50%;
    float: left;
    padding-left: 50px;
}

@media (max-width: 760px) {
    .clubs-wrap .container .clubs {
        float: none;
        width: 100%;
        margin-bottom: 60px;
        padding-left: 0;
    }
}

.clubs-wrap .container .clubs:first-of-type {
    margin-left: 130px;
    width: 35%;
    padding-left: 0;
}

@media (max-width: 1200px) {
    .clubs-wrap .container .clubs:first-of-type {
        margin-left: 0;
        width: 50%;
    }
}

@media (max-width: 760px) {
    .clubs-wrap .container .clubs:first-of-type {
        width: 100%;
    }
}

.clubs-wrap .container .clubs h3 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 30px 0;
}

@media (max-width: 1200px) {
    .clubs-wrap .container .clubs h3 {
        font-size: 16px;
        font-size: 1.6rem;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
    }
}

@media (max-width: 760px) {
    .clubs-wrap .container .clubs h3 {
        margin: 0 0 20px 0;
    }
}

.clubs-wrap .container .clubs ul li {
    font-size: 35px;
    font-size: 3.5rem;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 48px;
}

.no-image {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    float: left;
    margin-right: 20px;
}

@media (max-width: 760px) {
    .no-image {
        display: none;
    }
}

.video-wrap .container .general-header {
    border-top: 1px solid #d7d7d7;
}

.video-wrap .container .youtube-video {
    float: none;
    clear: both;
    width: 89%;
    position: relative;
    height: 0;
    padding-bottom: 48%;
    margin: 40px 0 60px 130px;
}

@media (max-width: 1200px) {
    .video-wrap .container .youtube-video {
        margin-left: 0;
        width: 100%;
    }
}

.video-wrap .container .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.documents-wrap {
    padding: 60px 0;
}

    .documents-wrap .container .general-header {
        border-top: 0;
        padding-top: 0;
    }

    .documents-wrap .container .upload-status {
        padding-left: 130px;
    }

@media (max-width: 1200px) {
    .documents-wrap .container .upload-status {
        padding-left: 0;
    }
}

.documents-wrap .container .upload-status p {
    color: #222;
}

.documents-wrap .container .upload-status .upload-bar-full {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    position: relative;
    height: 20px;
    background-color: #EEEEEE;
}

    .documents-wrap .container .upload-status .upload-bar-full .upload-bar-progress {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: linear-gradient(254.9deg, #5dffef 0%, #3dace7 100%);
        width: 60%;
        height: 20px;
    }

.pre-arrival-info {
    background-color: #FDEBEB;
}

    .pre-arrival-info .container .general-header {
        border-top: 0;
    }

    .pre-arrival-info .container .social-sliders {
        padding: 10px 0 0 130px;
    }

@media (max-width: 1200px) {
    .pre-arrival-info .container .social-sliders {
        padding-left: 0;
    }
}

.pre-arrival-info .container .social-sliders h3 {
    font-size: 20px;
    font-size: 2rem;
    color: #842B37;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 26px;
}

    .pre-arrival-info .container .social-sliders h3 i {
        font-weight: bold;
        margin-right: 10px;
    }

.pre-arrival-info .container .social-sliders .flexslider {
    padding-bottom: 70px;
    margin-bottom: 30px;
}

    .pre-arrival-info .container .social-sliders .flexslider .slides li {
        font-family: Interstate, Helvetica, Arial, sans-serif;
        color: #222222;
    }

        .pre-arrival-info .container .social-sliders .flexslider .slides li a {
            color: #222222;
        }

            .pre-arrival-info .container .social-sliders .flexslider .slides li a .card {
                background: #fff;
                box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                padding: 10px;
                margin-bottom: 6px;
            }

                .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-image {
                    overflow: hidden;
                    height: 175px;
                    position: relative;
                }

                    .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-image .card-mask {
                        -moz-transition: 0.4s;
                        -o-transition: 0.4s;
                        -webkit-transition: 0.4s;
                        transition: 0.4s;
                        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                        opacity: 0;
                        background: rgba(0, 0, 0, 0.7);
                        width: 100%;
                        height: 100%;
                        z-index: 99;
                        position: relative;
                        display: table;
                    }

                        .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-image .card-mask .icon {
                            -moz-transition: 0.4s;
                            -o-transition: 0.4s;
                            -webkit-transition: 0.4s;
                            transition: 0.4s;
                            font-size: 32px;
                            font-size: 3.2rem;
                            color: #fff;
                            display: table-cell;
                            vertical-align: middle;
                            text-align: center;
                        }

                    .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-image img {
                        -moz-transition: 0.4s;
                        -o-transition: 0.4s;
                        -webkit-transition: 0.4s;
                        transition: 0.4s;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        width: 100%;
                        vertical-align: middle;
                    }

                .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-text {
                    padding: 15px 0;
                }

                    .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-text .date {
                        font-size: 16px;
                        font-size: 1.6rem;
                        font-weight: 300;
                        line-height: 26px;
                    }

                    .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-text h2 {
                        font-size: 20px;
                        font-size: 2rem;
                        font-weight: bold;
                        line-height: 26px;
                    }

                    .pre-arrival-info .container .social-sliders .flexslider .slides li a .card .card-text .link-body-wrap {
                        font-size: 16px;
                        font-size: 1.6rem;
                        color: #983D47;
                        border-bottom: 1px solid #983D47;
                        padding: 0;
                        display: inline-block;
                    }

            .pre-arrival-info .container .social-sliders .flexslider .slides li a:hover .card .card-mask {
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
            }

            .pre-arrival-info .container .social-sliders .flexslider .slides li a:hover .card img {
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

.documents-list-wrap {
    margin-bottom: 60px;
}

    .documents-list-wrap .container .documents-list .documents-list-header {
        padding-left: 130px;
    }

@media (max-width: 1200px) {
    .documents-list-wrap .container .documents-list .documents-list-header {
        display: none;
    }
}

.documents-list-wrap .container .documents-list .documents-list-header li {
    overflow: hidden;
    *zoom: 1;
    padding: 20px 0;
    border-bottom: 1px solid #d7d7d7;
}

    .documents-list-wrap .container .documents-list .documents-list-header li div {
        font-size: 15px;
        font-size: 1.5rem;
        width: 25%;
        float: left;
        color: #222222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 22px;
        text-transform: uppercase;
    }

.documents-list-wrap .container .documents-list .documents-list-body {
    clear: both;
    padding-left: 130px;
}

@media (max-width: 1200px) {
    .documents-list-wrap .container .documents-list .documents-list-body {
        padding-left: 0;
    }
}

.documents-list-wrap .container .documents-list .documents-list-body li {
    padding: 40px 0;
    border-bottom: 1px dashed #d7d7d7;
    padding: 40px 0;
}

@media (max-width: 760px) {
    .documents-list-wrap .container .documents-list .documents-list-body li:first-of-type {
        padding-top: 0;
    }
}

.documents-list-wrap .container .documents-list .documents-list-body li div {
    font-size: 16px;
    font-size: 1.6rem;
    width: 25%;
    float: left;
    color: #222222;
    font-weight: 300;
    line-height: 26px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    padding: 0 8px 0 0;
}

@media (max-width: 760px) {
    .documents-list-wrap .container .documents-list .documents-list-body li div {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
}

.documents-list-wrap .container .documents-list .documents-list-body li div.doc-name {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
}

    .documents-list-wrap .container .documents-list .documents-list-body li div.doc-name i {
        font-size: 12px;
        font-size: 1.2rem;
        color: #AFC28C;
        left: -70px;
        top: 6px;
        position: absolute;
    }

    .documents-list-wrap .container .documents-list .documents-list-body li div.doc-name span {
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        font-weight: normal;
        line-height: 22px;
        color: #999999;
    }

.documents-list-wrap .container .documents-list .documents-list-body li div .upload-link {
    margin-top: 0;
    width: 100%;
    color: #842B37;
    cursor: pointer;
    padding: 0;
}

.documents-list-wrap .container .documents-list .documents-list-body li div .view-link {
    width: 100%;
    text-align: center;
}

@media (max-width: 760px) {
    .documents-list-wrap .container .documents-list .documents-list-body li div .view-link {
        text-align: left;
    }
}

.documents-list-wrap .container .documents-list .documents-list-body li div .view-link .reupload-link {
    background: none;
    box-shadow: none;
    float: none;
    display: inline;
    border-bottom: 1px solid #222;
    padding-right: 0;
}

    .documents-list-wrap .container .documents-list .documents-list-body li div .view-link .reupload-link .select-files {
        display: inline;
    }

.documents-list-wrap .container .documents-list .documents-list-body li div .view-link a {
    color: #222;
    border-bottom: 1px solid #222;
}

.contact-intro-wrap .container {
    padding: 60px 0 60px 130px;
}

@media (max-width: 1210px) {
    .contact-intro-wrap .container {
        padding: 60px 20px;
    }
}

.contact-intro-wrap .container h1 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 24px 0;
}

.contact-intro-wrap .container p {
    font-size: 20px;
    font-size: 2rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}

.contact-persons-wrap .container {
    padding: 60px 0;
    border-top: 1px solid #d7d7d7;
}

@media (max-width: 1210px) {
    .contact-persons-wrap .container {
        padding: 60px 20px;
    }
}

.contact-persons-wrap .container ul li {
    float: left;
    width: 50%;
}

@media (max-width: 760px) {
    .contact-persons-wrap .container ul li {
        float: none;
        width: 100%;
        margin-bottom: 60px;
    }
}

.contact-persons-wrap .container ul li:first-of-type {
    border-right: 1px solid #d7d7d7;
}

@media (max-width: 760px) {
    .contact-persons-wrap .container ul li:first-of-type {
        border: none;
    }
}

@media (max-width: 760px) {
    .contact-persons-wrap .container ul li:last-of-type {
        margin-bottom: 0;
    }
}

.contact-persons-wrap .container ul li h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    text-align: center;
}

.contact-persons-wrap .container ul li img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 30px auto;
    width: 50%;
}

.contact-persons-wrap .container ul li span {
    font-size: 21px;
    font-size: 2.1rem;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
}

.contact-email-wrap {
    text-align: center;
}

    .contact-email-wrap a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 24px;
        border-bottom: 1px solid #222;
        margin: 0;
        display: inline;
        text-align: center;
    }

        .contact-email-wrap a:hover, .contact-email-wrap a.focus {
            color: #842B37;
            border-color: #842B37;
        }

.phones-contacts-wrap {
    background-color: #FDEBEB;
}

    .phones-contacts-wrap .container {
        padding: 60px 0;
    }

@media (max-width: 1210px) {
    .phones-contacts-wrap .container {
        padding: 60px 20px;
    }
}

.phones-contacts-wrap .container h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 60px 130px;
    text-align: left;
}

@media (max-width: 1024px) {
    .phones-contacts-wrap .container h2 {
        margin: 0 0 60px 0;
    }
}

@media (max-width: 760px) {
    .phones-contacts-wrap .container h2 {
        margin: 0 0 60px 0;
        text-align: center;
    }
}

.phones-contacts-wrap .container ul li {
    float: left;
    width: 50%;
}

@media (max-width: 760px) {
    .phones-contacts-wrap .container ul li {
        float: none;
        width: 100%;
        margin-bottom: 60px;
    }
}

.phones-contacts-wrap .container ul li:first-of-type {
    border-right: 1px solid #d7d7d7;
}

@media (max-width: 760px) {
    .phones-contacts-wrap .container ul li:first-of-type {
        border: none;
    }
}

@media (max-width: 760px) {
    .phones-contacts-wrap .container ul li:last-of-type {
        margin-bottom: 0;
    }
}

.phones-contacts-wrap .container ul li span {
    display: block;
    text-align: center;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
}

    .phones-contacts-wrap .container ul li span.phone-title {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 22px;
        text-transform: uppercase;
    }

    .phones-contacts-wrap .container ul li span.time-text {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 24px;
    }

.phones-contacts-wrap .container ul li .phone-number {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 42px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    padding: 10px 0;
    color: #222;
    display: block;
    text-align: center;
}

@media (max-width: 760px) {
    .phones-contacts-wrap .container ul li .phone-number {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.school-address-wrap .container {
    padding: 60px 0;
}

@media (max-width: 1210px) {
    .school-address-wrap .container {
        padding: 60px 20px;
    }
}

.school-address-wrap .container h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 60px 130px;
    text-align: left;
}

@media (max-width: 1024px) {
    .school-address-wrap .container h2 {
        margin: 0 0 60px 0;
    }
}

@media (max-width: 760px) {
    .school-address-wrap .container h2 {
        margin: 0 0 60px 0;
        text-align: center;
    }
}

.school-address-wrap .container .address-block {
    width: 53%;
    margin: 0 auto;
}

@media (max-width: 1210px) {
    .school-address-wrap .container .address-block {
        width: 63%;
    }
}

@media (max-width: 1024px) {
    .school-address-wrap .container .address-block {
        width: 83%;
    }
}

@media (max-width: 760px) {
    .school-address-wrap .container .address-block {
        width: 100%;
    }
}

.school-address-wrap .container .address-block img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 50%;
    float: left;
    margin-right: 30px;
}

@media (max-width: 760px) {
    .school-address-wrap .container .address-block img {
        width: 100%;
        float: none;
        margin: 0;
    }
}

.school-address-wrap .container .address-block p {
    font-size: 21px;
    font-size: 2.1rem;
    color: #222;
    font-weight: bold;
    line-height: 28px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    float: left;
    margin-top: 80px;
}

@media (max-width: 760px) {
    .school-address-wrap .container .address-block p {
        width: 100%;
        float: none;
        text-align: center;
        margin: 40px 0 0 0;
    }
}

.terms-slider .container .tabs ul {
    display: table;
    margin: 0 auto;
}

    .terms-slider .container .tabs ul li {
        margin: 0 10px;
    }

        .terms-slider .container .tabs ul li.ui-state-active a {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            color: #ED1849;
            border-bottom: 1px solid #ED1849;
        }

        .terms-slider .container .tabs ul li a {
            font-size: 15px;
            font-size: 1.5rem;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
            text-decoration: none;
            font-family: Interstate, Helvetica, Arial, sans-serif;
            font-weight: bold;
            line-height: 22px;
            text-align: center;
            outline: none;
            margin: 0;
            padding: 0;
            color: #222;
            text-transform: uppercase;
            border-bottom: 1px solid #fff;
        }

            .terms-slider .container .tabs ul li a:hover {
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                color: #ED1849;
                border-bottom: 1px solid #ED1849;
            }

.terms-slider .container .terms {
    display: none;
    padding: 0;
}

    .terms-slider .container .terms#term1 {
        display: block;
    }

    .terms-slider .container .terms p {
        color: #222;
        text-align: center;
        margin-top: 70px;
    }

    .terms-slider .container .terms .assesment-table {
        margin: 60px 0;
    }

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table {
        margin: 30px 0;
        border-top: 1px solid #d7d7d7;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-header {
    display: block;
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-header {
        display: none;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-header li {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin: 0;
}

    .terms-slider .container .terms .assesment-table .assesment-table-header li:first-of-type {
        border-bottom: 1px solid #d7d7d7;
    }

    .terms-slider .container .terms .assesment-table .assesment-table-header li div {
        font-size: 15px;
        font-size: 1.5rem;
        float: left;
        width: 14%;
        color: #222222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 22px;
        text-transform: uppercase;
        padding: 30px;
        margin-right: 60px;
    }

@media (max-width: 1000px) {
    .terms-slider .container .terms .assesment-table .assesment-table-header li div {
        width: 17%;
        margin-right: 10px;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-header li div:first-of-type {
    width: 12%;
    margin-right: 0;
    padding-left: 0;
}

@media (max-width: 1000px) {
    .terms-slider .container .terms .assesment-table .assesment-table-header li div:first-of-type {
        width: 27%;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-header li div.assesment-title {
    width: 34%;
    margin-right: 0;
}

.terms-slider .container .terms .assesment-table .assesment-table-header li div.grades-title {
    -moz-border-radius-topleft: 80px;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    background-color: #Fdebeb;
    text-align: center;
}

.terms-slider .container .terms .assesment-table .assesment-table-body {
    display: block;
}

    .terms-slider .container .terms .assesment-table .assesment-table-body li {
        overflow: hidden;
        *zoom: 1;
        width: 100%;
        border-bottom: 1px solid #d7d7d7;
        margin: 0;
    }

        .terms-slider .container .terms .assesment-table .assesment-table-body li div {
            color: #222222;
            font-family: Interstate, Helvetica, Arial, sans-serif;
        }

            .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-subjects {
                font-size: 21px;
                font-size: 2.1rem;
                width: 12%;
                margin-right: 0;
                line-height: 25px;
                padding: 30px 30px 30px 0;
                padding-left: 0;
                float: left;
            }

@media (max-width: 1000px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-subjects {
        width: 27%;
    }
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-subjects {
        width: 70%;
        padding: 0;
        float: left;
        margin: 20px 0 0px 0;
        word-break: break-all;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades {
    width: 86%;
    margin-right: 0;
    padding: 0 30px;
    float: left;
}

@media (max-width: 1000px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades {
        width: 71.1%;
        padding: 0 0 0 30px;
    }
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades {
        width: 100%;
        padding: 0;
        margin-top: -50px;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul {
    display: block;
}

    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li {
        display: table;
        clear: both;
        width: 93.6%;
        overflow: visible;
        border-top: 1px dashed #d7d7d7;
        border-bottom: none;
        z-index: 999;
        position: relative;
        transition: all 0.4s ease-out;
    }

        .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li:nth-of-type(1n+4) {
            display: none;
        }

@media (max-width: 1400px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li {
        width: 93.9%;
    }
}

@media (max-width: 1100px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li {
        width: 94.5%;
    }
}

@media (max-width: 1000px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li {
        width: 100%;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li:first-of-type {
    border-top: 0;
}

    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li:first-of-type .assesment-text {
        padding-top: 30px;
    }

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li:first-of-type .assesment-text {
        padding-top: 70px;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li:last-of-type {
    border-bottom: none;
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .assesment-text {
    padding: 20px 20px 10px 0;
    display: table-cell;
    vertical-align: top;
    width: 41.3%;
}

@media (max-width: 1200px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .assesment-text {
        width: 41%;
    }
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .assesment-text {
        display: block;
        width: 100%;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .assesment-text h4 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .assesment-text .date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 18px;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .grades-text {
    font-size: 18px;
    font-size: 1.8rem;
    width: 18.6%;
    background-color: #Fdebeb;
    text-align: center;
    position: relative;
    font-weight: bold;
    line-height: 34px;
    z-index: 999;
    display: table-cell;
    vertical-align: top;
    padding-top: 30px;
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .grades-text {
        font-size: 54px;
        font-size: 5.4rem;
        padding: 20px 0;
        display: block;
        width: 100%;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .grades-text:after {
    content: '';
    background-color: #Fdebeb;
    width: 100%;
    height: 106%;
    position: absolute;
    bottom: -106%;
    left: 0;
    z-index: 9;
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .grades-text:after {
        height: 0;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .grades-text span {
    vertical-align: middle;
    position: relative;
    z-index: 999;
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text {
    width: 70%;
    display: table-cell;
    padding: 30px 0 30px 60px;
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text {
        display: block;
        width: 100%;
        padding: 30px 0 30px 0;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 24px;
    color: #222;
    margin: 0;
    padding-bottom: 20px;
    text-align: left;
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text .full-text {
    display: none;
}

@media (max-width: 960px) {
    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text .link-body-wrap {
        padding: 0;
    }
}

.terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text .link-body-wrap .link-body {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: none;
    display: inline;
    color: #222;
    border-bottom: 1px solid #222;
}

    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text .link-body-wrap .link-body:hover {
        color: #842B37;
        border-color: #842B37;
    }

    .terms-slider .container .terms .assesment-table .assesment-table-body li div.assesment-grades ul li .comments-text .link-body-wrap .link-body.hide-comment {
        display: none;
    }

.terms-slider .container .terms .assesment-table .show-hide-buttons {
    width: 93.6%;
    padding: 20px 0;
    border-top: 1px dashed #d7d7d7;
    position: relative;
    z-index: 999;
}

@media (max-width: 1400px) {
    .terms-slider .container .terms .assesment-table .show-hide-buttons {
        width: 93.9%;
    }
}

@media (max-width: 1100px) {
    .terms-slider .container .terms .assesment-table .show-hide-buttons {
        width: 94.5%;
    }
}

@media (max-width: 1000px) {
    .terms-slider .container .terms .assesment-table .show-hide-buttons {
        width: 100%;
    }
}

.terms-slider .container .terms .assesment-table .show-hide-buttons.no-border {
    border-top: 0;
    padding: 12px 0;
}

.terms-slider .container .terms .assesment-table .show-hide-buttons #loadmore, .terms-slider .container .terms .assesment-table .show-hide-buttons #showless {
    font-size: 16px;
    font-size: 1.6rem;
    color: #842B37;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    display: table;
    cursor: pointer;
}

    .terms-slider .container .terms .assesment-table .show-hide-buttons #loadmore i, .terms-slider .container .terms .assesment-table .show-hide-buttons #showless i {
        font-size: 30px;
        font-size: 3rem;
        padding-right: 10px;
    }

    .terms-slider .container .terms .assesment-table .show-hide-buttons #loadmore span, .terms-slider .container .terms .assesment-table .show-hide-buttons #showless span {
        display: table-cell;
        vertical-align: middle;
    }

.terms-slider .container .terms .assesment-table .show-hide-buttons #showless {
    display: none;
}

.attendance .attendance-info-wrap {
    position: relative;
}

    .attendance .attendance-info-wrap .container .attendance-info-header {
        overflow: hidden;
        *zoom: 1;
    }

        .attendance .attendance-info-wrap .container .attendance-info-header .attendance-info-title {
            float: left;
            width: 33.33%;
            margin: 0 0 0 130px;
        }

@media (max-width: 1200px) {
    .attendance .attendance-info-wrap .container .attendance-info-header .attendance-info-title {
        margin: 0;
    }
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .attendance-info-header .attendance-info-title {
        float: none;
        width: 100%;
        margin: 0 0 8px 0;
    }
}

.attendance .attendance-info-wrap .container .attendance-info-header .attendance-info-title p {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    margin: 0;
}

.attendance .attendance-info-wrap .container .attendance-info-header .attendance-info-title .what-link {
    margin-top: 10px;
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .attendance-info-header .attendance-info-title .what-link {
        margin: 24px 0;
    }
}

.attendance .attendance-info-wrap .container .attendance-week {
    clear: both;
}

    .attendance .attendance-info-wrap .container .attendance-week .month-text {
        font-size: 30px;
        font-size: 3rem;
        font-family: InterstateLight, Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 36px;
        margin: 0 0 0 15.2%;
    }

    .attendance .attendance-info-wrap .container .attendance-week .schedule-table {
        border-bottom: none;
    }

.attendance .attendance-info-wrap .container .week-nav-links {
    overflow: hidden;
    *zoom: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #000;
    width: 88%;
    float: right;
    margin: 40px 0 30px 0;
}

@media (max-width: 996px) {
    .attendance .attendance-info-wrap .container .week-nav-links {
        width: 93%;
    }
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .week-nav-links {
        width: 100%;
    }
}

.attendance .attendance-info-wrap .container .week-nav-links .past-week-link {
    width: 70%;
    float: right;
    position: relative;
    background: #000;
    color: #fff;
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link {
        width: 65%;
    }
}

.attendance .attendance-info-wrap .container .week-nav-links .past-week-link .prev-link {
    display: block;
    position: relative;
    z-index: 9999;
    color: #fff;
}

    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .prev-link.disabled {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        cursor: not-allowed;
    }

    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .prev-link i {
        font-size: 18px;
        font-size: 1.8rem;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 11px;
        left: 120px;
    }

@media (max-width: 996px) {
    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .prev-link i {
        left: 100px;
    }
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .prev-link i {
        top: 22px;
        left: 13px;
    }
}

.attendance .attendance-info-wrap .container .week-nav-links .past-week-link .past-week-text {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    padding: 8px 0;
    text-align: center;
    line-height: 22px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    position: relative;
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .past-week-text {
        padding: 19px 0;
    }
}

.attendance .attendance-info-wrap .container .week-nav-links .past-week-link .next-link {
    display: block;
    color: #fff;
}

    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .next-link.disabled {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        cursor: not-allowed;
    }

    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .next-link i {
        font-size: 18px;
        font-size: 1.8rem;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        top: 11px;
        right: 100px;
    }

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .week-nav-links .past-week-link .next-link i {
        top: 22px;
        right: 12px;
    }
}

.attendance .attendance-info-wrap .container .week-nav-links .week-link {
    font-size: 16px;
    font-size: 1.6rem;
    width: 30%;
    float: left;
    display: block;
    color: #000;
    padding: 8px 0;
    text-align: center;
    line-height: 22px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    position: relative;
}

@media (max-width: 760px) {
    .attendance .attendance-info-wrap .container .week-nav-links .week-link {
        padding: 8px 20px;
    }
}

.attendance .attendanace-subject-wrap {
    margin-bottom: 100px;
}

    .attendance .attendanace-subject-wrap .container .no-result {
        padding: 0 0 60px 130px;
        border-bottom: 1px solid #d7d7d7;
    }

@media (max-width: 1200px) {
    .attendance .attendanace-subject-wrap .container .no-result {
        padding: 0 0 60px 0;
    }
}

.attendance .attendanace-subject-wrap .container .attendanace-subject-header {
    overflow: hidden;
    *zoom: 1;
    padding: 60px 0;
    border-top: 1px solid #d7d7d7;
}

@media (max-width: 1200px) {
    .attendance .attendanace-subject-wrap .container .attendanace-subject-header {
        padding: 60px 0;
    }
}

@media (max-width: 760px) {
    .attendance .attendanace-subject-wrap .container .attendanace-subject-header {
        padding: 60px 0;
    }
}

.attendance .attendanace-subject-wrap .container .attendanace-subject-header .attendanace-subject-title {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    float: left;
    width: 33.33%;
    margin: 0 0 0 130px;
}

@media (max-width: 1200px) {
    .attendance .attendanace-subject-wrap .container .attendanace-subject-header .attendanace-subject-title {
        margin: 0;
    }
}

@media (max-width: 760px) {
    .attendance .attendanace-subject-wrap .container .attendanace-subject-header .attendanace-subject-title {
        float: none;
        width: 100%;
        margin: 0 0 8px 0;
    }
}

.attendance .attendanace-subject-wrap .container .attendanace-subject-header .what-link {
    float: left;
    margin-left: 66px;
}

@media (max-width: 760px) {
    .attendance .attendanace-subject-wrap .container .attendanace-subject-header .what-link {
        float: none;
        margin: 0;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-header li {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
}

    .attendance .attendanace-subject-table .attendanace-subject-table-header li:first-of-type {
        border-bottom: 1px solid #d7d7d7;
    }

    .attendance .attendanace-subject-table .attendanace-subject-table-header li div {
        font-size: 15px;
        font-size: 1.5rem;
        float: left;
        width: 14%;
        color: #222222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 22px;
        text-transform: uppercase;
        padding: 30px;
        margin-right: 60px;
    }

@media (max-width: 1150px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-header li div {
        width: 17%;
        margin-right: 10px;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-header li div:first-of-type {
    width: 60%;
    margin-right: 0;
    padding-left: 0;
}

@media (max-width: 1150px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-header li div:first-of-type {
        width: 48%;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-header li div:last-of-type {
    width: 14%;
    margin-right: 0;
    padding: 40px 30px 24px 30px;
}

@media (max-width: 1150px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-header li div:last-of-type {
        width: 16%;
    }
}

@media (max-width: 860px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-header li div:last-of-type {
        width: 22%;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-header li div.grades-title {
    -moz-border-radius-topleft: 80px;
    -webkit-border-top-left-radius: 80px;
    border-top-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    background-color: #Fdebeb;
    text-align: center;
}

.attendance .attendanace-subject-table .attendanace-subject-table-body li {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    border-bottom: 1px dashed #d7d7d7;
    position: relative;
}

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div {
        font-size: 15px;
        font-size: 1.5rem;
        float: left;
        width: 14%;
        color: #222222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding: 30px;
        margin-right: 60px;
    }

@media (max-width: 1150px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-body li div {
        width: 16%;
        margin-right: 10px;
    }
}

@media (max-width: 860px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-body li div {
        width: 22%;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-body li div:first-of-type {
    font-size: 21px;
    font-size: 2.1rem;
    width: 60%;
    margin-right: 0;
    line-height: 25px;
    padding: 36px 30px 36px 0;
}

@media (max-width: 1150px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-body li div:first-of-type {
        width: 48%;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(2) {
    font-size: 30px;
    font-size: 3rem;
    background-color: #Fdebeb;
    text-align: center;
    line-height: 40px;
    position: relative;
}

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(2):after {
        content: '';
        background-color: #Fdebeb;
        width: 100%;
        height: 1000%;
        position: absolute;
        bottom: -1000%;
        left: 0;
    }

.attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) {
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 37px;
}

@media (max-width: 1150px) {
    .attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) {
        width: 22%;
    }
}

.attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) span {
    display: block;
    cursor: pointer;
}

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) span a {
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 24px;
        color: #222;
        border-bottom: 1px solid #222;
        margin: 0;
        display: inline;
    }

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) span i {
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        margin: 0 4px;
        display: inline-block;
    }

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) span.close-detail-wrap {
        display: none;
    }

        .attendance .attendanace-subject-table .attendanace-subject-table-body li div:nth-of-type(3) span.close-detail-wrap i {
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

.attendance .attendanace-subject-table .attendanace-subject-table-body li div.details {
    display: none;
    background-color: #FAF8F8;
    float: none;
    width: 100%;
    clear: both;
    padding: 0;
}

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div.details ul li:last-of-type {
        border-bottom: none;
    }

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div.details ul li .deatils-row1 {
        padding: 35px 35px 35px 55px;
    }

    .attendance .attendanace-subject-table .attendanace-subject-table-body li div.details ul li .deatils-row2 {
        padding: 15px;
    }

.attendance .attendanace-subject-table-mobile {
    border-top: 1px dashed #d7d7d7;
    padding: 20px 0;
}

    .attendance .attendanace-subject-table-mobile ul li {
        font-family: Interstate, Helvetica, Arial, sans-serif;
        border-bottom: 1px dashed #d7d7d7;
        margin-bottom: 25px;
    }

        .attendance .attendanace-subject-table-mobile ul li .grade {
            font-size: 54px;
            font-size: 5.4rem;
            background-color: #FDEBEB;
            text-align: center;
            font-weight: bold;
            line-height: 65px;
            width: 100%;
            padding: 20px 0;
        }

        .attendance .attendanace-subject-table-mobile ul li .subject {
            font-size: 21px;
            font-size: 2.1rem;
            width: 100%;
            margin-right: 0;
            line-height: 25px;
            padding: 10px 0;
        }

        .attendance .attendanace-subject-table-mobile ul li .details-link-mobile {
            margin-right: 0;
            width: 100%;
            padding: 10px 0 30px 0;
        }

            .attendance .attendanace-subject-table-mobile ul li .details-link-mobile span {
                display: block;
                cursor: pointer;
            }

                .attendance .attendanace-subject-table-mobile ul li .details-link-mobile span a {
                    -moz-transition: 0.4s;
                    -o-transition: 0.4s;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                    font-size: 16px;
                    font-size: 1.6rem;
                    font-weight: 300;
                    line-height: 24px;
                    color: #222;
                    border-bottom: 1px solid #222;
                    margin: 0;
                    display: inline;
                }

                .attendance .attendanace-subject-table-mobile ul li .details-link-mobile span i {
                    -moz-transition: 0.4s;
                    -o-transition: 0.4s;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                    margin: 0 4px;
                    display: inline-block;
                }

                .attendance .attendanace-subject-table-mobile ul li .details-link-mobile span.close-detail-wrap {
                    display: none;
                }

                    .attendance .attendanace-subject-table-mobile ul li .details-link-mobile span.close-detail-wrap i {
                        -moz-transform: rotate(-180deg);
                        -ms-transform: rotate(-180deg);
                        -webkit-transform: rotate(-180deg);
                        transform: rotate(-180deg);
                    }

        .attendance .attendanace-subject-table-mobile ul li .details-mobile {
            display: none;
            background-color: #FAF8F8;
            float: none;
            width: 100%;
            clear: both;
            padding: 0;
        }

            .attendance .attendanace-subject-table-mobile ul li .details-mobile ul li {
                overflow: hidden;
                *zoom: 1;
                font-size: 21px;
                font-size: 2.1rem;
                color: #222222;
                font-family: Interstate, Helvetica, Arial, sans-serif;
                padding: 20px;
                margin: 0;
            }

                .attendance .attendanace-subject-table-mobile ul li .details-mobile ul li:last-of-type {
                    border-bottom: none;
                }

                .attendance .attendanace-subject-table-mobile ul li .details-mobile ul li .deatils-row1 {
                    float: left;
                    width: 70%;
                }

                .attendance .attendanace-subject-table-mobile ul li .details-mobile ul li .deatils-row2 {
                    font-size: 28px;
                    font-size: 2.8rem;
                    float: right;
                    width: 25%;
                    font-weight: bold;
                    text-align: right;
                }

.attendance .attendance-popup {
    background: #fff;
    padding: 30px;
    width: 50%;
    position: fixed;
    left: 50%;
    margin-left: -25%;
    top: 60px;
    display: none;
    z-index: 999999;
}

    .attendance .attendance-popup:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #fff;
        top: -61;
        position: relative;
    }

@media (max-width: 1024px) {
    .attendance .attendance-popup {
        width: 90%;
        margin-left: -45%;
    }
}

@media (max-width: 760px) {
    .attendance .attendance-popup {
        padding: 30px 10px;
        height: 450px;
        overflow: scroll;
    }
}

.attendance .attendance-popup h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 30px;
}

.attendance .attendance-popup .close-attendance {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    line-height: 24px;
    position: absolute;
    top: 20px;
    right: 40px;
}

@media (max-width: 760px) {
    .attendance .attendance-popup .close-attendance {
        top: 12px;
        right: 20px;
    }
}

.attendance .attendance-popup .close-attendance span {
    border-bottom: 1px solid #222;
}

.attendance .attendance-popup ul li {
    float: left;
    width: 50%;
}

@media (max-width: 760px) {
    .attendance .attendance-popup ul li {
        float: none;
        width: 100%;
    }
}

.attendance .attendance-popup ul li p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    line-height: 24px;
    margin: 0 0 10px 0;
}

    .attendance .attendance-popup ul li p.bold {
        font-weight: bold;
        margin: 0;
    }

.pastoral .pastoral-info-wrap .container {
    padding: 60px 0 30px 0;
}

@media (max-width: 1200px) {
    .pastoral .pastoral-info-wrap .container {
        padding: 60px 20px 30px 20px;
    }
}

.pastoral .pastoral-info-header {
    overflow: hidden;
    *zoom: 1;
}

    .pastoral .pastoral-info-header .pastoral-info-title {
        float: left;
        width: 33.33%;
        margin: 0 0 0 130px;
    }

@media (max-width: 1200px) {
    .pastoral .pastoral-info-header .pastoral-info-title {
        margin: 0;
    }
}

@media (max-width: 760px) {
    .pastoral .pastoral-info-header .pastoral-info-title {
        float: none;
        width: 100%;
        margin: 0 0 8px 0;
    }
}

.pastoral .pastoral-info-header .pastoral-info-title p {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 35px;
    margin: 0;
}

.pastoral .pastoral-info-header .pastoral-info-title .what-link {
    margin-top: 10px;
}

@media (max-width: 760px) {
    .pastoral .pastoral-info-header .pastoral-info-title .what-link {
        margin: 24px 0;
    }
}

.pastoral .reports-list {
    width: 78%;
    margin: 20px auto 0;
}

@media (max-width: 1100px) {
    .pastoral .reports-list {
        width: 100%;
    }
}

.settings-intro-wrap {
    background-color: #FDEBEB;
}

    .settings-intro-wrap .container {
        padding: 60px 0;
        position: relative;
    }

@media (max-width: 1210px) {
    .settings-intro-wrap .container {
        padding: 60px 20px;
    }
}

.settings-intro-wrap .container .settings {
    width: 80%;
    float: left;
}

@media (max-width: 760px) {
    .settings-intro-wrap .container .settings {
        width: 100%;
    }
}

.settings-intro-wrap .container .settings h1 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 20px;
}

.settings-intro-wrap .container .settings p {
    font-size: 20px;
    font-size: 2rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}

.settings-intro-wrap .container .logout {
    font-size: 21px;
    font-size: 2.1rem;
    float: right;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 25px;
    border-bottom: 1px solid #222;
}

@media (max-width: 760px) {
    .settings-intro-wrap .container .logout {
        float: none;
        position: absolute;
        top: 64px;
        right: 30px;
    }
}

.settings-intro-wrap .container .logout:hover {
    color: #842B37;
    border-bottom: 1px solid #842B37;
}

.contact-details-wrap .container {
    padding: 60px 0;
}

@media (max-width: 1210px) {
    .contact-details-wrap .container {
        padding: 60px 20px;
    }
}

.contact-details-wrap .container h2 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 50px 0;
}

.contact-details-wrap .container .contacts li {
    margin-bottom: 30px;
}

    .contact-details-wrap .container .contacts li h4 {
        font-size: 15px;
        font-size: 1.5rem;
        color: #222222;
        font-family: Interstate, Helvetica, Arial, sans-serif;
        font-weight: bold;
        line-height: 22px;
        text-transform: uppercase;
        margin: 0 0 8px 0;
        letter-spacing: 1px;
    }

    .contact-details-wrap .container .contacts li a, .contact-details-wrap .container .contacts li span {
        font-size: 16px;
        font-size: 1.6rem;
        color: #222222;
        font-family: InterstateLight, Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 19px;
    }

.contact-details-wrap .container p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 24px;
    width: 50%;
}

@media (max-width: 760px) {
    .contact-details-wrap .container p {
        width: 100%;
    }
}

.contact-details-wrap .container .contact-email-wrap {
    text-align: left;
}

.my-drop-zone {
    font-size: 12px;
    font-size: 1.2rem;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px dashed #e4e5e8;
    color: #6aa2bf;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.another-file-over-class {
    background: #9bbed0;
    color: #fff;
}

input[type='file'] {
    opacity: 0;
    width: 0;
    cursor: pointer;
    display: none;
}

.select-files {
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 8px 0;
}

.another-file-over-class .select-files {
    color: #fff;
}

    .another-file-over-class .select-files:before {
        color: #fff;
    }

.upload-details {
    padding: 20px 0;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #e4e5e9;
    width: 50%;
}

@media (max-width: 760px) {
    .upload-details {
        width: 100%;
    }
}

.upload-details .upload-row {
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
    width: 33%;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
}

    .upload-details .upload-row.status {
        text-align: center;
    }

    .upload-details .upload-row.remove {
        text-align: right;
    }

        .upload-details .upload-row.remove a {
            color: #e4003c;
        }

.loading {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: inset -8px 0px 39px -4px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: inset -8px 0px 39px -4px rgba(0, 0, 0, 0.55);
    box-shadow: inset -8px 0px 39px -4px rgba(0, 0, 0, 0.55);
    float: right;
    width: 100%;
    height: 15px;
    background: #211d24;
}

@media (max-width: 760px) {
    .loading {
        width: 90%;
        margin: 30px auto;
        float: none;
    }
}

.loader {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlMzk2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2OGRhMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #de3966), color-stop(100%, #d68da3));
    background-image: -moz-linear-gradient(left, #de3966, #d68da3);
    background-image: -webkit-linear-gradient(left, #de3966, #d68da3);
    background-image: linear-gradient(to right, #de3966, #d68da3);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    height: 13px;
    margin-top: 1px;
}

.notifications-wrap .container .general-header {
    border-bottom: 1px solid #d7d7d7;
    border-top: 0;
}

.notifications-wrap .container .notifications-list {
    margin-left: 130px;
}

@media (max-width: 1200px) {
    .notifications-wrap .container .notifications-list {
        margin-left: 0;
    }
}

.notifications-wrap .container .notifications-list .gs {
    padding: 20px 0;
}

@media (max-width: 760px) {
    .notifications-wrap .container .notifications-list .gs .gc {
        padding: 0;
    }
}

.notifications-wrap .container .notifications-list .gs .gc .notification-block {
    background-color: #FAF8F8;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

    .notifications-wrap .container .notifications-list .gs .gc .notification-block .note-title {
        font-size: 16px;
        font-size: 1.6rem;
        color: #8FB8C9;
        font-weight: bold;
        line-height: 19px;
        float: left;
        margin: 0;
    }

        .notifications-wrap .container .notifications-list .gs .gc .notification-block .note-title span {
            margin: 0px 0 0 5px;
            position: relative;
            top: -6px;
        }

        .notifications-wrap .container .notifications-list .gs .gc .notification-block .note-title i {
            font-size: 22px;
            font-size: 2.2rem;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #759AA9;
            color: #fff;
            width: 26px;
            height: 26px;
            position: relative;
            display: inline-block;
        }

            .notifications-wrap .container .notifications-list .gs .gc .notification-block .note-title i:before {
                position: absolute;
                left: 54%;
                top: 73%;
                transform: translate(-50%, -50%);
            }

    .notifications-wrap .container .notifications-list .gs .gc .notification-block .note-date {
        font-size: 14px;
        font-size: 1.4rem;
        float: right;
        color: #9B9B9B;
        font-weight: 300;
        line-height: 15px;
        margin-top: 8px;
    }

    .notifications-wrap .container .notifications-list .gs .gc .notification-block .note-text {
        font-size: 16px;
        font-size: 1.6rem;
        clear: both;
        color: #000;
        margin: 0;
        padding: 10px 0;
        color: #222222;
        font-weight: 300;
        letter-spacing: -0.57px;
        line-height: 24px;
    }

    .notifications-wrap .container .notifications-list .gs .gc .notification-block .link-body-wrap {
        text-align: right;
    }

@media (max-width: 760px) {
    .notifications-wrap .container .notifications-list .gs .gc .notification-block .link-body-wrap {
        padding: 0;
    }
}

.notifications-wrap .container .notifications-list .gs .gc .notification-block .link-body-wrap .link-body {
    color: #842B37;
    border-bottom: 1px solid #842B37;
}

.notifications-wrap .container .notifications-list .gs .gc .notification-block.oneonone-block .note-title {
    color: #94A185;
}

    .notifications-wrap .container .notifications-list .gs .gc .notification-block.oneonone-block .note-title i {
        background-color: #94A185;
    }

.notifications-wrap .container .notifications-list .gs .gc .notification-block.attendance-block .note-title {
    color: #F48580;
}

    .notifications-wrap .container .notifications-list .gs .gc .notification-block.attendance-block .note-title i {
        background-color: #F48580;
    }

.notifications-wrap .container .notifications-list.accordion-content {
    margin-left: 0;
}

    .notifications-wrap .container .notifications-list.accordion-content .gs {
        padding: 0 0 15px 0;
    }

.notifications-wrap .container .accordion {
    margin-left: 130px;
    margin-bottom: 60px;
}

@media (max-width: 1200px) {
    .notifications-wrap .container .accordion {
        margin-left: 0;
    }
}

.notifications-wrap .container .accordion ul .accordion-item {
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
}

    .notifications-wrap .container .accordion ul .accordion-item .accordion-title {
        font-size: 16px;
        font-size: 1.6rem;
        color: #222222;
        font-weight: 300;
        line-height: 22px;
        margin: 0;
        padding: 18px 0;
    }

        .notifications-wrap .container .accordion ul .accordion-item .accordion-title i {
            float: right;
            font-weight: normal;
            margin-top: 4px;
        }

.notifications-wrap .container .no-notification {
    color: #000;
    margin-left: 130px;
}

@media (max-width: 1200px) {
    .notifications-wrap .container .no-notification {
        margin-left: 0;
    }
}

.header-wrap {
    background: #fff;
    position: relative;
    z-index: 9999;
}

.brand {
    float: left;
}

@media (max-width: 760px) {
    .brand {
        float: left;
        width: 40%;
        margin: 0 0 0 10px;
    }
}

.brand-text {
    font-size: 30px;
    font-size: 3rem;
    color: #222222;
    font-family: AdobeGaramondPro, Garamond, Georgia, serif;
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 36px;
}

@media (max-width: 760px) {
    .brand-text {
        float: left;
        width: 70%;
        margin: 0 0 0 10px;
    }
}

.brand-text span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #222222;
    line-height: 26px;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    display: block;
}

.header-wrap .brand img {
    width: auto;
}

.header {
    padding: 30px 0;
}

@media (max-width: 1100px) {
    .header {
        padding: 30px 10px;
    }
}

@media (max-width: 760px) {
    .header {
        padding: 11px 0 10px 0;
    }
}

.header a {
    border: none;
}

    .header a:hover {
        border: none;
    }

.cta {
    margin: 28px 0 0 0;
    float: right;
}

@media (max-width: 760px) {
    .cta {
        margin: 10px 10px 0 0;
    }
}

.cta p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 21px;
    margin: 0;
}

    .cta p i {
        font-size: 23px;
        font-size: 2.3rem;
        margin: 0 5px 0 5px;
    }

.cta a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #222222;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 21px;
    border: none;
}

    .cta a i {
        font-size: 24px;
        font-size: 2.4rem;
        margin: 0 5px 0 5px;
        border: none;
        display: block;
    }

@media (max-width: 760px) {
    .cta a i {
        margin: 0 5px 5px 5px;
    }
}

.verify-wrap {
    background-color: #FDEBEB;
}

    .verify-wrap .container .verify {
        max-width: 460px;
        margin: 200px auto;
    }

@media (max-width: 768px) {
    .verify-wrap .container .verify {
        width: 100%;
        padding: 0 20px;
    }
}

.verify-wrap .container .verify p {
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    padding-bottom: 20px;
    text-align: center;
    color: #222;
    margin: 0;
}

.verify-wrap .container .verify #btnsubmit {
    margin-top: 30px;
}

.intro-text {
    max-width: 460px;
    margin: 200px auto;
}

@media (max-width: 768px) {
    .intro-text {
        width: 100%;
        padding: 0 20px;
    }
}

.intro-text h1 {
    font-size: 21px;
    font-size: 2.1rem;
    color: #222222;
    font-family: Interstate, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    padding-bottom: 10px;
}

    .intro-text h1:after {
        border: 0;
        margin: 0;
    }

.intro-text p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    text-align: center;
    color: #222;
    margin: 0;
}

.intro-text #btnsubmit {
    margin-top: 40px;
}

.btn {
    font-size: 16px;
    font-size: 1.6rem;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin: 40px auto 0;
    background-color: #ED1849;
    color: #fff;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    padding: 15px 30px;
    display: block;
    letter-spacing: 1px;
    width: 80%;
    outline: none;
    border: none;
    font-weight: bold;
}

    .btn:hover, .btn:focus {
        background-color: #842b37;
        color: #fff;
        border: none;
    }

    .btn.nobackground {
        background: transparent;
        color: #842b37;
        border: 1px solid #842b37;
    }

        .btn.nobackground:hover {
            background: #842b37;
            color: #fff;
        }

.footer-wrap {
    margin: 30px 0;
}

@media (max-width: 760px) {
    .footer {
        padding: 0 10px;
    }
}

.footer p {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: InterstateLight, Helvetica, Arial, sans-serif;
    color: #000;
    color: #9B9B9B;
    font-weight: 300;
    line-height: 21px;
    margin: 0;
}

    .footer p a {
        color: #842b37;
        border-bottom: 1px solid #842b37;
    }

        .footer p a:hover {
            color: #ed1849;
            border-bottom: 1px solid #ed1849;
        }