@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Amaranth:400,700,700italic);

html {
    height: 100%;
}

body {
    font-family:'PT Sans', sans-serif;
    color:#333333;
    line-height:20px;
    font-size:.875em;
    height:100%;

}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Amaranth', sans-serif;
    font-weight:bold;
    color:#202020;
}

iframe {
  overflow: hidden;
}

/* HEADER */

.upmost-bar {
    background:#1E1E1E;
}

.upmost-bar ul {
    list-style-type:none;
}

.upmost-bar li {
    float:left;
    width:10%;
    text-align:center;
}

.upmost-bar li.intro {
    font-size:.8em;
    line-height:30px;
    color:#25AAE1;
    width:20%;
}

footer .upmost-bar {
    padding:1em 0;
}

footer .upmost-bar li, footer .upmost-bar li.intro {
    float:left;
    width:50%;
    text-align:center;
}

footer .upmost-bar li.intro {
    width:100%;
    font-size:1em;
}

.upmost-bar li a {
    color:#878787;
    font-size:1em;
    line-height:30px;
    vertical-align:middle;
    font-weight:bold;
    width:10%;
}

.upmost-bar li a:hover {
    color:#E9B529;
}

.hit-the-trails img {
    width:380px;
    height:81px;
}

.banner {
    background:url(../img/ribbon-header.jpg) center center;
    max-height:81px;
}

.banner {
    text-align:center;
}

.banner a {
    float:right;
    bottom:0;
}

.bump {
    margin-top:1.4em;
}

.social {
    position:relative;
    display:block;
}

.social a {
    float:left;
    width:30px;
    height:30px;
    background:url(../img/social-media-m.png) 0 0 no-repeat;
}

.social a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:.8;
}

.social .twitter {
    margin-left:10px;
    background-position:-30px 0;
}

.share {
    float:right;
    clear:both;
}

.prize-submit, .register-button {
    padding-right:0;
}

.frame-spot {
    background:#4C5689;
    text-align:center;
    background:url(../img/banner/clearance-trailers-full.jpg) center center no-repeat;
    position:relative;
    width:100%;
    height:100%;
    min-height:75px;
    display:block;

    background-size:100%;
}

.frame-spot a {
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
}

.prize .share p {
    float:left;
    font-size:.95em;
    height:30px;
    margin-top:0;
    vertical-align:middle;
    line-height:30px;
    color:#969696;
    font-style:italic;
}

.prize .inline-button-wrapper a{
    width: 100%;
}
@media (max-width: 767px){
    .prize .inline-button-wrapper{
        padding: 0;
    }

    .prize .inline-button-wrapper a{
        width: 70%;
    }
}

.share .social {
    float:right;
    margin-left:1em;
}

.account {
    position:relative;
    text-align:right;
    z-index:2;
    overflow:auto;
    float:right;
    width:200px;
    height:1%;
    clear:both;
    margin-top:.2em;
}

.account h5 {
    margin:0 auto;
    font-size:.9em;
    text-align:right;
    float:right;
}

.account a {
    color:#696969;
}
.account a:hover {
    color:#1A5781;
}

.logo {
    text-align:center;
    z-index:1;
    position:relative;
}

.logo .columns {
    float:none;
    margin:0 auto;
}

.logo.small {
    float:right;
    width:70px;
    margin-right:1em;
    height:auto;
    margin-top:-.6em;
    position:relative;
    z-index:3;
}

.logo a {
    display:block;
}

.logo.d {
    float:left;
    position: absolute;
    left: -2em;
    top: 1.2em;
}

nav.d {
    background:url(../img/yellow-bar.jpg) center center repeat-x;
    height:40px;
}

nav.d ul {
    list-style-type:none;
    float:right;
    text-align:right;
}

nav.d ul li {
    width:auto;
    text-align:center;
    display:inline-block;
    position:relative;
    padding:0 1em;
}

nav.d ul li.long {
}

nav.d ul li a {
    font-family: 'Amaranth', sans-serif;
    color:#252525;
    line-height:40px;
    vertical-align:middle;
    font-size:.8em;
    font-weight:bold;
}

nav.d ul li a:hover {
    color:#054279;
}

nav.d ul li a:active {
    color:#1A5781;
}

nav.d ul li ul {
    position:absolute;
    left:-55%;
    width:auto;
    background:#eee;
    z-index:5;
    top:40px;
    margin:0;
    display:none;
}

nav.d ul li i {
    font-size:.5em;
    margin-top:.1em;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity:.6;
    margin-left:.3em;
}

nav.d ul li ul li {
    width:100%;
    white-space:nowrap;
    line-height:normal;
}

nav.d ul li:hover ul {
    display:block;
}


nav.d ul li ul li.last {
    border:none;
}

nav.d ul li ul li a {
    padding:.5em 2em;
    display:block;
    width:100%;
    line-height:normal;
    border-bottom:1px solid #fff;

  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

}

nav.d ul li ul li a:hover {
    background:#F0FAFE;
}

nav.d ul li ul li {
    padding:0;
}

.top-bar {
    margin-top:1em;
    background:none;
    margin-bottom:1em;
    height:40px;
    clear:both;
}

.top-bar.small {
    margin-top:-2.5em;
    float:left;
    width:100%;
    z-index:2;
}

.top-bar.expanded.small .title-area {
    background:none;
}

.top-bar.expanded.small .toggle-topbar.menu-icon a span {
    height:1px;
    -webkit-box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
    box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
}

.top-bar.expanded {
    margin-bottom:1em;
}

.top-bar .name {
    height:40px;
    z-index:-1;
}

.top-bar .toggle-topbar.menu-icon {
    margin:0;
    padding:0;
    right:48%;
    top:0;
}

.top-bar .toggle-topbar.menu-icon a {
    margin-top:0;
    text-align:center;
    width:36px;
    height:36px;
}


.top-bar .toggle-topbar.menu-icon a span {
    -webkit-box-shadow: 0 10px 0 2px #898989, 0 20px 0 2px #898989, 0 30px 0 2px #898989;
    box-shadow: 0 10px 0 2px #898989, 0 20px 0 2px #898989, 0 30px 0 2px #898989;
}

