/*  Tui - Thomson - Better world detectives
    ------------------------------------------------------------
    Author(s):
        Given London


    Description:
        Global styles for "screen" media type

    Contents:
    	1. Imports
        2. Helpers
        3. Base
        4. Typography
        5. Structure
        6. Element styles
        7. Media queries
        8. Third party styles

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


/*  1. Imports
    -------------------------------------------------------------------------------- */

    /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/*  2. Helpers
    -------------------------------------------------------------------------------- */

    *, *::before, *::after {
      box-sizing: border-box;
    }

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

    .clearfix { zoom: 1; }



/*  3. base
    -------------------------------------------------------------------------------- */

    body {
        width: 100%;
        min-width: 320px;
        font-family: 'tuityperegular', Arial, helvetica, sans-serif;
        font-size: 18px;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        background-color: #4d4d51;
        position: relative;
    }

    header {
        width:100%;
        max-width: 1070px;
        background: #70cbf4;
        margin: 0 auto; 
        padding: 14px 0px 0px 50px;
    }

    .th_adminhome_section header {
        min-height: 85px;
    }

    nav {
        width: 80%;
        float: right;
    }

    .th_main_nav {
        width: 100%;
        text-align: right;
        padding-top: 18px;
    }

    .th_main_navitem {
        display: inline-block;
        vertical-align: middle;
    }

    .th_main_navlink {
        display: block;
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        padding: 18px 16px 32px;
    }

    .th_main_navitem--teach .th_main_navlink {
        padding: 12px 16px 18px;
    }

    .th_main_navitem--home .th_main_navlink {
        width: 50px;
        height: 57px;
        padding: 0;
        background: url('../img/home.png') no-repeat 0 0;
        background: url('../img/home.svg') no-repeat 0 0;
        background-size: 42px;
        text-indent: -9999px;
    }

    .th_main_navitem--home .th_main_navlink:hover {
        background: url('../img/home_rollover.png') no-repeat 0 0;
        background: url('../img/home_rollover.svg') no-repeat 0 0;
        background-size: 42px;
    }

    .th_main_navitem--home .th_main_navlink.active {
        background: url('../img/home_rollover.png') no-repeat 0 0;
        background: url('../img/home_rollover.svg') no-repeat 0 0;
        background-size: 42px;
    }

    .th_mobile_navitem--home {
        display: none;
    }

    .th_main_navlink:hover {
        background: #70aede;
    }

    .th_main_navlink.active {
        background: #70aede;
    }

    footer {
        width:100%;
        max-width: 1070px;
        margin: 0 auto; 
        background: url("../img/footer_shadow.png") repeat-x 0 0 #70cbf4;
        position: relative;
        z-index: 2;
    }

    .th_socialmedia-cont {
        width: auto;
        float: left;
        padding: 2% 1% 0 3%;
    }

    .th_socialmedia-text-list {
        color: #ffffff;
        font-size: 16px;
        display: inline;
        padding-right: 10px;
    }

    .th_socialmedia-text {
        color: #ffffff;
        font-size: 16px;
        padding-top: 2px;
    }

    .th_socialmedia-anchor {
        color: #1D2D5C;
    }

    .th_socialmedia_list {
        width: auto;
        margin: 0;
        padding: 0;
        display: inline;
    }

    .th_socialmedia_listitem {
        display: inline-block;
    }

    .th_socialmedia_listanchor {
        width: 25px;
        height: 25px;
        display: block;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 24px;
        text-indent: -9999px;
    }

    .th_socialmedia--facebook {
        background-image: url("../img/facebook-logo.png");
    }

    .th_socialmedia--twitter {
        background-image: url("../img/twitter-logo.png");
    }
    
    .th_socialmedia--youtube {
        background-image: url("../img/youtube-logo.png");
    }

    .th_copyright {
        float: right;
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 18px;
        padding-top: 6%;
        padding-right: 2%;
    }

    .th_tui_logo {
        width: 75px;
        height: auto;
        display: block;
        float: right;
        position: relative;
        z-index: 1;
    }


/*  4. Typography
    -------------------------------------------------------------------------------- */

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

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

    @font-face {
        font-family: 'handwritten';
        src:url('../fonts/Handwritten-Crystal-v2.ttf.woff') format('woff'),
            url('../fonts/Handwritten-Crystal-v2.ttf.svg#Handwritten-Crystal-v2') format('svg'),
            url('../fonts/Handwritten-Crystal-v2.ttf.eot'),
            url('../fonts/Handwritten-Crystal-v2.ttf.eot?#iefix') format('embedded-opentype'); 
            font-weight: normal;
            font-style: normal;
    }

    h1 {
        margin: 0;
    }

    .th_logo_h1 {
        width: 20%;
        max-width: 225px;
        float: left;
    }

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

    .th_main_logo_admin {
        width: 26%;
        height: auto;
        display: block;
    }

    h2 {
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 34px;
        color: #ffffff;
        line-height: 36px;
        padding-bottom: 22px;
    }

    .th_row_cont--white h2 {
        color: #565656;
    }

    .th_row_cont--lightblue h2 {
        color: #ffffff;
    }


    .th_text_cont--h2 {
        width: 100%;
        background: url("../img/contact-title.png") no-repeat 0 0;
        background-size: 50%;
        text-indent: -9999px;
        margin-bottom: 20px;
    }

    .th_text_cont--parentsh2 {
        padding-bottom: 35px;
    }

    .th_better-header {
        width: 100%;
        max-width: 250px;
        height: auto;
        visibility: hidden;
    }

    p {
        font-family: 'tuityperegular', helvetica, sans-serif;
        color: #ffffff;
        line-height: 20px;
    }

    .th_row_cont--white p {
        color: #565656;
    }

    .th_row_cont--lightblue p {
        color: #ffffff;
    }

    .th_text_cont--contact p {
        font-size: 22px;
        line-height: 26px;
    }

    .th_text_cont--span {
        font-weight: 700;
    }

    .th_form_termsC {
        font-size: 14px;
    }

    .th_form_termsC a{
        color: #565656;
        font-size: 14px;
    }

    .th_form_termsC-title {
        font-size: 14px;
        font-weight: 700;
    }

    a {
        text-decoration: none;
        line-height: 18px;
    }

    a:hover {}

    .th_text_cont--contactAnc {
        color: #ffffff;
    }

    .th_text_cont--contactAnc:hover {
        text-decoration: underline;
    }

