@font-face {
    font-family: "DomaineDisplayWeb-Bold";
    src: url("../fonts/DomaineDisplayWeb-Bold.woff") format('woff');
}
.red {
    background-color: red;
}
.blue {
    background-color: blue;
}
.brand-purple {
    background-color: #7d3f98;
}
.text-purple {
    color: #7d3f98;
}
.button {
    font-weight: 600;
}
html,
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
h2, h3{
	font-family: 'Open Sans', sans-serif;
}
/*a {
    color: #7d3f98;
    text-decoration: underline;
}
a:hover,
a:focus,
a:active {
    color: #502861;
    text-decoration: none;
}*/		
.site-header {
    padding: 1em 1.5em;
}
.site-logo {
    width: 150px;
    padding-left: 1em;
}
.site-tag {
    color: #753b83;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 0.7em;
}		
@media only screen and (max-width: 640px) {
    .site-logo {
        padding: 1em 0;
        width: 100px;
    }
    .site-header {
        padding: 0;
    }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .site-logo {
        padding-bottom: 1em;
    }
}
.site-id {
    color: #7d3f98;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px;
}
.site-id-tag {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    padding: 0 2.4em;
}
@media only screen and (max-width: 640px) {
    .site-id-tag {
        font-size: 12px;
        position: absolute;
        margin: 0 auto;
        right: auto;
        display: block;
        width: 100%;
        text-align: center;
    }
}
.nav-container {
    overflow: visible;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-align: right;
    padding-top: 1em;
}
ul.nav {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: bottom;
}
.nav li {
    list-style-type: none;
    float: left;
    position: relative;
    margin: 0px;
}
.nav li:not(:last-child) {
    border-right: 1px solid #aeaeae;
}
.nav li a {
    padding: 0.9em;
    color: #3f3f3f;
    text-decoration: none;
    font-weight: 600;
}
.nav li a:hover,
.nav li a:focus {
    color: #7d3f98;
    text-decoration: underline;
}
.title-bar {
    justify-content: flex-end;
    background-color: #333333;
    -webkit-box-shadow: -1px 7px 14px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 7px 14px -6px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 7px 14px -6px rgba(0, 0, 0, 0.75);
}
.menu-icon {
    order: 1;
}
.nav-current-item {
    color: #7d3f98;
    text-decoration: none;
    padding: 0em 0.9em;
    font-weight: 600;
}
@media only screen and (max-width: 1040px) {
    ul.nav {
        margin: 0 auto;
    }
    .nav li {
        display: inline-block;
        float: none;
    }
}
@media only screen and (max-width: 640px) {
    ul.nav {
        display: block;
    }
    .nav li {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
    .nav li:not(:last-child) {
        border: none;
        border-bottom: 1px solid #cccccc;
    }
    .nav li a {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0.5em;
    }
    .nav-container {
        text-align: center;
        padding-top: 0em;
    }
    .nav-current-item {
        padding: 0.5em 0.9em;
    }
}
.feature {
    padding: 10em 0 11em 0;
    background: url('../img/feature-background.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
    min-height: 350px;
    background-color: #000000;
    position: relative;
}
.feature__one-on-one {
    background: url('../img/feature-schedule.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.feature__webinar {
    background: url('../img/feature-webinar.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.feature__quick-links {
    background: url('../img/feature-quick-links.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
    .feature > div:before {
        content: " ";
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
    }
}
.homepage-h1 {
    font-family: 'DomaineDisplayWeb-Bold', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 3.5em;
    line-height: 1em;
    position: relative;
}
.homepage-feature {
    padding: 6em 0;
    background: url('../img/feature-background.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
@media only screen and (max-width: 640px) {
    .homepage-h1 {
        font-size: 3em;
        line-height: 1em;
    }
}
.brand-button-purple {
    padding: 1em 2em;
    text-decoration: none;
    background-color: #7d3f98 !important;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}
.brand-button-fixed {
    width:200px;
    margin: 1em 0.5em;
}

a.brand-button-purple:hover,
a.brand-button-purple:focus,
a.brand-button-purple:active {
    background-color: #643279 !important;
}
.text-section-h3 {
    font-size: 1.2em;
    font-weight: 600;
    color: #454545;
    margin-top: 1em;
}
.agency-h1 {
    font-family: 'DomaineDisplayWeb-Bold', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 3.5em;
    line-height: 1em;
    position: relative;
}
.agency-feature {
    padding: 10em 0;
    /*background: url('../img/feature-background.jpg');*/
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
.agency-feature--background {
    padding: 10em 0;
    background: url('../img/agency-feature-background.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
@media only screen and (max-width: 640px) {
	.agency-feature--background {
    	background: url('../img/feature-background.jpg');
    }
}
@media only screen and (max-width: 640px) {
	.agency-feature {
    	padding: 5em 0;
    }
}
.agency-counterbar {
    position: relative;
    background-color: #000000;
    color: #ffffff;
    padding: 1em 0;
}
.agency-counterbar--link {
    color: #ffffff;
    padding: 0 1em;
    font-weight: 600;
    text-decoration: none;
}
.agency-counterbar--link:hover,
.agency-counterbar--link:focus {
    color: #ffffff;
    text-decoration: underline;
}
.agency-counterbar--tally {
    background-color: #a8074e;
    position: absolute;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.61);
}
.agency-counterbar--tally__top {
    font-size: 3em;
    font-weight: 700;
    background-color: #d20962;
    padding: 0 0.7em;
}
.agency-counterbar--tally__btm {
    font-weight: 700;
    font-size: 0.8em;
    background-color: #a8074e;
    padding: 0.5em 1em;
}
.agency-countdownclock {
    margin-top: 4em;
    margin-bottom: 2em;
    font-weight: 600;
}
.agency-video {
    margin: 2em 0 0 0;
    padding: 2em 4em 0 4em;
    text-align: center;
    min-height: 350px;
    background-color: #333333;
    position: relative;
}
@media only screen and (max-width: 640px) {
    .agency-video {
        padding: 0;
    }
}
.videoScript {
    display: none;
    padding: 2em;
    text-align: left;
    background-color: #ffffff;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -webkit-box-shadow: inset -2px -12px 21px -6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset -2px -12px 21px -6px rgba(0, 0, 0, 0.50);
    box-shadow: inset -2px -12px 21px -6px rgba(0, 0, 0, 0.50);
}
.videostart {
    display: block;
    z-index: 9999999999;
    text-indent: -2000px !important;
    overflow: hidden;
    height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.videostart:hover,
.videostart:focus {
    opacity: 0.9;
}
.videotint {
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    opacity: 0.7;
}
video {
    width: 100%;
}
.videoScript {
    display: none;
    padding: 2em;
    text-align: left;
    background-color: #ffffff;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -webkit-box-shadow: inset -2px -12px 21px -6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset -2px -12px 21px -6px rgba(0, 0, 0, 0.50);
    box-shadow: inset -2px -12px 21px -6px rgba(0, 0, 0, 0.50);
}
.videostart {
    display: block;
    z-index: 9999999999;
    text-indent: -2000px !important;
    overflow: hidden;
    height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.videostart:hover,
.videostart:focus {
    opacity: 0.9;
}
.videotint {
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    opacity: 0.7;
}
.video-transcript-button {
    color: #ffffff;
    font-size: 0.9em;
    background-color: #4d4d4d;
}
.video-transcript-button:hover,
.video-transcript-button:focus {
    color: #ffffff;
    font-size: 0.9em;
    background-color: #4d4d4d;
}
.agency-content-copy {
    margin-top: 4em;
}
.agency-content-copy--name {
    line-height: 1.2em;
    font-weight: 400;
    margin-top: 0;
    padding-top: 0;
}
.agency-content-copy--copy {
    margin-top: 0.5em;
}
.agency-content-copy--copy__section {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 0;
    color: #643279;
}
.agency-callout-one {
    padding: 2em;
    min-height: 300px;
    background-color: #333333;
    margin-top: 4em;
}
.agency-callout-one--copy {
    font-size: 1.2em;
    color: #C7C8CC;
    font-weight: 600;
}
.agency-callout-one--copy__highlight {
    color: #ffffff;
    text-decoration: underline;
}
.agency-contact-info {
    padding: 2em;
    min-height: 300px;
    background-color: #ebebeb;
    color: #000000;
}
.agency-contact-info--title {
    font-size: 2.4em;
    font-weight: 600;
    color: #3b3b3b;
}
.agency-contact-info--title__agencyname {
    font-weight: 600;
}
.agency-contact-info--title__agencydetails {}
/* Footer -----------------------------------*/
/*
.social ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.social li {
    float: left;
    list-style-type: none;
    margin-top: 0.3em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0;
}
.social li a:hover,
.social li a:focus {
    opacity: 0.5;
    -webkit-transition: opacity .25s ease-out, color .25s ease-out;
    transition: opacity .25s ease-out, color .25s ease-out;
}
footer {
    font-family: 'Open Sans', sans-serif;
    padding: 2em 0 1em 0;
    background-color: #3a3a3a;
    color: #f5f5f5;
    font-size: 15px !important;
}
footer a {
    color: #f5f5f5;
    font-size: 15px !important;
    text-decoration: underline;
}
footer a:hover {
    color: #ffffff;
    font-size: 15px !important;
    text-decoration: none;
}
.footer-nav-link {
    padding-right: 1em;
}
.language-assistance {
    margin-top: 2em;
}
.content-standard {
    margin-top: 4em;
}
.illustration--image {
    border-bottom: 10px solid #444444;
    margin-bottom: 2em;
}
.content-standard--subhead {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    color: #7d3f98;
    margin-bottom: 0.5em;
}*/






/* ---------- Meet the Agencies ---------- */
.meet-the-agencies-feature {
    padding: 12em 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
.meet-the-agencies-feature--background {
    padding: 12em 0;
    background: url('../img/meet-the-agencies-feature-background.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
@media only screen and (max-width: 640px) {
   .meet-the-agencies-feature--background{
        background: url('../img/feature-background.jpg');
        padding: 8em 0;
    }
}
.meet-the-agencies-countdownclock {
    background-color: #e5e5e5;
    padding: 1.2em 0; 
    margin-bottom: 2em;
    font-weight: 600;
}

.meet-the-agencies-intro{
    margin-top: 4em;
    margin-bottom: 1em;
}
.meet-the-agencies-intro--head{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.0em;
    color: #763b83;
}
.meet-the-agencies-intro--copy{

}

.agencies-list{
    margin:0em 1em 7em 1em;
}
.agencies-card{
    padding:0em;
}
.agencies-card-top{
    padding:1.5em 1.5em 1em 1.5em;
    background-color: #47234f;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;

    border: 1px solid rgba(0,0,0,0);
}
.agencies-card-btm{
    padding:1.5em;
    background-color: #763b83;
    position: relative;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}
.agencies-card-location{
    color:#ffffff;
    font-size: 0.8em;
}
.agencies-card-name{
    color:#ffffff;
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: 700;
}
.agencies-card-votes{
    margin-top: 4em;
    color:#ffffff;
    font-size: 0.8em;
    line-height: 1em;
    font-weight: 600;
}
.agencies-card-tally{
    color:#ffffff;
    font-size: 1.3em;
    line-height: 1em;
    font-weight: 700;
}
.agencies-card-cta{
    color:#ffffff;
    font-size: 1em;
    font-weight: 600;
    background-color: #763b83;

    -webkit-transition: all 200ms cubic-bezier(0.500, 0.250, 0.305, 1); /* older webkit */
    -webkit-transition: all 200ms cubic-bezier(0.500, 0.250, 0.305, 1.495); 
       -moz-transition: all 200ms cubic-bezier(0.500, 0.250, 0.305, 1.495); 
         -o-transition: all 200ms cubic-bezier(0.500, 0.250, 0.305, 1.495); 
            transition: all 200ms cubic-bezier(0.500, 0.250, 0.305, 1.495); /* custom */
}
.agencies-card-link{
    text-decoration: none;

    -webkit-box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 10px 3px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 10px 3px rgba(50, 50, 50, 0.3);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.agencies-card-icon-checkmark{
    width: 21px;
    height: 21px;
    background-image: url('../img/icon-checkmark-2.png');
    background-position: 0 0;
    display: inline-block;
    background-size: 42px 21px;
    background-repeat: no-repeat;
    position: relative;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    margin-right: 5px;
}

.agencies-list-sort-menu{
    /*margin:3em 1em 0 1em;*/
    padding: 1em;

}



/* Hovers and focus */

.agencies-card-link:hover .agencies-card-top,
.agencies-card-link:focus .agencies-card-top{
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #ffffff;
}

.agencies-card-link:hover .agencies-card-btm,
.agencies-card-link:focus .agencies-card-btm{
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 48%, rgba(219,219,219,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 48%,rgba(219,219,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 48%,rgba(219,219,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

.agencies-card-link:hover .agencies-card-name,
.agencies-card-link:focus .agencies-card-name{
    /*text-decoration: underline;*/
    color: #763b83;
}

.agencies-card-link:hover .agencies-card-location,
.agencies-card-link:focus .agencies-card-location{
    text-decoration: underline;
    color: #763b83;
}
.agencies-card-link:hover .agencies-card-votes,
.agencies-card-link:focus .agencies-card-votes{
    /*text-decoration: underline;*/
    color: #763b83;
}

.agencies-card-link:hover .agencies-card-tally,
.agencies-card-link:focus .agencies-card-tally{
    /*text-decoration: underline;*/
    color: #763b83;
}

.agencies-card-link:hover .agencies-card-cta,
.agencies-card-link:focus .agencies-card-cta{
    text-decoration: underline;
    color: #763b83;

    padding-left:30px;
}

.agencies-card-link:hover .agencies-card-icon-checkmark{
    background-position: -21px 0;
}

.agencies-card-link:hover,
.agencies-card-link:focus{
    -ms-transform: translateY(-3px); /* IE 9 */
    -webkit-transform: translateY(-3px); /* Safari */
    transform: translateY(-3px);

    -webkit-box-shadow: 0px 8px 10px 3px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    0px 8px 10px 3px rgba(50, 50, 50, 0.6);
    box-shadow:         0px 8px 10px 3px rgba(50, 50, 50, 0.6);

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}







/* ---------- Homepage ---------- */
.homepage-feature {
    padding: 12em 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
.homepage-feature--background {
    padding: 15em 0;
    background: url('../img/homepage-feature-background2.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
@media only screen and (max-width: 640px) {
   .homepage-feature--background{
        background: url('../img/feature-background.jpg');
        padding: 8em 0;
    }
}
.home-brand-logo-bar{
    background-color: #7d3f98;
    padding: 2.4em 0;
}

.homepage-h1 {
    font-family: 'DomaineDisplayWeb-Bold', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 5em;
    line-height: 1em;
    position: relative;
}
.homepage-h2 {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1em;
    position: relative;
}
.homepage-utility-divider-one{
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    width: 40%;
    margin: auto 0;
    display: inline-block;
    margin: 1.5em 0 1em 0;
}
.homepage-intro{
    margin-top: 4em;
}
.homepage-intro--head{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.0em;
    color: #763b83;
}

.homepage-intro--head__large{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 2.3em;
    line-height: 1.0em;
    color: #763b83;
    margin-top: 1em;
}

.homepage-intro--subhead{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.7em;
    color: #474747;
    margin: 1em 0;
}
.homepage-intro--copy{
    /*margin-bottom: 2em;*/
}
.homepage-competitions{
    /*margin-top: 4em;*/
    margin-bottom: 1em;
}
.homepage-competitions--head{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.0em;
    color: #763b83;
}
.homepage-competitions--copy{
    margin-bottom: 1em;
}
.badge-comingsoon {
    font-weight: 600;
    position: absolute;
    color: #47234f;
    font-size: 12px;
    display: block;
    width: 100%;
    height: 30px;
    width: 75px;
    height: 75px;
    line-height: 30px;
    text-align: center;
    top: 0;
    right: 0;
}
.badge-comingsoon__stripe{
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    width: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.agencies-card__closed{
    -webkit-box-shadow: 0px 0px 10px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 10px 3px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 10px 3px rgba(50, 50, 50, 0.3);
}








/* ---------- Competition ---------- */
.competition-feature {
    padding: 12em 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
.competition-feature--background {
    padding: 12em 0;
    background: url('../img/competition-feature-background.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}
@media only screen and (max-width: 640px) {
   .competition-feature--background{
        background: url('../img/feature-background.jpg');
        padding: 8em 0;
    }
}
.competition-h1 {
    font-family: 'DomaineDisplayWeb-Bold', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 3.5em;
    line-height: 1em;
    position: relative;
}
.competition-h2 {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1em;
    position: relative;
}
.competition-countdownclock {
    background-color: #e5e5e5;
    padding: 1.2em 0; 
    margin-bottom: 2em;
    font-weight: 600;
}
.competition-intro{
    margin-top: 4em;
    /*margin-bottom: 1em;*/
}
.competition-intro--head{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.0em;
    color: #763b83;
}
.competition-intro--copy{
    margin-bottom: 2em;
}

.competition-reward{
    /*margin-top: 4em;*/
    margin-bottom: 1em;
}
.competition-reward--head{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.0em;
    color: #763b83;
}
.competition-reward--copy{
    margin-bottom: 1em;
}

.competition-reward--box{
    padding: 1.5em 0 1.7em 0; 
}
.competition-reward--box__1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #ffffff;
    background-color: #333333;
}
.competition-reward--box__2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #5e5e5e;
    border: 1px solid rgba(0,0,0,0.4);
}
.competition-reward--box__3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #5e5e5e;
    border: 1px solid rgba(0,0,0,0.4);
}
.competition-reward--box__largetext{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: 1em;
}





.competition-howtovote{
    /*margin-top: 4em;*/
    margin-bottom: 1em;
}
.competition-howtovote--head{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.0em;
    color: #763b83;
}
.competition-howtovote--copy{
    margin-bottom: 1em;
}

.competition-howtovote--box{
    background-color: #4c4c4c;
    color: #ffffff;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.competition-howtovote--box__copy{
    padding: 1em 0.5em;
    line-height: 1.1em;
    font-weight: 600;
}
.competition-howtovote__bordertop{
    background-color: #333333;
    height: 14px;
    width: 100%;
    /*content: " ";*/
    z-index: 9999999;
}
.competition-howtovote__borderbtm{
    background-color: #333333;
    height: 14px;
}









.utility-hrule{
    background-color: #898989;
    height:1px;
    width:100%;
    margin: 4em 0;
}


.utility-vspace-medium{
    margin: 4em 0;
}