.top-bar.expanded .toggle-topbar.menu-icon a span {
    height:1px;
}

.top-bar.expanded .title-area {
    background:#262626;
}

.top-bar-section ul li > a {
    background:#363636;
    font-size:.938em;
    color:#eab600;
    padding-left:0;
    text-align:center;
    font-size:1.250em;
    font-style:italic;
    padding:6px 0;

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

}

.top-bar-section ul li:nth-child(4n) > a {
    background:#262626;
}

.top-bar-section ul li ul li > a {
    background:#262626;
}

.top-bar-section ul li ul li:nth-child(2n) > a {
    background:#363636;
}

.top-bar-section ul li > a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity:.9;
    color:white;
}

.top-bar.cat {
    margin:2em 0 2em 0;
    height:40px;
    background:#EEEEEE;
}

.top-bar.cat.expanded {
    height:auto;
}

.top-bar.cat.expanded .title-area {
    background:#155B8F;
}

.top-bar.cat .toggle-topbar.menu-icon a span {

    color:#11548B;
    position:relative;
    float:left;
    text-indent:-125px;
    line-height:35px;
}

.top-bar.cat .toggle-topbar.menu-icon {
    right:40%;
}

.top-bar.cat .toggle-topbar.menu-icon a {
    background:transparent;
}

.top-bar.cat.expanded .toggle-topbar.menu-icon a span {
    color:#fff;
    -webkit-box-shadow: 0 10px 0 2px #F0FAFE, 0 20px 0 2px #F0FAFE, 0 30px 0 2px #F0FAFE;
    box-shadow: 0 10px 0 2px #F0FAFE, 0 20px 0 2px #F0FAFE, 0 30px 0 2px #F0FAFE;
}

.top-bar.cat.expanded .top-bar-section ul li {
    background:#F0FAFE;
    width:100%;
}

.top-bar.cat ul li {
    width:10%;
}

.top-bar.cat ul li > a {
    font-family: 'Amaranth', sans-serif;
    background:#eee;
    color:#333;
}

.top-bar.cat ul li.selected > a, .top-bar.cat ul li > a:hover {
    color:#054279;
    background:#F0FAFE;
}

.prize {
    text-align:center;
    margin-bottom:1.5em;
}

.row.d .prize {
    text-align:right;
}

.prize-container h1 {
    color:#1A5781;
    font-style:italic;
}

.prize h1 {
    font-style:italic;
    color:#202020;
    margin-bottom:0;
    font-size:2.5em;
    margin-top:0;
    line-height:.98;
}

.prize h3 {
    font-weight:normal;
    color:#1A5781;
    font-style:italic;
    font-size:1.375em;
    margin-top:-.1em;
}

.prize h2 {
    color:#eab600;
    font-style:italic;
    font-size:1.875em;
    letter-spacing:1px;
}

.prize p {
    position:relative;
    margin-top:-.5em;
    margin-bottom:0;
    font-size:1.2em;
}

.row.d .prize p {
    /*float:right;*/
    z-index:3;
    margin: 5px 0;
}

.row.d .prize .small {
    font-size:.9em;
    margin-top:-.3em;
    clear:both;
}

.prize .small a {
    color:#eab600;
    font-style:italic;
}

.row.d h2 {
    font-size:2.4em;
    font-weight:normal;
    font-style:italic;
    margin-left:5%;
    /*position:absolute;*/
    left:0;
    white-space:nowrap;
    float:left;
}

.in .row.d h2 {
    margin-top:-.6em;
}

.huge {
    font-size: 5em;
    font-weight:bold;
}

.prize .button {
    width:70%;
    font-style:italic;
    margin-top:1em;
    font-size:1.4em;
    font-weight:normal;
    padding-top:.4em;
    padding-bottom:.4em;
}

.row.d .prize .button {
    float:right;
    clear:right;
    margin-bottom:.5em;
    width: 100%;
}

.row.d h1 {
    white-space: nowrap;
    text-align: center;
}

.prize-container {
    font-size:1em;
}

.row.d .prize .button {
    float:right;
    margin-top:.5em;
    clear:right;
}

.prize .button.register {
    margin-top:0;
}

.prize-container h1 {
    margin-bottom:.3em;
    margin-top:0;
}

.past-winners .title {
    overflow: auto;
    width: 95%;
    margin: 0 auto;
}

.past-winners .title h3 {
    font-size:1.8em;
    font-style:italic;
    float:left;
    font-weight:400;
    margin-bottom:0;
    margin-top:0;
}

.past-winners .title a {
    font-size:1em;
    float:left;
    clear:both;
    color:#E9B529;
}

.past-winners .title a:hover {
    color:#195781;
}

.past-winners .photos {
    clear:both;
    overflow:hidden;
    margin-top:.5em;
}

.past-winners .winner {
    box-sizing: border-box;
    display: inline-block;
    text-align:center;
    margin-right: 2%;
    width: 20%;
}

.past-winners .winner:last-child {
    margin-right: 0;
}

.past-winners.showboat .winner {
   /* width:30%;*/
   width: 45%;
}

.past-winners .winner.first {
    margin:0;
}

.past-winners .winner.last {
    margin:0;
}

.past-winners .winner img {
    border:5px solid #fff;

  -webkit-box-shadow: 0px 0px 12px 2px #eee;
          box-shadow: 0px 0px 12px 2px #eee;

}

.past-winners .winner p {
    font-size:.9em;
    margin-top:.4em;
    margin-bottom: 0;
    color:#1A5781;
    font-style:italic;
}

.days-left{
    font-family: 'Amaranth', sans-serif;
    font-style: italic;
    font-size: 4.2em;
}

@media (max-width: 768px){
    .photos.past-winners{
        margin: 2em 0;
    }

    .past-winners .winner{
        display: inline-block;
        text-align: center;
        padding: 0 2em;
        width: 100%;
        margin: 0;
        margin-bottom: 1em;
    }

    .behind-the-contest ul li {
        width: 100%;
        margin: 0;
    }
    
    .prize .button{
        font-size: 1em;
    }
}