/*  5. Structure
    -------------------------------------------------------------------------------- */

    .th_main_container {
        width:100%;
        position: relative;
        max-width: 1070px;
        margin: 0 auto;
    }

    .th_download_files {
        width: 182px;
        height: 65px;
        display: block;
        position: fixed;
        right: -112px;
        top: 40%;
        z-index: 6;
    }

    .th_download_files_anc {
        width: 65px;
        height: 65px;
        background: url("../img/download-sitewide.png") no-repeat 0 0;
        background-size: 100%;
        text-indent: -9999px;
        display: block;
        float: left;
        margin-right: 2px;
    }

    .th_download_files_link {
        background: url("../img/white-arrow.png") no-repeat 86px 37px #70caf3;
        background-size: 10px;
        color: #ffffff;
        font-size: 18px;
        line-height: 18px;
        font-family: 'tuityperegular', helvetica, sans-serif;
        float: left;
        padding: 16px 29px 13px 15px;
    }

    .th_media_cont {
        width: 100%;
        margin:0;
        padding: 0;
        position: relative;
        border-bottom: 2px solid #ffffff;
        overflow: hidden;
        line-height: 0px;
    }

    .th_row_cont {
        width: 100%;
        position: relative;
        margin:0;
        padding: 0;
        border-bottom: 2px solid #ffffff;
        line-height: 0px;
    }

    .th_row_cont--nobord {
        border-bottom: 0px solid #ffffff;
    }

    .th_row_cont--white {
        background: #ffffff;
    }
    
    .th_row_cont--lightblue {
        background: #70cbf4;
    }

    .th_row_cont--purple {
        background: #865280;
    }

    .th_row_cont--green {
        background: #39c678;
    }

    .th_row_cont--blue {
        background: #70caf3;
    }

    .th_row_cont--red {
        background: #ff5042;
    }

    .th_row_cont--darkblue {
        background: #0072bc;
    }

    .th_row_cont--midblue {
        background: #36b8f3;
    }

    .th_row_cont--orange {
        background: #ff9039;
    }

    .th_row_cont--turq {
        background: #00cebd;
    }