@media (max-width: 1024px){
    .days-left{
        font-size: 2.8em;
        line-height: 120%;
    }
}

.yellow {
    color:#E9B529;
}

.slide-arrow {
    width:30%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:3;
}

.slide-arrow.right {
    width:70%;
    left:30%;
}

.slide-arrow i {
    background:url(../img/light-arrows.png) 0 0 no-repeat;
    height:63px;
    width:35px;
    position:absolute;
    top:50%;
    left:25px;
    margin-top:-31.5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity:.2;
    z-index:1;
}

.slide-arrow.right i {
    left:auto;
    right:25px;
}

.slide-arrow i {
    background-position:0 -63px;
    opacity:.5;
}

.slide-arrow.right i {
    background-position:-35px -63px;
}

.no-touch .slide-arrow i {
    background-position:0 0;
    opacity:.5;
}

.no-touch .slide-arrow.right i {
    background-position:-35px 0;
}

.no-touch .slide-arrow:hover i {
    background-position:0 -63px;
    opacity:.9;
}

.no-touch .slide-arrow:hover.right i {
    background-position:-35px -63px;
}

.asso-province-winners li{
    display: inline-block;    
    margin: 0 40px;
}


.asso-province-winners .first{
    margin: 0 40px 0 0;
}

/* Inner Header */

.in .prize .button {
    margin:0;
}

.in .share {
    margin-top:1em;
}

.in .row.d .prize {
    text-align:left;
    padding-left:3em;
    overflow:auto;
}

.in .row.d .prize .image {
    float:left;
}

.in .row.d .prize .details {
    float:left;
    margin-left:.5em;
    width:50%;
}

.in .row.d .prize .details h1 {
    text-align:left;
    color:#E9B529;
}

.in .row.d .prize .details h3 {
	margin-top: 0;
	margin-bottom: 0.3em;
	line-height: 0.98;
	
    text-align:left;
    color:#E9B529;
}

.in .prize .details p {
    float:left;
    color:#333;
    margin-left:1em;
    font-size:1em;
    font-weight:bold
}

.in .prize-container h2 {
    font-size:2em !important;
}

.in .prize-container .contest-entry {
    text-align:right;
}

.in .prize-container .contest-entry .button {
    font-size:1.3em;
    font-style:italic;
    padding:.6em 2.5em;
    letter-spacing:1px;
    font-weight:400;
}

.in .prize-container .share p {
    margin:0;
    float:right;
}

.in .prize-container .share .small {
    margin-top:.2em;
    clear:right;
}

.in .prize-container .share .small a {
    font-weight:bold;
    color:#E9B529;
}

.in .prize-container .countdown {
    overflow:auto;
}

.pillar .small {
    display:block;
    margin-top:.5em;
    color:#fff;
    font-size:.9em;
}


.prizes .button {
    margin-top:2em;
}

.prizes img {
    margin:1em 0;
}

.past-winners {
    margin:-.5em 0 2em 0;
}

.past-winners.province h3 {
    color:#1A5781;
}

.past-winners.province .winner {
    margin-bottom:1em;
}

.past-winners.province .winner {
    margin:0 0 1em 0;
    float:left;
}

/* Home */

.latest-entries {
  position:relative;
}

.latest-entries .title {
    background:url(../img/ribbon-header.jpg) center center repeat;
}

.in .latest-entries .title {
    margin-bottom:0;
}

.latest-entries .title h2 {
  color: rgb( 255, 255, 254 );
    text-shadow: 0px 0px 3px rgb( 0, 0, 0 );
    vertical-align:middle;
    text-align:center;
    padding:.1em 0;
    letter-spacing:1px;
    font-style:italic;
    font-size:1.875em;
    font-weight:normal;
    margin:0;
}

.latest-entries .locations {
    position:relative;
}

.latest-entries .locations ul {
    list-style-type:none;
    margin:0 auto;
    text-align:center;
}

.latest-entries .locations ul li {
    display:inline-block;
    text-align:center;
}

.latest-entries .locations ul li a {
    font-family: 'Amaranth', sans-serif;
    font-size:1.714em;
    color:white;
    text-transform:uppercase;
    font-style:italic;
    padding:0 .25em;
}

.latest-entries .locations ul li a:active, .latest-entries .locations ul li.selected a {
    color:#E9B529;
}

.latest-entries .locations ul li a:hover {
    color:#FFF7B1;
}

.entry {
    margin:1em 0 1em 0;
}

.entry .photo {
    position:relative;
}

.entry .details {
    clear:both;

}

.entry p {
    margin-top:1em;
    float:left;
}

.entry .name, .entry .area {
    color:#1A5781;
    font-weight:bold;
}

.entry .date {
    font-style:italic;
    color:#B9B9B9;
    margin:0 .5em;
}

.entry .location {
    float:right;
}

.entry .province {
    color:#eab600;
}

.entry p a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:.9;
}

.entry .over .showoff {
    position:absolute;
    width:50%;
    height:100%;
    top:0;
    left:0;
    background-image:url(about:blank);
    z-index:8;
}

.entry .over .showoff.wingspan {
    width:100%;
}

.entry .over .admin-toggle {
    position:absolute;
    width:50%;
    height:100%;
    top:0;
    right:0;
    background-image:url(about:blank);
    z-index:8;
}

.entry .over .admin-toggle span, .entry .over .showoff span {
    font-family: 'Amaranth', sans-serif;
    position:absolute;
    top:45%;
    left:50%;
    margin-left:-42.5px;
    width:85px;
    text-align:center;
    font-size:3em;
    color:white;
}

.entry .over .admin-toggle span {
    color:#E7B346;
}

.entry .over {
    width:100%;
    height:100%;
    position:absolute;
    display:block;
    top:0;
    left:0;
    background:transparent;
}

.no-touch .entry .over {
    display:none;
    background: transparent;
    background: rgba(0, 0, 0, 0.5);

}

.entry:hover .over {
    display:block;
    cursor:pointer;
}

.entry:hover .over a {
    z-index:20;
}

.entry .over .title {
    position:absolute;
    left:20px;
    top:15px;
    z-index:2;
}

.latest-entries .entry .over .title {
    font-size: 0.825em;
}

.entry .over .logo {
    position:absolute;
    right:20px;
    top:18px;
    z-index:2;
}

.entry .over .social {
    position:absolute;
    z-index:25;
    bottom:0;
    right:0;
}

.entry .over .social a {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity:.6;
}

.entry .over .social a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity:1;
}

.entry .over .social a {
    background-position:0 0;
    width:50%;
    height:60px;
    margin:0;
    padding:0;
}

.homepage-image-list .entry .over .social a {
    height: 30px;
}

.entry .over .social a.twitter {
    background-position:-60px 0;
}

.entry .over .comments {
    position:absolute;
    bottom:75px;
    left:20px;
    z-index:3;
}

.entry .over .comments a {
    color:white;
}

.entry .over .logo, .entry .over .title, .entry .over .comments, .entry .over .foundicon-plus  {
    display:none;
}

.no-touch .entry .over .logo, .no-touch .entry .over .title, .no-touch .entry .over .comments, .no-touch .entry .over .foundicon-plus {
    display:block;
}

.image-showcase {
    padding:0;
}

.entry .over i.foundicon-plus {
    font-size:6em;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-42px;
    margin-top:-18px;
    color:white;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity:.2;
    z-index:1;
    line-height:90px9;
    margin-top:-42px9;
}

.entry .over h4, .entry .over h5 {
    font-family:'PT Sans', sans-serif;
    margin:0;
    color:white;
    font-weight:normal;
    font-style:italic;
    float:left;
    clear:left;
}

.entry .over h5 {
    margin-top:-.3em;
}

.button.more {
    margin:0 auto;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:none;
    z-index:2;
}

.entry:hover .over {
    display:block;
    cursor:pointer;
}

.entry .over .title {
    position:absolute;
    left:20px;
    top:15px;
    z-index:2;
}

.entry .over .logo {
    position:absolute;
    right:20px;
    top:18px;
    z-index:2;
}

.listem {
    min-height:600px;
}

.the-title {
    background:url(../img/ribbon-header.jpg) center center repeat-x;
    margin:1em 0 2em 0;
}

.the-title h1 {
  color: rgb( 255, 255, 254 );
    text-shadow: 0px 0px 3px rgb( 0, 0, 0 );
    vertical-align:middle;
    text-align:center;
    padding:.1em 0;
    letter-spacing:1px;
    font-style:italic;
    font-size:2.5em;
    font-weight:normal;
    margin:0;
}


.the-title h1 {
    font-size:1.5em;
    padding:.5em 0;
}

/* Showoff (lightbox) */

.showoff-container {
    width:100%;
    height:100%;
}

.showoff-container .case {
    overflow:auto;
    position:relative;
}

.showoff-container .image {
    width:100%;
    text-align:center;
    overflow:auto;
    background:#222;
    position:relative;
    height:75%;
}

.showoff-container .image img {
    width:auto;
    max-height:75%;
      animation: fadein 0.75s;
    -moz-animation: fadein 0.75s; /* Firefox */
    -webkit-animation: fadein 0.75s; /* Safari and Chrome */
    -o-animation: fadein 0.75s; /* Opera */
}

.club-name-title
{
    color:#aaa;
    font-size: .9em;
    margin: 0;
}

.club-name-title.mobile
{
    text-align: center;
}

/* FF hax */
body:not(:-moz-handler-blocked) .showoff-container .image img {
        height:600px !important;
    }

.showoff-container .details {
    background:url(../img/ribbon-header.jpg) center center repeat-x;
    height:90px;
    position:relative;
}

.showoff-container .caption {
    position:relative;
    height:30px;
    margin-top:-30px;
    width:100%;
    display:block;
    background:rgba(0,0,0,.5);
}

.showoff-container .caption p {
    color:#fff;
    line-height:30px;
    margin:0;
    font-style:italic;
    vertical-align:middle;
}

.showoff-container .details .title {
    float:left;
    color:white;
    padding:.4em 0;
}

.showoff-container .details .title h4, .showoff-container .details .title h5 {
    margin:.2em 0;
    color:white;
}

.showoff-container .details .title h4 {
    margin-top:.5em;
}

.showoff-container .details .title h6 {
    bottom:1em;
    font-size: 1.1em;
    color: #E9B529;
    font-style: italic;
    right:20px;
}

.social-container .social {
    float:left;
    width:100%;
}

.homepage-image-list .social-container .social {
    height:30px;
}

.social-container .social a {
    float:left;
    background:#3C5A96;
    width:50%;
    color:#fff;
    text-transform:uppercase;
    height:60px;
    text-align:center;
    vertical-align:middle;
    line-height:60px;
    margin:0;
    font-size:.85em;
}

.homepage-image-list .social-container .social a {
    height:30px;
    line-height:30px;
}

.social-container .social a.twitter {
    background:#1DADEA;
}

.social-container .social a i {
    padding-right:.4em;
    line-height:60px;
    vertical-align:middle;
    text-align:center;
    font-size:1.4em;
}

.homepage-image-list .social-container .social a i  {
    line-height:30px;
}

.showoff-container .commentators {
    padding-top:1.5em;
    background:white;
    position:relative;
    min-height:600px;
}

.showoff-container .photo {
    position:relative;
    overflow:auto;
}

.photo span span img {
    width:100%;
    display:inline-block;
}

.showoff-container .vote {
    width:100%;
    height:40px;
    vertical-align:40px;
    line-height:40px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -40px;
}

.showoff-container .vote .count {
    float:left;
    color:white;
    font-style:italic;
    font-size:1em;
    font-weight:normal;
    width:50%;
    text-align:center;
}


.showoff-container .vote a {
    float:right;
    color:#297536;
    background:#77CD72;
    width:50%;
    height:100%;
    text-align:center;
    font-size:1.5em;
    font-weight:bold;

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

}
.showoff-container .vote a:hover {
    color:white;
}

.showoff-container .adspace {
    height:125px;
}


.showoff-container .adpace .small-12 {
    width:100%;
}