/*  6. Element styles
    -------------------------------------------------------------------------------- */

    .th_video-thumb {
        width: 100%;
        height: auto;
    }

    .th_media_cont video {
      width: 100%    !important;
      height: auto   !important;
      max-height: 602px   !important;
      cursor: pointer;
      object-fit: cover;
    }

    .th_text_cont {
        width: 50%;
        float: left;
        line-height: 18px;
    }

    .th_text_cont--full {
        width: 100%;
    }

    .th_text_cont--teachers {
        font-size: 22px;
        line-height: 26px;
        display: block;
        padding: 5%;
    }

    .th_kids_section .th_text_cont {
        display: block;
        padding: 5% 10% 5% 5%;
    }

    .th_text_cont--parents {
        display: block;
        padding: 8% 9% 10% 5%;
    }

    .th_text_cont--parentsp {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    .th_text_cont--parentsHeader {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    .th_text_cont--contact {
        height: 100%;
        background: url("../img/contact-row1-img2.png") no-repeat 0 0;
        background-size: 95%;
        padding: 7% 10% 10% 5%;
        display: block;
    }

    .th_text_cont-inner {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 10% 20%;
    }

    .th_text_cont-inner--p {
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 22px;
        line-height: 26px;
    }

    .th_text_cont--list {
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 18px;
        line-height: 20px;
        list-style: disc;
        list-style: inside;
        padding:0;
        margin:0;
    }

    .th_text_cont--list li {
        margin-left: 24px;
    }

    .th_home_section .th_text_cont-inner {
        width: 60%;
        margin: 0 auto;
        padding: 10% 0;
    }

    .th_text_cont--vertUppSmall .th_text_cont-inner {
        padding: 15% 0;
    }

    .th_form_section .th_text_cont-inner {
        width: 60%;
        min-height: 40vh;
        margin: 0 auto;
        padding: 10% 0;
    }

    .th_text_cont--vertUpp {
        display: table;
        height: 391px;
        padding: 0 6%;
    }
    .th_text_cont--vertUppSmall {
        display: table;
        height: 391px;
        padding: 0 6%;
    }

    .th_text_cont--vert {
        opacity: 0;
    }

    .th_quote_holder  {
        opacity: 0;
    }

    .textAnimationFadeScroll .th_text_cont--vert {
        opacity: 1;
        -webkit-animation: fadein 1.1s; 
           -moz-animation: fadein 1.1s; 
            -ms-animation: fadein 1.1s; 
             -o-animation: fadein 1.1s; 
                animation: fadein 1.1s;
    }

    .textAnimationFadeScroll .th_quote_holder {
        opacity: 1;
        -webkit-animation: fadeinfinal 1.1s; 
           -moz-animation: fadeinfinal 1.1s; 
            -ms-animation: fadeinfinal 1.1s; 
             -o-animation: fadeinfinal 1.1s; 
                animation: fadeinfinal 1.1s;
    }

    @-webkit-keyframes fadein {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 10%; 
        }
    }
    @-moz-keyframes fadein {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 10%; 
        }
    }
    @-o-keyframes fadein {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 10%; 
        }
    }

    @keyframes fadein {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 10%; 
        }
    }

    @-webkit-keyframes fadeinfinal {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 0%; 
        }
    }
    @-moz-keyframes fadeinfinal {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 0%; 
        }
    }
    @-o-keyframes fadeinfinal {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 0%; 
        }
    }

    @keyframes fadeinfinal {
        0% { 
            opacity: 0;
            padding-top: 50%;
         }
        100%   { 
            opacity: 1;
            padding-top: 0%; 
        }
    }

    .th_text_cont--vert {
        display:table-cell;
        vertical-align:middle;   
    }

    .th_text_inner--title {
        padding: 3% 11% 0;
    }

    .th_text_inner--teach {
        padding: 4% 14% 6% 23%;
    }

    .th_text_inner--teach p {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 0px;
    }

    .th_text_inner--teachintro {
        padding: 5% 11%;
    }

    .th_text_inner--teachintro p {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 14px;
    }

    .th_text_inner--kids {
        display: block;
        padding-bottom: 10px;
    }

    .th_text_inner--kids span {
        color: #8f0d1f;
        font-weight: 600;
        text-transform: uppercase;
    }

    .th_img_cont {
        width: 50%;
        float: left;
        overflow: hidden;
        position: relative;
    }

    .th_row-img {
        width: 100%;
        height: auto;
    }

    .th_row-img--polaroid {
        width: 95%;
        height: auto;
        margin-top: 4%;
    }

    .th_row-img--polaroid2 {
        width: 95%;
        height: auto;
        margin-top: 18%;
    }

    .th_banner-img {
        width: 100%;
        height: auto;
    }

    .th_banner-img--sloth {
        width: 32%;
        height: auto;
        position: absolute;
        bottom: -23%;
        left: 5%;
        z-index: 1;
    }

    .th-pin-fixed {
        width: 29%;
        max-width: 399px;
        position: absolute;
        bottom: -50%;
        left: 9%;
        z-index: 2;
        /*-webkit-animation:  pin-bounce 2s forwards;
        -moz-animation:  pin-bounce 2s forwards;*/
    }

    @-webkit-keyframes pin-bounce {
      0%{bottom: -15%}
      10%{bottom: -35%}
      15%{bottom: -52%}
      20%{bottom: -38%}
      25%{bottom: -52%}
      30%{bottom: -42%}
      35%{bottom: -51%}
      40%{bottom: -46%}
      45%{bottom: -50%}
      100%{bottom: -50%}
    }

    @-moz-keyframes pin-bounce {
      0%{bottom: -15%}
      10%{bottom: -35%}
      15%{bottom: -52%}
      20%{bottom: -38%}
      25%{bottom: -52%}
      30%{bottom: -42%}
      35%{bottom: -51%}
      40%{bottom: -46%}
      45%{bottom: -50%}
      100%{bottom: -50%}
    }

    .th_quote_bubble {
        width: 35%;
        height: 100%;
        position: absolute;
        top: 4%;
        right: 5%;
        background: url("../img/quote-bubble.png") no-repeat 0 0;
        background-size: 94%;
    }

    .th_quote_bubble-inner {
        width: 100%;
        position: absolute;
        top: 14%;
        padding: 0 20% 0% 15%;
    }

    .th_quote_text {
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 22px;
        line-height: 26px;
        text-align: center;
        padding-bottom: 2%;
        color: #ffffff !important;
    }

    .th_quote_author {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        padding: 10px 10px;
        color: #ffffff !important;
    }

    .th_quote_holder {
        width: 50%;
        height: auto;
        position: absolute;
        top: 15%;
        right: 5%;
    }

    .th_kids_section .th_quote_holder {
        opacity: 1;
        top: 24%;
    }

    .th_quote_holder-inner {
        width: 100%;
        position: absolute;
        top: 30%;
        padding: 0 15%;
    }

    .th_quote_holder--h2 {
        color: #092a5e;
        font-family: 'tuityperegular', helvetica, sans-serif;
    }

    .th_quote_holder-text {
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 22px;
        line-height: 24px;
    }

    .th_kidsHeader .th_quote_holder-text {
        padding-bottom: 18px;
    }

    .th_cta_download {
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 22px;
        text-decoration: none;
        display: inline-block;
        padding: 12px 30px 15px 11px;
        margin: 30px 0 0 0;
        background:#092a5e;
        background: linear-gradient(to right, #092a5e 50%, #ffffff 50%);
        background-size: 200% 100%;
        background-position:left bottom;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
        position: relative;
        border-radius: 5px;
    }
    
    .th_cta_download-icon {
        width: 10px;
        height: 14px;
        background-image: url("../img/cta-arrow.png");
        background-position: 0 0;
        background-repeat:  no-repeat;
        position: absolute;
        top: 35%;
        right: 12px;
    }

    .th_cta_download:hover {
        background-position:right bottom;
        color: #092a5e;
    }

    .th_cta_download:hover .th_cta_download-icon {
        background-image: url("../img/cta-arrow-hover.png");
    }


    .th_cta_box {
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 22px;
        text-decoration: none;
        display: inline-block;
        padding: 6px 38px 8px 11px;
        margin: 25px 0 0 0;
        position: relative;
        overflow: hidden;
        background:#092a5e;
        background: linear-gradient(to right, #092a5e 50%, #ffffff 50%);
        background-size: 200% 100%;
        background-position:left bottom;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
        position: relative;
        border-radius: 5px;
    }

    .th_cta_box_lessons {
        font-size: 18px;
    }

    .th_cta_box:hover {
        background-position:right bottom;
        color: #092a5e;
    }

    .th_cta_box:hover .th_cta_download-icon {
        background-image: url("../img/cta-arrow-hover.png");
    }


    .th_explore-links {
        width: 80%;
        margin: 40px auto 0px;
        padding-bottom: 70px;
    }

    .th_explore-linkitem {
        width: 30%;
        float: left;
        margin-right: 2.5%;
    }

    .th_explore-tile-img {
        width: 75%;
        height: auto;
        display: block;
        margin: 0 auto 7%; 
    }

    .th_explore-tile-text {
        width: 85%;
        height: auto;
        display: block;
        margin: 0 auto; 
    }

    /*** Kids page ***/

    .th_character-grid {
        width: 100%;
        position: relative;
        line-height: 0px;
    }

    .th_character-griditem {
        width: 33.333333333333%;
        float: left;
        position: relative;
    }

    .th_character-gridanchor {
        width: 100%;
        position: relative;
        display: block;
        line-height: 0px;
        z-index: 4;
    }

    .th_character-gridanchor--you {
        width: 100%;
        cursor: default;
        position: relative;
        display: block;
        line-height: 0px;
        z-index: 4;
    }

    .th_char_overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        display: none;
        line-height: 0px;
        top: 0;
        left: 0;
        z-index: 5;
        padding: 10% 5% 5%;
    }

    .th_close-overlaybtn {
        background: url('../img/close-btn.png') no-repeat center right;
        background-size: 30px;
        color: #ffffff;
        padding: 10px 40px 10px 10px;
        display: inline-block;
        position: absolute;
        top: 3%;
        right: 3%;
    }

    
    .th_char_overlayMax {
        background: #ff770e;
    }
    
    .th_char_overlayMia {
        background: #d35483; 
    }
    
    .th_char_overlayChand {
        background: #ff5042;
    }

    .th_char_overlayPoppy {
        background: #ca301a;
    }

    .th_char_overlayMiles {
        background: #00cebd; 
    }

    .th_char_thumbcont {
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
    }

    .th_character-griditem--pink .th_char_thumbcont {
        background: #d45583;
    }
    
    .th_character-griditem--turq .th_char_thumbcont {
        background: #00cebd;  
    }
    
    .th_character-griditem--orange .th_char_thumbcont {
        background: #ff770e;
    }

    .th_character-griditem--purple .th_char_thumbcont {
        background: #865280;
    }

    .th_character-griditem--green .th_char_thumbcont {
        background: #39c778;
    }

    .th_character-griditem--red .th_char_thumbcont {
        background: #ff5042;
    }

    .th_character-griditem--yellow .th_char_thumbcont {
        background: #f4e620;
    }

    .th_character-griditem--darkred .th_char_thumbcont {
        background: #ca301a;
    }

    .th_char_thumb {
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
        z-index: 3;

        -webkit-transition-property: top;
        -webkit-transition-duration: .35s;
        -webkit-transition-timing-function: linear;
        -webkit-transition-delay: 0s;

        -moz-transition-property: top;
        -moz-transition-duration: .35s;
        -moz-transition-timing-function: linear;
        -moz-transition-delay: 0s;

        -o-transition-property: top;
        -o-transition-duration: .35s;
        -o-transition-timing-function: linear;
        -o-transition-delay: 0s;

        transition-property: top;
        transition-duration: .35s;
        transition-timing-function: linear;
        transition-delay: 0s;
    }

    .th_character-gridanchor:hover .th_char_thumb {
        top: -96px;
    }
    
    .th_character-gridanchor--you:hover .th_char_thumb {
        top: -96px;
    }

    .th_character-griditem--pink .th_char_info  {
        background: #d44176;
    }

    .th_character-griditem--turq .th_char_info {
        background: #03baab;  
    }
    
    .th_character-griditem--orange .th_char_info {
        background: #df670a;
    }

    .th_character-griditem--purple .th_char_info {
        background: #6b4467;
    }
    
    .th_character-griditem--green .th_char_info {
        background: #37b46e;
    }
    
    .th_character-griditem--red .th_char_info {
        background: #dd4538;
    }

    .th_character-griditem--yellow .th_char_info {
        background: #e0d320;
    }

    .th_character-griditem--darkred .th_char_info {
        background: #ad2916;
    }

    .th_char_info {
        width: 100%;
        position: absolute;
       z-index: 2;
        bottom: 0px;
        left:0px;
        display: block;
        padding: 16px 30px;
    }

    .th_char_info--p--handwritten {
        font-family: 'handwritten';
        font-size: 25px;
    }

    .th_char_info--p {
        padding-top: 5%;
        padding-bottom: 2%;
        line-height: 1.38em;
    }

    .th_mask_face-img {
        width: 56%;
        height: auto;
        position: absolute;
        top: 8%;
        left: 24%;
    }


    /*** Teachers page ***/

    .th_resource_banner_cta {
        width: 30%;
        max-width: 350px;
        background: url("../img/download-folder.png") no-repeat 0 0;
        background-size: 90%;
        text-indent: -9999px;
        position: absolute;
        bottom: 0;
        right: 6%;
        padding: 11% 19%;
        display: block;
    }

    .th_resource_banner_cta:hover {
        background: url("../img/download-folder-hover.png") no-repeat 0 0;
        background-size: 90%;
    }

    .th_question-popup {
        width: 88%;
        max-width: 380px;
        display: none;
        position: absolute;
        z-index: 8;
        top:10%;
    }

    .th_question-pop-inner {
        background: #ff5042;
        padding: 30px 30px 30px 50px;
    }

    .th_question-pop--arrow {
        width: 100%;
        height: 43px;
        background: url("../img/question_bg_arrow.png") no-repeat top center;
        background-size: 40%;
    }

    .th_quest-close {
        width: 30px;
        height: 30px;
        background: url("../img/quest-close-btn.png") no-repeat 0 0;
        text-indent: -9999px;
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .th_quest-popup--title {
        width: 222px;
        height: 91px;
        background: url("../img/quest_title.png") no-repeat 0 0;
        background-size: 85%;
        text-indent: -9999px;
    }

    .th_quest-popup--p {
        width: 100%;
        max-width: 230px;
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 30px;
    }

    /*** Form page ***/

    .th_form-cont {
        width:100%;
        padding: 30px;
    }

    .th_form_section .th_form-cont {
        width: 50%;
    }

    .th_form-explain {
        padding: 30px;
    }

    .th_form {
        width: 100%;
    }

    .th_form-element {
        width: 100%;
        position: relative;
        padding: 10px 0;
    }

    .th_form--p {
        width: 100%;
        color: #565656;
        font-family: 'Trebuchet MS', helvetica, sans-serif;
        float: left;
        margin-bottom: 6px;
    }

    .th_form label, 
    .th_form input[type="checkbox"] + label,
    .th_form input[type="radio"] + label {
        font-family: 'Trebuchet MS', helvetica, sans-serif;
        color: #565656;
    }

    .th_form-element--how label, 
    .th_form-element--how input[type="checkbox"] + label,
    .th_form-element--how input[type="radio"] + label {
        font-family: 'Trebuchet MS', helvetica, sans-serif;
        color: #565656;
        padding-left: 25px;
    }

    .th_form-element label {
        width: 100%;
        float: left;
        display: block;
    }

    .th_row_cont--white .th_form-validation {
        width: 100%;
        float: left;
        color: #ff5042;
        font-family: 'tuityperegular', helvetica, sans-serif;
        margin: 4px 0;
    }

    .th_checkbox-form {
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
    }

    .th_form input[type="text"],
    .th_form--login input[type="text"],
    .th_form--login input[type="password"]{
        height: 30px;
        color: #565656;
        font-family: 'Trebuchet MS', helvetica, sans-serif;
        font-size: 16px;
    }

    .th_form input[type="text"] {
        width: 80%;
        float: left;
        display: block;
    }

    .th_form input[type="checkbox"] {
        display:none;
    }

    .th_form input[type="checkbox"] + label span {
        display:inline-block;
        width:19px;
        height:19px;
        margin:-1px 4px 5px 0;
        vertical-align:middle;
        background:url('../img/check_radio_sheet.png') left top no-repeat;
        cursor:pointer;
    }

    .th_form input[type="checkbox"]:checked + label span {
        background:url('../img/check_radio_sheet.png') -19px top no-repeat;
    }

    .th_form input[type="radio"] {
        display:none;
    }

    .th_form input[type="radio"] + label span {
        display:inline-block;
        width:19px;
        height:19px;
        margin:-1px 4px 5px 0;
        margin-left: -25px;
        vertical-align:middle;
        background:url('../img/check_radio_sheet.png') left top no-repeat;
        cursor:pointer;
    }

    .th_form input[type="radio"]:checked + label span {
        background:url('../img/check_radio_sheet.png') -19px top no-repeat;
    }

    .th_label-link {
        color: #70cbf4;
        text-decoration: underline;
    }

    .th_form select {
        width: 80%;
        height: 30px;
        background:url('../img/arrow-select.png') top right no-repeat;
        color: #565656;
        font-size: 16px;
        font-family: 'tuityperegular', helvetica, sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        padding-left: 4px;
        padding-right: 42px;
    }

    .th_checkbox-cont {
        width: 50%;
        float: left;
        padding-bottom: 6px;
    }

    .th_checkbox-cont--full {
        width: 100%;
        float: left;
    }

    .tm_quest-submit {
        background: #70cbf4;
        color: #ffffff;
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        border: 0px none;
        padding: 10px 15px;
        margin: 20px 0 10px;
        cursor: pointer;
    }


    .th_form_section .th_text_cont-inner--p {
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 16px;
        line-height: 22px;
    }

    .th_form_section .th_text_cont-inner--a {
        color: #565656;
        font-family: 'tuityperegular', helvetica, sans-serif;
        font-size: 16px;
        line-height: 22px;
        text-decoration: underline;
    }

    #pdfDownload {
        visibility: hidden;
    }

    /*** table cont ****/

    .th_table_cont {
        min-height: 80vh;
        background: #ffffff;
        padding: 20px;
        position: relative;
    }

    #teacherData {
        width: 1030px;
        padding-top: 60px;
        display: block;
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 14px;
        word-wrap: break-word;
    }

    #teacherData tbody { 
        width: 100%;
    }

    #teacherData th {
        padding: 15px 2px;
        text-align: left;
        border: 1px solid #000000;
    }

    #teacherData td {
        padding: 5px 2px;
        text-align: left;
        border: 1px solid #000000;
        word-wrap: break-word;
    }

    .th_download_CSV {
        background: #092a5e;
        color: #ffffff;
        padding: 10px;
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    /**** Login panel ***/

    .th_login-panel {
        width: 50%;
        margin: 20px auto;
    }

    .th_login-panel h2 {
        color: #565656;
    }

    .admin-link {
        float: right;
        padding-right: 30px;
        padding-top: 18px;
        color: #fff;
        text-decoration: underline;
    }

    /*** Competition page fixes ****/

    .th_comp-intro {
        width: 35%;
        position: absolute;
        top: 21%;
        right: 5%;
        z-index: 10;
    }

    .th_comp-intro-title {
        width: 350px;
        height: 97px;
        background: url("../img/comp-intro-title.png") no-repeat 0 0;
        background-size: 350px;
    }

    .th_comp-intro-text {
        padding-bottom: 10px;
    }

    .th_comp-task {
        width: 35%;
        position: absolute;
        top: 21%;
        left: 5%;
        z-index: 10;
    }

    .th_comp-task-title {
        color: #475059;
        font-size: 34px;
        padding-bottom: 24px;
    }

    .th_comp-task-text {
        color: #475059;
        font-size: 23px;
        line-height: 1.2em;
    }

    .th_row-judge-title {
        width: 100%;
        font-size: 32px;
        text-align: center;
        padding-top: 5%;
    }

    .th_row-judge-subtitle {
        width: 100%;
        text-align: center;
        padding-top: 1%;
    }

    .th_comp-enter {
        width: 30%;
        position: absolute;
        top: 20%;
        left: 8%;
        z-index: 10;
    }

    .th_comp-enter-title {
        width: 100%;
        font-size: 32px;
        padding-top: 0%;
        padding-bottom: 5%;
    }

    .th_comp-enter-text {
        line-height: 1.3em;
    }

    .th_comp-enter-anchor {
        color: #ffffff;
        font-weight: bold;
        text-decoration: underline;
    }


/*  7. Media queries
    -------------------------------------------------------------------------------- */

    /* anything 0 to 545px specific styles */
    @media all and (min-width: 0em) and (max-width: 32.75em){

        /*** Global changes ***/

        h2 {
            font-size: 22px;
            line-height: 24px;
            padding-bottom: 8px;
        }

        p {
            font-size: 16px;
        }

        .th_cta_download {
            font-size: 16px;
            padding: 6px 27px 6px 8px;
            margin: 8px 0 0 0;
        }

        .th_socialmedia-cont {

        }

        .th_socialmedia_list {
            width: auto;
            float: none;
            margin: 0 auto;
            padding-top: 30px;
            padding-left: 0%;
            padding-right: 1%;
        }

        .th_copyright {
            width: 100%;
            float: none;
            color: #ffffff;
            font-family: 'tuityperegular', helvetica, sans-serif;
            font-size: 18px;
            text-align: center;
            padding-top: 4.2%;
        }

        .th_tui_logo {
            float: none;
            margin: 20px auto;
        }

        .th_main_navitem--home {
            display: none;
        }

        .th_mobile_navitem--home {
            width: 50px;
            height: 57px;
            padding: 0;
            display: block;
            position: absolute;
            top: 16px;
            right: 10px;
            background: url('../img/home.png') no-repeat 0 0;
            background: url('../img/home.svg') no-repeat 0 0;
            background-size: 42px;
            text-indent: -9999px;
        }

        .th_mobile_navitem--home:hover {
            background: url('../img/home_rollover.png') no-repeat 0 0;
            background: url('../img/home_rollover.svg') no-repeat 0 0;
            background-size: 42px;
        }

        .th_mobile_navitem--home.active{
            background: url('../img/home_rollover.png') no-repeat 0 0;
            background: url('../img/home_rollover.svg') no-repeat 0 0;
            background-size: 42px;
        }

        header {
            padding: 14px 0px 0px 00px;
        }

        .th_logo_h1 {
            width: 50%;
        }

        nav {
            width: 100%;
            float: left;
        }

        .th_main_nav {
            text-align: left;
        }

        .th_main_navitem--teach .th_main_navlink,
        .th_main_navlink {
            font-size: 15px;
            padding: 12px 10px 18px;
        }

        /*** Home fixes ***/

        .th_img_cont,
        .th_text_cont
         {
            width: 100%;
        }

        .th_text_cont--vertUpp {
            display: block;
        }

        .th_text_cont--vert{
            display: block;
        }

        .th_text_cont-inner--p {
            font-size: 18px;
            line-height: 24px;
        }

        .th_banner_img_cont {
            width: 100%;
            position: relative;
        }

        .th-pin-fixed {
            width: 64%;
            position: relative;
            left: 14%;
            bottom: auto;
            margin: 30px auto;
            float: left;
        }

        .th_quote_bubble {
            width: 320px;
            height: 355px;
            background-size: 100%;
            position: relative;
            top: 0;
            right: 0;
            margin: 30px auto;
        }

        .th_quote_bubble-inner {
            top: 16%;
        }

        .th_quote_text {
            font-size: 21px;
            line-height: 26px;
            text-align: center;
            color: #ffffff !important;
        }

        .th_quote_author {
            font-size: 15px;
            line-height: 19px;
            color: #ffffff !important;
        }

        .th_quote_holder {
            width: 100%;
            position: relative;
            top: 5%;
            right: 0;
        }

        .th_quote_holder {
            background: #6fc9f3;
        }

        .th_quote_holder-inner {
            width: 100%;
            position: relative;
            top: auto;
            padding: 10%;
        }

        .th_text_cont--vert {
            opacity: 1;
        }

        .th_quote_holder  {
            opacity: 1;
        }

        /*** teacher page ***/

        .th_text_inner--teachintro {
            padding: 14% 10% 14% 10%;
        }

        .th_row-img--polaroid {
            width: 100%;
            height: auto;
        }
        .th_row-img--polaroid2 {
            width: 100%;
            height: auto;
        }

        .th_text_inner--teachintro p {
            font-size: 22px;
            line-height: 26px;
            padding-bottom: 14px;
        }

        .th_resource_banner_cta {
            padding: 9% 19%;
        }

        .th_text_inner--teach {
            padding: 10%;
        }

        .th_checkbox-cont {
            width: 100%;
        }

        /**** Kids specific ****/

        .th_character-griditem {
            width: 100%;
        }

        .th_close-overlaybtn {
            top: 10px;
        }

        .th_char_overlay {
            height: auto;
        }

        /**** parents specific ****/

        .th_text_cont--parents {
            max-width: 390px;
            margin: 0 auto;
            float: none;
        }

        .th-pin-fixed--parents {
            top: 58%;
            right: 29%;
        }

        /*** form specific ***/

        .th_form_section .th_form-cont {
            width: 100%;
        }

        .th_form-explain {
            width: 100%;
        }

        /*** Competition page fixes ****/

        .th_comp-intro {
            width: 90%;
            position: relative;
            top: auto;
            right: auto;
            padding: 5%;
        }

        .th_comp-intro-title {
            width: 250px;
            height: 97px;
            background: url("../img/comp-intro-title.png") no-repeat 0 0;
            background-size: 250px;
        }


        .th_comp-task {
            width: 100%;
            background: #70aede;
            position: relative;
            top: auto;
            left: auto;
            z-index: 10;
        }

        .th_comp-task-title {
            color: #475059;
            font-size: 34px;
            padding-bottom: 24px;
            padding: 5%;
        }

        .th_comp-task-text {
            color: #475059;
            font-size: 23px;
            line-height: 1.2em;
            padding: 5%;
        }

        .th_row-judge-title {
            width: 100%;
            font-size: 32px;
            text-align: center;
            padding-top: 5%;
        }

        .th_row-judge-subtitle {
            width: 100%;
            text-align: center;
            padding-top: 1%;
        }

        .th_comp-enter {
            width: 30%;
            position: absolute;
            top: 20%;
            left: 8%;
            z-index: 10;
        }

        .th_comp-enter-title {
            width: 100%;
            font-size: 32px;
            padding-top: 5%;
            padding-bottom: 5%;
        }

        .th_comp-enter-text {
            line-height: 1.3em;
        }

        .th_comp-enter-anchor {
            color: #ffffff;
            font-weight: bold;
            text-decoration: underline;
        }

        .th_banner-img--comp3 {
            display: none;
        }


        .th_explore-linkitem {
            width: 100%;
            margin-bottom: 20px;
        }

        .th_comp-enter {
            width: 100%;
            position: relative;
            top: auto;
            left: auto;
            z-index: 10;
        }

        .th_comp-enter-title {
            width: 100%;
            font-size: 32px;
            padding: 5%;
        }

        .th_comp-enter-text {
            padding: 5% 5% 10% 5%;
        }
        

    }

    /* anything 546px to 636px specific styles */
    @media all and (min-width: 32.76em) and (max-width: 39.75em){

        /*** Global changes ***/

        h2 {
            font-size: 20px;
            line-height: 24px;
            padding-bottom: 8px;
        }

        .th_cta_download {
            font-size: 16px;
            padding: 6px 27px 6px 8px;
            margin: 8px 0 0 0;
        }

        .th_main_navitem--home {
            display: none;
        }

        .th_mobile_navitem--home {
            width: 50px;
            height: 57px;
            padding: 0;
            display: block;
            position: absolute;
            top: 16px;
            right: 10px;
            background: url('../img/home.png') no-repeat 0 0;
            background: url('../img/home.svg') no-repeat 0 0;
            background-size: 42px;
            text-indent: -9999px;
        }

        .th_mobile_navitem--home:hover {
            background: url('../img/home_rollover.png') no-repeat 0 0;
            background: url('../img/home_rollover.svg') no-repeat 0 0;
            background-size: 42px;
        }

        .th_mobile_navitem--home.active {
            background: url('../img/home_rollover.png') no-repeat 0 0;
            background: url('../img/home_rollover.svg') no-repeat 0 0;
            background-size: 42px;
        }

        .th_main_nav {
            margin-top: 32px;
        }

        /*** homepage ***/

        .th_home_section .th_text_cont-inner {
            width: 80%;
            padding: 10% 0;
        }

        .th_text_cont-inner--p {
            font-size: 16px;
            line-height: 20px;
        }

        .th_quote_bubble-inner {
            top: 20%;
            padding: 0 10% 0% 10%;
        }

        .th_quote_text {
            font-size: 15px;
            line-height: 20px;
            color: #ffffff !important;
        }

        .th_quote_author {
            font-size: 12px;
            line-height: 16px;
            padding: 4px 10px;
            color: #ffffff !important;
        }

        .th_quote_holder {
            width: 50%;
            right: 0%;
            top: 10%;
        }

        .th_quote_holder-inner {
            padding: 0;
        }

        .th_quote_holder-text {
            font-size: 16px;
            line-height: 20px;
        }

        .th_text_cont--vert {
            opacity: 1;
        }

        .th_quote_holder  {
            opacity: 1;
        }

        /*** teacher resources ***/

        .th_text_inner--teachintro p {
            font-size: 16px;
            line-height: 20px;
        }

        .th_text_inner--teach {
            padding: 10% 14% 10% 14%;
        }

        .th_row-img--polaroid {
            width: 110%;
            height: auto;
            margin-top: 9%;
        }
        .th_row-img--polaroid2 {
            width: 110%;
            height: auto;
            margin-top: 15%;
        }

        /**** Kids specific ****/

        .th_character-griditem {
            width: 50%;
        }

        .th_kids_section .th_text_cont {
            display: block;
            padding: 3%;
        }

        .th_char_overlay {
            height: auto;
        }

        /*** form specific ***/

        .th_form_section .th_form-cont {
            width: 100%;
        }

        .th_form-explain {
            width: 100%;
        }
    }

    /* anything 636px to  770px specific styles */
    @media all and (min-width: 39.76em) and (max-width: 48.12em){

        /*** Global changes ***/

        h2 {
            font-size: 24px;
            line-height: 28px;
            padding-bottom: 8px;
        }

        .th_cta_download {
            font-size: 16px;
            padding: 6px 27px 6px 8px;
            margin: 8px 0 0 0;
        }

        /*** homepage ***/

        .th_text_cont-inner--p {
            font-size: 17px;
            line-height: 22px;
        }

        .th_home_section .th_text_cont-inner {
            width: 80%;
        }

        .th_quote_bubble-inner {
            padding: 0 15% 0% 10%;
        }

        .th_quote_holder {
            width: 43%;
            height: auto;
            position: absolute;
            top: 5%;
            right: 10%;
        }

        .th_quote_holder-inner {
            width: 100%;
            position: absolute;
            top: 30%;
            padding: 30px;
        }

        .th_quote_bubble-inner {
            top: 20%;
            padding: 0 10% 0% 10%;
        }

        .th_quote_text {
            font-size: 15px;
            line-height: 20px;
            color: #ffffff !important;
        }

        .th_quote_author {
            font-size: 12px;
            line-height: 16px;
            padding: 4px 10px;
            color: #ffffff !important;
        }

        .th_text_cont--vert {
            opacity: 1;
        }

        .th_quote_holder  {
            opacity: 1;
        }

        .th_quote_holder-text {
            font-size: 18px;
            line-height: 20px;
        }


        /*** teacher specific ***/

        .th_row-img--polaroid {
            width: 128%;
            height: auto;
        }

        .th_row-img--polaroid2 {
            width: 110%;
            height: auto;
            margin-top: 5%;
        }

        .th_text_cont--teachers {
            font-size: 16px;
            line-height: 20px;
        }



        /*** kids specific ***/

        .th_char_info {
            padding: 20px 15px;
        }

        .th_kids_section .th_text_cont {
            display: block;
            padding: 0 3%;
            margin-top: -20px;
        }

        .th_text_inner--kids {
            font-size: 14px;
            padding-bottom: 6px;
        }

        .th_cta_box {
            font-size: 14px;
        }

        /*** form specific ***/

        .th_form_section .th_form-cont {
            width: 100%;
        }

        .th_form-explain {
            width: 100%;
        }

        .th_form_termsC {
            width: 100%;
        }
        .th_form_termsC-title {
        width: 100%;
        }


        .th_comp-intro {
            width: 35%;
            position: absolute;
            top: 6%;
            right: 7%;
            z-index: 10;
        }

        .th_comp-intro-title {
            width: 250px;
            height: 65px;
            background: url(../img/comp-intro-title.png) no-repeat 0 0;
            background-size: 250px;
        }

        .th_comp-task {
            top: 16%;
        }

        .th_comp-task-text {
            font-size: 18px;
        }


    }

     /* anything 745px to 960px specific styles */
    @media all and (min-width: 46.56em) and (max-width: 60em){

        /*** kids specific ***/

        .th_kids_section .th_text_cont {
            display: block;
            padding: 0 3%;
            margin-top: 0px;
        }

        .th_row-img--polaroid {
            width: 111%;
            height: auto;
            margin-top: 26%;
        }

    }

    /* anything 770px to 960px specific styles */
    @media all and (min-width: 48.12em) and (max-width: 60em){

        /*** Global changes ***/

        h2 {
            font-size: 26px;
            line-height: 30px;
            padding-bottom: 10px;
        }

        .th_cta_download {
            font-size: 18px;
            margin: 14px 0 0 0;
        }

        /*** homepage specific ***/

        .th_quote_bubble-inner {
            top: 16%;
        }

        .th_quote_text {
            font-size: 22px;
            line-height: 26px;
            color: #ffffff !important;
        }

        .th_quote_author {
            font-size: 16px;
            line-height: 24px;
            padding: 5px 10px;
            color: #ffffff !important;
        }

        .th_quote_holder {
            width: 50%;
            top: 10%;
            right: 5%;
        }

        .th_quote_holder-inner {
            width: 100%;
            position: absolute;
            top: 30%;
            padding: 0 12%;
        }

        .th_quote_holder-text {
            max-width: 292px;
            font-size: 22px;
            line-height: 24px;
        }

        /*** teacher specific ***/

        .th_row-img--polaroid {
            width: 128%;
            height: auto;
            margin-top: 0%;
        }

        .th_row-img--polaroid2 {
            width: 111%;
            height: auto;
            margin-top: 21%;
        }

        /*** Competition page fixes ****/

        .th_comp-intro {
            width: 35%;
            position: absolute;
            top: 21%;
            right: 5%;
            z-index: 10;
        }

        .th_comp-intro-title {
            width: 350px;
            height: 97px;
            background: url("../img/comp-intro-title.png") no-repeat 0 0;
            background-size: 350px;
        }

        .th_comp-intro-text {
            padding-bottom: 10px;
        }

        .th_comp-task {
            width: 35%;
            position: absolute;
            top: 21%;
            left: 5%;
            z-index: 10;
        }


        .th_comp-task-text {
            color: #475059;
            font-size: 23px;
            line-height: 1.2em;
        }

        .th_row-judge-title {
            width: 100%;
            font-size: 32px;
            text-align: center;
            padding-top: 5%;
        }

        .th_row-judge-subtitle {
            width: 100%;
            text-align: center;
            padding-top: 1%;
        }

        .th_comp-enter {
            width: 30%;
            position: absolute;
            top: 20%;
            left: 8%;
            z-index: 10;
        }


    }



/*  8. Third party styles
    -------------------------------------------------------------------------------- */