.showoff-container .adspace .row {
    width:100%;
    max-width:100%;
    height:100%;
}

.showoff-container .adspace .row .columns {
    width:100%;
}

.showoff-container .adspace .row .columns {
    padding:0;
}

.showoff-container .adspace .asso {
    margin-top:1em;
    float:left;
    background:white;
    width:100%;
    position:relative;
  text-align:center;
  min-height:100px;
}

.showoff-container .adspace .asso .logo {
    overflow:auto;
    margin-right:1em;
  text-align:center;
  line-height:100px;
  vertical-align:middle;
  z-index:auto;
}

.showoff-container .adspace .asso .by {
    height:100%;
    overflow:auto;
  text-align:center;
  float:left;
}

.showoff-container .adspace .asso .contents {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-align:left;
}

.showoff-container .adspace .asso a {
    margin-left:.5em;
    display:block;
}

.showoff-container .adspace .asso a img {
    max-width:160px;
    margin-top:0;
    max-height:100px;
}

.showoff-container .adspace .asso h6 {
    font-size:.9em;
    color:#252525;
    margin:.8em 0 0 0;
    line-height:normal;
}

.showoff-container .adspace .asso h3 {
    font-size:2.6em;
    color:#1A5781;
    font-style:italic;
    margin:0 0 0 0;
    line-height:normal;
}

.showoff-container .adspace .asso h4 {
    font-size:1.6em;
    color:#1A5781;
    margin:-.3em 0 0 0;
    line-height:normal;
}


.showoff-container .adspace .ad {
    float:left;
    width:100%;
    height:100%;
    text-align:center;
    background:white;
    border-top:1em solid #fff;
}

.showoff-container .adspace .ad a {
    display:block;
}

.showoff-container .adspace .ad img {
    max-width:100%;
    max-height:100%;
}

.associations h3 {
    float:left;
}

.associations p {
    clear:both;
}

.associations .logo {
    display:inline-block;
    margin:1em 4em 2em 4em;
    text-align:center;
    clear:both;
}

.associations .logo img {
    margin-top:0;
    max-width:none;
}

.brought-by h3 {
    float:right;
    margin:0;
    width:auto;
    padding:0 .2em;
    color:white;
    line-height:normal;
    line-height:81px;
    font-size:1.6em;
    vertical-align:middle;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity:.9;
}

.brought-by a {
    display:block;
    float:right;
    margin-right:-2em;
    margin-left:1em;
    line-height:81px;
    vertical-align:middle;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity:.9;
}

.brought-by .sasksnow
{
    margin-right: -5em;
}

.brought-by {
    display:none;
}

.behind-the-contest {
    margin-top:3em;
}

.behind-the-contest ul {
    width:100%;
    text-align:center;
}

.behind-the-contest ul li {
    width: 15%;
    margin: 0;
    margin-right: 2%;
    text-align:center;
    list-style-type:none;
    float: left;
}

.behind-the-contest ul li img{
    width: 100%;
}

.behind-the-contest ul li:last-child {
    margin-right: 0;
}

.behind-the-contest p {
    font-size:1.3em;
    background:#F5F5F5;
    padding:.5em 0;
    margin-top:.5em;
}

.behind-the-contest small {
    font-size:.7em;
    clear:both;
    display:block;
    font-style:italic;
}

@media (max-width: 768px){

    .behind-the-contest ul li {
        width: 30%;
        margin-right: 3%;
    }

}

@media (max-width: 420px){

    .behind-the-contest ul li {
        width: 49%;
        margin-right: 1%;
    }

}

.top-bar.cat ul li.name {
    font-family: 'Amaranth', sans-serif;
    text-transform:uppercase;
    width: 47%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    color: #333;
    text-align:right
}

.top-bar.cat ul li a {
    font-style:normal;
}

.top-bar.cat.expanded ul li.name {
    color:#F0FAFE;
}

.event {
    padding:2em;
    border-bottom:1px solid #eee;
}

/* Get'N Out */

.getn-out .section {
    min-height:400px;
}

.getn-out .section h3 {
    font-size:1.2em;
}


.getn-out .section img {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.37);
}

.getn-out .section a {
    display:block;
}

.getn-out .section p {
    width:90%;
    margin-top:1.5em;
    margin-bottom:0;
}

.getn-out .section .read {
    clear:both;
    float:left;
    margin-top:.8em;
}

.getn-out.single .sidebar {
    text-align:right;
}

.getn-out.single .sidebar ul li {
    list-style-type:none;
}

.getn-out.single .sidebar h2 {
    color:#063F76;
    margin-bottom:0;
}

.getn-out.single .sidebar h4 {
    margin-top:0;
}

.getn-out.single .sidebar img {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.37);
}




/* Shared styles */

.drop-shadow {
    position:relative;
    background:#fff;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}

.contact form textarea {
    min-height:125px;
}

.contact .button {
    width:100%;
}

.row .snug {
    float:none;
    width:100%;
    margin:0 auto;
}

#signup .box .button {
    width:80%;
}

#signup .box .icon {
    display:none;
}

#signup .box h4 {
    display:none;
}

#signup select {
    width:100%;
    font-size:1.4em;
}

#signup label {
    text-align:left;
}

#signup .gravitar {
    display:block;
    font-size:.8em;
    margin-top:-1em;
    margin-bottom:1em;
}

.success {
    color:#7CB005;
}

ul.news {
    display:block;
    margin-bottom:1em;
    overflow:auto;
}

ul.news li {
    list-style-type:none;
    float:left;
    width:50%;
}

.change-password #password {
    width:80%;
    margin:1.5em auto;
}



/* Admin Photo UI */

.photo-container {
    position:relative;
}

.admin-ui {
    background:#E6EDF2;
    padding:3em 0 0 0;
    display:none;
}

.admin-ui form {
    margin:0;
}

.admin-ui form input {
    width:100%;
    padding-right:25%;
}

.admin-ui form select {
    background:#145184;
    outline:none;
    -webkit-appearance:none;
    color:#fff;
    border:none;
    padding:.7em .5em;
    border-radius:0;
    position:relative;
    margin:0;
    cursor:pointer;
}

.admin-ui-show {
    display:block;
}

.admin-ui .foundicon-down-arrow {
    position:absolute;
    right:10px;
    top:5px;
    font-size:.85em;
    color:#fff;
}

.admin-ui .actionz {
    width:100%;
    overflow:auto;
    padding-top:2em;
}

.admin-ui .actionz button {
    font-family: 'Amaranth', sans-serif;
    width:50%;
    padding:.8em 0;
    border:none;
    outline:0;
    float:left;
    font-weight:normal;
    margin:0;
    -webkit-appearance: none;
    font-size:1.2em;

    -webkit-box-shadow:none;
    box-shadow:none;

  -webkit-transition: all 0.6s ease-out;
     -moz-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
          transition: all 0.6s ease-out;

}

.photo-container-association .social-container,.photo-container-association .comments,.photo-container-association .logo {
    display: none!important;
}

.photo-container-association .approve {
    width: 60%!important;
}

.admin-ui .actionz .update {
    background:#80C23E;
    border-bottom:3px solid #5C8C2C;
}

.admin-ui .actionz .update:hover {
    background:#99CE64;
    border-bottom:3px solid #80C23E;
}

.admin-ui .actionz .approve {
    background:#E7B346;
    border-bottom:3px solid #C7901A;
}

.admin-ui .actionz .approve:hover {
    background:#ECC46F;
    border-bottom:3px solid #E7B346;
}

.admin-ui .actionz .remove {
    background:#E54740;
    border-bottom:3px solid #B42018;
}

.admin-ui .actionz .remove:hover {
    background:#E9645D;
    border-bottom:3px solid #E54740;
}

.admin-ui .actionz .cancel {
    background:#E9B529;
    border-bottom:3px solid #B98D13;
}

.admin-ui .actionz .cancel:hover {
    background:#EEC659;
    border-bottom:3px solid #CB9B15;
}

.admin-ui .actionz i {
    margin-left:.6em;
    font-size:.9em;
    display:none;
}

.admin-ui .close {
    position:absolute;
    top:10px;
    right:5px;
    font-size:1.5em;
    width:30px;
    text-align:center;
    vertical-align:middle;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity:.3;
}

.admin-ui .actionz-saved .update,.admin-ui .actionz-approved .approve ,.admin-ui .actionz-deleted .remove  {
    width: 100%;
}

.actionz-saved .approve,.actionz-saved .remove,.actionz-approved .update,.actionz-approved .remove,.actionz-deleted .update,.actionz-deleted .approve {
    display: none;
}

.actionz-saved .update i,.actionz-approved .approve i,.actionz-deleted .remove i {
    display:inline;
}

.admin-ui .placemat {
    position:absolute;
    right:10px;
    margin-top:.25em;
    font-size:.9em;
    font-style:italic;
    color:#CBCBCB;
}

.login {
    margin-top:1em;
}

.admin-block {
    border:none;
    padding-bottom:2em;
}

.admin-block h4 {
    margin-bottom:1em;
}

.admin-block .icon {
    padding-bottom:1.5em;
    display:block;
}

.admin-block img {
    width:110px;
    height:100px;
}

.admin-block form .icon {
    padding-bottom:.7em;
}

.admin-block #uploadfile {
    margin-top:1em;
    text-align: center;
    vertical-align: middle;
    padding:1em 0 1em 2em;
}

.admin-block #updateuser {
}

.admin-block.notifications p {
    margin-bottom:.8em;
    padding:0 4em;
}

.admin-block.notifications .submit-notification {
    margin-left:2em;
}

.login .admin-block form {
    margin:0;
    font-size:1em;
}

.entry .pending-approval {
    font-size:1.1em;
    text-align:center;
    width:100%;
    background:#E9B529;
    margin-top:0;
    padding:.5em 0;
    font-weight:bold;
    font-style:italic;
}

.report.success {
    color:#333;
    margin-bottom:1em;
    font-size:1.1em;
    font-weight:400;
    font-style:italic;
}

span.club-name {
   font-size: .9em;
   font-weight: normal;
   line-height: .9em;
}

footer {
    margin-top:1em;
}

footer .title {
    background-image: none!important;
}

footer .nav {
    background:#363636;
    list-style-type:none;
    width:100%;
    height:30px;
    margin:0;
}

footer .nav li a {
    color:#eab600;
    float:left;
    font-size:.625em;
    line-height:30px;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0 3%;
}

footer .nav li a:hover {
    color:white;
}

footer .desktop {
    height:50px;
    vertical-align:middle;
    line-height:50px;
    background:#333;
    text-align:center;
}

footer .desktop a {
    color:#878787;
    font-weight:bold;
    float:left;
    width:100%;
    height:100%;
}

footer .desktop a:hover {
    color:#eab600;
}

nav.base {
    background:#E9B529;
    padding:1em 0;
    margin-top:2em;
}

.in nav.base.high {
    margin-bottom:2em;
    margin-top:0;
}

nav.base ul {
    list-style-type:none;
    margin:0;
    text-align:center;
    line-height:normal;
}

nav.base ul li {
    display:inline-block;
    width:100%;
    padding:.3em 0;
    font-size:1.4em;
}

nav.base ul li a {
    color:#252525;
    font-family: 'Amaranth', sans-serif;
    font-size:1.2em;
    font-style:italic;
    padding:0;
}

nav.base ul li a:active, nav.base ul li.selected a {
    color:#1A5781;
}

nav.base ul li a:hover {
    color:#5F726E;
}

footer .pillar {
    background:url(../img/ribbon-b.jpg) center center repeat;
    text-align:center;
}

footer .pillar .logo {
    max-width:30%;
    margin-top:1em;
}

footer .pillar .details {

}

footer .pillar .details h5 {
    color:#E9B529;
    margin-top:.7em;
    margin-bottom:.5em;
}

footer .pillar .details p {
    color:white;
}

footer .pillar .details .title {
    color:#E9B529;
    font-style:italic;
    font-weight:bold;
}

footer .pillar .details .date {
    color:#fff;
    font-style:italic;
}

footer .associations {
    overflow:auto;
    padding-bottom:1em;
}

footer .associations .full {
    margin:1em 25%;
}

footer .associations a {
    float:left;
   /* width:50%;*/
    width:100%;
    margin:1em 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:.8;
}

.last-second, .last-third, .last
{
    padding: 2px 0;
}

footer .associations a.last {
    
}


footer .associations a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity:1;
}

footer .associations a img {
    max-width:100%;
}

    /* Lifted corners */

/* LOGIN */

.login-form {
    /*margin:0 auto;*/
}

.login {
    text-align:center;
}

.login h1 {
    font-size:1.5em;
    font-style:italic;
    letter-spacing:1px;
}

.login form {
    margin-top:1em;
    font-size:1.250em;
}

.login form .button {
    padding:8px 20px;
    width:100%;
    font-style:italic;
    letter-spacing:1px;
}

.login form .recover {
    text-align:right;
}

.login form .recover a {
    font-size:.8em;
    color:#eab600;
    text-align:right;
    font-style:italic;
    line-height:14px;
}

.login form .recover .first {
    text-align:left;
}

.login form .recover a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity:.9;
}

.login form #business-email {
    display:none;
}

.login form input {
    background:#EAE7E7;
}

form label.error {
    display:none !important
}

form input.valid {
    border-color:#86CD25 !important;
}

form input.error {
    border-color:#D01820 !important;
}

.border-none,.border-none td,.border-none table {
    background: white;
}

.table-text-left td {
    text-align:left;
}

.error{
    background: #bd2231;
    color: #fff;
    padding: 10px;
}


@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }
    50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }
    50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.no-touch .animated.pulse {
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
    0%, 100% {-moz-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
    0%, 100% {-o-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 5s;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

/*
.st-container,
.st-pusher,
.st-content {
    height: 100%;
}*/

.st-content {
    background: #ffffff;
}

.st-content,
.st-content-inner {
    position: relative;
}

.st-container {
    position: relative;
    overflow: hidden;
    max-width:1180px;
    margin:0 auto;
}

.st-container-no-ajax {
    /*padding: 0em 3em;*/
}

.st-pusher {
    position: relative;
    left: 0;
    z-index: 99;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.st-pusher::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu-open .st-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 320px;
    height: 100%;
    background: #19588E;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.st-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */

.st-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.st-menu h2 {
    margin: 0;
    padding: 1em;
    color:#E9B529;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-weight: 300;
    font-size: 2em;
}

.st-menu ul li a {
    display: block;
    padding: 1em 1em 1em 1.2em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0,0,0,0.2);
    color: #f3efe0;
    text-shadow: 0 0 1px rgba(255,255,255,0.1);
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}

.st-menu ul li a span {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity:.7;
}

.st-menu ul li i {
    float:right;
}

.st-menu ul li button {
    float:right;
    margin:1em;
    font-size:1.2em;
    background:#eee;
    color:#333;
    padding:.5em 1.5em;
}

.st-menu ul li button:hover {
    background:#fff;
}

.st-menu ul li button i {
    margin-left:.5em;
    font-size:.8em;
    margin-top:.05em;
}


.st-menu ul li:first-child a {
    box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.st-menu ul li a:hover {
    background: rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px rgba(0,0,0,0);
    color: #fff;
}

#st-trigger-effects {
    position:absolute;
    top:10px;
    left:-10px;
}

#st-trigger-effects button {
    background:rgba(0,0,0,.5);
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    float:left;
    z-index:auto;
    margin-bottom:0;
}

.st-menu-open #st-trigger-effects button {
    background:transparent;
}

#st-trigger-effects button:hover {
    background:rgba(0,0,0,.2);
}

.st-menu-open #st-trigger-effects button {
    background:#7FCD29;
    color:#1B1B1B;
}

#st-trigger-effects .approve {
    background:#B7DB47!important;
    color:#222222;
    float:left;
    clear:left;
}

#st-trigger-effects .approve:hover {
    background:#D0E788!important;
}

#st-trigger-effects .remove {
    color:#fff!important;
    background:#DA0003!important;
}

#st-trigger-effects .remove:hover {
    background:#FF474A!important;
}

#st-trigger-effects i {
    font-size:.8em;
    margin-right:.5em;
}

.st-menu-open .mfp-close {
    display:none;
}

/* Effect 7: 3D rotate in */

.st-effect-7.st-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}

.st-effect-7 .st-pusher {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.st-effect-7.st-menu-open .st-pusher {
    -webkit-transform: translate3d(320px, 0, 0);
    transform: translate3d(320px, 0, 0);
}

.st-effect-7.st-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.st-effect-7.st-menu-open .st-effect-7.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

.floatRight { float: right;}
.margin-left-20 { margin-left: 20px!important;}
.clear { clear:both;}
  .overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#image-list {
    min-height: 125px;
}

.lt-ie10 #uploadfile {
    display:block;
}

form.change-password {
    font-size: 1em;
}

@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}

.button-vote {
  width:100%;
  background:#e9b428;
  margin-top:0;
  padding:.5em 1em;
  font-weight:bold;
  color:#fff;
  display:inline-block;
  width: 61.666666%;
  float: left;
    font-size: 16px;
    text-align: center;

}

.vote-container .button-vote,.vote-container .vote-count {
    padding: 0em 1em;
}

.vote-container .vote-count {
    text-align:center;
}

.vote-container .button-vote .text,.vote-container .vote-count .count,.vote-container .vote-count i,.vote-container .button-vote-login {
    height: 120px;
    line-height: 120px;
    font-size: 23px;
}

.vote-container .button-vote-login {
    line-height: 76px;
}


.vote-container .vote-count i {
    margin-right: 0.25em;
}

.title-vote {
    text-align:left!important;
}

.voting-grid,.social-grid {
    padding: 0;
    margin: 0;
}

.button-vote:hover {
    color:#fff;
    background:#EEC700;
}

.social-grid .social-container .social a {
    width: 100%;
}

.button-vote-login {
    width:100%;
    background:#e9b428;
    margin-top:0;
    padding:.5em 1em;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    width: 61.666666%;
    float: left;
    font-size: 16px;
    text-align: center;

}

.button-vote-login:hover {
    color:#fff;
    background:#EEC700;
}

.button-vote-transition {
    transition: 1s;
    width: 0px;
    padding: 0px;
    height: 36px;
}

.vote-count {
    width: 38.333333%;
    display:inline-block;
    float:left;
    padding:.5em 1.5em .5em 1em;
    background:#efefef;
    text-align: right;
    color:#094780;
    font-size: 16px;
    text-align:center;
}

.voting-disabled .button-vote {
    background: #ededed;
    cursor: default;
    color:#9c9b9b;
}

.user-info {
    position: absolute;
    top: 3%;
    left: 5%;
    z-index: 10;
    color:#fff;
    background: rgba(0,0,0,0.3);
    padding: 10px;
    text-align: left;
}

.over .title {
    background-image:none;
}

.user-info h4, .user-info h5 {
    color:#fff!important;
    margin: 0px;
}


.report-voting {
    text-align:center;
   padding : 1em;
    background:#dff0d8;
    font-size: 1.25em;
}

.report-voting-success {
    background:#dff0d8;
    color:#3c763d;
    border-bottom: 1px solid #d6e9c6;
}

.report-voting-error {
    background:#f2dede;
    color:#a94442;
    border-bottom:1px solid #ebccd1;
}

.report-voting-warning {
    background:#fcf8e3;
    border-bottom: 1px solid #faebcc;
    color:#8A6D39;
}

.sticky-title.stuck {
    position:fixed;
    top:0;
    width: 100%;
    z-index: 100;
}

.larger {
    font-size: 1.25em;
}


.single-box {margin:0 auto 2em auto;position:relative;max-width:640px;}
.single-box span {width:100%;font-family: 'Amaranth', sans-serif;background:#084B83;color:white;float:left;font-style:italic;text-align:center;font-weight:normal;font-size:26px;line-height:2.2;}
.single-box img {margin:.3em 0 0 0;}
.single-box a {display:block;}
.single-box .cat {}
.single-box .name {background:rgba(241,201,43,.9);bottom:-1px;left:0;position:absolute;}

  .row-winners {
    margin: 4em auto 2em auto;
  }
  .row-winners h1 {
    color:#8b8b8b;
    text-align: center;
    line-height:1.2em;
  }
  .row-winners .yellow {
    color:#f1cd00;
    line-height: 1.3em;
    font-size: 2.35em;
  }
  .row-winners h6 {
    text-align: center;
    color:#145690;
    font-size: 1.57em;
  }
  .row-winners hr,.row-drawing-winners hr {
    max-width: 750px;
    margin: 4em auto 0;
  }
  .row-drawing-winners h1{
    color:#064885;
  }
  .row-drawing-winners p {
    font-size: 1.28em;
  }
  .row-drawing-winners iframe {
    width: 100%;
    height: 375px
  }

  .winners-landing {
    margin-top: 3em;
    margin-bottom: 5em;
  }



  @media only screen and (max-width: 960px) {
    .row-winners h1 {
      font-size: 2em;
      padding-bottom: 1em;
    }

    .row-winners h6 {
      font-size: 1.25em;
    }

    .row-winners img {
      margin-top: 2em;
    }

    .row-drawing-winners iframe {
      margin: 2em 0;
    }

    .asso-province-winners .first{
        margin: 0 40px !important;
    }

  }


  @media only screen and (max-width: 420px) {
    .row-winners h1 {
      font-size: 1.5em;
    }
    .row-winners h6 {
      font-size: 1em;
    }

    .row-drawing-winners h1 {
      font-size: 2em;
    }
  }


  .rule-lists
  {
    margin-left: 3em;
  }


  .category-lists
  {
    font-size: 1.28em;
    /*margin-left: 4em;*/
    margin-left: 2em;
  }

  .signature
  {
    width: 40%;
  }

.provinces-winners
{
    /*margin: 4em auto 2em auto;*/
    margin: 2em auto 2em auto;
}

  .provinces-winners h1
  {
    color: #064885;
  }

.provinces-winners p
{
    font-size: 1.28em;
}

.provinces-winners .button
{
    /*margin-top: 3em;*/
    margin-top: 1.8em;
    /*padding: 1.5em 3em;*/
}

/*.provinces-winners .button.photos
{
    padding: 1.5em 3em;
}*/

.winners
{

}

.winners h1 {
color: #8b8b8b;
text-align: center;
line-height: 1.2em;
}


.winners h6 {
text-align: center;
color: #145690;
font-size: 1.57em;
}


.winners .yellow {
color: #f1cd00;
line-height: 1.3em;
font-size: 2em;
}

.grant-winner
{
    margin:1.3em 0 3.5em 0;
}

.single-box .cat-title
{
line-height: 2.5;
/*font-size: 1.5em;*/
font-size: 115%;
}

.button.home {
margin-top: 0;
/*margin-left: 1.5em;*/
/*font-size: 1.2em;*/
line-height: 1.4;

}

/*.button.register
{
    margin-left: 1.5em;
    font-size: 1.2em;
}*/

.button.home.register
{
    background-color: #084b83;
}

.button.home.register:hover
{
    background-color: #47769e;
}


.button.photos
{
    background-color: #f4d926;
    width:100%;
    border: none;
    /*font-size:150%;*/
    color:black;
}

.button.photos:hover
{
    background-color: #dcc423;
}


.contest
{
    padding: 0 20px;
}


.columns.associations-logos
{
    padding-right:0;
    margin-right: 0;
}

.why-join-club
{
    margin: 0 0 1em 0;
}

.why-join-club.details-page, .update-club-page
{
    margin: 20px 0;
}

.why-join-club a
{
    text-decoration: underline;
}

.update-club-pup
{
    float: left;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}

.prize-container button, .button
{
    background-color:#E9B529;
    border-color:#AE9554;   
}

.prize-container button, .button:hover
{
    background-color:#EBD18B;
}

.asso-province-winners
{
    font-size:1.6em;
}

a.yellow{
    text-decoration: underline;
}